/*---------------------------------------------------*/
/* basis elemente */
/*---------------------------------------------------*/


*{  margin: 0;
    padding: 0;
    }


body{ 
    font: 76% arial,sans-serif; 
    background-color: #788696;
    }

html, div{
    }


strong{
    font-family: arial,sans-serif;
    font-weight: bold;
    color: #3399CC;
    }

p{  
    font-family: arial,sans-serif;
    font-size: 1em;
    font-style: normal;
    color: #666666;
    }
    
.normaltext{
    float: left;
    width: 400px;
    padding: 0 0 32px 0;
    font-family: arial,sans-serif;
    font-size: 1em;
    font-style: normal;
    color: #666666;
    }


h1{ 
    float: left;
    padding: 0 0 8px 0;
    font-family: arial,sans-serif;
    font-size: 1.8em;
    font-style: normal;
    font-weight: normal;
    letter-spacing: -0.00em;
    word-spacing: 0.6pt;
    color: #333333;
    width: 100%;
    }

h2{ 
    float: left;
    font-family: arial,sans-serif;
    font-size: 1.5em;
    font-style: normal;
    font-weight: normal;
    letter-spacing: -0.03em;
    color: #3399CC;
    width: 100%;
    }

h3{ 
    float: left;
    padding: 0 0 8px 0;
    font-family: arial,sans-serif;
    font-size: 1.2em;
    font-style: normal;
    font-weight: bold;
    letter-spacing: -0.06em;
    word-spacing: 0.6pt;
    color: #555555;
    width: 100%;
    }

em{                     /* Produkteinführungstexte */
    text-decoration: none; 
    font-family: arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: -0.00em;
    /* text-transform: uppercase; */
    /* letter-spacing: 0.06em; */
    /* word-spacing: 0.6pt; */
    color: #238ABE;
    }

a, a:link, ul, ul li, ul li a, ul li p{ 
    font-family: arial,sans-serif;
    font-size: 100%;
    font-weight: bold; 
    text-decoration: none; 
    color: #777777;
    }
    
a:hover { 
    font-family: arial,sans-serif;
    font-size: 100%;
    font-weight: bold; 
    text-decoration: none; 
    color: #585858;
    }

a#currentlink{
    font-family: Arial;
    font-weight: bold; 
    text-decoration: none;
    }   

.randausgleich{margin-left: -0.6em}




/*---------------------------------------------------*/
/* container hält alles zusammen */
/*---------------------------------------------------*/



#container{
    float: left;
    width: 896px;                   /* Seitenbreite */
    width /**/:896px;
    margin: 0 0 0 0;            
    padding: 0 0 0 0; 
    background: white;          /* Weiss, Seitenhintergrund */
    }




/*---------------------------------------------------*/ 
/* Seitenkopf */
/*---------------------------------------------------*/ 

#seitenKopf{ 
    float: left;
    /* position: absolute; left: 0; */
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 896px; 
    height: 128px;
    height /**/: 128px;
    background-color: #3C89AF;          /* Blaugrün, Hintergrund Seitenkopf */
    }

#logo a {                       /* Logo im Seitenkopf */
    margin: 0 0 0 0;
    padding: 115px 0 0 0;
    position: absolute; top: 5px; left:20px;
    overflow: hidden;
    background-image: url(../images/logo.gif);
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:115px;
    width: 110px;
    }

#graukeil {                     /* Oberer rechter Graukeil */
    margin: 0 0 0 0;
    padding: 33px 0 0 0;
    position: absolute; top: 0px; left:640px;
    overflow: hidden;
    background-image: url(../images/graukeil.gif);
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:33px;
    width: 256px;
    }

#pfeilblau a {                      /* Oberer rechter Graukeil */
    margin: 0 0 0 0;
    padding: 13px 0 0 0;
    position: absolute; top: 14px; left:672px;
    overflow: hidden;
    background-image: url(../images/pfeilblaugruen.gif);
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:13px;
    width: 15px;
    }

#kundenbereich a {                  /* Loginschalter im Seitenkopf */
    margin: 0 0 0 0;
    padding: 13px 0 0 0;
    position: absolute; top: 16px; left:692px;
    overflow: hidden;
    background-image: url(../images/kundenbereich.gif);
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:13px;
    width: 91px;
    }
    
#e_kundenbereich a {                    /* Loginschalter im Seitenkopf */
    margin: 0 0 0 0;
    padding: 13px 0 0 0;
    position: absolute; top: 16px; left:692px;
    overflow: hidden;
    background-image: url(../images/kundenbereich_e.gif);
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:13px;
    width: 96px;
    }

#deutsch_impressum a {                      /* Loginschalter im Seitenkopf */
    margin: 0 0 0 0;
    padding: 13px 0 0 0;
    position: absolute; top: 16px; left:806px;
    overflow: hidden;
    background-image: url(../images/impressum.gif);
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:13px;
    width: 91px;
    }
    
