/*
+----------------------------------------+
| www.bzga.de                            |
| Standard-Styles zur Darstellung        |
| von Seitenelementen der Startseite     |
| auf Bildschirm und Projektion          |
| CSS 2.1 - standardkonforme Browser     |
| (c) 2009 Webworker GmbH, Koeln         |
+----------------------------------------+
*/




/*
+----------------------------------------+
| Layout                                 |
+----------------------------------------+
*/


/* Hauptnavigation - Teil fuer Startseite */

/* Zweite Ebene */

#hauptnavi ol.ebene1 li ol.ebene2
{
display: none;
}

#hauptnavi ol.ebene1 li:hover ol.ebene2
{
font-size: 1.0em;
display: block;
width: 205px;
position: absolute;
left: 0px;
top: 30px;
padding-bottom: 10px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-khtml-border-radius-bottomleft: 6px;
-khtml-border-radius-bottomright: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-o-border-bottom-left-radius: 6px;
-o-border-bottom-right-radius: 6px;
-ms-border-bottom-left-radius: 6px;
-ms-border-bottom-right-radius: 6px;
background: url("../pix/hintergrund_taben_hover.gif");
background-position: left top;
background-repeat: repeat-y;
border-top: 1px solid #fff;
}

#hauptnavi ol.ebene1 li ol.ebene2 li
{
display: block;
width: 90%;
background: none;
list-style: none;
min-height: 15px;
padding-left: 20px;
padding-right: 10px;
background-image: url("../pix/pfeil_navi_blau.gif");
background-position: 5px 11px;
background-repeat: no-repeat;
}

#hauptnavi ol.ebene1 li ol.ebene2 li:hover
{
background-image: url("../pix/pfeil_navi_weiss.gif");
}

#hauptnavi ol.ebene1 li ol.ebene2 li a,
#hauptnavi ol.ebene1 li ol.ebene2 li a:link,
#hauptnavi ol.ebene1 li ol.ebene2 li a:visited
{
color: #b2b6e1;
background: transparent;
text-decoration: none;
}

#hauptnavi ol.ebene1 li ol.ebene2 li a:hover,
#hauptnavi ol.ebene1 li ol.ebene2 li a:active,
#hauptnavi ol.ebene1 li ol.ebene2 li a:focus
{
color: #fff;
background: transparent;
text-decoration: none;
}



/* Hauptnavigation - Teil fuer Startseite Ende */

/* Teaser der Startseite */

.topteaserwrap
{
clear: both;
margin-top: 7px;
}

/* Topteaserleiste mit Bild */

/* Topteaserbild */

.topteaserwrap .topteaserbild
{
float: left;
width: 465px;
height: 90px;
overflow: hidden;
}

/* Topteaser */

.topteaserwrap .topteaser
{
float: left;
width: 382px;
height: 68px;
margin-left: 10px;
margin-bottom: 10px;
padding: 12px 60px 0px 15px;
border: 5px solid #b0b0b0;
background-image: url("../pix/hintergrund_topteaser.gif");
background-position: top left;
background-repeat: repeat-y;
overflow: hidden;
}

.topteaserwrap .ttblow
{
height: 90px;
}

.topteaserwrap .ttbhigh
{
height: 150px;
}

.topteaserwrap .ttlow
{
height: 68px;
}

.topteaserwrap .tthigh
{
height: 128px;
}

/* Schrift fuer Topteaser */

.topteaserwrap .topteaser h1
{
font-size: 1.2em;
font-weight: normal;
color: #000d9c;
}

.topteaserwrap .topteaser p
{
font-size: 1.0em;
color: #000;
margin-top: 0.8em;
margin-bottom: 0.8em;
}

.topteaserwrap .topteaser div.mehr
{
position: relative;
right: 0;
margin-bottom: -18px;
margin-left: 424px;
width: 18px;
height: 18px;
background: #b0b0b0;
font-size: 10px;
text-align: center;
}

.topteaserwrap .ttlow div.mehr
{
bottom: -50px;
}

.topteaserwrap .tthigh div.mehr
{
bottom: -110px;
}

