@charset "utf-8";
/*
OGE-CSS digi3 23.09.2010
Änderungen zur Version vom 19.09.2011
---------------------------
Korrektur: "bold" von .expanded entfernt
Änderungen zur Version vom 16.09.2011
---------------------------
Neue Klasse: "newsintro" für Anlauftext auf Newsserver-Artikelseiten
Änderungen zur Version vom 26.08.2011
---------------------------
Klasse "intro" nicht mehr nur an <p> gebunden
Änderungen zur Version vom 17.07.2011
---------------------------
image-Referenz entfernt; zusätzliche border für die zweite Menüebene
Änderungen zur Version vom 16.07.2011
---------------------------
Anpassung der Links in der Meta-Navigation der Pop-Ups
Änderungen zur Version vom 22.07.2011
---------------------------
Änderung der Meta-Navigation (kombinierte Suche)
Änderung der Darstellung von Radiobuttons und Checkboxen (inline-block anstelle block/inline und float entfernt)
Änderung der Top-Navigation
Änderung des display-types für checkbox- und radio-button-container
---------------------------
Änderungen zur Version vom 25.02.2011
---------------------------
Änderungen der SideNav und des Intranet-Headers (Höhe und Meta-Navigation) 
---------------------------
Änderungen zur Version vom 18.02.2011
---------------------------
Homepage-Slider-Teaserlines: font-size + width für spans innerhalb a.homepage_teaser-link angepasst, Fallback für noscript
---------------------------
Änderungen zur Version vom 15.02.2011
---------------------------
Definitionen für Homepage-Slider-Teaserlines ("#HomepageTeaserContainer",ff)
---------------------------
Änderungen zur Version vom 02.02.2011
---------------------------
strong-Elemente vererben font-Eigenschaften
---------------------------
Änderungen zur Version vom 13.01.2011
---------------------------
Hervorgehobene Backgrounds vererben ihren BG (.bg_highlighted)
a.icon hat eine flexible Höhe (im Ggs zu input-buttons)
Definition für Poll (Marginalspalte)
---------------------------
Änderungen zur Version vom 23.12.
---------------------------
Clear für .form_input_wrapper entfernt
margin-bottom für .picture_caption
background:none für inputs vom Typ image,radio,checkbox
Optimierung von hoch- und tiefgestelltem Text
---------------------------
Änderungen zur Version vom 13.12.
---------------------------
Definitionen von Pop-ups: Standard (320px), 560, 780, 960
---------------------------
Änderungen zur Version vom 9.12.
---------------------------
width:100% für Absätze innerhalb .box_text blockquote
---------------------------
Änderungen zur Version vom 8.12.
---------------------------
"background-color:transparent" für .icon
1px padding-bottom für .icon (nur inputs)
Templateweb-Angaben übertragen in "Application.css"
Zusätzliche Definitionen für Radiobuttons und Checkboxen
---------------------------
Änderungen zur Version vom 6.12.
---------------------------
bg für an nicht-form-elemente gebundene input-types:
input[type=radio], input[type=checkbox] {
    background-color:#fff;
    }
input[type=image] {
    background-color:transparent;
    }
---------------------------
FARBEN
---------------------------
#003d85        OGE-blue        OGE Ultramarin-Blau
#668bb7        blue 1            dunkel
#99b0cf        blue 2            |
#c5d5e9        blue 3            |
#e4f0fe        blue 4            |
#eaf3fa        blue 5            hell
#485253        OGE-gray        "Eisengrau"
#6d7675        gray 1            dunkel
#919699        gray 2            |
#b6babb        gray 3            |
#d2d3d5        gray 4            |
#e0e3e3        gray 5            hell
---------------------------
KONVENTIONEN
---------------------------
-Grundsprache für Selektorbezeichner ist Englisch
-Tagnamen werden alle klein geschrieben
-IDs fangen mit einem Großbuchstaben an (z.B. #Marginal)
-Klassennamen bestehen aus Kleinbuchstaben (z.B. .marginal)
---------------------------
---------------------------
INDEX
---------------------------
1. Reset
2. Standard-HTML-Elemente
    2.1. Absatzformate
    2.2. Tabellen
    2.3. Icons
    2.4. Formulare
        2.4.1. Formularinhalte zweispaltig nebeneinander
        2.4.2. Formularinhalte über die gesamte Slotbreite
        2.4.3. Formularinhalte unabhängig von Slot-Breite
3. Container (und von diesen abhängige Klassen)
    3.1. Hauptcontainer
    3.2. Header, Meta- und Mainnavigation
    3.3. Mittelteil
        3.3.1. SideNavigation
        3.3.2. Hauptcontent
    3.4. Footer
    3.5. Subcontainer
        3.5.1. Subcontainer >= 2Slots
            3.5.1.1. Allgemeine Absatzformate
            3.5.1.2. Module und von diesen abhängige Absatzformate und Klassen
        3.5.2. Subcontainer = 1Slot
            3.5.2.1. Allgemeine Absatzformate
            3.5.2.2. Module und von diesen abhängige Absatzformate und Klassen
    3.6. Sondercontainer (für Homepage, Sitemap etc.)
4. Universelle Klassen
5. Sonderfälle und Templateweb-Anpassungen 
*/
/* 
------------------------------------------------------------
1. RESET
------------------------------------------------------------
*/
html{ 
    font-size:100%;
    }
a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
dir,
div,
dl,
dt,
em,
fieldset,
form,
h1, h2, h3, h4, h5, h6,
html,
iframe,
img,
ins,
isindex,
kbd,
label,
legend,
li,
menu,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: normal;
    font-style: normal;
    font-family: inherit;
    font-variant: inherit;
    vertical-align: baseline;
    }
ol, ul { 
    list-style: none;
    }
table {
    border-spacing: 0;
    }
caption, th, td {
    text-align: left;
    font-weight: normal;
}
a img {
    border: 0;
}
acronym:hover, abbr:hover {
    cursor: help;
}
input {
    font-size:1em;
    }
/* 
------------------------------------------------------------
2. STANDARD-HTML-ELEMENTE
------------------------------------------------------------
*/
html {
    min-height: 101%; /* vertikalen Scrollbalken bei wenig Content erzwingen? */
    }
body { 
    width:100%;
    font-size:100.01%;
    font-family: Arial, Helvetica, sans-serif;
    color:#000;
    background-position:center top;
    background-repeat:repeat-y
    }
body * { 
    font-family: Arial, Helvetica, sans-serif;
    }
object {
    margin-bottom:.5em;
    outline:none;
    }
/*
-------------------------------
2.1. Absatzformate 
        Für Größendefinitionen und Dimensionen innerhalb der Subcontainer siehe Punkt 3.5. )
-------------------------------
*/
h1 { 
    font-weight:normal;
    font-family:Arial, Helvetica, sans-serif;
    color: #003d85;
    background-color:#fff
    }
h1 .addendum {
    display:block;
    color:#4b4b4b;
    }
h2 { 
    color: #003d85;
    background-color:#fff;
    }
h3 { 
    color: #003d85;
    background-color:#fff;
    }
h4 { 
    color: #003d85;
    background-color:#fff;
    }
p {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    color:#485253;
    /*font-size:0.75em; /* außerhalb des #Main-Containers=12px/16 */
    }
p.indent {
    }
p.header {
    font-size:1.167em; /*14px*/
    color:#003d85;
    margin:0 0 0.333em 0; /* 0 0 4px 0 */
    }
sup,
sub {
    height: 0;
    line-height: 1;
    position: relative;
    }
sup {
    bottom: 1ex;
    }
sub {
    top: .5ex;
    }
hr {
    color: #fff;
    background:transparent;
    border:0;
    border-bottom: 0.08em #eee solid;
    }
em {
    color:#f00;
    }
strong {
    font-weight:bold;
    }
strong * {
    font-weight:bold;
    }    
a {
    color:#000;
    text-decoration:underline;
    }
a:hover,
a:active {
    color:#000;
    text-decoration:underline;
    }
a:focus {
    text-decoration:underline;
    }
p a,
p p a {
    text-decoration:underline /* im CMS werden stellenweise <p>s verschachtelt! */
    }
ul a,
ol a {
    text-decoration:none;
    background-image:none
    }
a.linkextern {
    background-position:left top;
    background-repeat:no-repeat;
    padding-left: 1.5em;
    }
ul {
    margin:0 0 1.25em 0; /* 0 0 15px 0 */
    }
ul ol {
    margin:0 0 1.25em 1.5em; /* 0 0 15px 18px */
    padding:0 0 0 1.5em; /* 0 0 0 18px */
    }
ul li {
    background-repeat:no-repeat;
    background-position:0 .5em;
    padding-left:.9em;
    margin-top:.5em;
    margin-bottom:.8em;
    color:#485253;
    }
ul ul,
ul ol {
    margin-top:.75em;
    padding-left:0
    }
ul ol li {
    background-image:none;
    margin-bottom:.4em;
    padding-left:0;
    }
ol {
    margin:0 0 1.25em 1.5em; /* 0 0 15px 18px */
    padding:0 0 0 .5em; /* 0 0 0 12px */
    }
ol li {
    list-style-type:decimal;
    padding-left:0;
    margin:0 0 .8em 0;
    color:#485253;
    }
ol ol {
    margin-top:.75em
    }
ol ul {
    margin:.75em 0 1.25em .5em; /* 0 0 15px 6px */
    }
ol ul li {
    list-style-type:none;
    margin-bottom:.4em;
    padding:0 0 0 1em; /* 0 0 0 12px */
    }
dt, 
dd {
    display: block; 
    float: left; 
    margin-top: .5em;
    }
dt {
    clear: both;
    font-weight:bold;
    margin-right:1em;
    }
dt:after {
    content: ":";
    }
     
abbr,
acronym {
    border-bottom:0.0625em dotted #000; /*1px*/
    }
blockquote {
    background: #f9fcfc;
    color:#485253;
    padding: 1em 1em 0 1em;
    border-top: 0.0625em solid #c5d5e9;/*1px*/
    border-bottom: 0.0625em solid #c5d5e9;/*1px*/
    margin:0 0 1.25em 0; /* 0 0 15px 0 */
    }
blockquote cite {
    display: block;
    color:#6d7675;
    font-size: 90%;
    font-style: normal;
    letter-spacing:0.0625em;/* 1px*/
    text-align: right;
    border:none
    }
blockquote cite * {
    font-size: 100%;
    color:#6d7675;
    }
input,
textarea,
select {
    font-family:Arial, Helvetica, sans-serif;
    border:1px solid #003d85;
    background-color:inherit;
    padding:0.0625em;/*1px*/
    }
/*
-------------------------------
2.2. Tabellen
-------------------------------
*/
table {
    width:100%;
    border-collapse: collapse; 
    margin:0 0 2.5em 0;/*0 0 40px 0*/
    }
table td {
    padding:.4em; /* left+right reduziert (bislang .75) */
    vertical-align:top
    }
table caption {
    color:#fff;
    line-height:1.9em;
    margin:0 0 0.626em 0; /*10px*/
    font-size: 1.125em; /* 18px */
    font-weight:bold;
    background-color: #003d85;
    padding:.4em 0.75em;
    }
table thead a,
table thead a:hover {
    color:#fff;
    text-decoration:underline
    }
table th,
table thead,
table thead td {
    padding:.4em 0.75em;
    font-weight:normal;
    background-color:#33649e;
    color:#fff;
    }
    
table tfoot,
table tfoot td {
    padding:.4em 0.75em;
    font-weight:normal;
    background-color:#e0e3e3;
    color:#003d85;
    }
table th[scope=row] {
    color:#003d85;
    font-weight:bold;
    background-color:#c5d5e9;
    border-right:0.0625em solid #ccc;/*1px*/
    }