#e_impressum a {                        /* Loginschalter im Seitenkopf */
    margin: 0 0 0 0;
    padding: 13px 0 0 0;
    position: absolute; top: 16px; left:807px;
    overflow: hidden;
    background-image: url(../images/impressum_e.gif);
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:13px;
    width: 91px;
    }


.suchefeld {
    position: absolute; top: 53px; left:726px;
    }
.suchform{}

.suchesubmit1 {
    margin: 0 0 0 0;
    padding: 13px 0 0 0;
    position: absolute; top: 76px; left:727px;
    overflow: hidden;
    background-image: url(../images/pfeilgrau.gif);
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:13px;
    width: 15px;
    }

.suchesubmit2 {
    margin: 0 0 0 0;
    padding: 12px 0 0 0;
    position: absolute; top: 76px; left:746px;
    overflow: hidden;
    background-image: url(../images/suche.gif);
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:12px;
    width: 36px;
    }
.e_suchesubmit2 {
    margin: 0 0 0 0;
    padding: 12px 0 0 0;
    position: absolute; top: 76px; left:746px;
    overflow: hidden;
    background-image: url(../images/suche_e.gif);
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:12px;
    width: 40px;
    }


#blaukeil {                     /* Oberer unterer Blaukeil */
    margin: 0 0 0 0;
    padding: 24px 0 0 0;
    position: absolute; top: 104px; left:143px;
    overflow: hidden;
    background-image: url(../images/blaukeil.gif);
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:24px;
    width: 754px;
    }

#contentdeutsch a {                 /* Deutschschalter */
    margin: 0 0 0 0;
    padding: 14px 0 0 0;
    position: absolute; top: 110px; left:729px;
    overflow: hidden;
    background-image: url(../images/deutsch_dirty.gif);
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:14px;
    width: 48px;
    }

#contentdeutsch a:focus, #contentdeutsch a:active, #contentdeutsch a#currentlink{
    margin: 0 0 0 0;
    padding: 14px 0 0 0;
    position: absolute; top: 110px; left:729px;
    overflow: hidden;
    background-image: url(../images/deutsch.gif);
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:14px;
    width: 48px;
    } 

#contentenglish a {                 /* Englishschalter */
    margin: 0 0 0 0;
    padding: 14px 0 0 0;
    position: absolute; top: 110px; left:808px;
    overflow: hidden;
    background-image: url(../images/english_dirty.gif);
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:14px;
    width: 43px;
    }

#contentenglish a:focus, #contentenglish a:active, #contentenglish a#currentlink{
    margin: 0 0 0 0;
    padding: 14px 0 0 0;
    position: absolute; top: 110px; left:808px;
    overflow: hidden;
    background-image: url(../images/english.gif);
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:14px;
    width: 43px;
    } 


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

