/* für alle Elemente Ränder abschlaten --------------------------
*/
* {
   margin:  0px;
   padding: 0px;
}

/* CSS-Klassen --------------------------------------------------
*/
.link_header { 
   color:            white;
   background-color: #224488; 
   padding:          0;
   margin:           0;
   height:           20px;
   vertical-align:   middle;
   text-indent:      5px;
   font-size:        0.9em;
   line-height:      70%;
}
.tb_header {
   width:   100%;
   border:  0px;
   padding: 0px;
}
.bg_klickpfad {
   background-color: #FFFFFF;
}

/* Formatklassen für Absätze ------------------------------------
   ==============================================================
*/

/* ----- Überschriften H1 bis H6 -------------------------------- 
   Überschrift H1
   Blaue Schrift mit grauem Balken auf ganzer Absatzbreite
*/
H1 {
   font-family :     Verdana, Arial, Helvetica;
   font-size :       24px;
   color :           #0B3EBB;
   margin-bottom :   15px;
   margin-top :      20px;
   background-color: #F4F4F4;
   /* Umfluss float aufheben, damit Überschrift unterhalb des längsten
   vorhergehenden Elementes beginnt.   */
   clear:            both; 
}
/* Überschrift H2, wie H1, jedoch Schrift etwas kleiner, blaue 
   Linie am unteren Rand des Absatzes.
*/
H2 {
   font-family :        Arial, Helvetica;
   font-size :          20px;
   color :              #0B3EBB;
   margin-bottom :      5px;
   margin-top :         20px;
   background-color:    #F4F4F4;
   border-bottom:       1px;
   border-bottom-style: solid;
   border-bottom-color: #0B3EBB;
   clear:               both;
}
H3 {
   font-family :   arial;
   font-size :     24px;
   color :         #0B3E88;
   margin-bottom : 15px;
   margin-top :    20px;
}
H4 {
   font-family :   Verdana, sans-serif;
   font-size :     10px;
   color :         #0B3E88;
   margin-bottom : 0px;
   margin-top :    10px;
}
/* Überschrift H5 für Randnotizen mit Rahmen und gelbem Hinter-
   grund
*/
H5 {
   font-family :        Verdana;
   font-size :          1.0em;
   font-weight:         normal;
   text-align:          left;
   color :              #2E2E2E;
   background-color:    #FFFFBB;
   margin-bottom :      0px;
   margin-top :         20px;
   margin-right:        5px;
   border-bottom:       2px;
   border-bottom-style: solid;
   border-bottom-color: #FFFF00;
   border-top:          2px;
   border-top-style:    solid;
   border-top-color:    #FFFF00;
   border-left:         2px;
   border-left-style:   solid;
   border-left-color:   #FFFF00;
   border-right:        2px;
   border-right-style:  solid;
   border-right-color:  #FFFF00;
}
/* Überschrift H6 für Randnotizen mit schwarzem Rahmen,
   kein Hintergrund */
H6 {
   font-family :        Verdana;
   font-size :          1.1em;
   text-align:          left;
   font-weight:         normal;
   color :              #2E2E2E;
   background-color:    #FFFFFF;
   margin-bottom :      0px;
   margin-top :         20px;
   margin-right:        5px;
   border-bottom:       1px;
   border-bottom-style: solid;
   border-bottom-color: #000000;
   border-top:          1px;
   border-top-style:    solid;
   border-top-color:    #000000;
   border-left:         1px;
   border-left-style:   solid;
   border-left-color:   #000000;
   border-right:        1px;
   border-right-style:  solid;
   border-right-color:  #000000;
}

/* --- Paragraphen ---------------------------------------------- 
*/
P {
   font-family:      Verdana;
   /* font-size:        1.0em; */
   line-height:      130%;
   color:            #2E2E2E;
   margin-top:       1px;
   margin-bottom:    1px;
   padding-bottom:   0px;
   text-indent:      0px;
   text-align:       justify;
}
P.csc-linkToTop {
   font-size:  0.9em;
   text-align: right;
   clear:      both;
}
P.left {
   text-align: left;
}

/* --- LISTEN --------------------------------------------------- 
*/
ul {
   list-style-type:  disc;
   color:            #2E2E3E;
   /*font-size: 0.8em; */
}
li {
   font-family:         verdana;
   list-style-position: inside;
   color:               #2E2E2E;
   line-height:         130%;
   margin-bottom:       0.5em;
   /* font-size:  1.1em; */
   /* padding-left:        2em; */
}
.bulletlist {
   font-family:   arial;
   line-height:   130%;
   font-size:     13px;
   color:         #DDDDDD;
}

