/* ----------------------------------------------------------------------------
 History
   11.10.2005 Aenderungen wegen nun variabler Hoehe der Links im
              Tertiaernavcontainer
---------------------------------------------------------------------------- */ 

/* ------------------------------------------------------------------------- */ 
/* ---- Allgemeine Tag-Definitionen ---------------------------------------- */ 
/* ------------------------------------------------------------------------- */ 
BODY
{
    font-family:        Verdana,Arial,Helvetica,sans-serif;
    background-color:   white;
    border-top-width:   0px;
    margin:             0px 0px 0px 0px;
    padding:            0px 0px 0px 0px;
    border-width:       0mm;
    border-style:       none;
}

H1
{
    font-family:        Verdana,Arial,Helvetica,sans-serif;
    font-size:          18px;
    color:              #7F7F7F;
    margin:             0px 0px 20px 0px;
}

H2
{
    font-family:        Verdana,Arial,Helvetica,sans-serif;
    font-size:          16px;
    color:              #7F7F7F;
    margin:             1cm 1cm 0.5cm 0.5cm
}

H3
{
    font-family:        Verdana,Arial,Helvetica,sans-serif;
    font-size:          11px;
    font-weight:        400;
    color:              #7F7F7F;
    margin:             0.0cm 0.0cm 0.2cm 0.0cm
}

LI
{
    padding:            0cm 0cm 0cm 0cm;
    margin:             0cm 0cm 0cm -0.61cm;
}

table
{
    color:              #7F7F7F;
    font-size:          11px;
}

TD                {font-family: Verdana,Arial,Helvetica,sans-serif}
TH                {font-family: Verdana,Arial,Helvetica,sans-serif}
ADDRESS           {font-family: Verdana,Arial,Helvetica,sans-serif}
BLOCKQUOTE        {font-family: Verdana,Arial,Helvetica,sans-serif}
NOBR              {font-family: Verdana,Arial,Helvetica,sans-serif}
I                 {font-family: Verdana,Arial,Helvetica,sans-serif}

/* ------------------------------------------------------------------------- */
/* ---- spezielle Formate -------------------------------------------------- */
/* ------------------------------------------------------------------------- */

/* Das Layout für manuell erstellte Tabellen */
table.xmltabelle
{
    width:              90%;
    border-width:       1px;
    border-color:       #D2D2D2;
    border-style:       solid;
    padding:            0px;
    margin:             0px;
    empty-cells:        show;
}

/* Das Layout für Tabellenzellen in manuell erstellten Tabellen */
td.xmlzelle
{
    border-width:       1px;
    border-color:       #D2D2D2;
    border-style:       solid;
    padding:            1px;
    margin:             1px;
}


div.fussnote
{
    font-size:      9px; /* IE6 hat Probleme mit x-small */
    bottom:         0px;
    vertical-align: bottom;
}

/* Basisdesign der Haupttabelle */
table.zentraltabelle
{
    /*table-layout:   fixed;*/
    /*position:       relative;*/
    width:          100%;
    height:         100%;
    margin:         0px 0px 0px 0px;
    padding:        0px 0px 0px 0px;
    empty-cells:    show; /* Einstellung fuer das Debuggen des Tabellenlayouts */
}



/* ---- Hauptnavigation ---------------------------------------------------- */

/* Tabellenzelle, in der sich die Navigation befindet */
td.primaernavzelle
{
    background-image:       url(../images/bg_linie1.gif);
    background-repeat:      repeat-y;
    background-position:    150px 0px;
    margin:                 0px 0px 0px 0px;
    padding:                0px 0px 0px 0px;
    vertical-align:         top;
    width:                  157px;
    /* wichtig: hier keine Hoehenangabe */
}

#primaernavcontainer
{
    margin:             20px 0px 0px 10px;
    padding:            0px 0px 0px 0px;
    width:              147px;
}

/* Links im Nav-Container nicht unterstrichen */
#primaernavcontainer a
{
    margin:             0px 0px 0px 0px;
    padding:            0px 0px 0px 0px;
    color:              #505050;
    text-decoration:    none;
    font-family:        Verdana,Arial,Helvetica,sans-serif;
}


