html, body { height:100%; }

/*====================================== Layout-Stylesheet ======================================================*/
 body
    {
        margin: 0;
        padding: 0;
        font: 85% arial, hevetica, sans-serif;
        text-align: center;
        color: #000000;
        background-color: #ffffff;
    
    }
    
    #container
    {
        margin: 0px auto;
        width: 970px;
        /*height: 100px;*/
        text-align: left;
        background-color:;
        background-image:url(../images/bg.jpg);
        background-repeat:repeat-y;
        border: 0;
    }
    
    #header /* header-DIV-Positionierung ist abhänging von body-tag*/
    {
    
        background-image:url(../images/header.jpg);
        background-repeat:no-repeat;
        margin: 0px auto;
        width:970px;
        height:150px;
        position: relative;
        background-color:;
        /*text-align ist notwendig, header_menu-DIV linksbündig zu platzieren. Sonst wird mittig positioniert.*/
        text-align:left;
        
    }
    #header_navi
    /* header-menu-DIV-Positionierung ist abhänging von header-DIV*/
    /* DIV für Hilfsnavigation. Breite ist 75% der Headerbreite definiert. Definition mit fixen Pixelangaben auch möglich.*/
    {
        background-color:;
        /*Position muss hier unbedingt relative sein, sonst die anderen Position-Eingenschaften wie Höhe nötig ist. Bei Absolute z.B. müssen top & left-Angaben zu dem Body-Tag ausgerichtit werden.*/
        position:relative;
        left:580px;
        top:110px;
        width: 35%;
        height:auto;
    }

       
    #rechte_spalte
/*menu-DIV-Positionierung ist abhänging von container-DIV*/
    {
        float: right;
        /* float-right ist hier absolut notwendig, um Content-Bereich rechts neben dem Menu zu platzieren.*/
        width: 20px;
        height:600;
        background-color:;
        text-align:left; 
        font-size:11px; 
    }
    
    
    #linke_spalte
    /* menu-DIV-Positionierung ist abhänging von container-DIV*/
    {
        float: left;
        /* float-left ist hier absolut notwendig, um Content-Bereich rechts neben dem Menu zu platzieren.*/
        width: 190px;
        height:auto;
        /*height: 400px;*/
        background-color:;
        /* Hier kann ein Hintergrundbild eingefügt werden. Dies dient als vertikaler Spacer zwischen Imagebild und Hauptnavi-DIV.
        background-image:url(../images/navi_bg.gif);
        background-repeat:repeat-y;*/
    }
    
    #hauptnavi
        {
        /*top: 20px; --- falls erwüscht, hier top-Parameter eingeben*/
        float: left;
        width: 190px;
        /*height: 22px;*/
        background-color: ;
    }
    
    /*#fahnen
     fahnen-DIV-Positionierung ist abhänging von hauptnavi-DIV
    {
    position:relative;
    width: 185px;
    height: 22px;
    background-color: black;
    /* Hier kommen Fahnen als Hintergrundbild.
    background-image:url(images/fahnen.jpg);
    background-repeat:no-repeat;
    }*/
    
    /* content-div ist relativ zu dem Container positioniert*/
    #contents
    {
        width:740px;
        position:relative;
        margin-left: 190px;
        /*height: 400px;*/
        background-color:;
        background-repeat:no-repeat;
        text-align:left;
    }
    

        #footer 
    {
        clear: both;
        margin: 0px auto;
        width:970px;
        height: 33px;
        font-size:9px;
        text-align:left;
        background-image:url(../images/footer.jpg);
        background-repeat:no-repeat;

        
    }


    /*====================================== Content-Stylesheet ======================================================*/

td { /*TD-Style regelt die Schriftgröße und -farbe für die Contentbereich.*/
    vertical-align:top;
    font-size:14px;
    font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
    color:#000000;
    margin-bottom:8px;
    
}

