/*
 *
 * Copyright (c) 2007 gelberTraktor
 * All rights reserved / Alle Rechte vorbehalten
 * http://gelberTraktor.com
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* MISC */

br
{
    display: block;
    width: 1px;
    height: 1px;
}

img, a img
{
    border-style: none;
}

span.caps
{
    color: #444;
    background-color: transparent;
}

.caps
{
    position: relative;
    top: 0;
    left: 0;
}

.error
{
    color: #fff;
}


div.p /* @@text new line @@ */
{
    display: block;
    clear: both;
    width: 341px;
    height: 1em;
    overflow: hidden;
}

div.p *
{
    display: none;
}


div.line /* @@text new line @@ */
{
    display: block;
    clear: both;
    margin: -1em 0;
    width: 341px;
    height: 1px;
    overflow: hidden;
}

div.line *
{
    display: none;
}

div.end /* @@text box end@@ */
{
    background: #fff none;
    display: block;
    clear: both;
    position: relative;
    top: 0;
    left: -11px;
    width: 363px;
    height: 41px;
    overflow: hidden;
}

div.end, #sidebar .regionContent, #contentMain .regionContent
{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

div.end *
{
    display: none;
}


div.global
{
    position: relative;
    top:-2em;
    left:0;
}

#airplane
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 555;
}


/* ARCHITECTURE */

body
{
    background: #6b6b6b url('/projectstatic/images/bgBody.gif') no-repeat top;
    text-align: center;
}

#main
{
    position: relative;
    top: 0;
    left: 0;
    color: #000;
    background: #fff none;
    text-align: left;
    margin: 0 auto;
    width: 950px;
}


/* HEADER */

#header
{
    background: #fff url('/projectstatic/images/bgHeader.gif') no-repeat 0 0;
    min-height: 120px;
    *height: 120px;
    overflow: show;
}


#logo
{
    position: absolute;
    top: 30px;
    left: 113px;
    background: transparent url(../images/logo.gif) no-repeat 0 0;
    height: 58px;
    width: 285px;
    overflow: hidden;
}

#logo a
{
    display: block;
    height: 58px;
    width: 285px;
}

#logo span
{
    background: transparent none;
    padding: 999px;
}

#header .regionContent
{
    padding: 120px 41px 11px 165px;
    width: 744px;
    overflow: hidden;
}



/* CONTENT */

#content
{
    background: #fff none;
    display: block;
    clear: both;
    float:left;
    width: 100%;
}


/* SIDEBAR */

#sidebar
{
    float: right;
    border-right: 41px solid #fff;
    padding-top: 3em;
    width: 363px;
}

#sidebar .regionContent
{
    background: #f6f6f6 none;
    margin: 0 0 2em 0;
    padding: 9px 11px;
    width: 341px;
    overflow: hidden;
}


#contentGlobal
{
    background: transparent url('/projectstatic/images/bgContentGlobal.png') repeat-y 0 0;
    width: 363px;
}

#contentGlobal .regionContent
{
    border-bottom: 1px solid #eee;
    background: transparent none;
    width: 341px;
}

#contentGlobalHeader
{
    background: transparent url('/projectstatic/images/bgContentGlobalHeader.png') no-repeat 0 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 28px;
}

#contentGlobalHeader h1
{
    visibility: hidden;
}

/* CONTENTMAIN */

#contentMain
{
    float:left;
    border-right: 18px solid #fff;
    width: 363px;
}

#contentMain .regionContent
{
    background: #f6f6f6 none;
    margin: 1em 0 2em 0;
    padding: 9px 11px;
    width: 341px;
    overflow: hidden;
}


/* FOOTER*/

#footer
{
    background: #fff none;
    display: block;
    clear: both;
    float:left;
    width: 100%;
}
#footer .regionContent
{
    margin: 0 41px 22px 165px;
    width: 744px;
    overflow: hidden;
}


/* MENUMAIN */

#menuMain
{
    float:left;
    border-right: 2px solid #fff;
    width: 163px;
}

#menuMain * {
    outline: none;
}

#menuMain .regionContent
{
    margin: 4px 0 22px 17px;
    width: 146px;
    overflow: hidden;
}

#menuMain ul
{
    list-style: none none outside;
    padding: 0;
    margin: 0;
}

#menuMain li
{
    display: block;
    float: left;
    width: 100%;
}

/* LEVEL0 */

#level0 a
{
    display: none;

    /* =============== */
    position: absolute;
    top: 78px;
    left: 663px;
    background: transparent url(../images/home.gif) no-repeat 0 0;
    height: 58px;
    width: 285px;
    height: 12px;
    width: 37px;
    overflow: hidden;
}

