@import url(undohtml.css);

body, iframe {
	background:#fff001 url('/images/harmony_bg_verlauf.gif') repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

body, p, div, a, li, span, textarea, input, td {
	font-family: Verdana, Arial, sans-serif;	
	font-size:12px;
	color: #000;	
}

#skip, #printLogo  {
	display: none;
}

fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

input, textarea {
	font-size: 12px;
}

img {
	border: none;
	outline:0;
}

a {
	text-decoration:underline;
	border:none;
	outline:0;
}

a:hover { 
	color:#FF9900; 
	text-decoration:underline; 
}

h1 { 
	font-size:14px; 
	font-weight:bold; 
}

h4 { 
	font-size:13px; 
	font-weight:bold; 
	margin-bottom: 5px;
}

.fleft{
	float:left;
}

.fright{
	float:left;
}

.clear{
	clear:both;
	height:0px;
	margin:0;
	padding:0;
	line-height:0;
}



/* ========================================================================== */
/*	Layout																	  */
/* ========================================================================== */

#mainContainer {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 780px;
	text-align:left; 
	min-height:1000px;
}

#mainContainerLeft {
	margin-left:136px;
	width:603px;
	position: relative;
}

#mainContainerRight {
	float: right;
}


#footer {
	width: 443px;
	float:left;
	padding-bottom:5px;
}

#footerContent{
	font-size:11px;
	background:#fff;
	padding:0px 10px;
}

#footerContent a{ 
	font-size:11px;
	}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
}

/* ========================================================================== */
/*	Corners																	  */
/* ========================================================================== */

.cornerContentTop {
	height: 5px;
	background-image: url('/images/cornerContentTop.png');
}

.cornerContentBottom {
	height: 5px;
	background-image: url('/images/cornerContentBottom.png');
}

.cornerTeaserSmallTop{
	height: 5px;
	background-image: url('/images/cornerTeaserSmallTop.png');
}

.cornerTeaserSmallBottom {
	height: 5px;
	background-image: url('/images/cornerTeaserSmallBottom.png');
}

.cornerFullLengthTop {
	height: 3px;
	background: url('/images/cornerFullLengthTop.png') top;
}

.cornerFullLengthBottom {
	height: 3px;
	background: url('/images/cornerFullLengthBottom.png') bottom;
}

/* ========================================================================== */
/*	Header																	  */
/* ========================================================================== */

#header {
	position: relative;
	width: 443px;
	height:26px;
}

#logo {
	width: 225px;
	height: 201px;
	margin-top:90px;
	display: block;
}

#wechsler {
	position: relative;
	height:138px;
	margin:-2px 0 5px 0;
	padding:0;
}
.wechslerbild {
	position:absolute;
	z-index:10;
	top:0;
	
}

.navdots {
	z-index:99;
	position:absolute;
	}

ul.headernavi li {
	float:left;
	margin:5px;
}

#onair {
	position:absolute;
	left:448px;
	top:-2px;
}

#onair span {
    font-size: 10px;
}

#onAirRight, #onAirLeft {
	position:absolute;
	width: 156px;
	height: 166px;
}

#onAirRightImage, #onAirLeftImage {
	position:absolute;
	width: 80px;
	height: 80px;
	top:28px;
	left:0;	
	z-index:1;
}	
#onAirRightImage {
	left:76px;
}

#onAirRightBG{
	background: url('/images/channel_studio.png') no-repeat 0px 0px;
	position:absolute;
	left:0;
	top:28px;	
	width: 156px;
	height: 139px;
	z-index:10;
}

#onAirLeftBG{
	background: url('/images/channel_webradio.png') no-repeat 0px 0px;
	position:absolute;
	left:0;
	top:28px;	
	width: 156px;
	height: 138px;
	z-index:10;	
}

#onAirRightContent, #onAirLeftContent {
	position:absolute;
	width: 70px;
	height: 85px;
	z-index:99;
	overflow:hidden;
	font-size:10px;		
}

#onAirLeftContent {
	top: 30px;
	left:85px;
	font-size:10px;	
}

#onAirRightContent {
	top: 30px;
	left:3px;
	font-size:10px;	
}

.onAirLinks{
	top:130px;
	position:absolute;
	z-index:200;
	font-size:10px;		
}

