/* code by mondfabrikdotde # last changed 05-09-2008  */

* {
margin: 0;
padding: 0;
}

html {
color:#000; 
}

body {
font: 78%/1.6em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; 
color:#000; 
padding:0; 
margin:0;
/*background: #ccc;*/
background:	#7d7d7d url("../img/bg_verlauf.png") top left repeat-x;
}

#container {
background:#fff;
color:#000;
margin:0;
padding:0;
text-align:left;
width:996px;
border: 1px solid #a6a6a6;
border-top:0;
border-left: 0;
}

a:link, 
a:visited, 
a:active, 
a:hover {
color: #E20A16;
font-weight: bold;
text-decoration: none;
outline: 0;
}

a:active, 
a:hover {
border-bottom: 1px dotted #E20A16;
}

code {
color: #009933;
font-weight: bold;
text-align: left;
}

ul {
list-style: none;
margin: 0;
padding: 0;
}

ol { 
margin: 1em 0 1em 1.8em;
font-weight: bold;
}

img, 
a img,
a:hover img,
.bookinginfos a:hover {
border: 0;
margin: 0;
padding: 0;
color: #fff;
}

/* --------------text format------------- */

p { 
/*text-align:justify; */
font-size: 1em; 
line-height: 1.5em;
margin: .75em 0;
}

h1, h2, h3, 
dl#nav dt, 
#header #logo span {
font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
text-align:left; 
font-weight:bold;
font-size: 2em;
color: #2a2a2a;
/* color: #24387C; */
margin: 0 0 .5em 0;
font-size:1.8em; 
}

h2 {  
font-size:1.4em; 
margin: 10px .5em 10px 0; 
padding-top:5px; 
}

h3 {
font-family: "Courier New", Courier, mono;
font-size:1.4em; 
margin: 10px .5em 10px 0; 
font-size:1.3em;
color: #2a2a2a;
}

.small {
font-size:11px;
}
.large {
font-size:1.4em;
}
.center {
text-align:center;
}

/* --------------header------------- */

#header {
color:#fff;
height:175px;
margin: 0 10px 0 0;
text-align:left;
z-index: 50;
background: transparent url(../img/h_bunker.jpg) no-repeat top left;
}

.show1 #header,
.programm #header   {
background: transparent url(../img/h_trumpet.jpg) no-repeat top left;
}

.show2 #header,
.service #header   {
background: transparent url(../img/h_cassette.jpg) no-repeat top left;
}

.show3 #header,
.bunker #header,
.verein #header   {
background: transparent url(../img/h_bunker.jpg) no-repeat top left;
}

.show4 #header,
.vermietungen #header,
.gastronomie #header   {
background: transparent url(../img/h_turntable.jpg) no-repeat top left;
}

.show5 #header,
.netzwerk #header    {
background: transparent url(../img/h_headphones.jpg) no-repeat top left;
}

.show6 #header,
.freunde #header    {
background: transparent url(../img/h_crowd.jpg) no-repeat top left;
}

.show7 #header,
.links #header     {
background: transparent url(../img/h_guitar.jpg) no-repeat top left;
}

#header #logo {
float:left;
height					: 	175px;
width					: 	240px;
/*background: transparent url(../img/logo.gif) no-repeat 0 0;*/
}

#header #logo a {
display					: 	block;
width					: 	230px;
height					: 	170px;
}

#header #logo a:hover {
border: 0;
}

#header #logo span {
display					: 	none;
}

/* --------------header nav--------------- */

#header ul {
float: left;
padding: 0;
margin: 0 0 0 20px;
background-color:#fff;
border: 1px solid #ccc;
border-bottom: 0;
border-right: 0;
}

#header li {
margin: 0; 
padding:0;
display: inline;
}

#header ul li a:link, 
#header ul li a:visited {
float: left;
font-size: 11px;
font-weight: bold;
margin: 0;
padding:  2px 4px;
text-decoration: none;
color: #999;
text-transform: uppercase;
border: 1px solid #ccc;
border-top: 0;
border-left: 0;
}

#header ul li a.active:link, 
#header ul li a.active:visited, 
#header ul li a:hover {
color: #000;
}

#header ul li a.on {
color: #E20A16;
}


/* --------------wrap------------- */