table th[scope=col] {    
    border-bottom: 0.0625em solid #ccc;/*1px*/
    border-right: 0.0625em solid #ccc;/*1px*/
    }    
/* table th+th[scope=col] {
    border-right: none;
    } */    
table th[scope=row] {
    border-right: 0.0625em solid #ccc;/*1px*/
    }
table .first-col {
    background-color: #99b0cf;
    color: #003d85;
    font-weight:bold;
    }
table tr.alternate,
table tr.alternate td {
    background-color: #eaf3fa;
    }
table tr.highlighted td,
table td.highlighted {
    background:none;
    font-weight:bold
    }
    
/* Tabellen in einspaltigen Containern */
#Marginal table,
.marginal table,
.subcontainer_1slot table {
    width:100%;
    border-collapse: collapse;
    margin:0 0 1.818em 0;/* 0 0 20px 0*/
    }
#Marginal table td,
.marginal table td,
.subcontainer_1slot table td {
    padding:.4em;
    }
#Marginal table caption,
.marginal table caption,
.subcontainer_1slot table caption {
    border:none;
    line-height:1.9em;
    margin:0 0 0.909em 0;/* 0 0 10px 0*/
    font-weight:bold;
    }
#Marginal table th,
.marginal table th,
.subcontainer_1slot table th,
#Marginal table thead,
.marginal table thead,
.subcontainer_1slot table thead,
#Marginal table thead,
.marginal table thead,
.subcontainer_1slot table thead,
#Marginal table thead td,
.marginal table thead td,
.subcontainer_1slot table thead td {
    padding:.4em;
    font-weight:normal;
    background-color:#33649e
    }
#Marginal table tfoot,
.marginal table tfoot,
.subcontainer_1slot table tfoot,
#Marginal table tfoot td,
.marginal table tfoot td,
.subcontainer_1slot table tfoot td {
    padding:.4em;
    font-weight:normal;
    background-color:#e0e3e3;
    color:#003d85
    }
#Marginal table th[scope=row],
.marginal table th[scope=row],
.subcontainer_1slot table th[scope=row] {
    background-color:#fff;
    border-right: 0.091em solid #ccc;/*1px*/
    }
#Marginal table th[scope=col],
.marginal table th[scope=col],
.subcontainer_1slot table th[scope=col] {    
    border-bottom: 0.091em solid #ccc;/*1px*/
    border-right: 0.091em solid #ccc;/*1px*/
    }    
/* table th+th[scope=col] {
    border-right: none;
    } */    
#Marginal table tfoot th[scope=row],
.marginal table tfoot th[scope=row],
.subcontainer_1slot table tfoot th[scope=row] {
    border-right: 0.091em solid #ccc;/*1px*/
    }
.subcontainer_1slot.tableborder{
    border-left: 0.091em solid white;/*1px*/
}
/* /Tabellen in einspaltigen Containern /*
/* Hover-Effekt für Zeilen
table tr:hover th[scope=row], 
table tbody tr:hover td { 
    background-color: #e4f0fe;
    color: #000;
    }
*/
#lightbox table tr:hover th[scope=row], 
#lightbox table tbody tr:hover td { 
    background-color:transparent; /* deaktiviert hover-bg für jQuery-Bilderfunktion */
    }
/*
-------------------------------
2.3. Icons
-------------------------------
*/
/* die Darstellung der Funktionalität wird über eine zusätzliche Klasse definiert: siehe Absatz 2.4. in "images.css" */
.icon { /* sowohl für <a>-Tags als auch für inputs */
    clear:both;
    padding:0 0 .08em 2em; /* 0 0 1px 24px */
    line-height:inherit;
    font-weight:bold;
    background-color:transparent;
    background-repeat:no-repeat;
    background-position: 0 50%;
    border:0;
    margin: .5em 1em 0 0; /* 6px 12px 0 0  */
    text-align:left;
    height: 1.67em; /* 20px */
    }
a.icon { /* abweichend für <a>-Tags */
    display:block;
    margin:0;
    background-position: 0 0;
    text-align:left;
    padding:0 0 0 2em; /* 0 0 0 24px */
    height:auto;
    }
td .icon { /* sowohl für <a>-Tags als auch für inputs */
    margin: 0 0 .25em 0; /* 0 0 3px 0  */
    }
/*
-------------------------------
2.4. Formulare
-------------------------------
*/
fieldset {
    margin:0 0 0.9375em 0;
    clear: both;
    margin: 0;
    }
legend {
    font-weight:bold;
    color:#000;
    display:block;
    margin:0 0 .75em 0;
    }
label,
span.form_label /* Ersatz für fehlende Label */ {
    display:block;
    float:left;
    width:auto;
    }
select,
input,
textarea {
    font-family:Arial, Helvetica, sans-serif;
    float:left;
    margin:0;
    background-color:#fff;
    }
select,
textarea {
    font-size:1em;
    }
input[type=radio], input[type=checkbox] {
    background:none;
}
input[type=submit] {
    cursor:pointer;
    }    
/* Formular über vier Slots */
.form_4slots {
    font-size:1em;
    width:63.75em; /* 765px */
    float:left;
    margin-bottom:0.9375em;
    background-color:#e0e3e3;
    padding:0.25em;/*3px*/
    }
/* Formular über drei Slots */
.form_3slots {
    font-size:1em;
    width:47em; /* 564px */
    float:left;
    margin-bottom:0.9375em;
    background-color:#e0e3e3;
    padding:0.25em;/*3px*/
    }
.form_3slots p {
    width:47em; /* 564px */
    }
/* Formular über zwei Slots */
.form_2slots {
    font-size:1em;
    width:30.75em; /* 369px */
    float:left;
    margin-bottom:0.9375em;
    background-color:#e0e3e3;
    padding:0.25em;/*3px*/
    }
.form_2slots p {
    width:30.75em; /* 369px */
    }
/* Formular über einen Slot */
.form_1slot {
    font-size:1em;
    width:15.818em;/*174px*/
    float:left;
    margin-bottom:0.9375em;
    background-color:#e0e3e3;
    padding:0.273em;/*3px*/
    }
.form_1slot p {
    width:15.818em;/*174px*/
    }
.form_input_wrapper {
    font-size:1em;
    float:left;
    clear:none;
    margin:0 0 1em 0;
    padding:0;
    }
.form_error {
    color: #ff0000;
    }
div.form_error ul {
    display:none;
    }
span.form_error {
    font-size: 0.8333em; /* 10px */
    }
.form_1slot span.form_error {
    font-size: 0.9091em; /* 10px */
    }
/*
--------------
2.3.1. Formularinhalte zweispaltig nebeneinander
--------------
*/
.form_3slots div.form_input_control_wrapper input, 
.form_3slots div.form_input_control_wrapper textarea,
.form_3slots div.form_input_control_wrapper select,
.form_2slots div.form_input_control_wrapper input, 
.form_2slots div.form_input_control_wrapper textarea,
.form_2slots div.form_input_control_wrapper select,
.form_1slot div.form_input_control_wrapper input, 
.form_1slot div.form_input_control_wrapper textarea,
.form_1slot div.form_input_control_wrapper select {
    margin-left:0;
    }
/* Formular über drei Slots */
.form_3slots label,
.form_3slots span.form_label {
    width: 14.917em;/*179px*/
    margin-right:0.5em;/*6px*/
    }
.form_3slots input[type=text], 
.form_3slots input[type=password], 
.form_3slots input[type=file], 
.form_3slots textarea, 
.form_3slots div.form_input_control_wrapper {
    width:30.75em;/* 369px*/
    margin-left:0.5em;/*6px*/
    }
.form_3slots input[type=image] {
    width: auto;
    border:none;
    background-color:transparent;
    }
.form_3slots select {
    width: 31em;/*372px*/
    margin-left:0.5em;/*6px*/
    }
.form_3slots form_input_wrapper div.form_input_control_wrapper {
    width: 30.25em;
}
/* /Formular über drei Slots */
/* Formular über zwei Slots */
.form_2slots label,
.form_2slots span.form_label {
    width: 9.667em;/*116px*/
    margin-right:0.333em;/*4px*/
    }
.form_2slots .form_radio label,
.form_2slots .form_radio span.form_label,
.form_2slots .form_checkbox label,
.form_2slots .form_checkbox span.form_label {
    width: auto;
    }
.form_2slots input[type=text], .form_2slots input[type=password], .form_2slots input[type=file], .form_2slots textarea, .form_2slots div.form_input_control_wrapper {
    width: 20.083em;/*241px*/
    margin-left:0.333em;/*4px*/
    }
.form_2slots input[type=image] {
    width: auto;
    border:none;
    background-color:transparent;
    }
.form_2slots select {
    width: 20.333em;/*244px*/
    margin-left:0.333em;/*4px*/
    }
/* /Formular über zwei Slots */
/* Formular über einen Slot */
.form_1slot label,
.form_1slot span.form_label {
    width: 4.636em;/*51px*/
    margin-right:0.364em;/*4px*/
    overflow:hidden
    }
.form_1slot input[type=text], .form_1slot input[type=password], .form_1slot input[type=file], .form_1slot textarea, .form_1slot div.form_input_control_wrapper {
    width: 10.091em;/*111px*/
    margin-left:0.364em;/*4px*/
    }
.form_1slot input[type=image] {
    width: auto;
    border:none;
    background-color:transparent;
    }
.form_1slot select {
    font-size:1em;/*11px*/
    width: 10.364em;/*114px*/
    margin-left:0.364em;/*4px*/
    }
/* /Formular über einen Slot */
/*
--------------
2.4.2. Formularinhalte über die gesamte Slotbreite
--------------
*/
/* Formular über drei Slots */
.form_3slots .form_full_width {
    width:46.5em;
    }
.form_3slots .form_full_width label,
.form_3slots .form_full_width span.form_label {
    float:left;
    width: auto;
    margin:0
    }
.form_3slots .form_full_width input[type=text], 
.form_3slots .form_full_width input[type=password], 
.form_3slots .form_full_width input[type=file], 
.form_3slots .form_full_width textarea, 
.form_3slots .form_full_width div.form_input_control_wrapper {
    float:none;
    width: 100%;
    margin-left:0;
    }
.form_3slots .form_full_width select {
    float:none;
    width: 100%;
    margin-left:0
    }
.form_3slots .form_full_width .form_radio {
    clear:both
    }
.form_3slots .form_full_width .form_radio .form_input_wrapper label {
    width: auto;
    margin-left:0.417em;/*5px*/
    }
.form_3slots .form_full_width .form_radio .form_radio_group {
    float:left;
    }
.form_3slots .form_full_width .form_radio .form_input_wrapper {
    float:left;
    clear:none;
    width: auto;
    }
.form_3slots .form_full_width .form_radio input {
    margin-top:0.083em;/*1px*/
    }
.form_3slots .form_full_width .form_radio table {
    float:left;
    clear:left;
    width:auto;
    margin-bottom:0
    }
.form_3slots .form_full_width .form_radio table td {
    width:auto;
    padding:0;
    background-color:inherit
    }
.form_3slots .form_full_width .form_checkbox .form_input_wrapper {
    float:left;
    clear:none;
}
.form_3slots .form_full_width .form_submit_left {
    width:auto;
    }
.form_3slots .form_full_width .form_submit_right {
    width:auto;
    float:right
    }
.form_3slots legend.form_full_width {
    float:none;
    width: 100%;
    }
/* /Formular über drei Slots */
/* Formular über zwei Slots */
.form_2slots .form_full_width {
    width:30.25em;
    }
.form_2slots .form_full_width label,
.form_2slots .form_full_width span.form_label {
    float:left;
    width: auto;
    margin:0;
    }
