/* 
Curated By 2010 Main CSS
Last change:16.02.2010 
*/


* {margin:0; padding:0;}
body {background:url(../img/bg_artfilm.gif) no-repeat 950px 213px #000000; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:62.5%;}

.wrapper {height:1px; line-height:1px; overflow:hidden; display:block; clear:both;}

a {color:#ffed00;}
a img {border:none;}


#header {margin:40px 0 30px 0; font-size:1.2em; width:860px;  height:20px;}
#header img {display:block; float:left;}
#header span {float:right;}
#header a {color:#ffffff; text-decoration:none;}
#header a:hover {color:#ffffff; text-decoration:underline;}

#navigation {margin:16px 0 0 0; width:110px;  overflow:hidden; float:left;}
#navigation ul {list-style:none;}
#navigation li {}
#de #navigation li#nav1 {background:url(../img/navi/home_de.gif);}
#de #navigation li#nav2 {background:url(../img/navi/konzept_de.gif);}
#de #navigation li#nav3 {background:url(../img/navi/ausstellungen_de.gif);}
#de #navigation li#nav4 {background:url(../img/navi/programm_de.gif);}
#de #navigation li#nav5 {background:url(../img/navi/departure_de.gif);}
#de #navigation li#nav6 {background:url(../img/navi/kontakt_de.gif);}

#en #navigation li#nav1 {background:url(../img/navi/home_en.gif);}
#en #navigation li#nav2 {background:url(../img/navi/konzept_en.gif);}
#en #navigation li#nav3 {background:url(../img/navi/ausstellungen_en.gif);}
#en #navigation li#nav4 {background:url(../img/navi/programm_en.gif);}
#en #navigation li#nav5 {background:url(../img/navi/departure_en.gif);}
#en #navigation li#nav6 {background:url(../img/navi/kontakt_en.gif);}


#navigation a {color:#ffffff; font-weight:bold; text-decoration:none; width:112px; font-size:1.4em; border-bottom:1px solid #ffffff; display:block; padding:3px 0; text-indent:-9999px;}
#navigation li.active a, #navigation a:hover {border-bottom:1px solid #ffed00;}



#logo {float:right; width:730px; overflow:hidden;}


#main {width:860px; margin-left:45px;}
#maincontent {width:860px; clear:both; padding:0 0 0 0;}

#col1 {width:110px; float:left; border-top:1px solid #ffffff; padding:15px 0 0 0; overflow:hidden; font-size:1.2em;}
#col1 h1 {font-size:1.6em; letter-spacing:-1px;}
#col1 a#showmap {display:block; background:url(../img/dep-map.gif) no-repeat; width:110px; height:110px;}
#col1 a#showmap:hover {display:block; background:url(../img/dep-map2.gif) no-repeat; width:110px; height:110px;}
#col1 a#einladung {display:block; background:url(../img/einladung1.gif) no-repeat; width:55px; height:84px; margin-bottom:7px;}
#col1 a#einladung:hover {display:block; background:url(../img/einladung2.gif) no-repeat; width:55px; height:84px; margin-bottom:7px;}

#col2 {width:185px; margin-left:20px; float:left; border-top:1px solid #ffffff; padding:15px 0 15px 0;}
#col2 p {padding-bottom:20px; font-size:1.2em;}
#col2 h2 {font-size:1.6em; letter-spacing:-1px; padding-bottom:20px; margin-top:2px;}
#col2 span {color:#ffed00; font-weight:bold;}
#col2 a {color:#ffffff; text-decoration:none;}
#col2 a:hover {color:#ffffff; text-decoration:underline;}

#col3 {width:525px;  float:right; display:inline;  border-top:1px solid #ffffff; padding:15px 0 15px 0; font-size:1.2em; line-height:20px;}
#col3 p {padding-bottom:20px;  position:relative;}
#col3 h2 {font-size:1.3em; letter-spacing:-1px; padding-bottom:20px; margin-top:2px;}
#col3 span {color:#ffed00; font-weight:bold;}
#col3 a {color:#ffffff; text-decoration:none;}
#col3 a:hover {color:#ffffff; text-decoration:underline;}

#col4 {width:730px; float:right; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; padding:15px 0 15px 0; font-size:1.6em; line-height:24px;}
#col4 p {padding-bottom:25px; position:relative;}
#col4 span {color:#ffed00; font-weight:bold;}


#col5 {width:730px; margin-left:20px; float:left; padding:0px 0 15px 0; display:inline;  line-height:17px; font-size:1.2em;}
#col5 div {clear:both;}
#col5 h2 {width:185px; color:#ffed00; float:left; font-size:1.4em; border-top:1px solid #ffffff; margin-right:20px; padding:15px 0;}
#col5 p.first {border-top:1px solid #ffffff; float:right; width:520px; padding:15px 0 15px 5px;}
#col5 p.first2 {border-top:none; float:right; width:520px; padding:15px 0 15px 5px;}
#col5 p {float:right; width:525px; padding:15px 0 20px 0;  position:relative;}
#col5 span {color:#ffed00; font-weight:bold;}
#col5 .element {}
#col5 .element .headline  {cursor:pointer;}
#col5 .element .headline span {position:absolute; display:block; width:21px; height:21px; background:url(../img/bg_arrow_right.gif) no-repeat; float:right; margin:14px 0 0 709px;}
#col5 .element .headline span.active {position:absolute; display:block; width:21px; height:21px; background:url(../img/bg_arrow_down.gif) no-repeat; float:right; margin:14px 0 0 709px;}

#col5 .element .story {display:none; margin-bottom:8px; overflow:auto; background:url(../img/bg_story.gif);}
#col5 .element h3 {font-size:1.1em;}
#col5 .element p {float:none; width:auto; padding:0px 0 0px 0; position:static;}
#col5 .element a { color:#1a171b; text-decoration:underline;}
#col5 .element a:hover { color:#1a171b; text-decoration:none;}
table {margin-bottom:20px;}
table td {color:#1a171b; vertical-align:top;}
table td.first{width:155px; padding:20px 15px;}
td.first img { padding:0px 0 3px 0;}
table td.second{width:20px;}
/* old version 
table td.third {width:295px; background:#ffffff; padding:20px 15px;}
*/
table td.third {width:405px; padding:20px 105px 0px 15px;}
table td.fourth {width:170px; background:#ffffff; padding:20px 15px;}




#map_bg {display:none; background:#000000; position:absolute; top:0; left:0; text-align:center;  z-index:10; -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0;}
#map_layer {z-index:11; position:fixed; display:none;}
*html #map_layer {z-index:11; position:absolute; display:none;}
#map_layer a#closemap{float:right; text-decoration:none;}
#map_layer div {display:none; position:absolute; background:#ffed00; width:200px; color:#000000; border:2px solid #000000; font-size:12px; padding:10px; top:0; left:0;}
#map_layer div a {color:#000000;}
#map1 {margin:10px 0 0 635px;}
#map2 {margin:105px 0 0 580px;}
#map3 {margin:140px 0 0 620px;}
#map4 {margin:165px 0 0 632px;}
#map5 {margin:203px 0 0 580px;}
#map6 {margin:200px 0 0 545px;}
#map7 {margin:263px 0 0 520px;}
#map8 {margin:99px 0 0 410px;}
#map9 {margin:86px 0 0 435px;}
#map10 {margin:286px 0 0 245px;}
#map11 {margin:297px 0 0 265px;}
#map12 {margin:320px 0 0 255px;}
#map13 {margin:342px 0 0 245px;}
#map14 {margin:325px 0 0 225px;}
#map15 {margin:405px 0 0 105px;}
#map16 {margin:435px 0 0 140px;}
#map17 {margin:455px 0 0 275px;}
#map18 {margin:465px 0 0 295px;}
#map19 {margin:475px 0 0 320px;}
#map20 {margin:482px 0 0 340px;}

#gallery {margin-top:-13px;}
div.gallery {padding:15px 0 0 0; display:block !important; clear:both !important; overflow:auto !important;}
div.gallery a {padding:0 10px 10px 0; float:left;}
div.gallery img {}

#de #footer {clear:both; font-size:1.2em; line-height:16px; padding-top:13px; width:185px; margin:0 20px 0 130px; padding-bottom:80px; float:left; display:inline; border-top:1px solid #ffffff;}
#en #footer {clear:both; font-size:1.2em; line-height:16px; padding-top:13px; width:185px; margin:0 20px 0 130px; padding-bottom:80px; float:left; display:inline; border-top:1px solid #ffffff;}
#footer strong {color:#ffed00;}
#footer a {color:#ffffff; text-decoration:none;}
#footer a:hover {color:#ffffff; text-decoration:underline;}
#sponsors {float:left; padding-top:13px; width:525px; border-top:1px solid #ffffff;}
#de .home #footer, #en .home #footer {clear:both; font-size:1.2em; line-height:16px; padding-top:13px; padding-bottom:20px; width:100%; margin:0 25px 0 130px; float:left; display:inline;border-top:0px solid #000000;}
.home #sponsors {float:left; padding-top:0px; padding-bottom:80px;  margin:0 25px 0 130px; display:inline; width:auto; border-top:0px solid #000000;}