#wrap {
background-color:#fff;
clear:both;
font-size:0.9em;
padding:10px 0 0 0;
margin:0;
width:100%;
}

/* --------------left------------- */

#leftside {
padding:0;
width:230px;
float:left;
padding:0 0 0 10px;
margin:0;
/*background-color:#ccc;*/
}

/* --------------content------------- */

#contentwrap {
color:#000;
padding: 0 0 0 20px;
width: 706px;
margin: 0;
/*background:#ffff00;*/
}

#content {
padding: 0 20px 0 0;
margin:0 0 1.5em 0;
font-family: "Courier New", Courier, mono;
font-size: 120%; 
min-height: 400px;
/*background:#ffff00;*/
}

#start #content,
.programm #content {
padding: 0;
}

#content img {
background:#fff;
}

#content .nb {
border:0;
margin:0;
padding:5px;
background:#fff;
}

#content .imgleft, 
#content .imgright {
float: left;
margin:5px 15px 6px 0;
}

#content .imgright {
float: right;
margin:5px 0 6px 15px;
}

.programm #content .imgleft,
.programm #content .imgright {
border:1px solid #b0b0b0;
padding:5px;
margin:15px 15px 6px 0;
}
 
.programm #content .imgright {
margin: 15px 0 6px 15px;
}

/* --------------mainmenu------------- */

#mainmenu {
float:left;
padding:0;
margin:0;
width: 220px;
}

#mainmenu ul {
font-size:16px;
}

#mainmenu li {
display: block;
list-style:none;
margin:0;
padding:3px 10px 2px 30px;
background				:	transparent url("../img/bg_menu.png") 0 0 no-repeat;
}

#mainmenu li a {
color:#666;
display:block;
font-size:0.8em;
/*height:1em; diese Angabe ist nur für den IE, damit die ganze Linkfläche klickbar ist */
text-decoration:none;
font-weight: bold;
height:30px;
}

#mainmenu li#service {
background-position: 0 -40px;
}

#mainmenu li#bunker {
background-position: 0 -80px;
}

#mainmenu li#verein {
background-position: 0 -120px;
}

#mainmenu li#gastronomie {
background-position: 0 -160px;
}

#mainmenu li#vermietungen {
background-position: 0 -200px;
}

#mainmenu li#netzwerk {
background-position: 0 -240px;
}

#mainmenu li#freunde {
background-position: 0 -280px;
}

#mainmenu li#links {
background-position: 0 -320px;
}

/* admin bereich */
#mainmenu li#UpdateDB {
background-position: 0 -0px;
}

#mainmenu li#AdminNewsletter{
background-position: 0 -40px;
}

#mainmenu li#Scheduler {
background-position: 0 -80px;
}

#mainmenu li#UserScheduler {
background-position: 0 -120px;
}

#mainmenu li#Logout {
background-position: 0 -160px;
}

#mainmenu li#AdminFooter {
padding: 10px 0 0 30px;
border-top: 1px dotted #ccc;
background-position: 0 -420px;
color:#666;
font-size:0.8em;
font-weight: normal;
line-height: 1.2em;
font-family: "Courier New", Courier, mono;
margin-bottom: 20px;
}


#mainmenu li#reservierung {
padding: 10px 0 0 30px;
border-top: 1px dotted #ccc;
background-position: 0 -390px;
color:#666;
font-size:0.8em;
font-weight: normal;
line-height: 1.2em;
font-family: "Courier New", Courier, mono;
margin-bottom: 20px;
}

#mainmenu li#reservierung:hover,
#mainmenu li#reservierung:hover a {
color:#000;
font-weight:bold;
}

#mainmenu li#reservierung:hover strong {
color:#666;
}

#mainmenu li#reservierung strong {
font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
}

#mainmenu li#reservierung a {
	background-position: 0 -400px;
	font-size:100%;
	padding:0;
	color:#666;
	font-weight: normal;
	height:20px;
}

#mainmenu li a:hover {
background				:	transparent url("../img/bg_menu_hover.png") right top no-repeat;
color:#000;
text-decoration:none;
border:0;
}

#mainmenu li a.on {
background				:	transparent url("../img/bg_menu_hover.png") right -40px no-repeat;
color:#E20A16;
text-decoration:none;
}

/* -------------- submenu------------- */