.form_2slots .form_full_width input[type=text], 
.form_2slots .form_full_width input[type=password], 
.form_2slots .form_full_width input[type=file], 
.form_2slots .form_full_width textarea, 
.form_2slots .form_full_width div.form_input_control_wrapper {
    float:none;
    width: 100%;
    margin-left:0;
    }
.form_2slots .form_full_width select {
    float:none;
    width: 100%;
    margin-left:0
    }
.form_2slots .form_full_width .form_radio,
.form_2slots .form_full_width .form_checkbox {
    clear:both
    }
.form_2slots .form_full_width .form_submit_left {
    width:auto;
    }
.form_2slots .form_full_width .form_submit_right {
    width:auto;
    float:right
    }
.form_2slots legend.form_full_width {
    float:none;
    width: 100%;
    }
/* /Formular über zwei Slots */
/* Formular über einen Slot */
.form_1slot .form_full_width {
    width:15.273em;
    }
.form_1slot .form_full_width label,
.form_1slot .form_full_width span.form_label {
    float:left;
    width: auto;
    margin:0;
    }
.form_1slot .form_full_width input[type=text], 
.form_1slot .form_full_width input[type=password], 
.form_1slot .form_full_width input[type=file], 
.form_1slot .form_full_width textarea, 
.form_1slot .form_full_width div.form_input_control_wrapper {
    float:none;
    width: 100%;
    margin-left:0;
    }
.form_1slot .form_full_width select {
    float:none;
    width: 100%;
    margin-left:0
    }
.form_1slot .form_full_width .form_radio,
.form_1slot .form_full_width .form_checkbox {
    clear:both
    }
.form_1slot .form_full_width .form_submit_left {
    width:auto;
    float:left
    }
.form_1slot .form_full_width .form_submit_right {
    width:auto;
    float:right
    }
.form_1slot legend.form_full_width {
    float:none;
    width: 100%;
    }
/* /Formular über einen Slot */
/*
--------------
2.4.3. Formularinhalte unabhängig von Slot-Breite
--------------
*/
/* Selektoren allgemein, unabhängig von Slot-Größe */    
.form_input_control_wrapper {
    float:left;
    }
.form_input_control_wrapper input, 
.form_input_control_wrapper textarea {
    margin-left:0;
    }
.form_input_control_wrapper label {
    width: auto;
    }
.form_full_width label {
    display:inline;
    }
input[type=image], input[type=radio], input[type=checkbox] {
    width:auto;
    border:none;
    background:none;
    }
input[type=image] {
    background-color:transparent;
    }
div.form_input_control_wrapper input[type=text], div.form_input_control_wrapper input[type=password], div.form_input_control_wrapper textarea, div.form_input_control_wrapper select {
    width: 100%;
}
/* Buttons zwischen prozentual aufgeteilten Containern */
.subcontainer_buttonlist {
    margin:1.25em 0 0 0; /* 15px */
    }
.subcontainer_buttonlist input {
    clear:both;
    margin:0 .75em; /* 9px */
    }
.form_1slot .subcontainer_buttonlist {
    margin:1.364em 0 0 0; /* 15px */
    }
.form_1slot .subcontainer_buttonlist input {
    clear:both;
    margin:0 0.8182em; /* 9px */
    }
/* /Buttons zwischen prozentual aufgeteilten Containern */
/* Radiobuttons und Checkboxen */
.form_radio,
.form_checkbox {
    display:inline-block;
    float:none;
    width:auto;
    }
.form_radio label,
.form_checkbox label {
    width:auto;
    margin:0 .5em .5em 0; /* 0 6px 6px 0 */
    padding:0
    }
.form_radio input,
.form_checkbox input {
    margin:0;
    padding:0;
    vertical-align:middle;
    }
.form_radio .form_error,
.form_checkbox .form_error {
    display:inline-block;
    }    
div.form_input_wrapper div.form_input_control_wrapper span.form_radio input,
div.form_input_wrapper div.form_input_control_wrapper span.form_checkbox input {
    float:none;
    display:inline;
    line-height:2em;
    background-color:transparent;
    margin:0 .3em .3em 0
    }
div.form_input_wrapper div.form_input_control_wrapper span.form_radio label,
div.form_input_wrapper div.form_input_control_wrapper span.form_checkbox label {
    float:none;
    display:inline;
    line-height:2em;
    padding-top:.6em
    }
div.form_full_width span.form_radio input,
div.form_full_width span.form_checkbox input {
    float:none;
    display:inline;
    line-height:1.3em;
    background-color:transparent;
    margin:0 .3em 0 0;
    }
div.form_full_width span.form_radio label,
div.form_full_width span.form_checkbox label {
    float:none;
    display:inline;
    line-height:1.3em;
    margin-right:.5em;
    padding-top:.6em;
    }
div.form_input_wrapper div.form_input_control_wrapper span.form_checkbox input,
div.form_full_width span.form_checkbox input {
    background-color:inherit;
    }
/* /Radiobuttons und Checkboxen */    
    
.form_submit_left {
    width:auto;
    float:left;
    clear:none;
    }
.form_submit_right {
    width:auto;
    float:right;
    clear:none;
    }
/* /Selektoren allgemein, unabhängig von Slot-Größe */    
/* 
------------------------------------------------------------
3. Container
------------------------------------------------------------
*/
/*
-------------------------------
3.1. Hauptcontainer
-------------------------------
*/
#BodyWrapper {
    width:100%;
    background-position:center top;
    background-repeat:no-repeat;
    }
#MainWrapper {
    width:60em; /* 960px */
    height:101%;
    margin:0 auto; /* für Zentrierung rein */
    background-color:#fff
    }
/*
-------------------------------
3.2. Header, Meta- und Mainnavigation
-------------------------------
*/
#Header { 
    float:left;
    clear:left;
    width: 60em; /*960px*/
    margin:0 0 1.5625em 0; /* 25px */
    }
#Header ul a,
#Header ol a {
    text-decoration:none
    }
    
#Logo {
    }
#Logo img {
    float:left
    }
#TopNav {
    float:left;
    clear:left;
    width:47.8125em;
    height:1.75em; /*28px*/
    /*margin-left: 0.9375em; entfällt bei "Docking-Station */
    padding:0 0 0 12.1875em;
    }
#TopNav img {
    float:left;
    margin-right:3em
    }
#TopNav ul {
    display:block;
    float:left;
    margin-bottom:0;
    background-color:#003d85;
    }
#TopNav ul li {
    list-style-type: none !important;
    float: left;
    background:none;
    padding-left:0;
    margin-bottom:0;
    margin-top:0;
    }
#TopNav ul li a {
    font-size:1em; /* 16px */
    display:block;
    height:28px;
    margin-right:0.0625em;/*1px*/
    padding:0 1.25em;
    color:white;
    background-color:#003d85;
    white-space:nowrap;
    line-height:28px;
    vertical-align:bottom
    }
#TopNav ul li a:hover,
#TopNav ul li a:active,
#TopNav ul li a.selected,
#TopNav ul li a.expanded {
    background-color:#b6bab6;
    color:#003d85
    }
#TopNav ul li a:focus {
    background-color:#c5d5e9;
    color:#003d85
    }
/* ************************************************ */
/* Neues Header-Layout 2011-09 */
#Header { 
    }
#Header #Logo img {
    overflow:hidden;
    }
#MetaNav {
    float:right;
    clear:right;
    padding:0;
    white-space:nowrap;
    margin:3.375em 0 0 0; /*54px 0 0 0*/
    }
#MetaNav div#Label {
    font-size:1.5em; /*24px*/
    float:left;
    clear:left;
    height:1.1667em; /* 29px */
    padding-right:0.4167em; /* 10px*/
    color:#003d85;
    }
#MetaNav ul {
    display: block;
    width:auto;
    height:0.9375em; /*15px*/
    float:left;
    clear:both;
    margin:0;
    padding:0 0 0 0.25em; /*0 0 0 4px;*/
    list-style-type: none;
    color:white;
    background-color:#485253;
    border-top:1px solid #485253;
    border-bottom:1px solid #485253;
    }
#MetaNav ul li {
    font-size: 0.6875em; /* 11px */
    display: inline;
    float:left;
    margin: 0;
    padding:0;
    line-height:1.3636em; /* 15px */
    background-color:#485253;
    background-image:none;
    }
#MetaNav ul li * {    
    font-size: 1em; /* 11px */
    }
#MetaNav ul li a { /* Links "Kontakt" etc. */
    margin:0 0.4545em 0 0.0909em; /*0 5px 0 1px*/
    color:#fff;
    }
#MetaNav ul li fieldset {
    float:right;
    width:13.6364em; /*150px;*/
    padding:0; 
    margin:0; 
    text-align:right; 
    background-color:#fff;
    }
#MetaNav fieldset div.form_input_wrapper {
    margin:0 0 0 -0.1818em; /*0 0 0 -2px*/
    }
#MetaNav div.form_input_wrapper input {
    display:inline;
    width:10.1818em; /*112px;*/
    height:1.37em; /*15px;*/
    margin:0 0 -0.0909em 0; /*0 0 -1px 0;*/
    padding:0 0.4545em 0 0; /*0 5px 0 0*/
    border-right:none;
    text-indent:0.2727em; /*3px;*/
    }
#MetaNav div.form_input_wrapper input.icon { 
    display:block; 
    width:1.4545em; /*16px*/ 
    float:left; 
    border:none; 
    clear:none;
    background-position:0 -0.0909em; /* 1px */
    }
#MetaNav div.form_input_wrapper a.icon { /* Button-Link "Telefonbuch-Suche" */
    display:inline-block;
    width:1.4545em; /*16px*/ 
    height:1.37em; /*15px;*/
    float:none;
    clear:none;
    border-right:none;
    background-color:#fff;
    margin:0;
    padding:0;
    }
/* Intranet-Header und Header mit Bereichsbezeichnung */
body#Intranet #MetaNav { 
    margin:1.6875em 0 0 0; /*27px 0 0 0*/ 
    }
/* /Intranet-Header und Header mit Bereichsbezeichnung */
    
/* Meta-Navigation ohne kombinierte Suche */
body#Intranet #MetaNav ul li a {
    /*padding:0 6px 0 5px ; 0 3px 0 3px*/
    }
/* /Meta-Navigation ohne kombinierte Suche */
#MetaNav .meta_fontsize_small a {
    font-size:0.7273em; /* 8px */
    display:none
    }
#MetaNav .meta_fontsize_medium a {
    font-size:1em;
    display:none
    }
#MetaNav .meta_fontsize_large a {
    font-size:1.1818em; /* 13px */
    display:none
    }
    
/*
-------------------------------
3.3. Mittelteil
-------------------------------
*/
/* #Main enthält Wrapper für Subcontainer */
#Main { 
    float:left;
    clear:left;
    width:60em; /* 960px */
    margin:0.625em 0 0.9375em 0; /* 0 0 15px 0 */
    }
    
#ColumnLeft {
    float:left;
    }
#ColumnLeftCenter {
    float:left;
    }
#ColumnCenter {
    float:left;
    }
#ColumnCenterRight {
    float:left;
    }
#ColumnRight {
    float:left;
    }
.wrapper_slots12345 {
    float:left;
    clear:left;
    width:60em; /* 180+15+180+15+180+15+180+15+180=960px */
    }
.wrapper_slots1234 {
    float:left;
    clear:left;
    width:47.8125em; /* 180+15+180+15+180+15+180=765px */
    margin:0 0.9375em 1.875em 0.9375em; /*0 15px 30px 15px*/
    }
.wrapper_slots2345 {
    float:left;
    clear:left;
    width:47.8125em; /* 180+15+180+15+180+15+180=765px */
    margin:0 0 1.875em 0.9375em; /*0 0 30px 15px*/
    }