.onAirLinks a{	
	font-weight:bold;
	font-size:10px;	
	display:block;
	width:100px;
}

.onAirLinks a:HOVER{
	color:#000;
	text-decoration:none;
}

#ticker {
	font-weight:bold;
	font-size:10px;	
	color:#ff0000;
	margin-bottom:5px;
}

#newsTicker {
	color		:	#000;
	font-weight	:	bold;
	float:left;
	left:0;
	position:relative;
	white-space:nowrap;
	font-size:10px;
}

#newsTickerContainer {
	display: block;
	position: relative;
	height: 12px;
	overflow: hidden;
	width: 435px;
	border-right:1px solid black;
	background:#fff;	
	padding: 0 5px 0 5px;	
}

#tickerWrap{
	background:#fff;
}
#frequenzen a {
	float:right;
	margin-top:-13px;
	width:140px;
	font-size:10px;
	cursor:pointer;
}


/* ========================================================================== */
/*	MAIN NAVIGATION																	  */
/* ========================================================================== */

#mainNavi {
	float: none;
	clear: both;
	height: 28px;
	width: 444px;
	position:relative;
	top:0;
	left:0;
}


#mainNavi ul li.navi {
	float:left;
	}

#mainNavi ul li.navi a#btn_home {
	display:block;
	height:28px;
	width:35px;
	background: url('/images/sprite_navigation.png') no-repeat;
	text-indent:-9999px;

}

#mainNavi ul li.navi a#btn_home:HOVER,
#mainNavi ul li.navi a#btn_home.selected 
	 {
	background: url('/images/sprite_navigation.png') no-repeat -69px 0px;
}


#mainNavi ul li.navi a#btn_musik
	 {
	display:block;
	height:28px;
	width:68px;
	background: url('/images/sprite_navigation.png') no-repeat 0px -39px;	
	text-indent:-9999px;
}
	
#mainNavi ul li.navi a#btn_musik:HOVER,
#mainNavi ul li.navi a#btn_musik.selected 		
		 {
	background: url('/images/sprite_navigation.png') no-repeat -69px -39px;		
	}	


#mainNavi ul li.navi a#btn_info {
	display:block;
	height:28px;
	width:68px;
	background: url('/images/sprite_navigation.png') no-repeat 0px -79px;	
	text-indent:-9999px;
}
	
#mainNavi ul li.navi a#btn_info:HOVER,
#mainNavi ul li.navi a#btn_info.selected
			 {
	background: url('/images/sprite_navigation.png') no-repeat -69px -79px;
	}


#mainNavi ul li.navi a#btn_programm {
	display:block;
	height:28px;
	width:68px;
	background: url('/images/sprite_navigation.png') no-repeat 0px -119px;	
	text-indent:-9999px;
}
	
#mainNavi ul li.navi a#btn_programm:HOVER,
#mainNavi ul li.navi a#btn_programm.selected
			 {
	background: url('/images/sprite_navigation.png') no-repeat -69px -119px;		
	}


#mainNavi ul li.navi a#btn_foto {
	display:block;
	height:28px;
	width:68px;
	background: url('/images/sprite_navigation.png') no-repeat 0px -159px;	
	text-indent:-9999px;
}

	
#mainNavi ul li.navi a#btn_foto:HOVER,
#mainNavi ul li.navi a#btn_foto.selected
			 {
	background: url('/images/sprite_navigation.png') no-repeat -69px -159px;		
	}
	
#mainNavi ul li.navi a#btn_team {
	display:block;
	height:28px;
	width:68px;
	background: url('/images/sprite_navigation.png') no-repeat 0px -198px;	
	text-indent:-9999px;
}
	
#mainNavi ul li.navi a#btn_team:HOVER,
#mainNavi ul li.navi a#btn_team.selected		 {
	background: url('/images/sprite_navigation.png') no-repeat -69px -198px;		
	}	

	

#mainNavi ul li.navi a#btn_werbung {
	display:block;
	height: 28px;
	width:68px;
	background: url('/images/sprite_navigation.png') no-repeat 0px -238px;	
	text-indent:-9999px;
}


#mainNavi ul li.navi a#btn_werbung:HOVER,
#mainNavi ul li.navi a#btn_werbung.selected	 {
	background: url('/images/sprite_navigation.png') no-repeat -69px -238px;		
	}	
	
		
