/**** Definition globaler styles ****/ * { padding:0px; margin:0px; border:0px; outline:none; } html, body { width:100%; height:100%; text-align:center; } html { height:101%; } body { background:#efefef; font-family:Arial, Helvetica, Verdana, Sans-Sans; font-size:11px; color:#000000; } .clr { clear:both; height:0px; } .pngfix { behavior: url("/adventskalender/_css/iepngfix.htc") } /*** Siteholder mit Background ***/ #site_holder { position:relative; background:url(/assets/templates/idas/images/bg_site.png) center 0px repeat-y; width:1008px; margin:0px auto; text-align:left; } #site_holder { min-height: 100%; height: auto !important; height: 100%; } /*** content Head ***/ #head_holder { position:relative; width:988px; height:180px; left:8px; } #head_holder .orange { height:6px; background:#ee8027; } #head_holder #logo { position:absolute; top:50px; left:16px; z-index:150; } #head_holder .imagebar { position:absolute; top:4px; right:0px; width:823px; height:150px; } #head_holder .imagebar .cover { position:absolute; top:1px; left:0px; z-index:50; } /* Navigation */ #head_holder #navbar { position:absolute; bottom:0px; width:988px; height:23px; z-index:10; text-align:right; background:#6e8590; } #head_holder #navbar .navlanguage { list-style:none; margin-top:6px; margin-left:10px; float:left; width:140px; } #head_holder #navbar .navlanguage li { display:block; float:left; } #head_holder #navbar .navlanguage li a { padding:2px 5px; margin:0 5px 0 0; color:#FFFFFF; text-decoration:none; font-weight:normal; font-size:10px; } #head_holder #navbar .navlanguage li a:hover { color:#000000; } #head_holder #navbar .navlanguage li span { padding:2px 5px; margin:0 5px 0 0; text-decoration:none; font-weight:normal; font-size:10px; color:#000000; } #head_holder #navbar .mainnav { list-style:none; margin-top:6px; margin-left:20px; float:left; } #head_holder #navbar .mainnav li { display:block; float:left; } #head_holder #navbar .mainnav li a { padding:2px 10px; margin:0px 34px; color:#FFFFFF; text-decoration:none; font-weight:bold; } #head_holder #navbar .mainnav li a:hover { border-top:7px solid #ee8027; color:#000000; } #head_holder #navbar .mainnav li.active a { padding:2px 10px; margin:0px 34px; text-decoration:none; font-weight:bold; border-top:7px solid #ee8027; color:#000000; } /*** Content Styles HOME ***/ #inner_content_single_col { margin:20px 0 0 240px; padding-bottom:110px; } #inner_content_single_col h1 { display:block; width:655px; height:72px; background:url(/assets/templates/idas/images/bg-headline.png) left top no-repeat; padding:15px 0 0 30px; font-family:Arial, Helvetica, Verdana, Sans-Sans; font-size:16px; color:#000000; line-height:25px; margin-bottom:20px; } #inner_content_single_col p { color:#6e8590; font-size:12px; line-height:19px; width:655px; } #inner_content_single_col p sup { font-size:9px; } #inner_content_single_col .leftcol { float:left; width:390px; margin-right:25px; } #inner_content_single_col .leftcol p { width:390px; } #inner_content_single_col .rightcol { float:left; width:230px; } /*** Content Styles KALENDER ***/ #kalender_content_col { margin:20px 12px 0 20px; padding-bottom:110px; } #kalender_content_col h1 { display:block; width:655px; height:72px; background:url(/assets/templates/idas/images/bg-headline.png) left top no-repeat; padding:15px 0 0 30px; font-family:Arial, Helvetica, Verdana, Sans-Sans; font-size:16px; color:#000000; line-height:25px; margin-bottom:20px; } #kalender_content_col h2 a { font-size:16px; color:#000000; } #kalender_content_col p { color:#6e8590; font-size:12px; line-height:19px; width:655px; } #kalender_content_col p sup { font-size:9px; } #kalender_content_col table td { border-left:1px solid #ffffff; border-bottom:1px solid #ffffff; padding:10px; } #kalender_content_col table td.headline { border-left:1px solid #ffffff; border-bottom:1px solid #ffffff; padding:5px 10px; background:#FFFFFF; color:#6d858f; font-size:13px; font-weight:bold; } #kalender_content_col div a.monthly { margin:5px 15px; line-height:30px; color:#f0a970; font-size:15px; font-weight:bold; text-decoration:none; } #kalender_content_col div a.hasentries { color:#FFFFFF; } #kalender_content_col div a.active { color:#000000; } #kalender_content_col table td.datum { font-weight:bold; } #kalender_content_col table td.veranstalter a { text-decoration:underline; color:#000000; } .kuenstlernav { list-style:none; margin-top:50px; } .kuenstlernav li { display:block; float:left; margin-right:25px; margin-bottom:10px; height:40px; overflow:hidden; } .kuenstlernav li a { padding:12px 25px 0 20px; color:#6e8590; text-decoration:none; font-weight:bold; display:block; width:165px; height:40px; background:url(/assets/templates/idas/images/bg-kuenstlernav-navpoint.gif) 0px 0px no-repeat; } .kuenstlernav li a:hover { color:#000000; background-position:0px -40px; } .kuenstlernav li span { padding:15px 0 0 20px; color:#6e8590; text-decoration:none; font-weight:bold; display:block; width:187px; height:40px; } /*** Content Styles Künstler Overview ***/ #inner_content_kuenstler { margin:50px 0 0 210px; padding-bottom:150px; } #inner_content_kuenstler .img-holder { position:relative; width:171px; height:104px; float:left; margin-left:11px; margin-bottom:9px; } #inner_content_kuenstler .img-holder .image { position:absolute; width:158px; height:92px; overflow:hidden; z-index:2; bottom:0px; right:0px; } #inner_content_kuenstler .img-holder .img-link { position:absolute; padding: 4px 0 0 10px; width:137px; height:31px; z-index:3; top:0px; left:0px; background:#ef6900; color:#FFFFFF; text-decoration:none; font-size:11px; font-weight:bold; } #inner_content_kuenstler .img-holder .img-link { filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; } #inner_content_kuenstler .img-holder .img-link:hover { filter:alpha(opacity=100); opacity: 1; -moz-opacity:1; color:#000000; } /*** Content Styles Künstler Singleview ***/ #inner_content_kuenstler_s { margin:50px 0 0 8px; width:988px; padding-bottom:110px; background:url(/assets/templates/idas/images/bg_innersite_01.gif) 0px 0px repeat-y; } #inner_content_kuenstler_s p { color:#6e8590; font-size:12px; line-height:19px; } #inner_content_kuenstler_s p.txtsmaller { font-size:10px; line-height:12px; } #inner_content_kuenstler_s h5 { font-size:10px; line-height:12px; font-family:Arial, Helvetica, Verdana, Sans-Sans; color:#6e8590; font-weight:normal; } #inner_content_kuenstler_s .col-top { position:relative; border-bottom:23px solid #ef6900; background:#FFFFFF; width:988px; overflow:hidden; } #inner_content_kuenstler_s .left-col { width:186px; float:left; overflow:hidden; } #inner_content_kuenstler_s .inner-wrap { width:802px; float:left; background:#FFFFFF; } #inner_content_kuenstler_s .inner-wrap .main-col { width:510px; margin:30px 22px; float:left; } #inner_content_kuenstler_s .inner-wrap .right-col { width:220px; border:1px solid #ef6900; border-right:#FFFFFF; padding:30px 15px 30px 10px; float:right; margin-top:1px; margin-bottom:1px; } #inner_content_kuenstler_s .col-bottom { height:23px; } .right-col table { margin:10px 0px; } .right-col table td { padding:0 10px 5px 0; font-family:Arial, Helvetica, Verdana; font-size:11px; color:#6e8590; vertical-align:top; } .left-col ul.leftnav { list-style:none; margin:30px 0 0 10px; width:250px; } .left-col ul.leftnav li { margin-bottom:10px; padding: 0px 0px 0px 8px; background:url(/assets/templates/idas/images/dot-leftnav.gif) 0px 0px no-repeat; overflow:hidden; } .left-col ul.leftnav li a { font-size:11px; font-weight:normal; color:#000000; text-decoration:none; padding:2px 0px 2px 0px; display:block; width:170px; } .left-col ul.leftnav li a:hover { background:#e35310; } .left-col ul.leftnav li span { font-size:11px; font-weight:bold; color:#000000; text-decoration:none; padding:2px 100px 2px 0px; background:#e35310; display:block; width:170px; } .left-col ul.leftnav li ul { list-style:none; margin:5px 0 5px 0px; } .left-col ul.leftnav li ul li { margin-bottom:3px; padding: 0px 0px 0px 8px; background:url(/assets/templates/idas/images/dot-leftnav.gif) 0px 0px no-repeat; overflow:hidden; } .left-col ul.leftnav li ul li.active a { background:#e35310; } .left-col ul.leftnav li ul li a { width:160px; padding-right:10px; } #inner_content_kuenstler_s .col-top p { position:absolute; bottom:0px; left:5px; } #inner_content_kuenstler_s .col-top p a { text-decoration:none; font-size:10px; color:#666666; } #inner_content_kuenstler_s .col-top ul { position:relative; left:250px; list-style:none;} #inner_content_kuenstler_s .col-top ul li { display:block; width:233px; height:38px; margin-right:140px; float:left; overflow:hidden; } #inner_content_kuenstler_s .col-top ul li a { background:#6e8590; border-top:10px solid #FFFFFF; display:block; width:213px; height:38px; padding:4px 20px 0 15px; font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:none; line-height:11px; } #inner_content_kuenstler_s .col-top ul li a:hover { border-top:0px } #inner_content_kuenstler_s .col-top ul li a.kuenstlernav-active { border-top:0px; display:block; width:233px; height:38px; padding: 0px; font-size:11px; font-weight:bold; color:#000000; line-height:11px; } #inner_content_kuenstler_s .col-top ul li span { background:#ef6900; border-top:0px; display:block; width:213px; height:38px; padding: 4px 20px 0 15px; font-size:11px; font-weight:bold; color:#000000; line-height:11px; } #inner_content_kuenstler_s .inner-wrap-productions { width:802px; float:left; background:#FFFFFF; padding:30px 0px; } #inner_content_kuenstler_s .inner-wrap-productions .main-col { width:419px; float:left; background:#FFFFFF; } #inner_content_kuenstler_s .inner-wrap-productions .right-col { width:353px; float:right; background:#f3a667; } .inner-wrap-productions .img-holder { position:relative; width:283px; height:190px; float:left; margin-left:70px; margin-right:20px; margin-bottom:30px; } .inner-wrap-productions .img-holder .image { position:absolute; width:225px; height:150px; overflow:hidden; z-index:2; top:0px; right:0px; } .inner-wrap-productions .img-holder .img-link { position:absolute; padding: 4px 10px 0 10px; width:190px; height:32px; z-index:3; bottom:30px; left:0px; background:#ef6900; color:#FFFFFF; text-decoration:none; font-size:12px; font-weight:bold; } .inner-wrap-productions .img-holder .img-link { filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; } .inner-wrap-productions .img-holder .img-link:hover { filter:alpha(opacity=100); opacity: 1; -moz-opacity:1; color:#000000; } .inner-wrap-productions div.weitereProd { margin-left:70px; width:721px; background:#dce1e5; color:#6e8590; font-size:10px; padding:5px 5px 5px 10px; margin-top:0px; } #inner_content_kuenstler_s .inner-wrap-productions div.weitereProd p { color:#6e8590; font-size:10px; } #inner_content_kuenstler_s .inner-wrap-productions div.weitereProd p span { color:#6e8590; font-size:12px; } .inner-wrap-productions div.upcomingProd { margin-left:70px; width:721px; background:#6e8590; color:#FFFFFF; font-size:10px; padding:5px 5px 5px 10px; } #inner_content_kuenstler_s .inner-wrap-productions div.upcomingProd p { color:#FFFFFF; font-size:10px; } #inner_content_kuenstler_s .inner-wrap-productions div.upcomingProd p span { color:#FFFFFF; font-size:12px; } .photoholder { float:right; width:200px; margin:0px 0px 5px 5px; } /*.photoholder .img_holder { overflow:hidden; } */ .photoholder p span { font-size:9px; color:#6e8590; } ul#galerie_carousel { list-style:none; text-align:left; } ul#galerie_carousel li { float:left; display:block; width:161px; border:0px; margin-right:15px; } ul#galerie_carousel li img { border:0px; margin:0px; } ul#galerie_carousel li p { font-size:10px; color:#000000; width:160px; line-height:10px; margin-bottom:10px; } #printSite { position:relative; float:right; text-align:right; margin-right:15px; } /*** content Kalender ***/ div.showdetails { width:630px; margin:20px 0px; } div.showdetails .head { width:630px; height:20px; background:#6e848f; text-align:center; color:#FFFFFF; font-size:10px; } span.txtorange { color:#ee8027 !important; } input.nlsubscribe { border:1px solid #6e848f; padding:2px; color:#6e848f; width:450px; margin-bottom:10px; } input.nlsubmit { border:1px solid #6e848f; padding:5px 30px; color:#6e848f; width:250px; margin-bottom:10px; text-align:center; } /*** content Footer ***/ #footer_holder { position:absolute; width:1008px; height:110px; left:0px; bottom:0px; background:url(/assets/templates/idas/images/bg_footer.png) left top no-repeat; } /* Service-Navigation + Imprint Footer */ #footer_holder .servicenav { list-style:none; margin-top:15px; margin-left:30px; float:left; } #footer_holder .servicenav li { margin-bottom:3px; } #footer_holder .servicenav li a { font-family:Verdana, Arial, Helvetica, Sans-Sans; font-size:9px; color:#95a4ab; text-decoration:none; font-weight:bold; } #footer_holder .servicenav li a:hover { font-family:Verdana, Arial, Helvetica, Sans-Sans; font-size:9px; color:#38474f; font-weight:bold } #footer_holder .servicenav li span { font-family:Verdana, Arial, Helvetica, Sans-Sans; font-size:9px; color:#38474f; font-weight:bold } #footer_holder .servicenav li.links { background:#ee8027; margin-left:-20px; padding-left:20px; width:164px; } #footer_holder .servicenav li.links a { font-family:Verdana, Arial, Helvetica, Sans-Sans; font-size:9px; color:#FFFFFF; text-decoration:none; font-weight:bold; } #footer_holder .servicenav li.links a:hover { font-family:Verdana, Arial, Helvetica, Sans-Sans; font-size:9px; color:#FFFFFF; font-weight:bold } #footer_holder .servicenav li.links span { font-family:Verdana, Arial, Helvetica, Sans-Sans; font-size:9px; color:#000000; font-weight:bold } #footer_holder .footertxt-01 { position:absolute; top:15px; left:230px; font-family:Verdana, Arial, Helvetica, Sans-Sans; font-size:9px; color:#38474f; line-height:16px; } #footer_holder .footertxt-02 { position:absolute; top:15px; left:450px; font-family:Verdana, Arial, Helvetica, Sans-Sans; font-size:9px; color:#38474f; line-height:16px; } #footer_holder .right-image { position:absolute; top:1px; right:13px; } /*** content Footer ***/ #footer_holder_inner { position:absolute; width:1008px; height:134px; left:0px; bottom:0px; background:url(/assets/templates/idas/images/bg_footer_inner.png) left top no-repeat; } /* Service-Navigation + Imprint Footer */ #footer_holder_inner .servicenav { list-style:none; margin-top:40px; margin-left:30px; float:left; } #footer_holder_inner .servicenav li { margin-bottom:3px; } #footer_holder_inner .servicenav li a { font-family:Verdana, Arial, Helvetica, Sans-Sans; font-size:9px; color:#95a4ab; text-decoration:none; font-weight:bold; } #footer_holder_inner .servicenav li a:hover { font-family:Verdana, Arial, Helvetica, Sans-Sans; font-size:9px; color:#38474f; font-weight:bold } #footer_holder_inner .servicenav li span { font-family:Verdana, Arial, Helvetica, Sans-Sans; font-size:9px; color:#38474f; font-weight:bold } #footer_holder_inner .footertxt-01 { position:absolute; top:40px; left:230px; font-family:Verdana, Arial, Helvetica, Sans-Sans; font-size:9px; color:#38474f; line-height:16px; } #footer_holder_inner .footertxt-02 { position:absolute; top:40px; left:450px; font-family:Verdana, Arial, Helvetica, Sans-Sans; font-size:9px; color:#38474f; line-height:16px; } #footer_holder_inner .right-image { position:absolute; top:26px; right:13px; }