.wrapper_slots234 {
    float:left;
    clear:left;
    width:35.625em; /* 180+15+180+15+180=570px */
    margin:0 0.9375em 1.875em 0.9375em; /*0 0 30px 15px*/
    }
.wrapper_subcontainer {
    width:100%;
    overflow:hidden; /* mehr Info hier (letzter Absatz): http://www.quirksmode.org/css/clearing.html */
    /*margin:0 0 1.875em 0; 0 0 30px 0*/
    }
/*
--------------
3.3.1. SideNavigation
--------------
*/
#SideNav p.header {
    display:block;
    font-size:1.273em; /* 14px */
    margin:.909em 0 0 0; /* 10px */
    padding:0.2857em 0 0.3571em 0.7142em; /* 4px 0 5px 10px*/
    color:#485253;
    }
#SideNav ul a,
#SideNav ol a {
    text-decoration:none;
    }
        
/* zweite Navigationsebene */
#SideNav {
    width:16.3636em; /* 180px */
    margin:0 0 1em 0;
    }
#SideNav ul {
    margin-bottom:0;
    font-size:1.0905em;/*12px*/
    padding-bottom:0;
    }
#SideNav ul ul,
#SideNav ul ol {
    margin-top:0
    }
#SideNav ul li {
    margin-bottom:0;
    margin-top:0;
    padding-left:0;
    list-style-type: none !important;
    background:none;
    }
#SideNav ul li a {    
    display:block;
    margin: 0;
    padding:0.583em 0.0833em 0.583em 1.25em; /*7px 1px 7px 15px*/
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    text-decoration:none;
    color: #000;
    border-bottom: 0.083em solid #acaeb5;/*1px*/
    background-color:#fff;
    }
#SideNav ul li a:hover,
#SideNav ul li a:active {
    background-color:#e4f0fe;
    }
#SideNav ul li a.selected {
    font-weight:bold;
    }
/* /zweite Navigationsebene */
#SideNav ul li ul li a {    
    border-bottom: 0.083em solid #fff;  /*Änderung 2011-08-25*/
    }
/* dritte Navigationsebene */
#SideNav ul ul {
    font-size:1em; /*12px*/
    }
#SideNav ul li ul li {
    list-style-type: none !important;
    }
#SideNav ul li ul li a {
    background-color: #acaeb5;
    }
/* /dritte Navigationsebene */
/* vierte Navigationsebene */
#SideNav ul ul ul {
    }
#SideNav ul li ul li ul {
    }
#SideNav ul li ul li ul li a {
    background-color: #c5c7cb;
    }
/* /vierte Navigationsebene */
/* fünfte Navigationsebene */
#SideNav ul ul ul ul {
    }
#SideNav ul li ul li ul li ul {
    }
#SideNav ul li ul li ul li ul li a {    
    background-color: #edeff1;
    }
/* /fünfte Navigationsebene */
/* sechste Navigationsebene */
#SideNav ul ul ul ul ul {
    }
#SideNav ul li ul li ul li ul li ul li a {    
    background-color: #fefefe;
    font-size:0.917em; /* 11px */
    border-bottom: 0.12em solid #e0e3e3;  /*Änderung 2011-08-25*/
    }
/* /sechste Navigationsebene */
/*
--------------
3.3.2. Hauptcontent
--------------
*/
/*#Main p {
    font-size:1em /* innerhalb des #Main-Containers=12px [0.75em×16px(=1em)=12px] 
    }*/
/*    Module für Bildcontainer (Faktor ist hier immer 12, da der Bildcontainer nie in einem 1Slot-Container platziert werden wird) */
/* Bildcontainer über fünf Spalten */
.picture_5slots {
    width:80em; /* 960px */
    /* float:left; */ /* sehr unwahrscheinlich */
    margin:0 0 1.25em 0; /* 0 0 15px 0 */
    }
.picture_5slots img {
    clear:left
    }
.picture_5slots p {
    color:#919699;
    font-size:0.8333em /* 10px */
    }
.picture_5slots p * {
    font-size:1em /* 10px */
    }
    
/* Bildcontainer über vier Spalten */
.picture_4slots {
    width:63.75em; /* 765px */
    /* float:left; */ /* sehr unwahrscheinlich */
    margin:0 1.1666em 1.25em 0; /* 0 14px 15px 0 */
    }
.picture_4slots img {
    clear:left
    }
.picture_4slots p {
    color:#919699;
    font-size:0.8333em /* 10px */
    }
.picture_4slots p * {
    font-size:1em /* 10px */
    }
/* Bildcontainer über drei Spalten */
.picture_3slots {
    width:47.5em; /* 570px */
    /* float:left; */ /* sehr unwahrscheinlich */
    margin-bottom:0.417em; /* 5px */
    }
.picture_3slots img {
    clear:left
    }
.picture_3slots p {
    color:#919699;
    /*font-size:0.8333em  10px */
    }
.picture_3slots p * {
    font-size:1em /* 10px */
    }
/* Bildcontainer über zwei Spalten */
.picture_2slots {
    width:31.25em; /* 375px */
    float:left;
    margin-bottom:0.417em; /* 5px */
    }
.picture_2slots img {
    clear:left
    }
.picture_2slots p {
    color:#919699;
    font-size:0.8333em /* 10px */
    }
.picture_2slots p * {
    font-size:1em /* 10px */
    }
    
/* Bildcontainer über anderthalb Spalten */
.picture_1-5slots {
    width:23.1666em; /* 278px */
    float:left;
    margin-bottom:0.417em; /* 5px */
    }
.picture_1-5slots img {
    float:right;
    clear:both
    }
.picture_1-5slots p {
    color:#919699;
    font-size:0.8333em /* 10px */
    }
.picture_1-5slots p * {
    font-size:1em /* 10px */
    }
    
/*    Bildcontainer über eine Spalte */
.picture_1slot {
    width:15em; /* 180px */
    float:left;
    margin-bottom:0.417em; /* 5px */
    }
.picture_1slot img {
    clear:left
    }
.picture_1slot p {
    color:#919699;
    font-size:0.8333em /* 10px */
    }
.picture_1slot p * {
    font-size:1em /* 10px */
    }
.picture_zoom {
    width:100%;
    clear:left;
    margin:.25em 0; /* 3px */
    text-align:left;
    padding:0.4167em 0; /**/
    }
.picture_zoom a.icon {
    display:inline;
    margin:0.91em 1.818em 0.91em 0; /*10px 20px 10px 0*/
    color:#003d85;
    font-size:0.9167em; /* 11px */
    text-decoration:none
    }
.picture_caption {
    margin-bottom:.75em
    }
    
/*
-------------------------------
3.4. Footer
-------------------------------
*/    
#Footer {
    float:left;
    clear:left;
    color:#fff;
    background-color: #6d7675;
    margin:0;
    background-repeat:repeat
    }
#Footer ul {
    margin-bottom:0;
    }
#Footer ul li {
    background:none;
    padding-left:0;
    margin-bottom:0;
    margin-top:0;
    }
#Footer a {
    text-decoration:none
    }
#Footer a:hover,
#Footer a:focus {
    text-decoration:underline
    }
#FooterServiceLinksLeft {
    float:left;
    padding: 0.625em; /* 10px */
    margin:0.625em 0 0 0.625em; /* 10px 0 0 10px  */
    }
#FooterServiceLinksLeft li {
    display:inline;
    font-size:0.75em; /* 12px */
    margin-right:1em
    }
#FooterServiceLinksLeft li a{
    color:#fff;
    }
#FooterServiceLinksRight {
    float:right;
    padding: 0.625em; /* 10px */
    margin:0.625em 0.625em 0 0; /* 10px 10px 0 0 */
    }
#FooterServiceLinksRight li {
    display:inline;
    font-size:0.75em;
    margin-left:1em /* 12px */
    }
#FooterServiceLinksRight li a{
    color:#fff;
    }
#FooterSitemap {
    float:left;
    clear:both;
    width:57.5em; /* 920px */
    background-color:#919699;
    /*width:56.375em;  (60em-2×0.625em-2x15px) */
    padding:0.625em; /* 10px */
    margin:0 0.625em 0 0.625em; /* 0 10px 0 10px; */
    }
#FooterSitemap ul {
    }
#FooterSitemap li {
    display:block;
    float:left;
    width:10.875em; /* 174px */
    margin-right:0.625em; /* 10px */
    font-weight:bold;
    }
#FooterSitemap li a {
    display:block;
    margin: 0 0 .5em 0;
    font-weight:bold;
    color:#fff;
    font-size:0.75em; /* 12px */
    line-height:1.5625em; /* 15px */
    border-bottom:1px solid #6d7675
    }
#FooterSitemap li li {
    float:none;
    }
#FooterSitemap li li a {
    margin:0 .5em .5em 0;
    font-weight:normal;
    font-size:0.75em; /* 12px */
    line-height:1.25em; /* 15px */
    border-bottom:none
    }
#FooterLegal {
    clear:both;
    text-align:center
    }
#FooterLegal a{
    color:white;
    }
#FooterLegal ul {
    margin-bottom:0.9375em /* 15px */
    }    
#FooterLegal li {
    display:inline;
    font-size:0.75em; /* 12px */
    margin:0 1.25em 0 0; /* 15px */
    }
#FooterLegal li a {
    color:#fff;
    }
#FooterLegal p {
    font-size:0.75em;
    padding-top:1.25em; /* 15px */
    }
/*
-------------------------------
3.5. Subcontainer
-------------------------------
*/
/*
--------------
3.5.1. Subcontainer >= 2Slots (Standard-Schriftgröße:12px)
--------------
*/        
/* Container über fünf Slots */
.subcontainer_5slots {
    font-size:.75em; /* 12px */
    width:80em; /* 180+15+180+15+180+15+180+15+180=960px */
    float:left;
    }
/* Container über vier Slots */
.subcontainer_4slots {
    font-size:.75em; /* 12px */
    width:63.75em; /* 180+15+180+15+180+15+180=765px */
    float:left;
    }
/* Container über drei Slots */
.subcontainer_3slots {
    font-size:.75em; /* 12px */
    width:47.5em; /* 180+15+180+15+180=570px */
    float:left;
    }
/* Container über zwei Slots */
.subcontainer_2slots {
    font-size:.75em; /* 120x */
    width:31.20em; /* 180+15+180=375px  {minus .05 -> Umbruch auf HP funktioniert sonst nicht}*/
    float:left;
    }
/* Container über anderthalb Slots (+14px Abstand zum nächsten Anderthalb-Slots-Container ergibt 3 Slots) */
.subcontainer_1-5slots_left {
    font-size:.75em; /* 12px */
    width:23.1666em; /* 278px */
    float:left;
    margin-right:1.1666em; /* 14px */
    }
/* Container über anderthalb Slots (ohne Abstand nach Rechts) */
.subcontainer_1-5slots_right {
    font-size:.75em; /* 12px */
    width:23.1666em; /* 278px */
    float:left;
    margin-right:0;
    }
    
/*
-------
3.5.1.1. Absatzformate in Subcontainern >= 2Slots
-------
*/
h1 { 
    font-size: 2em; /* 24px */
    line-height:1.1666em; /* 28px */
    margin-bottom: 0.625em;  /* 15px */
    }
h1 .addendum {
    font-size:0.6666em;  /* 16px */
    }
h2 { 
    font-size: 1.5em; /* 18px */
    margin-bottom: .277em; /* 5px */
    }
h3 { 
    font-size: 1.3333em; /* 16px */
    margin-bottom: .25em; /* 4px */
    }
h4 { 
    font-size: 1.1667em; /* 14px */
    margin-bottom: .2857em; /* 4px */
    }
p {
    line-height:1.3333em; /* 16px */
    margin-bottom:1.25em; /* 15px */
    }