ul.headernavi li a.dot {
	display:block;
	height:7px;
	width:7px;
	background: url('/images/dot_0.png') no-repeat;
	text-indent:-9999px;
}

ul.headernavi li a.dot:HOVER,
ul.headernavi li a.selected	 {
	display:block;
	height:7px;
	width:7px;
	background: url('/images/dot_1.png') no-repeat;
	text-indent:-9999px;
}

/* ========================================================================== */
/*	SUBMENU										 */
/* ========================================================================== */

#subNavi {
	position:absolute;
	z-index:100;
	left:0px;
	top:21px;
	heigth:37px;
}

.subNavi-Musik {
	margin-left:10px;
}

.subNavi-Info {
	margin-left:80px;
}
.subNavi-Programm {
	margin-left:140px;
}
.subNavi-Team {
	margin-left:280px;
}

#subNavi div#subNaviLeft {
	background: url('/images/submenu_left.png') no-repeat;	
	width:12px;
	height:37px;
}

#subNavi div#subNaviRight {
	background: url('/images/submenu_right.png') no-repeat;	
	width:12px;
	height:37px;	
}

#subNavi div#subNaviLeft,
#subNavi div#subNaviRight,
#subNavi ul	
	{
	float:left;
}

#subNavi ul {
	margin-top: 0px;
	height: 17px;
}

#subNavi ul li {
	float:left;
	color:#000;
	background: url('/images/submenu_mid.png') repeat-x;	
	height:40px;	
	padding-top:5px;

}


#subNavi ul li a#btn_songfinder	 {
	display:block;
	height: 20px;
	width:70px;
	background: url('/images/sprite_sub_navigation.png') no-repeat -10px -14px;	
	text-indent:-9999px;
	}	

#subNavi ul li a#btn_songfinder:HOVER, #subNavi ul li a#btn_songfinder.selected	 {
	background: url('/images/sprite_sub_navigation.png') no-repeat -10px 4px
	}	
	
#subNavi ul li a#btn_playlisten	 {
	display:block;
	height: 20px;
	width:70px;
	background: url('/images/sprite_sub_navigation.png') no-repeat -10px -54px;
	text-indent:-9999px;
	}	

#subNavi ul li a#btn_playlisten:HOVER, #subNavi ul li a#btn_playlisten.selected	 {
	background: url('/images/sprite_sub_navigation.png') no-repeat -10px -34px;	
	}		
	
#subNavi ul li a#btn_songwuenschen	 {
	display:block;
	height: 20px;
	width:88px;
	background: url('/images/sprite_sub_navigation.png') no-repeat 0px -94px;		
	text-indent:-9999px;
	}	

#subNavi ul li a#btn_songwuenschen:HOVER, #subNavi ul li a#btn_songwuenschen.selected	 {
	background: url('/images/sprite_sub_navigation.png') no-repeat 0px -74px;		
	}	

#subNavi ul li a#btn_stargefluester	 {
	display:block;
	height: 20px;
	width:80px;
	background: url('/images/sprite_sub_navigation.png') no-repeat -4px -134px;		
	text-indent:-9999px;
	}	

#subNavi ul li a#btn_stargefluester:HOVER, #subNavi ul li a#btn_stargefluester.selected	 {
	background: url('/images/sprite_sub_navigation.png') no-repeat -4px -114px;		
	}	
	
#subNavi ul li a#btn_ticketshop	 {
	display:block;
	height: 20px;
	width:80px;
	background: url('/images/sprite_sub_navigation.png') no-repeat -10px -174px;		
	text-indent:-9999px;
	}	

#subNavi ul li a#btn_ticketshop:HOVER, #subNavi ul li a#btn_ticketshop.selected	 {
	background: url('/images/sprite_sub_navigation.png') no-repeat -10px -154px;	
	}	
	
#subNavi ul li a#btn_nachrichten	 {
	display:block;
	height: 20px;
	width:65px;
	background: url('/images/sprite_sub_navigation.png') no-repeat -10px -214px;		
	text-indent:-9999px;
	}	

#subNavi ul li a#btn_nachrichten:HOVER, #subNavi ul li a#btn_nachrichten.selected	 {
	background: url('/images/sprite_sub_navigation.png') no-repeat -10px -194px;	
	}	
	
