@CHARSET "UTF-8";

    body {
        margin: 0px auto; 
        width:975px;
        font-family: arial, helvetica, sans-serif;
        font-size:11px;
        background-color: #f7f8f5;
       
    }
    
    #archiv {
        width: 880px;
        background-color: #f7f8f5;
        position: absolute;
        top: 490px;
        left:150px; 
        margin: 0;
        padding:0;        
        visibility: hidden;        
        z-index:10;
        overflow:hidden;
    }
    
    #archiv img {
        float: left;
    }
    
    #archiv ul {
        float:left;
        width: 850px;
        height: 110px; 
        background-color: #f7f8f5;
        list-style-type: none;
        overflow: hidden;
        margin: 0;
        padding:0;
    }
    #archiv ul li {
        float: left;
        margin: 0;
        padding:0;
    }
    
    #archiv ul li img {
       
        padding-right: 3px;
        border: 0px;
    }
    
    #archiv ul li img.end{
        padding-right: 0px;
    }

    #box {
        position: relative;
        background: url('/images/box_975x490.jpg') no-repeat; 
        border: 0px solid;
        width: 975px;
        height: 490px;
        z-index:100;        
        
    }
    /* f***ing IE6 wraps with width:875px   */
    * html #box {
        width: 970px;
    }


#markenzeichen {float:right; margin: 22px 26px 0 0;}  
#navigation {list-style-type:none; float:left; width:100px; margin:0; padding:0; margin-top:5px;}
#navigation li {text-align:right; padding-right: 15px;}
#navigation a {font-weight: normal; text-decoration: none;}

#mainnavigation {float:left; margin: 22px 0 0 92px; list-style-type:none; }
#mainnavigation li {float:left; font-size: 13px; margin-right: 3px; padding:0; background-color: #f7f8f5; vertical-align:middle; height:16px; position:relative; }
#mainnavigation li a {text-decoration: none; font-weight: normal; position:absolute; left:30px; top:1px; width:100%;}
#mainnavigation li a.active {color:#424242;}
#mainnavigation li:hover ul {display:block; z-index:999;}

/*Breite Fixieren*/
#mainnavigation li.wir {width:85px;}
#mainnavigation li.loesungen {width:135px;}
#mainnavigation li.dialog {width:110px;}

#mainnavigation li.wir a:hover {width:80px; z-index:999} /* Background damit ihr seht was passiert*/
#mainnavigation li a.active {color:#424242;}