#primaernavcontainer a.text_aktiv
{
    display:                block;
    border-top:             1px solid #D2D2D2;
    border-bottom:          1px solid #D2D2D2;
    border-left:            1px solid #D2D2D2;
    border-right:           1px solid #D2D2D2;
    margin:                 10px 0px 0px 0px;
    padding:                2px 0px 2px 3px;
    color:                  #A5A5A5;
    font-size:              9px;
    font-weight:            400;
}

#primaernavcontainer a.text_aktiv:hover, a.text_inaktiv:hover
{
    display:                block;
    background-image:       url(../images/bg_kasten_70AAD6_6x20.gif);
    background-repeat:      repeat-y;
    background-position:    137px 0px;
    margin:                 10px 0px 0px 0px;
    padding:                2px 0px 2px 3px;
}

#primaernavcontainer a.text_inaktiv
{
    display:            block;
    border-top:         1px solid #D2D2D2;
    border-bottom:      1px solid #D2D2D2;
    border-left:        1px solid #D2D2D2;
    border-right:       1px solid #D2D2D2;
    margin:             10px 0px 0px 0px;
    padding:            2px 0px 2px 3px;
    font-size:          9px;
    font-weight:        400;
}

#primaernavcontainer a.text_sub_aktiv
{
    display:                block;
/*
    background-image:       url(../images/bg_kasten_70AAD6_6x20.gif);
    background-repeat:      no-repeat;
    background-position:    137px 0px;
*/
    border-top:             1px solid #D2D2D2;
    border-bottom:          1px solid #D2D2D2;
    border-left:            1px solid #D2D2D2;
    border-right:           1px solid #D2D2D2;
    margin:                 0px 0px 0px 0px;
    padding:                2px 0px 2px 20px;
    color:                  #A5A5A5;
    font-size:              9px;
    font-weight:            400;
}

#primaernavcontainer a.text_sub_aktiv:hover, a.text_sub_inaktiv:hover
{
    display:                block;
    background-image:       url(../images/bg_kasten_70AAD6_6x20.gif);
    background-repeat:      repeat-y;
    background-position:    137px 0px;
    margin:                 0px 0px 0px 0px;
    padding:                2px 0px 2px 20px;
}

#primaernavcontainer a.text_sub_inaktiv
{
    display:            block;
    border-top:         1px solid #D2D2D2;
    border-bottom:      1px solid #D2D2D2;
    border-left:        1px solid #D2D2D2;
    border-right:       1px solid #D2D2D2;
    margin:             0px 0px 0px 0px;
    padding:            2px 0px 2px 20px;
    font-size:          9px;
    font-weight:        400;
}

/* --- Zeilen --------------------------- */

/* Top */
#primaernavcontainer ul
{
    display:        block;
    margin:         0px 0px 0px 3px;
    padding:        0px 0px 0px 0px;
    list-style-type: none;
    font-size:      9px;
}

/* Sub */
#primaernavcontainer ul ul
{
    display:            block;
    margin:             0px 0px 0px 0px;
    padding:            0px 0px 0px 0px;
    list-style-type:    none;
    font-size:          0px; /* Der IE brauch fuer die untergeordnete Liste auch Platz */
}

/* Einrueckung von Top-Level-Elementen */
#primaernavcontainer ul li
{
    margin:         0px 0px 0px 0px; /* Anmerkung: IE 5.01 erzeugt hier mehr Platz */
    padding:        1px 0px 1px 0px;
}

#primaernavcontainer li.ul_container
{
    /*background-color:yellow;*/
    margin:         0px 0px 0px 0px;
    padding:        0px 0px 0px 0px;
}

/* Einrueckung von Subelementen */
#primaernavcontainer ul ul li
{
    font-size:      9px;
    margin:         0px 0px 0px 0px;
    padding:        0px 0px 1px 0px;
}

/* ------------------------------------------------------------------------- */

/* generelle Farbe fuer Links */

a:link, a:visited, a:active
{
    color:              #505050;    /*#7F7F7F;*/
    text-decoration:    none;
}

a:hover
{
    border-bottom:      1px solid #70AAD6;
}

/* Design fuer Namensanker */
a.namelink:hover
{

    border-bottom:      1px solid white;
}

