/* CSS Document */
/*----------------------------------------------------------------------------------------------------*/
/* COMMON CHANNEL STYLES                                                                              */
/* styles, welche fuer alle channels gelten, werden unter uU in den SPECIAL PAGE STYLES ueberschrieben*/
/* CHANNEL STYLES IMMER AN VORLETZTER STELLE (vor den PAGE STYLES) laden!                             */
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/* anchor pseudo classes                                                                              */
/* SPECIAL DOTTED UNDERLINE LINK (wenn das das der Standard anchor-Style werden soll, muss das .ADU   */
/* entfernt werden. ueberschreibt dann die Definition in layout.css.)                                 */
/*----------------------------------------------------------------------------------------------------*/

img,a{border-style:none;}    

a.aDU:link {
 color: #255095;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;                                  /* geändert */
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
 border-bottom-style: dotted;
 border-bottom-color: #255095;
 border-bottom-width: thin;
 line-height: 11px;
}
a.aDU:active {
 color: #255095;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;                                  /* geändert */
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
 border-bottom-style: dotted;
 border-bottom-color: #255095;
 border-bottom-width: thin;
 line-height: 11px;
}
a.aDU:visited {
 color: #255095;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;                                  /* geändert */
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
 border-bottom-style: dotted;
 border-bottom-color: #255095;
 border-bottom-width: thin;
 line-height: 11px;
}
a.DU:hover {
 color: #255095;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;                                  /* geändert */
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
 border-bottom-style: dotted;
 border-bottom-color: #255095;
 border-bottom-width: thin;
 line-height: 11px;
}
/*----------------------------------------------------------------------------------------------------*/
/* Nachbau der ul/li konstruktion in stylesheet syntax                                                */
/* Surrounding Box                                                                                    */
/*----------------------------------------------------------------------------------------------------*/
.wXUL {
 float: left;
 width: 395px;
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 0px 15px;
}
/*----------------------------------------------------------------------------------------------------*/
/* Nachbau der ul/li konstruktion in stylesheet syntax                                                */
/* Listheader (optional)                                                                              */
/*----------------------------------------------------------------------------------------------------*/
.txtXULHeader {
 float: none;
 margin: 0px 0px 3px 0px;
 color: #255095;
 background-color: transparent;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;                                  /* geändert */
 font-style: normal;
 font-weight: bold;
}
/*----------------------------------------------------------------------------------------------------*/
/* Nachbau der ul/li konstruktion in stylesheet syntax                                                */
/* Listelement                                                                                        */
/* als BULLET ist "circle" vordefiniert. mittels background-image kann hier ein beliebiges image      */
/* im html eingefuellt werden (style="background-image: url(...)")                                    */
/* folgende BULLETS gibt's schon, passend zu dem STYLE:                                               */
/*              *) ul_bullet_circle.gif                                                               */
/*              *) ul_bullet_cross.gif                                                                */
/*              *) ul_bullet_spiral.gif                                                               */
/*              *) ul_bullet_spiral_ani.gif                                                           */
/*              *) ul_bullet_underline_ani.gif                                                        */
/*              *) ul_bullet_wool.gif                                                                 */
/*              *) ul_bullet_yes.gif                                                                  */
/* beliebtestes BULLET sollte im STYLE eingetragen werden. Die anderen kann man ja mit bgimage        */
/* nachtragen oder ein extra STYLE definieren                                                         */
/*----------------------------------------------------------------------------------------------------*/
.txtXUL {
 float: none;
 padding: 0px 0px 0px 15px;
 margin: 3px 0px 3px 0px;
 background-color: transparent;
 background-image: url(/img_navi/ul_bullet_circle.gif); 
 background-position: 0px 4px;
 background-repeat: no-repeat;
 color: black;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;                                  /* geändert */
 font-style: normal;
 font-weight: normal;
}
/*----------------------------------------------------------------------------------------------------*/
/* bild am beginn der seite. ist als hintergrund ausgefuehrt                                          */
/* style=background-image: url(./_pix/pic.jpg) muss fuer jede seite angegeben werden                  */
/* standard variante mit standard dimensionen, seiten welche eine andere dimension fuer das bild      */
/* besitzen, muessen alle elemente fuer das bild und innerhalb des bildes neu definieren!             */
/*----------------------------------------------------------------------------------------------------*/
#wPagePicAndBC {
 float: left;
 width: 454px;     /* +4px fuer IE */
 /* height: 272px;       250px fuer pic + luft + 7px fuer trenner */
 height: 216px;
 margin-top: 0px;
 overflow: hidden;
 /* background-image: url(../_pix/pic_start.jpg);  !!! muss im html angegeben werden !!! */
 background-position: left top;
 background-repeat: no-repeat;
}
/*----------------------------------------------------------------------------------------------------*/
/* breadcrumb navigation - wrapper beinhaltet alle elemente innerhalb einer zeile ueber die gesamte   */
/* breite des content-bereichs und manoeuvriert an die richtige position ...                                                                       */
/*----------------------------------------------------------------------------------------------------*/
#wBreadcrumb {
 float: left;
 width: 450px;
 height: 14px;
 overflow: hidden;
 margin: 150px 0px 0px 0px;