.intro    {
    color:#003d85;
    font-size:1.167em; /* 14px */
    line-height:1.2857em; /* 18px */
    }
#BodyWrapper #MainWrapper .newsintro {
    color:#485253;
    font-size:1em /* 12px */
    }
#BodyWrapper #MainWrapper .newsintro * {
    color:#485253;
    font-size:1em /* 12px */
    }
#BodyWrapper #MainWrapper .newsintro a {
    color:#000;
    }
p.indent {
    margin-left:2.5em; /* 30px */
    }
sub, sup { 
    font-size: 0.8333em; /* 10px */ 
    }
hr {
    margin: 0 0 0.8333em 0; /* 10px */
    padding: 0 0 0.8333em 0; /* 10px */
    }
.subcontainer_5slots ul,
.subcontainer_4slots ul,
.subcontainer_3slots ul,
.subcontainer_2slots ul,
.subcontainer_5slots ol,
.subcontainer_4slots ol,
.subcontainer_3slots ol,
.subcontainer_2slots ol {
    /* display:table /*Bugfix für Listen neben links floatenden Containern */
    }
ul a,
ol a {
    text-decoration:underline
    }
/*
-------
3.5.1.2. Module in Subcontainern >= 2Slots
-------
*/
/* Modul für Tab-Navigation (weißer Hintergrund) */
.subcontainer_tabs ul {
    margin: 0 0 .75em 0;
    border-bottom: 1px solid #485252;
    list-style-type: none;
    padding: 3px 2px 3px 2px;
    }
.subcontainer_tabs ul li {
    display: inline;
    background-image:none;
    padding: 3px;
    border-right: 1px solid #485252;
    border-bottom: 1px solid #485252;
    border-left: 1px solid #d2d3d5;
    background-color: #efefef;
    color: #919699;
    margin:0 0.2em 0 0;
    text-decoration: none;
    border-bottom: none;
    }
#Main .subcontainer_tabs li a {
    color: #000;
    text-decoration: none;
    }
#Main .subcontainer_tabs li.selected {
    color: #000;
    border-bottom: 1px solid #fff;
    background-color: #fff; 
    }
#Main .subcontainer_tabs li.selected {
    background-color:#fff;
    color:#000;
    position:relative;
    top:0;
    padding-top:3px;
    }
#Main .subcontainer_tabs li a:hover {
    text-decoration:underline
    }
/* /Modul für Tab-Navigation (weißer Hintergrund) */
/* Modul für Paging-Navigation */
.subcontainer_paging div {
    text-align:right;
    clear:left;
    line-height:2.25em;
    margin-bottom:1em;
    font-weight:bold
    }
.subcontainer_paging div span {
    padding:.4em .6em;
    border:0.083em solid #003d85;/*1px*/
    background-color:#003d85;
    color:#fff
    }
.subcontainer_paging div a {
    padding:.4em .6em;
    border:0.083em solid #003d85;/*1px*/
    }
.subcontainer_paging div a:hover {
    padding:.4em .6em;
    border:0.083em solid #003d85;/*1px*/
    background-color:#003d85;
    color:#fff
    }
/* /Modul für Paging-Navigation */
/* Modul für eine Fotostrecke (horizontal) */
.subcontainer_photo_series_horizontal {
    padding:0.417em; /* 5px */
    }
.subcontainer_photo_series_horizontal p.header {
    font-size:1.167em; /* 14px */
    color:#003d85
    }
.subcontainer_photo_series_horizontal p {
    float:left;
    clear:left;
    font-size:1em;
    color:#6d7675;
    }
.subcontainer_photo_series_horizontal ul {
    float:left;
    clear:left;
    font-size:1em;
    color:#6d7675;
    margin-bottom:.5em
    }
.subcontainer_photo_series_horizontal ul li {
    float:left;
    width:6.25em;/*75px*/
    margin:0 .25em .5em 0;
    padding-left:0;
    list-style-image:none;
    background-image:none;
    }
.subcontainer_photo_series_horizontal ul li a {
    text-decoration:none
    }
.subcontainer_photo_series_horizontal ul li span {
    font-size:0.833em; /* 10px */
    line-height:0.917em; /* 11px */
    display:block;
    margin-top:.1em
    }
/* /Modul für eine Fotostrecke (horizontal) */
/* Modul für eine Fotostrecke (vertikal) */
.subcontainer_photo_series_vertical {
    padding:0.417em;/*5px*/
    }
.subcontainer_photo_series_vertical p.header {
    font-size:1.167em; /* 14px */
    color:#003d85
    }
.subcontainer_photo_series_vertical p {
    float:left;
    clear:left;
    font-size:1em;
    color:#6d7675;
    }
.subcontainer_photo_series_vertical ul {
    float:left;
    clear:left;
    font-size:1em;
    color:#6d7675;
    margin-bottom:.5em
    }
.subcontainer_photo_series_vertical ul li {
    float:left;
    clear:left;
    width:31.25em;/*375px*/
    margin:0 .25em .5em 0;
    padding-left:0;
    list-style-image:none;
    background-image:none;
    position: relative
    }
.subcontainer_photo_series_vertical ul li a {
    text-decoration:none
    }
.subcontainer_photo_series_vertical ul li img {
    text-decoration:none;
    float:left;
    }
.subcontainer_photo_series_vertical ul li span {
    font-size:0.833em; /* 10px */
    line-height:0.917em; /* 11px */
    display:block;
    margin-top:.1em;
    position:absolute; 
    bottom:0;
    margin-left:6.667em;/*80px*/
    }    
/* /Modul für eine Fotostrecke (vertikal) */
        
/* Module für prozentuale Aufteilungen */
div.subcontainer_splitter {
    float: left;
    }
div.subcontainer_10percent {
    width: 10%;
    }
div.subcontainer_20percent {
    width: 20%;
    }
div.subcontainer_25percent {
    width: 25%;
    }
div.subcontainer_30percent {
    width: 30%;
    }
div.subcontainer_33percent {
    width: 33%;
    }
div.subcontainer_45percent {
    width: 45%;
    }
div.subcontainer_50percent {
    width: 50%;
    }
div.subcontainer_70percent {
    width: 70%;
    }
div.subcontainer_80percent {
    width: 80%;
    }
div.subcontainer_90percent {
    width: 90%;
    }
#BodyWrapper div.subcontainer_30percent input,
#BodyWrapper div.subcontainer_33percent input,
#BodyWrapper div.subcontainer_45percent input,
#BodyWrapper div.subcontainer_50percent input,
#BodyWrapper div.subcontainer_50percent input,
#BodyWrapper div.subcontainer_70percent input,
#BodyWrapper div.subcontainer_80percent input,
#BodyWrapper div.subcontainer_90percent input {
    width: 96%;
    }
#BodyWrapper div.subcontainer_30percent input[type=image], #BodyWrapper div.subcontainer_33percent input[type=image], #BodyWrapper div.subcontainer_45percent input[type=image], #BodyWrapper div.subcontainer_50percent input[type=image], #BodyWrapper div.subcontainer_50percent input[type=image], #BodyWrapper div.subcontainer_70percent input[type=image], #BodyWrapper div.subcontainer_80percent input[type=image], #BodyWrapper div.subcontainer_90percent input[type=image] {
    width: auto;
    }
/* /Module für prozentuale Aufteilungen */
/* Linkliste in Slots >= 2 */
.box_linkliste {
    float:left;
    clear:left;
    width:100%;
    color:#003d85;
    margin-bottom: 1.25em; /* 15px */
    }
.box_linkliste p.header {
    font-size:1.1666em; /* 14px */
    margin-bottom:0.333em; /*4px*/
    color:#003d85;
    }
.box_linkliste p {
    }
.box_linkliste ul {
    }
.box_linkliste ul li {
    margin-bottom:.75em;
    padding-left:2em;
    background-repeat:no-repeat;
    background-position:0 -.1em;
    }
.box_linkliste ul li a {
    font-weight:bold;
    color:#003d85
    }
/* /Linkliste in Slots >= 2 */
/* Downloadliste in Slots >= 2 */
.box_downloadliste {
    float:left;
    clear:left;
    width:100%;
    color:#003d85;
    margin-bottom: 1.25em; /* 15px */
    }
.box_downloadliste p.header {
    font-size:1.1666em; /* 14px */
    margin-bottom:0.333em;/*4px*/
    color:#003d85;
    }
.box_downloadliste p {
    }
.box_downloadliste ul {
    }
.box_downloadliste ul li {
    margin-bottom:.75em;
    padding-left:2em;
    background-repeat:no-repeat;
    background-position:0 -.1em;
    }
.box_downloadliste ul li a {
    font-weight:bold;
    color:#003d85;
    }
.box_downloadliste ul li a .addendum {
    display:block
    }
/* /Downloadliste in Slots >= 2 */
/* Newsliste in Slots >= 2 */
.box_newsliste {
    float:left;
    clear:left;
    margin-bottom: 1.25em; /* 15px */
    }
.box_newsliste p.header {
    font-size:1.1666em; /* 14px */
    margin-bottom:0.333em;/*4px*/
    color:#003d85;
    }
.box_newsliste ul li {
    margin:0 0 1em 0;
    padding:0;
    background-image:none
    }
.box_newsliste p {
    margin:0;
    }
.box_newsliste p strong {
    font-weight:bold;
    color:#003d85
    }
.box_newsliste p.date {
    color:#b6babb;
    }
.box_newsliste a,
.box_newsliste a:link {
    margin-bottom:1em; /* 16px */
    text-decoration:underline
    }
.box_newsliste p a,
.box_newsliste p a:link {
    text-decoration:none
    }
/* /Newsliste in Slots >= 2 */
/* Standard-Textbox in Slots >= 2 */
.box_text {
    float:left;
    clear:left;
    width:100%;
    margin-bottom: 1.25em; /* 15px */
    }
.box_text p.header {
    font-size:1.1666em; /* 14px */
    margin-bottom:0.333em;/*4px*/
    color:#003d85;
    }
.box_text ul li {
    margin:0 0 1em 0;
    color:#000
    }
.box_text p {
    margin:0 0 .5em 0;
    }
.box_text p strong {
    font-weight:bold;
    color:#003d85
    }
.box_text p.date {
    color:#b6babb;
    }
.box_text a,
.box_text li a {
    margin-bottom:1em; /* 16px */
    text-decoration:none
    }
.box_text p a,
.box_text li p a {
    text-decoration:underline
    }
.box_text blockquote p {
    width:100%;
    margin-bottom:1.2em
    }
.box_text blockquote cite p {
    width:auto;
    }
/* /Standard-Textbox in Slots >= 2 */
/* Box mit einzelnen Download-Links in Slots >= 2 */
.box_download {
    float:left;
    clear:left;
    width:100%;
    margin-bottom: 1.25em; /* 15px */
        }
.box_download .header {
    font-size:1.1666em; /* 14px */
    margin-bottom:0.333em;/*4px*/
    color:#003d85;
    }
.box_download p {
    margin-bottom:0.917em/*11px*/
    }
.box_download a {
    display:block;
    font-weight:bold;
    padding:0 0 0 1.833em;/*22px*/
    background-repeat:no-repeat;
    background-position:0 -.1em;
    color:#003d85
    }
/* /Box mit einzelnen Download-Links in Slots >= 2 */
/* Ansprechpartner-Box in Slots >= 2 */
.box_ansprechpartner {
    float:left;
    clear:left;
    width:100%;
    margin-bottom: 1.25em; /* 15px */
        }
.box_ansprechpartner .header {
    font-size:1.1666em; /* 14px */
    margin-bottom:0.333em;/*4px*/
    color:#003d85;
        }        
.box_ansprechpartner p {
        }
