#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_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{content:""}blockquote,q{quotes:""""}

/* ########### BASICS ########### */
html { font-size: 100.01%; }
body { font-size: 62.5%; margin: 0; padding: 0; font: 11px/20px Verdana, sans-serif; }

.notext { text-indent: -9999px; }

/* ########### PAGE ########### */
#page { margin: 0 0 0 40px; width: 920px; position: relative; height: 700px; border: 1px solid transparent; overflow: hidden; }

/* ########### HEADER ########### */
#header { width: 220px; height: 210px; background: url('/assets/images/logo.png') no-repeat; margin-top: 30px; }
#header * {  }

#genimg { position: absolute; color: #aaa; font-size: 9px; top: 0 left: 0; }
#genimg a { color: #aaa; text-decoration: none; }
#genimg a:hover { color: #f18f01; }

/* ########### NAV ########### */
#nav { position: absolute; top: 0; right: 0; background: url('/assets/images/navi_home.png') no-repeat; width: 250px; height: 200px; }
#nav li { position: absolute; height: 45px; top: 0; }
#nav li a { text-indent: -9999px; height: 100%; width: 100%; display: block;}
#nav li#btn_start { width: 30px; left: 113px; }
#nav li#btn_info { width: 28px; left: 143px; }
#nav li#btn_musik { width: 32px; left: 171px; }
#nav li#btn_fotos { width: 28px; left: 203px; }

/* ########### CONTENT ########### */
#content {  }
#content h3 { width:400px; height:15px; margin-bottom: 30px; }
#content #zitat { position: absolute; }
#content #pic { position: absolute; bottom: -6px; right: 0; }

/* ########### FOOTER ########### */
#footer { height: 80px; width: 100%; background: #000; line-height: 14px; font-size: 10px; position: relative; border-bottom: 1px solid #333; }
#footer #fwrap { width: 960px; height: 80px; }
#footer .col { float: left; color: #fff; background: url('/assets/images/querlinie.png') no-repeat right 15px; padding-right: 38px; padding-left: 18px; }
#footer .col a { color: #fff; text-decoration: none; }
#footer .col a:hover { border-bottom: 1px dotted #fff; }
#footer #fc1 { padding-left: 0; width: 135px; margin: 0 0 0 40px; }
#footer #fc1 h4 { background: url('/assets/images/contact.png') no-repeat -8px 0; width: 80px; height: 45px; position: relative; top: -11px; }
#footer #fc1 p { position: absolute; top: 32px;}
#footer #fc2, #footer #fc3 { padding-top: 19px; }
#footer #fc3 table td.lbl { color: #f18f01; width: 20px;}
#footer #fc3, #footer #fc4 { background: none; padding-right: 0;}
#footer #fc4 { left: 555px; position: absolute; }
#footer #fc4 h4 { background: url('/assets/images/booking.png') no-repeat; width: 385px; height: 45px; position: relative; top: -11px; }
#footer #fc4 #pkit { position: absolute; top: 33px; left: 27px;}
#footer #fc4 #pkit a { background: url('/assets/images/icon_presskit.png') no-repeat 0 3px; padding-left: 20px;}
#footer #fc4 #plink { position: absolute; top: 24px; right: 0 }
#footer #fc4 #plink a { display: block; width: 186px; height: 21px; background: url('/assets/images/pressebutton.png') no-repeat; text-indent: -9999px; }
#footer #fc4 #plink a:hover { background-position: 0 -21px; border: 0; }


/* ########### STARTPAGE ########### */
#startpage { background: #161616 url('/assets/images/wusel_home.jpg') no-repeat -210px -35px; }
#startpage h3 { background:url('/assets/images/h1_termine.png') no-repeat; }