/*  margin: 204px 0px 0px 0px; */
 padding-left: 45px;
}
/*----------------------------------------------------------------------------------------------------*/
/* breadcrumb navigation                                                                              */
/* arrow decoration zwischen [navigation anchors]                                                     */
/* graphic ist bereits ueber background integriert. dieses element dient gleichzeitig als (alleiniger)*/
/* abstandhalter zwischen den links der bc-navigation                                                 */
/*----------------------------------------------------------------------------------------------------*/
.bxBCArrow {
 float: left;
 width: 5px;
 height: 8px;
 margin: 4px 3px 0px 4px;
 background-color: transparent;
 background-image: url(/img_navi/dc_breadcrumb_arrow.gif);
  background-position: left top;
 background-repeat: no-repeat;
}
/*----------------------------------------------------------------------------------------------------*/
/* breadcrumb navigation                                                                              */
/* diese elemente muessen noch mit eine link [a href]...[/a] versehen werden                          */
/* text fuer Back Navigation. attribute eigentlich unnuetz, da von [a] gesetzt.                       */
/*----------------------------------------------------------------------------------------------------*/
.txtBCBack {
 float: left;
 color: #255095;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-style: normal;
 font-weight: bold;
 text-decoration: underline;            /*   geändert   */
}
/*----------------------------------------------------------------------------------------------------*/
/* breadcrumb navigation                                                                              */
/* das letzte element ist die aktuelle position und wird OHNE link ([a]) angezeigt                    */
/*----------------------------------------------------------------------------------------------------*/
.txtBCActualOriginalStyle {
 float: left;
 color: #255095;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-style: normal;
 font-weight: normal;
}
.txtBCActual {
 float: left;
 color: #255095;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-style: normal;
 font-weight: bold;
}
/*----------------------------------------------------------------------------------------------------*/
/* blodsinnige konstruktion mit a.aBCLast, die txtBCActual ersetzen soll                              */
/* habe ich hier gecancelt                                                                            */
/*----------------------------------------------------------------------------------------------------*/
a.aBCLast:link {
 color: #255095;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}
a.aBCLast:visited {
 color: #255095;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}
a.aBCLast:active {
 color: #255095;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}
a.aBCLast:hover {
 color: #dd0000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}
/*----------------------------------------------------------------------------------------------------*/
/* anchor pseudo classes fuer breadcrumb navigation back-link                                         */
/*----------------------------------------------------------------------------------------------------*/
a.aBCBack:link {
 color: #255095;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-style: normal;
 font-weight: bold;
 text-decoration: underline;            /*   geändert   */
}
a.aBCBack:visited {
 color: #255095;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-style: normal;
 font-weight: bold;
 text-decoration: underline;            /*   geändert   */
}
a.aBCBack:active {
 color: #255095;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-style: normal;
 font-weight: bold;
 text-decoration: underline;            /*   geändert   */
}
a.aBCBack:hover {
 color: #dd0000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-style: normal;
 font-weight: bold;
 text-decoration: underline;            /*   geändert   */
}
/*----------------------------------------------------------------------------------------------------*/
/* manoeuvriert den seitentitel innerhalb von [wPagePicAndBC] an die richtige position                 */
/*----------------------------------------------------------------------------------------------------*/
#bxPageTitle {
 float: left;
 width: 450px;
 height: 34px;
 overflow: hidden;
 margin: 8px 0px 0px 0px;
 padding: 0px 0px 0px 42px;
 color: #255095;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 30px;
 font-style: normal;
 font-weight: normal;
/*  text-transform: uppercase;  */
}
/*----------------------------------------------------------------------------------------------------*/
/* trenner zwischen bild und text der seite. liegt innerhalb von [wPagePicAndBC]. eigentlich ein      */
/* common element. haben wir aber hier angesiedelt um varianten zu ermoeglichen                       */
/*----------------------------------------------------------------------------------------------------*/
#bxPagePicTrenner {
 float: right;
 width: 429px;
 height: 7px;
 overflow: hidden;
 margin: 7px 4px 0px 0px;
 background-image: url(/img_navi/dc_trenner_rot_diagonal.jpg); 
 background-position: left top;
 background-repeat: repeat-x;
}
/*----------------------------------------------------------------------------------------------------*/
/* wrapper fuer den (uebriggebliebenen) Datenbereich                                                  */
/*----------------------------------------------------------------------------------------------------*/
#wData {
 float: left;
 width: 450px;
 margin: 12px 0px 0px 0px;
}
/*----------------------------------------------------------------------------------------------------*/
/* wrapper fuer erweiterten DATA Item                                                                 */
/* Vorlage fuer beliebige Box-Elements in allen Channels (NICHT-IN Start (hier ist auf Grund des      */
/* anderen bild-layouts die spalte breiter!))                                                         */
/*----------------------------------------------------------------------------------------------------*/
.wDXtra {
 float: left;
 width: 395px;
 margin: 3px 0px 5px 0px;
 padding: 0px 0px 0px 45px;
 color: black;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;                                  /* geändert */
 font-style: normal;
 font-weight: normal;
}
/*----------------------------------------------------------------------------------------------------*/
/* standard text (paragraph) im wData wrapper                                                         */
/*----------------------------------------------------------------------------------------------------*/
.txtStd {
 float: left;
 width: 395px;
 margin: 0px 0px 5px 0px;
 padding: 0px 0px 0px 45px;
 color: black;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;                                 /* geändert */
 font-style: normal;
 font-weight: normal;
 line-height: 1.45em;
}
/*----------------------------------------------------------------------------------------------------*/
/* Container fuer eine Link-Leiste (blaettern) "vorherige - aktuelle - naechste seite"                */
/* es wird angenommen, dass diese Link-Leiste am unteren Ende der Seite platziert ist (besitzt daher  */
/* extra-padding am unteren rand!)                                                                    */
/*----------------------------------------------------------------------------------------------------*/
.bxPgPrevNext {
 float: left;
 width: 395px;
 margin: 0px 0px 20px 0px;
 padding: 0px 0px 20px 22px;
 color: black;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-style: normal;
 font-weight: normal;        
}
/*----------------------------------------------------------------------------------------------------*/
/* anchor pseudo classes fuer blaettern (previous-next) zwischen list-seiten                          */
/*----------------------------------------------------------------------------------------------------*/
a.aPgPrevNext:link {
 color: #dd0000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;                                 /* geändert */
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}
a.aPgPrevNext:visited {
 color: #dd0000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;                                 /* geändert */
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}
a.aPgPrevNext:active {
 color: #dd0000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;                                 /* geändert */
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}
a.aPgPrevNext:hover {
 color: #dd0000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;                                 /* geändert */
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}
/*----------------------------------------------------------------------------------------------------*/
/* box / anchor fuer sitemap-impressum-agb vertical-bar am seitenende                                 */
/*----------------------------------------------------------------------------------------------------*/
#bxNavImpressum {
 margin: 10px 0px 20px 45px;
 width: 405px;
 color: #808080;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-style: normal;
 font-weight: normal;        
}
#bxNavStartImpressum {
 margin: 10px 0px 20px 0px;
 width: 450px;
 color: #808080;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-style: normal;
 font-weight: normal;        
}
a.aNavImpressum:link {
 color: #808080;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
}
a.aNavImpressum:visited {
 color: #808080;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
}
a.aNavImpressum:active {
 color: #808080;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
}
a.aNavImpressum:hover {
 color: #808080;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
}
/*----------------------------------------------------------------------------------------------------*/
/* banner: dzt nur auf Startseite vorgesehen (kann aber auch in anderen Channels einegesetzt werden   */
/* (zb JOBmania), hier vorbereitet.
/*----------------------------------------------------------------------------------------------------*/
#bxBanner {
 float: left;
 width: 450px;
 height: 60px;
}
#imgBanner {
 width: 450px;
 height: 60px;
 border: none;
}
/*----------------------------------------------------------------------------------------------------*/
/* anchor pseudo classes                                                                              */
/* allgemeine Definition fuer banner-link (falls benoetigt)                                           */
/*----------------------------------------------------------------------------------------------------*/
a.aBanner:link {
 text-decoration: none;
}
a.aBanner:visited {
 text-decoration: none;
}
a.aBanner:active {
 text-decoration: none;
}
a.aBanner:hover {
 text-decoration: none;
}
/*----------------------------------------------------------------------------------------------------*/
/* Streckt den wData Bereich nach unten                                                               */
/* muss als letztes element in #wData eingefuegt werden                                               */
/* (notfalls in #wContent, falls es nicht anders geht)                                                */
/*----------------------------------------------------------------------------------------------------*/
.bxStretcher {
 float: left;
 width: inherit;
 height: 15px;
 background-color: white;
}
/*----------------------------------------------------------------------------------------------------*/
/* RedDot SmartEdit                                                                                   */
/*----------------------------------------------------------------------------------------------------*/
/* Brauchen wir das?   !!   JA - das ist der Erläuterungstext im Smart-Edit neben den Punktis   !!    */
/*----------------------------------------------------------------------------------------------------*/
.RedDot {
 font-size: 9px;
 color: #ff0000;
}