.box_ansprechpartner p strong {
    display:block;
    padding:0;
    margin:0;
    color:#003d85;
    font-weight:bold;
    margin-bottom:0.4166em  /*5px */
    }
/* /Ansprechpartner-Box in Slots >= 2 */
/* Standard-Text-Box in Slots >= 2 */
.box_text { 
    float:left;
    clear:left;
    width:100%;
    margin-bottom: 1.25em; /* 15px */
    }
/* /Standard-Text-Box in Slots >= 2 */
/* Teaser in Slots >= 2 */
.box_teaser {
    float:left;
    clear:left;
    width:100%;
    margin-bottom: 1.25em; /* 15px */
    }
.box_teaser .header {
    font-size:1.1666em; /* 14px */
    margin-bottom:1.3333em; /* 16px */
    color:#003d85;
    }
.box_teaser object,
.box_teaser image {
    float:left;
    clear:left
    }
/* /Teaser in Slots >= 2 */
/* Box mit "Bitte Warten"-Meldung (nicht slot-gebunden) */
.box_datenabruf {
    background-color:#fff;
    padding:.5em;
    border:1px solid #919699;
    text-align:center; 
    width:200px; 
    margin:0 auto;
    font-size:.75em; /* 12px */
    }
.box_datenabruf p.header {
    font-size:1.1666em; /* 14px */
    margin-bottom:0.333em;/*4px*/
    color:#003d85;
    }
.box_datenabruf img {
    text-align:center; 
    margin-bottom:1em
    }
.box_datenabruf p {
    margin:0 0 .5em 0;
    text-align:left
    }
/* Box mit "Bitte Warten"-Meldung (nicht slot-gebunden) */
/* ausklappbarer Content */
.box_expand .box_expand_header {
    display:block;
    margin:0;
    color:#000;
    padding:0.583em 1em 0.583em 0;/*7px 12px 7px 0*/
    text-decoration:none;
    background-position:right center;
    background-repeat:no-repeat
    }
.box_expand .active {
    }
.box_expand_content {
    overflow:visible;
    }
.box_expand_content ul {
    display:block;
    margin:0;
    padding:1.363em 0 0.909em 0; /* 15px 0 10px 0 */
    border-bottom:0.083em dotted #003d85;/*1px*/
    }
.box_expand_content ul li {
    margin-bottom:.75em;
    padding-left:2em;
    background-repeat:no-repeat;
    background-position:0 -.05em;
    }
.box_expand_content ul li a {
    font-weight:bold;
    color:#003d85;
    }
/* /ausklappbarer Content */
/* Box mit fester Höhe und Scroller */
.box_scroll {
    overflow:auto;
    padding:0.417em;/*5px*/
    border:0.083em solid #668bb7;/*1px*/
    }
.subcontainer_2slots .box_scroll {
    width:30.25em; /* 375-10(padding)-2(border)=363px*/
    }
.subcontainer_1-5slots_left .box_scroll,
.subcontainer_1-5slots_right .box_scroll {
    width:22.167em; /*278-10(padding)-2(border)=266px*/
    }
/* /Box mit fester Höhe und Scroller */    
/* Zusatzklassen für Positionierung der Subcontainer in Slots 2,3,4 oder 5 */
.padding_1slot {
    padding-left:16.25em /* 180+15=195px */
    }
.subcontainer_1slot .padding_1slot {
    padding-left:17.7273em /* 180+15=195px */
    }
.padding_2slots {
    padding-left:32.5em /* 180+15+180+15=390px */
    }
.subcontainer_1slot .padding_2slots {
    padding-left:35.454em /* 180+15+180+15=390px */
    }
.empty_1slot {
    margin-left:195px; /* 180+15=195px=16.25em */
    }
.subcontainer_1slot .empty_1slot {
    margin-left:195px /* 180+15=195px=17.7273em */
    }
.empty_2slots {
    margin-left:390px /* 180+15+180+15=390px=32.5em */
    }
.subcontainer_1slot .empty_2slots {
    margin-left:390px /* 180+15+180+15=390px=35.454em */
    }
/*
--------------
3.5.2. Subcontainer = 1Slot (Standard-Schriftgröße:11px)
--------------
*/
/* Container über einen Slot */
.subcontainer_1slot {
    font-size:.6875em; /* 11px */
    width:16.364em; /* 180px */
    float:left;
    }
/*
-------
3.5.2.1. Absatzformate in Subcontainern = 1Slot
-------
*/
.subcontainer_1slot h1 { 
    font-size: 2em; /* 22px */
    }
.subcontainer_1slot h1 .addendum {
    font-size:0.682em;  /* 15px */
    }
.subcontainer_1slot h2 { 
    font-size: 1.636em; /* 18px */
    }
.subcontainer_1slot h3 { 
    font-size: 1.4545em; /* 16px */
    }
.subcontainer_1slot h4 { 
    font-size: 1.1818em; /* 13px */
    font-weight:bold
    }
.subcontainer_1slot p {
    line-height:1.364em; /* 15px */
    }
.subcontainer_1slot sub, sup { 
    font-size: 0.9090em; /* 10px */  
    }
.subcontainer_1slot p.header {
    font-size:1.273em; /*14px*/
    margin:0 0 0.363em 0; /*0 0 4px 0*/
    }
/*
-------
3.5.2.2. Module in Subcontainern = 1Slot
-------
*/
/* Linkliste in einem Slot */
.subcontainer_1slot .box_linkliste {
    width:100%;
    color:#003d85;
    margin-bottom: 1.3636em; /* 15px */ 
    }    
.subcontainer_1slot .box_linkliste .header {
    font-size:1.2727em; /* 14px */
    color:#003d85;
    }
.subcontainer_1slot .box_linkliste p {
    }
.subcontainer_1slot .box_linkliste ul {
    }
.subcontainer_1slot .box_linkliste ul li {
    }
/* /Linkliste in einem Slot */
/* Newsliste in einem Slot */
.subcontainer_1slot .box_newsliste {
    width:100%;
    margin-bottom: 1.3636em; /* 15px */
    }
.subcontainer_1slot .box_newsliste p.header {
    font-size:1.2727em; /* 14px */
    margin-bottom: 0.2727em; /* 3px */
    color:#003d85;
    }
.subcontainer_1slot .box_newsliste ul li {
    margin-bottom:.4545em; /* 5px */
    }
.subcontainer_1slot .box_newsliste p {
    margin:0;
    }
.subcontainer_1slot .box_newsliste p strong {
    font-weight:bold;
    color:#003d85
    }
.subcontainer_1slot .box_newsliste p.date {
    color:#b6babb;
    }
.subcontainer_1slot .box_newsliste a {
    color:#003d85;
    margin-bottom: 1.3636em; /* 15px */
    }
/* /Newsliste in einem Slot */
/* Standard-Textbox in einem Slot */
.subcontainer_1slot .box_text {
    width:100%;
    margin-bottom: 1.3636em; /* 15px */
    }
.subcontainer_1slot .box_text p.header {
    font-size:1.2727em; /* 14px */
    margin-bottom: 0.2727em; /* 3px */
    color:#003d85;
    }
.subcontainer_1slot .box_text ul li {
    margin-bottom:.4545em; /* 5px */
    }
.subcontainer_1slot .box_text a {
    margin-bottom: 0; /* 15px */
    }
.subcontainer_1slot .box_text p a {
    margin-bottom: 1.3636em; /* 15px */
    }
/* /Standard-Textbox in einem Slot */
/* Downloadliste in einem Slot */
.subcontainer_1slot .box_download {
    width:100%;
    margin-bottom: 1.3636em; /* 15px */
        }
.subcontainer_1slot .box_download .header {
    font-size:1.2727em; /* 14px */
    margin-bottom: 0.2727em; /* 3px */
    color:#003d85;
    }
.subcontainer_1slot .box_download p {
    }
.subcontainer_1slot .box_download a {
    font-weight:bold;
    color:#003d85
    }
/* /Downloadliste in einem Slot */
/* Ansprechpartner-Box in einem Slot */
.subcontainer_1slot .box_ansprechpartner {
    width:100%;
    margin-bottom: 1.3636em; /* 15px */
        }        
.subcontainer_1slot .box_ansprechpartner .header {
    font-size:1.2727em; /* 14px */
    margin-bottom: 0.2727em; /* 3px */
    color:#003d85;
        }        
.subcontainer_1slot .box_ansprechpartner p {
        }
.subcontainer_1slot .box_ansprechpartner p strong {
    display:block;
    padding:0;
    margin:0;
    color:#485253;
    font-weight:bold;
    margin-bottom:0.182em;/*2px*/
    }
/* /Ansprechpartner-Box in einem Slot */
/* Standard-Text-Box in einem Slot */
.subcontainer_1slot .box_text { 
    width:100%;
    margin-bottom: 1.3636em; /* 15px */
    }
.subcontainer_1slot .box_text .header {
    font-size:1.2727em; /* 14px */
    margin-bottom: 0.2727em; /* 3px */
    color:#003d85;
        }    
/* /Standard-Text-Box in einem Slot */
/* Teaser in einem Slot */
.subcontainer_1slot .box_teaser {
    width:100%;
    margin-bottom: 1.3636em; /* 15px */
    }
.subcontainer_1slot .box_teaser img {
    margin-bottom: 0.5454em; /* 6px */
    }
.subcontainer_1slot .box_teaser .header {
    font-size:1.2727em; /* 14px */
    line-height:1.364em; /*15px*/
    margin-bottom: 0.2727em; /* 3px */
    color:#003d85;
        }
.subcontainer_1slot .box_teaser p {
    margin-bottom: 0.4545em; /* 5px */
    }    
/* /Teaser in einem Slot */
/* ausklappbarer Content in einem Slot */
.subcontainer_1slot .box_expand {
    width:16.364em/*180px*/
    }
.subcontainer_1slot .box_expand .box_expand_header {
    width:15.455em;/*170px*/
    padding:0.636em 1.091em 0.636em 0;/* 7px 12px 7px 0*/
    }
/* /ausklappbarer Content in einem Slot */
/* ausklappbarer Content in einem Slot (hervorgehoben) (Verwendung bitte überprüfen - ursprünglich für SSO-Login) */
.subcontainer_1slot .box_expand_pronounced .box_expand_header {
    display:block;
    width:14.455em;/*159px*/
    margin:1em 0 0 0;
    padding:0.636em 1.091em 0.636em 0.636em;/* 7px 12px 7px 7px*/
    border:0.091em solid #003d85;/*1px*/
    color:#000;
    font-weight:bold;
    text-decoration:none;
    background-color:#e0e3e3;
    background-position:right center;
    background-repeat:no-repeat;
    }
/* ausklappbarer Content in einem Slot (hervorgehoben) */
/* Box mit fester Höhe und Scroller */
.subcontainer_1slot .box_scroll {
    width:15.275em; /* 180-10(padding)-2(border)=168px*/
    }
/* /Box mit fester Höhe und Scroller */    
/* Poll */
.subcontainer_1slot .box_poll {
    float:left;
    clear:left;
    width:100%;
    margin-bottom: 1.3636em; /* 15px */
    background-color:#e4f0fe;
    }
.subcontainer_1slot .box_poll * {
    background-color:transparent;
    }
.subcontainer_1slot .box_poll .form_1slot {
    padding-top:0;
    }
.subcontainer_1slot .box_poll p.header {
    font-size:1.2727em; /* 14px */
    margin-bottom: 0.2727em; /* 3px */
    color:#003d85;
    }
.subcontainer_1slot .box_poll p {
    margin:0 0 .5em 0;
    padding:0 .3em;
    color:#485253
    }
.subcontainer_1slot .box_poll p strong {
    font-weight:bold;
    color:#003d85
    }