td a { font-size:14px; color:#0033d9; text-decoration:underline; } /*Angabe für text-deco ist dafür da, die Links als unterstrichen darzustellen, wenn die Links sich in dem Contentbereich befinden.*/
    
div,p  { margin-top:0; }

.navi{
    
    padding-top:8px;
    width:170px;
    border-bottom: 1px solid white;
    background-color:;
    font-weight:normal;
}

.hilfsnavi{
    
    color:#ffffff;
    font-weight:normal;
    font-size:12px;
}

.hilfsnavi:hover{
    
    color:#ffffff;
    font-weight:normal;
    text-decoration:underline;
    font-size:12px;
}

.artikelliste
{
    
    color:#000000;
    font-weight:normal;
    font-size:14px;
}

h2.artikelliste
{
    
    color:#000000;
    font-weight:normal;
    font-size:14px;
}

h1 { /* Headline-Style*/
    padding-left:0px;
    font-weight:bold;
    font-size:16px;
    color:#000000;
    margin:0;
    padding-bottom:10px;
}

h2 { /* NewsHeadline-Style*/
    padding-left:0px;
    font-weight:bold;
    font-size:14px;
    color:#000000;
    margin:0;
    padding-bottom:10px;
}

hr { color:#3b569a; }

a > img { border-style:none; } /*Verhindert den Rahmen, wenn ein Bild-Link erzeugt wird. Bei FF*/

a img { border-style:none; } /*Verhindert den Rahmen, wenn ein Bild-Link erzeugt wird. Bei IE*/

a { font-size:11px; color:#3272c5; text-decoration:none; border-style:none; }/*Angabe für text-deco verhindert, dass der Navigationstext unterstrichen dargestellt wird.*/

a.bottomnavi { color:#484539; font-size:9px; text-decoration:none;}/*Angabe für text-deco verhindert, dass der Navigationstext unterstrichen dargestellt wird.*/

a.bottomnavi:hover { color:#484539; font-size:9px; text-decoration:underline;} /*Bei hover, Text unterstrichen dargestellt.*/ 

/* Klassen für die Hauptnavi*/
a.navileft_passive {
    padding-left:0px;
    display:block;
    background-color:;
    padding-top:2px;
    padding-bottom:2px;
    color:#ffffff;
    font-weight:normal;
    font-size:13px;

}
/* dies hier ist die Klassenzuweisung, die Navi-Hover steuert*/
a.navileft_passive:hover {
    padding-left:0px;
    display:block;
    background-color:;
    padding-top:2px;
    padding-bottom:2px;
    color: #ffffff;
    font-weight:normal;
    font-size:13px;
    text-decoration:underline;
}

a.navileft_active {
    padding-left:0px;
    display:block;
    background-color:;
    padding-top:2px;
    padding-bottom:2px;
    color: #ffe402;
    font-weight:normal;
    font-size:13px;
    text-decoration:none;
} 

a.navileft_open {
    padding-left:0px;
    display:block;
    background-color:;
    padding-top:2px;
    padding-bottom:2px;
    color:#ffe402;
    font-weight:normal;
    font-size:13px;
}
/* ab 2. Ebene der Navigation*/ 
a.navileft_passive_2 {
    padding-left:0px;
    display:block;
    background-color:;
    padding-top:2px;
    padding-bottom:2px;
    color:#000000;
    font-weight:normal;
    font-size:13px;

}
a.navileft_passive_2:hover {
    padding-left:0px;
    display:block;
    background-color:;
    padding-top:2px;
    padding-bottom:2px;
    color: #0033d9;
    font-weight:normal;
    font-size:13px;
}

a.navileft_active_2 {
    padding-left:0px;
    display:block;
    background-color:;
    padding-top:2px;
    padding-bottom:2px;
    color: #0033d9;
    font-weight:normal;
    font-size:13px;
} 

a.navileft_open_2 {
    padding-left:0px;
    display:block;
    background-color:;
    padding-top:2px;
    padding-bottom:2px;
    color:#0033d9;
    font-weight:normal;
    font-size:13px;
} 

a.sitemap_level1 { /*Level 1 ist für die Hauptnavi und Unternavi*/
    display:block;
    border-bottom:1px dotted #3074c8;
    color:#000000;
    font-weight:bold;
    font-size:14px;
    text-decoration:none;
    padding-bottom:.4em;

}
a.sitemap_level1:hover
 {
    text-decolation:underline;
    font-size:14px;
 }

a.sitemap_level2 { /*Level 2 ist für die Navi Ebene 1*/
    display:block;
    color:#0033d9;
    text-decoration:none;
    background:url(../images/sitemap_bullet.gif) no-repeat;
    background-position:left;
    background-color:;
    padding-left:8px;
}

a.sitemap_level2:hover
 {
    text-decoration:underline;
 }

a.sitemap_level3 { /*Level 3 ist für die Navi Ebene 1*/
    color:#0033d9;
    padding-left:20px;
    text-decoration:none;
    background:url(../images/sitemap_bullet.gif) no-repeat;
    background-position:left;
    background-color:;
}
a.sitemap_level3:hover
 {
    text-decoration:underline;
 }

.sitemap_level2_container {
    float:left;
    width:100%;
    padding-top:.3em;
    padding-left:10px;
}

.sitemap_level3_container {
    float:left;
    width:100%;
    padding-top:.2em;
    padding-bottom:.4em;
    padding-left:20px;
}
/*
.input_searchbox {
    width:65px;
    vertical-align:middle;
    font-size:11px;
    color: rgb(255,255,255);
}

.input_newsletterselect {
    width:80px;
    vertical-align:middle;
    font-size:11px;
    margin-right: 8px;
    color: rgb(62,77,116);
}

.label_searchbox {
    vertical-align:middle;
    color:#FFFFFF;
    position:relative;
    padding-left:10px;
    /*left:-65px;
}

#loginbox {
    background-color:#DFE0E5;
    border-top:1px solid #aeaeae;
    border-bottom:1px solid #aeaeae;
    padding-bottom:.6em;
    padding-top:.6em;




    padding-left:0em;
    padding-right:0em;
    margin-top:1.5em;
    margin-bottom:1.5em;
}

#searchbox {
    background-color:#000066;
    border-top:1px solid #aeaeae;
    border-bottom:1px solid #aeaeae;
    padding-bottom:.6em;
    padding-top:.6em;
    padding-left:0em;
    padding-right:0em;
    margin-top:1.5em;
    margin-bottom:1.5em;
}

#newsletterbox {
   background-color:#DFE0E5;
   border-top:1px solid #aeaeae;
   border-bottom:1px solid #aeaeae;
   padding-bottom:.6em;
   padding-top:.6em;
   padding-left:.5em;
   padding-right:.5em;
   margin-top:1.5em;
   margin-bottom:1.5em;
}
*/
.hidden {
    display:none;
}