html, body { height:100%; }

    body
    {
        margin: 0;
        padding: 0;
        font: 85% arial, hevetica, sans-serif;
        text-align: center;
        color: #000000;
        background-color: #e0e5f0;
        background-image:url(../images/bg_body.gif);
        background-repeat:repeat;
    
    }
    /*-------------------CSS für Sprache-Verteilerseite--------------------------------*/
    
        #startseiten_container
    {
        margin: 0px auto;
        width: 940px;
        height: 600px;
        text-align: left;
        background-color:;
        background-image:url(../../../images/bg_start.jpg);
        background-repeat:no-repeat;
        border: 0;
        overflow:visible;
    }
    
    #sprachen
    /* 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 ausgerichtet werden.*/
        position:relative;
        left:400px;
        top:300px;
        width:100px;
        height:150px;
        text-align:left; 
    }
    
    #copyright
    /* 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:0px;
        top:430px;
        width:940px;
        height:20px;
        text-align:center; 
        font-size:9px;
        color:#ffffff;
    }
    /*-------------------ENDE CSS für Startseite--------------------------------*/
    

    
    
    /*-------------------CSS für Homeseite--------------------------------*/
    
    #container
    {
        margin: 0px auto;
        width: 940px;
        /*height: 100px;*/
        text-align: left;
        background-color:#ffffff;
        background-image:url(../images/bg_home.gif);
        background-repeat:repeat-y;
        border: 0;
        overflow:visible;
    }
    
    #header /* header-DIV-Positionierung ist abhänging von body-tag*/
    {
    
        background-image:url(../images/header_home.jpg);
        margin: 0px auto;
        width:940px;
        height:210px;
        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:490px;
        top:63px;
        width: 300px;
        height:auto;        

    }

    #headernavi_text
        {
        font: arial, hevetica, sans-serif;
        font-size:10px;
        text-align: left;
        color: #000000;
        
    }    

    
    #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: 185px;
        /*height:auto;*/
        height: 600px;
        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: 175px;
        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/bg.jpg);
        background-repeat:no-repeat;*/
    }
    
    #hauptnavi
        {
        /*top: 20px; --- falls erwüscht, hier top-Parameter eingeben*/
        float: left;
        width: 175px;
        /*height: 22px;*/
        background-color: ;
    }
    
    #fahnen
    /* fahnen-DIV-Positionierung ist abhänging von hauptnavi-DIV*/
    {
    position:relative;
    left: 770px;
    top: 40px;
    width: 80px;
    height: 10px;
    background-color: ;
    /* 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:550px;
        position:relative;
        margin-left: 180px;
        /*height: 400px;*/
        background-color:;
        background-repeat:no-repeat;
        text-align:left;
    }
    
    #content_home
    {
        /*height: 400px;*/
        background-image:url(../images/bg_content_home.jpg);
        background-repeat:no-repeat;
        text-align:left;
    }

    #bottomnavi
    {
        margin-top: 10px;
        margin-bottom:5px;
        padding: 0;
        font: 85% arial, hevetica, sans-serif;
        font-size:9px;
        text-align: center;
        color: #000000;
        background-color: #ffffff;
        
    }
        #footer 
    {
        clear: both;
        margin: 0px auto;
        width:940px;
        height: 20px;
        background-color: ;
        /* Hier kommt Footer-Bild als Hintergrundbild.*/
        background-image:url(../images/footer_home.gif);
        background-repeat:no-repeat;*/
        
    }

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

td a { font-size:11px; color:#484539; 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{
    width:185px;
    border-bottom:2px solid rgb(255,255,255);
    background-color:rgb(255,255,255);
    font-weight:normal;
}

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

hr { color:#3b569a; }

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

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

a.headernavi_text { font-size:11px; color:#000000; text-decoration:none; border-style:none; }/*Style für Header-Navigationstext*/

a.headernavi_text:hover { font-size:11px; color:#000000; text-decoration:underline; }/*Header-Navigationstext wird bei hover unterstrichen*/

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 Level 1*/
a.navileft_passive {
    /*padding-left:px;*/
    display:block;    
    height:25px;
    background:url(../images/nav_off.gif) no-repeat;
    background-position:left;
    background-color:#ffffff;
    /*padding-top:2px;
    padding-bottom:2px;*/
    color:#000000;
    font-weight:normal;
    font-size:11px;

}
/* dies hier ist die Klassenzuweisung, die Navi-Hover steuert*/
a.navileft_passive:hover {
    /*padding-left:22px;*/
    display:block;    
    height:25px;
    background:url(../images/nav_on.gif) no-repeat;
    background-position:left;
    background-color:#ffffff;
    /*padding-top:2px;
    padding-bottom:2px;*/
    color: #000000;
    font-weight:normal;
    font-size:11px;
}

a.navileft_active {
    /*padding-left:22px;*/
    display:block;    
    height:25px;
    background:url(../images/nav_on.gif) no-repeat;
    background-position:left;
    background-color:#ffffff;
    /*padding-top:2px;
    padding-bottom:2px;*/
    color: #000000;
    font-weight:normal;
    font-size:11px;
} 

a.navileft_open {
    /*padding-left:22px;*/
    display:block;    
    height:25px;
    background:url(../images/nav_on.gif) no-repeat;
    background-position:left;
    background-color:#ffffff;
    /*padding-top:2px;
    padding-bottom:2px;*/
    color:#000000;
    font-weight:normal;
    font-size:11px;
} 

/*Klassen für die Hauptnavi Level 2*/
a.navileft_passive_2 {
    /*padding-left:px;*/
    display:block;    
    height:25px;
    background:url(../images/nav_off_2.gif) no-repeat;
    background-position:left;
    background-color:#ffffff;
    /*padding-top:2px;
    padding-bottom:2px;*/
    color:#000000;
    font-weight:normal;
    font-size:11px;

}
/* dies hier ist die Klassenzuweisung, die Navi-Hover steuert*/
a.navileft_passive_2:hover {
    /*padding-left:22px;*/
    display:block;    
    height:25px;
    background:url(../images/nav_on_2.gif) no-repeat;
    background-position:left;
    background-color:#ffffff;
    /*padding-top:0px;
    padding-bottom:0px;*/
    color: #000000;
    font-weight:normal;
    font-size:11px;
}

a.navileft_active_2 {
    /*padding-left:22px;*/
    display:block;    
    height:25px;
    background:url(../images/nav_on_2.gif) no-repeat;
    background-position:left;
    background-color:#ffffff;
    /*padding-top:2px;
    padding-bottom:2px;*/
    color: #000000;
    font-weight:normal;
    font-size:11px;
} 

a.navileft_open_2 {
    /*padding-left:22px;*/
    display:block;    
    height:25px;
    background:url(../images/nav_on_2.gif) no-repeat;
    background-position:left;
    background-color:#ffffff;
    /*padding-top:2px;
    padding-bottom:2px;*/
    color:#000000;
    font-weight:normal;
    font-size:11px;
}

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

}
a.sitemap_level1:hover
 {
    text-decolation:underline;
 }

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

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

a.sitemap_level3 { /*Level 3 ist für die Navi Ebene 1*/
    color:#000000;
    padding-left:20px;
    text-decoration:none;
    background:url(../images/sitemap_bullet.gif) no-repeat;
    background-position:left;
    background-color:#ffffff;
}
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;
}

#lightbox{  position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }  
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }           
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}      

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }