@import url(/media/system/css_1/reset.css);

html {
font-family: Arial, Verdana, sans-serif;
font-size: 0.750em; /*12px*/
color: #333;
line-height: 1.375em; /*22px*/
background: #fff;
}

div#unserBody{
width: 83.333em; /*1000px, vorher:82.5em 990px*/
margin: 0 auto;
}

/* #################################################################################### */
/* ### Spalten nach 10er Raster ####################################################### */

.rasterSpalte1{
width: 5.417em; /*65px*/
}
.rasterSpalte2{
width: 12.083em; /*145px*/
}
.rasterSpalte3{
width: 18.750em; /*225px*/
}
.rasterSpalte4{
width: 25.417em; /*305px*/
}
.rasterSpalte5{
width: 32.083em; /*385px*/
}
.rasterSpalte6{
width: 38.750em; /*465px*/
}
.rasterSpalte7{
overflow: auto; /*IE verspringt sonst manchmal bei absolut positionierten oder floatenden Elementen, z.B bei der Drehscheibe*/
width: 45.417em; /*545px*/
clear: both;
}
.rasterSpalte8{
width: 52.083em; /*625px*/
}
.rasterSpalte9{
width: 58.750em; /*705px*/
}

.rasterSpalte10{
width: 65.417em; /*785px*/
}

#wrapper{ /* = Breite"rasterSpalte10": umschlie�t kompletten Inhalt au�er Werbebanner: Breite = rasterSpalte10*/
width: 65.833em; /*790px: 785px + 5px "Luft zum Atmen": Rundungsfehler EMs usw.*/
margin: 0 0 0 1.667em; /*0 20px*/
position: relative;
float: left;
}

#wrapper_alt{ /* zur Einbettung der Newscollection auf den alten Seiten*/
width: 33em; /*395px: 785px + 5px "Luft zum Atmen": Rundungsfehler EMs usw.*/
margin: 0 1.667em; /*0 20px*/
position: relative;
}

/*alle Spalten: Abstand oben: 20px, Abstand links: 15px, Border-Top: 4px*/
.rasterSpalte1, .rasterSpalte2, .rasterSpalte3, .rasterSpalte4, .rasterSpalte5, .rasterSpalte6, .rasterSpalte7, .rasterSpalte8, .rasterSpalte9, .rasterSpalte10{
margin: 1.67em 0 0 1.25em; /*20px 0 0 15px*/
float: left;
border-top: 0.333em solid #e8e8e8; /*4px*/
overflow: visible;
}

img.rasterSpalte1{
border-top: 0;
margin: 0 0.417em 0.417em 0;
float: left; 
}

.rasterSpalte7inhalt .keinBorder{
border-top: 0;
margin: 1.67em 0 0 1.25em; /*20px 0 0 15px*/
}

.rasterSpaltePos1{
clear: both;
margin: 1.67em 0 0 0; /*20px 0 0 0*/
}

#rasterSpalte7inhalt{
float: left;
width: 45.43em; /*545px: eigentlich 45.417em, aber dann bricht ab 2x Vergr��erung innere rechte Spalte runter....*/
margin: 0 0 0 1.25em; /*0 0 0 15px*/
}
#rasterSpalte7inhalt .rasterSpalte7{ /*/*IE verspringt sonst manchmal bei absolut positionierten oder floatenden Elementen, z.B bei der Drehscheibe*/
float: left !important;
float: none;
}

*:first-child+html #rasterSpalte7inhalt .rasterSpalte7{ /*IE7 only*/
float: none;
}

/* ##################################################################### */
/* ## Links ############################################################ */

a, a:link, a:visited, a:active{
color: #ba4b3b;
text-decoration: none;
}

a:hover, a:focus{
text-decoration: underline;
}

a:active, a:focus{ /*verhindert gepunktete Linkumrandung im FF und Unterstrich, der f�r focus definiert ist*/
outline: none;
text-decoration: underline;
}

/*
a.linkDownload[href$="pdf"]:after{content: " [pdf]";}
a.linkDownload[href$="doc"]:after{content: " [doc]";}
a.linkDownload[href$="docx"]:after{content: " [docx]";}
a.linkDownload[href$="ppt"]:after{content: " [ppt]";}
a.linkDownload[href$="xls"]:after{content: " [xls]";}
a.linkDownload[href$="zip"]:after{content: " [zip]";}
a.linkDownload[href$="rar"]:after{content: " [rar]";}
a.linkDownload[href$="jpg"]:after{content: " [jpg]";}
a.linkDownload[href$="tif"]:after{content: " [tif]";}
a.linkDownload[href$="eps"]:after{content: " [eps]";}
a.linkDownload[href$="mp3"]:after{content: " [mp3]";}
a.linkDownload[href$="mpeg"]:after{content: " [mpeg]";}
a.linkDownload[href$="swf"]:after{content: " [swf]";}
a.linkDownload[href$="flv"]:after{content: " [flv]";}
a.linkDownload[href$="mov"]:after{content: " [mov]";}
a.linkDownload[href$="gif"]:after{content: " [gif]";}
a.linkDownload[href$="png"]:after{content: " [png]";}
a.linkDownload[href$="exe"]:after{content: " [exe]";}
a.linkDownload[href$="txt"]:after{content: " [txt]";}
a.linkDownload[href$="kmz"]:after{content: " [kmz]";}
a.linkDownload[href$="vcf"]:after{content: " [vcf]";}
a.linkDownload[href$="ics"]:after{content: " [ics]";}
*/

a.uebersichtKlein, a.uebersichtKlein:link, a.uebersichtKlein:visited{
display: block;
text-align: right;
margin: 0.417em; /*5px*/
}

a.uebersicht, a.uebersicht:link, a.uebersicht:visited{
display: block;
width: 12.083em; /*145px = rasterSpalte2*/
line-height: 2.5em; /*30px*/
font-weight: bold;
color: #fff;
background: #8E8E8E;
text-align:center;
margin: 0.917em 0 0 53.333em; /*640px = rasterSpalte8 + 15px Abstand: Standard/10er-Spalte = #wrapper*/
clear:both;
}
/*in rasterSpalte1 nicht m�glich*/

.rasterSpalte2 a.uebersicht, .rasterSpalte2 a.uebersicht:link, .rasterSpalte2 a.uebersicht:visited{
margin: 0.917em 0 0 0;
}
.rasterSpalte3 a.uebersicht, .rasterSpalte3 a.uebersicht:link, .rasterSpalte3 a.uebersicht:visited{
margin: 0.917em 0 0 6.667em; /*80px = rasterSpalte1 + 15px Abstand*/
}
.rasterSpalte4 a.uebersicht, .rasterSpalte4 a.uebersicht:link, .rasterSpalte4 a.uebersicht:visited{
margin: 0.917em 0 0 13.333em; /*160px = rasterSpalte2 + 15px Abstand*/
} 
.rasterSpalte5 a.uebersicht, .rasterSpalte5 a.uebersicht:link, .rasterSpalte5 a.uebersicht:visited{
margin: 0.917em 0 0 20em; /*240px = rasterSpalte3 + 15px Abstand*/
} 
.rasterSpalte6 a.uebersicht, .rasterSpalte6 a.uebersicht:link, .rasterSpalte6 a.uebersicht:visited{
margin: 0.917em 0 0 26.667em; /*320px = rasterSpalte4 + 15px Abstand*/
} 
.rasterSpalte7 a.uebersicht, .rasterSpalte7 a.uebersicht:link, .rasterSpalte7 a.uebersicht:visited{
margin: 0.917em 0 0 33.333em; /*400px = rasterSpalte5 + 15px Abstand*/
} 
.rasterSpalte8 a.uebersicht, .rasterSpalte8 a.uebersicht:link, .rasterSpalte8 a.uebersicht:visited{
margin: 0.917em 0 0 40em; /*480px = rasterSpalte6 + 15px Abstand*/
}
.rasterSpalte9 a.uebersicht, .rasterSpalte9 a.uebersicht:link, .rasterSpalte9 a.uebersicht:visited{
margin: 0.917em 0 0 46.667em; /*560px = rasterSpalte7 + 15px Abstand*/
}


/* ######################################################################## *
/* ## Allgemeines ######################################################### */
a.schriftFarbeKulturUndFreizeit, a.schriftFarbeKulturUndFreizeit:link, a.schriftFarbeKulturUndFreizeit:visited{
color: #6C9023;
}


a.selectKnopf, a.selectKnopf:link, a.selectKnopf:visited{
width: 10.50em; /*126px = rasterSpalte2 - padding - 4px Luft (border und so)*/
display: block;
border-bottom: 0.083em solid #aaaaaa; /*1px*/
border-right: 0.083em solid #aaaaaa; /*1px*/
background: #c1c1c1 url("/media/system/seitenelemente/pfeil_weiss_unten.gif") no-repeat 10em 0.583em; /*120px 7px*/
color: #fff;
line-height: 1.5em; /*18px*/
padding: 0 0 0 1.25em; /*15px*/
}

a.linkKnopf, a.linkKnopf:link, a.linkKnopf:visited,
span.linkKnopf{
background: url("/media/system/seitenelemente/linkknopf_bg.gif") no-repeat right bottom;
line-height: 1.250em; /*15px*/
padding: 0 1.083em 0 0; /*13px*/
color: #333;
margin-right: 0.417em; /*5px*/
position: relative;/*sonst funktionieren Links in Elementen mit png Hintergrund im IE<7 nicht wg. JS pngfix*/
float: none !important;
float: left;
cursor: pointer;
}

a.linkKnopf:hover, a.linkKnopf:focus,
span.linkKnopf:hover, span.linkKnopf:focus{
color: #ba4b3b;
text-decoration: none;
}

#sfInhalt a.linkKnopf, #sfInhalt a.linkKnopf:link, #sfInhalt a.linkKnopf:visited,
#sfInhalt span.linkKnopf{
color: #666;
}

#sfInhalta.linkKnopf:hover, #sfInhalt a.linkKnopf:focus,
#sfInhalt span.linkKnopf:hover, #sfInhalt span.linkKnopf:focus{
color: #333;
}

.kkAktiv a.linkKnopf, .kkAktiv a.linkKnopf:link, .kkAktiv a.linkKnopf:visited,
.kkAktiv span.linkKnopf/*,
a.kkAktiv, a.kkAktiv:link, a.kkAktiv:visited,
span.kkAktiv*/{
background: url("/media/system/seitenelemente/linkknopf_bg_aktiv.gif") no-repeat right bottom;
}




.sprungmarken{
position: absolute;
left: -200em;
top: 0;
}




ul.az{
overflow: auto; /*cleared nach letztem Kindelement, Bsp: Linie wird unter Bild angezeigt, funktioniert logischerweise nicht bei absolut positionierten Kindelementen, siehe VK imgHoehe*/
width: 14.250em; /*171px: width auf jeden Fall n�tig, sonst stellt IE das overflow: auto;  nicht dar...*/
padding: 0.417em 0 1.250em 0; /*5px 0 15px 0*/ 
}

#sfInhalt ul.az{
margin-bottom: 0 !important;
margin-bottom: 2.5em;
}

#rasterSpalte7inhalt ul.az{
width: 45.417em; /*545px*/
}

ul.az li{
float: left;
margin-right: 0.25em !important; /*3px*/
margin-right: 0.208em; /*2.5px*/
width: 1.333em; /*16px*/
line-height: 1.333em; /*16px*/
background: #c1c1c1;
color: #fff;
text-align: center;
font-weight: bold;
}
ul.az li a, ul.az li a:link, ul.az li a:visited{
color: #fff;
display: block;
text-align: center;
width: 1.333em; /*16px*/
font-weight: bold;
position: relative; /*sonst funktionieren Links in Elementen mit png Hintergrund im IE<7 nicht wg. JS pngfix*/
}
ul.az li a:hover, ul.az li a:focus{
background: #ba4b3b;
text-decoration: none;
}

#rasterSpalte7inhalt .hauptText li, #rasterSpalte7inhalt .listeAllgemein li, #rasterSpalte7inhalt .leuchttisch li{
list-style: url("/media/system/seitenelemente/iconaufzaehlungspunkt.gif") outside;
margin-left: 1.250em; /*15px, sonst sind die Aufz�hlungspunkte nicht sichbar --> outside*/
}


img.az{
width: 8.333em; /*100px*/
}

/*IE zeigt bei hr standardm��ig border an, diese werden hier absolute positioniert, der background aber "inherit" zur�ckgeholt*/






.abstandOben{
margin-top: 1em; /*12px = font-size;*/
}


.hidden{
position: absolute;
left: -9999em;
}
.noDisplay{
display: none;
}

.unsichtbarerClearer, a.unsichtbarerClearer, a.unsichtbarerClearer:link, a.unsichtbarerClearer:visited{
visibility: hidden;
clear: both;
display: block;
height: 0em;
line-height: 0em;
}

.floatleft{ /*f�r normale line-height: Abstand oben*/
float: left;
margin: 0.333em 0.917em 0.917em 0; /*4px 11px 11px 0 auf Basis 12px*/
}
.floatleftKeinMargin{
float: left;
}
.floatright{/*f�r normale line-height: Abstand oben*/
float: right;
margin: 0.333em 0 0.917em 0.917em; /*4px 0 11px 11px auf Basis 12px*/
}
.floatrightKeinMargin{
float: right;
}

.hervorhebung{
font-weight: bold;
}

.neueZeile{
clear: both;
}

.hinweis{
color: lime;

}


.autor{
font-style: italic;
}

.rechtsbuendig{
text-align: right;
}

p.suchEinschraenkung{
margin-bottom: 1.667em;
}
p.suchEinschraenkung span{
font-weight: bold;
}

abbr{
font-size: inherit;
font-style: inherit;
font-weight: inherit;
text-decoration: inherit;
}




/* ##################################################################### */
/* ## �berschriften #################################################### */
h1, h2{
font-size: 1.33em; /*16px*/
/*line-height: 2.38em;*/ /*38px (oben/unten je 11px)*/
font-weight: bold;
/*margin: 0 0 0.31em 0;*/
line-height: 1.5em; /*18px*/
margin: 0.5em 0 0.667em 0; /*12px auf Basis 12px*/
}

h3, .vkBox h4{
font-size: 1em; /*12px*/
font-weight: bold;
line-height: 1.083em; /*13px, standard + 1px: IE stellt sonst Punkte �ber Umlauten nicht dar*/
text-transform: uppercase; 
margin: 0 0 0.67em 0; /*8px auf Basis 12px*/
}
h3 a{
font-size: 1.167em; /*14px auf Basis 12px - hat irgendwas mit den h1-h6-Grundgr��en zu tun*/
font-weight: bold;
line-height: 0.929em; /*13px auf Basis 14px*/
margin: 0 0 0.62em 0; /*0 0 8px 0*/
text-transform: none;
}
.vkBox h4{
text-transform: none;
margin: 0 0 0.333em 0; /*4px auf Basis 12px*/
}

.vkBox h5{ /*wenn Dachzeile*/
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 0.385em 0.083em; /*0 0 8px 0*/
}
.vkBox h5 a, .vkBox h5 a:link, .vkBox h5 a:visited{ /*sonst �berschrift*/
font-size: 1.167em; /*13px*/
font-weight: bold;
line-height: 1em; /*13px auf Basis 13px*/
text-transform: none;
}
.vkBox h6, .vkBox h6 a{ /*�berschrift, wenn Dachzeile*/
font-size: 1.08em; /*13px*/
font-weight: bold;
line-height: 1.231em; /*16px auf Basis 13px*/
margin: 0 0 0.385em 0; /*0 0 8px 0*/
padding: 0;

}

h4, h4 a, .vkBox h5 a, .keineDachzeile h3{
font-size: 1.08em; /*13px*/
font-weight: bold;
line-height: 1.385em; /*18px auf Basis 13px*/
margin: 0 0 0.62em 0; /*0 0 8px 0*/
}


/* ##################################################################### */
/* ## Kopf ############################################################# */

#kopf{ /*Logo + MetaNavi*/
height: 8.333em;
position: relative;
margin: 0; /*�berschreiben von rasterSpalte10*/
float: none; /*�berschreiben von rasterSpalte10*/
border-top: 0; /*�berschreiben von rasterSpalte10*/
}

#kopf .wappen{
position: absolute;
top: 2.083em; /*25px*/
left: 0.417em; /*25px*/
height: 4.167em; /*50px*/

}

#kopf .urlPfadBild{
position: absolute;
top: 4.583em; /*55px*/
left: 16.083em; /*193px*/
height: 2.5em; /*30px*/
}

/* ##################################################################### */
/* ## Listen ########################################################### */

ul li{
margin: 0 0 0.417em 0; /*5px*/
line-height: 1.167em; /*14px*/
}

/* ##################################################################### */
/* ## Ruler ############################################################ */

#ruler{
margin: 1.67em 0 0 0 !important; /*20px 0 0 15px*/
margin: 1.67em 0 0.417em 0 ; /*20px 0 0 0*/
width: 71.364em; /*785px = rasterSpalte10 auf Basis 11px*/
clear: both;
float: none;
padding: 3em 0 0 0 !important;
padding: 0;
font-size: 0.917em;
}

#ruler ul#textServicesRulerPart1{
width: 30em;
float: left;
position: relative;
top: 2em;
}

#ruler ul li{
float: left;
margin: 0 1.5em 0 0;
color: #999;
line-height: 2em; /*22px auf Basis 11px*/
}

#ruler ul#textServicesRuler{
width: 41.364em;
text-align: right;
float: left;
position: relative;
top: 2em;
}

#ruler ul#textServicesRuler li{
float: right;
margin: 0 0 0 1.5em;
}


#ruler ul#textServicesRuler object{
position: absolute;
left: -11.545em;
top: 2.5em;
}

#ruler ul li a, #ruler ul li a:link, #ruler ul li a:visited{
color: #999;
line-height: 2em; /*22px auf Basis 11px*/
display: block;
position: relative;
}

#ruler ul li a:hover, #ruler ul li a:focus, #ruler ul li:hover, #ruler ul li:focus{
color: #ba4b3b;
text-decoration: none;
} 

#ruler ul li#readspeakerRuler{
position: relative;
}



#ruler ul#textServicesRuler li.socialBookmarks{
width: 8.417em !important;
width: 9em;
margin: 0;
}

#ruler ul#textServicesRuler li.socialBookmarks li{
margin: 0 0 0 0.833em !important;
margin: 0 0 0 0.417em;
width: 1.25em;
padding: 0;
}

#ruler ul#textServicesRuler li .klippklapp{
position: relative;
}

#ruler ul#textServicesRuler li .klippklapp a{
line-height: 1.5em;
margin: 0;
}

#ruler ul#textServicesRuler .klippklapp .socialBookmarks, .beitragDetail .hauptBox .textServices .klippklapp .socialBookmarks{
position: absolute;
top: 2.455em !important;
top: 2.727em;
left: 0 !important;
left: -5.909em;
width: 11.818em;
background: #fafafa;
border: 1px solid #999;
padding: 0.727em;
}

#ruler ul#textServicesRuler .klippklapp .socialBookmarks img.closeButton, .beitragDetail .hauptBox .textServices .klippklapp .socialBookmarks img.closeButton{
position: absolute;
top: 0.455em; /*auf Basis 11px*/
right: 0.455em;
width: 0.818em;
height: 0.818em;
}


.beitragDetail .hauptBox .textServices .klippklapp, .beitragDetail .hauptBox .textServices .klippklapp li {
text-align: center;
height: 1.833em; /*22px - Safari kann die H�he sonst nicht...*/
}

.beitragDetail .hauptBox .textServices .klippklapp .socialBookmarks{
font-size: 0.917em;
top: 0 !important;
left: 4.909em !important; /*54px auf Basis 11px*/
left: -11.818em; /*130px*/
z-index: 10;
}

#ruler ul#textServicesRuler .klippklapp .socialBookmarks li, .beitragDetail .hauptBox .textServices .klippklapp .socialBookmarks li{
margin: 0.455em 1em 0 0 !important;
margin: 0 1em 0 0;
width: auto;
height: auto;
float: left;
text-align: left;
display: inline;
}


#ruler ul#textServicesRuler .klippklapp .socialBookmarks li.erklaerung, .beitragDetail .hauptBox .textServices .klippklapp .socialBookmarks li.erklaerung{
line-height: 1.5em;
display: block;
float: none;
margin: 0 0 0.182em 0 !important;
margin: 0 0 0.455em 0;
border-bottom: 0.182em solid #e8e8e8;
padding: 0 0 0.182em 0;
}



#ruler ul#textServicesRuler .klippklapp .socialBookmarks li.erklaerung a, #ruler ul#textServicesRuler .klippklapp .socialBookmarks li.erklaerung a:link, #ruler ul#textServicesRuler .klippklapp .socialBookmarks li.erklaerung a:visited,
.beitragDetail .hauptBox .textServices .klippklapp .socialBookmarks li.erklaerung a, .beitragDetail .hauptBox .textServices .klippklapp .socialBookmarks li.erklaerung a:link, .beitragDetail .hauptBox .textServices .klippklapp .socialBookmarks li.erklaerung a:visited{
color: #ba4b3b;
display: inline;
}
#ruler ul#textServicesRuler  .klippklapp .socialBookmarks li.erklaerung a:hover, #ruler ul#textServicesRuler .klippklapp .socialBookmarks li.erklaerung a:focus,
.beitragDetail .hauptBox .textServices   .klippklapp .socialBookmarks li.erklaerung a:hover, .beitragDetail .hauptBox .textServices  .klippklapp .socialBookmarks li.erklaerung a:focus{
text-decoration: underline;
}

#ruler ul#textServicesRuler .klippklapp .socialBookmarks li a, .beitragDetail .hauptBox .textServices .klippklapp .socialBookmarks li a{
padding: 0;
margin: 0;
}


#ruler ul li img{
position: relative;
top: 0.273em; /*3px*/
margin: 0 0.417em 0 0;
}

#ruler ul li .klippklapp img{
margin: 0;
}

#ruler ul#textServicesRuler li .klippklapp .socialBookmarks li img, .beitragDetail .hauptBox .textServices li .klippklapp .socialBookmarks li img{
width: 1.818em;
height: 1.818em;
top: 0;
margin: 0;
}


/* ##################################################################### */
/* ## Fuss ############################################################# */

div#fussDirektzugaenge{
background: #333;
color: #fff;
}

div#fussDirektzugaenge .rasterSpalte2{
border-top: 0;
width: 11.250em; /*135px: rasterSpalte2 + padding*/
padding: 0 0.417em !important; /*0 5px*/
padding: 0 0.333em; /*0 4px*/
margin: 0.833em 0 0.417em 1.25em;
}

