/* :.:..........:.:.........................: */
html{background:url(../img/bg_stone.jpg) top left repeat;}
body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; height:100%; color:#535353;} 

/* ..........................
... ::: HAUPTELEMENTE ::: ... 
.......................... */
h1{font-size:21px; color:#C1232C; margin-bottom:15px; line-height:normal; font-weight:normal;}
h2{font-size:16px; color:#C1232C; margin-bottom:10px; line-height:normal;}
h3{font-size:15px; color:#C1232C; margin-bottom:8px; line-height:normal;}
h4{font-size:14px; color:#C1232C; margin-bottom:8px; line-height:normal;}

p{margin-bottom:14px; line-height:17px;}

a{text-decoration:underline; color:#B53400;}
a:hover{text-decoration:none;}

img{border:0;}
.fl_left{float:left; margin:0px 10px 10px 0px;}
.fl_right{float:right; margin:0px 0px 10px 10px;}
.line{color:#E3E3E3; height:1px; border-top:1px solid #E3E3E3; border-bottom:none;}
.clearer{clear:both;}

.red{color:#C1232C;}

/* ....................................
... ::: ALLGEMEINE CSS STRUKTUR ::: ... 
.................................... */
div#nachtschicht_main{width:100%; height:100%; min-height:216px; position:absolute;}
	div#firstbox{width:900px; margin:0px auto; position:relative;}
		div#header{width:900px; height:215px; background:url(../img/bg_header.jpg) top left no-repeat #fff; border-bottom:1px solid #F3F3F3;}
		
		div#content{clear:both; background:url(../img/bg_content.gif) top left repeat-x #F3F3F3;}
			div#col_left{float:left; width:225px; padding:30px 0px 20px 20px;}
			div#col_right{float:right; width:615px; padding:30px 20px 20px 0px;}
	div#footer{clear:both; width:860px; height:61px; margin:0px auto; padding:0px 20px; background:url(../img/bg_footer.gif) top left repeat-x #DCDCDC;}
/* .........................
... ::: CSS ELEMENTE ::: ... 
......................... */
div#sound{position:absolute; top:185px; right:20px; z-index:100001;}
div#sound a{display:block; width:15px; height:15px;}

p.logo{text-align:right; padding:50px 20px 0px 0px; margin-bottom:-2px;}

div#footer p{font-size:10px; color:#9C9C9C; line-height:14px; padding-top:10px; margin:0px;}
div#footer a{color:#9C9C9C;}

ul#navigation {margin-bottom:25px;}
ul#navigation li{margin-bottom:1px;}
ul#navigation a{text-decoration:none; display:block; width:205px; padding:10px; background:#FDFDFD; color:#505050; font-size:14px; font-weight:bold;}
ul#navigation a:hover, ul#navigation li.active a{background:url(../img/bg_nav_hover.gif) top left repeat-y #F3F3F3; color:#fff;}

div#newsbox{margin-bottom:15px;}
div#newsbox h3{display:block; width:205px; height:42px; padding-left:20px; background:url(../img/bg_box_h3.gif) top left no-repeat; font-size:16px; color:#C1232C; line-height:41px; font-weight:bold; margin:0;}
div#newsbox div.news_body{width:225px; background:url(../img/bg_box_body.gif) top left repeat-y;}
div#newsbox div.news_body div.txt{width:185px; padding:10px 0px; margin:0px auto; background:url(../img/bg_news_breaker.gif) bottom left no-repeat;}
div#newsbox div.news_body div.txt p{margin:0px; font-size:11px; line-height:16px; padding-bottom:10px;}
div#newsbox div.news_body div.txt p a{text-decoration:none; color:#535353; display:block;}
div#newsbox div.news_body div.txt p a:hover{text-decoration:none; color:#131313;}
div#newsbox div.news_body div.txt p a span{font-size:10px; border-bottom:1px dotted #535353;}
div#newsbox div.news_footer{width:225px; height:20px; background:url(../img/bg_box_footer.gif) top left no-repeat;}

div#oeffnungszeiten{display:block; width:225px; height:110px; background:url(../img/bg_oeffnungszeiten.jpg) top left no-repeat; margin-bottom:25px;}
div#oeffnungszeiten p{color:#E7E7E7; font-size:16px; font-weight:bold; padding:5px 0px 0px 68px; line-height:36px;}
div#oeffnungszeiten p span{font-size:11px; line-height:16px;}

div.eventbox{clear:both; display:block; width:615px; margin-bottom:15px;}
div.eventbox div.eventbox_body{width:615px;}
div.eventbox div.eventbox_footer{clear:both; display:block; width:615px; height:25px; background:url(../img/bg_eventbox_footer.gif) top left no-repeat transparent; border-top:1px solid #F3F3F3; border-right:0px solid #f3f3f3; border-bottom:0px solid #f3f3f3; border-left:0px solid #f3f3f3; margin:0px; padding:0px;}

div.eventbox div.eventbox_body div.image{float:left;}
div.eventbox div.eventbox_body div.txt{float:right; width: 280px; padding:24px 22px 0px 0px;}
div.eventbox div.eventbox_body div.txt a{color:#fff;}
div.eventbox div.eventbox_body div.txt div{ line-height: 16px;}

.orange, h2.orange a{color:#FE680A}
.orange2, h2.orange2 a{color:#ED8900;}
.white, h2.white a{color:#cc0000; font-weight:bold; }
.grey, h2.grey a{color:#ffffff; font-weight:normal; }
.yellow, h2.yellow a{color:#FFED00;}
.blue, h2.blue a{color:#fff;}
.blackorange, h2.blackorange a{color:#ff6600; font-weight:bold; }
/*.green{color:#709008;}*/

.orange a{color:#FE680A; text-decoration:none; background:url(../img/bg_h2_programm_orange.gif) top right repeat-y #000;}
.orange2 a{color:#fff; text-decoration:none; background:url(../img/bg_h2_programm_orange2.gif) top right repeat-y #584384;}
.white a{color:#FE680A; text-decoration:none; background:url(../img/bg_h2_programm_white.gif) top right repeat-y #000; font-weight:normal; }
.grey a{color:#FE680A; text-decoration:none; background:url(../img/bg_h2_programm_grey.gif) top right repeat-y #323232; font-weight:normal; }
.yellow a{color:#FFED00; text-decoration:none; background:url(../img/bg_h2_programm_yellow.gif) top right repeat-y #000;}
.blue a{color:#fff; text-decoration:none; background:url(../img/bg_h2_programm_blue.gif) top right repeat-y #1E3289;}
.blackorange a{color:#ff6600; text-decoration:none; background:url(../img/bg_h2_programm_white.gif) top right repeat-y #000; font-weight:normal; }
/*.green a{color:#709008; text-decoration:none; background:url(../img/bg_h2_programm_green.gif) top right repeat-y #000;}*/

div.eventbox.orange, div.programm_uebersicht div.txt.orange{display:block; width:615px; background:url(../img/bg_eventbox_orange.gif) top right no-repeat #000; color:#fff;}
div.eventbox.orange2, div.programm_uebersicht div.txt.orange2{display:block; width:615px; background:url(../img/bg_eventbox_orange2.gif) top right no-repeat #584384; color:#fff;}
div.eventbox.white, div.programm_uebersicht div.txt.white{display:block; width:615px; background:url(../img/bg_eventbox_white.gif) top right no-repeat #000; color:#fff;}
div.eventbox.grey, div.programm_uebersicht div.txt.grey{display:block; width:615px; 
background:url(../img/bg_eventbox_grey.gif) top right no-repeat #323232; color:#fff;}
div.eventbox.yellow, div.programm_uebersicht div.txt.yellow{display:block; width:615px; background:url(../img/bg_eventbox_yellow.gif) top right no-repeat #000; color:#fff;}
div.eventbox.blue, div.programm_uebersicht div.txt.blue{display:block; width:615px; background:url(../img/bg_eventbox_blue.gif) top right no-repeat #1E3289; color:#fff;}
div.eventbox.blackorange, div.programm_uebersicht div.txt.blackorange{display:block; width:615px; background:url(../img/bg_eventbox_white.gif) top right no-repeat #000; color:#fff;}

/* NEUE BOXEN 06.05.2010 */
.magentaschwarz, h3.magentaschwarz{color:#000;}
.tuerkisweiss, h3.tuerkisweiss{color:#fff;}
.magentatuerkis, h3.magentatuerkis{color:#fff;}
.schwarzweiss, h3.schwarzweiss{color:#fff;}

div.eventbox.magentaschwarz, div.programm_uebersicht div.txt.magentaschwarz{display:block; width:615px; background:url(../img/magentaschwarz.jpg) top right no-repeat #e2007a; color:#000;}
div.eventbox.tuerkisweiss, div.programm_uebersicht div.txt.tuerkisweiss{display:block; width:615px; background:url(../img/tuerkisweiss.jpg) top right no-repeat #009ee0; color:#fff;}
div.eventbox.magentatuerkis, div.programm_uebersicht div.txt.magentatuerkis{display:block; width:615px; background:url(../img/magentatuerkis.jpg) top right no-repeat #e2007a; color:#fff;}
div.eventbox.schwarzweiss, div.programm_uebersicht div.txt.schwarzweiss{display:block; width:615px; background:url(../img/bg_eventbox_white.gif) top right no-repeat #000; color:#fff;}


/*div.eventbox.green, div.programm_uebersicht div.txt.green{display:block; width:615px; background:url(../img/bg_eventbox_green.gif) top right no-repeat #000; color:#fff;}*/

ul.partner_liste{width:615px;}
ul.partner_liste li, ul.gallery_location li{display:inline; margin:0; padding:0;}
ul.partner_liste a{display:block; float:left; width:138px; height:138px;  background:#CCC; margin:0px 20px 20px 0px; }
ul.partner_liste a img{border:1px solid #E9E9E9;}
ul.partner_liste a:hover img{border:1px solid #838383;}
ul.partner_liste li.nxt a, ul.gallery_location li.nxt a{float:right; margin-right:0px;}

ul.gallery_location{}
ul.gallery_location a{display:block; float:left; width:85px; height:85px;  background:#333; margin:0px 20px 20px 0px;}
ul.gallery_location a img{border:1px solid #E9E9E9; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
ul.gallery_location a:hover img{border:1px solid #C1232C;  opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

div.programm_uebersicht{}
div.programm_uebersicht div.acc{clear:both; margin-bottom:10px;}
div.programm_uebersicht h2{margin-bottom:0px; line-height:18px;}
div.programm_uebersicht h2 a{display:block; width:595px; padding:10px; margin-bottom:1px; height:56px;}
/*div.programm_uebersicht div.txt span{display:block; float:left; padding:20px 10px 0px; width:350px;}*/
div.programm_uebersicht p{font-size:11px;}


/* KALENDER */
table#kalender{width:225px; border:0px solid #898989; background:#E7E7E7;}
table#kalender td{text-align:center; border:1px solid #fff;}
table#kalender td a{display:block; height:28px; line-height:28px; text-decoration:none; color:#fff; background:#C1232C;}
table#kalender td a:hover{background:#89191F;}
tr.head{height:40px; background:url(../img/bg_kalender_head.jpg) top left no-repeat #C1232C; color:#E7E7E7; font-size:14px; font-weight:bold;}
tr.head th, tr.days th{vertical-align:middle;}
tr.days{height:28px; background:#ccc;}
th{border:1px solid #fff;}


/*Location Galerie */
div.col_right ul.galerie{list-style:none inside; margin:0px;}
div.col_right ul.galerie li{display:inline; float:left; padding:10px 10px 0px 0px;}
div.col_right ul.galerie li a{border:1px solid #a59d6e; display:block;}
div.col_right ul.galerie li a:hover{border:1px solid #af1b27;}