body { background: #FFF; font-family: Arial, Helvetical, Verdana, Sans-Serif; font-size: 100%; color: #696969; margin: 0; padding: 0; } html, div, form, p, table, img { margin: 0; padding: 0; } a { color: #000; text-decoration: none; } a.TopLink { background: transparent url(/images_layout/icon_top.gif) 0 2px no-repeat; padding: 0 0 0 14px;} a.PrintLink { background: transparent url(/images_layout/icon_print.gif) 0 0 no-repeat; padding: 0 0 0 17px; } a.SuggestLink { background: transparent url(/images_layout/icon_letter.gif) 0 2px no-repeat; padding: 0 0 0 18px; } .ClearFixed { clear: both; display: inline-block; } .Hidden { display: none; } .RubrikTitle { color: #C82479; text-transform: uppercase; } .ThemenLink { clear: both;color: #C82479; line-height: 135%; } /* --------------------------------------------------------- HEAD -- */ #Header { font-size: 75%; width: 100%; text-align: left; margin: 0; padding: 0; } #Header .HeaderMain { background: #FFF; width: 100%; text-align: left; margin: 0; padding: 0; } #Header .HeaderMain .Logo { margin: 2px 0 0 2px; } #Header .Date { text-align: right; font-size: 90%; color: #5c5b5b; padding: 0 22px 7px 0; margin: 8px 0 0 0; } #Header .Metanavig { display: none; } /* -------------------------------------------------- Metanavig #Header .Metanavig { float: right; width: auto; height: 50px; font-size: 90%; color: #000; margin: 13px 0 0 0; padding: 0; } #Header .Metanavig ul { list-style-type: none; margin: 0 0 10px 0; padding: 0 10px 0 0; } #Header .Metanavig li { float: none; display: inline; argin: 0; padding: 0; } #Header .Metanavig li a { margin-left: 10px; padding-right: 12px; } #Header .Metanavig li a.RSSFeed { background: transparent url(/images_layout/icon_feed.gif) 0 1px no-repeat; padding: 0 0 0 16px; margin-right: 16px; } #Header .Metanavig li a.Youtube { background: transparent url(/images_layout/youtube.gif) 0 1px no-repeat; padding: 0 0 0 16px; margin-right: 16px; } #Header .Metanavig li a.Twitter { background: transparent url(/images_layout/twitter.png) 0 1px no-repeat; padding: 0 0 0 16px; margin-right: 16px; } #Header .Metanavig li a:hover { color: #c82479; } -- */ #Header .TopNavig { display: none; } /* -------------------------------------------------- Topnavig #Header .TopNavig { background: #c8257a url(/images_layout/bg_topnavig.gif) 0 0 repeat-x; color: #FFF; line-height: auto; float: left; width: 100%; clear: both; margin: 0; padding: 0; } #Header .TopNavig ul { float: left; list-style-type: none; margin: 0; padding: 0; } #Header .TopNavig li { float: left; border-right: 1px solid #f3d2e4; margin: 0; padding: 0; } #Header .TopNavig li a { display: block; color: #FFF; text-transform: uppercase; padding: 7px 22px; margin: 0; } #Header .TopNavig li a:hover, #Header .TopNavig li a.ActvLink { display: block; text-transform: uppercase; background: #dc80b2 url(/images_layout/bg_topnavig_actv.gif) 0 0 repeat-x; padding: 7px 22px; margin: 0; } #Header .TopNavig form { font-size: 100%; background: transparent url(/images_layout/bg_suche.gif) 0 0 no-repeat; float: right; width: 264px; overflow: hidden; margin: 4px 0 1px 0; padding: 0 16px 0 0; } #Header .TopNavig input { float: left; border: none; width: 172px; overflow: hidden; font-family: Arial, Helvetical, Verdana, Sans-Serif; font-size: 100%; line-height: auto; color: #393733; padding: 3px 0 3px 0; margin: 0 0 0 35px; } #Header .TopNavig input.SearchField { border: 1px solid #FFF; width: 170px; padding: 2px 0; } #Header .TopNavig input.BTSearch { background: transparent url(/images_layout/bt_search.gif) center left no-repeat; width: 22px; height: 22px; } -- */ /* --------------------------------------------------------- CONTAINER -- */ #Container { font-size: 100%; width: auto; text-align: left; margin: 0; padding: 0; } #Container .BGR { width: auto; background: none; } #Container .ContainerMain { background: #FFF; width: 100%; text-align: left; margin: 0; padding: 5px 0 0 0; } * html #Container .ContainerMain { height: auto; } #Container .ContainerMain .Path { font-size: 70%; color: #6F6F6F; line-height: 135%; margin: 0 0 0 21px; padding: 4px 0 0 0; } #Container .ContainerMain .Path span { color: #C82479; } #Container .ContainerMain .Newsticker { display: none; } #Container .ContainerMain .NewstickerMain { display: none; } #Article { float: none; font-size: 90%; width:100%; padding: 0; margin: 15px 0 0 0; } #Article .Main { float: none; width: auto; margin: 0 0 0 22px; padding: 0; } * html #Article .Main { margin: 0; width: auto; padding: 0 0 0 22px; } #Article .Main a:hover { text-decoration: underline; } #Article .Main .TopArticle { padding: 10px 0; } #Article .Main h3 { color: #565656; font-size: 93%; line-height: 100%; font-weight: normal; margin: 0 0 8px 0; padding: 0; } #Article .Main h4 { color: #C82479; font-size: 100%; line-height: 100%; font-weight: normal; margin: 0 0 8px 0; padding: 0; } #Article .Main .Tools { float: right; width: auto; text-align: right; font-size: 75%; color: #6F6F6F; line-height: 135%; margin: 0 37px 0 0; padding: 0; } * html #Article .Main .Tools { margin-right: 6px; } #Article .Main .Tools span, #Article .Main .Tools a { margin: 0 10px; } #Article .Main .Tools span { color: #B1B1B1; } #Article .Main .DoppelLine { float: left; width: 94%; clear: both; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 4px 2px 4px 0; } * html #Article .Main .DoppelLine { width: 98%; } #Article .Main .DoppelLine .Tools { margin-right: 0px; } /* ---------------------------------------------------------------------------- Toparticle -- */ #Article .Main .TopArticle .Video { width: 100%; height: 285px; } #Article .Main .TopArticle .Video .PlayButton { display: none; } #Article .Main .TopArticle p { font-size: 85%; line-height: 130%; margin: 0; padding: 0 32px 0 0; } #Article .Main .TopArticle .VideoTeaser { color: #327E07; font-size: 75%; line-height: 100%; margin: 0; padding: 5px 0; } /* -------------------------------------------------------------------------- Themenarticle -- */ #Article .Main .ThemenArticle { float: left; width: 100%; clear: both; border-top: 1px solid #d9d9d9; padding: 10px 0; margin: 0; } #Article .Main .BlockThemenRight { display: inline-block; width: 284px; padding-bottom: 10px; } * html #Article .Main .BlockThemenRight { float: left; } #Article .Main .ThemenArticle .Video { float: left; width: 268px; height: 150px; margin-right: 20px; margin-bottom: 18px; } #Article .Main .ThemenArticle .Video .PlayButton { display: none; } #Article .Main .ThemenArticle p { font-size: 85%; line-height: 130%; margin: 0; padding: 0 0 10px 0; } #Article .Main .ThemenArticle .VideoTeaser { color: #327E07; font-size: 75%; line-height: 100%; margin: 0; padding: 5px 0; } /* -------------------------------------------------------------------------- RubrikArticle -- */ #Article .Main .RubrikArticle { float: left; width: 100%; clear: both; /* border-top: 1px solid #d9d9d9; */ padding: 0 0 10px 0; margin: 0; } #Article .Main .RubrikArticle .BlockThemenRight { border-top: 1px solid #d9d9d9; display: inline-block; width: 390px; padding-top: 10px; padding-bottom: 10px; } * html #Article .Main .RubrikArticle .BlockThemenRight { float: left; } #Article .Main .RubrikArticle .Video { float: left; width: 170px; height: 95px; margin-right: 20px; margin-bottom: 18px; } #Article .Main .RubrikArticle .Video .PlayButton { display: none; } #Article .Main .RubrikArticle p { font-size: 85%; line-height: 130%; margin: 0; padding: 0 0 10px 0; } #Article .Main .RubrikArticle .VideoTeaser { color: #327E07; font-size: 75%; line-height: 100%; margin: 0; padding: 5px 0; } /* -------------------------------------------------------------------------- VideoPlayer -- */ #Article .Main .VideoPlayer { background: #fdf0e7; padding: 8px; margin:0; } /* Video mit Navigation */ #Article .Main .VideoAlignedRight { float: right; width: 450px; padding: 15px 0 0 0; !padding-top: 17px; margin: 0; } /*#Article .Main .VideoNavig { display: none; }*/ #Article .Main .VideoNavig { float: none; width: 140px; text-align: center; font-size: 75%; color: #3f3f3f; margin: 0; padding: 0; } #Article .Main .VideoNavig ul { list-style-type: none; width: 140px; height: auto; text-align: left; background: #fefaf7; margin: 0; padding: 0; } #Article .Main .VideoNavig li { padding: 5px 4px; margin: 0; border-bottom: 1px dotted #bcb9b8; } #Article .Main .VideoNavig a { color: #3f3f3f; } #Article .Main .VideoNavig img.ArrowTop { margin-bottom: 3px; } #Article .Main .VideoNavig img.ArrowBottom { margin-top: 5px; } /* Berwertung */ #Article .Main .BewertungTool { float: left; width: 148px; background: transparent url(/images_layout/bg_bewertung.gif) 0 0 no-repeat; font-size: 90%; padding: 4px; margin: 10px 0 0 0; } #Article .Main #Star { width: 105px; height: 21px; margin: 0 0 3px 18px; padding: 0; } #Article .Main #ColorGrey { z-index: 1; background: #adadad url(/images_layout/bg_stern.png) 0 0 no-repeat; height: 21px; } * html #Article .Main #ColorGrey { background: #adadad url(/images_layout/bg_stern_G.gif) 0 0 no-repeat; } #Article .Main #ColorPurple { position: relative; z-index: 10; background: #c82479 url(/images_layout/bg_stern.png) 0 0 no-repeat; height: 21px; margin-top: -21px; margin-left: 0; } * html #Article .Main #ColorPurple { background: #c82479 url(/images_layout/bg_stern_P.gif) 0 0 no-repeat; } #Article .Main .BewertungTool p { float: left; clear: both; width: 100%; text-align: center; } #Article .Main .VideoPlayer .VideoTeaser { font-size: 90%; color: #8E004E; margin: 10px 0; } #Article .Main .VideoPlayer .VideoTeaser p { float: left; width: 443px; margin: 0; padding: 0; } * html #Article .Main .VideoPlayer .VideoTeaser p { width: 429px; } #Article .Main .VideoPlayer .VideoTeaser span { float: right; width: 130px; margin: 0; padding: 0; } #Article .Main .VideoPlayer .VideoTeaser span img { margin-bottom: 3px; !margin-bottom: 0; } #Article .Main .VideoPlayer a.KommentarLink { background: transparent url(/images_layout/icon_kommentar.gif) 0 0 no-repeat; padding: 0 0 0 17px; margin: 0 15px 0 0; } #Article .Main .VideoPlayer a.EmpfehlenLink { background: transparent url(/images_layout/icon_empfehlen.gif) 0 0 no-repeat; padding: 0 0 0 18px; margin: 0 15px 0 0; } #Article .Main .VideoPlayer a.TextVersionLink { background: transparent url(/images_layout/icon_text.gif) 0 0 no-repeat; padding: 0 0 0 18px; margin: 0 15px 0 0; } #Article .Main .VideoInhalt { clear: both; display: inline-block; font-size: 90%; margin-top: 35px; } #Article .Main .VideoInhalt p { font-size: 90%; line-height: 135%; padding-bottom: 10px; } #Article .Main .VideoInhalt ul { font-size: 90%; list-style-type: none; margin: 0; padding: 0; } #Article .Main .VideoInhalt li { margin-bottom: 10px; line-height: 135%; } #Article .Main .VideoInhalt .VideoText { float: left; width: 55%; margin: 0; padding: 0; } #Article .Main .VideoInhalt .VideoDate { font-size: 85%; color: #8E004E; padding-bottom: 5px; } #Article .Main .VideoInhalt .VideoInfos { float: right; width: 45%; font-size: 100%; color: #333; padding-top: 15px; } #Article .Main .VideoInhalt .VideoInfos li a { background: transparent url(/images_layout/list_arrowlink.gif) 0 5px no-repeat; font-size: 100%; display: block; padding: 0 0 0 10px; } #Article .Main .VideoInhalt .VideoInfosTitle { color: #8E004E; } #Article .Marginal { display: none; } /* --------------------------------------------------------- MARGINAL #Article .Marginal { float: right; width: 264px; overflow: hidden; margin: 0 16px 0 0px; padding: 0; } * html #Article .Marginal { width: 267px; margin-left: 0px; margin-right: 8px; } #Article .Marginal img.AlignedRight { float: right; margin: 8px 0 5px 5px;} #Article .MarginalTop { background: transparent url(/images_layout/bg_topmarginal.gif) 0 0 no-repeat; float: left; width: 264px; margin: 0; padding: 12px 0 0 0; } #Article .MarginalBorder { border: 1px solid #d5d7d7; border-top: none; border-bottom: none; display: inline-block; background: #FFF; font-size: 75%; line-height: 135%; color: #6F6F6F; width: 262px; margin: 0; padding: 0; } #Article .MarginalMain { padding: 12px 0; margin: 0 13px; } #Article .MarginalMain.Line { border-bottom: 1px solid #d9d9d9; } #Article .MarginalBorder h4 { background: #747472 url(/images_layout/bg_head_marginal.gif) 0 0 repeat-x; color: #FFF; font-size: 120%; line-height: 135%; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0px 13px 5px 13px; } #Article .MarginalBorder p { margin: 0; padding: 0 0 2px 0; } #Article .MarginalBorder a { color: #333; } #Article .MarginalBorder a:hover { text-decoration: underline; } #Article .MarginalBorder .Date { color: #327E07; } #Article .MarginalBottom { background: transparent url(/images_layout/bg_bottommarginal.gif) 0 0 no-repeat; float: left; width: 264px; margin: 0; padding: 12px 0 0 0; } --*/ #Article .MarginalTopKVen { display: none; } /* --------------------------------------------------------- Navig KVen #Article .MarginalTopKVen { background: transparent url(/images_layout/bg_topKVen.gif) 0 0 no-repeat; float: left; width: 264px; margin: 0; padding: 12px 0 0 0; } #Article .MarginalBorderKVen { display: inline-block; font-size: 85%; line-height: 135%; color: #6F6F6F; width: 264px; margin: 0; padding: 0; } #Article .MarginalBorderKVen h4 { background: #c8257a url(/images_layout/bg_head_KVen.gif) 0 0 repeat-x; color: #FFF; font-size: 120%; line-height: 135%; font-weight: bold; text-transform: normal; border: 1px solid #d5d7d7; border-top: none; border-bottom: none; margin: 0; padding: 0px 13px 5px 13px; } #Article .MarginalBorderKVen ul { list-style-type: none; margin: 0; padding: 0; } #Article .MarginalBorderKVen li { display: block; width: 262px; overflow: hidden; border: 1px solid #d5d7d7; border-top: none; border-bottom: none; border-bottom: 1px solid #d9d9d9; margin: 0; padding: 0; } #Article .MarginalBorderKVen li a { display: block; width: 100%; background: #f9f9f8 url(/images_layout/arrow_navig.gif) 14px 10px no-repeat; color: #5f5f5f; padding: 7px 13px 6px 26px; margin: 0; } #Article .MarginalBorderKVen li a:hover { display: block; width: 100%; background: #f9f9f8 url(/images_layout/arrow_navig_actv.gif) 14px 10px no-repeat; color: #c82479; padding: 7px 13px 6px 26px; margin: 0; } #Article .MarginalBorderKVen li a.Actv { display: block; width: 100%; background: #FFF url(/images_layout/arrow_navig_actv.gif) 14px 10px no-repeat; color: #c82479; padding: 7px 13px 6px 26px; margin: 0; } #Article .MarginalBorderKVen li span { display: inline-block; width: 262px; background: #FFF; } #Article .MarginalBorderKVen li span a.Actv { display: block; width: 223px; background: #FFF url(/images_layout/arrow_navig_actv.gif) 14px 10px no-repeat; color: #c82479; padding: 7px 13px 6px 26px; margin: 0; } #Article .MarginalBorderKVen li.Last { display: block; border: none; width: 264px; margin: 0; padding: 0; } #Article .MarginalBorderKVen li.Last span { background: transparent url(/images_layout/bg_bottomKVen.gif) bottom left no-repeat; width: 264px; } #Article .MarginalBorderKVen li.Last span a { display: block; width: 100%; background: transparent url(/images_layout/arrow_navig.gif) 14px 10px no-repeat; color: #5f5f5f; padding: 7px 13px 6px 26px; margin: 0; } #Article .MarginalBorderKVen li.Last span a:hover { display: block; width: 100%; background: transparent url(/images_layout/arrow_navig_actv.gif) 14px 10px no-repeat; color: #c82479; padding: 7px 13px 6px 26px; margin: 0; } #Article .MarginalBorderKVen li.Last.SW { display: block; border: none; width: 264px; margin: 0; padding: 0; } #Article .MarginalBorderKVen li.Last.SW span a.Actv { display: block; width: 223px; background: #FFF url(/images_layout/arrow_navig_actv.gif) 14px 10px no-repeat; color: #c82479; border: 1px solid #d5d7d7; border-top: none; border-bottom: none; padding: 7px 13px 6px 26px; margin: 0; } #Article .MarginalBorderKVen li.Last.SW span { width: 264px; background: transparent url(/images_layout/bg_bottomKVen_W.gif) bottom left no-repeat; } #Article .MarginalBorderKVen li span a.Actv:hover, #Article .MarginalBorderKVen li.Last.SW span a.Actv:hover { display: block; width: auto; overflow: hidden; background: #FFF url(/images_layout/arrow_navig_actv.gif) 14px 10px no-repeat; color: #c82479; padding: 7px 13px 6px 26px; margin: 0; } #Article .MarginalBorderKVen li span a, #Article .MarginalBorderKVen li span a:hover { background: transparent; margin:0; padding: 2px 13px; } #Article .MarginalBorderKVen li.Last.SW span a, #Article .MarginalBorderKVen li.Last.SW span a:hover { display: inline-block; background: transparent; margin:0; padding: 2px 13px; } #Article .MarginalBorderKVen li span img, #Article .MarginalBorderKVen li.Last span img { float: left; margin: 0; padding: 0; } -- */ #Footer { display: none; } /* --------------------------------------------------------- FOOTER -- #Footer { display: inline-block; min-height: 45px; font-size: 90%; background: transparent url(/images_layout/bg_bottom.png) bottom center no-repeat; width: 952px; text-align: center; overflow: hidden; margin: auto; padding: 0 0 13px 0; } * html #Footer { background: transparent url(/images_layout/bg_bottom.gif) bottom left no-repeat; } #Overview { display: inline-block; width: 900px; clear: both; font-size: 75%; text-align: left; background: #fdfdfc url(/images_layout/bg_foot_article.gif) bottom left repeat-x; border-top: 1px solid #d9d9d9; color: #666; margin: 15px 0 0 0; padding: 15px 12px; } #Overview .VDotline { float: left; width: 900px; overflow: hidden; background: transparent url(/images_layout/Vdotline_gesamt.gif) top left no-repeat; margin: 0; padding: 0; } #Overview .ColumnOverview { float: left; width: 160px; margin: 0; padding: 6px 10px 0px 10px; } #Overview .RubrikTitle { padding: 0 0 10px 0; } #Overview ul { list-style-type: none; margin: 0; padding: 0; } #Overview li { margin: 0; padding: 0 0 10px 0; } #Overview a { color: #666; } #Overview a.ListLink { display: block; background: transparent url(/images_layout/arrow.gif) 1px 4px no-repeat; padding: 0 0 0 10px; margin: 0; } * html #Overview a.ListLink { width: 150px; } #Overview a:hover { text-decoration: underline; } #Footer .FooterText { float: none; text-align: left; color: #606060; border-top: 1px solid #d3d2d1; width: 924px; font-size: 75%; margin: auto; padding: 15px 0 25px 0; !padding-bottom: 15px; } #Footer .FooterText p { float: left; padding: 0 22px; } #Footer .FooterText span { margin-right: 30px; } #Footer .FooterText a { color: #606060; margin: 0 10px; } #Footer .FooterText a:hover { color: #000; } #Footer .FooterText .Right { float: right; width: auto; margin: 0 12px 0 0; padding: 0; } */ fieldset { border: 1px solid #d9d9d9; padding: 20px; margin: 0 60px 20px 0; } label { font-size: 85%; } input, textarea, select { font-family: Arial, Helvetica, Verdana, Sans-Serif; } input.Textfield { width: 320px; background: #FFF; border: 1px solid #d9d9d9; padding: 1px 3px; } textarea.Textfield { font-size: 85%; width: 320px; background: #FFF; border: 1px solid #d9d9d9; padding: 1px 3px; } .ButtonTools { width: 327px; } input.Button { background: transparent url(/images_layout/bg_head_marginal.gif) 0 0 repeat-x; border: none; color: #FFF; cursor: pointer; padding: 2px 15px; !padding-left: 5px; !padding-right: 5px; margin: 0; } .Error { color: #FF0000; } input.Textfield.Error, textarea.Textfield.Error { border: 1px solid #FF0000; } #newsTicker { height: 33px; } #tickerTextHolder { float: left; height: 32px; padding: 0 15px; } #tickerTextHolder .tickerText { color: #333333; line-height: 32px; } /* --------------------------------------------------------------------------- RedDot -- */ .rd_red { color: red; font-size:10px; } .rd_blue { color: blue; font-size:10px; }