.topteaserwrap .topteaser div.mehr:hover,
.topteaserwrap .topteaser div.mehr a:hover
{
background: #000d9c !important;
}

/* Topteaser Ende */

/* Vier Tagesteaser */

#teaserwrap
{
clear: both;
background: #fff;
}

/* Titelzeile "Aktuell" */

p.aktuell
{
font-size: 1.1em;
width: 912px;
min-height: 25px;
margin-bottom: 20px;
padding: 10px 10px 0 20px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-khtml-border-radius-bottomleft: 6px;
-khtml-border-radius-bottomright: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-o-border-bottom-left-radius: 6px;
-o-border-bottom-right-radius: 6px;
-ms-border-bottom-left-radius: 6px;
-ms-border-bottom-right-radius: 6px;
background-image: url("../pix/hintergrund_titelzeile_aktuell.gif");
background-position: top left;
background-repeat: repeat-y;
}

/* Titelzeile "Aktuell" Ende */


/* Teaser "Aktuell" +++ NEUE FASSUNG MIT FAUX COLUMNS +++ */

.teaserwraptop,
.teaserwrapbottom,
.teaserwrapbg
{
float: left;
background-image: url("../pix/hintergrund_teaserlinien_vertikal.gif");
background-position: 0 25px;
background-repeat: no-repeat;
}

div.testorange
{
background-image: url("../pix/hintergrund_teaserlinien_vertikal_orange.gif");
background-position: 0 25px;
background-repeat: no-repeat;
}

div.testorange2
{
background-image: url("../pix/hintergrund_teaserlinien_vertikal_orange2.gif");
background-position: 0 25px;
background-repeat: no-repeat;
}

div.linienblau
{
background-image: url("../pix/hintergrund_teaserlinien_vertikal_blau.gif");
background-position: 0 25px;
background-repeat: no-repeat;
}

div.teaseraktuell
{
float: left;
width: 446px;
padding-left: 20px;
margin-top: 10px;
margin-bottom: 0;
margin-right: 10px;
}

div.teaseraktuell h1
{
font-size: 1.2em;
font-weight: normal;
color: #000d9c;
margin-bottom: 10px;
}

div.teaseraktuell h1.testorange
{
color: #ea661d;
}

div.teaseraktuell h1.titelblau
{
color: #000d9c;
}


div.teaseraktuell h1 span
{
display: block;
font-size: 0.85em;
font-weight: normal;
color: #999999;
min-height: 25px;
margin-left: -20px;
padding: 6px 20px 0px 20px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-khtml-border-radius-topleft: 6px;
-khtml-border-radius-topright: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-o-border-top-left-radius: 6px;
-o-border-top-right-radius: 6px;
-ms-border-top-left-radius: 6px;
-ms-border-top-right-radius: 6px;
background-image: url("../pix/hintergrund_teaser_titel.gif");
background-position: top left;
background-repeat: repeat-x;
}

div.teaseraktuellneu2 h1 span.testorange,
div.teaseraktuell h1 span.testorange
{
color: #666;
background-image: url("../pix/hintergrund_teaser_titel_orange.gif");
}

div.teaseraktuellneu2 h1 span.testorange2,
div.teaseraktuell h1 span.testorange2
{
color: #666;
background-image: url("../pix/hintergrund_teaser_titel_orange2.gif");
}

div.teaseraktuell h1 span.titelblau
{
color: #666;
background-image: url("../pix/hintergrund_teaser_titel_blau.gif");
}

div.teaseraktuell p
{
color: #000;
padding-right: 10px;
margin-bottom: 10px;
}

div.teaseraktuell p strong
{
font-weight: bold;
color: #7b7c7e;
}

div.teaseraktuell div img,
div.teaseraktuell div div img
{
float: left;
margin-top: 3px;
margin-right: 10px;
margin-bottom: 5px;
}

.abschluss,
.abschlussorange,
.abschlussorange2,
.abschlussblau
{
height: 5px;
margin-bottom: 10px;
background-position: top left;
background-repeat: no-repeat;
}

.abschluss
{
background-image: url("../pix/hintergrund_teaserlinien_vertikal_abschluss.gif");
}