#mainnavigation li ul {color: #424242; left:0; position: absolute; top: 16px; width: 500px; height:20px; padding:5px 0 0 0; display:none;} /* hier padding right für Abstand zw. Namen*/     
#mainnavigation li ul li {float:left; font-size: 12px; margin-left: 0px; margin-right: 0px; padding:0 10px 0 0; list-style-type:none; height: 15px; background:none;}
#mainnavigation li ul li a {position:static; text-decoration: none; font-weight: normal; left:30px; top:1px; width:100%;}








    
    
    
  

    table,tr,td { margin:0 0 0 -2px; padding:0; line-height:13px; font-size: 11px; color:#424242;   }
    img, div { behavior: url('/css/fixPNG/iepngfix.htc') }
    img {border:0;}
    .linkExtern {width:9px; height:9px; padding-right:2px;}
    h1 {margin-top:0;font-size:18px;}
    .anzeige {width:340px;padding-left:2px}
    div#bottom_bar {margin:12px 0 0 0px; color:#929497; border: 0px solid #000; width:975px;  }
    div#bottom_bar h2, div#bottom_bar h3 { font-size: 11px; font-weight:bold; line-height: 10px; margin-bottom:3px; color:#929497; margin-top:0;}
    div#bottom_bar div { float:left; display:inline; border-left: 1px solid #d0d2d3; padding:0 0 0 10px; font-size: 11px; line-height:15px; padding-top:0; margin-top:8px;}
    div#bottom_bar div#help_navigation {width:112px;border-left: none;line-height:15px;vertical-align:top;padding-left:38px;}
    div#bottom_bar div#help_navigation ul {margin:0px;}
    div#bottom_bar div#about_us {width:230px;padding-right:20px;}
    div#bottom_bar div#quickfinder {width:200px;padding-right:30px;}
    div#bottom_bar div#contact {width:300px;}
    div#bottom_bar div#contact td {color:#929497;}    
    div#bottom_bar div#contact td.first {padding-right:30px;}
    div#bottom_bar div#contact td.second {padding-right:0px}
    div#bottom_bar div#contact td.third {padding-left:10px}
    
    div#textbox {  color:#424242; position:absolute; top:62px; left: 18px; padding:25px 30px 10px 30px; width:540px; margin-left:110px; }
    div#formular { color:#424242; position:absolute; top:70px; left: 30px; padding:20px 30px 10px 30px; width:540px;  } 
    div#impressum { display: none; color:#424242; position:absolute; top:70px; left: 30px; background-color: #f7f7f7; padding:20px 30px 10px 30px; width:540px;  }
    div#job { display: none; color:#424242; position:absolute; top:70px; left: 30px; background-color: #f7f7f7; padding:20px 30px 10px 30px; width:540px;  }
    
    div#ralph { position: absolute; left: 150px; top: 145px; margin:0; padding:0; }
    div#christian { position: absolute; left: 282px; top: 145px; margin:0; padding:0; }
    div#axel { position: absolute; left: 416px; top: 145px; margin:0; padding:0; }
    div#jens { position: absolute; left: 550px; top: 145px; margin:0; padding:0; }
    div#claudia { position: absolute; left: 683px; top: 145px; margin:0; padding:0; }
    
    div#archivpfeill { color:#424242; position:absolute; top:200px; left: 24px; }
    div#archivpfeilr { color:#424242; position:absolute; top:200px; left: 923px; }
    
    div#buttonsbottom { color:#424242; position:absolute; top:460px; left:878px;; width:90px; }
    
    div#buttoninfo { color:#424242; position:absolute; top:460px; left:827px;; width:140px; }
    div#buttonarchiv { color:#424242; position:absolute; top:460px; left:877px;; width:140px; }
    
    a {
       color:  #929497; 
       font-weight: bold;
       text-decoration: none;  
    }   
    a:hover {
       /* color:#0099ff; */ 
         color:#B28729;
       text-decoration: none;   
    }
    
    
    a.blacklink {
        color:#424242; 
        text-decoration:none; 
        font-weight: normal;
    }
    
    a.blacklink:link {
        color:#424242; 
        text-decoration:none;
    }
    
    a.blacklink:hover {
        color:#424242; 
        text-decoration:none;
        font-weight: bold;  
    }
    
    a.underlinedlink {
        color:#424242; 
        text-decoration:none; 
        font-weight: normal;
    }
    
    a.underlinedlink:link {
        color:#424242; 
        text-decoration:none;
    }
    
    a.underlinedlink:hover {
        color:#424242; 
        text-decoration:underline;
        font-weight: normal;    }
        
    a.underlinedlinkGrey {
        color:#929497; 
        text-decoration:none; 
        font-weight: normal;
    }
    
    a.underlinedlinkGrey:link {
        color:#929497; 
        text-decoration:none;
    }
    
    a.underlinedlinkGrey:hover {
        color:#929497; 
        text-decoration:underline;
        font-weight: normal;    }
    
    a.blacklinkBold {
        color:#424242; 
        text-decoration:none; 
        font-weight: bold;
    }
    
    a.blacklinkBold:link {
        color:#424242; 
        text-decoration:none; 
        font-weight: bold;
    }
    
    a.blacklinkBold:hover {
        color:#B28729; 
        text-decoration:none; 
        font-weight: bold;
    }
    
    a.nolink {
        color:#B28729; 
        text-decoration:none; 
        font-weight:normal;
    }
    
    a.nolink:link {
        color:#B28729; 
        text-decoration:none;
    }
    
    a.nolink:hover {
        color:#B28729; 
        text-decoration:none;
    }
    
    a.submenu {
        color:#424242; 
        text-decoration:none; 
    }
    
    a.submenu:link {
        color:#424242; 
        text-decoration:none;
    }
    
    a.submenu:hover {
        color:#B28729; 
        text-decoration:none;
    }
    
    
/*******************************************************************************************************
    Formularelemente    
 *******************************************************************************************************/
 input {
    font-family: Helvetica, Arial, Sans-Serif;
    color:#424242;
    font-size:11px;
    border:none;    
    border-bottom: 2px solid #BDBCBC;
    border-left: 2px solid #BDBCBC; 
    background-color: #fff; 
    padding:3px;
    height:14px;
}
 
 .button { 
     border-top: 0px solid #424242;
     padding: 3px 20px 3px 7px;
     margin:0 0 10px 0;
     font-size: 11px;
     font-family: Helvetica, Arial, Sans-Serif;
     text-decoration: none;
     vertical-align: middle;   
     float:right;        
 }
 
    .button.bottom {
        background-color: #F7F8F5;
        float: left;
        font-size: 11px;
        margin-right: 3px;
        padding: 1px 5px;
    }

.button.archiv {
        background-color: #F7F8F5;
        float: left;
        font-size: 11px;
        margin-right: 3px;
        padding: 1px 5px;
        width: 30px;
    }
    
    .button.info {
        background-color: #F7F8F5;
        float: left;
        font-size: 11px;
        margin-right: 3px;
        padding: 1px 5px;
    }

 .button.white {background: #fff url('/images/icons/btn_wht_arrow_right.gif') no-repeat 97% 50% ; color: #424242; }
 .button.white:hover {text-decoration:none;cursor:pointer;}

.button.black {background: #424242 url('/images/icons/btn_blk_arrow_right.gif') no-repeat 97% 50% ; color: #fff;}
.button.black:hover {text-decoration:none;cursor:pointer;}

.button.black.submit {font-weight:bold;border:none;}

ul.errors {margin:0;padding:0;} 
ul.errors li {list-style:none;float:left;color:orange;}