* {
    margin:             0;
    padding:            0;
    border:             0 none;
}

body {
    background-color:   #000000;
    color:              #999999;
    font:               14px/18px "Arial Narrow", Arial, Helvetica, sans-serif;
    letter-spacing:     1px;
}

h1#logo {
    margin-top:         40px;
    width:              920px;
    padding-right:      15px;
    text-align:         right;
    color:              #ffffff;
    font-size:          38px;
    line-height:        38px;
}

div#navColumn {
    position:           absolute;
    top:                120px;
    left:               35px;
    width:              145px;
}

div#langSwitch {
    position:           absolute;
    bottom:             20px;
    left:               35px;
    width:              145px;
}

div#contentColumn {
    position:           absolute;
    top:                222px;
    left:               180px;
    width:              700px;
    padding-right:      15px;
    padding-left:       40px;
    padding-bottom:     30px;
}


ul#mainnav,
ul.subnav,
#micronav,
.artistName,
.artistList {
    text-transform:     uppercase;
    font-weight:        bold;
}

ul.subnav,
#micronav {
    font-size:          12px;
    font-weight:        normal;
}

p#upcoming {
    font-weight:        bold;
}

ul {
    list-style:         none;
}

a {
    color:              #999999;
    text-decoration:    none;
}

a:hover,
a.active,
h1#logo a {
    color:              #ffffff;
}

h2, h3, h4, h5, h6 {
    font-size:          14px;
    color:              #ffffff;
}

h3 {
    margin-top:         30px;
    margin-bottom:      18px;
}

.clear {
    clear:              both;
}



div#contentColumn p {
    margin-bottom:      18px;
}

.textcontent {
    width:              650px;
}



/* Styles HOME ----------------------------------------- */

.home div#contentColumn {
    width:              740px;
    padding-left:       0;
}

div#imgCol {
    width:              510px;
    padding-top:        4px; /* zum buendigen Ausrichten an der Schrift rechts */
    float:              left;
    margin-right:       50px;
}

div#txtCol {
    float:              left;
    width:              180px;
}

div#txtCol .textcontent {
    width:              180px;
}

p#currentExh {
    color:              #ffffff;
    margin-bottom:      50px;
}

p#upcoming {
    color:              #ffffff;
    text-transform:     lowercase;
    margin-bottom:      15px;
}

p.nextExh {
    margin-bottom:      15px;
}



/* Styles ARTISTS -------------------------------------- */

ul.artistList {
    float:              left;
    width:              260px;
}

ul.artistList li {
    margin-bottom:      3px;
}

div.movieBlock {
    width:              515px;
    margin-top:         4px;
    margin-bottom:      36px;
}

div.movieBlock object {
    display:            block;
    height:             300px;
    margin-bottom:      18px;
}


/* Styles EXHIBITIONS ---------------------------------- */

ul.exhibitionList li {
    padding-bottom:     10px;
}

ul.exhibitionList li a { /* for IE6 */
    display:            block;
    width:              100%;
    cursor:             pointer; /* unglaublich, aber hier notwendig fuer IE6 !!! */
}

ul.exhibitionList li span.date {
    float:              left;
    width:              180px;
}

ul.exhibitionList li span.title {
    float:              left;
    width:              520px;
}



/* Styles ARTISTS / EXHIBITIONS ------------------------ */

a.thumblink {
    float:              left;
    margin-top:         4px;
    margin-bottom:      26px;
    margin-right:       30px;
}

div#micronav {
    position:           absolute;
    top:                -40px;
}

div#micronav a.arrow {
    float:              left;
    width:              15px;
    height:             13px;
    margin-right:       30px;
}

div#micronav a img       { display: none; }
div#micronav a:hover img { display: block; }

div#micronav a#rwd       { background-image: url(img/arr_left.gif); }
div#micronav a#fwd       { background-image: url(img/arr_right.gif); }

/* der IE6 braucht mal wieder ne Extrawurst ... */
* html div#micronav a#rwd:hover { background-image: url(img/arr_left_act.gif); }
* html div#micronav a#fwd:hover { background-image: url(img/arr_right_act.gif); }

img#displayImg {
    margin-top:         4px;
    margin-bottom:      18px;
}