div#fussDirektzugaenge .rasterSpaltePos1{
margin: 0.833em 0 0.417em 0;
}

div#fussDirektzugaenge a, div#fussDirektzugaenge a:link, div#fussDirektzugaenge a:visited{
color: #fff;
}

ul#fussMarktplatz{
margin-top: -0.833em;/*10px: li-Abstand 1. Zeile wieder nach oben ziehen */
}

ul#fussMarktplatz li{
float: left;
background: #e8e8e8;
width: 12.083em; /*145px*/
text-align: center;
margin: 0.833em 0 0 1.25em; /*10px 0 0 15px*/
height: 3.333em; /*40px auf Basis 12px*/
}

ul#fussMarktplatz li.logo{
line-height: 3.333em; /*40px auf Basis 12px*/
width: 12.083em; /*145px*/
}
ul#fussMarktplatz li.logoPos1{
margin: 0.833em 0 0 0; /*10px 0 0 0*/
}

ul#fussMarktplatz li.text{

}
ul#fussMarktplatz li.textPos1{
margin: 0.833em 0 0 0; /*10px 0 0 0*/
}

ul#fussMarktplatz li.logo a, ul#fussMarktplatz li.logo a:link, ul#fussMarktplatz li.logo a:visited{
display: block;
text-align: center;
width: 12.083em; /*145px*/
line-height: 3.333em; /*40px auf Basis 12px*/
color: #666;
}
ul#fussMarktplatz li.text a, ul#fussMarktplatz li.text a:link, ul#fussMarktplatz li.text a:visited{
font-size: 0.833em; /*10px*/
height: 2.4em; /*24px + 2x8px padding = 40px*/
line-height: 1.2em; /*12px*/
display: block;
text-align: center;
color: #666;
padding: 0.8em 0.2em; /*8px 2px*/
}
ul#fussMarktplatz li span{ /*f�r .logo: Text ohne Link und .text Text ohne Link*/
font-size: 0.833em; /*10px*/
height: 2.4em; /*24px + 2x8px padding = 40px*/
line-height: 1.2em; /*12px*/
display: block;
text-align: center;
color: #666;
padding: 0.8em 0.2em; /*8px 2px*/
}

ul#fussMarktplatz li.logo img{
display: block;
width: 12.083em; /*145px*/
height: 3.333em; /*40px*/
}

ul.fussLinklisteUngeordnet{
background: #333;
color: #fff;
margin: 0.833em 0 0.417em 0;
overflow: auto;
width: 65.417em; /*785px = rasterSpalte10*/
padding: 0.833em 0;
}

ul.fussLinklisteUngeordnet li{
float: left;
width: 12.083em; /*145px*/
height: 2.667em; /*32px*/
margin: 0.25em 0.5em !important; /*3px 6px*/
margin: 0.25em 0.45em; /*3px 5.5px*/
line-height: 1.333em; /*16px*/
overflow: hidden;
}

ul.fussLinklisteUngeordnet li a, ul.fussLinklisteUngeordnet li a:link, ul.fussLinklisteUngeordnet li a:visited{
color: #fff;
display: block;
width: 12.083em; /*145px*/
}




div#fussDortmundDe .rasterSpalte2{
border-top: 0;
margin: 0 0 0 1.250em; /*15em*/
line-height: 1.667em; /*20px*/
}
div#fussDortmundDe .rasterSpaltePos1{
margin: 0;
}
div#fussDortmundDe a, div#fussDortmundDe a:link, div#fussDortmundDe a:visited{
color: #333;
}
div#fussDortmundDe img.wappen{
margin: 0 0 0.833em 0; /*10px*/
}




/* ##################################################################### */
/* ## MetaNavi ######################################################### */
ul#metaNavi{
position: absolute;
top: 1.667em; /*20px*/
right: 9.167em; /*110px: 105px gewollt + 5px #wrapperLuft*/
color: #7e7e7e;
}

ul#metaNavi li{
float: left;
}

ul#metaNavi li a{
padding: 0 0.5em 0 0.417em; /*0 6px 0 5px*/
color: #7e7e7e;
}

div.language{
width: 5.417em; /*65px*/
line-height: 1.833em; /*22px=line-height*/
position: absolute;
top: 1.5em !important; /*8px*/
top: 1.25em; /*5px*/
right: 2.5em !important;/*30px*/
right: 0.417em;/*5px*/
z-index: 11;
}
div.language a, div.language a:link, div.language a:visited{
display: block;
width: 5.417em; /*65px*/
line-height: 1.833em; /*22px=line-height*/
padding: 0 1.250em 0 0.833em;/*15px 5px*/
background: #e8e8e8 url("/media/system/seitenelemente/pfeil_rot_unten.gif") no-repeat 6.250em 0.667em; /*75px 8px*/
color: #7e7e7e;
}

div.language a.kkAktiv, div.language a.kkAktiv:link, div.language a.kkAktiv:visited{
background: #e8e8e8 url("/media/system/seitenelemente/pfeil_rot_links.gif") no-repeat 6.250em 0.583em; /*75px 7px*/
}

div.language div{
border: 0.083em solid #999;
padding: 0.417em; /*5px*/
background: url("/media/system/seitenelemente/png_hg.png") repeat left top !important;
background: #fff;
position: absolute;
top: 1.833em;
right: -2.083em !important;
right: 0;
width: 12.083em; /*145px*/
}

div.language div li{
background: url("/media/system/seitenelemente/menuTrennlinieDunkel.gif") no-repeat right bottom;
line-height: 1em; /*12px*/
margin: 0;
padding: 0 0 0.083em 0;
}

div.language div a, div.language div a:link, div.language div a:visited{
position: relative; /*wegen png und absolute und links: Kombi funktioniert sonst nicht in IE<7...*/
display: block;
width: 12.083em;
padding: 0.167em 0 0.083em 0;
margin: 0;
color: #333;
line-height: 1em; /*12px*/
background: transparent;
}



div.language div a:hover, div.language div a:focus{
background:#ddd;
}



/* ##################################################################### */
/* ## Menu ############################################################# */
ul#hauptMenu{ /*oben*/
position: absolute;
top: 8.33em; /*100px*/
left: 0;
z-index: 9; /*damit �ber SuchenUNdFinden und �ber FlashElemente*/
}

ul#hauptMenu li{
float: left;
width:13em; /*156px*/
background: #e8e8e8;
margin: 0 0.08em 0 0; /*1px*/
position: relative; /*f�r Ausrichtung der Ausklappmenus*/
}

body:first-of-type ul#hauptMenu li{ /*Safri & Opera only*/
margin: 0 0.1em 0 0; /*1px - eigentlich 0.08em, min Safari macht dann gar nichts*/
}


ul#hauptMenu li#hauptMenu_lebenInDortmund{
border-top: 0.42em solid #B12C19; /*5px*/
height: 3.33em; /*40px*/
}
ul#hauptMenu li#hauptMenu_lebenInDortmund.selected{
background: #B12C19;
}

ul#hauptMenu li#hauptMenu_freizeitUndKultur{
border-top: 0.42em solid #6C9023; /*5px*/
height: 3.33em; /*40px*/
}
ul#hauptMenu li#hauptMenu_freizeitUndKultur.selected{
background: #6C9023;
}

ul#hauptMenu li#hauptMenu_wirtschaft{
border-top: 0.42em solid #63718B; /*5px*/
height: 3.33em; /*40px*/
}
ul#hauptMenu li#hauptMenu_wirtschaft.selected{
background: #63718B;
}

ul#hauptMenu li#hauptMenu_tourismus{
border-top: 0.42em solid #CC6633; /*5px*/
height: 3.33em; /*40px*/
}
ul#hauptMenu li#hauptMenu_tourismus.selected{
background: #CC6633;
}

ul#hauptMenu li#hauptMenu_buergerserviceUndRathaus{
margin: 0;
border-top: 0.42em solid #698175; /*5px*/
width:13.08em; /*157px, da kein Abstand nach rechts*/
height: 3.33em; /*40px*/
}
ul#hauptMenu li#hauptMenu_buergerserviceUndRathaus.selected{
background: #698175;
}


ul#hauptMenu li a, ul#hauptMenu li a:link, ul#hauptMenu li a:visited{
display: block;
color: #333;
font-size: 1.17em; /*14px*/
font-weight: bold;
/*width:13em; 156px:wie li; display: block allein reicht IE nicht...*/
height: 2.29em; /*32px auf Basis 14px: 40px-8px padding  | f�r IE, der sonst Link nur auf Line-Height setzt...*/
padding: 0.29em; /*4px auf Basis 14px*/
}

ul#hauptMenu li:hover a, ul#hauptMenu li:focus a, ul#hauptMenu li a:hover, ul#hauptMenu li a:focus{
color: #fff;
text-decoration: none;
}


ul#hauptMenu li#hauptMenu_lebenInDortmund:hover, ul#hauptMenu li#hauptMenu_lebenInDortmund a:hover, ul#hauptMenu li#hauptMenu_lebenInDortmund a:focus,
#kopfPanoramaKlein .lebenInDortmund{
background: #B12C19;
}
ul#hauptMenu li#hauptMenu_freizeitUndKultur:hover, ul#hauptMenu li#hauptMenu_freizeitUndKultur a:hover, ul#hauptMenu li#hauptMenu_freizeitUndKultur a:focus,
#kopfPanoramaKlein .freizeitUndKultur{
background: #6C9023;
}
ul#hauptMenu li#hauptMenu_wirtschaft:hover, ul#hauptMenu li#hauptMenu_wirtschaft a:hover, ul#hauptMenu li#hauptMenu_wirtschaft a:focus,
#kopfPanoramaKlein .wirtschaft{
background: #63718B;
}
ul#hauptMenu li#hauptMenu_tourismus:hover, ul#hauptMenu li#hauptMenu_tourismus a:hover, ul#hauptMenu li#hauptMenu_tourismus a:focus,
#kopfPanoramaKlein .tourismus{
background: #CC6633;
}
ul#hauptMenu li#hauptMenu_buergerserviceUndRathaus:hover, ul#hauptMenu li#hauptMenu_buergerserviceUndRathaus a:hover, ul#hauptMenu li#hauptMenu_buergerserviceUndRathaus a:focus,
#kopfPanoramaKlein .buergerserviceUndRathaus{
background: #698175;
}

#kopfPanoramaKlein .allgemein{
background: #333;
}

ul#hauptMenu li.selected a, ul#hauptMenu li.selected a:link, ul#hauptMenu li.selected a:visited{
color: #fff;
}
/*
ul#hauptMenu li#hauptMenu_lebenInDortmund.selected a:hover, ul#hauptMenu li#hauptMenu_lebenInDortmund.selected a:focus,
ul#hauptMenu li#hauptMenu_freizeitUndKultur.selected a:hover,  ul#hauptMenu li#hauptMenu_freizeitUndKultur.selected a:focus,
ul#hauptMenu li#hauptMenu_wirtschaft.selected a:hover, ul#hauptMenu li#hauptMenu_wirtschaft.selected a:focus,
ul#hauptMenu li#hauptMenu_tourismus.selected a:hover, ul#hauptMenu li#hauptMenu_tourismus.selected a:focus,
ul#hauptMenu li#hauptMenu_buergerserviceUndRathaus.selected a:hover, ul#hauptMenu li#hauptMenu_buergerserviceUndRathaus.selected a:focus{
text-decoration: underline;
}
*/
ul#hauptMenu li ul{
position: absolute;
top: 0;
left: -1000em;
}

ul#hauptMenu li:hover ul{
position: absolute;
top: 3.333em; /*40px*/
left: 0;
width: 22.857em; /*320px*/
}

ul#hauptMenu li#hauptMenu_lebenInDortmund:hover ul{
border: 0.071em solid #B12C19; /*1px*/
}
ul#hauptMenu li#hauptMenu_freizeitUndKultur:hover ul{
border:0.071em solid #6C9023; /*1px*/
}
ul#hauptMenu li#hauptMenu_wirtschaft:hover ul{
border: 0.071em solid #63718B; /*1px*/
}
ul#hauptMenu li#hauptMenu_tourismus:hover ul{
border: 0.071em solid #CC6633; /*1px*/
}
ul#hauptMenu li#hauptMenu_buergerserviceUndRathaus:hover ul{
left: -9.92em; /*163px: Boxenbreite - Linkbreite 1. Ebene*/
border: 0.071em solid #698175; /*1px*/
}

ul#hauptMenu li:hover ul li{
display: block;
/*width: 12.857em; *//*180px, wie Men�punkte 1. Ebene -border*/
width: 22.857em;
background: #e8e8e8 url("/media/system/seitenelemente/menuTrennlinieDunkel.gif") no-repeat left bottom;
margin: 0;
padding: 0 0 0.083em 0; /*1px, sonst verschwindet Trennlinie...*/
}
ul#hauptMenu li#hauptMenu_buergerserviceUndRathaus:hover ul li{
/*width: 12.929em; *//*181px*/
}

ul#hauptMenu li#hauptMenu_lebenInDortmund:hover ul li a, ul#hauptMenu li#hauptMenu_lebenInDortmund:hover ul li a:link, ul#hauptMenu li#hauptMenu_lebenInDortmund:hover ul li a:visited,
ul#hauptMenu li#hauptMenu_freizeitUndKultur:hover ul li a, ul#hauptMenu li#hauptMenu_freizeitUndKultur:hover ul li a:link, ul#hauptMenu li#hauptMenu_freizeitUndKultur:hover ul li a:visited,
ul#hauptMenu li#hauptMenu_wirtschaft:hover ul li a, ul#hauptMenu li#hauptMenu_wirtschaft:hover ul li a:link, ul#hauptMenu li#hauptMenu_wirtschaft:hover ul li a:visited,
ul#hauptMenu li#hauptMenu_tourismus:hover ul li a, ul#hauptMenu li#hauptMenu_tourismus:hover ul li a:link, ul#hauptMenu li#hauptMenu_tourismus:hover ul li a:visited,
ul#hauptMenu li#hauptMenu_buergerserviceUndRathaus:hover ul li a, ul#hauptMenu li#hauptMenu_buergerserviceUndRathaus:hover ul li a:link, ul#hauptMenu li#hauptMenu_buergerserviceUndRathaus:hover ul li a:visited,
ul#hauptMenu li.selected:hover ul li a, ul#hauptMenu li.selected:hover ul li a:link, ul#hauptMenu li.selected:hover ul li a:visited{
display: block;
font-size: 1em; /*12px*/
/*width: 12.214em; *//*171px, wie Men�punkte 1. Ebene -border -padding*/
width: 22.214em;
font-weight: normal;
margin: 0;
height: 100%; /*�berschreiben von height 1. Ebene - dort n�tig f�r IE*/
padding: 0; /*0px, sonst verschwindet Trennlinie... 5px*/
color: #333;
padding: 0.583em 0.417em; /*7px*/
}

ul#hauptMenu li#hauptMenu_lebenInDortmund:hover ul li a:hover, ul#hauptMenu li#hauptMenu_lebenInDortmund:hover ul li a:focus,
ul#hauptMenu li#hauptMenu_freizeitUndKultur:hover ul li a:hover, ul#hauptMenu li#hauptMenu_freizeitUndKultur:hover ul li a:focus,
ul#hauptMenu li#hauptMenu_wirtschaft:hover ul li a:hover, ul#hauptMenu li#hauptMenu_wirtschaft:hover ul li a:focus,
ul#hauptMenu li#hauptMenu_tourismus:hover ul li a:hover, ul#hauptMenu li#hauptMenu_tourismus:hover ul li a:focus,
ul#hauptMenu li#hauptMenu_buergerserviceUndRathaus:hover ul li a:hover, ul#hauptMenu li#hauptMenu_buergerserviceUndRathaus:hover ul li a:focus,
ul#hauptMenu li.selected:hover ul li a:hover, ul#hauptMenu li.selected:hover ul li a:focus{
background: #fff;
text-decoration: none;
color: #333;
/*width: 12em; *//*168px, wie Men�punkte 1. Ebene -border -padding*/
width: 22em; /*308px*/
}
ul#hauptMenu li#hauptMenu_buergerserviceUndRathaus:hover ul li a:hover, ul#hauptMenu li#hauptMenu_buergerserviceUndRathaus:hover ul li a:focus{
/*width: 12.143em; *//*170px*/
/*width: 22.071em; */ /*309px  - Opera will nur 308: geht auch so*/
}

ul#hauptMenu ul li a.linkExtern, ul#hauptMenu ul li a.linkExtern:link, ul#hauptMenu ul li a.linkExtern:visited{
background: url("/media/system/seitenelemente/iconLinkExtern.gif") no-repeat 21.250em 0.833em !important; /*255px 10px*/
width: 20em !important;
padding-right: 2.417em !important;
}
ul#hauptMenu ul li a.linkExtern:hover, ul#hauptMenu ul li a.linkExtern:focus{
background: #fff url("/media/system/seitenelemente/iconLinkExtern.gif") no-repeat 21.250em 0.833em !important; /*255px 10px*/
width: 20em !important;
padding-right: 2.417em !important;
}


/*## Menu #############################################################*/
#menu{
background: #f2f2f2;
border-top: 0;
}

#menu ul{
margin: 0.833em 0 0.833em 0.833em; /*10px 0 10px 10px*/
}
#menu ul ul{
margin: 0; /*10px 0 10px 20px*/
}
#menu ul li{
line-height: 1em; /*12px kleine Zeilenh�he + padding, damit bei Umbruch Zielen n�her zusammen stehen, ab anzeigeKnoten anders, s.u.*/
padding: 0.5em 0; /*6px*/
display: none;
}

#menu ul li a, #menu ul li a:link, #menu ul li a:visited, #menu ul li a:hover, #menu ul li a:focus{
padding: 0 0.833em 0 0.833em; /*10px*/
display: block;
width: 16.250em; /*195px: rasterSpalte3 - margin - padding*/
}


#menu ul li.selected{
display: block;
}
#menu ul li.selected a, #menu ul li.selected a:link, #menu ul li.selected a:visited{
color: #888;
} 
#menu ul li.selected a:hover, #menu ul li.selected a:focus{
color: #ba4b3b;
}

#menu ul li.anzeigeKnoten ul{
margin: 1.667em 0 0 0; /*20px*/
}
#menu ul li.anzeigeKnoten ul li{
display: block;
background: url("/media/system/seitenelemente/menuTrennlinie~1.gif") no-repeat left bottom;
/*line-height: 2.083em; *//*25px*/
margin: 0;
padding: 0 0 0.083em 0; /*1px, sonst verschwindet Trennlinie...*/
line-height: 1.5em; /*18px*/
}

/*nur 1. Ebene unterhalb selected anzeigen, wenn nicht auch selected*/
#menu ul li.anzeigeKnoten ul li ul, #menu ul li.anzeigeKnoten ul li.selected ul li ul, #menu ul li.anzeigeKnoten ul li.selected ul li.selected ul li ul{
display: none;
}
#menu ul li.anzeigeKnoten ul li.selected ul, #menu ul li.anzeigeKnoten ul li.selected ul li.selected ul, #menu ul li.anzeigeKnoten ul li.selected ul li.selected ul li.selected ul{
display: block;
}

#menu ul li.anzeigeKnoten ul ul{
margin: 0.083em 0 0 0; /*1px "li-nicht-geschlossen"-Ausgleich*/
}

#menu ul li.anzeigeKnoten ul li a, #menu ul li.anzeigeKnoten ul li a:link, #menu ul li.anzeigeKnoten ul li a:visited{
color: #333;
}
#menu ul li.anzeigeKnoten ul li a:hover, #menu ul li.anzeigeKnoten ul li a:focus{
background: #fff;
text-decoration: none;
color: #333;
}
#menu ul li.anzeigeKnoten ul li a.linkExtern, #menu ul li.anzeigeKnoten ul li a.linkExtern:link, #menu ul li.anzeigeKnoten ul li a.linkExtern:hover{
background: url("/media/system/seitenelemente/iconLinkExtern.gif") no-repeat 16.667em 0.75em !important; /*10px 9px*/
background: url("/media/system/seitenelemente/iconLinkExtern.gif") no-repeat 16.667em 0.833em; /*10px 10px*/
}
#menu ul li.anzeigeKnoten ul li a.linkExtern:hover, #menu ul li.anzeigeKnoten ul li a.linkExtern:focus{
background: #fff url("/media/system/seitenelemente/iconLinkExtern.gif") no-repeat 16.667em 0.75em !important; /*10px 9px*/
background: #fff url("/media/system/seitenelemente/iconLinkExtern.gif") no-repeat 16.667em 0.833em; /*10px 10px*/
}




/*Ebeneneinr�ckung 1*/
#menu ul li.anzeigeKnoten ul li a, #menu ul li.anzeigeKnoten ul li a:link, #menu ul li.anzeigeKnoten ul li a:visited,  #menu ul li.anzeigeKnoten ul li a:hover,  #menu ul li.anzeigeKnoten ul li a:focus{
padding: 0.417em 0.833em 0.417em 2.5em; /*5px 10px 5px 30px*/
width: 14.583em; /*175px: rasterSpalte3 - margin - padding*/
}
/*Ebeneneinr�ckung 2*/
#menu ul li.anzeigeKnoten ul li li a, #menu ul li.anzeigeKnoten ul li li a:link, #menu ul li.anzeigeKnoten ul li li a:visited,  #menu ul li.anzeigeKnoten ul li li a:hover,  #menu ul li.anzeigeKnoten ul li li a:focus{
padding: 0.417em 0.833em 0.417em 4.167em; /*5px 10px 5px 50px*/
width: 12.917em; /*155px: rasterSpalte3 - margin - padding*/
}
/*Ebeneneinr�ckung 3*/
#menu ul li.anzeigeKnoten ul li li li a, #menu ul li.anzeigeKnoten ul li li li a:link, #menu ul li.anzeigeKnoten ul li li li a:visited,  #menu ul li.anzeigeKnoten ul li li li a:hover,  #menu ul li.anzeigeKnoten ul li li li a:focus{
padding: 0.417em 0.833em 0.417em 5.833em; /*5px 10px 5px 70px*/
width: 11.250em; /*135px: rasterSpalte3 - margin - padding*/
}
/*Ebeneneinr�ckung 4*/
#menu ul li.anzeigeKnoten ul li li li li a, #menu ul li.anzeigeKnoten ul li li li li a:link, #menu ul li.anzeigeKnoten ul li li li li a:visited,  #menu ul li.anzeigeKnoten ul li li li li a:hover,  #menu ul li.anzeigeKnoten ul li li li li a:focus{
padding: 0.417em 0.833em 0.417em 7.5em; /*5px 10px 5px 90px*/
width: 9.583em; /*115px: rasterSpalte3 - margin - padding*/
}


#menu ul li.anzeigeKnoten ul li.selected a, #menu ul li.anzeigeKnoten ul li.selected a:link, #menu ul li.anzeigeKnoten ul li.selected a:visited, #menu ul li.anzeigeKnoten ul li.selected a:hover, #menu ul li.anzeigeKnoten ul li.selected a:focus,
#menu ul li.anzeigeKnoten ul li.selected li.selected a, #menu ul li.anzeigeKnoten ul li.selected li.selected a:link, #menu ul li.anzeigeKnoten ul li.selected li.selected a:visited, #menu ul li.anzeigeKnoten ul li.selected li.selected a:hover, #menu ul li.anzeigeKnoten ul li.selected li.selected a:focus,
#menu ul li.anzeigeKnoten ul li.selected li.selected li.selected a, #menu ul li.anzeigeKnoten ul li.selected li.selected li.selected a:link, #menu ul li.anzeigeKnoten ul li.selected li.selected li.selected a:visited, #menu ul li.anzeigeKnoten ul li.selected li.selected li.selected a:hover, #menu ul li.anzeigeKnoten ul li.selected li.selected li.selected a:focus{
/*font-weight: bold;*/ /*mj*/
font-weight: normal;
}
#menu ul li.anzeigeKnoten ul li.selected li a, #menu ul li.anzeigeKnoten ul li.selected li a:link, #menu ul li.anzeigeKnoten ul li.selected li a:visited, #menu ul li.anzeigeKnoten ul li.selected li a:hover, #menu ul li.anzeigeKnoten ul li.selected li a:focus,
#menu ul li.anzeigeKnoten ul li.selected li.selected li a, #menu ul li.anzeigeKnoten ul li.selected li.selected li a:link, #menu ul li.anzeigeKnoten ul li.selected li.selected li a:visited, #menu ul li.anzeigeKnoten ul li.selected li.selected li a:hover, #menu ul li.anzeigeKnoten ul li.selected li.selected li a:focus{
font-weight: normal;
}
#menu ul li.anzeigeKnoten ul li.selected a.anzeigePunkt, #menu ul li.anzeigeKnoten ul li.selected a.anzeigePunkt:link, #menu ul li.anzeigeKnoten ul li.selected a.anzeigePunkt:visited, #menu ul li.anzeigeKnoten ul li.selected a.anzeigePunkt:hover, #menu ul li.anzeigeKnoten ul li.selected a.anzeigePunkt:focus{
background: #fff url("/media/system/seitenelemente/pfeil_rot_rechts.gif") no-repeat 0.833em 0.667em; /*10px 8px*/
}

#menu ul li.anzeigeKnoten ul li.selected a.anzeigePunkt:hover, #menu ul li.anzeigeKnoten ul li.selected a.anzeigePunkt:focus{
color: #111;
}

/*f�r Bannerbox unter Men�*/
#menu .rasterSpalte3{
border: 0;
clear: both;
margin: 1.67em 0 0 0; /*20px 0 0 0*/
}
#menu .rasterSpalte3 h2{
display: none;
}




/*#####################################################################*/
/*### Kopf-Panoramen und Startseiten-Specials #########################*/

#kopfPanorama{
margin-top: 4.58em; /*55px*/
height: 25em; /*300px*/
position: relative; /*zum Ausrichten der BildQuelle*/
/*MIK*/
overflow:hidden;
width: 65.416em; /*785px*/
}

#kopfPanorama #absenderKennung{
width: 18.750em; /*225px = rasterSpalte3*/
height: 12.5em; /*150px*/
left: 0;
top: 0;
background: url("/media/system/seitenelemente/png_hg_ak.png") repeat left top;
clear: both;
margin: 0;
position: absolute;
}

/* mik 03.08.2010*/
#kopfPanorama #absenderKennung img.logoabsenderkennung{
width: 15.416em; /*185px*/
height: 9.166em; /*110px*/
left: 0;
top: 0;
clear: both;
margin: 1.666em; /*20px*/
}

#kopfPanoramaKlein{
margin-top: 4.58em; /*55px*/
height: 12.5em; /*150px*/
position: relative; /*zum Ausrichten der BildQuelle*/
}



#kopfPanoramaKlein #absenderKennung{
width: 18.750em; /*225px = rasterSpalte3*/
height: 12.5em; /*150px*/
float: left;
clear: both;
margin:0;
position: relative;
}


#kopfPanoramaKlein #absenderKennung h1, #kopfPanorama #absenderKennung h1{
color: #fff;
font-size: 1.5em; /*24px auf Basis 16px*/
font-weight: normal;
line-height: 1.25em; /*30px auf Basis 24px*/
text-align: right;
position: absolute;
bottom: 0.417em; /*10px auf Basis 24px*/
right: 0.833em; /*20px auf Basis 24px*/
}


#kopfPanorama img{
width: 65.417em; /*785px = volle Breite = #wrapper*/
height: 25em; /*300px*/
}

#kopfPanoramaKlein img{
height: 12.5em; /*150px*/
width: 45.417em; /*545px*/
margin: 0 0 0 1.25em; /*20px 0 0 15px*/
float: left;
}

/*Bl�tterbuttons f�r Panoramenwechsler*/
#kopfPanorama img.buttonLinks{
width: 2.083em; /*32px*/ /*14.167em;*//*170px*/
height: 2.083em;/*32px*/ /*12.5em;*/ /*150px*/
position: absolute;
top: 19.583em; /*235px*/
left: 0;
}
#kopfPanorama img.buttonRechts{
width: 2.083em; /*32px*/ /*14.167em;*//*170px*/
height: 2.083em;/*32px*/ /*12.5em;*/ /*150px*/
position: absolute;
top: 19.583em; /*235px*/
left: 63.333em; /*760px*/
}

/* mik start 19.07.2010 */
#kopfPanorama img.buttonPanoramaDiashow {
height:2.083em;
width:2.083em;
left:61.083em; /*733px*/
position:absolute;
top:19.583em;
}
/* ende */

/* mik*/
#kopfPanorama img.sliderImg {
position:absolute;
top:0;
left:0;
margin-left:0;
width: 65.417em; /*785px*/
height: 25em; /*300px;*/
}

#suchenUndFinden{
position: absolute;
top: 14.583em; /*175px*/
left: 44.17em; /*530px;*/
width: 16.67em; /*200px*/
/*height: 21.67em; 260px*/
z-index: 9; /*damit �ber FlashElementen*/

}


#suchenUndFinden h2{
font-size: 1.167em; /*14px*/
color: #f0f0f0;
background: url("/media/system/seitenelemente/png_kopf_hg.png") repeat left top;
line-height: 1.929em; /*27px auf Basis 14px*/
margin: 0;
}
#suchenUndFinden h2 a, #suchenUndFinden h2 a:link, #suchenUndFinden h2 a:visited{
color: #f0f0f0;
/*background: url("/media/system/seitenelemente/pfeil_weiss_links.gif") no-repeat 12.786em 0.643em;*/ /*179px 9px auf Basis 14px*/
display: block;
width: 13.214em; /*185px auf Basis 14px: #suchenUndFinden - padding*/
font-weight: bold;
padding: 0 0 0 1.071em; /*15px auf Basis 14px*/
position: relative;
}
#suchenUndFinden h2.kkAktiv a, #suchenUndFinden h2.kkAktiv a:link, #suchenUndFinden h2.kkAktiv a:visited{
background: url("/media/system/seitenelemente/pfeil_weiss_links.gif") no-repeat 12.786em 0.643em; /*179px 9px auf Basis 14px*/
}


#suchenUndFinden h2.kkInaktiv a, #suchenUndFinden h2.kkInaktiv a:link, #suchenUndFinden h2.kkInaktiv a:visited{
background: url("/media/system/seitenelemente/pfeil_weiss_unten.gif") no-repeat 12.786em 0.786em; /*179px 11px auf Basis 14px*/
}

#suchenUndFinden div#sfInhalt{
background: url("/media/system/seitenelemente/png_hg.png") repeat left top;
height: 15.250em/* !important*/; /*183px: #suchenUndFinden - h2 - padding*/
/*height: 12.750em;*/ /*IE noch mal 30px weniger...? 153px: #suchenUndFinden - h2 - padding*/
padding: 1.250em !important; /*15px*/
padding: 1.25em 1.083em 0 1.167em; /*15px 13px 0 14px*/
width: 14em; /*168px: #suchenUndFinden - padding - border*/
border-left: 0.083em solid #999; /*1px*/
border-right: 0.083em solid #999;
border-bottom: 0.083em solid #999;
}

.englisch #sfInhalt{
position: relative;
}

#suchenUndFinden div#sfInhalt h3{
margin-top: 0.833em /*!important*/;/*10px*/
/*margin-top: 1.833em;*/ /*22px*/
margin-bottom: 0.250em;/*3px*/
text-transform: none;
color: #666;
}

#suchenUndFinden div#sfInhalt div.klippklapp{
margin-right: 0.417em; /*5px*/
float: left;
width: 7.5em;
position: absolute;
left: 1.250em;/*15px*/
top: 16.667em;/*200px*/
}
#suchenUndFinden div#sfInhalt div.kkRechts{
left: 8.167em;/*98px*/
}

#suchenUndFinden div#sfInhalt div.klippklapp.volleBreite{
width: 15.417em; /*185px*/
}
#suchenUndFinden div#sfInhalt div.klippklapp.volleBreite a.linkKnopf{
font-weight: bold;

}

#suchenUndFinden div#sfInhalt div.klippklapp div{
margin-top: 0.417em;
border: 0.083em solid #999;
width: 9.167em; /*110px*/
padding: 0.417em; /*5px*/
background: url("/media/system/seitenelemente/png_hg.png") repeat left top;
}

#suchenUndFinden div#sfInhalt div.klippklapp.volleBreite div{
width: 155px;
}

#suchenUndFinden div#sfInhalt div.klippklapp div a, #suchenUndFinden div#sfInhalt div.klippklapp div a:link, #suchenUndFinden div#sfInhalt div.klippklapp div a:visited{
position: relative; /*wegen png und absolute und links: Kombi funktioniert sonst nicht in IE<7...*/
}

#suchenUndFinden div#sfInhalt div.klippklapp div li{
background: url("/media/system/seitenelemente/menuTrennlinieDunkel.gif") no-repeat right bottom;
line-height: 1.333em; /*16px*/
margin: 0;
padding: 0 0 0.083em 0;
}

#suchenUndFinden div#sfInhalt div.klippklapp div a, #suchenUndFinden div#sfInhalt div.klippklapp div a:link, #suchenUndFinden div#sfInhalt div.klippklapp div a:visited{
position: relative; /*wegen png und absolute und links: Kombi funktioniert sonst nicht in IE<7...*/
display: block;
padding: 0.167em 0 0.083em 0;
margin: 0;
color: #333;
}
#suchenUndFinden div#sfInhalt div.klippklapp div a:hover, #suchenUndFinden div#sfInhalt div.klippklapp div a:focus{
background:#eee;
}

/* Tempor�r - kann wieder raus, wenn SELECT-Umschalter Portalsuche/VK-Suche/Stadtplan-Suche... */
				
				#suchenUndFinden div#sfInhalt a.erweiterteSuche, #suchenUndFinden div#sfInhalt a.erweiterteSuche:link, #suchenUndFinden div#sfInhalt a.erweiterteSuche:visited{
					width: 9.5em; /*114px*/
					display: block;
					line-height: 1.583em; /*19px*/
					padding: 0 0 0 1em; /*10px*/
					float: left;
					margin-top: 0.417em;
					background: url("/media/system/seitenelemente/pfeil_rot_rechts.gif") no-repeat 0 0.333em;
					color:#666;
				}

/* Tempor�r - Ende */

#suchenUndFinden div#sfInhalt h3.sfWeitereLinks{
margin-top: 0.833em;
}

#suchenUndFinden div#sfInhalt ul.sfWeitereLinks{
overflow: auto; /*cleared nach letztem Kindelement, Bsp: Linie wird unter Bild angezeigt, funktioniert logischerweise nicht bei absolut positionierten Kindelementen, siehe VK imgHoehe*/
width: 14em; /*168px*/
}

#suchenUndFinden div#sfInhalt ul.sfWeitereLinks li{
margin: 0;
}

#suchenUndFinden div#sfInhalt ul.sfWeitereLinks a, #suchenUndFinden div#sfInhalt ul.sfWeitereLinks a:link, #suchenUndFinden div#sfInhalt ul.sfWeitereLinks a:visited{
width: 12.917em; /*155px*/
display: block;
line-height: 1.333em; /*16px*/
padding: 0 0 0 1em; /*10px*/
background: url("/media/system/seitenelemente/pfeil_rot_rechts.gif") no-repeat 0 0.333em;
color: #666;
position: relative; /*sonst funktionieren Links in Elementen mit png-Hintergrund im IE nicht*/
}


.bildQuelle span{
margin: 0 1.182em 0 0.455em; /*0 8px auf Basis 11px*/
line-height: 2em; /*22px auf Basis 11 px*/
font-size: 0.917em; /*11px*/
color: #e8e8e8;
font-style: italic;
}

.bildQuelle span span{
padding: 0; /*0 8px auf Basis 11px*/
font-size: 1em; /*11px*/
font-style: normal;
font-weight: bold;
margin: 0 0.455em 0 0;
}

.bildQuelle span a, .bildQuelle span a:link, .bildQuelle span a:visited{
color: #e8e8e8;
font-style: italic;
}

.bildQuelle span span a, .bildQuelle span span a:link, .bildQuelle span span a:visited{
color: #e8e8e8;
font-style: normal;
line-height: 2em;
font-weight: bold;
background: url("/media/system/seitenelemente/panorama_link_pfeil.gif") no-repeat 0 0.25em;
padding: 0 0 0 1.182em;
}

#kopfPanorama .bildQuelle span a img, #kopfPanorama .bildQuelle span a:link img, #kopfPanorama .bildQuelle span a:visited img,
#kopfPanoramaKlein .bildQuelle span a img, #kopfPanoramaKlein .bildQuelle span a:link img, #kopfPanoramaKlein .bildQuelle span a:visited img, 
.drehscheibeElement .bildQuelle span a img, .drehscheibeElement .bildQuelle span a:link img, .drehscheibeElement .bildQuelle span a:visited img, 
.listeAllgemein .element .bildQuelle span a img, .listeAllgemein .element .bildQuelle span a:link img, .listeAllgemein .element .bildQuelle span a:visited img,
.beitraege3plus1 .rasterSpalte4 .bildQuelle span a img, .beitraege3plus1 .rasterSpalte4 .bildQuelle span a:link img, .beitraege3plus1 .rasterSpalte4 .bildQuelle span a:visited img{ 
display: inline;
height: 0.833em;
width: auto;
margin: 0;
float: none;
}

#kopfPanorama .bildQuelle{
position: absolute;
top: 23.167em; /*278px: kopfPanorama - line-height*/
/*right: 0.417em;*/ /*0px gewollt + 5px #wrapperLuft*/
right: 0;
text-align: right;
background: url("/media/system/seitenelemente/png_copyright_hg.png") repeat left top;
overflow: hidden;
height: 1.833em; /*22px*/
}
#kopfPanoramaKlein div.bildQuelle{
position: absolute;
top: 10.667em; /*128px: kopfPanorama - line-height*/
right: 0.417em; /*0px gewollt + 5px #wrapperLuft*/
text-align: right;
background: url("/media/system/seitenelemente/png_copyright_hg.png") repeat left top;
overflow: hidden;
height: 1.833em; /*22px*/
}

#startseitenInfoZeile{
font-size: 1.167em; /*14px*/
font-weight: bold;
width: 56.071em !important; /*785px auf Basis 14px*/
margin: 0.714em 0 0 0; /*10px auf Basis 14px*/
border-top: 0.286em solid #e8e8e8; /*4px auf Basis 14px*/
line-height: 2.857em; /*40px auf Basis 14px*/
}


#sonderNachricht{
float: none;
display: block;
margin: 0.714em 0 0 0; /*10px auf Basis 14px*/
padding: 3.333em 0 1.5em 0;
}

#sonderNachricht .hauptText{
background: url("/media/system/seitenelemente/punktLinie2.gif") repeat-x center bottom;
padding: 0 0 0.333em 0; /*4px*/
margin: 0 0 0.917em 0; /*11px*/
overflow: auto; /*cleared nach letztem Kindelement, Bsp: Linie wird unter Bild angezeigt, funktioniert logischerweise nicht bei absolut positionierten Kindelementen, siehe VK imgHoehe*/
width: 99.5%; /*sonst stellt IE das overflow: auto;  nicht dar..., bei 100% macht Opera10 Scrollbalken...*/
}

#sonderNachricht h2{
width: 65.417em; /*785px = rasterSpalte10*/
}

#sonderNachricht h3{
width: 49.063em; /*785px auf Basis 16px (definiert f�r beitragDetail h3) = rasterSpalte10*/
line-height: 1.25em;
}


#sonderNachricht h2 span.datum{
text-transform: none;
float: right;
margin-left: 1.25em;
text-align: right;
}


#sonderNachricht h3 a, #sonderNachricht h3 a:link, #sonderNachricht h3 a:visited{
width: 49.063em; /*785px auf Basis 16px (definiert f�r beitragDetail h3) = rasterSpalte10*/
line-height: 1.083em;
}

#sonderNachricht p.vorspann{
font-weight: normal;
}

#sonderNachricht a.uebersicht, #sonderNachricht a.uebersicht:link, #sonderNachricht a.uebersicht:visited{
width: 18.750em; /*225px = rasterSpalte3*/
margin: 0.917em 0 0 46.667em; /*560px = rasterSpalte7 + 15px Abstand*/
}


/*Hier & Heute*/
.hierUndHeute h3{
margin: 1.25em 0 0.417em 0;
text-transform: none;
}

.hierUndHeute .klippklapp{
position: relative;
}

li.audio{
background: url("/media/system/seitenelemente/icon_audio.gif") no-repeat 0.167em 0.25em; /*2px 3px*/
padding: 0 0 0 1.25em;
}

.hierUndHeute .klippklapp span{
width: 17em;
}

.hierUndHeute .klippklapp a, .hierUndHeute .klippklapp a:link, .hierUndHeute .klippklapp a:visited{
text-decoration: none;
}

.hierUndHeute .radio1{
z-index: 20;
}
.hierUndHeute .radio2{
z-index: 10;
}

.hierUndHeute .radio912{
position: absolute;
top: 1.5em !important;
top: 0.333em;
left: 0;
background: #fafafa;
padding: 0.417em;
width: auto;
height: auto;
border: 1px solid #999;
}

.hierUndHeute .radio912 p{
width: 17.5em;
*width: 10.667em;
}

.hierUndHeute .radio912 img.closeButton{
position: absolute;
top: 0.417em;
right: 0.417em;
width: 0.75em;
height: 0.75em;
}

/* #### WetterBox ##########################################*/
iframe.wetterBox{
width: 18.750em; /*225px*/
height: 12.917em; /*155px*/
overflow: hidden;
border: none;
}

div#wetterBox{
	background: #f2f2f2;
	padding: 0.833em 0.417em 0.833em 0.583em !important;/*10px 5px*/
	overflow: auto; /*cleared nach letztem Kindelement, Bsp: Linie wird unter Bild angezeigt, funktioniert logischerweise nicht bei absolut positionierten Kindelementen, siehe VK imgHoehe*/
	width: 17.917em !important; /*215px*/
	width: 18.083em; /*217px*/
}

div#wetterBox img{
	float: left;
	margin: 0 0.833em 0 0; /*5px*/
}
div#wetterBox h4{
	font-size: 1.333em; /*16px*/
	text-transform: none;
	line-height: 1em;
}
div#wetterBox h4 span{
	font-size: 0.625em; /*10px auf Basis 16px*/
	display: block;
}
div#wetterBox div.detailUmschalter{
	background: url("/media/system/seitenelemente/pfeil_rot_rechts.gif") no-repeat 0 0.333em; /*0 4px*/				
	font-size: 0.833em; /*10px*/
	padding: 0 0 0 1.25em;/*15px*/
}
div#wetterBox div#detailWetter{
	font-size: 0.833em; /*10px*/
}

div#wetterBox div#detailWetter div{
	width: 6.5em; /*65px auf Basis 10px*/
	float: left;
	margin: 0.5em 0.333em 0 0;
}

div#wetterBox div#detailWetter div img{
	float: left;
	margin: 0 0.2em 0 0; /*1px*/
}

div#wetterBox div#detailWetter div.vorhersage{
	width: 8em;
	line-height: 1.4em;
}
div#wetterBox div#detailWetter div.vorhersage p, div#wetterBox div#detailWetter div.wind p{
	padding-top: 0.5em;
}
div#wetterBox div#detailWetter div.vorhersage p img{
margin-top: -0.5em;
}

div#wetterBox div#detailWetter div.regen{
	width: 5.917em;
}
div#wetterBox div#detailWetter div.regen p{
	line-height: 3.2em;
	padding-top: 0.3em;
}
div#wetterBox div#detailWetter div.wind{
	line-height: 1.4em;
}

div#wetterBox div#detailWetter h5{
	background: #6093CC;
	color: #eee;
	font-size: 1em; /*10px*/
	line-height: 1em;
	padding: 0.2em;/*2px auf Basis 10px*/
	margin: 0;
}				
div#wetterBox div#detailWetter p{
	padding: 0.2em 0 0 0;/*5px, 2px auf Basis 10px*/
	margin: 0;
}		

.boxQuelle{
	text-align: right;
	font-size: 0.833em; /*10px*/
	color: #999;
	line-height: 1.25em;
	width: 22.5em;
}
.boxQuelle a, .boxQuelle a:link, .boxQuelle a:visited{
	color: #999;
}

/* #### Wetter Ende ################################################################# */



/* ##################################################################### */
/* ## Inhaltsbereich ################################################### */
.beitragDetail{ /*ohne Zusatzboxen (Veranstalter, ...), nur Text + RulerSymbole*/
padding: 0.833em 0;
}
.beitragDetail h2{
font-size: 1em; /*12px*/
width: 38.750em; /*465px = rasterSpalte6*/
text-transform: uppercase;
position: relative;
}
.beitragDetail h2 span.datum{
float: right;
margin-left: 1.250em; /*15px*/
}