ul.tabNavigation { list-style: none; margin: 0; padding: 0; position: relative; top: -20px;}
ul.tabNavigation li { display: block; }
ul.tabNavigation li a { display: block; float: left; font-weight: bold; color: #000; text-decoration: none; margin-right: 10px; }
ul.tabNavigation li a.selected { color: #f18f01;}

#content .scrollbox { clear: both; width: 520px; position: absolute; top: 300px; height: 360px; overflow: auto; padding-right: 20px; }

#zitat * { display: none; }


#startpage #content table { margin: 0px 0px 50px; border-collapse: collapse; color: #000; position: relative; }
#startpage #content table td {  }
#startpage #content table td.num { text-align: left; color: #777; }
#startpage #content table td.main { text-align: left; padding: 0 10px; }
#startpage #content table tr.even td {  }
#startpage #content table tr.odd {  }
#startpage #content table td.main a { color: #777; text-decoration: none; font-weight: bold;}
#startpage #content table td.main a:hover { text-decoration: underline; }
#startpage #content table tr.future td.num { color: #000; }
#startpage #content table tr.future td.main * { line-height: 15px; }
#startpage #content table tr.future a { color: #f18f01; font-weight: bold; }
#startpage #content table tr.future a:hover { text-decoration: underline; }
#startpage #content table tr.future span.gig { font-size: 11px; font-style: oblique; }
#startpage #content table tr.future span.gigtime { display: inline; }
#startpage #content table tr.future span.besetzung { display: block; }
#startpage #content table tr.past span.gig { display: none; }
#startpage #content table tr.past span.gigtime { display: none; }
#startpage #content table tr.past span.besetzung { display: none; }

#startpage #zitat { left: 550px; top: 300px; background: url('/assets/images/zitate_1.png') no-repeat; width: 300px; height: 70px; }

#startpage #genimg { left: 350px; }

/* ########### INFO ########### */
#info { background: #161616 url('/assets/images/wusel_info.jpg') no-repeat -210px -35px; }
#info #nav { background-image: url('/assets/images/navi_info.png'); width: 220px;}
#info #nav li#btn_start { left: 83px; }
#info #nav li#btn_info { left: 113px; }
#info #nav li#btn_musik { left: 141px; }
#info #nav li#btn_fotos { left: 173px; }
#info h3 { background: url('/assets/images/h1_jazz.png') no-repeat; }

#info .scrollbox p { margin-bottom: 20px;}
#info .scrollbox strong { font-weight: bold; }
#info .scrollbox a { color: #f18f01; font-weight: bold; text-decoration: none; }
#info #zitat { left: 550px; top: 300px; background: url('/assets/images/zitate_2.png') no-repeat; width: 300px; height: 70px; }
#info #genimg { left: 450px; }

/* ########### MUSIK ########### */
#musik { background: #161616 url('/assets/images/wusel_musik.jpg') no-repeat -210px -185px; }
#musik #nav { background-image: url('/assets/images/navi_musik.png'); width: 190px;}
#musik #nav li#btn_start { left: 53px; }
#musik #nav li#btn_info { left: 83px; }
#musik #nav li#btn_musik { left: 111px; }
#musik #nav li#btn_fotos { left: 143px; }
#musik h3 { background: url('/assets/images/h1_musik.png') no-repeat; }
#musik #zitat { left: 550px; top: 300px; background: url('/assets/images/zitate_3.png') no-repeat; width: 300px; height: 70px; }
#musik .scrollbox ul li { margin-bottom: 10px;	border-bottom: 1px dotted #000; height: 20px; width: 400px; }
#musik .scrollbox ul li a { color: #000; text-decoration: none; width: 100%; height: 100%; display: block; position: relative; }
#musik .scrollbox ul li a:hover { color: #f18f01; }
#musik .scrollbox ul li a span.name { background: #fff; position: relative; top: 6px; padding-right: 5px; font-weight: bold; }
#musik .scrollbox ul li a span.time { background: #fff url('/assets/images/icon_mp3.png') no-repeat right 0; position: absolute; right: 0px; top: 6px; padding-right: 20px; padding-left: 5px; font-style: italic;}
#musik #video li a span.time { background-image: url('/assets/images/icon_video.png'); padding-right: 25px; }
#musik #genimg { left: 570px; }

/* ########### FOTOS ########### */
#fotos { background: #161616 url('/assets/images/wusel_bilder.jpg') no-repeat -210px -35px; }
#fotos #nav { background-image: url('/assets/images/navi_foto.png'); width: 177px;}
#fotos #nav li#btn_start { left: 40px; }
#fotos #nav li#btn_info { left: 70px; }
#fotos #nav li#btn_musik { left: 98px; }
#fotos #nav li#btn_fotos { left: 130px; }
#fotos h3 { background: url('/assets/images/h1_bilder.png') no-repeat; }
#fotos #zitat { left: 550px; top: 300px; background: url('/assets/images/zitate_4.png') no-repeat; width: 300px; height: 70px; }
#fotos .scrollbox { line-height: 12px; }
#fotos .scrollbox a { width: 100px; height: 100px; margin-right: 1px; }
#fotos #genimg { left: 100px; }
#fotocredits { position: absolute; color: #999; font-size: 9px; left: 0; top: 665px; }


/* ################################################## */
/* ###################### TERMINE ################### */
/* ################################################## */

#termin { background: #B35E08; }
#termin strong.warning, #termin strong.success { display: block; font: normal 13px Tahoma, Arial, Verdana, sans-serif; margin: 0 auto; margin-bottom: -30px !important; padding: 5px 10px 6px 25px; width: 400px; }
#termin strong.warning { background: #FBE3E4 url("/assets/images/t_warning.png") no-repeat 5px; border: 1px solid #FBC2C4; color: #D12F19; }
#termin strong.success { background: #E6EFC2 url("/assets/images/t_save.png") no-repeat 5px; border: 1px solid #529214; color: #529214; position: relative; top: -10px; }
#termin #container { background: #20160A; color: #FFF; margin: 0 auto; margin-top: 20px; width: 600px; }
#termin #container h1 { background: url("/assets/images/headers/h1-termine_1.gif") no-repeat; height: 30px; left: 20px; margin-bottom: 50px; position: relative; text-indent: -9999px; top: 20px; width: 300px; }
#termin #container p { color: #FFF; margin: 0 20px 10px; }
#termin #container a { color: #00A0C6; text-decoration: none; }
#termin #container a:hover { text-decoration: underline; }

#termin #container form select#select_termin 	{ width: 200px; }
#termin #container form select#select_besetzung { width: 367px; }
#termin #container form select#stunden			{ margin-left: 70px; }
#termin #container form { padding: 20px; }
#termin #container form ul { margin: 0; padding: 0; list-style: none; }
#termin #container form li { clear: both; list-style: none; padding: 10px 0; }
#termin #container form li.rel { position: relative; }
#termin #container form input#btn_submit,
#termin #container form input#btn_delete,
#termin #container form input#btn_new { border: 1px solid #BFBFBF !important; border-top:1px solid #EEE; border-left:1px solid #EEE; cursor: pointer; font: normal 13px Tahoma, Arial, Verdana, sans-serif; padding: 5px 10px 5px 25px; }

#termin #container form input#btn_submit { background: #F5F5F5 url("/assets/images/t_save.png") no-repeat 5px; margin: 20px 0 0 121px; }
#termin #container form input#btn_delete { background: #F5F5F5 url("/assets/images/t_delete.png") no-repeat 5px; display: none; margin-left: 65px; }
#termin #container form input#btn_new    { background: #F5F5F5 url("/assets/images/t_add.png") no-repeat 5px; margin-left: 44px; }
#termin #container form input#btn_submit:hover { background-color: #E6EFC2; border: 1px solid #529214 !important; color: #529214; }
#termin #container form input#btn_delete:hover { background-color: #FBE3E4; border: 1px solid #D12F19 !important; color: #D12F19; }
#termin #container form input#btn_new:hover    { background-color: #DFF4FF; border: 1px solid #336699 !important; color: #336699; }
#termin #container form input[class="input"], 
#termin #container form textarea { border: 1px solid #444; float: left; font: bold 12px Verdana, sans-serif, times; padding: 3px; width: 360px; }
#termin #container form input[class="input_error"], 
#termin #container form textarea.input_error { background: #FBE3E4; border: 1px solid #444; float: left; font: bold 12px Verdana, sans-serif, times; padding: 3px; width: 360px; }
#termin #container form label { color: #FFF; float: left; margin-top: 3px; width: 120px; }
#termin #container form label#uhrzeit { margin-left: 10px; position: absolute; width: 50px; }

/* SAFARI 3 #################################################################################################### */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#termin #container form input#btn_new { margin-left: 47px; }
	#termin #container form input#btn_delete { margin-left: 71px; }
	#unterricht #main h3#gitarre { margin-top: 450px; }
}