#subNavi ul li a#btn_wetter	 {
	display:block;
	height: 20px;
	width:55px;
	background: url('/images/sprite_sub_navigation.png') no-repeat -10px -254px;		
	text-indent:-9999px;
	}	

#subNavi ul li a#btn_wetter:HOVER, #subNavi ul li a#btn_wetter.selected	 {
	background: url('/images/sprite_sub_navigation.png') no-repeat -10px -234px;	
	}	

#subNavi ul li a#btn_verkehr	 {
	display:block;
	height: 20px;
	width:60px;
	background: url('/images/sprite_sub_navigation.png') no-repeat -10px -294px;		
	text-indent:-9999px;
	}	

#subNavi ul li a#btn_verkehr:HOVER, #subNavi ul li a#btn_verkehr.selected	 {
	background: url('/images/sprite_sub_navigation.png') no-repeat -10px -274px;	
	}	

#subNavi ul li a#btn_horoskop	 {
	display:block;
	height: 20px;
	width:65px;
	background: url('/images/sprite_sub_navigation.png') no-repeat -10px -334px;		
	text-indent:-9999px;
	}	

#subNavi ul li a#btn_horoskop:HOVER, #subNavi ul li a#btn_horoskop.selected	 {
	background: url('/images/sprite_sub_navigation.png') no-repeat -10px -314px;	
	}	
	
#subNavi ul li a#btn_sendungen	 {
	display:block;
	height: 20px;
	width:65px;
	background: url('/images/sprite_sub_navigation.png') no-repeat -10px -374px;		
	text-indent:-9999px;
	}	

#subNavi ul li a#btn_sendungen:HOVER, #subNavi ul li a#btn_sendungen.selected	 {
	background: url('/images/sprite_sub_navigation.png') no-repeat -10px -354px;	
	}	
	
#subNavi ul li a#btn_rubriken	 {
	display:block;
	height: 20px;
	width:65px;
	background: url('/images/sprite_sub_navigation.png') no-repeat -10px -414px;		
	text-indent:-9999px;
	}	

#subNavi ul li a#btn_rubriken:HOVER, #subNavi ul li a#btn_rubriken.selected {
	background: url('/images/sprite_sub_navigation.png') no-repeat -10px -394px;	
	}	

#subNavi ul li a#btn_frequenzen	 {
	display:block;
	height: 20px;
	width:65px;
	background: url('/images/sprite_sub_navigation.png') no-repeat -10px -454px;		
	text-indent:-9999px;
	}	

#subNavi ul li a#btn_frequenzen:HOVER, #subNavi ul li a#btn_frequenzen.selected	 {
	background: url('/images/sprite_sub_navigation.png') no-repeat -10px -434px;	
	}	

#subNavi ul li a#btn_moderatoren	 {
	display:block;
	height: 20px;
	width:70px;
	background: url('/images/sprite_sub_navigation.png') no-repeat -10px -494px;		
	text-indent:-9999px;
	}	

#subNavi ul li a#btn_moderatoren:HOVER, #subNavi ul li a#btn_moderatoren.selected	 {
	background: url('/images/sprite_sub_navigation.png') no-repeat -10px -474px;	
	}

#subNavi ul li a#btn_redaktion	 {
	display:block;
	height: 20px;
	width:68px;
	background: url('/images/sprite_sub_navigation.png') no-repeat -10px -533px;		
	text-indent:-9999px;
	}	

#subNavi ul li a#btn_redaktion:HOVER, #subNavi ul li a#btn_redaktion.selected	 {
	background: url('/images/sprite_sub_navigation.png') no-repeat -10px -514px;	
	}		


/* ========================================================================== */
/*	AdLink										 */
/* ========================================================================== */

#adLayerTop {
	margin-bottom: 12px;
	width: 728px;
	height: 90px; 
	position: absolute; 
	left: 10px;
	top: 0;
	z-index: 20;
}

#adLayerTop.banner468 {

}

#addLayerRight {
	position: absolute;
	top: 102px;
	left: 780px;
	width: 160px;
	height: 600px;
}

#adLayerRectangle {
	padding-left: 35px;
}

#teaserRectangle {
	width: 100%;
	background-color:#FFFFFF;
	height:260px;
}

/* ========================================================================== */
/*	Channel																	  */
/* ========================================================================== */

#channel {
	width: 220px;
	float: left; 	
	clear: none;
	margin-right: 5px; 
	overflow: hidden;
}