.beitragDetail h3, .keineDachzeile h2{
font-size: 1.333em; /*16px*/
width: 29.063em; /*465px auf Basis 16px = rasterSpalte6*/
text-transform: none;
color: #7e7e7e;
line-height: 1.5em; /*18px*/
margin: 0.417em 0 1em 0; /*12px auf Basis 12px*/
}



.beitragDetail .hauptBox{ /*umschlie�t "Maintext" + TextService-Leiste*/
width: 45.417em; /*545px = rasterSpalte7inhalt*/
margin: 1.417em 0 0 0;/*15px*/
}
.keineDachzeile .hauptBox{
margin: 0;
}
.hauptBox h3{
color: #333;
font-size: 1.08em; /*13px*/
font-weight: bold;
line-height: 1.231em; /*16px auf Basis 13px*/
margin: 0 0 0.62em 0; /*0 0 8px 0*/
}


.beitragDetail .hauptBox .hauptText{
width: 38.750em; /*465px = rasterSpalte6*/
padding: 0 0.833em 0 0; /*10px, das + border + 1px zum "Atmen"(bricht sonst bei 3facher Veg��erung um)= die normalen 15px*/
float: left;
border-right: 0.333em solid #e8e8e8; /*4px*/
}
.rasterSpalte4 .hauptText{ /*f�r 4er Flie�textboxen: damit Text auf H�he der nebenstehenden Box anf�ngt*/
margin-top: -0.333em;/*4px*/
}


.hauptText p{ /*Flie�textboxen und Detailseiten*/
line-height: 1.5em; /*18px*/
margin: 0 0 1em 0;
}
.hauptText p.vorspann, .hauptBox .leuchttisch p.vorspann, .listeAllgemein p.vorspann{ /*Flie�textboxen und Detailseiten und GalerieDetailseiten*/
font-weight: bold;
margin-bottom: 1.5em; /*18px*/
}

.listeAllgemein div.einfuehrungstext{
margin-bottom: 1.5em; /*18px*/
}

.hauptText .bilderstrecke{
margin: 1.25em 0 0 0;
/* *margin: 1.25em 0 -1.25em 0;*/ /*15px*/
}

.hauptText .bilderstrecke h4{
margin: 0 0 0.417em 0;
}

.hauptText .bilderstrecke .bilder{
/*width: 33.333em; 400px*/
width: 38.583em; /*463px: rasterSpalte6 - border*/
background: #e8e8e8;
text-align: center;
border: 0.083em solid #e8e8e8;
position: relative;
margin-bottom: 1.25em; /*geh�rt eigentlich in .bilderstrecke, dort nimmt's irgendwie aber nur der IE an...*/
}
.hauptText .bilderstrecke .bilder img{
margin: 0 auto;
background: #fff;
}


.hauptText .bilderstrecke .bilder img.buttonLinks{
position: absolute;
top: 0;/*3.333em*/
left: 0;
width: 16.667em; /*32px*/
height: 28.917em; /*347px*/
background: transparent; /*�berschreiben des Fotohintergrundes aus .bilder img*/
}
.hauptText .bilderstrecke .bilder img.buttonRechts{
position: absolute;
top: 0;/*3.333em*/
left: 21.917em;
width: 16.667em;
height: 28.917em;
background: transparent; /*�berschreiben des Fotohintergrundes aus .bilder img #fff*/
}


.hauptText .bildBoxKlein{ /*Flie�textboxen*/
width: 12.083em; /*145px = rasterSpalte2*/
margin: 0.417em 1.250em 1.250em 0;  /* 5px(wegen line-height) 15px 15px 0*/
background: #e8e8e8;
float: left;
}

.hauptText .bildBox{
width: 18.750em; /*225px = rasterSpalte3*/
margin: 0.417em 1.250em 1.250em 0;  /* 5px(wegen line-height) 15px 15px 0*/
background: #e8e8e8;
float: left;
}

.hauptText .bildBoxVier{
width: 25.417em; /*305px = rasterSpalte4*/
margin: 0.417em 0 1.250em 0;  /* 5px(wegen line-height) 0 15px 0*/
background: #e8e8e8;
float: left;
}

.hauptText .bildBoxSieben{
width: 45.417em; /*545px*/
margin: 0.417em 0 1.250em 0;  /* 5px(wegen line-height) 0 15px 0*/
background: #e8e8e8;
float: left;
}

.hauptText .linkBox, .hauptText .zitatBox{
width: 17.083em; /*205px: 225px=rasterSpalte3-padding*/
/* *width: 18.750em; *//*225px: IE padding Verrechnung*/
margin: 0.417em 1.250em 1.250em 0;  /* 5px(wegen line-height) 15px 15px 0*/
padding: 0.667em 0.833em; /*8px 10px*/
background: #e8e8e8;
float: left;
}

.hauptText .linkBoxBreit, .hauptText .zitatBoxBreit{
width: 43.750em; /*525px = rasterSpalte7 = (universal-)hauptText - margin und padding*/
margin: 0.417em 0 1.250em 0;  /* 5px(wegen line-height) 15px 15px 0*/
padding: 0.667em 0.833em; /*8px 10px*/
background: #e8e8e8;
clear: both;
float: none;
}

.hauptText .linkBoxVier, .hauptText .zitatBoxVier{
width: 23.750em; /*285px = rasterSpalte4 - padding*/
margin: 0.417em 0 1.250em 0;  /* 5px(wegen line-height) 0 15px 0*/
padding: 0.667em 0.833em; /*8px 10px*/
background: #e8e8e8;
float: left;
}


.beitragDetail .hauptText .linkBoxBreit, .beitragDetail .hauptText .zitatBoxBreit{
width: 37.083em; /*445px = rasterSpalte6 = hauptText - margin und padding*/
}

.hauptText .zitatBox, .hauptText .zitatBoxBreit{
color: #999;
line-height: 1.833em;
font-weight: bold;
font-style: italic;
}

.hauptText .zitatBox q, .hauptText .zitatBoxBreit q{
color: #333;
font-weight: bold;
font-style: italic;
}

.hauptText .zitatBox img{
width: 3.167em;
height: 2.5em;
margin: 0.5em 1em 0.417em 0;
float: left;
}

.hauptText .linkBox .audioplayerElement h5, .hauptText .linkBoxBreit .audioplayerElement h5, .hauptText .linkBoxVier .audioplayerElement h5{
font-size: 0.917em;
font-weight: bold;
color: #666;
}

.hauptText .linkBox .audioplayerElement, .hauptText .linkBoxBreit .audioplayerElement, .hauptText .linkBoxVier .audioplayerElement{
margin-top: 0.833em;
}


.hauptText .bildBoxGross{
width: 38.750em; /*465px = rasterSpalte6 = hauptText*/
margin: 1.250em 0; /*15px*/
background: #e8e8e8;
float: none;
}

.hauptText .bildBoxKlein img{ /*Flie�textboxen*/
width: 12.083em; /*145px = rasterSpalte2*/
}

.hauptText .bildBox img{
width: 18.750em; /*225px;*/
margin: 0; 
*margin: 0 0 -5px 0;
}

.hauptText .bildBoxVier img{
width: 25.417em; /*305px*/
}
.hauptText .bildBoxSieben img{
width: 45.417em; /*545px*/
}

.hauptText .bildBoxGross img{
width: 38.750em; /*465px = rasterSpalte6 = hauptText*/
}

.hauptText .bildBox a, .hauptText .bildBoxKlein a, .hauptText .bildBoxGross a, .hauptText .bildBoxVier a, .hauptText .bildBoxSieben a{
position: relative;
display: block;
height: 100%; /*sonst richtet IE die absolut positionierte Elemente an bildBox aus, weil er die H�he nicht kennt...*/
}
/*Lupe & Download*/
.hauptText .bildBox img.lupe, .hauptText .bildBoxKlein img.lupe, .hauptText .bildBoxGross img.lupe, .hauptText .bildBoxVier img.lupe, .hauptText .bildBoxSieben img.lupe,
.hauptText .bildBox img.download, .hauptText .bildBoxKlein img.download, .hauptText .bildBoxGross img.download, .hauptText .bildBoxVier img.download,  .hauptText .bildBoxSieben img.download{
/*position: absolute;
bottom: -2.083em;  
right: 0.833em; */
width: 1.250em; /*15px*/
float:right;
margin: 0 0 0.417em 0.417em;
}
.hauptText .bildBox img.download, .hauptText .bildBoxKlein img.download, .hauptText .bildBoxGross img.download, .hauptText .bildBoxVier img.download, .hauptText .bildBoxSieben img.download{
margin: 0 0.417em 0.417em 0.417em;
}

.hauptText .bildBox a.lupe, .hauptText .bildBoxKlein a.lupe, .hauptText .bildBoxGross a.lupe, .hauptText .bildBoxVier a.lupe, .hauptText .bildBoxSieben a.lupe,
.hauptText .bildBox a.download, .hauptText .bildBoxKlein a.download, .hauptText .bildBoxGross a.download, .hauptText .bildBoxVier a.download, .hauptText .bildBoxSieben a.download{
display:inline;
}


.bildBox p, .bildBoxKlein p, .bildBoxGross p, .bilderstrecke .bilder p, .bildBoxVier p, .bildBoxSieben p,.videoDetail div p{ /*Bildunterschrift und Quelle*/
font-size: 0.917em; /*11px*/
margin: 0 0.909em 0 0.909em; /*0 35px 0 10px auf Basis 11px*/
padding: 0.727em 0; /*8px auf Basis 11px*/
line-height: 1.273em;
overflow: auto; /*cleared nach letztem Kindelement, Bsp: Linie wird unter Bild angezeigt, funktioniert logischerweise nicht bei absolut positionierten Kindelementen, siehe VK imgHoehe*/
width: auto;
}

.bilderstrecke div.beschreibung{
border-left: 0.333em solid #e8e8e8; /*4px*/
padding-left: 0.417em;
}

.bilderstrecke p{
margin: 0 0 1.25em 0;
}


.hauptText .bildBox p span, .hauptText .bildBoxKlein p span, .hauptText .bildBoxGross p span, .hauptText .bilderstrecke p span, .hauptText .bildBoxVier p span, .hauptText .bildBoxSieben p span, .videoDetail p span, .medien p span{
font-style: italic;
color: #666;
}

.hauptText .bildBox p span a, .hauptText .bildBoxKlein p span a, .hauptText .bildBoxGross p span a, .hauptText .bilderstrecke p span a, .hauptText .bildBoxVier p span a, .hauptText .bildBoxSieben p span a, .videoDetail p span a, .medien p span a,
.hauptText .bildBox p span a:link, .hauptText .bildBoxKlein p span a:link, .hauptText .bildBoxGross p span a:link, .hauptText .bilderstrecke p span a:link, .hauptText .bildBoxVier p span a:link, .hauptText .bildBoxSieben p span a:link, .videoDetail p span a:link, .medien p span a:link,
.hauptText .bildBox p span a:visited, .hauptText .bildBoxKlein p span a:visited, .hauptText .bildBoxGross p span a:visited, .hauptText .bilderstrecke p span a:visited, .hauptText .bildBoxVier p span a:visited, .hauptText .bildBoxSieben p span a:visited, .videoDetail p span a:visited, .medien p span a:visited{
display: inline;
color: #666;
font-style: italic;
}
.hauptText .bildBox p span a img, .hauptText .bildBoxKlein p span a img, .hauptText .bildBoxGross p span a img, .hauptText .bilderstrecke p span a img, .hauptText .bilderstrecke .bilder p span a img, .hauptText .bildBoxVier p span a img, .hauptText .bildBoxSieben p span a img{
height: 0.833em;
width: auto;
display: inline;
}


.hauptText .linkBox h4, .hauptText .linkBoxBreit h4, .hauptText .linkBoxVier h4{
font-size: 1.333em; /*14px*/
font-weight: bold;
color: #666;
line-height: 1em; /*14px auf Basis 14px*/
margin: 0 0 0.833em 0; /*10px*/
}

.hauptText table{
margin: 0.417em auto 1em auto;
width: 99%;
font-size: 1em;
line-height: 1.5em;
table-layout: fixed;
float: none;
clear: both;
}

.hauptText table th, .hauptText table td{
border: 1px solid #ddd;
border-collapse: collapse;
overflow: hidden;
padding: 0.167em;
vertical-align: top;
}

.hauptText table th{
background: #eee;
text-align: center;
}

.textAlignLeft{
text-align: left;
}
.textAlignCenter{
text-align: center;
}
.textAlignRight{
text-align: right;
}

/*Flie�textLinks*/
#rasterSpalte7inhalt .hauptText a.linkExtern, #rasterSpalte7inhalt .hauptText a.linkExtern:link, #rasterSpalte7inhalt .hauptText a.linkExtern:visited, #rasterSpalte7inhalt .hauptText a.linkExtern:hover, #rasterSpalte7inhalt .hauptText a.linkExtern:focus,
#rasterSpalte7inhalt .hauptBox p a.linkExtern, #rasterSpalte7inhalt .hauptBox p a.linkExtern:link, #rasterSpalte7inhalt .hauptBox p a.linkExtern:visited, #rasterSpalte7inhalt .hauptBox p a.linkExtern:hover, #rasterSpalte7inhalt .hauptBox p a.linkExtern:focus,
#rasterSpalte7inhalt .listeAllgemein p a.linkExtern, #rasterSpalte7inhalt .listeAllgemein p a.linkExtern:link, #rasterSpalte7inhalt .listeAllgemein p a.linkExtern:visited, #rasterSpalte7inhalt .listeAllgemein p a.linkExtern:hover, #rasterSpalte7inhalt .listeAllgemein p a.linkExtern:focus,
.cbStandard a.linkExtern, .cbStandard a.linkExtern:link, .cbStandard a.linkExtern:visited, .cbStandard a.linkExtern:hover, .cbStandard a.linkExtern:focus{
background: url("/media/system/seitenelemente/iconLinkExtern.gif") no-repeat 0.167em 0.25em; /*2px 3px*/
padding-left: 1.167em; /*14px*/
}
#rasterSpalte7inhalt .hauptText a.linkIntern, #rasterSpalte7inhalt .hauptText a.linkIntern:link, #rasterSpalte7inhalt .hauptText a.linkIntern:visited, #rasterSpalte7inhalt .hauptText a.linkIntern:hover, #rasterSpalte7inhalt .hauptText a.linkIntern:focus,
#rasterSpalte7inhalt .hauptBox p a.linkIntern, #rasterSpalte7inhalt .hauptBox p a.linkIntern:link, #rasterSpalte7inhalt .hauptBox p a.linkIntern:visited, #rasterSpalte7inhalt .hauptBox p a.linkIntern:hover, #rasterSpalte7inhalt .hauptBox p a.linkIntern:focus,
#rasterSpalte7inhalt .listeAllgemein p a.linkIntern, #rasterSpalte7inhalt .listeAllgemein p a.linkIntern:link, #rasterSpalte7inhalt .listeAllgemein p a.linkIntern:visited, #rasterSpalte7inhalt .listeAllgemein p a.linkIntern:hover, #rasterSpalte7inhalt .listeAllgemein p a.linkIntern:focus,
.cbStandard a.linkIntern, .cbStandard a.linkIntern:link, .cbStandard a.linkIntern:visited, .cbStandard a.linkIntern:hover, .cbStandard a.linkIntern:focus{
background: url("/media/system/seitenelemente/iconLinkIntern.gif") no-repeat 0.167em 0.25em; /*2px 3px*/
padding-left: 1.167em; /*14px*/
}
#rasterSpalte7inhalt .hauptText a.linkDownload, #rasterSpalte7inhalt .hauptText a.linkDownload:link, #rasterSpalte7inhalt .hauptText a.linkDownload:visited, #rasterSpalte7inhalt .hauptText a.linkDownload:hover, #rasterSpalte7inhalt .hauptText a.linkDownload:focus,
#rasterSpalte7inhalt .hauptBox p a.linkDownload, #rasterSpalte7inhalt .hauptBox p a.linkDownload:link, #rasterSpalte7inhalt .hauptBox p a.linkDownload:visited, #rasterSpalte7inhalt .hauptBox p a.linkDownload:hover, #rasterSpalte7inhalt .hauptBox p a.linkDownload:focus,
#rasterSpalte7inhalt .listeAllgemein p a.linkDownload, #rasterSpalte7inhalt .listeAllgemein p a.linkDownload:link, #rasterSpalte7inhalt .listeAllgemein p a.linkDownload:visited, #rasterSpalte7inhalt .listeAllgemein p a.linkDownload:hover, #rasterSpalte7inhalt .listeAllgemein p a.linkDownload:focus,
.cbStandard a.linkDownload, .cbStandard linkDownload:link, .cbStandard linkDownload:visited, .cbStandard linkDownload:hover, .cbStandard linkDownload:focus{
background: url("/media/system/seitenelemente/iconLinkDownload.gif") no-repeat 0.167em 0.25em; /*2px 3px*/
padding-left: 1.167em; /*14px*/
}
#rasterSpalte7inhalt .hauptText a.linkEmail, #rasterSpalte7inhalt .hauptText a.linkEmail:link, #rasterSpalte7inhalt .hauptText a.linkEmail:visited, #rasterSpalte7inhalt .hauptText a.linkEmail:hover, #rasterSpalte7inhalt .hauptText a.linkEmail:focus,
#rasterSpalte7inhalt .hauptBox p a.linkEmail, #rasterSpalte7inhalt .hauptBox p a.linkEmail:link, #rasterSpalte7inhalt .hauptBox p a.linkEmail:visited, #rasterSpalte7inhalt .hauptBox p a.linkEmail:hover, #rasterSpalte7inhalt .hauptBox p a.linkEmail:focus,
#rasterSpalte7inhalt .listeAllgemein p a.linkEmail, #rasterSpalte7inhalt .listeAllgemein p a.linkEmail:link, #rasterSpalte7inhalt .listeAllgemein p a.linkEmail:visited, #rasterSpalte7inhalt .listeAllgemein p a.linkEmail:hover, #rasterSpalte7inhalt .listeAllgemein p a.linkEmail:focus,
.cbStandard a.linkEmail, .cbStandard linkEmail:link, .cbStandard linkEmail:visited, .cbStandard linkEmail:hover, .cbStandard linkEmail:focus{
background: url("/media/system/seitenelemente/iconlinkemail.gif") no-repeat 0.167em 0.25em; /*2px 3px*/
padding-left: 1.167em; /*14px*/
}

/*ListenLinks: Links mit Symbolen (Verweisvorlagen)*/
#rasterSpalte7inhalt .hauptText li a.linkExtern, #rasterSpalte7inhalt .hauptText li a.linkExtern:link, #rasterSpalte7inhalt .hauptText li a.linkExtern:visited, #rasterSpalte7inhalt .hauptText li a.linkExtern:hover, #rasterSpalte7inhalt .hauptText li a.linkExtern:focus,
#rasterSpalte7inhalt .listeAllgemein li a.linkExtern, .listeAllgemein .hauptText li a.linkExtern:link, #rasterSpalte7inhalt .listeAllgemein li a.linkExtern:visited, #rasterSpalte7inhalt .listeAllgemein li a.linkExtern:hover, #rasterSpalte7inhalt .listeAllgemein li a.linkExtern:focus,
.hierUndHeute li a.linkExtern, .hierUndHeute li a.linkExtern:link, .hierUndHeute li a.linkExtern:visited, .hierUndHeute li a.linkExtern:hover, .hierUndHeute li a.linkExtern:focus{
background: url("/media/system/seitenelemente/iconLinkExtern.gif") no-repeat 0.083em 0.25em !important; /*1px 3px*/
background: url("/media/system/seitenelemente/iconLinkExtern.gif") no-repeat 0.083em 0.167em; /*1px 2px*/
padding-left: 1.250em; /*15px*/
}
#rasterSpalte7inhalt .hauptText li a.linkIntern, #rasterSpalte7inhalt .hauptText li a.linkIntern:link, #rasterSpalte7inhalt .hauptText li a.linkIntern:visited, #rasterSpalte7inhalt .hauptText li a.linkIntern:hover, #rasterSpalte7inhalt .hauptText li a.linkIntern:focus,
#rasterSpalte7inhalt .listeAllgemein li a.linkIntern, #rasterSpalte7inhalt .listeAllgemein li a.linkIntern:link, #rasterSpalte7inhalt .listeAllgemein li a.linkIntern:visited, #rasterSpalte7inhalt .listeAllgemein li a.linkIntern:hover, #rasterSpalte7inhalt .listeAllgemein li a.linkIntern:focus,
.hierUndHeute li a.linkIntern, .hierUndHeute li a.linkIntern:link, .hierUndHeute li a.linkIntern:visited, .hierUndHeute li a.linkIntern:hover, .hierUndHeute li a.linkIntern:focus{
background: url("/media/system/seitenelemente/iconLinkIntern.gif") no-repeat 0.083em 0.25em !important; /*1px 3px*/
background: url("/media/system/seitenelemente/iconLinkIntern.gif") no-repeat 0.083em 0.167em; /*1px 2px*/
padding-left: 1.250em; /*15px*/
}
#rasterSpalte7inhalt .hauptText li a.linkDownload, #rasterSpalte7inhalt .hauptText li a.linkDownload:link, #rasterSpalte7inhalt .hauptText li a.linkDownload:visited, #rasterSpalte7inhalt .hauptText li a.linkDownload:hover, #rasterSpalte7inhalt .hauptText li a.linkDownload:focus,
#rasterSpalte7inhalt .listeAllgemein li a.linkDownload, #rasterSpalte7inhalt .listeAllgemein li a.linkDownload:link, #rasterSpalte7inhalt .listeAllgemein li a.linkDownload:visited, #rasterSpalte7inhalt .listeAllgemein li a.linkDownload:hover, #rasterSpalte7inhalt .listeAllgemein li a.linkDownload:focus,
.hierUndHeute li a.linkDownload, .hierUndHeute li a.linkDownload:link, .hierUndHeute li a.linkDownload:visited, .hierUndHeute li a.linkDownload:hover, .hierUndHeute li a.linkDownload:focus{
background: url("/media/system/seitenelemente/iconLinkDownload.gif") no-repeat 0.083em 0.25em !important; /*1px 3px*/
background: url("/media/system/seitenelemente/iconLinkDownload.gif") no-repeat 0.083em 0.167em; /*1px 2px*/
padding-left: 1.250em; /*15px*/
}
#rasterSpalte7inhalt .hauptText li a.linkEmail, #rasterSpalte7inhalt .hauptText li a.linkEmail:link, #rasterSpalte7inhalt .hauptText li a.linkEmail:visited, #rasterSpalte7inhalt .hauptText li a.linkEmail:hover, #rasterSpalte7inhalt .hauptText li a.linkEmail:focus,
#rasterSpalte7inhalt .listeAllgemein li a.linkEmail, #rasterSpalte7inhalt .listeAllgemein li a.linkEmail:link, #rasterSpalte7inhalt .listeAllgemein li a.linkEmail:visited, #rasterSpalte7inhalt .listeAllgemein li a.linkEmail:hover, #rasterSpalte7inhalt .listeAllgemein li a.linkEmail:focus{
background: url("/media/system/seitenelemente/iconlinkemail.gif") no-repeat 0.083em 0.25em !important; /*1px 3px*/
background: url("/media/system/seitenelemente/iconlinkemail.gif") no-repeat 0.083em 0.167em; /*1px 2px*/
padding-left: 1.250em; /*15px*/
}