#submenu {
padding: 0;
margin: 0 0 1.5em 0;
border-left: 1px solid #ccc;
}

#submenu li {
float: left;
margin: 0; 
padding: 0;
display: inline;
border: 1px solid #ccc;
border-left: 0;
}

#submenu li a {
float: left;
font-size: 11px;
line-height: 14px;
font-weight: bold;
margin: 0;
padding: 5px 5px 2px 5px;
text-decoration: none;
color: #999;
border-bottom: 4px solid #fff;
}

#submenu li a.active:link, 
#submenu li a.active:visited, 
#submenu li a:hover {
border-color: #fff;
padding-bottom: 2px;
background: #fff;
color: #000;
}

#submenu li a.on,
#submenu li a.on:hover {
border-color: #E20A16;
color: #000;
}


/* --------------programm liste # einzelveranstaltung------------------ */

.teaser {
    background: #f0f0f0;
    padding: 1em;
    border-bottom: 4px solid #999;
}

#uebersicht { 
width:98%;
padding:1em 0 0 0;
}

dl.featurebox-start { 
float: left;
width:49%;
padding:1em 0;*/
/*background: #000;*/
}

#uebersicht div { 
padding-bottom :.5em;
}

#uebersicht dt/*, 
dl.featurebox-start dt*/ { 
float:left;
background: #000;	
width:64px;
height:64px;
margin: 0;
padding: 10px 0 0 0;
color:#fff;
 text-align: center;
 background:transparent url(../img/bg_date.png) center center no-repeat;
font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
font-size: 11px;
text-transform:uppercase;
display: inline;
line-height: 16px;
/*border: 1px solid #ff0000;*/
}

dt em { 
line-height: 20px;
font-size: 12px;
font-weight:bold; 
display:block;
font-style: normal;
}

#uebersicht dd/*,
dl.featurebox-start dd*/ {
float:left;
background: #fff;	
width:260px;
padding:0;
margin:0 5px 10px 10px;
color:#000;	
}

/* ---- STARTSEITE ---- */

.bookinginfos {
float: right;
margin:5px 0 6px 15px;
width: 167px;
height: 163px;
}

.bookinginfos a {
display: block;
width: 167px;
height: 163px;
 background:transparent url(../img/booking.png) 0 0 no-repeat;
}

.bookinginfos a:hover {
 background-position: -210px 0;
}

.start-teaser {
    height: 75px;
    width: 700px;
 background:transparent url(../img/content/start_teaser.jpg) top left no-repeat;
}

#start #content h1 {
background: #E20A16;
color: #e0a0a3;
text-transform: uppercase;
}

#start #content p {
font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
}

/* ---- DETAILSEITE ---- */

#uebersicht dl {
padding: 0 0 .5em 0;
}

#uebersicht dd strong {
font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
}

dl#featurebox {
width: 355px;
float: right;
font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
background: #333;
border: 2px solid #fff;
color: #fff;
padding: 0 0 .8em 0;
margin: 0 0 .5em 1em;
 background:transparent url(../img/bg_featurebox.png) bottom left no-repeat;
}

dl#featurebox dt {
color: #000;
padding: 1.5em 0 0 1.5em;
background:transparent url(../img/bg_featurebox.png) top left no-repeat;
height: 100px;
}

dl#featurebox dd {
padding: 0 1em 0 1.5em;
}


dl#featurebox dt em {  
font-size: 24px;
}

dl#featurebox hr {
border: none 0;
height: 3px;
margin: .4em 1.5em;
border-top: 3px dotted #464646;
}

ul.links  {
float: left;
width: 48%;
list-style-type: none;
margin: 0; 
padding: 0 0 1em 0;
}

ul.links li  {
background:transparent url(../img/ul.gif) top left no-repeat;
padding: 0 0 .5em 1.7em;
}

.ext {
background:transparent url(../img/ext.gif) top left no-repeat;
padding: 0 0 .3em 2em;
}

.pdf {
background:transparent url(../img/pdf.gif) top left no-repeat;
padding-left: 20px;
}

.doc {
background:transparent url(../img/doc.gif) top left no-repeat;
padding-left: 20px;
}

.pic {
background:transparent url(../img/pic.gif) top left no-repeat;
padding-left: 20px;
}

dl#downloads dt {
font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
font-weight: bold;
}

