/*---------------------- Layout -----------------------*/
body {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.clear {
    clear:both;
}
.right {
    float: right;
}
.left {
    float: left;
}
p {
	margin: 0 auto;
	padding: 14px 5px 0 17px;
}
:focus {
	outline: 0;
}
/*---------------------- Layout -----------------------*/		
#main {
	position: absolute;
	width: 892px;
	top: 4px;
	left: 4px;
	z-index: 1;
}
#top {
	position: relative;
	width: 892px;
	height: 80px;
}
#navMain {
	position: relative;
	width: 600px;
	padding-top: 30px;
	padding-left: 17px;
	float: left;
}
#navSub {
	position: relative;
	width: 668px;
	padding-top: 5px;
	float: left;
}
#logo {
	position: relative;
	width: 220px;
	height: 80px;
	float: right;
}
#content{
	width:100%;
	position: relative;
	margin-top: 4px;
	margin-bottom: 4px;
}
#spalte444 {
	width: 444px;
	position: relative;
}
#spalte220 {
	width: 220px;
}
#spacer4x4 {
	width: 4px;
	height: 4px;
}
#spacer20 {
	width: 100%;
	height: 20px;
}
#spacer80 {
	width: 100%;
	height: 80px;
	line-height: 130%;
	margin-bottom: 4px;
}

#spacer164 {
	width: 100%;
	height: 164px;
	line-height: 130%;
	margin-bottom: 4px;
}
#spacer500 {
	width: 100%;
	height: 500px;
	line-height: 130%;
	margin-bottom: 4px;
}
#spacer248 {
	width: 100%;
	height: 248px;
	line-height: 130%;
	margin-bottom: 4px;
}
#spacer332 {
	width: 100%;
	height: 332px;
	line-height: 130%;
	margin-bottom: 4px;
	}
#spacer416 {
	width: 100%;
	height: 416px;
	line-height: 130%;
	margin-bottom: 4px;
	}
#spacerText {
	width: 100%;
	line-height: 130%;
	margin-bottom: 4px;
	}
TABLE, TD { 
	width:100%;
}
/*---------------------- Schriften -----------------------*/		
a.konzerte {
	color: #000;
	text-decoration: none;
	padding: 0px 16px 0px 0px;
	font-weight: bold;
	}
a.konzerteHigh {
	color: #E98112;
	text-decoration: none;
	padding: 0px 16px 0px 0px;
	font-weight: bold;
	}
a:hover.konzerte {
	color: #E98112;
	text-decoration: none;
	}
a.konzerteBilder {
	color: #000;
	text-decoration: none;
	margin: 0px 3px 0px 3px;
	/*font-weight: bold;*/
	}
a.konzerteBilderHigh {
	color: #000;
	text-decoration: none;
	margin: 0px 3px 0px 3px;
	font-weight: bold;
	}
a:hover.konzerteBilder {
	color: #000;
	text-decoration: none;
	}
.konzerteBilderPfeil {
	color: #fff;
	text-decoration: none;
	margin: 0px 3px 0px 3px;
	}
.headMonat {
	font-size: 19px;
	/*font-weight:bold;*/
	padding: 17px 0 0 17px;
	color:#FFFFFF;
}	
/*---------------------------------------------*/					
.weiss {
	color: #fff;
}
.schwarz {
	color : #000;
}
.orangeDkl {
	color : #000;
}
a.weiss {
	display: block;
	color: #fff;
	text-decoration: none;
	width: 100%;
	/*background-image: url(../images/pfeil_weiss.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0 20px 1px 0;*/
}
.weissInfo {
	color: #fff;
}
a.weissInfo {
	/*display: block;*/
	color: #fff;
	text-decoration: none;
}
a.schwarz {
	display: block;
	color : #000;
	text-decoration: none;
	width: 100%;
}
.linkSchwarz {
	color : #000;
	text-decoration: underline;
	font-weight: bold;	
}
a:hover.linkSchwarz {
	color: #000;
	text-decoration: none;
	font-weight: bold;	
	}
.pfeil {
	vertical-align: middle;
	margin: 0 0 0 5px;
}
.pfeilZurueck {
	vertical-align: middle;
	margin: 0 5px 0 0;
}
/*---------------------- Formular -----------------------*/	

.textHell {
	width: 183px;
	padding: 2px;
	border-top: 0px #000 solid;
	border-left: 0px #000 solid;
	border-right: 0px #000 solid;
	border-bottom: 0px #CC6600 solid;
	background-color: #FFBC74;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color:#000;	
}	
.dropDown {
	width: 187px;
	padding: 2px;
	border-top: 0px #000 solid;
	border-left: 0px #000 solid;
	border-right: 0px #000 solid;
	border-bottom: 0px #CC6600 solid;
	background-color: #FFBC74;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color:#000;	
}	
.textHellKurz {
	width: 40px;
	padding: 2px;
	border-top: 0px #000 solid;
	border-left: 0px #000 solid;
	border-right: 0px #000 solid;
	border-bottom: 0px #CC6600 solid;
	background-color: #FFBC74;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color:#000;	
}	
.textHellLang {
	width: 135px;
	padding: 2px;
	border-top: 0px #000 solid;
	border-left: 0px #000 solid;
	border-right: 0px #000 solid;
	border-bottom: 0px #CC6600 solid;
	background-color: #FFBC74;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color:#000;	
}
.submitHell {
	border: 1px #ED9A41 solid;
	background-color: #fff;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#CE6F0B;	
}
.submitDkl {
	border: 1px #E98112 solid;
	background-color: #fff;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#CE6F0B;	
}
div#Effect {
	width:100%;
}
.check {
	float:left;
}
#HintContainer {
	color: #fff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:177px;
	/*border:1px solid #CC0000;*/
	background-color:#ff0000;
	padding:5px;
	z-index:2;
	position:absolute;
	display:none;
}
#HintText {	
	width:250px;
}
.HintCloseButton {
	width:50px;
	background-color:#fff;
	text-align:center;
	color:#000;
	cursor:pointer;
}
.icons {margin-right: 8px;}
#linie {
	width:190px;
	height:2px;
	background-image: url(../images/linie.gif);
	background-repeat: repeat-x;
	margin: 17px 0 0 17px;
}
/*---------------------- Farben -----------------------*/
.konzerteDkl {
	background-color: #E98112;
	color: #fff;
}
.konzerteHell {
	background-color: #ED9A41;
	color: #fff;
}
.konzerteDklArchiv {
	background-color: #E98112;
	color: #000;
	/*background: url(../images/pfeil_top.gif) right top #E98112;
	background-repeat: no-repeat;*/
}
.konzerteHellArchiv {
	background-color: #ED9A41;
	color: #000;
	/*background: url(../images/pfeil_top.gif) right top #ED9A41;
	background-repeat: no-repeat;*/
}
/*---------------------- Infoboxen -----------------------*/
#infoBrenkenTrio {
	display:none;
	}
.bildRechts {
	float:right;
	padding: 0 0 5px 5px;
	}	
/*---------------------- Popup Home -----------------------*/	
#popup {
	display: none;
	/*border: solid 1px black;*/
	padding: 0px;
	/*background-color: #fff;*/
	width:640px;
	/*height:360px;*/
	text-align: right;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -320px;
	margin-top: -280px;
	z-index:1000;
}
#popup img {
	border: solid 4px #fff;
}