/* --- Links ---------------------------------------------------- 
*/
A:link {
   background-color: transparent;
   color:            #0B3EBB;
   text-decoration:  none;
   font-weight:      bold;
   border:           0;
}
A:visited {
   background-color: transparent;
   color:            #0B3EEE;
   font-weight:      bold;
   text-decoration:  none;
   border:           0;
}
A:hover {
   background-color: transparent;
   color:            #0B3EDD;
   text-decoration:  none;
   border:           0;
}
A:active {
   background-color: transparent;
   color:            #0000FF;
   font-weight:      bold;
   text-decoration:  none;
   border:           0;
}
A.linkWeiss {
   color:#FFFFFF;
   font-size: 11px;
   text-decoration: none;
   font-weight: normal;
}
A.linkRot {
#   color:#FF4444;
   color:#0B3EBB;
   font-size: 11px;
   text-decoration: none;
   font-weight: normal;
}
A.linkBlau {
   color:#0B3EBB;
   font-size: 11px;
   text-decoration: none;
   font-weight: normal;
}
A.klickPfad {
   color:#0B3EBB;
   font-size: 11px;
   text-decoration: none;
   font-weight: normal;
}
A.internal-link img {
   /* Damit bei verlinkten Bildern kein Rahmen erscheint. */
   border:0px solid red;
}

/* --- Bilder --------------------------------------------------- 
*/
img {
   /* Border 0, damit um Bilder kein Rahmen gezogen wird. */
   border : 0;
}

dd.csc-textpic-caption {
   color: #0B3EBB;
   font-size: 0.7em;
   text-align: right;
   line-height : 130%;
}
.caption {
   font-family : Verdana, sans-serif;
   font-size : 10px;
   color : #0B3E88;
}

/* Formatklassen für Seitenlayout -------------------------------
*/
html {
   height: 100%;
}
body {
   height:        100%;
   width:         100%;
   margin:        0;
   padding:       0;
   background:    white;
   font-size:     0.8em;
   font-family:   Verdana, Arial, Helvetica, sans-serif;
}
#aussenwrapper {
   height:     100%;
   position:   relative;
   width:      100%;
   margin:     0 auto;
   background: #00FFFF;
}
#innenwrapper {
   height:     100%;
   overflow:   auto;
   background: #FFFFFF;
}

/* HEADER-BEREICH -----------------------------------------------
   -------------------------------------------------------------
*/
#header {
   position:   absolute;
   top:        0;
   left:       0;
   width:      100%;
   height:     80px;
   border:     0;
   padding:    0;
}
#headerleft {
   position:      absolute;
   margin-top:    0px;
   margin-left:   0px;
   width:         180px;
   height:        58px;
}
#headermid {
   overflow:      hidden;
   top:           0px;
   margin-left:   180px;
   margin-right:  0px;
   margin-bottom: 0px;
   height:        80px;
}
#headermid_top {
   margin-top:    0px;
   margin-bottom: 0px;
   height:        38px;
   padding:       0;
}
#headermid_bottom {
   background-color: #FFFFFF;
   margin-top:       0px;
   margin-bottom:    0px;
}
#headerright {
   float:         right;
   margin-top:    0px;
   margin-right:  27px;
   width:         170px;
   height:        80px;
   padding-left:  10px;
}

/* Hauptbereich: Menü, Content, Rand ----------------------------
*/
#leftbox {
   position:   absolute;
   top:        65px;
   width:      175px;
   left:       5px;
   background: #FFFFFF;
   padding:    0px;
}
#content {
   margin-top:    75px;
   margin-left:   190px;
   margin-right:  200px;
   background:    #FFFFFF;
   padding:       5px 5px 25px 5px;
}
#rightbox {
   position:      absolute;
   /* width: 185px;    bis 21.04.2009 
      margin-right: 7px;
      right: 17px;
   */
   width:         173px;
   margin-top:    65px;
   margin-right:  7px;
   right:         15px;
   background:    #FFFFFF;
   padding-left:  10px;
   overflow:      hidden;
   max-height:    540px;
}

/* Footer -------------------------------------------------------
*/
#footer {
   position:         absolute;
   bottom:           0;
   left:             0;
   right:            207px;
#  width:            100%;
#   background-color: #224488;
   background-color: #C00004;
   height:           15px;
   padding:          3px 0;
   text-align:       center;
   vertical-align:   middle;
   color:            #fff;
}