#level1 a
{
    /* cleanup */
    position: relative;
    top: 0;
    left: 0;
    background: transparent none;
    height: auto;
    width: auto;
}

#level0 a:link, #level0 a:visited, #level0 a:hover, #level0 a:active
{
    text-decoration: none;
}

#level0 a span
{
    padding: 999px;
}

#level1 a span
{
    /* cleanup */
    padding: 0;
}


/* LEVEL1 */

#level1 a
{
    display: none;
}

#level3 a
{
    /* cleanup */
    display: block;
}

#level1 .deutsch {
    display: block;
    position: absolute;
    top: 78px;
    left: 643px;
    background: transparent url(../images/deutsch.gif) no-repeat 0 0;
    height: 14px;
    width: 63px;
    overflow: hidden;
}

#level1 .english {
    display: block;
    position: absolute;
    top: 83px;
    left: 741px;
    background: transparent url(../images/english.gif) no-repeat 0 0;
    height: 16px;
    width: 62px;
    overflow: hidden;
}

#level1 .francais {
    display: none;
    /* TODO: /francais
    display: block;
    */
    position: absolute;
    top: 83px;
    left: 741px;
    background: transparent url(../images/francais.gif) no-repeat 0 0;
    height: 16px;
    width: 71px;
    overflow: hidden;
}

#level1 .contact {
    display: block;
    position: absolute;
    top: 89px;
    left: 838px;
    background: transparent url(../images/contact.gif) no-repeat 0 0;
    height: 15px;
    width: 63px;
    overflow: hidden;
}

#level2 .deutsch, #level2 .english, #level2 .francais, #level2 .contact {
    /* cleanup */
    display: block;
    position: relative;
    top: 0;
    left: 0;
    background: transparent none;
    height: auto;
    width: auto;
}

#level1 .deutsch span, #level1 .english span, #level1 .francais span, #level1 .contact span {
    padding: 999px;
}

#level2 .deutsch span, #level2 .english span, #level2 .francais span, #level2 .contact span {
    /* cleanup */
    padding: 0;
}


/* LEVEL2 */

#level2 li
{
    background-color: #fff;
}

#level2 .projects
{
    display: block;
    position: relative;
    top: 0;
    left: 3px;
    background: transparent url(../images/projects.gif) no-repeat 0 0;
    height: 12px;
    width: 70px;
    overflow: hidden;
}

#level2 .work
{
    display: block;
    position: relative;
    top: 0;
    left: 3px;
    background: transparent url(../images/works.gif) no-repeat 0 0;
    margin-top: 2px;
    height: 10px;
    width: 44px;
    overflow: hidden;
}

#level2 .kuenstlerinnen
{
    display: block;
    position: relative;
    top: 0;
    left: 3px;
    background: transparent url(../images/people.png) no-repeat 0 0;
    margin-top: 2px;
    height: 10px;
    width: 53px;
    overflow: hidden;
}

#level2 .atoz {
    display: none;
    /*
    display: block;
    position: relative;
    top: 0;
    left: 3px;
    background: transparent url(../images/atoz.png) no-repeat 0 0;
    margin-top: 2px;
    height: 10px;
    width: 31px;
    overflow: hidden;
    */
}

#level2 .about
{
    display: block;
    position: relative;
    top: 0;
    left: 0px;
    background: transparent url(../images/about.gif) no-repeat 0 0;
    margin-top: 0;
    height: 10px;
    width: 45px;
    overflow: hidden;
}

#level2 .media
{
    display: block;
    position: relative;
    top: 0;
    left: 8px;
    background: transparent url(../images/media.gif) no-repeat 0 0;
    margin-top: 8px;
    height: 10px;
    width: 45px;
    overflow: hidden;
}

#level2 .links
{
    display: block;
    position: relative;
    top: 0;
    left: 0px;
    background: transparent url(../images/links.gif) no-repeat 0 0;
    margin-top: 8px;
    height: 10px;
    width: 43px;
    overflow: hidden;
}

#level3 .projects, #level3 .work, #level3 .kuenstlerinnen, #level3 .about, #level3 .media, #level3 .links, #level3 .atoz
{
    /* cleanup */
    display: block;
    position: relative;
    top: 0;
    left: 0;
    background: transparent none;
    height: auto;
    width: auto;
}

#level2 .projects span, #level2 .work span, #level2 .kuenstlerinnen span, #level2 .about span, #level2 .media span, #level2 .links span
{
    padding: 999px;
}

#level3 .projects span, #level3 .work span, #level3 .kuenstlerinnen span, #level3 .about span, #level3 .media span, #level3 .links span
{
    /* cleanup */
    padding: 0;
}

