body { font-family:"Trebuchet MS",Helvetica,Verdana,Arial,Helvetic,sans-serif; margin:0px; padding:0px; background-color:#fff; color:#555; font-size:12px; background-image: url(../bilder/elemente/hintergrund.gif); background-repeat:repeat-y; background-position:center; }
p { font-size:12px; line-height:16px; margin:0px 0px 10px 0px; color:#555; }
img { border:0px; }
hr { color:#909090; }
a { text-decoration:none; color:#247EC1;}

h1 { font-size:22px; margin:0px 0px 25px 0px; color:#22569c;}
h2 { font-size:14px; margin:0px 0px 10px 0px; color:#22569c;}
h2 a {font-size:14px; margin:0px; color:#22569c;}
h3 { font-size:12px; font-weight:bold; margin:0px; color:#000;}
h4 { color:#909090; }
h5 { color:#666; font-weight:bold; font-size:11px; margin:0px 0px 10px 0px; }
h6 { font-size:11px; line-height:13px; font-weight:normal; color:#555; margin:5px 0px 10px 0px; }

.titlegrey { font-size:18px; font-weight:normal; color:#555; }

div.main { width:950px; background-color:#E8ECF7; text-align:center; display:table; }
div.header { width:950px; height:95px; background-color:#E8ECF7; }
div.navigation { width:950px; height:28px; background-image: url(../bilder/elemente/navigation.jpg); }

div.content { width:950px; margin-top:30px; background-color:#E8ECF7; display:table; }
div.bannerStartseite { width:200px; height:133px; }

/* Navigation oben */
div.nav { width:950px; height:28px; }
div.nav1Item { float:left; width:90px; height:28px; border-right:1px solid #B2B2B2; background-image: url(../bilder/elemente/verlauf.jpg); background-repeat:repeat-y;}
div.nav1Item p { font-weight:normal; line-height:28px; text-align:center; margin:0px 16px 0px 16px;  }
div.nav1Item a { font-size:13px; color:#3B6190; }
div.nav1ItemCurrent { float:left; width:90px; height:28px; border-right:1px solid #B2B2B2; background-color:#A2B3C7; }
div.nav1ItemCurrent p { font-size:13px; font-weight:normal; line-height:28px; text-align:center; margin:0px 16px 0px 16px;  }
div.nav1ItemCurrent a { color:#3B6190; }

/* Navigation links */
div.menueleft { float:left; width:160px; margin:0px 0px 0px 88px; color:#BABABA; text-align:left; font-size:16px; }
div.menueleft a { color:#688AAD; line-height:40px; font-size:14px; font-weight:bold; }
div.menueleft a.active { color:#909090;  }
div.menueleft a.inactive { color:#688AAD;  }
div.menueField { height:40px; width:160px; }


/* Startseite */
div.startColumnLeft { float:left; width:200px; text-align:left; margin:10px 15px 0px 88px; display:table; }
div.startColumnCenter { float:left; width:345px; text-align:left; margin:10px 15px 0px 0px; display:table; }
div.startColumnLeftCenter { float:left; width:565px; text-align:left; margin:10px 15px 0px 88px; display:table; }
div.startColumnRight { float:left; width:200px; text-align:left; margin:10px 0px 0px 0px; display:table; }

div.columnCenter { float:left; width:775px; text-align:left; margin:30px 15px 0px 88px; display:table; }
div.headline { width:100%; vertical-align:middle; line-height:40px; height:40px; font-size:16px; font-weight:bold; color:#22569c; border-bottom:1px solid #BABABA;}
div.headline2 { width:100%; border-bottom:1px solid #BABABA; display:table; margin-bottom:20px; }

/* SEITEN */
div.columnContent { float:left; width:615px; text-align:left; margin:0px 87px 0px 0px; display:table; }
div.title { width:615px; height:50px; border-bottom:1px solid #BABABA; margin:0px 0px 22px 0px; }
div.title h1 { font-size:18px; line-height:40px; font-weight:bold; margin:0px; }

/* FOOTER */
div.footer { clear:both; width:775px; border-top:1px solid #BABABA; font-size:9px; line-height:40px; color:#909090; margin:0px 0px 0px 0px; }
div.footer a { color:#909090; }
div.footer a:hover { text-decoration:underline; }
div.footerLeft { text-align:left; float:left; }
div.footerRight { text-align:right; }

/* FACEBOOK */
div.headlineFacebook { width:100%; vertical-align:middle; line-height:19px; height:30px; font-size:16px; font-weight:bold; color:#22569c; border-bottom:1px solid #BABABA; margin-top:30px; margin-bottom:10px; }
div.containerFacebook { width:200px; margin-left:0px; }

/* NEWS PREVIEW */
div.newsPreviewItem { clear:both; margin: 15px 0px 20px 0px; display:table; }
div.newsPreviewImage { float:left; margin:1px 15px 2px 0px; width:91px; }
div.newsPreview h1 { font-size:12px; font-weight:bold; margin:0px; color:#555; }
div.newsPreview p { margin: 0px 0px 0px 0px; }

div.aktuell { clear:both; margin: 15px 0px 20px 0px; display:table; }
div.aktuellBild { height:67px; overflow:hidden; }
div.aktuell p { margin: 0px 0px 5px 0px; }
div.aktuell h3 { width: 300px; }
div.aktuellText { width:300px; margin: 5px 0px 5px 0px; height: 87px; overflow:hidden; }


/* News- und Suche */
div.listBox { clear:both; border-top:1px solid #BABABA; margin:0px 0px 5px 0px; display:table; }
div.listBox1 { clear:both; margin:0px 0px 5px 0px; display:table; }
div.listBild { float:left; width:122px; margin:15px 15px 15px 0px; }
div.listText { float:left; width:589px; margin-top:15px; display:table; }
div.listTextOhneBild { float:left; width:775px; margin-top:15px; display:table; }
div.listPages { clear:both; text-align:right; height:100px; }
p.neuigkeitTitel { margin:0px; font-weight:bolder; }

/* Quiz */
div.headlineQuiz { width:100%; vertical-align:middle; line-height:19px; height:50px; font-size:16px; font-weight:bold; color:#22569c; border-bottom:1px solid #BABABA; margin-top:25px; }
div.containerQuiz { width:200px; margin-left:0px; }

div.quizQuestion { padding:20px; margin-top:20px; border:1px solid #ddd; width:740px; }
div.quizQuestion p.error { color:#ff0000; margin:5px 0px 5px 0px; }

div.quizAntwort { width:800px; height: auto; text-align:left; margin:0px 0px 0px 80px;}
div.quizBild    { width:150px; height: 300px;float:left; margin: 50px 0px 5px 120px;}
div.quizText    { width:400px; margin:0px; float:left; }

div.quizForm label  {color:#666; margin: 0 10px 0 10px;}
div.quizForm input  {color:#666; }
div.quizForm option {color:#666; }

/* Radiothek */
div.radiothekBox { clear:both; border-bottom:1px solid #BABABA; margin:0px 0px 5px 0px; display:table; }
div.radiothekBox1 { clear:both; margin:0px 0px 5px 0px; display:table; }
div.radiothekBild { float:left; width:122px; margin:15px 15px 15px 0px; }
div.radiothekText { float:left; width:478px; margin-top:15px; display:table; }
div.radiothekTextOhneBild { float:left; width:775px; margin-top:15px; display:table; }
p.radiothekTitel { margin:0px; font-weight:bolder; }
audio.radio_audio { max-width:350px; max-height:40px; }

/* REGISTRIERUNG */
p.registrationError { color:red; font-size:14px; margin-left:165px; }
p.registrationSuccess { color:#009900; font-size:14px; }

/* SUCHE */
div.suche { float:left; height:30px; width:200px; display:table; }
div.suche p { color:#555; margin:10px 0px 0px 0px; line-height:16px; }

div.containerSearcharchive { width:615px; margin-bottom:30px;}
table.searcharchive { width:615px; margin-top:5px; padding:2px; }
table.searcharchive p { line-height:16px; margin:0px; }
table.searcharchive p.label { line-height:16px; margin:0px 10px 0px 0px; }
table.searcharchive p.label2 { line-height:16px; margin:5px 10px 0px 0px; }
table.searcharchive p.label3 { line-height:16px; margin:5px 0px 0px 0px; }
.containerSearchresults { width:615px; margin:20px 0px 10px 0px; }
.searchresultsHeader { font-weight:bold; }
table.programarchive { width:100%; }
td.programarchiveItem { text-align:left; vertical-align:top; border-bottom:1px solid #909090; padding-top:5px; }
.programarchiveItemTitle { font-weight:bold; color:#22569c; margin-bottom:5px;}
.programarchiveItemText { margin-bottom:5px; }

/* FORMULARE */
form { margin:0px; }
form br { clear:both; }
form p { clear:both; color:#555; }
label { font-family:Arial, sans-serif; font-size:12px; width:150px; text-align:right; margin-top:2px; margin-right:10px; float:left; }
input { padding:2px; font-size:12px; margin:0px; color:#555; }
input.inputfield { padding:2px; font-size:14px; margin:0px; color:#555; height:18px; }
input.button1 { height:24px; width:90px; border:1px solid #B2B2B2; background-image: url('../bilder/elemente/verlauf.jpg'); }
input.button2 { height:24px; width:150px; border:1px solid #B2B2B2; background-image: url('../bilder/elemente/verlauf.jpg'); }
input#submit1 { width:150px; margin:10px 10px 20px 166px; }
input#checkbox1, input#checkbox2 { margin-bottom:0px; }
table { font-size:12px; }
select { color:#727272; padding:2px; height:25px; }

/* Teaser Startseite */
.teaser { float:left; height:185px; width:180px; margin-right:18px; }
.teaser:last-child { margin-right:0px; }
.teaser img { width:180px; height:124px; }
.teaserHeader { width:180px; height:18px; background-color:#D6D6D6; vertical-align:middel; }
.teaserHeader p { margin:0px; font-size:11px; line-height:18px; color:#22569c; margin-left:5px; }

/* VIDEOS (alt) */
div.containerVideoteaser { height:185px; width:775px; margin:0px 0px 0px 88px; text-align:left; background-color:#E8ECF7; }
div.videoteaser { float:left; height:185px; width:143px; }
div.videoteaserHeader { width:143px; height:18px; background-color:#D6D6D6; vertical-align:middel;}
div.videoteaserHeader p { margin:0px; font-size:11px; line-height:18px; color:#22569c; margin-left:5px; }
div.channelPreview { width:143px; margin:0px; }
div.channelText { width:143px; height:56px; font-size:11px; line-height:13px; overflow:hidden; position:relative; top:109px; }
div.channelText2 { width:143px; height:56px; font-size:11px; line-height:13px; overflow:hidden; position:relative; }
div.channelText p { margin:6px 0px 0px 0px; color:#555; }
div.channelText2 p { margin:4px 0px 0px 0px; color:#555; }

/* VOTING */
h2.voting { margin:20px 0px 5px 0px; }
div.aktuell label { text-align:left; }

/* WETTER */
div.containerWeather { width:200px; margin-left:0px; margin-bottom:20px; }
table.weather { width:200px; border-spacing:0px; margin-bottom:10px; }
table.weather p { font-size:11px; line-height:13px; margin:0px; }
table.weather p.location { font-size:11px; line-height:14px; margin:0px; text-align:left; font-weight:normal; }
table.weather p.temperature { font-size:10px; line-height:11px; margin:0px; text-align:center; }
table.weather p.header { font-size:12px; line-height:16px; margin:0px; }
td.weather { border-bottom:1px solid #ccc; padding-top:5px; padding-bottom:5px; }
td.weather1 { border-bottom:1px solid #fff; background-color:#BFCDDB; }
td.weather2 { border-bottom:1px solid #fff; background-color:#DFE6ED; }
img.weatherIcon { width:35px; }


/* Liste der Sendungen */
div.beitragText { float:left; }
div.beitragBild { float:right; width:121px; height:91px; }


.BildLeft { clear:both; float:left; margin:0px 15px 5px 0px;}
.BildRight { clear:both; float:right; margin:0px 0px 5px 15px;}
.BildNormal { clear:both; margin: 0px 5px 5px 5px;}
.lightview { }