/*LinkBoxLinks*/
#rasterSpalte7inhalt .hauptText .linkBox li, #rasterSpalte7inhalt .hauptText .linkBoxBreit li, #rasterSpalte7inhalt .hauptText .linkBoxVier li{
list-style: none outside;
margin-left: 0;
}


.hauptText .linkBox li a.linkExtern, .hauptText .linkBox li a.linkExtern:link, .hauptText .linkBox li a.linkExtern:visited, .hauptText .linkBox li a.linkExtern:hover, .hauptText .linkBox li a.linkExtern:focus{
background: url("/media/system/seitenelemente/iconLinkExtern.gif") no-repeat 0 0.167em; /*2x*/
display: block;
width: 15.833em; /*190px*/
padding-left: 1.250em; /*15px*/
}
.hauptText .linkBox li a.linkIntern, .hauptText .linkBox li a.linkIntern:link, .hauptText .linkBox li a.linkIntern:visited, .hauptText .linkBox li a.linkIntern:hover, .hauptText .linkBox li a.linkIntern:focus{
background: url("/media/system/seitenelemente/iconLinkIntern.gif") no-repeat 0 0.167em; /*2x*/
display: block;
width: 15.833em; /*190px*/
padding-left: 1.250em; /*15px*/
}
.hauptText .linkBox li a.linkDownload, .hauptText .linkBox li a.linkDownload:link, .hauptText .linkBox li a.linkDownload:visited, .hauptText .linkBox li a.linkDownload:hover, .hauptText .linkBox li a.linkDownload:focus{
background: url("/media/system/seitenelemente/iconLinkDownload.gif") no-repeat 0 0.167em; /*2x*/
display: block;
width: 15.833em; /*190px*/
padding-left: 1.250em; /*15px*/
}
.hauptText .linkBox li a.linkEmail, .hauptText .linkBox li a.linkEmail:link, .hauptText .linkBox li a.linkEmail:visited, .hauptText .linkBox li a.linkEmail:hover, .hauptText .linkBox li a.linkEmail:focus{
background: url("/media/system/seitenelemente/iconlinkemail.gif") no-repeat 0 0.167em; /*2x*/
display: block;
width: 15.833em; /*190px*/
padding-left: 1.250em; /*15px*/
}



.hauptText .linkBoxBreit li a.linkExtern, .hauptText .linkBoxBreit li a.linkExtern:link, .hauptText .linkBoxBreit li a.linkExtern:visited, .hauptText .linkBoxBreit li a.linkExtern:hover, .hauptText .linkBoxBreit li a.linkExtern:focus{
background: url("/media/system/seitenelemente/iconLinkExtern.gif") no-repeat 0 0.167em; /*2x*/
display: block;
width: 42.917em; /*515px*/
padding-left: 1.250em; /*15px*/
}
.beitragDetail .hauptText .linkBoxBreit li a.linkExtern, .beitragDetail .hauptText .linkBoxBreit li a.linkExtern:link, .beitragDetail .hauptText .linkBoxBreit li a.linkExtern:visited, .beitragDetail .hauptText .linkBoxBreit li a.linkExtern:hover, .beitragDetail .hauptText .linkBoxBreit li a.linkExtern:focus{
width: 35em; /*430px*/
}

.hauptText .linkBoxBreit li a.linkIntern, .hauptText .linkBoxBreit li a.linkIntern:link, .hauptText .linkBoxBreit li a.linkIntern:visited, .hauptText .linkBoxBreit li a.linkIntern:hover, .hauptText .linkBoxBreit li a.linkIntern:focus{
background: url("/media/system/seitenelemente/iconLinkIntern.gif") no-repeat 0 0.167em; /*2x*/
display: block;
width: 42.917em; /*515px*/
padding-left: 1.250em; /*15px*/
}
.beitragDetail .hauptText .linkBoxBreit li a.linkIntern, .beitragDetail .hauptText .linkBoxBreit li a.linkIntern:link, .beitragDetail .hauptText .linkBoxBreit li a.linkIntern:visited, .beitragDetail .hauptText .linkBoxBreit li a.linkIntern:hover, .beitragDetail .hauptText .linkBoxBreit li a.linkIntern:focus{
width: 35em; /*430px*/
}

.hauptText .linkBoxBreit li a.linkDownload, .hauptText .linkBoxBreit li a.linkDownload:link, .hauptText .linkBoxBreit li a.linkDownload:visited, .hauptText .linkBoxBreit li a.linkDownload:hover, .hauptText .linkBoxBreit li a.linkDownload:focus{
background: url("/media/system/seitenelemente/iconLinkDownload.gif") no-repeat 0 0.167em; /*2x*/
display: block;
width: 42.917em; /*515px*/
padding-left: 1.250em; /*15px*/
}
.beitragDetail .hauptText .linkBoxBreit li a.linkDownload, .beitragDetail .hauptText .linkBoxBreit li a.linkDownload:link, .beitragDetail .hauptText .linkBoxBreit li a.linkDownload:visited, .beitragDetail .hauptText .linkBoxBreit li a.linkDownload:hover, .beitragDetail .hauptText .linkBoxBreit li a.linkDownload:focus{
width: 35em; /*430px*/
}

.hauptText .linkBoxBreit li a.linkEmail, .hauptText .linkBoxBreit li a.linkEmail:link, .hauptText .linkBoxBreit li a.linkEmail:visited, .hauptText .linkBoxBreit li a.linkEmail:hover, .hauptText .linkBoxBreit li a.linkEmail:focus{
background: url("/media/system/seitenelemente/iconlinkemail.gif") no-repeat 0 0.167em; /*2x*/
display: block;
width: 42.917em; /*515px*/
padding-left: 1.250em; /*15px*/
}
.beitragDetail .hauptText .linkBoxBreit li a.linkEmail, .beitragDetail .hauptText .linkBoxBreit li a.linkEmail:link, .beitragDetail .hauptText .linkBoxBreit li a.linkEmail:visited, .beitragDetail .hauptText .linkBoxBreit li a.linkEmail:hover, .beitragDetail .hauptText .linkBoxBreit li a.linkEmail:focus{
width: 35em; /*430px*/
}


.hauptText .linkBoxVier li a.linkExtern, .hauptText .linkBoxVier li a.linkExtern:link, .hauptText .linkBoxVier li a.linkExtern:visited, .hauptText .linkBoxVier li a.linkExtern:hover, .hauptText .linkBoxVier li a.linkExtern:focus{
background: url("/media/system/seitenelemente/iconLinkExtern.gif") no-repeat 0 0.167em; /*2x*/
display: block;
width: 22.083em; /*265px*/
padding-left: 1.250em; /*15px*/
}
.hauptText .linkBoxVier li a.linkIntern, .hauptText .linkBoxVier li a.linkIntern:link, .hauptText .linkBoxVier li a.linkIntern:visited, .hauptText .linkBoxVier li a.linkIntern:hover, .hauptText .linkBoxVier li a.linkIntern:focus{
background: url("/media/system/seitenelemente/iconLinkIntern.gif") no-repeat 0 0.167em; /*2x*/
display: block;
width: 22.083em; /*265px*/
padding-left: 1.250em; /*15px*/
}
.hauptText .linkBoxVier li a.linkDownload, .hauptText .linkBoxVier li a.linkDownload:link, .hauptText .linkBoxVier li a.linkDownload:visited, .hauptText .linkBoxVier li a.linkDownload:hover, .hauptText .linkBoxVier li a.linkDownload:focus{
background: url("/media/system/seitenelemente/iconLinkDownload.gif") no-repeat 0 0.167em; /*2x*/
display: block;
width: 22.083em; /*265px*/
padding-left: 1.250em; /*15px*/
}
.hauptText .linkBoxVier li a.linkEmail, .hauptText .linkBoxVier li a.linkEmail:link, .hauptText .linkBoxVier li a.linkEmail:visited, .hauptText .linkBoxVier li a.linkEmail:hover, .hauptText .linkBoxVier li a.linkEmail:focus{
background: url("/media/system/seitenelemente/iconlinkemail.gif") no-repeat 0 0.167em; /*2x*/
display: block;
width: 22.083em; /*265px*/
padding-left: 1.250em; /*15px*/
}


.beitragDetail .hauptBox .textServices{
clear: none;
padding: 0;
width: 5.417em; /*65px = rasterSpalte1*/
float: left;
}
.beitragDetail .hauptBox .textServices li{
text-align: center;
line-height: 1.833em; /*22px*/
float: none;
width: 5.417em; /*65px = rasterSpalte1*/
position: relative;
}

li.readspeaker{
position: relative;
width: 12.5em;
}

.readspeaker object{
position: absolute;
left: 4.167em ! important;
left: -13.083em;/*157px*/
top: -0.167em !important;
top: -1.5em; /*15px*/
z-index: 100;
}


.eventDetailVeranstaltungsInfos{
background: #e8e8e8;
padding: 0.833em;
position: relative;
}

.eventDetailVeranstaltungsInfos h3{
width: 38.750em; /*465px = rasterSpalte6*/
}

.eventDetailVeranstaltungsInfos h3 span{
text-transform: none;
font-weight: bold;^
}

.eventDetailVeranstaltungsInfos dl{
margin: 1.25em 0 0 0; /*15px*/
position: relative;
}
.eventDetailVeranstaltungsInfos dt{
color: #666;
font-weight: bold;
float: left;
display: block;
width: 2.917em; /*35px*/
margin: 0;
line-height: 1.25em;
position: relative;

}

.eventDetailVeranstaltungsInfos dd{
margin: 0 0 0 2.917em !important; /*35px*/
margin: 0 0 0 3.083em; /*37px IE...*/
padding: 0;
width: 21.667em;/*260px*/
position: relative;
overflow: visible;
}
.eventDetailVeranstaltungsInfos dd.pos1{
margin: 1.250em 0 0 2.917em !important; /*15px 0 0 35px*/
font-weight: bold;
}

.eventDetailVeranstaltungsInfos dd.pos1 a, .eventDetailVeranstaltungsInfos dd.pos1 a:link, .eventDetailVeranstaltungsInfos dd.pos1 a:visited{
font-weight: bold;
}

.eventDetailVeranstaltungsInfos dd.pos1 span{
color: #dd0000;
font-weight: bold;
}

.eventDetailVeranstaltungsInfos dd.zusatzInfos{
position: absolute;
left: 21.667em !important; /*260px*/
left: 18.750em; /*225px IE...*/
top: 0;
width: 10.833em !important; /*130px*/
width: 15em; /*180px*/
background: url("/media/system/seitenelemente/pfeil_rot_rechts.gif") no-repeat 1.25em 0.167em; /*15px 2px*/
padding-left: 2.5em; /*30px*/
padding-right: 1.25em; /*15px*/
line-height: 1em;
}
.eventDetailVeranstaltungsInfos dd.zusatzInfos a, .eventDetailVeranstaltungsInfos dd.zusatzInfos a:link, .eventDetailVeranstaltungsInfos dd.zusatzInfos a:visited{
color: #666;
}


.sponsorenLogoListe h4{
padding: 0 0 0.333em 0;
border-bottom: 0.333em solid #e8e8e8;
}

.sponsorenLogoListe a, .sponsorenLogoListe a:link, .sponsorenLogoListe a:visited{
text-decoration: none;
}

.sponsorenLogoListe img{
margin: 1em 0 2.5em 6.667em; /*80px=rasterSpalte1+Abstand 30px*/
}

#rasterSpalte7inhalt .sponsorenLogoListe img{
margin: 1em 6.667em 2.5em 0; /*80px=rasterSpalte1+Abstand 30px*/
}


.adresse{
overflow: visible;
position: relative;
}


.adresse dd div.klippklapp, .adresseKompakt dd div.klippklapp, .eventDetailVeranstaltungsInfos dd div.klippklapp, .hauptText div.klippklapp{
position: relative;
top: 0;
left: 0;
overflow: visible;
}


.hauptText div.klippklapp{
display: inline;
}


.adresse dd div.klippklapp span a.linkKnopf, .adresseKompakt dd div.klippklapp span a.linkKnopf, .eventDetailVeranstaltungsInfos dd div.klippklapp span a.linkKnopf{
float: none;
text-decoration: none;
}

div.klippklapp div.adressServices{
position: absolute;
*position: relative;
top: 1.5em; /*18px*/
*top: 0; 
left: 0;
background: #fafafa;
padding: 0.417em;
width: 26.667em; /*320px*/
height: auto;
border: 1px solid #999;
z-index: 1000;
overflow: visible;
}

div.klippklapp div.adressServices img.closeButton{
position: absolute;
top: 0.417em;
right: 0.417em;
width: 0.75em;
height: 0.75em;
}


.adresseKompakt div.klippklapp div.adressServices{
font-size: 1.091em; /*12px auf Basis 11px*/
width: 27.727em;
position: absolute;
top: 1.5em; /*18px*/
*top: 0;
left: 0;
*left: 18.75em; /*225px*/
}


.eventDetailVeranstaltungsInfos dd div.klippklapp div.adressServices{
position: absolute;
*position: relative;
top: 1.5em;
left: 0;
}


div.klippklapp div.adressServices dl{
margin: 0;
padding: 0 0.833em 0.833em 0.833em;
}

div.klippklapp div.adressServices dt{
float: none;
top: 0;
left: 0 !important;
clear: both;
position: relative;
width: 23.333em;
margin:1em 0 0.417em 0;
padding: 0;
line-height: 1.833em; /*22px*/
font-weight: bold;
}

div.klippklapp div.adressServices dd{
padding: 0 0 0 2.083em; /*25px*/
width: 23.333em;
margin: 0;
line-height: 1.667em; /*18px*/
}


div.klippklapp div.adressServices dd.linkAmtStadtplan{
background: url("/media/system/seitenelemente/iconsbuttons/adressservices/linkAmtStadtplan.gif") no-repeat 0 0.167em;
}
div.klippklapp div.adressServices dd.linkRoute{
background: url("/media/system/seitenelemente/iconsbuttons/adressservices/linkRoute.gif") no-repeat 0 0.167em;
}
div.klippklapp div.adressServices dd.linkOEPNV{
background: url("/media/system/seitenelemente/iconsbuttons/adressservices/linkOEPNV.gif") no-repeat 0 0.167em;
}
div.klippklapp div.adressServices dd.linkParken{
background: url("/media/system/seitenelemente/iconsbuttons/adressservices/linkParken.gif") no-repeat 0 0.167em;
}
div.klippklapp div.adressServices dd.linkFahrrad{
background: url("/media/system/seitenelemente/iconsbuttons/adressservices/linkFahrrad.gif") no-repeat 0 0.167em;
}

div.klippklapp div.adressServices dd.karte{
padding: 0;
position: relative;
}

div.klippklapp div.adressServices dd.karte img{
position:relative;
top:0;
left:0;
clear:both;
width:25em; /*300px*/
height:18.750em; /*225px*/
}

.eventDetailVeranstaltungsInfos div.klippklapp div.adressServices dt{
color: #333;
}

.eventDetailVeranstaltungsInfos div.klippklapp div.adressServices dd{
margin: 0 !important;
}

.adresse a.vcfAdresseIcon, .adresse a.vcfAdresseIcon:link, .adresse a.vcfAdresseIcon:visited{
position: absolute;
top: 0.833em;
left: 43.250em !important; /*529px: rasterSpalte7-10px-Bildbreite*/
left: 43.250em; /*519px*/
}
.adresse a.vcfAdresseIconVariante, .adresse a.vcfAdresseIconVariante:link, .adresse a.vcfAdresseIconVariante:visited{
left: 37.750em !important; /*463px: rasterSpalte7-10px-Bildbreite-Passfotobreite*/
left: 37.750em; /*453px*/
}


.eventDetailVeranstaltungsInfos a.vcfAdresseIcon, .eventDetailVeranstaltungsInfos a.vcfAdresseIcon:link, .eventDetailVeranstaltungsInfos a.vcfAdresseIcon:visited{
position: absolute;
top: 1em;
left: 42.833em !important; /*514px*/
left: 42em; /*504px*/
}

/*Sprechblase QR-Code-Symbl*/
.eventDetailVeranstaltungsInfos a.qrvkSprechblase, .eventDetailVeranstaltungsInfos a.qrvkSprechblase:link, .eventDetailVeranstaltungsInfos a.qrvkSprechblase:visited, .eventDetailVeranstaltungsInfos a.qrvkSprechblase:hover, .eventDetailVeranstaltungsInfos a.qrvkSprechblase:focus{
background: url("/media/system/seitenelemente/sprechblase_unten.gif") no-repeat left top;
position: absolute;
top: 3.2em;
left: 47em;
color: #666;
font-size: 0.833em; /*10px*/
width: 6em;
height: 6em;
padding: 2.1em 0.5em 0 0.5em;
line-height: 1.4em;
text-decoration: none;
display: block !important;
display: none;

}

a.qrvkSprechblase span{
color: #ba4b3b;
display: block;
}

.adresseKompakt a.vcfAdresseIcon, .adresseKompakt a.vcfAdresseIcon:link, .adresseKompakt a.vcfAdresseIcon:visited{
position: absolute;
top: 0.417em;
left: 15.455em !important; /*170px auf Basis 11px*/
left: 15.455em;
}

a.vcfAdresseIcon img, a.vcfAdresseIcon:link img, a.vcfAdresseIcon:visited img{
width: 1.333em; /*16px*/
height: 1em; /*12px*/
}

.adresseKompakt a.vcfAdresseIcon img, .adresseKompakt a.vcfAdresseIcon:link img, .adresseKompakt a.vcfAdresseIcon:visited img{
font-size: 1.091em;
width: 1.333em; /*16px*/
height: 1em; /*12px*/
}


/* ##################################################################### */
/* ## Module und Elemente ############################################## */
#aufmacher{
height: 18.333em; /*220px*/
position: relative;
border: 0; /*�berschreiben von rasterSpalte10*/
margin: 0; /*�berschreiben von rasterSpalte10*/
}
#aufmacher div{
background: #e8e8e8;
margin: 0.417em 0 0 25.417em; /*5px 0 0 305px = rasterSpalte4*/
height: 8.583em; /*110px*/
padding: 0.583em 0 0 1.250em; /*7px 0 0 15px*/
}
#aufmacher div#aufmacher_textbox{
background: none;
margin: 0;
padding: 0;
}

#aufmacher div#textbox_nr1{ /*funktioniert noch nicht beim Umschalten*/
margin: 0 0 0 25.417em; /*0 0 0 305px = rasterSpalte4*/
}

#aufmacher div h3{
margin-bottom: 0.25em;
}

#aufmacher div p{
margin-bottom: 0.833em;
}

#aufmacher div h4{
font-size: 1.333em; /*16px*/
margin: 0.25em 0 0.333em 0;
}


#aufmacher div.aufmacher_zugeklappt h4{
margin: 0.25em 0 0.083em 0;
}
#aufmacher div img{
position: absolute;
top: 0;
left: 0;
width: 25.417em; /*305px = rasterSpalte4*/
height: 18.333em; /*220px = #aufmacher*/
}
#aufmacher div div.bildQuelle{
position: absolute;
left: 0;
top: 16.5em; /*aufmacherbild - line-height*/
text-align: right;
width: 25.417em;
margin: 0;
background: none;
padding: 0;
}
#aufmacher div div.bildQuelle span{
background: url("/media/system/seitenelemente/png_copyright_hg.png") repeat left top;
position: absolute; /*wenn nicht rechts absolut positioniert, kann IE Hintergrundbilder hier nicht darstellen*/
right: 0 !important;
right: -0.083em;
padding: 0 0.727em; /*0 8px auf Basis 11px*/
line-height: 2em; /*22px auf Basis 11 px*/
font-size: 0.917em; /*11px*/
margin: 0;
}

#aufmacher div div.bildQuelle span a img, #aufmacher div div.bildQuelle span a:link img, #aufmacher div div.bildQuelle span a:visited img{
display: inline;
height: 0.833em;
width: auto;
position: relative;
top: auto;
left: auto;
}

#aufmacher div img.pfeil{
position: relative;
left: -30em; /*-480px auf Basis 16px (h4)*/
top: 0em !important;
top: -1.688em; /*27px auf Basis 16px (h4)*/
width: 0.938em; /*15px auf Basis 16px (h4)*/
height: 1.875em; /*30px auf Basis 16px (h4)*/
float: right;
}

#aufmacher div.aufmacher_zugeklappt{
height: 3.583em; /*43px: 50px - 7px padding-top*/
}
#aufmacher div.aufmacher_zugeklappt div.bildQuelle{
display: none;
}
#aufmacher div.aufmacher_zugeklappt img, #aufmacher div.aufmacher_zugeklappt p{
display: none;
}


.beitraege3plus1 .rasterSpalte4, .beitraege3plus1 .rasterSpalte3{
margin: 0 0 0 1.25em; /*20px 0 0 15px*/
border: none;
background: #e8e8e8;
height: 26.250em; /*315px*/
position: relative;
}
.beitraege3plus1 .rasterSpaltePos1{
margin: 0;
}
.beitraege3plus1 .rasterSpalte3{
padding: 0 0.583em; /*7px*/
width: 17.583em; /*211px: rasterSpalte3 - padding*/
}


.beitraege3plus1 .rasterSpalte4 img{
width: 25.417em; /*305px*/
height: 16.667em; /*200px*/
}

.beitraege3plus1 .rasterSpalte4 div.bildQuelle{
position: absolute;
top: 14.833em; /*178px: bildH�he - line-height*/
right: 0;
text-align: right;
height: 1.833em; /*22px*/
background: url("/media/system/seitenelemente/png_copyright_hg.png") repeat left top;

}
.beitraege3plus1 .rasterSpalte4 div.bildQuelle span{
line-height: 1.833em; /*22px*/
overflow: hidden;
top: 0.167em !important;
top: 0.333em; /*4px*/
position: relative;
}