.subcontainer_1slot .box_poll a {
    margin-bottom:1em; /* 16px */
    text-decoration:underline
    }
.subcontainer_1slot div.box_poll span.form_radio input {
    float:left;
    margin-top:.15em
    }
.subcontainer_1slot div.box_poll span.form_radio label {
    padding-top:0;
    color:#485253
    }
.subcontainer_1slot .box_poll .form_radio span {
    display:block;
    padding-left:23px;
    margin-bottom:.5em
    }
.subcontainer_1slot .box_poll div.pollbalken {    
    float:left;
    margin-right:.1em; 
    height:1.25em
    }
div#pollbalken0 {    
    background-color:#c5d5e9;
    }
div#pollbalken1 {    
    background-color:#6c7676 ;
    }
div#pollbalken2 {    
    background-color:#003d85;
    }
div#pollbalken3 {    
    background-color:#cdd0d0;
    }
div#pollbalken4 {    
    background-color:#99b0cf ;
    }
div#pollbalken5 {    
    background-color:#485253;
    }
div#pollbalken6 {    
    background-color:#33649e;
    }
div#pollbalken7 {    
    background-color:#b4b7b7;
    }
div#pollbalken8 {    
    background-color:#668bb7;
    }
div#pollbalken9 {    
    background-color:#919494;
    }
/* /Poll */
/*
-------------------------------
3.6. Sondercontainer (für Homepage, Sitemap etc.)
-------------------------------
*/
/* Appetizer und farbig hervorgehobene Container */
div.highlighted {
    float:left;
    clear:left;
    overflow:hidden;
    margin-bottom:1em;
    background-color:#eaf3fa;
    }
div.highlighted .subcontainer_2slots {
    padding:1em 0.417em .5em 0.833em;/*12px 5px 6px 10px*/
    }
div.highlighted .box_newsliste {
    margin-bottom:0.417em /*5px*/
    }
/* /Appetizer und farbig hervorgehobene Container */
/* Appetizer ohne farbige Hinterlegung */
div.nothighlighted {
    float:left;
    clear:left;
    overflow:hidden;
    margin-bottom:1em;
    background-color:#fff;
    }
div.nothighlighted .subcontainer_2slots {
    padding:0em 0.417em .5em 0.833em;/*12px (1em) 5px 6px 10px*/
    }
div.nothighlighted .box_newsliste {
    margin-bottom:0.417em /*5px*/
    }
/* /Appetizer ohne farbige Hinterlegung*/
/* Internet-Startseite: Einleitender Text (Basis-Schriftgröße:12px) */
.subcontainer_preface {
    font-size:0.75em; /* 12px */
    width:63.75em; /* 180+15+180+15+180+15+180=765px */
    float:left;
    clear:left;
    }
.subcontainer_preface p {
    color:#003360;
    padding:0.25em 0.25em 0.25em 16.25em; /* 3 3 3 195 */
    line-height:1.5em; /* 18px */
    }
.subcontainer_preface img {
    float:left; 
    padding:0 1.25em 0.4166em 0 /*0 15px 5px 0*/
    }
/* /Internet-Startseite: Einleitender Text */
    
/* Internet-Startseite: Teaser im Main-Content */
.homepage_teaser-container {
    width:100%;
    float:left;
    clear:both;  
    overflow:hidden;
    background-color:#dadcdd;
    }
.homepage_teaser-container .homepage_wrapper_teaser {
    float:left;
    position:relative; 
    left:50%;
    margin:0 auto;
    padding:0 0 0.9375em;
    }
.homepage_teaser-container .homepage_teaser2slots {
    float:left;
    position:relative;
    right:50%;
    margin:0.625em 1.25em 0.625em 1.25em; /* 10 20 10 20 */
    padding:0.25em 0 0 0; /* 4px 0  */
    background-repeat:no-repeat;
    background-position:center top;
    }
.homepage_teaser-container .homepage_teaser2slots img {
    margin:0.75em 0 0 0;/*12px 0 0 0*/
    padding:0 0.25em 0.25em; /* 4px --> unten ausgerichtetes BG-pic sichtbar machen */
    background-repeat:no-repeat;
    background-position:center bottom;
    }
.homepage_teaser-container .homepage_teaser2slots span {
    display:block;
    width:33.3em; /* 333px (353px-(2×10px margin)) */
    margin:5px 10px 0 10px;
    font-size:0.625em; /* 10px */
    }
.homepage_teaser-container .homepage_teaser2slots span.header {
    display:block;
    font-weight:bold;
    font-size:1.4em; /* 14px */
    color:#003d85;
    margin:0
    }
.homepage_teaser-container .homepage_teaser1slot {
    float:left;
    position:relative;
    right:50%;
    margin:0.625em 1.25em 0.625em 1.25em; /* 10 20 10 20 */
    padding:0.25em 0 0 0; /* 4px 0  */
    background-repeat:no-repeat;
    background-position:center top
    }
.homepage_teaser-container .homepage_teaser1slot img {
    margin:5px 0 0 0;
    padding:0 0.25em 0.25em; /* 4px --> unten ausgerichtetes BG-pic sichtbar machen */
    background-repeat:no-repeat;
    background-position:center bottom;
    }
.homepage_teaser-container .homepage_teaser1slot span {
    display:block;
    width:12.6em;  /* 126px (146px-(2×10px margin)) */
    margin:5px 10px 0 10px;
    font-size:0.625em; /* 10px */
    }
.homepage_teaser-container .homepage_teaser1slot span.header {
    display:block;
    width:auto;
    font-weight:bold;
    font-size:0.875em; /* 14px */
    line-height:1.0714em; /* 15px */
    color:#003d85;
    margin:5px 10px 0 10px;
    }
/* /Internet-Startseite: Teaser im Main-Content */
/* Definitionen für Homepage-Slider-Teaserlines */
#HomepageTeaserContainer {
    width:80em; /*960px*/
    height:12em;
    float:left;
    clear:both;  
    overflow:hidden;
    background-color:#e0e3e3;
    font-size:.75em;
    position:relative
    }
#HomepageTeaserStage {
    width:56.167em; /* 4x[.homepage_teaser-link]+3x[margin-right] hier:674px */
    overflow:hidden;
    height: 12em; /*150px*/
    position:relative;
    margin:auto;
    }
#HomepageTeaserList {
    position: relative;
    left: 0;
    float:left;
    margin: .5em 0 0 0;
    padding: 0;
    }
#HomepageTeaserList a.homepage_teaser-link {
    display:block;
    width: 12.167em; /*146px*/
    height:11.083em; /*133px;*/
    float: left;
    overflow:hidden;
    background-color:#fff;
    margin:0 .915em 1em .915em; /*0 11px 12px 11px*/
    padding:0;
    text-decoration:none;
    cursor:pointer;
    }
#HomepageTeaserList a.homepage_teaser-linkJS  {
    width: 12.167em; /*146px*/
    height:11.083em; /*133px;*/
    float: left;
    overflow:hidden;
    background-color:#fff;
    margin:0 30px 1em 0 !important; /*0 30px 12px*/
    padding:0;
    text-decoration:none;
    cursor:pointer;
    }
#HomepageTeaserList a.homepage_teaser-link span {
    display:block;
    width: 12em; /*142px*/
    height:auto;
    padding:0;
    margin:0 .15em .15em;
    background-color:#fff;
    }
#HomepageTeaserList a.homepage_teaser-link span.header {
    display:block;
    width:auto; /*142px*/
    font-size:1.083em; /*13px*/
    background-color:#fff;
    font-weight:bold;
    color:#003d85
    }
#HomepageTeaserList a.homepage_teaser-link img {
    position:absolute;
    top:5.5em; /*66px*/
    }
#HomepageTeaserContainer a#TeaserBack, 
#HomepageTeaserContainer a#TeaserForward {
    display:none;
    }
#HomepageTeaserContainer a.teaser_back, 
#HomepageTeaserContainer a.teaser_forward {
    display:block !important;
    float:left;
    text-indent:-9999px;
    cursor:pointer;
    width:16px;
    height:16px;
    margin:5em -20em 0 8em;
    padding:0;
    background-repeat:no-repeat;
    background-position:left top;
    }
#HomepageTeaserContainer a.teaser_forward {
    float:right;
    margin:-7em 8em 0 .2em;
    }
/* /Definitionen für Homepage-Slider-Teaserlines */
/* Pop-Ups */
/* Standard-Pop-Up (Standard: 320x200) */
body#PopUp {
    background-image:none
    }
body#PopUp #MainWrapper {
    width:100%;
    height:100%;
    margin:0;
    }
body#PopUp #Header { 
    height:42px;
    width:100%;
    margin-bottom:0;
    background:none;
    border-bottom:2px solid #003d85
    }
body#PopUp #Logo { 
    margin:.5em;
    }
body#PopUp #MetaNav {
    margin:0;
    }
body#PopUp #MetaNav ul {
    background:#fff;
    width:auto;
    padding-right:.5em;
    color:#000;
    border:none;
    }
body#PopUp #MetaNav ul li {
    background:#fff;
    }
body#PopUp #MetaNav ul a {
    color:#000
    }    
body#PopUp #Main { 
    margin-left:0.375em; /* 6px */
    width:19.625em /* 314px bei 320er Popup + 6px margin */
    }
body#PopUp #ColumnCenter .margin_left {
    margin-left:50px;
    }
body#PopUp .subcontainer_4slots,
body#PopUp .subcontainer_3slots,
body#PopUp .subcontainer_2slots {
    width:auto; /* Breite orientiert sich im Pop-Up am "#Main"-Container */
    }
/* /Standard-Pop-Up (Standard: 320x200) */
/* Pop-Up 560px Breite */
body#PopUp560 {
    background-image:none
    }
body#PopUp560 #MainWrapper {
    width:100%;
    margin:0;
    }
body#PopUp560 #Header { 
    width:100%;
    height:75px;
    margin-bottom:20px;
    background:none;
    }
body#PopUp560 #MetaNav {
    position:relative;
    top:-45px
    }
body#PopUp560 #MetaNav ul {
    background:#fff;
    color:#000;
    width:auto;
    padding-right:.5em;
    border:none;
    }
body#PopUp560 #MetaNav ul li {
    background:#fff;
    }
body#PopUp560 #MetaNav ul a {
    color:#000
    }
body#PopUp560 #Main { 
    width:35em /* 560px */
    }
body#PopUp560 #ColumnCenter .margin_left {
    margin-left:50px;
    }
body#PopUp560 .subcontainer_4slots,
body#PopUp560 .subcontainer_3slots {
    width:auto; /* Breite orientiert sich im Pop-Up am "#Main"-Container */
    }
/* Pop-Up 560px Breite */
/* Pop-Up 780px Breite */
body#PopUp780 {
    background-image:none
    }
body#PopUp780 #MainWrapper {
    width:100%;
    margin:0;
    }
body#PopUp780 #Header { 
    width:100%;
    height:75px;
    margin-bottom:20px;
    background:none;
    }
body#PopUp780 #MetaNav {
    position:relative;
    top:-45px
    }
body#PopUp780 #MetaNav ul {
    background:#fff;
    color:#000;
    width:auto;
    padding-right:.5em;
    border:none;
    }
body#PopUp780 #MetaNav ul li {
    background:#fff;
    }
body#PopUp780 #MetaNav ul a {
    color:#000
    }
body#PopUp780 #Main { 
    width:48.75em /* 780px */
    }
body#PopUp780 #ColumnCenter .margin_left {
    margin-left:50px;
    }
body#PopUp780 .subcontainer_4slots {
    width:auto; /* Breite orientiert sich im Pop-Up am "#Main"-Container */
    }
/* Pop-Up 780px Breite */
/* Pop-Up 960px Breite */
body#PopUp960 {
    background-image:none
    }