#level2 li a
{
    padding-bottom: 0.27em;
}

#level2 a:link.active, #level2 a:visited.active, #level2 a:hover.active, #level2 a:active.active {
    color: #d6141f;
}


/* LEVEL 3 */

#level3 a:link, #level3 a:visited, #level3 a:hover, #level3 a:active
{
    letter-spacing: -1px;
    display: block;
    color: #5a5a5a;
    font-family: 'Courier new', 'American typewriter', monospace;
    text-decoration: none;
    padding-left: 1em;
    padding-left: 0.3em;
}

.about #level3 a:link, .about #level3 a:visited, .about #level3 a:hover, .about #level3 a:active
{
    padding-left: 0em;
}


/* LEVEL4 */

#level4 a:link, #level4 a:visited, #level4 a:hover, #level4 a:active
{
    display: block;
    color: #d6141f;
    font-family: 'Courier new', 'American typewriter', monospace;
    text-decoration: none;
    padding-left: 2em;
    padding-left: 1em;
}

#level5 li {
    padding-left: 1em;
}

#level5 li a:link, #level5 li a:visited {
    color: #5a5a5a;
}

#level5 li a:hover, #level5 li a:active {
    color: #d6141f;
}

/* FOOTER */
#footer .regionContent
{
    text-align: center;
    font-size: 77%;
}

/* ==========================================================
 * content styles
 * ========================================================== */


/* default margin for block-elements*/

blockquote, cite, code, dl, form, h1, h2, h3, h4, h5, h6, hr, ol, p, pre, samp, table, tt, ul
{
    margin: 1em 0;
}


/* HEADERS */

h1, h2, h3, h4, h5, h6
{
    color: #585858;
    font-family: 'Trebuchet MS', Arial, sans-serif;
    font-weight: bold;
    margin: 0.3em 0;
}

h1 span.caps, h2 span.caps, h3 span.caps, h4 span.caps, h5 span.caps, h6 span.caps
{
    color: #606060;
    font-size: 0.8em;
}

h1
{
    clear: both;
    font-size: 136%;
    font-weight: normal;
}

h1 span
{
    position: relative;
    top: -0.3em;
    *top: 0; /* IE */
    /* dropped this...
    left: -0.35em;
    */
    left: 0;
    color: #fff;
    background-color: #d6141f;
    padding: 0 0.1em;
}

h1 span span.caps
{
    color: #fff;
    background-color: transparent;
}

h2 span, h3 span, h4 span, h5 span, h6 span
{
    color: #d6141f;
}

h2 span span.caps, h3 span span.caps, h4 span span.caps, h5 span span.caps, h6 span span.caps
{
    color: #d6141f;
}

h2.snip span, h3.snip span, h4.snip span, h5.snip span, h6.snip span
{
    color: #585858;
}

h2
{
    clear: both;
    font-size: 122%;
    font-weight: bold;
}

h3
{
    font-size: 107%;
}

h4
{
    letter-spacing: 3px;
    font-size: 92%;
}

h5
{
    letter-spacing: 2px;
    font-size: 92%;
}

h6
{
    letter-spacing: 1px;
    font-size: 92%;
}




/* BLOCK ELEMENTS */

blockquote, code, hr, p, pre, samp, tt
{
}

cite
{
    color: #d6141f;
    display: block;
    letter-spacing: 1px;
}


/* INLINE ELEMENTS */

abbr {}

acronym {}

b
{
    color: #000;
    background-color: #f3fb26;
    background-color: #fbe926;
    font-size: 92%;
    font-weight: normal;
}

big
{
    color: #000;
    background-color: #f3fb26;
    background-color: #fbe926;
    font-size: 92%;
    font-weight: bold;
}

del
{}

em
{}

i
{
    font-style:italic;
}

q
{}

small, sub, sup
{
    font-size: 77%;
}

strike
{}

strong
{
    color: #2a2a2a;
    font-weight: bold;
    font-size: 92%;
}

/* TABLES */

table
{
    clear:both;
}

caption
{}

thead
{}

tbody
{}

tfoot
{}

th
{
}

col
{}

colgroup
{}

tr
{}

td
{ 
    vertical-align:top;
    padding: 0.2em;
}


/* LISTS */

dl, ul, ol
{
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 1em;
    margin-bottom: 1em;
}

ol
{
    list-style-type: decimal;
}

dd, dt, li
{
    /*
    line-height: 1.7em;
    */
    margin-bottom: 0.3em;
}


/* IMAGES */

span.image img
{
    display: block;
}

span.image.original img
{
    display: inline;
}