#channelMod {
	height: 106px;
	background-repeat: no-repeat;
	background-color: #FF9900;
}

#channelMod p {
	display: block;
	width: 90px;
	height: 80px;
	overflow: hidden;
	margin-top: 20px;
	margin-right: 3px;
	float: right;
	text-align: center;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
}


#quicklinks {
	background: url('/images/quicklink_bg_large.png') no-repeat;
	width:155px;
	height:195px;
	margin:0 0 5px 0;
}

#quicklinks  ul {
	padding:5px 0 0 0px;
}
#quicklinks li a,
#quicklinks li a:HOVER {
	color:#000;
	text-decoration:none;
}
#quicklinks li{
	font-size: 12px;
	font-weight: bold;
	padding:2px 5px 1px 15px;
	width:136px;
	height:16px;
}

#quicklinks li:HOVER{
	background: transparent url('/images/yellow-trans.png') ;
}

#quicklinks ul li a#quick_Kontakt	 {
	display:block;
	background: url('/images/ql-kontakt.png') no-repeat ;		
	text-indent:-9999px;
	width:136px;
	height:16px;	
	}	
	
#quicklinks ul li a#quick_Webradio	 {
	display:block;
	background: url('/images/ql-webradio.png') no-repeat ;		
	text-indent:-9999px;
	width:136px;
	height:16px;	
	}		

#quicklinks ul li a#quick_Songfinder	 {
	display:block;
	background: url('/images/ql-songfinder.png') no-repeat ;		
	text-indent:-9999px;
	width:136px;
	height:16px;	
	}	
	
#quicklinks ul li a#quick_Frequenzen	 {
	display:block;
	background: url('/images/ql-frequenzen.png') no-repeat ;		
	text-indent:-9999px;
	width:136px;
	height:16px;	
	}		

#quicklinks ul li a#quick_Horoskop	 {
	display:block;
	background: url('/images/ql-horoskop.png') no-repeat ;		
	text-indent:-9999px;
	width:136px;
	height:16px;
	}	
	
#quicklinks ul li a#quick_Wetter	 {
	display:block;
	background: url('/images/ql-wetter.png') no-repeat ;		
	text-indent:-9999px;
	width:136px;
	height:16px;	
	}	
	
#quicklinks ul li a#quick_Verkehr	 {
	display:block;
	background: url('/images/ql-verkehr.png') no-repeat ;		
	text-indent:-9999px;
	width:136px;
	height:16px;	
	}	
	
#quicklinks ul li a#quick_Ticketshop	 {
	display:block;
	background: url('/images/ql-ticketshop.png') no-repeat ;		
	text-indent:-9999px;
	width:136px;
	height:16px;	
	}	
	
#quicklinks ul li a#quick_Facebook	 {
	display:block;
	background: url('/images/ql-facebook.png') no-repeat ;		
	text-indent:-9999px;
	width:136px;
	height:16px;	
	}	
	
#quicklinks ul li a#quick_iPhone	 {
	display:block;
	background: url('/images/ql-iphone.png') no-repeat ;		
	text-indent:-9999px;
	width:136px;
	height:16px;	
	}					


#track {
	width: 115px;
	height: 115px;
	margin-top: 25px;
	float: left;
}

#linkWebradio {
	margin-top: 40px;
	float: right;
	text-indent: -9000px;
	display: block;
	width: 100px;
	height: 40px;
	background: url('/images/channel/webradio.gif') no-repeat bottom;
}


#linkMail {
	margin-top: 5px;
	float: right;
	text-indent: -9000px;
	display: block;
	width: 100px;
	height: 40px;
	background: url('/images/channel/mail.gif') no-repeat bottom;
}


#linkNews, #linkWeather, #linkContact, #linkService {
	margin-top: 3px;
	margin-left: 3px;
	float: left;
	text-indent: -9000px;
	display: block;
	width: 100px;
	height: 20px;
}


#linkNews { 
	background: url('/images/channel/news.gif') no-repeat bottom;
}

#linkService {
	background: url('/images/channel/service.gif') no-repeat bottom;
}

#linkWeather { 
	background: url('/images/channel/weather.gif') no-repeat bottom;
}

#linkContact { 
	background: url('/images/channel/contact.gif') no-repeat bottom;
}


