@charset "UTF-8";
/* CSS Document */

h1.seitentitel{display: none}


#hauptnavi li.active, #hauptnavi li.active a, #hauptnavi li.active a:hover{width: 98px; background-position: -80px -50px;}

#rechteSpalte, #zwischenraumTyp4 {display: block;}
#rechteSpalte {width: 334;padding: 80px 0 0 8px;}
.xtop, .xbottom {display: none;}
.xboxcontent {border-width: 0; padding: 4px 8px 15px 8px;}
.teaserRechts {width: 324px;}
.teaserRechts .teaseruschrift{font-size: 17px;margin: 5px 0 30px 0;}

#content {width: 600px; top: 0;}
.artikelteaser {margin-bottom: 0;clear: none; float: left;}
.artikelteaser .weiterlink{display: none;}

#hauptbereich{ background: transparent url(/css3/projekte/cz_jadu/dottedLineH.gif) left top repeat-x;}
#content{padding: 10px 15px 30px 15px; background: transparent url(/css3/projekte/cz_jadu/dottedLineV.gif) right repeat-y;}

.teaserThemaXL  {position: relative; width: 571px; height: 250px; margin:0; padding: 5px 5px 5px 6px; background: transparent;}
.teaserThemaXL .teaserTextWrapper {position: absolute; left: 388px; height: 383px; top: 0; width: 180px;}
.teaserThemaXL .teaserImage, .teaserThemaXL .teaserImage img{position: relative; width: 571px; height: 250px; margin: 0;overflow: hidden;}
.teaserThemaXL a, .teaserThemaXL a:visited{color: #333;}

.artikelteasertext a:hover h3,.artikelteasertext a:hover h4,.artikelteasertext a .weiterlink {color: #FF3585;}

.artikelteasertext .teaserThemaXL  .weiterlink {display: inline; color: #FF3585;}
.teaserThemaXL a,.teaserThemaXLShort a{text-decoration: none;}
.artikelteasertext a:hover .teaserThemaXL .weiterlink{text-decoration: underline;}
.artikelteasertext a .teaserThemaXL, .artikelteasertext .teaserThemaXL {background: transparent url(/css3/projekte/cz_jadu/bg_teaserDots.gif) -1px bottom no-repeat;}
.artikelteasertext a:hover .teaserThemaX{background-color: #f3f3f3;}
.teaserThemaXL h3 {color: #333; font-size: 20px;margin: 90px 0 0 10px;padding: 0;}
.teaserThemaXL h4{clear: both; color: #666; font-size: 13px;margin: 5px 0 0 10px; padding: 0; }
.teaserThemaXL p {position: absolute; top: 170px; left: 10px;color: #666;}
.teaserThemaXL p {display: inline;}

.teaserThemaInfos {position: relative; width: 379px; height: 250px; margin:0; padding: 5px 5px 5px 6px;background: transparent url(/css3/projekte/cz_jadu/bg_teaserDots.gif) -1px bottom no-repeat;}
.teaserThemaInfos a, .teaserThemaInfos a:visited{color: #333;cursor: pointer;}
.artikelteasertext a:hover h3,.artikelteasertext a:hover h4,.artikelteasertext a .weiterlink {color: #FF3585;}
.artikelteasertext .teaserThemaInfos  .weiterlink {display: inline; color: #FF3585;}
.teaserThemaInfos a,.teaserThemaInfosShort a{text-decoration: none;}
.artikelteasertext a:hover .teaserThemaInfos .weiterlink{text-decoration: underline;}
.artikelteasertext a:hover .teaserThemaX{background-color: #f3f3f3;}
.teaserThemaInfos h3 {color: #333; font-size: 20px;margin: 15px 0 0 5px;padding: 0;}
.teaserThemaInfos h4{clear: both; color: #666; font-size: 13px;margin: 5px 0 0 5px; padding: 0; }
.teaserThemaInfos p {position: absolute; top: 80px; color: #666; left: 10px; width: 367px;}
.teaserThemaInfos p {display: inline;}

#themaTitel {position: absolute; top: 0; left: 394px; width: 560px; height: 60px;}
#themaTitel h3 {color: #333; font-size: 30px;margin: 20px 0 0 5px;padding: 0;}
#themaTitel h4{color: #666; font-size: 13px;margin: 5px 0 0 5px; padding: 0; }

#zwischenraumTyp4 { height: 50px; }
#linkeSpalte { display: block; height: 50px; top: -25px; left: -5px; }
#linkenavi { width: 970px; }
div > #linkenavi li { display: inline; float: left; clear: none; text-align: left; width: auto; margin-bottom: 5px; }
#linkenavi li a, #linkenavi li a:hover, #linkenavi ul li span.active { color: #aaaaaa; font-weight: bold; padding: 4px 7px 4px 12px; background: transparent url(/css3/projekte/cz_jadu/mainNavDivider.gif) 0px no-repeat; display: inline; }
#linkenavi ul li span.active a, #linkenavi li a:hover { color: #54cacd; display: inline; }
div > #linkenavi ul ul li { display: none; }

#linkeSpalte .suche{position: absolute; margin-top: -210px; margin-left: 777px; width: 190px;}

/* ---- Sonderdefinitionen Bundestagswahl-Blog -- */
.bundestagswahl > .datum { margin: 10px 0 5px 0; color: #5A5A5A; }
.bundestagswahl > h4.zwischenuschrift { margin: 10px 0 10px 0; }

/* ---- Sonderdefinitionen Quiz -- */
.fragenblock { background-color: #f5f5f5; padding: 20px 10px; }
.frage { font-size: 18px; line-height: 18px; margin-bottom: 20px; }
.nr { font-size: 34px; }
.antwort { width: 500px; padding: 5px 10px; margin: 0 0 1px 25px;}
a .antwort { background-color: #cccccc; color: #5a5a5a; }
a:hover .antwort  { background-color: #5acacd; color: #5a5a5a; }
.fragenblock a:hover { text-decoration: none; }