body#PopUp960 #MainWrapper {
    width:100%;
    margin:0;
    }
body#PopUp960 #Header { 
    width:100%;
    height:75px;
    margin-bottom:20px;
    background:none;
    }
body#PopUp960 #MetaNav {
    position:relative;
    top:-45px
    }
body#PopUp960 #MetaNav ul {
    background:#fff;
    color:#000;
    width:auto;
    padding-right:.5em;
    border:none;
    }
body#PopUp960 #MetaNav ul li {
    background:#fff;
    }
body#PopUp960 #MetaNav ul a {
    color:#000
    }
body#PopUp960 #Main { 
    width:60em /* 960px */
    }
body#PopUp960 #ColumnCenter .margin_left {
    margin-left:50px;
    }
/* Pop-Up 960px Breite */
/* Pop-Ups */
/* Alternatives Layout für Applikationseinbindung */
body#Application #Main { 
    margin:2.8125em 0 0 0; 
    }
body#Application #Header {
    height:128px;
    background:none;
    margin-bottom:0
    }
body#Application #Header #TopNav {
    display:none
    }
body#Application #Header #TopNav a {
    }
body#Application #MetaNav ul  {
    color:#485253;
    background-color:#fff;
    float:left;
    margin:.5em 0 0 0;
    padding: 0;
    }
body#Application #MetaNav ul li a {
    color:#485253;
    margin:0 3em 0 0
    }
body#Application #FooterSitemap li {
    text-align:center;
    }
body#Application #FooterSitemap li a {
    margin: 0;
    }
body#Application #FooterSitemap ul li ul {
    display:none
    }
/* /Alternatives Layout für Applikationseinbindung */
/* Alternatives Layout fürs Intranet */
body#Intranet #Header { 
    /*height:18.5em; 296px*/
    }
body#Intranet #MetaNav { 
    margin:1.6875em 0 0 0; /*27px 0 0 0*/ 
    }
body#Intranet div.highlighted { 
    float:left;
    clear:left;
    width:35.625em; /*570px*/
    }
/* /Alternatives Layout fürs Intranet */
/* Breadcrumb-Navigation */
#Breadcrumb {
    width:47.79em; /* 765-195=570/12px */
    float: left;
    margin:0 0 0 12.1875em; /* 195px */
    }
#Breadcrumb ul {
    width:100%;
    }
#Breadcrumb ul li {
    float: left;
    background:none;
    padding-left:0;
    margin-bottom:0;
    margin-top:0;
    }
#Breadcrumb ul li a {
    font-size:.75em; /*12px*/
    display:block;
    color:#6f6f6f;
    text-decoration:none;
    padding: 0.25em 0.833em 0.25em 0; /* 3px 10px 3px 0 */
    background-position:right center;
    background-repeat:no-repeat
    }
#Breadcrumb ul li a:hover, 
#Breadcrumb ul li a:active {
    color:#003d85;
    }
#Breadcrumb ul li span {
    font-size:.75em; /*12px*/
    display:block;
    text-decoration:none;
    padding: 0.25em 0.833em 0.25em 0; /* 3px 10px 3px 0 */
    color:#003d85;
    background-image:none;
    }
/* /Breadcrumb-Navigation */
/* Absatzformate in der Marginalspalte */    
.marginal h2 { 
    background-color:#6d7675;
    font-size: 0.875em; /* 14px */
    line-height: 1.125em;
    margin-bottom: 0.2857em; /* 4px */
    color: #5c5c5c;
    }
#Marginal h3,
.marginal h3 { 
    font-size: 0.75em; /* 12px */
    margin-bottom: 0.2857em; /* 4px */
    color: #003d85;
    }
#Marginal a,
#Marginal a:link,
#Marginal a:visited,
.marginal a,
.marginal a:link,
.marginal a:visited {
    color:#000;
    text-decoration:none;
    }
#Marginal a:hover,
#Marginal a:active,
.marginal a:hover,
.marginal a:active {
    color:#000;
    text-decoration:none;
    }
#Marginal p,
.marginal p {
    font-size: .6875em; /* 11px */
    line-height:1.2727em; /* 14px */
    color:#101010
    }
#Marginal .intro,
.marginal     {
    font-weight:bold;
    }
#Marginal p.indent,
.marginal p.indent {
    margin-left:3.125em;
    }    
#Marginal sub, 
#Marginal sup,
.marginal sub,
.marginal sup { 
    font-size: .5em; 
    }
  
#Marginal hr,
.marginal hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
    }
#Marginal object,
.marginal object {
    margin-bottom:2em
    }
/* /Absatzformate in der Marginalspalte */    
    
/* 
------------------------------------------------------------
SITEMAP
---------------------------------------------------------------
*/
/* Sonderformate für Sitemap */
.subcontainer_4slots .sitemap {
    overflow:auto;
    }
.subcontainer_4slots .sitemap ul,
.subcontainer_4slots .sitemapmeta ul,
.subcontainer_4slots .sitemapbottom ul {
    margin:0;
    display:block;
    float:left;
    }
.subcontainer_4slots .sitemap ul li {
    float:left;
    width:180px;
    margin-right:11px;
    margin-bottom:15px;
    padding-left:0;
    list-style-type:none;
    background-image:none;
    }    
/* erste Ebene */
.subcontainer_4slots .sitemap ul li a {
    margin:0;
    background-color:#668bb7;
    color:#fff;
    font-weight:bold;
    padding:5px;
    text-decoration:none;
    line-height:18px;
    display:block;
    }
/* zweite Ebene */    
.subcontainer_4slots .sitemap ul ul,
.subcontainer_4slots .sitemapmeta ul ul,
.subcontainer_4slots .sitemapbottom ul ul {
    float:none;
    }
.subcontainer_4slots .sitemap ul ul li {
    margin-bottom:0
    }
.subcontainer_4slots .sitemap ul ul li a {
    background-color:#b6babb;
    font-size:12px;
    float:none;
    color:#000;
    padding:0 0 0 .3em;
    font-weight:normal;
    }
/* dritte Ebene */    
.subcontainer_4slots .sitemap ul ul ul li a {
    background-color:#fff;
    font-size:11px;
    color:#000;
    font-weight:normal;
    }
/* vierte Ebene */    
.subcontainer_4slots .sitemap ul ul ul ul li a {
    background-color:#fff;
    font-size:11px;
    color:#000;
    font-weight:normal;
    }
/* fünfte Ebene */    
.subcontainer_4slots .sitemap ul ul ul ul ul li a {
    background-color:#fff;
    font-size:10px;
    color:#000;
    font-weight:normal;
    }
/* sechste Ebene */    
.subcontainer_4slots .sitemap ul ul ul ul ul ul li a {
    background-color:#fff;
    font-size:10px;
    color:#666;
    padding:0;
    font-weight:normal;
    }
    
/* erste Ebene der Meta-Navi */
.subcontainer_4slots .sitemapmeta ul li a {
    margin:0 0 .5em 0;
    background-color:#6f6f6e;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    line-height:18px;
    display:block;
    }
/* zweite Ebene der Meta-Navi */
.subcontainer_4slots .sitemapmeta ul ul li a {
    background-color:#fff;
    font-size:.835em;
    color:#000;
    padding:0 0 0 5px;
    font-weight:normal;
    }
/* erste Ebene der Bottom-Navi */
.subcontainer_4slots .sitemapbottom ul li a {
    margin:0 0 .5em 0;
    background-color:#b1b1b3;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    line-height:18px;
    display:block;
    }
/* /Sonderformate für Sitemap */

/* Universelle Klassen */
#BodyWrapper #MainWrapper .height_600 {
    height:600px
    }
#BodyWrapper #MainWrapper .height_500 {
    height:500px
    }
#BodyWrapper #MainWrapper .height_400 {
    height:400px
    }
#BodyWrapper #MainWrapper .height_300 {
    height:300px
    }
#BodyWrapper #MainWrapper .height_200 {
    height:200px
    }
#BodyWrapper #MainWrapper .height_100 {
    height:100px
    }
#BodyWrapper #MainWrapper .float_left {
    float:left
    }
#BodyWrapper #MainWrapper .float_right {
    float:right
    }
#BodyWrapper #MainWrapper .clear {
    clear:both;
    }
#BodyWrapper #MainWrapper .margin_top {
    margin-top:15px
    }
#BodyWrapper #MainWrapper .margin_right {
    margin-right:15px
    }
#BodyWrapper #MainWrapper .margin_bottom {
    margin-bottom:15px
    }
#BodyWrapper #MainWrapper .margin_left {
    margin-left:15px
    }
#BodyWrapper #MainWrapper .padding {
    padding:10px
    }
#BodyWrapper #MainWrapper .padding_top {
    padding-top:10px
    }
#BodyWrapper #MainWrapper .padding_right {
    padding-right:10px
    }
#BodyWrapper #MainWrapper .padding_bottom {
    padding-bottom:10px
    }
#BodyWrapper #MainWrapper .padding_left {
    padding-left:10px
    }
#BodyWrapper #MainWrapper .text_left{
    text-align:left
    }
#BodyWrapper #MainWrapper .text_right{
    text-align:right
    }
#BodyWrapper #MainWrapper .spacer {
    clear:both;
    height:1px;
    }
#BodyWrapper #MainWrapper .nodisplay {
    display:none
    }
#BodyWrapper #MainWrapper .bg_standard {
    background-color:#fff
    }
#BodyWrapper #MainWrapper .bg_form {
    background-color:#e0e3e3
    }
#BodyWrapper #MainWrapper .bg_highlighted {
    background-color:#eff6fc
    }
#BodyWrapper #MainWrapper .bg_highlighted * {
    background-color:transparent
    }
#BodyWrapper #MainWrapper p.highlighted,
#BodyWrapper #MainWrapper strong.highlighted,
#BodyWrapper #MainWrapper span.highlighted,
#BodyWrapper #MainWrapper a.highlighted,
#BodyWrapper #MainWrapper a:link.highlighted {
    color:#003d85;
    background-color:#fff
    }
/* ---------------------------------------------------------------------- */
/* Problemlösung für Elemente ohne Abstand zum Maincontent-Rand  */
.first_slot_padding h1,
.first_slot_padding h2,
.first_slot_padding h3,
.first_slot_padding h4,
.first_slot_padding h5,
.first_slot_padding p,
.first_slot_padding table,
.first_slot_padding ol,
.first_slot_padding ul,
.first_slot_padding form {
    padding-left:10px /* em-Angabe führt aufgrund der unterschiedlichen em-fontsizes der oben aufgelisteten Elemente zu unterschiedlichen Render-Ergebnissen im Browser */
    }
.last_slot_padding h1,
.last_slot_padding h2,
.last_slot_padding h3,
.last_slot_padding h4,
.last_slot_padding h5,
.last_slot_padding p,
.last_slot_padding table,
.last_slot_padding ol,
.last_slot_padding ul,
.last_slot_padding form {
    padding-right:10px
    }
/* vertikale Ausrichtung einer Headline neben einem Bild nach unten */
div.homepage_image_headline_container {
    position:relative;
    float:left;
    width:47.8125em;
    margin-right:0.9375em;
    background-color:#003d85
    } 
div.homepage_image_headline_container div.image_headline {
    position:absolute;
    float:left;
    width:17.375em;
    margin-right:0;
    bottom:0;
    right:0;
    background-color:#99CC99;
    }
div.homepage_image_headline_container h1,
div.homepage_image_headline_container h2,
div.homepage_image_headline_container p,
div.homepage_image_headline_container a,
div.homepage_image_headline_container a:link,
div.homepage_image_headline_container a:visited,
div.homepage_image_headline_container a:hover,
div.homepage_image_headline_container a:active {
    color:#fff
    }