/* Design fuer Namensanker */
a.sprachauswahl_inaktiv, a.sprachauswahl_inaktiv:visited
{
    color:      #505050;
}

a.sprachauswahl_aktiv, a.sprachauswahl_aktiv:visited
{
    color:      #A5A5A5;
}

span.sprachauswahl_nohref
{
    color:      #dddddd;
}

/* ------------------------------------------------------------------------- */

td.inhaltszelle
{
    width:          430px;
    margin:         0px 0px 0px 0px;
    padding:        0px 0px 0px 0px;
    border-right:   1px solid #D2D2D2;
    line-height:    150%;
    vertical-align: top;
}

td.inhaltszelle_spezial
{
    background-image:       url(../images/title_special_part_3.jpg);
    background-repeat:      no-repeat;
    background-position:    29px 0px;
    width:          430px;
    margin:         0px 0px 0px 0px;
    padding:        0px 0px 0px 0px;
    border-right:   1px solid #D2D2D2;
    line-height:    150%;
    vertical-align: top;
}

.rahmen
{
    border-top:     1px solid #bbb;
    border-bottom:  1px solid black;
    border-left:    1px solid #bbb;
    border-right:   1px solid black;
}



/* Format fuer den Inhalt */
div.inhalt
{
    margin:     30px 0.5cm 0px 0.5cm;
    padding:    0px 0px 0px 0px;
    font-size:  11px;
    color:      #7F7F7F;
    /*max-width:  42em;*/ /* Maximalbreite fuer das Inhaltsfenster */
}

td.kopfbild_links
{
    margin:         0px 0px 0px 0px;
    padding:        0px 0px 0px 0px;
    border-right:   1px solid #D2D2D2;
    border-bottom:  1px solid #D2D2D2;
    height:         141px; /* 70px */
}

td.kopfbild_rechts
{
    border-bottom:  1px solid #D2D2D2;
    margin:         0px 0px 0px 0px;
    padding:        0px 0px 0px 0px;
    height:         141px;  /* 131px bei colspan="2" */
    vertical-align: bottom;
}

td.titelbild_links
{
    background-image:       url(../images/bg_linie1.gif);
    background-repeat:      repeat-y;
    background-position:    150px 0px;
    border-bottom:          1px solid #D2D2D2;
    margin:                 0px 0px 0px 0px;
    padding:                0px 0px 0px 0px;
    height:                 70px;
}

td.titelbild_links_spezial
{
/*
    background-image:       url(../images/title_special_part_1.jpg);
    background-repeat:      no-repeat;
    background-position:    0px 0px;
*/
    background-image:       url(../images/bg_linie1.gif);
    background-repeat:      repeat-y;
    background-position:    150px 0px;
    border-bottom:          1px solid #D2D2D2;
    margin:                 0px 0px 0px 0px;
    padding:                0px 0px 0px 0px;
    height:                 70px;
}

td.titelbild_mitte
{
    border-bottom:      1px solid #D2D2D2;
    border-right:       1px solid #D2D2D2;
    margin:             0px 0px 0px 0px;
    padding:            0px 0px 0px 0px;
    height:             71px;       /* 61px */
}

td.titelbild_mitte_spezial
{
    /*background-color:   lightblue;*/ /* DEBUG */
    border-bottom:      1px solid #D2D2D2;
    border-right:       1px solid #D2D2D2;
    margin:             0px 0px 0px 0px;
    padding:            0px 0px 0px 30px;
    width:              400px;
    height:             71px;
}

td.titelbild_rechts
{
    margin:             0px 0px 0px 0px;
    padding:            0px 0px 0px 0px;
    border-bottom:      1px solid #D2D2D2;
    height:             71px;
    vertical-align:     bottom;
}

td.titelbild_rechts_spezial
{
    background-image:       url(../images/title_special_part_2.jpg);
    background-repeat:      no-repeat;
    background-position:    0px 0px;
    margin:                 0px 0px 0px 0px;
    padding:                0px 0px 0px 0px;
    border-bottom:          1px solid #D2D2D2;
    height:             71px;
    vertical-align:     bottom;
}

img.firmenlogo
{
    margin:     0px 9px 0px 72px;
    padding:    0px 0px 0px 0px;
}