#navliste{
    position: absolute; left:177px; top: 29px;
    margin: 0px;
    padding: 0 0 0 0; 
    /**/
    }
    
    
    #navliste li{
    margin: 0;
    padding: 0;
    display: inline; /*fixt den Bug der Randverdopplung im IE/Win */
    }
    
    #navliste li a{
    float: left;
    display: block;
    height:19px;
    width: 100%;
    margin: 0 0 3px 0;
    padding: 0 0 0 0;
    text-decoration: none;
    text-indent: -999em;
    display: inline;    /* fixt den Bug der Randverdopplung im IE/Win */
    }
    
    
    /* Block 1 */
    
    #navliste ul#navliste1{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
    width: 192px;
    }
    
    #navliste ul#navliste1 li#deutsch_home a{
    background: url(../images/home.gif) left;
    background-repeat: no-repeat;
    overflow: hidden;
    } 
    #navliste ul#navliste1 li#english_home a{
    background: url(../images/home_e.gif) left;
    background-repeat: no-repeat;
    overflow: hidden;
    } 
    
    #navliste ul#navliste1 li#deutsch_home a:focus, #navliste ul#navliste1 li#home a:hover, #navliste ul#navliste1 li#home a:active{
    background: url(../images/home.gif) left;
    background-repeat: no-repeat;
    }
    #navliste ul#navliste1 li#english_home a:focus, #navliste ul#navliste1 li#e_home a:hover, #navliste ul#navliste1 li#e_home a:active{
    background: url(../images/home_e.gif) left;
    background-repeat: no-repeat;
    }
    
    #navliste ul#navliste1{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
    width: 192px;
    }
    
    #navliste ul#navliste1 li#deutsch_produkte a{
    background: url(../images/produkte.gif) left;
    background-repeat: no-repeat;
    overflow: hidden;
    } 
    #navliste ul#navliste1 li#english_produkte a{
    background: url(../images/produkte_e.gif) left;
    background-repeat: no-repeat;
    overflow: hidden;
    }
    
    #navliste ul#navliste1 li#deutsch_produkte a:focus, #navliste ul#navliste1 li#produkte a:hover, #navliste ul#navliste1 li#produkte a:active{
    background: url(../images/produkte.gif) left;
    background-repeat: no-repeat;
    } 
    #navliste ul#navliste1 li#english_produkte a:focus, #navliste ul#navliste1 li#e_produkte a:hover, #navliste ul#navliste1 li#e_produkte a:active{
    background: url(../images/produkte_e.gif) left;
    background-repeat: no-repeat;
    } 
    
    
    #navliste ul#navliste1 li#deutsch_service a{
    background: url(../images/service.gif) left;
    background-repeat: no-repeat;
    overflow: hidden;
    }
    #navliste ul#navliste1 li#english_service a{
    background: url(../images/service_e.gif) left;
    background-repeat: no-repeat;
    overflow: hidden;
    }  
    
    #navliste ul#navliste1 li#deutsch_service a:hover, #navliste ul#navliste1e li#service a#currentlink{
    background: url(../images/service.gif) left;
    background-repeat: no-repeat;
    }
    #navliste ul#navliste1 li#english_service a:hover, #navliste ul#navliste1e li#e_service a#currentlink{
    background: url(../images/service_e.gif) left;
    background-repeat: no-repeat;
    }  

    /* Block 2 */

    #navliste ul#navliste2{
    position: absolute; left:172px; top: 0px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
    width: 192px;
    }

    #navliste ul#navliste2 li#deutsch_kontakt a{
    background: url(../images/kontakt.gif) left;
    background-repeat: no-repeat;
    overflow: hidden;
    } 
    #navliste ul#navliste2 li#english_kontakt a{
    background: url(../images/kontakt_e.gif) left;
    background-repeat: no-repeat;
    overflow: hidden;
    } 
    
    #navliste ul#navliste2 li#deutsch_kontakt a:focus, #navliste ul#navliste2 li#kontakt a:hover, #navliste ul#navliste1 li#kontakt a:active{
    background: url(../images/kontakt.gif) left;
    background-repeat: no-repeat;
    } 
    #navliste ul#navliste2 li#english_kontakt a:focus, #navliste ul#navliste2 li#e_kontakt a:hover, #navliste ul#navliste1 li#e_kontakt a:active{
    background: url(../images/kontakt_e.gif) left;
    background-repeat: no-repeat;
    } 
    
    
    #navliste ul#navliste2 li#deutsch_ueberuns a{
    background: url(../images/ueberuns.gif) left;
    background-repeat: no-repeat;
    overflow: hidden;
    } 
    #navliste ul#navliste2 li#english_ueberuns a{
    background: url(../images/ueberuns_e.gif) left;
    background-repeat: no-repeat;
    overflow: hidden;
    }
    
    #navliste ul#navliste2 li#deutsch_ueberuns a:hover, #navliste ul#navliste1e li#ueberuns a#currentlink{
    background: url(../images/ueberuns.gif) left;
    background-repeat: no-repeat;
    } 
    #navliste ul#navliste2 li#english_ueberuns a:hover, #navliste ul#navliste1e li#e_ueberuns a#currentlink{
    background: url(../images/ueberuns_e.gif) left;
    background-repeat: no-repeat;
    } 
    
    
    #navliste ul#navliste2 li#deutsch_aktuelles a{
    background: url(../images/aktuelles.gif) left;
    background-repeat: no-repeat;
    overflow: hidden;
    } 
    #navliste ul#navliste2 li#english_aktuelles a{
    background: url(../images/aktuelles_e.gif) left;
    background-repeat: no-repeat;
    overflow: hidden;
    } 
    
    #navliste ul#navliste2 li#deutsch_aktuelles a:hover, #navliste ul#navliste2 li#aktuelles a#currentlink{
    background: url(../images/aktuelles.gif) left;
    background-repeat: no-repeat;
    }
    #navliste ul#navliste2 li#english_aktuelles a:hover, #navliste ul#navliste2 li#e_aktuelles a#currentlink{
    background: url(../images/aktuelles_e.gif) left;
    background-repeat: no-repeat;
    }
    
    
    /* Block 3 */
    
    #navliste ul#navliste3{
    position: absolute; left:325px; top:0px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
    width: 192px;
    }
    
    #navliste ul#navliste3 li#n-spacer a{           /* Freielement */
    overflow: hidden;
    background: url(../images/pixel.gif) left;
    } 
    
    #navliste ul#navliste3 li#deutsch_links a{
    
    background: url(../images/linksreferenzen.gif) left;
    background-repeat: no-repeat;
    overflow: hidden;
    }
    
    #navliste ul#navliste3 li#english_links a{
    background: url(../images/linksreferenzen_e.gif) left;
    background-repeat: no-repeat;
    overflow: hidden;
    }
      
    
    #navliste ul#navliste3 li#deutsch_links a:hover, #navliste ul#navliste2 li#links a#currentlink{
    background: url(../images/linksreferenzen.gif) left;
    background-repeat: no-repeat;
    } 
    #navliste ul#navliste3 li#english_links a:hover, #navliste ul#navliste2 li#e_links a#currentlink{
    background: url(../images/linksreferenzen_e.gif) left;
    background-repeat: no-repeat;
    }
    