span.image.large, span.image.medium, span.image.small, span.image.smallRight, span.image.smallNoBorder, span.image.smallRightNoBorder
{
    display: block;
    float: left;
    margin-bottom: 11px;
}

span.image.smallRight, span.image.smallRightNoBorder
{
    float: right;
}

span.image.large
{
    position: relative;
    top: 0;
    left: -11px;
    width: 363px;
}

img.large
{
    width: 363px;
}

span.image.medium
{
    width: 322px;
}

img.medium
{
    width: 322px;
}

span.image.small, span.image.smallNoBorder
{
    border: 1px solid #f3fb26;
    width: 154px;
    margin-right: 14px;
}

span.image.smallRight, span.image.smallRightNoBorder
{
    border: 1px solid #f3fb26;
    width: 154px;
    margin-right: 14px;

    *position: relative; /* IE */
    *right: 14px; /* IE */
    *top: 0px; /* IE */
    *margin-right: 0; /* IE */
    *margin-left: 29px; /* IE */
}

img.small, img.smallRight, img.smallNoBorder, img.smallRightNoBorder
{
    width: 154px;
}

span.image.smallNoBorder, span.image.smallRightNoBorder
{
    border: 1px solid #f6f6f6;
}

span.image .description
{
    display: block;
    clear: both;
    font-size: 92%;
    color: #757575;
}

span.image.large .description
{
    margin: 0 0.4em;
}

span.image.original, span.image.original img
{
    display: inline;
    margin: 0;
    padding: 0;
}

/* LINKS */ 

a:link, a:visited
{
    color: #686868;
    text-decoration: underline;
}

a:hover, a:active
{
    color: #000;
    text-decoration: underline;
}

a.active:link, a.active:visited, a.active:hover, a.active:active
{
}

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
    text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active
{
    color: #000;
}


/* FORM */

.nevow-form .field, .nevow-form .fieldCheckbox
{
    display: block;
    clear: both;
    float: left;
    margin-bottom: 0.8em;
    width: 100%;
}

.nevow-form label
{
    display: block;
    clear: both;
    float: left;
    text-align: left;
    margin-right: 2%;
    width: 18%;
    overflow: hidden;
}

.nevow-form div.inputs
{
    display: block;
    float: right;
    text-align: left;
    width: 80%;  
    overflow: hidden;
}

.nevow-form .fieldCheckbox label
{
    display: block;
    clear: none;
    float: right;
    text-align: left;
    margin-right: 0;
    width: 80%;
    overflow: hidden;
}

.nevow-form .fieldCheckbox div.inputs
{
    display: block;
    clear: both;
    float: left;
    text-align: right;
    margin-right: 2%;
    width: 18%;  
    overflow: hidden;
}

.nevow-form .description, .nevow-form .message
{
    clear: both;
    margin-left: 20%;
    width: 80%;
}

.nevow-form input, .nevow-form textarea, .nevow-form select
{
    width: 100%;
}

.nevow-form .small
{
    width: 10%;
}

.nevow-form input[type=checkbox], .nevow-form input[type=radio]
{
    width: auto;
}

.nevow-form div.actions
{
    clear: both;
    margin-left: 20%;
    text-align: right;
    width: 80%;
}

.nevow-form .actions input
{
    width: auto;
}



/* GALLERY */
.galleryOverview
{
    list-style: none outside;
    margin: 0 0 1em 0;
    padding: 0;
}

.galleryOverview li
{
    display: inline;
    float: left;
    margin: 0 6px 6px 0;
    padding: 0;
    border: 1px solid #444;
    width: 150px;
    height: 150px;
    overflow: hidden;
}

.galleryOverview li a
{
    display: block; 
    text-align: center;
    background-color: #999;
    margin: 0;
    padding: 0;
    width: 150px;
    height: 150px;
}

#gallery
{
    width: 100%;
    overflow: hidden;
    background-color: transparent;
}

.galleryNavigation
{
    float: left;
    background-color: transparent;
    padding-bottom: 0.3em;
    width: 100%;
}

.galleryPreviousPicture
{
    clear: both;
    float: left;
    width: 50px;
    height: 50px;
    text-align: left;
}

.galleryNextPicture
{
    float: right;
    text-align: right;
    width: 50px;
    height: 50px;
}

.galleryPicture
{
    clear: both;
    background-color: #181818;
    text-align: center;
    padding: 0 0 0 0;
}

.galleryPicture .description
{
    background-color: #232323;
    text-align: center;
    padding: 0.1em 0.1em 0 0.1em;
}

.galleryPicture .description, .galleryPicture .description *
{
    color: #a3a3a3;
}