html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
tr, th, td {
vertical-align: top;
}
html { background-color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica, sans-serif;/*overflow: auto;*/ }
* html {width: 100%;}
body { font-family: Arial, Helvetica, sans-serif, Verdana ; width: 100%; float:left;}
h1 { font-size: 18px; padding-top: 0px; padding-bottom: 0.5em; font-weight:bold; color: #00499C; line-height: 130%;}
h1 a:hover { color: #000000; }
h2 { font-size: 12px; padding-bottom: 0.8em; color: #000000; }
h2.dachzeile { margin-bottom: 2px; font-size: 11px; border-bottom: 1px solid #E7E7E7; color: #666666; }
h3 { font-size: 12px; font-weight:bold; color: #00499C;}
a { color:#004A9B; text-decoration: none; }
a:hover { color:#000000; text-decoration: none; }
div#wrapper { float: left; width: 100%; padding: 0;}
/*##########*/
/* Content und ContentHintergrund */
/*##########*/
div#ContentHintergrund
{
width: 818px;
height:100%;
background-color:#E7E7E7;
border: 1px solid #D3D3D3;
margin-bottom: 0px;
margin-left:3px;
}
div#Content
{
position: relative;
float: left;
margin: 0;
padding: 0px 5px 5px 5px;
border-right: 10px solid #E7E7E7;
border-bottom: 10px solid #E7E7E7;
border-left: 10px solid #E7E7E7;
width: 460px; /* VR 22.08.08 war 465px */
background-color:#FFFFFF;
margin-top:10px;
line-height: 140%;
}
div#Content.homepage { margin: 0; padding: 0; width: 630px; }
div#Content.homepage p { margin:0; }
.wide { width: 626px !important; }
div#main { margin: 1.65em .45em 0 18em; }
div.artikel p {
margin-top: 10px !important;
margin-right: 0pt !important;
margin-bottom: 11px !important;
margin-left: 0pt !important;
}
/**************
Boxen
***************/
div.thumbbox {
float: left;
position: relative;
width: 200px;
overflow: hidden;
/*background-color:#E1E9F0;*/
}
div.thumbbox p { font-size: 11px; color: #3333AA; }
div.thumbbox.thumbbig { width: 300px; padding: 0px; }
div.thumbbox.thumbsmall { width: 145px; padding: 0px; border-bottom: 2px solid #FFFFFF; }
div.thumbbox.thumbleft { border-right: 5px solid #FFFFFF; }
div.thumbbox.thumbright { border-left: 5px solid #FFFFFF; }
div#aufmacher { float: left; position:relative;padding: 0px; margin: 0; width: 630px;}
div#aufmacher div.boxline { margin: 5px -10px 5px -10px; border-bottom: solid 10px #E7E7E7; }
div#aufmacher div.twocol.cleft { position: relative; float:left; width:145px; margin:-5px 0 -5px 0; padding-top:5px; border-right: solid 10px #E7E7E7; }
div#aufmacher div.twocol.cright { position: relative; float:left; width:140px; margin:-5px 0 -5px -10px; padding:5px 0 5px 5px; border-left: solid 10px #E7E7E7; }
div.box { float: left;position:relative;padding: 5px; margin: 0;width: 300px; border-top: 10px solid #E7E7E7; overflow: hidden; }
div.box.threecol_left, div.box.threecol_right, div.box.threecol_middle { width: 200px;}
div.box.bleft { border-right: 10px solid #E7E7E7;border-left: 0; }
div.box.bright { border-left: 10px solid #E7E7E7;border-right: 0; margin-left: -10px; }
div.box.bwide { width:620px; border-right: 0; }
div.cl_left { clear:left; }
div.clearer { clear:both; }
img.teaserimage { float: left; margin: 0; margin-right: 10px; margin-bottom: 5px; }
img.teaserbigimage { float: right; margin: 0; margin-left: 0px; margin-bottom: 5px; }
div.box.bwide img.teaserbigimage { margin-left: 10px; }
div.box.teasernopic h2 { font-size: 14px; }
/*div.box.teasernopic img { display: none; }*/
div.beilage_right { position:relative; float: right; width: 266px; font-size: 11px; }
/*##########*/
/* Listen */
/*##########*/
#Content ul, #Content ol { margin-top: 5px; margin-right: 0pt; margin-bottom: 3px; padding-top: 8pt;padding-right: 5px;padding-bottom: 0pt; }
#Content ul { margin-left: 5px; padding-left: 5px; }
#Content ul li, #Content ol li { margin-top: 0pt;margin-right: 0pt; margin-bottom: 0pt; padding-top: 0pt; padding-right: 0pt;padding-bottom: 2px; }
#Content ul li { padding-left: 0pt; margin-left: 5px; list-style-type: square; }
#Content ul li a, #Content ol li a { text-decoration: none; color: #000000; }
#Content ul li a:hover, #Content ol li a:hover { color: #00499C; }
div.box p a { text-decoration: none; color: #00499C; }
div.boxheadline { width: 100%; background-color: #DEE7EF; margin-bottom: 8px; border-bottom:1px solid #B9D0E4; background-image: url(/id/balken_back.gif); background-repeat:repeat;}
div.boxheadline p { padding:2px; color:#00499C; font-weight:bold; font-size:11px;line-height: 120%; }
div.boxheadline p img { float:right; margin:5px; }
div.boxheadline p a { padding-left:3px; display: block; text-decoration: none; color:#00499C; }
div.boxheadline p a:hover { color:#00499C; }
.pfeil { margin-left: 5px; vertical-align: middle; }
/*div#aufmacher div.box { background-color: #FFFFFF; border: 0; margin-top: 10px; margin-right: 10px; }*/
/*div#aufmacher .flright { float: right; margin-right: 0;}*/
/**************
Rechte Spalte
***************/
div#rechtespalte { width: 157px; margin: 0; padding: 0; float: left; background-color: #FFFFFF; border-right: 10px solid #E7E7E7; border-left: 10px solid #E7E7E7; border-bottom: 10px solid #E7E7E7; margin-left: -10px; }
div#rechtespalte div.box { width:147px; font-size: 11px; color:#000000; }
div#rechtespalte div.box a { color:#000000; }
div#rechtespalte div.box a:hover { color:#555555; z-index:3; /*Bugfix Mac IE 5.1*/}
div#rechtespalte div.box.teaserbanner { padding-left: 0; padding-right:0; width:157px; padding-bottom: 0;}
div#rechtespalte div.box.teaserbanner img { padding-left: 1px; }
div#rechtespalte div.box p { font-size:11px; }
div#rechtespalte div.box h3 { font-size:11px; color:#004795; margin-bottom:2px; }
/*##########*/
/* Teaserbanner */
/*##########*/
.teaserbanner p { font-size:11px; margin-bottom:0; }
/*##########*/
/* Linktipp */
/*##########*/
div#rechtespalte div.box.linktipp { background-color: #EDF5FC;}
div#rechtespalte div.box.linktipp p { font-size:11px; margin-bottom:10px; }
div#rechtespalte div.box.linktipp ul li { margin: 5px 0 5px 0; border-top: #F7F7F7 solid 1px; width:100%;}
div#rechtespalte div.box.linktipp ul li a { font-size:11px; text-decoration:underline; color:#004A9B;}
div#rechtespalte div.box.linktipp ul li a:hover { color:#000000; }
/* Einblendung anzeige.gif beim Linktipp*/
#anzeigelinktipp { width:100px; height:auto; padding-top:15px; padding-bottom:0px; margin: 0px 0 10px 0; background-image:url(/id/anzeige.gif); background-repeat:no-repeat; background-position:top left; display:table; /* wichtig damit es im Firefox funktioniert*/ text-align:center; z-index:4; }
#anzeigelinktipp table { border-style:none; }
/**************
Forms
***************/
form { }
td { padding:1px; }
textarea { background-color:#DEE7EF; border:1px solid #00499C;}
input { background-color:#DEE7EF; border:1px solid #C4C4C4;}
select { }
.radiobutton { background-color:#ffffff; border:0px;}
check { }
button { }
/*##########*/
/* Absätze */
/*##########*/
#Content p { margin:10px 0 11px 0; }
/*##########*/
/* Tabellen ...und davon gibts einige im u.a. in Sport, Prisma und im Wetter. Also Änderungen gut überprüfen*/
/*##########*/
#Content table { border-color:#CCCCCC; border-style:dotted; border-width:thin; width: 99%; margin-bottom: 5px; }
#Content th { color:#FFFFFF; background-color:#7FA4CD; font-size:12px; font-weight:bold; text-align:center; vertical-align:middle; padding:3px; }
#Content table tr.dark { color:#FFFFFF; font-size:12px; background-color:#7FA4CD; }
#Content table tr { color:#000000; font-size:12px; }
#Content table tr.grau td { background:#E7E7E7;}
#Content table tr th td { padding:5px; vertical-align:top; }
#Content table tr td a { color:#004A9B; }
#Content table tr td a:hover { color:#7FA4CD; }
/*##########*/
/* Dirks Spezial-Tabelle-3spaltig */
/*##########*/
#dreispaltig body { width:440px; margin:0px; padding:0px;}
.dreispaltig1, .dreispaltig2, .dreispaltig3 { float:left; width:33%; height:140px; margin:0px; padding:0px; }
.dreispaltig1 { background:#E7E7E7; }
.dreispaltig2 { background:#004A9B; }
.dreispaltig3 { background:#FFFFFF; }
/*##########*/
/* RegioTicker-Übersichten: Grauer Kasten, Datum-Einblendung und Kalender */
/*##########*/
.themenblock { padding:10px; background-color:#F7F7F7; border: 1px solid #D3D3D3; clear:both;}
p.newsdatum { margin-top:30px; color:#888888; background-color:#F7F7F7; padding:1px 6px 1px 6px; border-bottom:1px solid #C4C4C4; font-size:11px; text-align:right; font-weight:bold;}
.kalender { width:170px; border-collapse: collapse; margin:0 10px 10px 0; }
/*##########*/
/* damit die Urzeit beim dpa-Ticker brav neben der Meldung steht */
/*##########*/
.tickereinzug { margin-left:40px; margin-top:-17px; padding:0 0 10px 10px; }
/*##########*/
/* Ausrichtung und Umfließen der Bilder */
/*##########*/
.bild { margin: 0 15px 5px 0px; }
.links { float:left; position:relative; /* Peekaboo Bug im IE 6*/}
div.homepage .links { margin-left: 5px; }
.rechts { float:right; position:relative; /* Peekaboo Bug im IE 6 */ }
div.homepage .rechts { margin-right: 5px; }
.clearer { clear:both;}
/*##########*/
/* Bildunterzeilen bei den dpa- und Regio-Bildern ToDo: auch noch bei den Bilddokus einbauen*/
/*##########*/
.bildunterzeile { font-size:12px; color:#3B3B3B; margin:10px 0 10px 0; }
/*##########*/
/* Bilddokumentationen*/
/*##########*/
.bilddoku { width:400px; float:left; }
.bilddokublaetter { float:right; }
.bilddokuquelle { float:right; font-style: italic;}
.bilddokukasten { width:200px; float:right; color:000000; background-color: #F7F7F7; border: 1px solid #EEEEEE; padding: 3px; font-size:11px;}
.bilddokukasten a img {float:right; padding: 0 0px 10px 5px; }
/*##########*/
/* DIE ultimative Trenner-Linie */
/*##########*/
.rule { width:99%; border-bottom:1px solid #C4C4C4; padding:0px; margin:0 0 10px 0; height:1px; font-size:0px; clear:both; }
/*##########*/
/* Infobox */
/*##########*/
.info-box { background-color:#F4F4F4; padding:5px; margin-top:10px; border: 1px solid #C4C4C4;}
.info-box h1 { font-size:12px; color:#00499C; font-weight:bold; margin:0px 0 6px 2px; }
.info-box a {color:#004A9B;}
.info-box a:hover {color:#000000;z-index:3; /*Bugfix Mac IE 5.1*/}
.info-box ul { margin:5px 0 3px 8px; padding: 0 5px 0 8px; }
.info-box ul li { margin:0 0 0 5px; padding: 0 0 2px 0; list-style-type:square; color:#004A9B; }
.info-box ul li a { font-weight:normal; text-decoration:none; color:#004A9B; }
.info-box img { float:left; padding-right:5px; border:0px;}
/*************
Wo-bin-ich-Pfad
***************/
#Pfad { font-size:11px; color:#004A9B; font-weight:bold; }
#Pfad a {color:#004A9B;font-weight:bold;}
#Pfad a:hover { color:#000000;}
/*##########*/
/* Rectangle neu ab 01.04.2007*/
/*##########*/
#rect { width:440px; height:auto; padding-top:15px; padding-bottom:15px; margin: 10px 0 10px 0; background-image:url(/id/anzeige.gif); background-repeat:no-repeat; background-position:top left; display:table; /* wichtig damit es im Firefox funktioniert*/ text-align:center; position:relative; z-index:7; background-color:transparent;}
#rect table { border-style:none; z-index:7;}
.recUeber { width: 300px; border:1px solid #000000; }
.recBild { text-align: center; background-color: #E7E7E7; border-left:1px solid #000000; border-right:1px solid #000000; height: 180px; width: 300px; }
.recUnter { border:1px solid #000000; width: 300px; }
/*##########*/
/* Bottom Ad*/
/*##########*/
#bottom { text-align:center; margin: 10px 0 10px 0; background-color: #FFFFFF; }
#bottom table { border-style:none; }
p.bottom { text-align:center; }
p.bottom img { margin: 5px 0 5px 0; }
/****************
* Social Bookmarks
****************/
#Socialbookmarks { float:right; font-size: 11px; }
#Socialbookmarks img { vertical-align: bottom; }
/*##########*/
/* Drucken etc */
/*##########*/
#Drucken { font-size: 11px; vertical-align:top; margin-bottom:30px; }
.Druckenrechts { margin:0 14px 0 8px; padding-left:640px; }
.Druckenlinks { margin:0 14px 0 8px; float:left; }
.Druckenlinks img { margin:0 14px 0 8px; }
/*##########*/
/* Prisma*/
/*##########*/
table.pbluff { display: none; }
dt.date { margin: 10px 0 0 0; }
b.stime { margin: 0 0 0 30px; }
.cname { color: #004A9B; font-weight: bold; }
.sinfo { font-style: italic; }
dl { margin: 10px 0 0 0; }
dt { margin: 10px 0 0 0; }
dd { margin: 10px 0 0 0; }
/*##########*/
/* Dirks Spezial Design Rand nicht löschen*/
/*##########*/
fieldset { margin: 20px 0px 10px 0px; padding: 5px 10px; border: 1px solid #BBBBBB; }
legend { background-color: #FFFFFF; color: #004A9B; padding: 2px 10px; margin: 0px 0px 10px 0px; font-weight: bold; }
fieldset ul, fieldset ol { padding-top: 0 !important; }
/*##########.reise-box { margin: 3px; padding: 3px; float: left; width: 130px; border: 1px solid #EEEEEE; }#######*/
.dreier-box { margin: 3px; padding: 3px; float: left; width: 130px; border: 1px solid #EEEEEE; }
/*********************
* fieldsets in Artikeln
*********************/
div.artikel fieldset { margin-top: 0 !important; margin-right:0px; float:left; width: 95%; }
div.artikel fieldset p, div.artikel fieldset ul li { font-size:11px; }
div.artikel fieldset ul { padding-top: 0px !important; }
/********************
* Dossiers
********************/
fieldset.dossier { margin-top: 0 !important; margin-right:0px; float:left; width: 95%; }
fieldset.dossier ul { padding-top: 0px !important; height: 100px; overflow-y: auto; }
/*fieldset.dossier ul li { font-size:11px; margin-left: 8px !important; }*/
/*##########*/
/* diverser Kleinkram*/
/*##########*/
.fussnote { font-size:11px; }
.info {position: absolute;left: -1000px;top: -1000px;width: 0px;height: 0px;}
/*##########*/
/* Blätterfunktion */
/*##########*/
.pagination {
display:block;
text-align:left;
height:22px;
line-height:21px;
clear:both;
padding-top:3px;
font-size:11px;
font-weight:normal;
}
.pagination a:link, .pagination a:visited{
padding:5px;
padding-top:2px;
padding-bottom:2px;
border:1px solid #EBEBEB;
margin-left:8px;
text-decoration:none;
background-color:#F5F5F5;
color:#0072bc;
width:26px;
font-weight:normal;
}
.pagination a:hover {
background-color:#DDEEFF;
border:1px solid #BBDDFF;
color:#0072BC;
}
.pagination .active_link {
padding:5px;
padding-top:2px;
padding-bottom:2px;
border:1px solid #BBDDFF;
margin-left:8px;
text-decoration:none;
background-color:#DDEEFF;
color:#0072BC;
cursor:default;
}
.pagination .disabled_pagination {
padding:5px;
padding-top:2px;
padding-bottom:2px;
border:1px solid #EBEBEB;
margin-left:10px;
text-decoration:none;
background-color:#F5F5F5;
color:#D7D7D7;
cursor:default;
}
/*##########*/
/* Das Letzte: Footer Partner, Services, etc */
/*##########*/
.footer{ background-color:#DEE7EF; border: 1px solid #B9D0E4; width: 818px; color: #000000; text-align:center; margin: 0 3px 10px 3px; }
.footer a { color: #000000; }
.footer p { font-size: 11px; margin: 6px; }
.footer a:hover { text-decoration: underline; }