/* ------------------------------------------------------------------------------ */

#breadcrumbnavcontainer
{
    display:            block;
    /*background-color:   lightblue;*/
    margin:         0px 0px 0px 5px;
    padding:        0px 0px 0px 9px;
    border-top:     1px solid blue;
    border-bottom:  1px solid lightblue;
    border-left:    1px solid blue;
    border-right:   1px solid lightblue;

}

#breadcrumbnavcontainer ul
{
    display:        block;
    padding:        0px 0px 0px 0px;
    margin:         0px 0px 0px 0px;
    font-family:    Verdana,Arial,Helvetica,sans-serif;
}


#breadcrumbnavcontainer ul li { display: inline; }

#breadcrumbnavcontainer ul li a
{
    padding:            0.0em 0.3em;
    color:              #444;        /* Schriftfarbe */
    text-decoration:    none;
    font-size:          9px; /* IE6 hat Probleme mit x-small */
}

#breadcrumbnavcontainer ul li span
{
    padding:            0.0em 0.1em;
    color:              #444; /* Schriftfarbe */
    text-decoration:    none;
    font-size:          9px; /* IE6 hat Probleme mit x-small */
}

#breadcrumbnavcontainer a:hover
{
    text-decoration: underline;
}

/* ------------------------------------------------------------------------------ */

#sekundaernavcontainer
{
    padding:            0px 0px 10px 0px;
    margin:             0px 0px 0px 5px;
    vertical-align:     bottom;
}

#sekundaernavcontainer ul
{
    padding:        0px 0px 0px 0px;
    margin:         0px 0px 0px 0px;
    font-family:    Verdana,Arial,Helvetica,sans-serif;
    font-size:      9px;
    vertical-align: bottom;
}

#sekundaernavcontainer ul li
{
    padding:        0px 0px 0px 0px;
    margin:         0px 0px 0px 0px;
    display:        inline;
}

#sekundaernavcontainer ul li a
{
    padding:            0.1em 0.0em 0.1em 0.0em;
    margin:             0.0em 0.0em 0.0em 35px;
    color:              #505050; /* Schriftfarbe */
    /*border-right:       3px solid white;*/
    text-decoration:    none;
}

#sekundaernavcontainer ul li a.aktiver_link
{
    padding:            0.1em 0.0em 0.1em 0.0em;
    margin:             0.0em 0.0em 0.0em 35px;
    color:              #A5A5A5;
    text-decoration:    none;
}

#sekundaernavcontainer ul li a:hover
{
    padding:            0.1em 0.0em 0.1em 0.0em;
    margin:             0.0em 0.0em 0.0em 35px;
    text-decoration:    none;
    /*border-right:       3px solid #70AAD6;*/
    border-bottom:      1px solid #70AAD6;
}

/* ---- Tertiaernavigation (Downloads, Links) ------------------------------ */

td.tertiaernavzelle
{
    background-image:       url(../images/bg_linie1.gif);
    background-repeat:      repeat-y;
    background-position:    225px 0px;
    margin:                 0px 0px 0px 0px;
    padding:                0px 0px 0px 0px;
    vertical-align:         top;
}

/* Rand nach oben */
#tertiaernavcontainer div.spacer1
{
	 display:            block;
    float:              left;
    width:              200px;
    height:             67px;
}

/* Rand dazwischen */
#tertiaernavcontainer div.spacer2
{
	 display:            block;
    float:              left;
    width:              200px;
    height:             30px;
}

#tertiaernavcontainer
{
	 display:            block;
    width:              200px;
    margin:             0px 0px 0px 67px; /* Rand nach links */
    padding:            0px 0px 0px 0px;
}

#tertiaernavcontainer ul
{
    margin:             0px 0px 0px 0px;
    padding:            0px 0px 0px 0px;
    width:              200px; /* width: 200px; fuehrt bei IE 5.01 und 5.5 zu Fehlern */
    list-style-type:    none;
    text-align:         left; /* fuer IE 5.0 und 5.5 notwendig */
}

#tertiaernavcontainer ul li
{
    display:            block;
    width:              200px;
    float:              left;
    margin:             6px 0px 6px 0px;
    padding:            0px 0px 0px 0px;
    /*height:             20px;*/  /* seit 12.10.05 raus */
}

