@charset "utf-8";
/* CCS Dokument */
html,body, h1, h2, h3, button, form, div, ul, li { 
	padding: 0px; 
	margin: 0px;
}

body {
	background-color: #000;
	background: #000 url(img/background.gif) repeat-x;
	color: #FFF;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
a { color: #F48F1B; text-decoration: underline; }
a:hover { color: #ccc; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { color:#F48F1B; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; }
h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3, h4, h5, h6 { font-size: 1em; }
img { border: 0px; }

.clear { clear: both; }
br.clear:after { content: "."; display: block; clear: both; visibility: hidden; }

.headline { color: #F93; padding: 8px 10px; height: 12px; background: transparent url(img/background_headline.png) top right repeat-x; }
.main_container { width: 960px; margin: 10px auto; }

#header_container h1 { text-indent: -999em; overflow: hidden; background-image: url(img/logo.gif); background-repeat:no-repeat; }
#header_container h1, #header_container h1 a { display: block; width: 385px; height: 95px; text-decoration:none; }

.logo { float: left; width: 500px; }
.header { float: left; width: 460px; }

#rock_info, #main_info { float: right; width: 215px; }
#rock_info { margin: 0 10px 0 0; }
#main_info { margin: 0 10px 0 10px; }
#rockstream_playing, #mainstream_playing { width: 205px; height: 16px; text-indent: -999em; overflow: hidden; }
#rockstream_playing { background: transparent url(img/rockstream_playing.gif) no-repeat; }
#mainstream_playing { background: transparent url(img/mainstream_playing.gif) no-repeat; }
.tunein { float: left; width: 17px; margin: 0px 10px 0 0; }
.winamp, .wmp { width: 17px; height: 17px; margin: 0 0 3px 0; }
.winamp { background: transparent url(img/winamp.gif) no-repeat; }
.winamp a, .wmp a { display: block; width: 17px; height: 17px; text-indent: -999em; overflow: hidden; }
.wmp { background: transparent url(img/wmp.gif) no-repeat; }
.icq { margin: 2px;}

.stream_info { color: #666; background-color: #FFF; padding: 0 5px; }
.stream_info h2 { text-align: center; font-size: 1.2em; color: #900; margin: 0 0 5px; }

#navigation { width: 930px; margin: 10px auto 0; padding: 30px 15px; height: 18px; background-image: url(img/navigation_bar.png); }
#navigation ul, #navigation li { list-style: none; }
#navigation li { display: inline; }
#navigation li a { color: #666666; font-size: 1.4em; margin: 0 10px; text-decoration:none; }
#navigation li#activeNavi a{ color:#FFFFFF; font-size: 1.4em; margin: 0 10px; text-decoration:none; }
#navigation li a:hover { color:#F93; text-decoration:none;}

#submenuearrow {
	position:absolute;
	width:30px;
	height:26px;
	background: url(img/submenuearrow.png) center no-repeat;
	float:left;
	margin-top: -24px;
	margin-left:30px;
}
#submenuebar{
	background-image:url(/img/submenuerightcorner.png);
	background-position:right;
	background-repeat:no-repeat;
	margin: 0 12px;
}
#submenuecontent{
	border-top: 1px solid #fff;  
	border-bottom: 1px solid #fff;  
	background-color:#F48F1B;
	margin: 0 11px;

}
#submenueleftcorner{
	 float:left; background:url(/img/submenueleftcorner.png) no-repeat left;
	 height:26px;
	 width:12px;
}
#submenuebar a{
	color: #000;
	text-decoration:none;
	line-height:24px;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 0 5px;
	font-size:14px;
}
#submenuebar a:hover{
	background-color: #000;
	color:#F48F1B;
	text-decoration:none;
}
#submenuebar a#sbmactiv{
	color: #fff;
}

#col_l { float: left; padding: 10px; width: 220px; }
#col_r { float: left; padding: 10px; width: 700px; }

#teaser { background-color: #FFF; }
.teaser_text { float: left; width: 498px; background-color: #FFF; padding: 5px; color: #666; }

#welcomeheadline { margin: 0 0 5px; background: transparent url(img/headline_welcome.gif) no-repeat; width: 335px; height: 22px; text-indent: -999em; overflow: hidden; }
#radioimage { float: left; padding: 0 5px; }

#col1, #col2 { float: left; width: 340px; margin: 10px 10px 10px 0; }
#col2 { margin: 10px 0;  }

#footer { width: 960px; margin: 30px auto; padding: 10px 0 0;  border: 1px #FFF dotted; border-width: 1px 0 0; background-color:#1B1B1B; }
#footer .footerlinks{ float:left; margin: 0 5px; font-size:11px;}
#footer .footerlinks a{ color:#FFFFFF; line-height:150%; text-decoration:none; padding: 0 5px;}
#footer .footerlinks a:hover{ text-decoration:none; background-color:#FFFFFF; color: #000;}
/* RUNDE ECKEN */
.b1, .b2, .b3, .b4 { height: 1px; font-size: 0em; overflow: hidden; background-color: #FFF; }
.b1 { margin: 0 5px; }
.b2 { margin: 0 3px; }
.b3 { margin: 0 2px; }
.b4 { margin: 0 1px; height: 2px; }
/* RUNDE ECKEN */
/* FORMS */
.input_2,
.input_4,
.input_5,
.input_date,
.input_100,
.input_200,
.input_300,
.inputtext_300x100{
	padding: 2px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color: #0000AE;
}
.input_2{
	width:20px;
}
.input_4{
	width:30px;
}
.input_5{
	width:40px;
}
.input_date{
	width:45px;
}
.input_100{
	width:100px;
}
.input_200{
	width:200px;
}
.input_300{
	width:300px;
}
.inputtext_300x100{
	width:300px;
	height:100px;
}

.box_error{
	background-color:#FFEAEA;
	border:3px dotted #FF0000;
	margin: 5px;
	color:#FF0000;
}
.box_error td{
	text-align:center;
	padding: 5px;
	color:#FF0000;
}
.box_ok{
	background-color: #E8FFE8;
	border:3px dotted #008000;
	margin: 5px;
	color: #008000;
}
.box_ok td{
	text-align:center;
	padding: 5px;
	color: #008000;
}
/* TootlTips */
#tooltip {
	background-color:#E22727;
	border:1px solid #111111;
	opacity:0.85;
	padding:5px;
	position:absolute;
	z-index:3000;
}
#tooltip h3, #tooltip div {
	margin:0;
	color:#FFFFFF;
}