body    {
    position:absolute;
    background: #f0f0f0;
    font-family:Helvetica,Arial,sans-serif;
    font-size: 13px;
}

html, body { 
    top:0; left:0; right:0;
    min-height:100%;
    margin:0;
    padding:0;
    width:100%;
}

h1, h2, h3,h4 {
    font-family: "courier new", courier, monospace;
    font-size: 14px;
    /*font-style: italic; */
}

ul {list-style-image:url(./pic/aufzaehlung.gif); clear:both;
}

tr, td, table {
    font-family: Times New Roman, Helvetica, sans-serif;
    font-size: 12px;
}


input, textarea,{
  background: none;
  border: 1px solid gray;
  margin:0;
  }

hr { height:1px }
    
/* ------------------------------HAEDER mit Grafiken und Leiste------------------------------ */

#header_container {
    position:fixed;
    top:0; left:0; right:0;
    margin:0;
    z-index:3;
    height:102px;
    background: #f0f0f0;
}

#header {
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    width:100%;
    height:102px;
    z-index:3;
    margin:0;padding:0;
    white-space:nowrap;
    }
        

.begasslogo{
    position:fixed;
    margin-top:5px;
    margin-left:90px;
    height:73px;
    width:84px;
    z-index:3;
}

#begasstext {
    margin-top:15px;
    margin-left:220px;
    width:570px;
    height:56px;
    z-index:3;
}


#topleiste {
    background-image:url(pic/topleiste.jpg);
    width:100%;
    height:19px;
    bottom:0;
    margin-top:10px;
    z-index:3;
}


/* -------------------------------------Contentholder u. Footer------------------------------------- */
#content {
    margin:0;
    padding-top:165px;
    padding-left:250px;
    padding-bottom:3em;
    z-index:2;
    max-width:810px;
    }

#footer_container {
    position:fixed;
    width:100%;
    bottom:3px;
    margin:0;
    height:10px;
    z-index:3;
}


#footer {
    /*position:absolute;
    top:0; left:0; right:0; bottom:0;*/
    background-image:url(pic/bottomleiste.jpg);
    z-index:3;
    font-size: 11px;
    padding-right:20px;
    text-align:right;
}



/*----------------------------------------Navigation----------------------------------------------- */

#navi{
    position:fixed;
    margin:0;
    top:110px;
    width:100px;
    height:100%;
    padding:40px 0 0 40px;
    z-index:5;
    }

#nav-content {
    padding:10px 20px 20px 5px;
    margin:0px;
    width: 200px;
}

#nav-content a {
    display:block;
    padding-top: 5px;
    padding-bottom:10px;
    font-size:13px;
    padding-left:15px;
    font-weight:bold;
    text-decoration:none;
    text-align: center;
    background-image:url(pic/button.jpg);
    background-repeat: no-repeat;
}

#nav-content a:link, a:visited {
    color: black;
}

#nav-content a:hover, a:active {
    color: #363AA6;
    background-image:url(pic/button_hover.jpg);
    background-repeat: no-repeat;
}

.ro {
    background:url("pic/roundedbox_ro.gif") top right no-repeat;
    margin, padding:0;
    width:200px;
}

.lo {
    background:url("pic/roundedbox_lo.gif") top left no-repeat;
    margin, padding:0;
}

.ru {
    background:url("pic/roundedbox_ru.gif") bottom right no-repeat;
    margin, padding:0;
}

.lu {
    background:url("pic/roundedbox_lu.gif") bottom left no-repeat;
    margin, padding:0;
}


/* -----------------------------------Andre Stylesheets------------------------------------------- */
.headings-top{
    width: 100%;
    white-space:nowrap;
    font-size: 14px;
    font-weight:bold;
    margin-bottom:20px;
    }

.branchen-headings {
    width:100%;
    height:auto;
    float:left;
    background-color:#ebebeb;
    margin-bottom:10px;
    font-size:12px;
    font-weight:bold;
    }
.branchen-headingsSpalte1 {
    width:25px;
    float:left;
    padding-right:20px;
    }
.branchen-headingsSpalte2 {
    width:400px;
    float:left;
    padding-right:20px; 
    }

.kooper-referenz-div-holder {
    float:left;
    width: 500px;
    height:auto;
	}
    .kooper-referenz-div {
        width:500px;
        height: auto;
        float:left;
        background-color:#ebebeb;
        margin-bottom:30px;
        }
    .kooper-referenz-divspalte1 {
        width:25px;
        height: auto;
        float:left;
        margin-right:20px;
        }
    .kooper-referenz-divSpalte2 {
        width:240px;
        height: auto;
        float:left;
        margin-right:20px;
 	    }
    .kooper-referenz-divSpalte3 {
        width:180px;
        height: auto;
        float:left;
	    }

.seitenbild {
    height:206px;
    width:206px;
    background-repeat: no-repeat;
    background-position:fixed;
    background-position: top right;
    float:right
  }

#auge {
    position:fixed;
    bottom:70px; left:0;
    margin-left:40px;
    width:200px;
    height:20px;
    z-index:1;
}

.visionenbig {
    position:absolute;
    height:318px;
    width:467px;
    top:20%; left:30%;
}

.startseitentext {
    font-family:Helvetica,Arial,sans-serif;
    font-size: 18px;
    word-spacing: 5px;
    text-align:left;
    
}

A {
color: black; 
text-decoration : none; 
} 
A:visited {
color : black; 
text-decoration : none; 
} 
A:hover {
text-decoration : underline; 
} 
A:active {
color : black; 
text-decoration : none; 
}



/* ----------------------------------------CSS Hacks fuer IE----------------------------------------- */

* html, * html body {
    overflow:hidden;
    bottom:0;
    height:100%;
}

*html  #begasstext {
    margin-top:15px;
    margin-left:45px;
    width:570px;
    height:56px;
}

*html #footer_container {
    bottom:0px;
}

* html #header_container, * html #footer_container {
    position:absolute;
}

* html #header,* html #footer {
    height:100%;
    position:static;
}

* html #content {
    position:absolute;
    top:0; bottom:0; left:0; right:0;
    height:100%;
 		width:900px;
    overflow:auto;
    margin:0;
}
        
* html #navi {
	position:absolute;
  margin:0;
  width:10.5em;    /* Der IE soll das Element breiter darstellen, da margin und padding hier von  der Breite abgezogen wird! */
  height: 100%;
}

*html #nav-content a {
    display:block;
    padding-top: 5px;
    padding-bottom:10px;
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
    text-align: center;
    background-image:url(pic/button.jpg);
    background-repeat: no-repeat;
}

*html #auge {
    position:absolute;
    bottom:25px; left:0;
}