.abschlussorange
{
background-image: url("../pix/hintergrund_teaserlinien_vertikal_abschluss_orange.gif");
}

.abschlussorange2
{
background-image: url("../pix/hintergrund_teaserlinien_vertikal_abschluss_orange2.gif");
}

.abschlussblau
{
background-image: url("../pix/hintergrund_teaserlinien_vertikal_abschluss_blau.gif");
}


div.teaseraktuell p a strong,
div.teaseraktuell p a:link strong,
div.teaseraktuell p a:visited strong
{
color: #ea661d !important;
text-decoration: underline !important;
}

div.teaseraktuell p a:hover strong,
div.teaseraktuell p a:active strong,
div.teaseraktuell p a:focus strong
{
color: #fff !important;
background: #ea661d !important;
text-decoration: none !important;
}



/* Teaser "Aktuell" +++ NEUE FASSUNG MIT FAUX COLUMNS +++ Ende */

/* Teaser der Startseite Ende */

/* Infoboxen ALTE FASSUNG */

#infowrap
{
clear: both;
margin-top: 10px;
background: #fff;
}

/* Infobox allgemein */

#infowrap .infobox_4sp,
#infowrap .infobox_3sp,
#infowrap .infobox_2sp,
#infowrap .infobox_1sp
{
float: left;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 0;
padding-bottom: 10px;
color: #7b7c7e;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;
background-position: top right;
background-repeat: repeat-y;
}

/* Gemeinsame Hoehe der Infoboxen */

#infowrap .kurz
{
min-height: 24em;
}

#infowrap .mittel
{
min-height: 28em;
}

#infowrap .lang
{
min-height: 32em;
}

/* Infobox vierspaltig */

#infowrap .infobox_4sp
{
width: 942px;
background-image: url("../pix/hintergrund_infobox_4sp.gif");
}

/* Infobox dreispaltig */

#infowrap .infobox_3sp
{
width: 704px;
background-image: url("../pix/hintergrund_infobox_3sp.gif");
}

/* Infobox zweispaltig */

#infowrap .infobox_2sp
{
width: 466px;
background-image: url("../pix/hintergrund_infobox_2sp.gif");
}

/* Infobox einspaltig */

#infowrap .infobox_1sp
{
width: 228px;
background-image: url("../pix/hintergrund_infobox_1sp.gif");
}

/* Rechten Rand fuer die letzte Infobox wegnehmen */

.margr0
{
margin-right: 0px !important;
}

/* Infobox-Elemente */

/* Balkentitel */

#infowrap .infobox_4sp h1,
#infowrap .infobox_3sp h1,
#infowrap .infobox_2sp h1,
#infowrap .infobox_1sp h1
{
min-height: 25px;
color: #fff;
padding: 7px 5px 0px 20px;
margin-bottom: 15px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-khtml-border-radius-topleft: 6px;
-khtml-border-radius-topright: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-o-border-top-left-radius: 6px;
-o-border-top-right-radius: 6px;
-ms-border-top-left-radius: 6px;
-ms-border-top-right-radius: 6px;
background-image: url("../pix/hintergrund_infobox_titel.gif");
background-position: top left;
background-repeat: repeat-x;
}

/* Innentitel und Text */

#infowrap .infobox_4sp h2,
#infowrap .infobox_3sp h2,
#infowrap .infobox_2sp h2,
#infowrap .infobox_1sp h2,
#infowrap .infobox_4sp p,
#infowrap .infobox_3sp p,
#infowrap .infobox_2sp p,
#infowrap .infobox_1sp p
{
margin: 5px 5px 5px 20px;
}

#infowrap .infobox_4sp div img,
#infowrap .infobox_3sp div img,
#infowrap .infobox_2sp div img,
#infowrap .infobox_1sp div img
{
float: left;
margin: 3px 10px 10px 20px;
}

/* Sonderfall Neuerscheinungen */

#infowrap .infobox_4sp .nebox,
#infowrap .infobox_3sp .nebox,
#infowrap .infobox_2sp .nebox,
#infowrap .infobox_1sp .nebox
{
float: left;
width: 228px;
padding-bottom: 15px;
}

#infowrap .infobox_4sp .nebox h2,
#infowrap .infobox_3sp .nebox h2,
#infowrap .infobox_2sp .nebox h2,
#infowrap .infobox_1sp .nebox h2,
#infowrap .infobox_4sp .nebox p,
#infowrap .infobox_3sp .nebox p,
#infowrap .infobox_2sp .nebox p,
#infowrap .infobox_1sp .nebox p
{
margin: 0 10px 0 70px !important;
}

#infowrap .infobox_4sp .nebox div img,
#infowrap .infobox_3sp .nebox div img,
#infowrap .infobox_2sp .nebox div img,
#infowrap .infobox_1sp .nebox div img
{
float: left;
margin: 3px 0px 10px 20px !important;
}

#infowrap .infobox_4sp .nebox .linkpfeil,
#infowrap .infobox_3sp .nebox .linkpfeil,
#infowrap .infobox_2sp .nebox .linkpfeil,
#infowrap .infobox_1sp .nebox .linkpfeil
{
display: inline !important;
}

.cl
{
clear: left;
}

#infowrap .infobox_4sp .nebox div.cl
{
height: 1px;
clear: left;
}

/* Infoboxen ALTE FASSUNG ENDE */

/* Infoboxen NEUE FASSUNG */

.infowrapneu
{
float: left;
margin-top: 0;
background: transparent;
}

/* Hintergrundgrafiken zur Simulation der Spalten, 
   Klasse wird zu infowrapneu addiert */

.hg_1-1-2,
.hg_2-1-1,
.hg_2-2,
.hg_3-1,
.hg_4
{
background-position: 0 24px;
background-repeat: no-repeat;
}

.hg_1-1-2
{
background-image: url("../pix/hintergrund_infobox_1-1-2.gif");
}

.hg_2-1-1
{
background-image: url("../pix/hintergrund_infobox_2-1-1.gif");
}

.hg_2-2
{
background-image: url("../pix/hintergrund_infobox_2-2.gif");
}

.hg_3-1
{
background-image: url("../pix/hintergrund_infobox_3-1.gif");
}

.hg_4
{
background-image: url("../pix/hintergrund_infobox_4.gif");
}

/* Abschluss fuer infowrapneu */

.end_1-1-2,
.end_2-1-1,
.end_2-2,
.end_3-1,
.end_4
{
clear:left;
height: 5px;
margin-bottom: 0;
background-position: left top;
background-repeat: no-repeat;
}

.end_1-1-2
{
background-image: url("../pix/hintergrund_infobox_1-1-2_abschluss.gif");
}

.end_2-1-1
{
background-image: url("../pix/hintergrund_infobox_2-1-1_abschluss.gif");
}

.end_2-2
{
background-image: url("../pix/hintergrund_infobox_2-2_abschluss.gif");
}

.end_3-1
{
background-image: url("../pix/hintergrund_infobox_3-1_abschluss.gif");
}

.end_4
{
background-image: url("../pix/hintergrund_infobox_4_abschluss.gif");
}


/* Infobox allgemein */

.infowrapneu .infobox_4sp,
.infowrapneu .infobox_3sp,
.infowrapneu .infobox_2sp,
.infowrapneu .infobox_1sp
{
float: left;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 0;
padding-bottom: 5px;
color: #7b7c7e;
}

/* Infobox vierspaltig */

.infowrapneu .infobox_4sp
{
width: 942px;
}

/* Infobox dreispaltig */

.infowrapneu .infobox_3sp
{
width: 704px;
}

/* Infobox zweispaltig */

.infowrapneu .infobox_2sp
{
width: 466px;
}

/* Infobox einspaltig */

.infowrapneu .infobox_1sp
{
width: 228px;
}

/* Infobox-Elemente */

/* Balkentitel */

.infowrapneu .infobox_4sp h1,
.infowrapneu .infobox_3sp h1,
.infowrapneu .infobox_2sp h1,
.infowrapneu .infobox_1sp h1
{
min-height: 25px;
color: #fff;
padding: 7px 5px 0px 20px;
margin-bottom: 15px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-khtml-border-radius-topleft: 6px;
-khtml-border-radius-topright: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-o-border-top-left-radius: 6px;
-o-border-top-right-radius: 6px;
-ms-border-top-left-radius: 6px;
-ms-border-top-right-radius: 6px;
background-image: url("../pix/hintergrund_infobox_titel.gif");
background-position: top left;
background-repeat: repeat-x;
}