/* Links im Nav-Container nicht unterstrichen */
#tertiaernavcontainer a
{
    display:                block;
    margin:                 0px 0px 0px 0px;
    padding:                2px 0px 2px 0px;
    text-decoration:        none;
    width:                  163px;
    color:                  #505050;
    border-top:             1px solid #D2D2D2;
    border-bottom:          1px solid #D2D2D2;
    border-left:            1px solid #D2D2D2;
    border-right:           1px solid #D2D2D2;
}

#tertiaernavcontainer a:hover
{
    background-image:       url(../images/bg_kasten_70AAD6_6x20.gif);
    background-repeat:      repeat-y;
    background-position:    158px 0px;
    display:                block;
    margin:                 0px 0px 0px 0px;
    padding:                2px 0px 2px 0px;
    width:                  163px;
    border-top:             1px solid #D2D2D2;
    border-bottom:          1px solid #D2D2D2;
    border-left:            1px solid #D2D2D2;
    border-right:           1px solid #D2D2D2;
}

#tertiaernavcontainer div.linktext
{
    margin:             0px 0px 0px 2px; /* Text-Abstand von links */
    padding:            0px 0px 0px 0px;
}

#tertiaernavcontainer div.area_download
{
    display:            inline;
    font-size:          9px;
    font-weight:        400;
    width:              163px; /* Dahinter wird das Icon positioniert */
    text-align:         left;
    float:              left;
    margin:             0px 0px 0px 0px;
    padding:            0px 0px 0px 0px;
}


#tertiaernavcontainer div.area_link
{
    display:            inline;
    font-size:          9px;
    font-weight:        400;
    width:              163px;
    text-align:         left;
    float:              left;
    vertical-align:     middle;
    margin:             0px 0px 0px 0px;
    padding:            0px 0px 0px 0px;
}

#tertiaernavcontainer div.image
{
    display:            inline;
    vertical-align:     baseline;
    margin:             0px 0px 0px 5px;
    padding:            0px 0px 0px 0px;
}

/* ------------------------------------------------------------------------- */

.bilderblock
{
    margin:     30px 0px 0px 0px;
    padding:    0px 0px 0px 0px;
    display:    table;
}

img.bilderblockbild
{
    margin:     0px 9px 0px 0px;
    padding:    0px 0px 0px 0px;
}

div.titelbild_links
{
    margin:     0px 0px 0px 0px;
    padding:    0px 0px 0px 0px;
}

div.titelbild_mitte
{
    /*background-color:   lightblue;*/
    text-align: right;
    /*width:      100%;*/
    margin:     0px 0px 0px 0px;
    padding:    0px 0px 0px 0px;
}

/* Format fuer Kontakt-Adressdaten */
.kontakt_tabelle
{
    /*width:      100%;*/ /* Problem beim IE 6 mit width: 100%; */
    margin:     10px 0px 10px 0px;
    padding:    0px 0px 0px 0px;
}

.kontakt_links
{
    border-width:       1px;
    border-style:       solid;
    border-color:       white;
    width:              20px;
    text-align:         right;
    vertical-align:     middle;
    margin:             0px 0px 0px 0px;
    padding:            2px 0px 2px 0px;
}

.kontakt_rechts
{
/*
    border-width:       0px;
    border-style:       solid;
*/
    margin:             0px 0px 0px 0px;
    /* bei padding:0px 0px 0px 10px; zeigt IE 6 kein border-bottom an */
    padding:            0px 0px 1px 10px;
    vertical-align:     middle;
}

div.sprachauswahl
{
    margin:     35px 0px 0px 15px;
    padding:    0px 0px 0px 0px;
    font-size:  9px;
}


.top_of_page_link
{
    display:        block;
    margin:         20px 0px 10px 0px;
    padding:        0px 0px 0px 0px;
    text-align:     right;
    font-size:      9px;
    /*border-bottom:  1px solid gray;*/
}

/* Text-Dummy fuer den IE */
.dummy
{
    margin:     0px 0px 0px 0px;
    padding:    0px 0px 0px 0px;    
	width:      1px;
	height:     1px;
	overflow:   hidden;
	display:    inline;
}