dl#downloads dd {
padding-top: .4em;
}


/* --------------footer------------- */

#footer {
clear:both;
color:#666;
font-size:0.9em;
padding: 10px 0;
text-align:center;
margin: 0 10px;
border-top: 1px dotted #999;
}

#footer p {
text-align:center;
padding: 0;
margin: 5px 0 0 0;
font-size: 0.92em; 
}

#footer a {
color:#666;
border-color: #666;
}

.vali { 
background: #fff url(../img/check.jpg) 0 50% no-repeat; 
padding: .1em 5px .1em 20px; 
border: 1px solid #999; 
}

.vali a, .vali a:visited {  
color: #999; 
}

/* --------------forms------------- */

form fieldset {
font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	margin: 0 0 1em 0;
	padding: 0.5em;
	border: #DDD 1px solid;
}

form fieldset legend {
	font-weight: bold;
	color: #666;
padding: .25em .5em;
}

form fieldset div {
	padding: 0.25em 0;
}

form span {
	font-weight: bold;
	color: #f00;
}

#content form div img,
#errormsg img  {
	padding: 0;
	padding: 0;
	border: 0;
	width: 0;
}

#errormsg  {
font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	font-weight: bold;
	color: #f00;
	
}

label, 
span.label {
color: #000;
	margin-right: 0.5em;
	padding-right: 0.5em;
	width: 10em;
	display: block;
	float: left;
	text-align: right;
	position: relative;
}

input:focus,
input.error:focus, 
textarea:focus {
	background-color: #FFC;
	border-color: #FC6;
}

form fieldset div.controlset label, 
form fieldset div.controlset input {
	display: inline;
	float: none;
}

form fieldset div.controlset div {
	margin-left: 11em;
}


/* --------------various tags------------- */

.hide {display:none;}

#uebersicht dl:after,
.clearfix:after {
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block;
}

#uebersicht dl,
.clearfix { 
display: block; 
} 

.floatbox { 
overflow:hidden; 
}


/*
THIS IS FROM YAML
RESPECT TO Dirk Jesse
*/
	/* Workaround: Clearfix-Anpassung für diverse IE-Versionen */
	/* 
	** IE5.x/Mac - x
	** IE7       - x
	*/	
	.clearfix, #uebersicht dl { display: inline-block; }  /* ... Clearing für IE5/Mac und IE7 */

	/*
	** IE5.x/Win - x
	** IE6       - x
	*/	
	/* Hides from IE-mac \*/
	* html .clearfix, #uebersicht dl { height: 1%; }   /* ... für IE5 + IE6/Win | IE-Clearing aktivieren */
	.clearfix, #uebersicht dl { display: block; }      /* ... für IE5,IE6,IE7 | Mac-Einstellungen für IE/Win zurücksetzen */
	/* End hide from IE-mac */
	/*------------------------------------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------------------------------------*/
	/* Workaround Anpassung der .floatbox-Klasse für IE */
	/* Hides from IE-mac \*/
	/* 
	** IE5.x/Win - x
	** IE5.x/Mac - x
	** IE6       - x
	** IE7       - 0
	*/	

	* html .floatbox { width:100%; }
	/* End hide from IE-mac */
	/*------------------------------------------------------------------------------------------------------*/

	/*------------------------------------------------------------------------------------------------------*/
	/* Bug: "Disappearing List-Background Bug" */
	/*
	** IE5.x/Win - x
	** IE5.x/Mac - x
	** IE6       - x
	** IE7       - 0
	*/
	
	* html ul { position: relative }
	* html ol { position: relative }
	* html dl { position: relative }
	/*------------------------------------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------------------------------------*/
	/* Allgemeine IE-Layouthilfe, um die freie Spaltenanordnung zu gewährleisten und die Robustheit der     */
	/* DIV-Container für beliebige Inhalte zu erhöhen. Die Eigenschaft "zoom" erzwingt "hasLayout" im IE.   */
	/* 
	** IE5.01/Win - 0 (Eigenschaft "zoom" wird nicht interpretiert)
	** IE5.x/Win - x
	** IE5.x/Mac - x
	** IE6       - x
	** IE7       - x
	*/	

	#container, #links, #rechts, #header, #mainnav, #main, #footer { zoom: 1; }
	/*------------------------------------------------------------------------------------------------------*/