/*---------------------------------------------------*/
/* Subnavigation Produkte - Linke Spalte */
/*---------------------------------------------------*/

#spaltelinks{   
    float: left;                        
    margin: 0px 0px 0px 0px;
    padding: 0px 0 0 0px;
    width: 144px;
    background-color: #3C89AF;
    }

#produktnavi{
    float: left;
    width: 144px;
    }

#produktnavi ul{
    list-style: none;
    background-color: #788696;
    }

#produktnavi ul ul{
    margin: 0px;
    padding: 0px 0px 20px 24px; /* Abstand der Subnaviprodukte vom linken Rand*/
    list-style: none;
    background-color: #3C89AF;
    }

#produktnavi a{
    font-family: Arial;
    font-size: 10px;
    line-height: 16px;
    font-style: normal;
    color: white;
    width: 100%;
    }

#produktnavi p{
    list-style: none;
    margin: 0px 0px 0px 24px;   /* Abstand der Subnaviüberschriften vom linken Rand*/
    padding: 2px 0px 2px 0px;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    color: white;
    }

#naviabschluss{
    margin: 0px 0px 0px 0px;
    padding: 16px 0 0px 0;
    overflow: hidden;
    background-image: url(../images/naviabschluss.gif);
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:16px;
    width: 144px;
    }

/*---------------------------------------------------*/
/* Basiselemente - Linke Spalte */
/*---------------------------------------------------*/

#bildausgleich{                     /* Fläche neben Bild links */
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    overflow: hidden;
    background-color: #788696;
    background-repeat: no-repeat;
    height /**/:16px;
    width: 144px;
    height:16px;
    }       
    
    
/*---------------------------------------------------*/
/* Basiselemente - Contentarea */
/*---------------------------------------------------*/

#contentflaeche{
    float: left;
    width: 528px;
    background-color: #FFFFFF;          /* weiss, Hintergrund Contentarea */
}

.teaser{                    /* TeaserBild */
    float: left;
    height: 160px;
    width: 896px;
}

.teaserlabel{                   /* TeaserBeschriftung */
    position:absolute; top: 266px; left:144px;
}

#feld{
    float: left;
    width: 448px;
    padding: 48px 0px 0px 48px;
    display: inline;        /* fixt den Bug der Randverdopplung im IE/Win */
}


/*---------------------------------------------------*/
/* Basiselemente - Rechte Spalte */
/*---------------------------------------------------*/

#spalterechts{  
    float: left;         
    margin: 0px 0px 0px 0px;
    padding: 50px 0 0 0;
    width: 192px;   
    }

#spalterechts a{             
    float: left;
    margin: 0px 0px 48px 0px;
    padding: 0px 0px 0px 22px;          /* Abstand zwischen Pfeil und Link */
    display: inline;                /* fixt den Bug der Randverdopplung im IE/Win */
    background: url(../images/back.gif) no-repeat;
    }

#spalterechts ul#linkliste{

    margin: 0px 0px 0px 0px;
    padding: 0px 0 0 0px;
    list-style-type: none;
    }
    
    #spalterechts ul#linkliste li{
    margin: 0;
    padding: 0;
    display: inline; /*fixt den Bug der Randverdopplung im IE/Win */
    }
    
    #spalterechts ul#linkliste a{
    float: left;
    display: block;
    margin: 0px 0px 4px 0px;    /* Abstand zwischen den Links */
    padding: 0px 0px 0px 22px;   /* Abstand zwischen Pfeil und Link */
    display: inline; /* fixt den Bug der Randverdopplung im IE/Win */
    background: url(../images/pfeilgrauklein.gif) no-repeat;
    background-position: center left;
    width: 90%;
    }
    
    #spalterechts ul#linkliste a#currentlink{
    font-family: Arial;
    font-weight: bold; 
    text-decoration: none;
    color: #3399CC;
    }   
    

    #spalterechts ul.blau#linkliste a{
    float: left;
    display: block;
    margin: 0 0 16px 0px;       /* Abstand zwischen den Links */
    padding: 0 0 0 22px;        /* Abstand zwischen Pfeil und Link */
    display: inline;        /* fixt den Bug der Randverdopplung im IE/Win */
    background: url(../images/pfeilblau.gif) no-repeat;
    background-position: center left;
    width: 100%;
    }