body, html, div, p, h1, h2, h3, h4, h5, ul, li, iframe {margin: 0; padding: 0; }

body { 
width: 100%; height: 100%; 
background-color: #000;
color: #eee;
}

.hand{cursor:pointer;}
.help{cursor:help;}

body, div, td, li, p, h4, h5 {
font-family: arial,helvetica,sans-serif;
font-size: 13px;
line-height: 20px;
}

.mainarea p, h1, h2 { margin-bottom: 18px; }
h3 { margin-bottom: 10px; }

h1, h2, h3, b, big { color: #ddd; }

small { font-size: 11px; }

img, iframe { border: 0px none; }

/* main container */

.container {
margin: auto;
margin-top: 5%;
border: 1px solid #ccc;
min-height: 700px;
width: 1050px;
}


/* top */

div.top {
height: 90px;
/*overflow: hidden;*/
vertical-align: top;
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
padding: 15px;
}

.top a { 
display: block;
margin-right: 50px;
float: left;
height: 95px;
text-decoration: none;
}

.top img { vertical-align: middle; }

.top span, .top iframe { 
font-size: 11px; 
display: block;
height: 90px;
left: 700px;
position: relative;
top: -90px;
width: 300px;
z-index: 5;
}

.programm .top iframe { 
left: 0px;
top: 0px;
}

.playbutton {
	background-image: url(../images/basic/pfeil500inv.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

.playbutton:hover {
	background-image: url(../images/basic/pfeil500.gif);
	background-position: 2px 2px;
	/* background-position: -8px -8px; */
}

.playbutton img { 
/*margin: 0px; */
display: block;
float: left;
}

.playbutton big {
display: block;
width: 150px;
height: 70px;
margin-left: 100px;
padding-top:24px;
}

/* top ende */


/* werbung */

.ads { 
float: right;
width: 150px;
padding: 20px 20px;
overflow: hidden;
margin-top: 120px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
/*min-height: 500px;*/
}

.fbskype {
float: right;
width: 150px;
padding: 20px 20px;
overflow: hidden;
text-align: center;
}

.fbskype .zurshoutbox { display: none; }
.startseite .fbskype .zurshoutbox, .sendungen .fbskype .zurshoutbox, 
.playlist .fbskype .zurshoutbox, .webcam .fbskype .zurshoutbox { display: inline; }

.rightarea a { text-decoration: none; }
.rightarea a:hover { text-decoration: underline; }

/* werbung ende */


/* +++++ content positioning +++++ */

.content { min-height: 540px; }

.leftarea { float: left; }
/*.rightarea { display: none; }*/ /* die shoutbox fliegt raus! float: right; }*/
.mainarea { margin: 0px 220px 0px 220px; }

.rightarea { float: right; margin: 380px -191px 0px 0px; }

/* left */
/* navigation */

.navigation
{
	width: 150px;
	list-style-type: none;
	list-style-image: url(/images/basic/pfeil.gif);
	list-style-position: inside;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: -20px;
	padding: 20px;
}

.navigation li
{
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	vertical-align: top;
	margin: 2px 0px;
	padding: 2px 0px;
	line-height: 16px;
}

.navigation li:hover
{
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

.navigation li.non, .navigation li.non:hover
{
	border: 0px none;
	list-style-image: none;
	color: #ccc;
}

.navigation a {
padding: 5px 8px 5px 33px;
text-decoration: none;
margin-left: -30px;
display: inline;
vertical-align: top;
color: white;
}

.navigation a:hover {
color: #aaa;
}

/* navigation ende */
/* ex-partner */

.partnerdiv {
width: 150px;
padding: 20px;
}

.partnerdiv img {
display: block;
margin: auto;
/*margin-bottom: 15px;*/
}

.weeklyvideo, .webcamsmall {
/*clear: left;*/
margin-bottom: 20px;
}

.webcamsmall img { border: 1px solid #666; }

.video-of-the-week .weeklyvideo {
display: none;
}

.webcam .webcamsmall {
display: none;
}

.webcamsmall iframe {border: 0px none; overflow: hidden; width: 150px; height: 123px;}

/* ex-partner ende */
/* left ende */

/* rechts --> eliminiert  */


/* +++++ content positioning ende +++++ */


/* footer */

div.footer
{
	height: 20px;
	background-color: #222;
	clear: both;
	margin-top: 15px;
	padding: 5px 20px;
}



/* footer ende */


/* standards */

a { color: #ccc; }

a:hover, a.selected {
color: white;
text-decoration: none;
}

pre, textarea { font-family: monospace; margin-bottom: 18px;}

textarea { padding: 7px; font-size: 13px; line-height: 16px; }


/* content elemente */

.mainarea hr { margin: 10px 0px; }
.mainarea img { margin: 0px 10px 10px 0px; }
.mainarea td img { margin: 0px; }


/* programm table */

.programm td, .programm th { 
font-size: 11px;
line-height: 16px;
border: 1px solid #333;
border-collapse: collapse;
vertical-align: middle;
}

.programm td { 
text-align: center;
width: 13%;
}

.programm td div, .programm td p { 
text-align: center;
font-size: 11px;
line-height: 16px;
}

.programm th { 
background-color: #222;
white-space: nowrap;
}

.programm .mainarea {
margin-right: 25px;
}

.programm td a { text-decoration: none; font-weight: bold; color: yellow; }

/*
.programm td.blau { background-color: #002; }
.programm td.gelb { background-color: #220; }

.programm td:hover { background-color: #333; }
.programm td.blau:hover { background-color: #005; }
.programm td.gelb:hover { background-color: #550; }
*/

.programm tr+tr td { background-color: #220; }
.programm tr+tr+tr td { background-color: #022; }
.programm tr+tr+tr+tr td { background-color: #220; }
.programm tr+tr+tr+tr+tr td { background-color: #022; }
.programm tr+tr+tr+tr+tr+tr td { background-color: #220; }
.programm tr+tr+tr+tr+tr+tr+tr td { background-color: #022; }
.programm tr+tr+tr+tr+tr+tr+tr+tr td { background-color: #220; }
.programm tr+tr+tr+tr+tr+tr+tr+tr+tr td { background-color: #022; }
.programm tr+tr+tr+tr+tr+tr+tr+tr+tr+tr td { background-color: #220; }
.programm tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr td { background-color: #022; }
.programm tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr td { background-color: #220; }
.programm tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr td { background-color: #022; }
.programm tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr td { background-color: #220; }
.programm tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr td { background-color: #022; }
.programm tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr td { background-color: #220; }
.programm tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr td { background-color: #022; }
.programm tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr td { background-color: #220; }
.programm tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr td { background-color: #022; }
.programm tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr td { background-color: #220; }
.programm tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr td { background-color: #022; }
.programm tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr td { background-color: #220; }
.programm tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr td { background-color: #022; }
.programm tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr td { background-color: #220; }
.programm tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr td { background-color: #022; }

.programm td:hover { background-color: #200; }


/* playlist */

div.cctrack div.cccover { display: none; } /* no cover bugfix */

div.cctrack { padding-bottom: 13px; }

div.cctrack div.ccartist { color: #eee; font-weight: bold; font-size: 14px; margin-bottom: 2px;}

div.cctrack div.cctitle { color: #ccc; font-weight: normal; 
position: relative;
top: 40px; 
margin-left: 50px;
}

/* presse + links tabelle  */

.presse table, .links table { border: 1px solid #666; width: auto; border-collapse: separate; border-spacing: 1px;}

.presse td, .links td { 
border: 1px solid #444; 
padding: 6px; 
margin: 0px; 
vertical-align: bottom;
height: 25px;
font-size: 11px;
line-height: 15px;
overflow: visible;
}

.presse td img, .presse td { width: 150px; font-size: 10px;}

.links td img, .links td { width: 100px; height: 100px;}

.presse td b, .links td b { padding-top: 20px;}

/* skype */

.skype p img, .skype p b, .skype p big { vertical-align: middle; }

/* Player integration */

.player-integrieren .streamfilelist li, .streamfilelist li a, .streamfilelist li img, .streamfilelist li span { vertical-align: middle; }
.player-integrieren .streamfilelist li a {background-color: white; width: 18px; line-height: 25px; padding: 3px; margin: 0; margin-right: 8px;
border: 1px solid white; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;
}
.player-integrieren .streamfilelist li img { margin: 0; }
.player-integrieren .streamfilelist li { list-style-position:inside; margin-bottom: 3px; }

.player-integrieren .integration { display: none; }

.player-integrieren h4
{
	width: 130px;
	font-style: italic;
	font-weight: normal;
	margin-right:10px;
}
.player-integrieren td { vertical-align: top }