/* ========================================================================== */
/*	Teaser																	  */
/* ========================================================================== */

#containerLeft {
	float: left;
	width: 370px;
	margin-right: 5px;
}

#containerRight {
	float: right;
	width: 155px;
}

.teaserSmappWrapper {
	margin-bottom: 5px;
}

.teaser {
	background-color: #FFFFFF;
}

.teaser a {
	float:left;
	margin-left:5px;	
}

#containerRight .teaserTxtOnly,
#containerLeft .teaserImgLeft,
#containerLeft .teaserImgRight {
	background-color: #FFFFFF;
	width: 100%;
	padding-bottom:5px;
}

#containerRight .teaserTxtOnly h4,
#containerLeft .teaserImgLeft h4,
#containerLeft .teaserImgRight h4 {
/*	text-transform:uppercase; */
}

#containerRight .teaserTxtOnly p,
#containerRight .teaserTxtOnly h4 {
	margin-left: 10px;
	margin-right: 10px;
}

.teaserTextWrapper {
	padding-left: 10px;
	margin-right: 10px;
	height: 128px;
	overflow: hidden;
}

.morebtn {
	margin-top: 5px;
}

.morebtn a {	
	background: #FFF url("../images/orange_vor.jpg") no-repeat 0px 2px;
	padding-left: 15px;
	text-decoration: none;
}

.morebtn a:hover {	
	text-decoration: none;
}

#containerLeft .teaserImgLeft img {
	margin-left: 10px;
	margin-right: 10px;
	float: left;
}	
#containerLeft .teaserImgRight img {
	margin-left: 5px;
	margin-right: 5px;
	float: right;
}






/* ========================================================================== */
/*	Content																	  */
/* ========================================================================== */

#mainContent {
	width: 603px;
	margin:	0px 0 0 0;
}

#contentWrap {
	width: 443px;
	float: left;
	padding-bottom:5px;	
}


#content {
	background-color: #FFF;
}

#content .text h1 {
	margin-bottom: 10px;
}

#content .text a {
	text-decoration: underline;
}

#content .text {
	padding: 0px 10px 0px 10px;
}

#content .legal, #content .legal p {
	font-size:9px;
	margin-top: 20px;
}

#content .text p {
	margin-bottom: 5px;
}

#content .text img {
	margin: 0px 5px 0px 5px;
}

#content .text ul {
	list-style:disc;
	margin-left: 14px;
}

#content .text li {
	margin-left: 5px;
}

#content .text p {
	line-height:1.3em;
	margin-bottom:6px;
	margin-top:6px;
}

.additionallinks_header {
    font-weight:bold;
    padding-top:25px;
    margin-left:10px;
	clear:left;
}

ul.additionallinks li {
    margin-top:1px;
    margin-left:0px;
    padding:4px 0px 4px 10px;
    display:block;
	clear:left;
}


ul.additionallinks li a {
	background: #FFF url("../images/orange_vor.jpg") no-repeat 0px 2px;
	padding-left: 15px;
	text-decoration: none;
}

ul.additionallinks li a:hover {
	text-decoration: none;
}

.modTeaser {
	width: 125px;
	margin-top: 10px;
	float: left;
}


#weather h3 {
	margin-top: 10px;
	margin-bottom: 5px;
	clear: both;
}

/* ========================================================================== */
/*	Stream Sonderseite															  		  */
/* ========================================================================== */

#streams {
	margin-left: 	10px;
}	

.stream {
	margin-top:		10px;
}

#streams p input {
    width: 400px;
}

#streams .stream img {
	margin-bottom:-5px;
}

/* ========================================================================== */
/*	Table															  		  */
/* ========================================================================== */
table {
    border-collapse: collapse;  /* who needs cellpadding/cellspacing?  not we! */
    border-spacing:  0;
    border:          none;
}

td {
	vertical-align: top;
}

th, td {
	font-size: 11px;
}

table.DataTable td a {
	font-size: 11px;
	text-decoration: underline;
}

table.DataTable th {
    background-color: #ffa900;
    height: 15px;
    color: #000;
    padding: 4px;
}

table.DataTable td {
    background-color: #FFF;
    padding: 5px;
}

table.DataTable th.firstCol {
    background-color: #ffa900;
    padding-left: 10px;
    text-align: left;
    width: 122px;
}

table.DataTable td.firstCol {
    background-color: #ffe400;
    text-align: left;
    padding-left: 10px;
}

table.DataTable {
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
}

table.DataTable td {
    color: #000;
}

/* ========================================================================== */
/*	Formular im Content													  		  */
/* ========================================================================== */
.contentForm p {
    width:				396px;
    padding:			3px 0 3px 10px;
    background-color:	#FFFFFF;
    margin-bottom:		1px;
    color:				#000000;
    clear:				both;
}

.contentForm h5 {
    width:396px;
    padding-left:10px;
    margin-bottom:1px;
    background-color:#FFC600;
}

.contentForm h5 span {
	font-size: 12px;
    padding:3px 0 3px 0;
    color:#000;
    font-weight:bold;
    display:block;
}

.contentForm p label {
    width:162px;
    padding:3px 0 3px 0;
    margin:0;
    display:block;
	float:left;
}

.contentForm p input {
	width:230px;
}

.contentForm p textarea {
	width:228px;
}

.contentForm .action,
.contentForm .formFieldAction {
	margin-left: 10px;
}

div.error {
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #FF9900;
	width: 250px;
	margin-bottom: 5px;
}

p.error label {
	color: red;
}

/* ========================================================================== */
/*	Gallery Styles											  		  */
/* ========================================================================== */

.slides {
  width:auto;
  margin:25px 0 15px 10px;
  padding:0;
  list-style:none;
  font-size:85%;
  line-height:1.4em;
  }
.slides li, .slides p, p.slides {
  display:block;
  float:left;
  margin:0;
  padding:0;
  }
.slides a, .slides a:visited, .slides a:hover {
  display:block;
  background-color:#FFFFFF;
  padding:0 20px 20px 0;
  border-width:0;
  text-align:center;
  }
.slides a, .slides a:visited, .slides a:hover {
  float:left;
  }
.slides a img, .slides a:visited img, .slides a:hover img {
  display:block;
  border:none;
  width:84px;
  height:63px;
  }
.slides{
	clear:both;
}


.galleryselect{
	background-color:#FFFFFF;
}
.formtable{
	margin:0px;
	padding:0px;
}

.formtable .label{
	color:#000000;
	font-weight:bold;
	padding:4px 5px 0px 10px;
}
.formtable select{
	color:#000000;
	font-size:11px;
}
.formtable .input{
	padding:1px 1px 0 0;
}
.formtable .button{
	padding-left:3px;
}



.gallerynav{
	margin-top:20px;
	margin-bottom:20px;
	clear:both;
}
.gallerynav .prevbtn{
	width:218px;
	display:block;
	float:left;
	margin-left:20px;
}
.gallerynav .nextbtn{
	width:198px;
	display:block;
	float:left;
	margin-right:40px;
	text-align:right;
}

#picsactions {
	clear: both;
	margin: 0 10px 0 10px;
}	
#picsactions #buttonForward {
	text-decoration:underline;
	float: right;
}
#picsactions #buttonBack {
	text-decoration:underline;
	float: left;
}

/* ========================================================================== */
/*	VotingTabelle													  		  */
/* ========================================================================== */

#topVotingTable {
	width: 420px;
	margin-left: 10px;
}

#topVotingTable tr.even {
	background-color: #ffc600;
}

#topVotingTable td.checkbox {
	width: 20px;
	vertical-align: middle;
	text-align: center;
}

#topVotingTable td.song {

}

#mainContent .text hr {
	color: #000;
	height: 1px;
	border-bottom: 1px solid #000;
	border-top: none;
}

/** News-Seite **/
.newsItem {margin-bottom: 20px;}
.newsItem .enlargeableImage { position: relative; }
.newsItem .enlargeableImage { position: relative; }
.newsItem img {	float: left; }
.newsItem .enlarger { position: absolute; left: 0; top: 0; float: none; margin: 0; }
.addons a.linkImage { display: block; background: transparent url(/images/spezialseiten/button_lupe.jpg) no-repeat top left; padding-left: 45px; height: 40px; padding-top: 10px; }
.newsItem .addons .enlargeableImage { height: 110px; width: 110px; float: left; }

/** Stauseite **/
.stau_left {
	width:140px;
	padding-top:10px;
	padding-left:5px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}
.stau_right {
	padding-top:10px;
	padding-right:5px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}