/* Innentitel und Text */

.infowrapneu .infobox_4sp h2,
.infowrapneu .infobox_3sp h2,
.infowrapneu .infobox_2sp h2,
.infowrapneu .infobox_1sp h2,
.infowrapneu .infobox_4sp p,
.infowrapneu .infobox_3sp p,
.infowrapneu .infobox_2sp p,
.infowrapneu .infobox_1sp p
{
margin: 5px 5px 5px 20px;
}

.infowrapneu .infobox_4sp div img,
.infowrapneu .infobox_3sp div img,
.infowrapneu .infobox_2sp div img,
.infowrapneu .infobox_1sp div img
{
float: left;
margin: 3px 10px 10px 20px;
}

/* Sonderfall Neuerscheinungen */

.infowrapneu .infobox_4sp .nebox,
.infowrapneu .infobox_3sp .nebox,
.infowrapneu .infobox_2sp .nebox,
.infowrapneu .infobox_1sp .nebox
{
float: left;
width: 228px;
padding-bottom: 15px;
}

.infowrapneu .infobox_4sp .nebox h2,
.infowrapneu .infobox_3sp .nebox h2,
.infowrapneu .infobox_2sp .nebox h2,
.infowrapneu .infobox_1sp .nebox h2,
.infowrapneu .infobox_4sp .nebox p,
.infowrapneu .infobox_3sp .nebox p,
.infowrapneu .infobox_2sp .nebox p,
.infowrapneu .infobox_1sp .nebox p
{
margin: 0 10px 0 70px !important;
}

.infowrapneu .infobox_4sp .nebox div img,
.infowrapneu .infobox_3sp .nebox div img,
.infowrapneu .infobox_2sp .nebox div img,
.infowrapneu .infobox_1sp .nebox div img
{
float: left;
margin: 3px 0px 10px 20px !important;
}

.infowrapneu .infobox_4sp .nebox .linkpfeil,
.infowrapneu .infobox_3sp .nebox .linkpfeil,
.infowrapneu .infobox_2sp .nebox .linkpfeil,
.infowrapneu .infobox_1sp .nebox .linkpfeil
{
display: inline !important;
}

.infowrapneu .infobox_4sp .nebox div.cl
{
height: 1px;
clear: left;
}

/* Fuer diese Loesung muss der Abstand der Fusszueile korrigiert werden */

#fusszeile
{
margin-top: 20px;
}

/* Infoboxen NEUE FASSUNG ENDE */

/* Listen auf der Startseite */

#teaserwrap ul,
#infowrap ul
{
list-style: none;
margin-right: 10px;
}

#teaserwrap ol,
#infowrap ol
{
margin-left: 2.8em;
margin-right: 10px;
}

#teaserwrap ul li,
#infowrap ul li
{
margin-top: 0.4em;
margin-bottom: 0.4em;
padding-left: 1.4em;
background-image: url("../pix/pfeil_ul_li.gif");
background-position: 0px 4px;
background-repeat: no-repeat;
}

#infowrap ul
{
margin-left: 20px;
}

.liste li
{
margin-bottom: .5em;
}

ul.linkliste
{
margin: 10px 0px 0px;
padding: 0px;
}

ul.linkliste li,
ol.linkliste li
{
margin-bottom: 1em;
margin-left: 0px;
}

ul.linkliste small,
ol.linkliste small
{
color: #777;
}

ul.linkliste li
{
list-style-type: none;
list-style-image: none;
padding-left: 24px;
background-image: url("../pix/pfeil_ul_li.gif");
background-repeat: no-repeat;
background-position: 0px 1px;
}

ol.linkliste li
{
list-style-type: none;
list-style-image: none;
list-style-position: inside;
text-indent: -1.6em;
}

ul.linkliste li a,
ol.linkliste li a
{
font-weight: bold;
}

/* Listen auf der Startseite Ende */