.beitraege3plus1 .rasterSpalte4 div.bildQuelle span img, .beitraege3plus1 .rasterSpalte4 div.bildQuelle span a img, .beitraege3plus1 .rasterSpalte4 div.bildQuelle span a:link img, .beitraege3plus1 .rasterSpalte4 div.bildQuelle span a:visited img{
height: 1em;
width: auto;
top: 0.083em; /*1px*/
position: relative;
}





.beitraege3plus1 .rasterSpalte4 h3{
margin: 0.833em 0 0.417em 0; /*8px 5px auf Basis 12px*/
padding: 0 0.583em; /*7px*/
}
.beitraege3plus1 .rasterSpalte4 h4{
font-size: 1.333em; /*16px*/
padding: 0 0.375em; /*6px auf Basis 16px*/
}


.beitraege3plus1 .rasterSpalte4 p{
padding: 0 0.583em; /*7px*/
}

.beitraege3plus1 .rasterSpalte3 h3{
font-size: 1.167em; /*14px auf Basis 12px*/
font-weight: bold;
line-height: 2.714em; /*38px auf Basis 14px*/
margin: 0 0 0.571em 0; /*0 0 8px 0*/
text-transform: none;
}

.beitraege3plus1 .rasterSpalte3 div.element{
padding: 0 0 0.417em 0;
}

.beitraege3plus1 .rasterSpalte3 div.element h4{ /*wie h3 sonst*/
font-size: 1em; /*12px*/
font-weight: bold;
line-height: 1.083em; /*13px, standard + 1px: IE stellt sonst Punkte �ber Umlauten nicht dar*/
text-transform: uppercase;
margin: 0 0 0.417em 0; /*5px auf Basis 12px*/
}
.beitraege3plus1 .rasterSpalte3 div.element h5{ /*wie h4 sonst*/
/*font-size: 1.08em; *//*13px*/
font-size: 1em; /*12px*/
font-weight: bold;
line-height: 1.231em; /*16px auf Basis 13px*/
margin: 0 0 0.62em 0; /*0 0 8px 0*/
}




.beitraege3plus1 .rasterSpalte3 div.element img{
width: 5.417em; /*65px*/
height: 4.167em; /*50px*/
float: left;
margin: 0.167em 0.917em 0.917em 0; /*4px 11px*/
}

ul.linkListeSpezial{
border-top: none;
margin-top: 0;
}

ul.linkListeSpezial li img{
width: 12.083em; /*145px*/
height: 8.333em; /*100px*/
}
ul.linkListeSpezial li a.variante, ul.linkListeSpezial li a.variante:link, ul.linkListeSpezial li a.variante:visited{
font-size: 1.167em; /*14px auf Basis 12px*/
font-weight: bold;
margin: 0 0 0.571em 0; /*0 0 8px 0*/
}


.vkBox{ /*StartseitenListe*/
background: #e8e8e8;
padding: /*4.167em*/ 0.833em; /*50px 10px 5px 10px*/
position: relative;
}
.vkBox h3{
font-size: 1.167em; /*14px auf Basis 12px - hat irgendwas mit den h1-h6-Grundgr��en zu tun*/
font-weight: bold;
line-height: 0.929em; /*13px auf Basis 14px*/
margin: 0 0 0.62em 0; /*0 0 8px 0*/
text-transform: none;
margin: 0 0 0.62em 0; /*25px 0 8px 0*/
}
.vkBox div.bannerStil{
height: 2.917em; /*35px*/
position: relative;
}
.vkBox div.bannerStil h3{
position: absolute;
/*position: absolute;*/
top: 0; /*15px auf Basis 14px*/
left: -1.071em;
color: #fff;
background: #6C9023 url("/media/system/seitenelemente/aufmacher_bildpfeil.gif") no-repeat center right;
width: 14.286em; /*200px auf Basis 14px = 215-padding*/
line-height: 1.786em; /*25px auf Basis 14px*/
padding: 0 0 0 1.071em; /*15px auf Basis 14px*/
}
.vkBox .abstand{
margin-top: 2.083em;
}


.vkBox dl{
margin: 0.417em 0 0 0.143em; /*10px 0 25px 2px*/
}
.vkBox dt{
background: url("/media/system/seitenelemente/pfeil_rot_rechts.gif") no-repeat 0 0.214em; /*0 3px*/
padding: 0 0 0 1.071em; /*20px*/
font-weight: bold;
}
.vkBox dd{
padding: 0 0 0 1.071em; /*20px*/
}

.vkBox div.element, .beitraege3plus1 div.element{
background: url("/media/system/seitenelemente/punktLinie1.gif") repeat-x center bottom; /*dunkleere Linie als Standard*/
}

.vkBox div.element img{
width: 12.083em; /*145px*/
height: 9em; /*108px*/
margin: 0 0 0.417em 0; /*5px*/
}

.rasterSpalte4 .vkBox div.element img{
margin: 0.333em 0.833em 0.417em 0; /*5px*/
float: left;
}

.vkBox div.element p.vkBoxRubrik{
color: #777;
margin: 0 0 0.25em 0;/*3px*/
padding: 0;
}


div.vkListe h2, div.nachrichtenportalListe h2{
display: none;
}

div.programmuebersicht h2{
display: block;
}

div.vkListe p.steuerZeile, div.nachrichtenportalListe p.steuerZeile, div.blogListe p.steuerZeile, div.seitenSteuerZeile p.steuerZeile, #comments p.steuerZeile, div.volltextSuchErgebnis p.steuerZeile{
width: 38.929em; /*545px = rasterSpalte7 auf Basis 14px*/
z-index: auto;
*z-index: -1; /*IE <=v7 only*/
}



div.vkListe p.keinErgebnis, div.nachrichtenportalListe p.keinErgebnis, div.blogListe p.keinErgebnis{
font-weight: bold;
line-height: 3em;/*36px*/
padding: 0 0 0 1.25em;/*15px*/
background: url("/media/system/seitenelemente/pfeil_rot_rechts.gif") no-repeat 0em 1em !important; /*10px 12px*/
background: url("/media/system/seitenelemente/pfeil_rot_rechts.gif") no-repeat 0em 1.167em; /*10px 12px*/
margin-top: 1em;
}

/* z.B. Bl�ttern, Anzeige VK, NP*/
p.steuerZeile{
font-size: 1.167em; /*14px auf Basis 12px*/
font-weight: bold;
line-height: 3.571em; /*50px auf Basis 14px*/
text-align: center;
position: relative;
}

p.steuerZeile span.vkCount{ /*Element hat hier keine Relevanz, ist nur damit Quelltext identisch zum Mobilportal bleibt...*/
font-weight: bold;
}

div.nachrichtenportalListe p.steuerZeile, div.blogListe p.steuerZeile{ /*da keine Datum�berschrift, muss hier der Abstand gesetzt werden*/
margin: 0 0 2.083em 0; /*25px*/
}
div.volltextSuchErgebnis p.steuerZeile{
margin: 1.667em 0; /*20px*/
}


p.steuerZeile img.buttonLinks{
width: 7.857em; /*110px auf Basis 14px*/
height: 1.429em; /*20px auf Basis 14px*/
position: absolute;
top: 1.071em;/*15px auf Basis 14px*/
left: 0;
}
p.steuerZeile a.buttonLinks, p.steuerZeile a.buttonLinks:link, p.steuerZeile a.buttonLinks:visited,
p.steuerZeile span.buttonLinks{
width: 9.167em; /*110px auf Basis 12px*/
height: 1.5em; /*18px auf Basis 12px*/
position: absolute;
top: 1.250em; /*15px auf Basis 12px*/
left: 0;
color: #fff;
font-size: 0.857em; /*12px auf Basis 14px*/
text-align: center;
display: block;
font-weight: bold;
line-height: 1.667em; /*20px auf Basis 12px*/
}


p.steuerZeile img.buttonRechts{
width: 7.857em; /*110px auf Basis 14px*/
height: 1.429em; /*20px auf Basis 14px*/
position: absolute;
top: 1.071em; /*15px auf Basis 14px*/
right: 0;
}
p.steuerZeile a.buttonRechts, p.steuerZeile a.buttonRechts:link, p.steuerZeile a.buttonRechts:visited,
p.steuerZeile span.buttonRechts{
width: 9.167em; /*110px auf Basis 12px*/
height: 1.5em; /*18px auf Basis 12px*/
position: absolute;
top: 1.250em; /*15px auf Basis 12px*/
right: 0;
color: #fff;
font-size: 0.857em; /*12px auf Basis 14px*/
text-align: center;
display: block;
font-weight: bold;
line-height: 1.667em; /*20px auf Basis 12px*/
}

div.vkListe h3{
font-size: 1.167em; /*14px;*/
color: #fff;
text-transform: none;
line-height: 1.429em; /*20px auf Basis 14px: font-size+padding*/
margin: 2.5em 0 0.714em 0; /*30px 0 10px 0*/
}
div.vkListe h3 span{
background: #6C9023;
padding: 0.214em 0.714em; /*3px 10px*/
font-weight: bold;

}

div.element{ /*allgemein, also auch News, VK-Specials werden durch �berschreibungen und Zus�tze erreicht*/
background: url("/media/system/seitenelemente/punktLinie2.gif") repeat-x center bottom;
padding: 0 0 0.333em 0; /*4px*/
margin: 0 0 0.917em 0; /*11px*/
overflow: auto; /*cleared nach letztem Kindelement, Bsp: Linie wird unter Bild angezeigt, funktioniert logischerweise nicht bei absolut positionierten Kindelementen, siehe VK imgHoehe*/
width: 99.5%; /*sonst stellt IE das overflow: auto;  nicht dar..., bei 100% macht Opera10 Scrollbalken...*/
}

.volltextSuchErgebnis div.element{
background: transparent;
padding: 0;
}

div.element p{
padding: 0 0 0.583em 0; /*7px*/
}

div.vkListe div.element, div.nachrichtenportalListe div.element, div.blogListe div.element, div.listeAllgemein div.element{
padding: 0.833em 0; /*5px*/
width: 45.417em; /*535px = rasterSpalte7 + 10 px padding*/
position: relative;
background: transparent;
margin: 0;
}
div.listeAllgemein div.element{
padding: 0.833em 0 0.833em 0.833em; /*5px*/
width: 44.583em; /*535px*/
}


div.nachrichtenportalListe h3, div.blogListe h3{
margin-left: 0.643em; /*9px auf Basis 14px ?*/ 
width: 25.417em; /*305px*/
}
div.nachrichtenportalListe h4, div.blogListe h4{
margin-left: 0.583em; /*7px*/ 
width: 23.571em; /*330px auf Basis 14px*/
}


div.listeAllgemein div.element h3{
text-transform: none;
width: 30.750em; /*369px*/
padding-left: 0.083em; /*1px: Woher kommt?*/
}
div.listeAllgemein div.element h4{
width: 28.571em; /*400px auf Basis 14px*/
}
div.listeAllgemein div.element h4.keinLink{
font-size: 1.143em;
width: 27em;
}

div.listeAllgemein div.element p{
width: 30.833em; /*370px*/
}
div.listeAllgemein div.element ul{
width: 30.833em; /*370px*/
}
div.listeAllgemein div.element ul li{
width: 29.583em; /*355px: ul-Breite - 15px margin (list-style)*/
}
div.listeAllgemein div.element ul li a, div.listeAllgemein div.element ul li a:link, div.listeAllgemein div.element ul li a:visited{
display: block;
width: 29.583em; /*355px: ul-Breite - 15px margin (list-style)*/
}

div.listeAllgemein dl{
margin: 0 0 0.833em 0; /*10px*/
}
div.listeAllgemein dl dt{ /*benutzt bei Produktdetails*/
font-weight: bold;
float: left;
width: 10em; /*120px*/
}
div.listeAllgemein dl dd{
margin: 0 0 0 10em; /*120px*/
}


/*f�r IE<=6, sonst beginnt Text ggf. erst unter Bild*/
div.listeAllgemein div.element dl dd ul,
div.listeAllgemein div.element dl dd ul li,
div.listeAllgemein div.element dl dd ul li a, div.listeAllgemein div.element dl dd ul li a:link, div.listeAllgemein div.element dl dd ul li a:visited{
width: 29.583em !important; /*355px: ul-Breite - 15px margin (list-style)*/
width: 16.667em; /*200px*/
}
div.nachrichtenportalListe div.element p.vorspann, div.blogListe div.element p.vorspann{
margin: 0 0 0 0.583em; /*7px*/ 
padding: 0;
width: 25.417em; /*305px*/
}

div.suchErgebnis div.element h3{ /*Suchergebnis-Seite*/
font-size: 1em;
line-height: 1em; /*12px*/
margin: 0.417em 0.417em 0.833em 0.417em !important; /*5px 5px 5px 10px*/
margin: 0.833em 0.417em 0.833em 0.417em; /*10px 5px 5px 10px IE...*/
}
div.suchErgebnis div.element h3 span{
padding: 0.083em 0.714em; /*1px 10px*/
}

div.vkListe div.imgHoehe, div.nachrichtenportalListe div.imgHoehe, div.blogListe div.imgHoehe{ /*noch ben�tigt?*/
height: 9em; /*108px: imgHoehe*/
}

div.vkListe div.elementBackground, div.nachrichtenportalListe div.elementBackground, div.blogListe div.elementBackground, div.listeAllgemein div.elementBackground, div.adresse dl.elementBackground, div.volltextSuchErgebnis div.elementBackground, div.elementBackground{
background: #f2f2f2;
}

div.vkListe div.element h4{
font-size: 1em; /*12px*/
margin: 0 0 0 7.5em; /*90px*/
text-transform: uppercase;
width: 19.167em; /*230px*/
line-height: 1.333em; /*16px*/
}

div.vkListe div.element h5{
font-size: 1em;
margin: 0 0 0 7.5em; /*90px*/
line-height: 1.333em; /*16px*/
width: 19.167em; /*230px*/
}
div.vkListe div.element h6{
font-size: 1em;
margin: 0 0 0 7.5em; /*90px*/
line-height: 1.333em; /*16px*/
width: 19.167em; /*230px*/
color: #999;
}



div.programmuebersicht div.element h3{
font-size: 1em; /*12px*/
margin: 0 0 0 7.5em; /*90px*/
text-transform: uppercase;
width: 24.167em; /*290px: vkListe...h4+ .zeit*/
line-height: 1.333em; /*16px*/
color: #333;
}
div.programmuebersicht div.element h4{
font-weight: bold;
font-size: 1.071em;
margin: 0.467em 0 0.467em 7em;
line-height: 1.571em; /*22px*/
width: 22.533em; /* vkListe...h5+ .zeit*/
text-transform: none;
}

div.element h5 a, div.vkListe div.element h5 a:link, div.vkListe div.element h5 a:visited{
font-weight: bold;
}

div.element p.rubrik{
position: absolute;
top: 0.833em; /*10px*/
left: 0.417em; /*5px*/
width: 6.250em; /*75px*/
}
div.suchErgebnis div.element p.rubrik{ /*Suchergebnis-Seite*/
position: absolute;
top: 2.917em; /*35px*/
left: 1.083em; /*13px: ungef�hr padding Datum + padding element*/
width: 6.250em; /*75px*/
}


div.element p.zeit, div.element p.datum{
position: absolute;
top: 0.833em; /*10px*/
left: 26.667em; /*320px*/
width: 5em; /*60px*/
}

div.suchErgebnis div.element p.zeit{
position: absolute;
top: 2.917em; /*35px*/
left: 26.667em; /*320px*/
width: 5em; /*60px*/
}

div.element p.zeitraum{
margin: 0 0 0 7.5em; /*90px*/
color: #999;
}

.programmuebersicht div.element p.zeitraum, .programmuebersicht div.element p.naechsterTermin, .programmuebersicht div.element p.vorspann{
margin: 0 0 0 7.5em; /*90px*/
color: #999;
padding: 0;
width: 24.167em;
}


.programmuebersicht div.element p.naechsterTermin span{
color: #333;
font-weight: bold;
}

.programmuebersicht div.element p.vorspann{
color: #333;
margin: 0.583em 0 0 7.5em; 
}


div.vkListe div.element img, div.nachrichtenportalListe div.element img, div.blogListe div.element img, div.listeAllgemein div.element img{
float: right;
width: 12.083em; /*145px*/
height: 9em; /*108px*/
margin: 0.250em 0; /*3px: bringt Bild auf H�he der Schrift (line-height!)*/
}

div.volltextSuchErgebnis div.element{
padding: 0.417em 0;
}

div.volltextSuchErgebnis div.element h3{
background: url("/media/system/seitenelemente/pfeil_rot_rechts.gif") no-repeat 0 0.583em;
padding: 0 0 0 0.417em;
margin: 0 0.417em 0.417em 0.417em;
}
div.volltextSuchErgebnis div.element h3 a, div.volltextSuchErgebnis div.element h3 a:link, div.volltextSuchErgebnis div.element h3 a:visited{
line-height: 1.667em; /*20px*/
margin: 0 0.714em; /*10px auf Basis 14px*/
display: block;
color: #333;
text-decoration: underline;
}
div.volltextSuchErgebnis div.element h3 a:hover, div.volltextSuchErgebnis div.element h3 a:focus{
color: #ba4b3b;
}


div.volltextSuchErgebnis div.element p{
font-size: 1em; /*12px*/
line-height: 1.5em; /*18px*/
text-transform: none;
margin: 0 1.667em 0.250em 1.667em; /*21px 3px*/
padding: 0;
}

div.volltextSuchErgebnis div.element a, div.volltextSuchErgebnis div.element a:link, div.volltextSuchErgebnis div.element a:visited{
line-height: 1em;
margin: 0 1.667em; /*21px*/
}

img.nachrichtenListe{
width: 12.083em; /*145px*/
height: 9em; /*108px*/
float: left;
margin: 0.333em 0.917em 0.917em 0; /*4px 11px*/
}


ul.linkbox{
background: #e8e8e8;
padding: 1.250em 0 0.167em 0; /*15px 0 2px 0*/
}

ul.linkbox li{
margin-bottom: 1.250em; /*15px*/
background: url("/media/system/seitenelemente/pfeil_rot_rechts.gif") no-repeat 1.25em 0.167em; /*15px 2px*/
padding-left: 2.5em; /*30px*/
padding-right: 1.25em; /*15px*/
}
ul.linkbox li dl{/*IE macht Abstand nach oben, mit negativem margin gibt's zwei Pfeile: mmmh?*/
position: relative;
top: 0 !important;
top: -1.167em; /*14px*/
left: 0;
}
ul.linkbox li dl, ul.linkbox li dl dt{
margin: 0;
padding: 0;
}
ul.linkbox li dl dt{
font-weight: bold;
}


ul.linkbox li a, ul.linkbox li a:link, ul.linkbox li a:visited{
color: #333;
}



img.kolumne{ /*z.B. Startseite: OB-Kolumne*/
width: 5.417em; /*65px auf Basis 12px*/
height: 7.333em; /*88px auf Basis 12px*/
}

.themenUebersicht{
margin: 0 0 -1em 0; /*12px*/
}

.themenUebersicht img{
width: 18.750em; /*225px*/
height: 9em; /*108px*/
}
 
.bannerBox img{
width: 18.750em; /*225px*/
height: auto;
/*height: 9em; 108px*/
}

.keineUeberschrift{
padding: 1.167em 0 0 0;
}

.elementThemenUebersicht{ /*border in Kombination mit padding unten geht hier nicht: IE nimmt je Element die kummulierten  Padding-Werte....?!*/
border-left: 0.333em solid #e8e8e8; /*4px*/
padding: 0.250em 0.417em 0 0.417em; /*3px 5px 0 5px*/
margin: 1.25em 0; /*15px*/
}

.elementThemenUebersicht h3{
font-size: 1.167em; /*14px auf Basis 12px - hat irgendwas mit den h1-h6-Grundgr��en zu tun*/
font-weight: bold;
line-height: 0.929em; /*13px auf Basis 14px*/
margin: 0 0 0.62em 0; /*0 0 8px 0*/
text-transform: none;
}
.elementThemenUebersicht h3 a, .elementThemenUebersicht h3 a:link, .elementThemenUebersicht h3 a:visited{
font-size: 1em;
}

.elementThemenUebersicht ul.az{/*mit Bild daneben*/
width: 8.333em; /*100px: width auf jeden Fall n�tig, sonst stellt IE das overflow: auto;  nicht dar...*/
}

.elementThemenUebersicht ul.behoerdenfinder li{
background: #698175;
color: #fff;
}

.elementThemenUebersicht img.floatright, .elementThemenUebersicht img.floatleft{
width: 8.333em; /*100px*/
height: 10.583em; /*127px*/
}


ul.socialWeb li{
line-height: 2.083em;
margin: 0 0 1.125em 0;
}

ul.socialWeb li a.logo{
float: left;
margin: 0 1.25em 0 0;
}

ul.socialWeb li a.name, ul.socialWeb li a.name:link, ul.socialWeb li a.name:visited{
font-size: 1.167em;
font-weight: bold;
line-height: 1.786em;
}

ul.tagCloud{
text-align: center;
padding: 0.333em;
}

ul.tagCloud li{
display: inline;
margin: 0.183em;
line-height: 1.75em;
}

ul.tagCloud li a{
white-space: nowrap;
}

ul.tagCloud li.mini a{
font-size: 0.83em;
}
ul.tagCloud li.klein a{
font-size: 1em;
}
ul.tagCloud li.mittel a{
font-size: 1.333em;
}
ul.tagCloud li.gross a{
font-size: 1.667em;
}
ul.tagCloud li.maxi a{
font-size: 2em;
}


div.countdownBox div.countdownBoxInhalt{
position: relative;
}
div.countdownBox div.countdownBoxInhalt a:hover, div.countdownBox div.countdownBoxInhalt a:focus{
background: transparent;
}

div.countdownRaster10{
border-top: 0;
margin: 0 0 1.25em 0; /*15px*/
}

div.countdownRaster3 div.countdownBoxInhalt div{
position: absolute;
top: 0;
left: 0;
width: 18.750em; /*rasterSpalte3 = 225px*/
}
div.countdownRaster4 div.countdownBoxInhalt div{
position: absolute;
top: 0;
left: 0;
width: 25.417em; /*rasterSpalte4 = 305px*/
}
div.countdownRaster10 div.countdownBoxInhalt div{
position: absolute;
top: 2.25em;
left: 44.583em; /*535px*/
width: 20em; /*240px*/
}

