#shadowbox_overlay{ visibility:hidden; position:absolute; display:block; margin:0; padding:0; top:0; left:0; z-index:998}#shadowbox_container{ position:fixed; height:0px; width:100%; margin:0; padding:0; top:0; left:0; z-index:999; text-align:center}#shadowbox{ display:none; visibility:hidden; margin:0 auto; position:relative; font-family:'Lucida Grande',Tahoma,sans-serif; text-align:left}#shadowbox_title{ height:25px; padding:0; overflow:hidden}#shadowbox_title_inner{ height:16px; font-size:16px; line-height:16px; white-space:nowrap; padding:5px 0 4px 8px; color:#fff}#shadowbox_body{ position:relative; overflow:hidden; margin:0; padding:0; border:2px solid #fff; background-color:#000}#shadowbox_body_inner{ position:relative; overflow:hidden}#shadowbox_loading{ position:absolute; top:0; left:0; height:10000px; width:100%; background-color:#222}#shadowbox_loading img{ float:left; margin:10px 10px 0 10px}#shadowbox_loading span{ float:left; margin-top:16px; font-size:10px}#shadowbox_loading span a,#shadowbox_loading span a:link,#shadowbox_loading span a:visited{ color:#fff}#shadowbox_inner-content.html{ height:100%; width:100%; overflow:auto}#shadowbox_toolbar{ margin:0; padding:0; height:20px; overflow:hidden}#shadowbox_toolbar_inner{ height:20px; color:#fff}#shadowbox_toolbar_inner div{ padding-top:4px; padding-bottom:2px; font-size:13px !important; height:10px; line-height:10px}#shadowbox_toolbar_inner div span.shortcut{ text-decoration:underline; font-weight:bold; color:#FFF !important}#shadowbox_toolbar_inner div a{ text-decoration:none; color:#fff}#shadowbox_nav_close,#shadowbox_nav_previous,#shadowbox_nav_next{ float:right; padding-right:10px}#shadowbox_counter{ float:left; padding-left:10px; color:#FFF !important}#shadowbox_counter a{ padding:0 4px 0 0}#shadowbox_counter a.shadowbox_counter_current{ text-decoration:underline; font-weight:bold}div.shadowbox_message{ text-align:center; padding:10px}div.shadowbox_message a:link,div.shadowbox_message a:visited{ text-decoration:none; color:#bed333}div.shadowbox_message a:hover,div.shadowbox_message a:focus{ text-decoration:underline} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{inner-content:""}blockquote,q{quotes:""""} /* ########### BASICS ########### */ html { font-size: 100.01%; } body { font-size: 62.5%; } body { padding-top: 20px; font: 12px/20px Verdana, sans-serif; } #start { background: url("/assets/images/background_start.jpg"); } #musik { background: url("/assets/images/background_musik.jpg"); } #termine { background: url("/assets/images/background_termine.jpg"); } #stimmen { background: url("/assets/images/background_stimmen.jpg"); } #galerien { background: url("/assets/images/background_galerien.jpg"); } #kontakt { background: url("/assets/images/background_kontakt.jpg"); } #wrap { min-width: 960px; position: relative; z-index: 10 !important; } #start #wrap { background: url("/assets/images/quirl_oben_start.png") no-repeat 50% 0; } #musik #wrap { background: url("/assets/images/quirl_oben_musik.png") no-repeat 50% -20px; } #termine #wrap { background: url("/assets/images/quirl_oben_termine.png") no-repeat 50% 0; } #stimmen #wrap { background: url("/assets/images/quirl_oben_stimmen.png") no-repeat 50% 0; } #galerien #wrap { background: url("/assets/images/quirl_oben_galerien.png") no-repeat 50% 0; } #kontakt #wrap { background: url("/assets/images/quirl_oben_kontakt.png") no-repeat 50% 0; } #page { background: url("/assets/images/test/h_neu.png") no-repeat 50% 40px; height: 100%; } #jump { position: absolute; top: -20px; right: 0; z-index: 100;} #header { height: 180px; position: relative; } #header ul li { position: absolute; list-style: none; height: 25px; top: 70px;} #header ul li a { text-indent: -9999px; display: block; width: 100%; height: 100%; background: url("/assets/images/nav.png") no-repeat;} #header ul li#btn1 { left: 21px; width: 130px; height: 100px; top: 60px;} #header ul li#btn1 a { background: url("/assets/images/logo.png") no-repeat 0px 0px; } #header ul li#btn1 a:hover { background-position: 0px -100px; } #header ul li#btn2 { left: 230px; width: 42px; } #header ul li#btn2 a { background-position: 0px 0; } #header ul li#btn2 a:hover { background-position: 0px -25px; } #musik #header ul li#btn2 a { background-position: 0px -25px; } #header ul li#btn3 { left: 300px; width: 65px; } #header ul li#btn3 a { background-position: -72px 0; } #header ul li#btn3 a:hover { background-position: -72px -25px; } #galerien #header ul li#btn3 a { background-position: -72px -25px; } #header ul li#btn4 { left: 393px; width: 58px; } #header ul li#btn4 a { background-position: -166px 0; } #header ul li#btn4 a:hover { background-position: -166px -25px; } #termine #header ul li#btn4 a { background-position: -166px -25px; } #header ul li#btn5 { left: 481px; width: 60px; } #header ul li#btn5 a { background-position: -254px 0; } #header ul li#btn5 a:hover { background-position: -254px -25px; } #stimmen #header ul li#btn5 a { background-position: -254px -25px; } #header ul li#btn6 { left: 569px; width: 62px; } #header ul li#btn6 a { background-position: -343px 0; } #header ul li#btn6 a:hover { background-position: -343px -25px; } #kontakt #header ul li#btn6 a { background-position: -343px -25px; } #inner-content { background: url("/assets/images/middle1.png") repeat-y -130px 0; min-height: 320px; } #main { margin: 20px;padding-top: 20px; } #main h2 { font-size: 16px; color: #46542e; margin-bottom: 20px;} #main h3 { font-size: 16px; color: #46542e; margin-bottom: 20px;} #inner-content .c_left { width: 440px; border-right: 1px solid #46542e; float: left; } #inner-content .c_right { margin-left: 440px; padding-left: 20px; } #inner-content .c_right a { color: #a91226; text-decoration: none;} #inner-content .c_right a:hover { text-decoration: underline;} #start #inner-content { height: 430px;} #start #s_archive { clear: both; position: absolute; bottom: 20px; } #start #s_archive li { display: block; float: left; width: 100px; height: 50px; margin-right: 10px; } #start #s_archive li a { text-decoration: none; display: block; width: 100%; height: 40px; position: relative; color: #000; } #start #s_archive li a:hover, #musik #cd_menu li.active a { color: #46542e; } #start #s_archive li a img { width: 40px; height: 40px; position: absolute; top: 0; left: 0; border: 1px solid #46542e;} #start #s_archive li a span.title { position: absolute; top: 0; left: 50px;} #start #s_archive li a span.year { position: absolute; top: 20px; left: 50px;} #start #welcome { width: 260px; } #start #vid { position: relative; } #start #vid #vid_plus { position: absolute; bottom: -7px; right: -10px; border: 0;} #start blockquote { line-height: 30px; position: absolute;} #start blockquote p { font-size: 21px; color: #46542e; } #start blockquote p:before { content: "»";} #start blockquote p:after { content: "«";} #start blockquote p.cite { color: #46542e; font-style: italic; font-size: 11px; position: relative; top: -5px;} #start .c_right { position: relative; } #start blockquote#bq_ha { top: 160px; left: 150px;} #start blockquote#bq_nz { top: 300px; left: 70px; opacity: 0.7;} #start blockquote#bq_sp{ top: 260px; left: 260px; opacity: 0.5;} #musik #inner-content { min-height: 380px;} #musik .c_left { border-right: 0px solid #46542e; } #musik .c_right { border-left: 1px solid #46542e; margin-bottom: 20px; } #musik .c_right ol li { position: relative; border-bottom: 1px dotted #46542e; } #musik .c_right ol li span { } #musik .c_right ol li span.title { } #musik .c_right ol li span.time { position: absolute; right: 0; text-align: right;} #musik #cd_box { width: 142px; height: 142px; float: left; display: block; margin-right: 8px; position: relative; } #musik #cd_box img { border: 1px solid #46542e; } #musik #cd_box #cd_plus { position: absolute; z-index: 50; bottom: 0; right: 0; border: 0;} #musik #cd_details { font-style: italic; } #musik #cd_links { margin-left: 130px; margin-top: 26px; } #musik #cd_links li { display: inline; float: left; margin-right: 20px;} #musik #cd_links li a { text-indent: -9999px; width: 120px; height: 25px; display: block; } #musik #cd_links li#cd_amazon a { background: url("/assets/images/button_amazon.png") no-repeat; } #musik #cd_links li#cd_itunes a { background: url("/assets/images/button_itunes.png") no-repeat; } #musik #cd_links li a:hover { background-position: 0 -25px !important; } #musik #cd_menu { clear: both; position: absolute; bottom: 20px; } #musik #cd_menu li { display: block; float: left; width: 100px; height: 50px; margin-right: 10px; } #musik #cd_menu li a { text-decoration: none; display: block; width: 100%; height: 40px; position: relative; color: #000; } #musik #cd_menu li a:hover, #musik #cd_menu li.active a { color: #46542e; } #musik #cd_menu li a img { width: 40px; height: 40px; position: absolute; top: 0; left: 0; border: 1px solid #46542e;} #musik #cd_menu li a span.title { position: absolute; top: 0; left: 50px;} #musik #cd_menu li a span.year { position: absolute; top: 20px; left: 50px;} #musik #cd_menu li.active a { color: #a91226 !important;} #musik #cd_menu li.active a img { border: 1px solid #a91226;} #galerien #main { min-height: 330px; } #galerien .gbox { float: left; padding: 0 18px; border-right: 1px solid #46542e; margin-bottom: 20px; position: relative; padding-bottom: 12px;} #galerien .gbox img.gal_plus { border: 0; position: absolute; bottom: 7px; right: 7px;} #galerien #gal1 { padding-left: 0;} #galerien #gal3 { padding-right: 0; border-right: 0px solid #46542e;} #galerien #gal3 img.gal_plus { bottom: 7px; right: -12px;} #galerien #overview { clear: both; } #galerien #gal_menu { position: absolute; bottom: 20px; } #galerien #gal_menu li { display: block; float: left; width: 150px; height: 50px; margin-right: 10px; } #galerien #gal_menu li a { text-decoration: none; display: block; width: 100%; height: 40px; position: relative; color: #000; } #galerien #gal_menu li a:hover, #musik #cd_menu li.active a { color: #46542e; } #galerien #gal_menu li a img { width: 40px; height: 40px; position: absolute; top: 0; left: 0; border: 1px solid #46542e;} #galerien #gal_menu li a span.title { position: absolute; top: 0; left: 50px;} #galerien #gal_menu li a span.year { position: absolute; top: 20px; left: 50px;} #termine #t_left { width:280px; float: left; } #termine #t_right { margin-left: 300px; border-left: 1px solid #46542e; padding-left: 20px; min-height: 280px;} #termine div.entry { } #termine div.entry:hover { background: url("/assets/images/termine_flaeche.png"); cursor: pointer; } #termine div.entry h3 { font-size: 12px; padding: 2px 10px; background: url("/assets/images/pfeil.png") no-repeat 570px 5px; margin: 0;} #termine div.entry h3 span { display: block; } #termine div.entry h3 span.date { width: 100px; float: left; font-size: 11px; font-style: italic;} #termine div.entry h3 span.place { color: #000;} #termine div.entry h3 span strong { color: #a91226;} #termine div.entry p { display: none;} #termine div.entryopen { background: url("/assets/images/termine_flaeche.png"); padding-bottom: 10px;} #termine div.entryopen:hover { background: url("/assets/images/termine_flaeche.png"); cursor: pointer; } #termine div.entryopen h3 { font-size: 12px; padding: 2px 10px; background: url("/assets/images/pfeil_2.png") no-repeat 566px 10px; margin-bottom: 0;} #termine div.entryopen h3 span { display: block; } #termine div.entryopen h3 span.date { width: 100px; float: left; font-size: 11px; font-style: italic;} #termine div.entryopen h3 span.place { color: #000;} #termine div.entryopen h3 span strong { color: #a91226;} #termine div.entryopen p { margin-left: 110px; display: block;} #termine div.entryopen p a { font-style: italic; border-bottom: 1px dotted #000; text-decoration: none; color: #000;} #termine div.entryopen p a:hover { color: #46542e; border-bottom: 1px dotted #46542e; } #stimmen .c_left { width: 540px; padding-right: 20px; margin-bottom: 20px; } #stimmen .c_right { margin-left: 560px; padding-left: 20px; } #stimmen .gbentry { margin-bottom: 20px;} #stimmen .gbentry h3 { position: relative; height: 20px; margin-bottom: 0px;} #stimmen .gbentry h3 span { position: absolute; top: 0;} #stimmen .gbentry h3 span.gbname { font-size: 12px; color: #a91226;} #stimmen .gbentry h3 span.gbdate { text-align: right; right: 0; font-size: 11px; font-style: italic; } #stimmen .gbentry h4 { font-weight: bold; } #stimmen .c_right { padding-bottom: 20px;} #stimmen .c_right h3 { font-size: 12px; color: #a91226; margin: 0;} #stimmen .c_right ul { margin-bottom: 10px; } #stimmen .c_right ul li:hover { background: url("/assets/images/termine_flaeche.png"); cursor: pointer; } #stimmen .c_right ul li h4 { font-size: 12px; padding: 2px 10px; background: url("/assets/images/pfeil.png") no-repeat 320px 5px; margin: 0; color: #46542e;} #stimmen .c_right ul li p { display: none; } #stimmen .c_right ul li.open { background: url("/assets/images/termine_flaeche.png"); } #stimmen .c_right ul li.open h4 { background: url("/assets/images/pfeil_2.png") no-repeat 316px 5px; } #stimmen .c_right ul li.open p { display: block; font-size: 11px; padding: 2px 10px 10px; line-height: 16px; } #stimmen #c_foot { clear: both; } #stimmen input.text { width: 276px; background: #fff; border: 1px solid #46542e; } #stimmen textarea { width: 276px; height: 80px; background: #fff; border: 1px solid #46542e; } #kontakt .kbox { float: left; width: 280px; padding: 0 18px; border-right: 1px solid #46542e; margin-bottom: 20px; position: relative; padding-bottom: 12px;} #kontakt #k1 { padding-left: 0; border-right: 0px solid #46542e;} #kontakt #k2 { border-left: 1px solid #46542e; min-height: 320px;} #kontakt #k3 { padding-right: 0; border-right: 0px solid #46542e;} #kontakt .kbox p { margin-bottom: 20px; } #kontakt .kbox p span.label { color: #a91226;} #kontakt .kbox a { font-style: italic; border-bottom: 1px dotted #000; text-decoration: none; color: #000;} #kontakt .kbox a:hover { color: #46542e; border-bottom: 1px dotted #46542e; } #kontakt .kbox ul li { margin-bottom: 10px; line-height: 16px;} #kontakt .kbox ul li span.label { display: block; color: #46542e;} #kontakt #fj_form label { display: block; color: #000; font-size: 11px; } #kontakt #fj_form input.text { width: 276px; background: #fff; border: 1px solid #46542e; } #kontakt #fj_form textarea { width: 276px; height: 80px; background: #fff; border: 1px solid #46542e; } #kontakt #presskit { text-indent: -9999px; width: 120px; height: 25px; display: block; background: url("/assets/images/button_download.png") no-repeat; text-decoration: none; border: 0; margin-bottom: 80px;} #kontakt #presskit:hover { background-position: 0 -25px;} #kontakt #k_clear { clear: both; } #fwrap { background: url("/assets/images/test/quirl_unten.png") no-repeat 50% 0; height: 320px; position: relative; top: -180px; min-width: 960px;} #start #fwrap { background: url("/assets/images/quirl_unten_start.png") no-repeat 50% 0; } #musik #fwrap { background: url("/assets/images/quirl_unten_musik.png") no-repeat 50% 0; } #termine #fwrap { background: url("/assets/images/quirl_unten_termine.png") no-repeat 50% 0; } #stimmen #fwrap { background: url("/assets/images/quirl_unten_stimmen.png") no-repeat 50% 0; } #galerien #fwrap { background: url("/assets/images/quirl_unten_galerien.png") no-repeat 50% 0; } #kontakt #fwrap { background: url("/assets/images/quirl_unten_kontakt.png") no-repeat 50% 0; } #footer { padding-top: 200px; text-align: center; background: url("/assets/images/test/footer_1.png") no-repeat left 220px; } #footer ul { list-style: none; padding-left: 50px;} #footer ul li { display: inline; margin: 0 23px; position: relative; left: 20px; top: 15px; font-size: 11px; } #footer ul li a { text-decoration: none; color: #000; } #footer ul li a span.year { color: #46542e; } #footer ul li a:hover { color: #8c1827; } .inner { width: 960px; margin: 0 auto; height: 100%; } #social { position: absolute; top: 0; right: 100px; z-index: 500; } #social li a { display: block; width: 25px; height: 25px; text-indent: -9999px; position: absolute; top: 0; } #social li a#myspace { background: url("/assets/images/myspace.png") no-repeat; left: 30px;} #social li a#facebook { background: url("/assets/images/facebook.png") no-repeat; left: 0px;} /* SAFARI 3 #################################################################################################### */ @media screen and (-webkit-min-device-pixel-ratio:0) { #galerien #main { min-height: 310px; } }