div.countdownRaster10 h2{
display: none;
}

div.countdownRaster10 div.countdownBoxInhalt div p{
font-weight: bold;
}

div.countdownBox div.countdownBoxInhalt p{
text-align: center;
}



 
.rasterSpalte6 .drehscheibeFenster{
overflow: hidden;
width: 33.750em; /*405px: rasterSpalte6-2x20(Buttons)-padding*/
height: 11.667em; /*140px*/
float: left;
/*clip:rect(0em,34.583em,10em,0em);
visibility: visible;
z-index: 1;
position: absolute;
*/
position: relative;
}
.rasterSpalte7  .drehscheibeFenster, .rasterSpalte7 .drehscheibeEinThema .drehscheibeFenster{
overflow: hidden;
width: 40.417em; /*405px: rasterSpalte7-2x20(Buttons)-padding*/
height: 11.667em; /*140px*/
float: left;
/*clip:rect(0em,34.583em,10em,0em);
visibility: visible;
z-index: 1;
position: absolute;
*/
position: relative;
}

.rasterSpalte7 .drehscheibeEinThema .drehscheibeFenster{
height: 10em; /*120px*/
}

.drehscheibeElementLeiste, .drehscheibeEinThema .drehscheibeElementLeiste{
height: 11.667em; /*140px*/
width: 200em;/*Wert nur zu ShowZwecken bzw. vorl�ufig festgelegt, muss auto o.�. werden <--funktioniert nicht mit auto, wegen floatenden Elementen?*/
/*clip: auto;
visibility: visible;
position: absolute;
z-index: 0;
*/
position: absolute;
top: 0;
left: 0em; /*diesen Wert mit JS ver�ndern? -13.750em, ...*/
}
.drehscheibeEinThema .drehscheibeElementLeiste{
height: 10em; /*120px*/
}



.drehscheibe img.buttonLinks{
width: 1.667em; /*20px*/
height: 11.667em; /*140px*/
float: left;
margin: 0 0.833em 0 0; /*10px*/
}
.drehscheibeEinThema img.buttonLinks{
width: 1.667em; /*20px*/
height: 10em; /*120px*/
float: left;
margin: 0 0.833em 0 0; /*10px*/
}

.drehscheibe img.buttonRechts{
width: 1.667em; /*20px*/
height: 11.667em; /*140px*/
float: left;
margin: 0 0 0 0.833em; /*10px*/
}
.drehscheibeEinThema img.buttonRechts{
width: 1.667em; /*20px*/
height: 10em; /*140px*/
float: left;
margin: 0 0 0 0.833em; /*10px*/
}

.elementDrehscheibe, .drehscheibeEinThema .elementDrehscheibe{
width: 12.917em; /*155px*/
height: 11.667em; /*140px*/
background: #e8e8e8;
float: left;
margin: 0 0.833em 0 0;/*10px*/
position: relative;
}

.elementDrehscheibe img{
width: 12.917em; /*155px*/
height: 6.667em; /*80px*/
}

.drehscheibeEinThema .elementDrehscheibe, .drehscheibeEinThema .elementDrehscheibe img{
width: 16.667em; /*200px*/
height: 10em; /*120px*/
}


.elementDrehscheibe div{
position: absolute;
width: 16.667em; /*200px*/
height: 3.333em; /*40px*/
top: 0.417em; /*5px*/
left: 0;
}

.elementDrehscheibe div.bildQuelle{
position: absolute;
top: 5.333em; /*64px: bildH�he - line-height*/
left: 0;
text-align: right;
width: 12.917em; /*155px*/
height: 1.333em; /*16px*/
background: url("/media/system/seitenelemente/png_copyright_hg.png") repeat left top;
padding: 0;
}
.elementDrehscheibe div.bildQuelle span{
line-height: 1.5em; /*18px*/
overflow: hidden;
padding: 0 0.167em; /*2px*/
height: 1.5em; /*18px f�r IE*/
}

.elementDrehscheibe div.bildQuelle span img, .elementDrehscheibe div.bildQuelle span a img, .elementDrehscheibe div.bildQuelle span a:link img, .elementDrehscheibe div.bildQuelle span a:visited img{
height: 1em;
width: auto;
top: 0.083em; /*1px*/
position: relative;
}

.listeAllgemein .element div.bildQuelle{
background: url("/media/system/seitenelemente/png_copyright_hg.png") repeat left top;
width: 12.083em;
height: 1.833em; /*22px*/
overflow: hidden;
position: absolute;
left: 33.333em !important; /*390px: raterSpalte7 - Bildbreite*/
left: 32.5em;/*390px*/
top: 8.250em;
}

.listeAllgemein .element div.bildQuelle span{
right: 0 !important;
right: -0.083em;
padding: 0 0.727em; /*0 8px auf Basis 11px*/
position: absolute;
margin: 0;
}

.elementDrehscheibe h3{
font-size: 0.857em; /*12px auf Basis 14px*/
margin: 0.833em 0.833em 0.417em 0.833em; /*10px 10px 5px 10px*/

}

.drehscheibeEinThema .elementDrehscheibe div h3{
font-size: 0.917em; /*12px auf Basis 14px*/
font-weight: bold;
margin: 0.583em 1.25em 0.417em 1.25em; /*7px 15px 5px 15px*/
}
.drehscheibeEinThema .elementDrehscheibe div h4, .drehscheibeEinThema .elementDrehscheibe div h4 a, .drehscheibeEinThema .elementDrehscheibe div h4 a:link, .drehscheibeEinThema .elementDrehscheibe div h4 a:visited{
font-size: 1em; /*12px*/
font-weight: bold;
margin: 0.417em 0.583em; /*5px 8px*/
}

.drehscheibeEinThema .elementDrehscheibe div img{ /*Pfeil �ber png*/
width: 1.5em; /*18px*/
height: 2.250em; /*27px*/
position: absolute;
right: 0.417em; /*5px*/
top: 0.583em; /*7px*/
}

.elementDrehscheibe p{
margin: 0 0.667em 0 0.667em;
line-height: 1.167em;
}

.leuchttisch{
overflow: auto;
width: 45.417em; /*545px = rasterSpalte7*/
}
 
.hauptBox .leuchttisch{
overflow: hidden;
width: 38.750em; /*465px = rasterSpalte6*/
padding: 0 0.833em 0 0; /*10px, das + border + 1px zum "Atmen"(bricht sonst bei 3facher Veg��erung um)= die normalen 15px*/
float: left;
border-right: 0.333em solid #e8e8e8; /*4px*/
}
 
.leuchttisch div{
/*background: #e8e8e8;*/
width: 12.083em; /*145px = rasterSpalte2*/
height: 16.667em;
float: left;
margin: 0 1.25em 1.25em 0; /*15px*/
position: relative;
}

.leuchttisch div.inklDownloadangebot{ /*für autoBilderstrecke*/
height: 12.5em;
}

.leuchttisch div.inklDownloadangebot h3 a, .leuchttisch div.inklDownloadangebot h3 a:link, .leuchttisch div.inklDownloadangebot h3 a:visited{ /*für autoBilderstrecke*/
line-height: 1.25em;
margin: 0 0 0 0.25em;
}

.leuchttisch div.inklDownloadangebot h3 a img, .leuchttisch div.inklDownloadangebot h3 a:link img, .leuchttisch div.inklDownloadangebot h3 a:visited img{
position: relative;
top: 0.167em;
margin: 0 0.167em 0 0;
}

.hauptBox .leuchttisch div{
margin: 0 0.667em 0.667em 0; /*8px*/
}

/*Wenn BilderstreckenDetail ohne JS aufgerufen werden, zeige Bildlizenz (steht im <span>)*/
/*
.hauptBox .leuchttisch div span{
display: none;
}
*/
/*iniVorJS wird aus dem Quelltext gel�scht, wenn JS eingeschaltet ist*/
/*
.hauptBox .leuchttisch.iniVorJS div{
height: 16.667em;
}

.hauptBox .leuchttisch.iniVorJS div span{
display: block;
}
*/

.hauptBox .leuchttisch div p{
display: none;
}





.leuchttisch div a, .leuchttisch div a:link, .leuchttisch div a:visited{
display: block;
}

.leuchttisch div a.thumb, .leuchttisch div a.thumb:link, .leuchttisch div a.thumb:visited,
.hauptBox .leuchttisch a.thumb, .hauptBox .leuchttisch a.thumb:link, .hauptBox .leuchttisch a.thumb:visited{
text-align: center;
display: block;
background: #bbb;
width: 12.083em; /*145px*/
height: 9em; /*108px*/
overflow: hidden;
}

.leuchttisch div a.thumb img, .leuchttisch div a.thumb:link img, .leuchttisch div a.thumb:visited img,
.hauptBox .leuchttisch a img, .hauptBox .leuchttisch a:link img, .hauptBox .leuchttisch a:visited img{
margin: auto;
}

.hauptBox .leuchttisch p, .hauptBox .videoDetail p{
margin: 0 0 1.5em 0; /*18px*/
}
.hauptBox .videoDetail div p{
margin: 0 0.417em 0 0.417em;
}

.hauptBox .leuchttisch div p{
margin: 0.417em 0; /*5px*/
}



.leuchttisch div img.medienSymbol{
display: block;
width: 4.167em; /*50px*/
height: 4.167em; /*50px*/
position: absolute;
top: 2.417em; /*29px*/
left: 3.917em; /*47px*/
}

.medien img.medienSymbol{
display: block;
width: 4.167em; /*50px*/
height: 4.167em; /*50px*/
}

.leuchttisch div h3{
font-size: 0.857em;/*12px auf Basis 14px*/ 
margin: 0.833em 0; /*10px*/
width: auto !important;
width: 12.083em; /*145px = leuchttisch div f�r IE*/
padding: 0;
}
.leuchttisch div h3 a, .leuchttisch div h3 a:link, .leuchttisch div h3 a:visited{
line-height: 1.333em; /*22px*/ 
display: block;
margin: 0;
padding: 0;
width: 12.083em; /*145px = leuchttisch div*/
}


.hauptBox .videoDetail{
width: 38.750em; /*465px = rasterSpalte6*/
padding: 0 0.833em 0 0; /*10px, das + border + 1px zum "Atmen"(bricht sonst bei 3facher Veg��erung um)= die normalen 15px*/
border-right: 0.333em solid #e8e8e8; /*4px*/
float: left;
z-index: 1; /*damit unter SuchenUndFinden und Men�*/
}

.hauptBox .videoDetail div{
background: #e8e8e8;
}
/*
.hauptBox .videoDetail a{
display: block;
}
*/
.infoBox{
border: 0.333em solid #e8e8e8; /*4px*/
padding: 1.250em; /*15px*/
}
.infoBox div.logoSchutzraum{
border-bottom: 0.167em solid #e8e8e8; /*2px*/
padding: 0 0 1.250em 0; /*15px*/
margin: 0 0 1.364em 0; /*15px auf Basis 11px*/
}

.infoBox div.logoSchutzraum img{
display: block;
text-align: center;
height: 8.333em; /*100px*/
margin: 0 auto;
}

.adresseKompakt{
position: relative;
}

.adresseKompakt dt{
float: left;
width: 4.167em; /*50px*/
word-wrap: break-word;
}

.adresseKompakt dd.hervorhebung, .adresseKompakt dd.strasse, .adresseKompakt dd.freitext{
width: 13.333em; /*160px;*/
}

.adresseKompakt dd.strasse, .adresse dd.strasse{
position: relative;
}


.adresse h3{
text-transform: none;
color: #999;
margin: 0.433em;
}

.adresse{
clear: both;
}

.adresse dl{
position: relative;
padding: 0.833em 0 0.833em 0.833em; /*10px 0 10px 5px*/
overflow: visible !important;
overflow: auto; /* hier nur f�r IE!!! cleared nach letztem Kindelement, Bsp: Linie wird unter Bild angezeigt, funktioniert logischerweise nicht bei absolut positionierten Kindelementen, siehe VK imgHoehe*/
width: auto !important;
width: 44.583em; /*7erBreite - padding: sonst stellt IE das overflow: auto;  nicht dar...*/
}

.adresse dd div.klippklapp div.adressServices dl{
overflow: visible;
width: auto;
}


.adresse dt{
float: left;
width: 10.833em; /*125px: rasterSpalte2 - padding - 15px rechter Abstand*/
font-weight: bold;
word-wrap: break-word;

}

.adresse dd{
margin: 0 0 0 12.083em; /*145px = rasterSpalte2*/ /*18.750em; /*225px = rasterSpalte3*/
}

.adresse dd div.klippklapp div.adressServices dd{
margin: 0;
}

.adresse dd.strasse, .adresse dd.freitext{
width: 29.167em; /*350px*/
}
.adresse dd.foto{
width: 5.5em; /*65px*/
float: right;
*float: none;
position: relative;
*position: absolute;
top: 0;
*top: 0.833em;
right: 0;
}


.adresse dd.clearer{
clear: both !important;
clear: none;
}

.adresse dt span.name, .adresse dt span.partei, .adresse dt span.verein{
display: block;
margin: 0.833em 0 0 0;
}

.adresse dt span.name span{
display: block;
font-style: italic;
}

.adresse dd.foto img{
width: 5.5em; /*66px*/
height: 6.333em; /*76px*/
}

.adresse dt.neuerBlock, .adresse dd.neuerBlock{
margin: 1.250em 0 0 12.083em; /*145px = rasterSpalte2*/
}

.adresse dd.aufzaehlungspunkt{
background: url("/media/system/seitenelemente/iconaufzaehlungspunkt.gif") no-repeat 0 0.333em;
padding-left: 1.250em;
}

.adresseKompakt dt.neuerBlock, .adresseKompakt dd.neuerBlock{
margin: 1.250em 0 0 0;
}

.infoBox div.adresseKompakt{
font-size: 0.917em; /*11px*/
margin: 0 0 1.364em 0;
padding: 0 0 0 0; /*15px auf Basis 11px*/
}
.infoBox div.oeffnungszeiten{
background: url("/media/system/seitenelemente/punktLinie1.gif") repeat-x center top; /*dunklere Linie als Standard*/
font-size: 0.917em; /*11px*/
margin: 0 0 0 0; /*15px auf Basis 11px*/
padding: 1.364em 0 0 0; /*1.364em 15px auf Basis 11px*/
}

div.az_detail h3{
float: left;
font-size: 5.833em; /*70px - Breite des Buchstabens W: 65px*/
color: #dcdcdc;
line-height: 0.7em; /*ca. 8,5px: Ausrichtung Oberkante an 1. Element*/
}
div.az_detail ul{
margin: 0 0 0 6.667em; /*80px: rasterSpalte1 + Abstand 15px*/
}

div.linkListe ul{
margin: 0;

}

div.linkListe h3{
margin: 2em 0 0.5em 0;
border-top: 0.143em solid #ddd;/*2px auf Basis 14px*/
padding: 1em 0 0 0;

}

div.az_detail ul li ul, div.linkListe ul li ul{
margin: 0 0 0 2.083em; /*3px 25px*/
border-left: 0.167em solid #ddd;
}


div.az_detail li, div.linkListe li{
margin: 0 !important;
margin: 0.333em 0 0 0;
padding: 0.25em 0;
}
div.az_detail li ul li, div.linkListe li ul li{
padding: 0;
}

div.az_detail li span{
padding: 0.250em 0 0.250em 2.083em; /*3px 0 3px 25px*/
margin: 0;
line-height: 1.25em; /*15px*/
background: url("/media/system/seitenelemente/linkknopf_bg_variante.gif") no-repeat 0.833em 0.5em;
}
div.az_detail li.kkAktiv span{
background: url("/media/system/seitenelemente/linkknopf_bg_variante_aktiv.gif") no-repeat 0.833em 0.5em;
}
/*
div.az_detail li.elementBackground li, div.linkListe li.elementBackground li,
div.az_detail li li.elementBackground li, div.linkListe li li.elementBackground li,
div.az_detail li li li.elementBackground li, div.linkListe li li li.elementBackground li,
div.az_detail li li li li.elementBackground li, div.linkListe li li li li.elementBackground li,
div.az_detail li li li li li.elementBackground li, div.linkListe li li li li li.elementBackground li,
div.az_detail li li li li li li.elementBackground li, div.linkListe li li li li li li.elementBackground li,
div.az_detail li li li li li li li.elementBackground li, div.linkListe li li li li li li li.elementBackground li,
div.az_detail li li li li li li li li.elementBackground li, div.linkListe li li li li li li li li.elementBackground li,
div.az_detail li li li li li li li li li.elementBackground li, div.linkListe li li li li li li li li li.elementBackground li,
div.az_detail li li li li li li li li li li.elementBackground li, div.linkListe li li li li li li li li li li.elementBackground li{
background: #fff;
}*/

div.az_detail li.elementBackground, div.linkListe li.elementBackground/*,
div.az_detail li li li.elementBackground, div.linkListe li li li.elementBackground,
div.az_detail li li li li li.elementBackground, div.linkListe li li li li li.elementBackground,
div.az_detail li li li li li li li.elementBackground, div.linkListe li li li li li li li.elementBackground,
div.az_detail li li li li li li li li li.elementBackground, div.linkListe li li li li li li li li li.elementBackground*/{
background: #f2f2f2;
}
/*
div.az_detail li li.elementBackground, div.linkListe li li.elementBackground,
div.az_detail li li li li.elementBackground, div.linkListe li li li li.elementBackground,
div.az_detail li li li li li li.elementBackground, div.linkListe li li li li li li.elementBackground,
div.az_detail li li li li li li li li.elementBackground, div.linkListe li li li li li li li li.elementBackground,
div.az_detail li li li li li li li li li li.elementBackground, div.linkListe li li li li li li li li li li.elementBackground{
background: #ededed;
}
*/


div.az_detail li a, div.az_detail li a:link, div.az_detail li a:visited,
div.linkListe li a, div.linkListe li a:link, div.linkListe li a:visited{
background: url("/media/system/seitenelemente/iconaufzaehlungspunkt.gif") no-repeat 0.833em 0.417em; /*10px 5px*/
padding: 0.250em 0 0.250em 2.083em; /*3px 0 3px 25px*/
font-weight: bold;
display: block;
width: 43.333em;/*520px*/
margin: 0;
}
div.az_detail li a, div.az_detail li a:link, div.az_detail li a:visited{
width: 35.833em;/*430px*/
}

/*Ebene2*/
div.linkListe li li a, div.linkListe li li a:link, div.linkListe li li a:visited{
width: 41.083em;/*493px*/
}
div.az_detail li li a, div.az_detail li li a:link, div.az_detail li li a:visited{
width: 33.583em;/*403px*/
}

/*Ebene3*/
div.linkListe li li li a, div.linkListe li li li a:link, div.linkListe li li li a:visited{
width: 38.833em;/*466px*/
}
div.az_detail li li li a, div.az_detail li li li a:link, div.az_detail li li li a:visited{
width: 31.333em;/*376px*/
}

/*Ebene4*/
div.linkListe li li li li a, div.linkListe li li li li a:link, div.linkListe li li li li a:visited{
width: 36.583em;/*439px*/
}
div.az_detail li li li li a, div.az_detail li li li li a:link, div.az_detail li li li li a:visited{
width: 29.083em;/*349px*/
}

/*Ebene5*/
div.linkListe li li li li li a, div.linkListe li li li li li a:link, div.linkListe li li li li li a:visited{
width: 34.333em;/*412px*/
}
div.az_detail li li li li li a, div.az_detail li li li li li a:link, div.az_detail li li li li li a:visited{
width: 26.833em;/*322px*/
}
/*Ebene6*/
div.linkListe li li li li li li a, div.linkListe li li li li li li a:link, div.linkListe li li li li li li a:visited{
width: 32.083em;/*385px*/
}
div.az_detail li li li li li li a, div.az_detail li li li li li li a:link, div.az_detail li li li li li li a:visited{
width: 24.583em;/*295px*/
}
/*Ebene7*/
div.linkListe li li li li li li li a, div.linkListe li li li li li li li a:link, div.linkListe li li li li li li li a:visited{
width: 29.833em;/*358px*/
}
div.az_detail li li li li li li li a, div.az_detail li li li li li li li a:link, div.az_detail li li li li li li li a:visited{
width: 22.333em;/*268px*/
}
/*Ebene8*/
div.linkListe li li li li li li li li a, div.linkListe li li li li li li li li a:link, div.linkListe li li li li li li li li a:visited{
width: 27.583em;/*331px*/
}
div.az_detail li li li li li li li li a, div.az_detail li li li li li li li li a:link, div.az_detail li li li li li li li li a:visited{
width: 20.083em;/*241px*/
}
/*Ebene9*/
div.linkListe li li li li li li li li li a, div.linkListe li li li li li li li li li a:link, div.linkListe li li li li li li li li li a:visited{
width: 25.333em;/*304px*/
}
div.az_detail li li li li li li li li li a, div.az_detail li li li li li li li li li a:link, div.az_detail li li li li li li li li li a:visited{
width: 17.833em;/*214px*/
}
/*Ebene10*/
div.linkListe li li li li li li li li li li a, div.linkListe li li li li li li li li li li a:link, div.linkListe li li li li li li li li li li a:visited{
width: 23.083em;/*277px*/
}
div.az_detail li li li li li li li li li li a, div.az_detail li li li li li li li li li li a:link, div.az_detail li li li li li li li li li li a:visited{
width: 15.583em;/*187px*/
}


div.az_detail li a.linkIntern, div.az_detail li a.linkIntern:link, div.az_detail li a.linkIntern:visited,
div.linkListe li a.linkIntern, div.linkListe li a.linkIntern:link, div.linkListe li a.linkIntern:visited{
background: url("/media/system/seitenelemente/iconLinkIntern.gif") no-repeat 0.833em 0.417em; /*10px 5px*/
}

div.az_detail li a.az_detail, div.az_detail li a.linkExtern:link, div.az_detail li a.linkExtern:visited,
div.linkListe li a.linkExtern, div.linkListe li a.linkExtern:link, div.linkListe li a.linkExtern:visited{
background: url("/media/system/seitenelemente/iconLinkExtern.gif") no-repeat 0.833em 0.417em; /*10px 5px*/
}

div.az_detail li a.linkDownload, div.az_detail li a.linkDownload:link, div.az_detail li a.linkDownload:visited,
div.linkListe li a.linkDownload, div.linkListe li a.linkDownload:link, div.linkListe li a.linkDownload:visited{
background: url("/media/system/seitenelemente/iconLinkDownload.gif") no-repeat 0.833em 0.417em; /*10px 5px*/
}


div.medien{
background: #e8e8e8;
padding: 0 0 0.417em 0;
z-index: 2; /*damit unter SuchenUndFinden und Men�*/
position: relative;
}
div.medien h3, div.medien h3 a, div.medien h3 a:link, div.medien h3 a:visited{
text-transform: none;
line-height: 1.333em; /*16px*/
margin: 0.417em 0.833em;
}
div.medien h3 a, div.medien h3 a:link, div.medien h3 a:visited{
font-size: 1em;
margin: 0.417em 0;
}

div.medien p{
margin: 0.417em 0.833em;
}

div.medien p span{
font-size: 0.917em; /*11px*/
padding: 0.273em 0 0 0;
line-height: 1em;
display: block;
}

div.werbebanner{
margin: 14.4em 0 0 1em;/*144px auf Basis 10px*/
font-size: 0.83em; /*10px*/
line-height: 1.17em; /*14px*/
color: #999;
width: 160px;
float: left;
}

div.werbebanner div{
margin-bottom: 5em;
text-align: right;
}

/*div.werbebanner img{ *//*kann evtl ganz raus, dann sind banner nur "festgepixelt", k�nnen aber beliebiges Format haben*/
/*width: 16em; */ /*160px auf Basis 10px*/
/*height: 60em; *//*600px auf Basis 10px*/
/*}*/


div.boxHervorhebung{
background: #e8e8e8;
width: 18.750em; /*225px = rasterSpalte3*/
overflow: auto; /*cleared nach letztem Kindelement, Bsp: Linie wird unter Bild angezeigt, funktioniert logischerweise nicht bei absolut positionierten Kindelementen, siehe VK imgHoehe*/
width: 100%; /*sonst stellt IE das overflow: auto;  nicht dar...*/
}

div.boxHervorhebung img{
margin-top: 0;
width: 18.750em; /*225px = rasterSpalte3*/
}

div.boxHervorhebung h3{
padding: 0.833em 0.833em 0 0.833em; /*10px*/
text-transform: none;

margin: 0.333em 0;
}

div.boxHervorhebung p{
padding: 0 0.833em 0.833em 0.833em; /*10px*/
}


div.boxHervorhebung p.unuebersehbar{
clear: both;
font-size: 2.5em; /*30px*/
color: #000;
font-weight: bold;
padding: 0.333em; /*10px auf Basis 30px*/
}

div.boxHervorhebung p.kleineSchrift{
font-size: 0.83em;
line-height: 1em;
padding: 0 1em;
color: #666;
}

/* ######################################################################## */
/* ## KlippKlapp Zeitraumauswahl ########################################## */
#zeitraumAuswahl1 .kalenderBox, #zeitraumAuswahl2 .kalenderBox{ /*absolute Ausrichtung an fieldset.zeitraumAuswahl*/
border: 0.083em solid #bcbcbc;
color: #333;
z-index: 9;
width: 11.667em; /*140px*/
background: #FDFFF8;
text-align: center;
}

#zeitraumAuswahl1 .kalenderBox{
position: absolute;
top: 4.583em; /*55px*/
left: 0;
}
#zeitraumAuswahl2 .kalenderBox{
position: absolute;
top: 4.583em; /*55px*/
left: 13.333em;/*160px*/
}



div.calInnerBoxTopBar{
position: relative;
}
div.calInnerBoxTopBar h3{
text-align: center;
font-weight: normal;
text-transform: none;
width: 100px;
margin: 0.257em auto;
}

div.calInnerBoxTopBar img.calSwitchLeft{
float: left;
margin-top: -0.25em !important;
margin-top: -0.083em;
}
div.calInnerBoxTopBar img.calSwitchRight{
float: right;
margin-top: -0.25em !important;
margin-top: -0.083em;
}

.kalenderBox div table{
clear: both;
margin: 0.25em 0 0 0;
width: 11.750em !important; /*141px*/
width: 11.667em; /*140px;*/
text-align: center;
}
.kalenderBox div table th{
background: #aaa;
color: #fff;
}

.kalenderBox div table th, .kalenderBox div table td{
border: 0.083em solid #ddd;
width: 1.5em; /*18px*/
height: 1.5em; /*18px*/
text-align: center;
}
.kalenderBox div table td.we{
background:#E7F0D6;
}
.kalenderBox div table td.today{
background:#C5D99D;
font-weight: bold;
}


/* ######################################################################## *
/* ## Formulare ########################################################### */
fieldset{
clear: both; /*sonst "verrutscht" was bei Vergr��erung...*/
}

legend{
display: none;
}


input{
border: 1px solid #bcbcbc;
border-top: 2px solid #bcbcbc;
padding: 0.167em; /*2px*/
color: #333;
}

.rasterSpalte4 input{
width: 20.5em; /*246px: 266px - padding Lupe*/
background: #fff url("/media/system/seitenelemente/formlupe.jpg") no-repeat 0.250em 0.167em;
padding-left:1.667em; /*20px*/
}

.rasterSpalte4 .vkBox input{
width: 17.5em;
background: #fff;
padding-left: 0.25em;
}



.rasterSpalte4 label{
border: 0; /*ggf. �berschreiben von rasterSpalteX*/
margin-top: 1.375em; /*22px = line-height;  -->ggf. �berschreiben von rasterSpalteX, margin-left bleibt erhalten*/
color: #7e7e7e;
line-height: 1em; /*12px*/
}
.rasterSpalte4 label span{ /*Ausrichtung Schrift neben Checkbox - noch nicht optimal in Opera u Safari*/
position: relative;
top:-0.167em;
}

fieldset.zeitraumAuswahl{
position: relative;
}

label img.kalender{
width: 1.833em; /*22px*/
height: 1.667em; /*20px*/
position: relative;
top: 0.417em !important; /*5px*/
top: 0.250em; /*3px*/
left: 0;
}

.rasterSpalte2 select#eventRubrik{
width: 10.833em; /*130px;*/
}

.rasterSpalte4 label input{
font-size: 0.833em; /*10px*/
width: 11em; /*110px*/
padding: 0.3em; /*3px*/
background: transparent;
}

fieldset.zeitraumAuswahl label.rasterSpalte2{
position: relative;
top: 1.333em;/*16px*/

}

fieldset.zeitraumAuswahl label#labelZeitraumVon, fieldset.zeitraumAuswahl label#labelZeitraumBis{
top: 0;
}


#sfInhalt legend, #sfInhalt label{
display: none;
}



#sfInhalt input{
font-size: 0.917em; /*11px*/
width: 14.545em !important;/*160px auf Basis 11px: #suchenUndFinden -padding -border*/
width: 14.636em; /*161px auf Basis 11px: #suchenUndFinden -padding -border*/
padding: 0.3em; /*3px*/
}

.englisch #sfInhalt input{
width: 10em !important;/*110px auf Basis 11px*/
}

#sfInhalt a.selectKnopf, #sfInhalt a.selectKnopf:link, #sfInhalt a.selectKnopf:visited{
width: 9.5em; /*114px*/
display: block;
border-bottom: 0.083em solid #aaaaaa; /*1px*/
border-right: 0.083em solid #aaaaaa; /*1px*/
background: #c1c1c1 url("/media/system/seitenelemente/pfeil_weiss_unten.gif") no-repeat 9em 0.583em; /*108px 7px*/
color: #fff;
line-height: 1.583em; /*19px*/
padding: 0 0 0 0.583em; /*7px*/
}

#sfInhalt form{
position: relative; /*sonst funktionieren Links in Elementen mit png Hintergrund im IE<7 nicht wg. JS pngfix*/
}

#sfInhalt input.submit{
float: right;
width: 3.167em !important; /*37px*/
height: 2.167em; /*26px*/
border: 0;
background: url("/media/system/seitenelemente/buttonSucheKlein.gif") no-repeat center 0.273em !important; /*FF + NN + OP + IE + SA, 3px*/
background: url("/media/system/seitenelemente/buttonSucheKlein.gif") no-repeat center 0.182em; /*IE <=6, 2px, brauch IE8 eigentlich auch*/
cursor: pointer; /* hand-shaped cursor */
padding: 0;
margin: 0.083em 0 0 0 !important;/*1px*/
margin: 0.167em 0 0 0;/*2px*/
}

.englisch #sfInhalt input.submit{
position: absolute;
top: -0.182em !important; /*2px auf Basis 11px*/
top: -0.091em;
left: 12em;
}



.rasterSpalte4 label.normal{
margin-top: 0;
}
.rasterSpalte4 label input.normal{ /*nicht volle Breite, f�r Checkboxen, Radiobuttons, ...*/
width: auto;
border: 0;
padding: 0;
font-size: 1em; /*12px*/
}

.vkBox fieldset{
position: relative; /*nur f�r IE, sonst Ausrichtung an .vkBox*/
}

fieldset input.suchSchlitz, .rasterSpalte4 .vkBox fieldset input.suchSchlitz{
width: 2.917em; /*35px*/
height: 2em; /*24px*/
position: relative;
top: 0 !important;
top: 0.25em;
left: 0;
border: 0;
background: url("/media/system/seitenelemente/buttonSucheKlein.gif") no-repeat center 0.273em !important; /*FF + NN + OP + IE + SA, 3px*/
background: url("/media/system/seitenelemente/buttonSucheKlein.gif") no-repeat center 0.182em; /*IE <=6, 2px, brauch IE8 eigentlich auch*/
cursor: pointer; /* hand-shaped cursor */
}

*+html fieldset input.suchSchlitz{ /*eigentlich nur IE 7, wirkt sich aber irgendwie auch auf Safari aus*/
top: 0.417em !important; 
}

*+html .rasterSpalte4 .vkBox fieldset input.suchSchlitz{ /*eigentlich nur IE 7, wirkt sich aber irgendwie auch auf Safari aus*/
position: absolute;
left: 18em;
top: -0.083em !important;
}

/*Safari only*/
**:first-child+body fieldset input.suchSchlitz, **:first-child+body .rasterSpalte4 .vkBox fieldset input.suchSchlitz{
width: 3.333em; /*40px*/
height: 2.333em; /*28px*/
}

/*IE8 only*/
fieldset input.suchSchlitz, .rasterSpalte4 .vkBox fieldset input.suchSchlitz{
top /*\**/: 0.583em\9 !important /*KEIN Semikolon?*/
}


form ul{
clear: both;
background: url("/media/system/seitenelemente/pfeil_rot_rechts.gif") no-repeat 0.167em 1em; /*2px 102px*/
margin: 0; /*22px = line-height;  -->ggf. �berschreiben von rasterSpalteX, margin-left bleibt erhalten*/
height: 2.833em; /*34px*/
}
form ul li{
float: left;
margin: 0 0 0 1.25em; /*15px*/
line-height: 2.833em; /*34px*/
/*border: 1px solid green;*/
}
form ul li a, form ul li a:link, form ul li a:visited{
color: #666;
font-style: italic;
}

fieldset.submit{
clear: both;
height: 1.833em; /*22px = line-height*/
position: auto; /*ge�ndert 061009*/
margin-top: 1.833em; /*22px;*/
text-align: right; /*ge�ndert 061009*/
}

fieldset.einfach{
position: relative;
margin-bottom: 1.667em; /*20px*/
}
.rasterSpalte7 fieldset.einfach input{
width: 26.250em; /*315px: rasterSpalte4 + 2x StandardAbstand - padding Lupe*/
background: url("/media/system/seitenelemente/formlupe.jpg") no-repeat 0.250em 0.167em;
padding-left:1.667em; /*20px*/
}

fieldset.submit img, fieldset.einfach img{ /*wenn keine submit-buttons*/
width: 12.083em; /*145px*/
height: 1.833em; /*22px = line-height*/
position: absolute;
top: 0;
right: 0;
}
fieldset.submit input, fieldset.einfach input.submit{
font-size: 0.917em; /*11px*/
width: 13.182em; /*145px*/
height: 2.364em; /*26px*/
position: auto; /*ge�ndert 061009*/
top: 0;
right: 0;
border: 0;
background: url("/media/system/seitenelemente/buttonRasterSpalte2.gif") no-repeat center 0.273em !important; /*FF + NN + OP + IE + SA, 3px*/
background: url("/media/system/seitenelemente/buttonRasterSpalte2.gif") no-repeat center 0.182em; /*IE <=6, 2px, brauch IE8 eigentlich auch*/
cursor: pointer; /* hand-shaped cursor */
color: #fff;
font-weight: bold;
}
fieldset.einfach input.submit{
top: -3px !important;
top: -1px;
}

/*Opera>6 + Safari only*/
@media screen and (min-width: 0px){
fieldset.submit input, fieldset.einfach input.submit{
background: url("/media/system/seitenelemente/buttonRasterSpalte2.gif") no-repeat center 0.182em !important; /*OP + SA, 2px*/
}
fieldset.einfach input.submit{
margin-top: 1px; /*top hat hier keine Wirkung, warum?*/
}
}

/*Safari only*/
**:first-child+body fieldset.submit input, **:first-child+body fieldset.einfach input.submit{
background: url("/media/system/seitenelemente/buttonRasterSpalte2.gif") no-repeat center 0.182em !important; /*SA, 2px*/
}


fieldset.submit a, fieldset.submit a:link, fieldset.submit a:visited,
fieldset.einfach a, fieldset.einfach a:link, fieldset.einfach a:visited{
width: 12.083em; /*145px*/
line-height: 1.833em; /*22px = line-height*/
font-weight: bold;
display: block;
color: #fff;
text-align: center;
position: absolute;
top: 0;
right: 0;
}

form.stadtplaneinstieg{
margin: 0 0 1em 0;
}

form.stadtplaneinstieg fieldset{
margin: 0;
}
form.stadtplaneinstieg legend{
display: block;
font-size: 1.083em;
font-weight: bold;
}
form.stadtplaneinstieg legend.hidden{
display: none;
}

form.stadtplaneinstieg label{
color: #666;
}
form.stadtplaneinstieg select{
border: 1px solid #666;
font-size: 0.917em;
width: 19.167em !important;/*230px*/
width: 17.5em; /*210*/
margin-right: 0.909em;/*10px*/
}

form.stadtplaneinstieg input.sucheStrasse{
border: 1px solid #666;
font-size: 0.917em;
width: 33.750em; /*405px*/
margin-right: 0.909em;/*10px*/
}

form.stadtplaneinstieg input.sucheNr{
border: 1px solid #666;
font-size: 0.917em;
width: 3.333em;/*30px*/
margin-right: 0.909em;/*10px*/
}

.linkBox form.stadtplan select{
font-size: 1em;
border: 0.083em solid #ccc;
}

.linkBox form.stadtplan label{
font-weight: bold;
}

.linkBox form.stadtplan input{
font-size: 1em;
padding: 0 0.417em 0 1.25em !important;
padding: 0 0.417em 0 0.417em;
border: 1px solid #ddd;
background: #fff url("/media/system/seitenelemente/pfeil_rot_rechts.gif") no-repeat 0.417em 0.25em;
cursor: pointer;
}
/*FF 3+ only*/
.linkBox form.stadtplan input, x:-moz-any-link, x:default{ 
background: #fff url("/media/system/seitenelemente/pfeil_rot_rechts.gif") no-repeat 0.417em 0.417em;
}

.linkBox form.stadtplan input:hover, .linkBox form.stadtplan input:focus{
border: 1px solid #ba4b3b;
}


form.formular7raster{
background: none;
padding: 0.5em 0 0 0;
}

form.formular7raster fieldset{
border-top: 1px solid #eee;
border-right: 1px solid #eee;
border-left: 1px solid #eee;
border-bottom: 0;
background: #fafafa;
margin-top: 1em;
padding: 0 0 1em 0;
}
form.formular7raster fieldset.submit{
margin-top: 0;
border-top: 0;
border-right: 1px solid #eee;
border-left: 1px solid #eee;
border-bottom: 1px solid #eee;
}

form.formular7raster h4{
margin: 1.5em 1em 1em 1em;
}

form.formular7raster p{
margin:1.25em 1em;
}


form.formular7raster label{
display: block;
margin: 0.667em 0 0 0;
}
form.formular7raster span{
display: block;
margin: 1em 0 0 0;
}

form.formular7raster input{
width: 25.417em;
}
form.formular7raster select{
width: 26em;
}

form.formular7raster textarea{
width: 26.417em !important;
*width: 25.583em !important; /*IE <= v7*/
width: 25.583em;
border: 1px solid #999;
border-top: 2px solid #999;
}


form.formular7raster label, form.formular7raster span, form.formular7raster input, form.formular7raster select, form.formular7raster textarea{
margin-left: 1em;
}

form.formular7raster label input{
margin: -1em 0 0 0;
width: auto;
border: 0;
position: relative;
top: 0.167em;
}

form.formular7raster fieldset.submit input{
width: 16.667em;
margin-right: 14.417em;
}



.achtung{
color: #dd0000;
font-weight: bold;
/*border: 0.3em solid #dd0000;*/
margin: 5em; 
}

/* Fuer JavaScript MJ */
.hide {
display:none;
}

.pointer {
cursor:pointer;
}

/* Start Verstecken des Hauptmen�s 16.12.09 */
#kopfPanoramaKlein.hideMainMenu , #kopfPanorama.hideMainMenu {
margin-top:0;
}


#mainMenuSwitch {
position : absolute;
top : 7.083em;/*85px*/
left : 29.167em !important; /*350px*/
left: auto;
right: auto !important;
right: 0;
text-align: right;
z-index : 10;
width: 36.250em !important; /*435px*/
width: auto;
line-height: 1.25em;
}

/* Ende Verstecken des Hauptmen�s */





/* Lightbox/Colorbox: Styles f�r "Anzeigen im Colorbox-I-Frame"*/

.cbStandard{
height: 45em !important; /*450px*//*Höhe ist wichtig für IE7*/
height: 42em;
}

img.qr{
border: 0.083em solid #000;
}

.cbStandard .qrBildBox, .cbStandard img.qr{
width: 25.417em !important; /*305px;*/
}

.cbStandard .qrBildBox, .rasterSpalte7 .qrBildBox{
margin: 0.417em 1.250em 1.250em 0 !important;
margin: 0.417em 1.250em 0;
}

.cbStandard .qrErklaerung{
position: absolute;
bottom: 0.833em !important;
bottom: 0.167em;
left: 0;
/*float: none;
clear: both;
overflow: auto;
width: 99.5%;*/
border-top: 0.333em solid #e8e8e8 !important; /*4px*/
border-top: 0;
color: #666;
}



.cbStandard dl{
margin: 1em 0;
}

.cbStandard dt{
color: #666666;
display: block;
float: left;
font-weight: bold;
line-height: 1.25em;
width: 2.917em;
}
.cbStandard dd{
margin: 0 0 0 2.917em !important;
}



/* --- Formulare ---------------*/

.cbStandard form fieldset{
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 0;
	background: #fafafa;
	margin-top: 1em;
	padding: 0.833em 1em 1em 1em !important;
	padding: 0.833em 1em 0 1em;
}
.cbStandard form fieldset.submit{
	border-top: 0;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin-top: 0;
}

.cbStandard form fieldset label{
	width: 14.5em;
	line-height: 2em;
	float: left;
	clear: both;
	margin: 0 0 0.25em 0;
	border: 0;
	display: block;
}
.cbStandard form fieldset input,.cbStandard form fieldset textarea{
	float: none;
	margin: 0 0 0.25em 0;
	width: 25.417em;
}
.cbStandard form fieldset textarea{
	width: 26.417em !important;
	width: 25.583em;
	display: block;
	border: 1px solid #999;
	border-top: 2px solid #999;
}

.cbStandard form fieldset hr{
display: none;
}

.cbStandard form fieldset h3{
 clear: both;
 margin: 2em 1em 1em 0;
}

form fieldset div.captcha{
background: #f5f5f5;
padding: 0.25em;
margin: 1em;
}

.cbStandard form fieldset div.captcha{
margin: 0.5em 0;
}

form fieldset div.captcha label{
margin: 0;
}

form fieldset div.captcha p{
clear: both;
margin: 0.333em 0 0 0;
line-height: 2em;
}

.cbStandard form fieldset div.captcha div{
margin: 0.25em 0 0 14.25em;
padding: 0;
}

form fieldset div.captcha img{
float: left;
margin: 0 1em 0 0;
}

.cbStandard form fieldset div.captcha img{
float: left;
margin: 0.25em 1em 0 0;
width: 200px;
border: 0;

}

form fieldset div.captcha input{
width: 9.5em;
float: none;
margin: 0.25em 0 0 0;
}

.cbStandard form fieldset.submit input{
width: 16.667em;
margin-right: 18.75em !important;
margin-right: 17.5em;
}


input.formHinweis{ /* wenn Pflichtfeld nicht ausgef�llt*/
border: 1px solid #ff0000;
border-top: 2px solid #ff0000;
}


textarea.formHinweis, form fieldset textarea.formHinweis, .cbStandard form fieldset textarea.formHinweis{
border: 1px solid #ff0000;
border-top: 2px solid #ff0000;
}



form.formular7raster span.formHinweis, span.formHinweis{
color: #ff0000;
margin:0;
}

span.formHinweis{
float: right;
margin:0 2em 0 0;
line-height: 2em;
}

/****************** MIK-21.02.2011 ***************************/
.error {
color:#dd0000;
}

/****************** MIK-22.03.2011 ***************************/
.contentFree {
background-color:#EEFFF0;
}

.contentBlocked {
background-color:#FFEEEE;
}

div#commentThreadInfo {
margin:1em 0;
padding:0.833em 0;
border-bottom:0.083em solid silver;
}

div#comments {
clear:both;
}

.commentBox {
margin:0 0 0.833em 0;
padding:0.833em 0;
}

div.commentText {
padding:0.333em 0 0.333em 0.417em;
border-left: 0.333em solid #e8e8e8; /*4px*/
}

div.commentRespond {
margin:0.167em 0.333em 0.333em 1.667em;
border:0.083em dotted black;
padding:0.833em;
background:#EEE;
}

.contentRespond {
margin:1.667em 0 0 0;
border-top: 0.083em solid silver;
}

.contentModerate {
border:1px solid black;
padding:0.333em;
background:#EEE;
}

.contentInfo {
padding:0;
margin:0.833em 0 0 0;
}



/****************** MIK-29.04.2011 ***************************/
#countDownContainer2 {
position:relative;
}

#countDownContainer2 div p {
text-align:center;
}

.cdBoxTimer {
background:#000;
color:#FFE700;
font-size:2.7em;
line-height:1.2em;
padding:0.33em;
}

.cdBoxTimerPosition {
position:absolute;
top:0;
}