/*----  Allbemeine Einstellungen  ----------------------------------------------------------------------------------------*/

/* beheben des Italics Bugs für IE 5.x/IE 6 */
  * html body * { overflow: visible; }
  * html iframe { overflow: auto; }
  
/* vertikaler Scrollbalken einschalten seitliches Springen verhindern*/
  html { height: 100%; margin-bottom: 1px; }

/* Innen-/Außenabstände aller Elemente zurücksetzen */
  * { margin:0; padding: 0; outline:none; background-color:transparent;}
  
/* Schrifteinstellungen initialisieren allgemein */
  body {
    font-size: 100.01%;  /* Fehler für Schriftgrößen für Operaversionen beheben */
    color: #616161;
    background-color:transparent;
    text-align: left;
  }
  body * { background-color:transparent; color: #616161;
}

/* sichere Positionierung der Grundelemente */
  #header, #nav, #main, #footer { clear:both; }

/* Korrekturen für Select-Boxen */
  option { padding-left: 0.4em; }

/* Rahmen löschen für <fieldset> und <img> Elemente */
  fieldset, img { border: 0 solid; }

/* Einstellung für Listen & Zitate */
  ul, ol, dl { margin: 0 0 1em 1em }
  li {  line-height: 16px; margin-left: 1.5em;}
  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }

  blockquote { margin: 0 0 1em 1.5em; }

 a:link, a:visited, a:focus, a:hover, a:active {
    color:#00ff00;
    text-decoration:none;
  }

  
/*----  Grundlayout  ------------------------------------*/

/* Zentrieren und Hintergrund */
  body { 
    background: #f5f5f5 url() repeat-x top left; 
    padding: 0px 0; 
    margin-top: 35px; 
  }
  body { text-align: center; } /* zentrieren alter IE's */
  #page { text-align:left; margin: 0 auto; }

  #page { 
    width: 970px;
    border:0px solid #838383;
    padding: 0px; 
    background: #ffffff url("../images/content/das-wwesentliche.jpg") no-repeat 0px 257px;
  }

/*----  Hauptelemente des Seitenlayouts  -----------------*/

  #header {
    position:relative;
    height:255px;
    width:970px;
    display:block;
    overflow:hidden;
    color: #000000;
    margin:0px 0px 0px 0px;
    padding: 0px; 
    background: transparent url("../images/bg-top-l.gif") no-repeat top left; 
    border:0px solid #00ff00; 
  }
  #header2 {
    position:relative;
    height:255px;
    display:block;
    overflow:hidden;
    padding:0px 0px 0px 0px;
    background: transparent url("../images/bg-top-r.gif") no-repeat top right; 
    border:0px solid #ff0000; 
  }
  #header.homee {
    height:224px;
    background: #ffffff url() no-repeat top left; 
  }

  #topnav { text-align: right; color: #aaa; background: transparent;}

  #headbox {
    position:relative; 
    height:188px;
    width:auto; 
    margin:0px 10px 0px 10px;
    border:0px solid #ff0000;
  }
  #headbox img.headlogo {margin:80px 16px 0px 0px; position:relative; float:right;}
  #headbox img.headbild {margin:0px 0px 0px 526px; position:absolute;}

  #topline {
    position:relative; 
    height:25px;
    width:1019px; 
    margin:0px 0px 0px 0px;
    padding: 0px;
    display:block;
    background: #ffffff url() no-repeat top left; 
    border:1px solid #ff0000; 
  }
  #headhnav {
    position:relative; 
    height:58px;
    width:auto; 
    margin:0px 10px 0px 10px;
    padding: 0px;
    overflow:hidden;
    display:block;
    background: #f0f0f0 url() repeat-x top left; 
    border:0px solid #ff0000; 
  }
  #headunav {
    position:relative; 
    height:200px;
    width:200px; 
    margin:0px 0px 0px 20px;
    padding: 0px; 
    display:block;
    border:0px solid #ff0000; 
  }
  #headsnav {
    position:absolute; 
    top:81px;
    right:45px;
    height:20px;
    width:230px; 
    float:right;
    margin:0px 0px 0px 0px;
    padding: 0px; 
    display:block;
    border:0px solid #ff0000; 
  }
  #leftnav {
    position:relative; 
    top:63px;
    right:0px;
    width:230px; 
    height:auto;
    margin:0px 0px 0px 0px;
    padding: 0px; 
    display:block;
    border:0px solid #0000ff; 
  }
  #headlineleft { 
    height:200px; 
    margin:0px 0px 0px 44px; 
  }
  #main { 
    height:100%; 
    padding:0px; 
    background: transparent url("../images/bg-main-l.gif") repeat-y top left;
    border:0px solid #ff0000; 
  }
  #main2 { 
    height:100%; 
    padding:0px 10px 0px 10px ; 
    background: transparent url("../images/bg-main-r.gif") repeat-y top right;
    border:0px solid #ff0000; 
  }


/*----  Einstellungen für die Grundspalten  --------------*/

  #col1 { 
    position:relative;
    height:100%; 
    min-height:480px; 
    width: 350px; 
    margin-top:0px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    float: left; 
    border:0px solid #ff0000; 
  }
  #col1-content { 
    position:relative;
    width: 320px; 
    height:100%;
    margin:0px 0px 0px 0px; 
    padding:0px 0px 0px 0px; 
    border:0px solid #00ff00; 
  }

  #col3 { 
    width:580px; 
    min-height:480px; 
    margin: 0px 0px 0px 350px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    border:0px solid #ff0000; 
  }
  #col3-content { 
    position:relative; 
    overflow: hidden;
    height:100%;
    margin: 55px 80px 0px 0px; 
    padding: 0px 0px 40px 0px; 
    border:0px solid #00ff00; 
  }


/*----  Einstellungen für die Fussbereich  --------------*/

  #footer { 
    color:#9a9a9c; 
    height:50px;
    padding: 0px;
    font-size: 1.00em;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-weight:bold;
    background: #f5f5f5 url("../images/bg-fuss-m.gif") repeat-x top left;
    border-top: 0px #bbbbbb solid;
  }
  #footer-l { 
    height:50px;
    background: transparent url("../images/bg-fuss-l.gif") no-repeat top left;
  }
  #footer-r { 
    height:50px;
    background: transparent url("../images/bg-fuss-r.gif") no-repeat top right;
  }

  .footer-kompetenz { 
    position:absolute;
    width:400px;
    height:20px;
    margin:-20px 0px 0px 358px;
    background: transparent url() no-repeat 0px 0px;
    border: 0px #ff0000 solid;
  }

  #footer .copyright {
    position:absolute;
    margin:17px 0px 0px 11px;
    border-top: 0px #bbbbbb solid;
  }

 #footnav {
    position:relative; 
    top:-25px;    
    height:20px;
    width:95%; 
    margin:0px 10px 0px 10px;
    padding: 0px;
    overflow:hidden;
    text-align:right;
    display:block;
    background: transparent url() repeat-x top left; 
    border:0px solid #ff0000; 
  }
  



/*----  Home Definitionen  ------------------------------*/

  body#home #col1 { 
    position:relative;
    height:100%; 
    width: 230px; 
    margin-top:0px;
    padding: 0px 0px 0px 0px;
    float: left; 
    border:0px solid #ff0000; 
  }
  body#home #col1-content { 
    position:relative;
    height:100%;
    margin: 0px 0px 0px 0px; 
    padding: 6px 0px 0px 0px; 
    border:0px solid #00ff00; 
  }

  body#home #col3 { 
    width:480px; 
    overflow:hidden;
    margin: 0px 0px 0px 475px;
    padding: 0px 0px 0px 0px;
    border:0px solid #ff0000; 
  }
  body#home #col3-content { 
    position:relative; 
    height: auto;
    margin: 0px 40px 0px 0px; 
    padding: 0px 0px 40px 0px; 
    border:0px solid #00ff00; 
  }
  
  
/*----  Referenz/Kunden Definitionen  --------------------------*/

  body#referenzen #col1, body#kunden #col1 { 
    position:relative;
    height:100%; 
    width: 0px; 
    margin-top:0px;
    padding: 0px 0px 0px 0px;
    float: left; 
    border:0px solid #ff0000; 
  }
  body#referenzen #col1-content, body#kunden #col1-content { 
    position:relative;
    height:100%;
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
    border:0px solid #00ff00; 
  }

  body#referenzen #col3, body#kunden #col3 { 
    width:auto; 
    overflow:hidden;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border:0px solid #ff0000; 
  }
  body#referenzen #col3-content, body#kunden #col3-content { 
    position:relative; 
    height:auto;
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 00px 0px; 
    border:0px solid #00ff00; 
  }
  
  


/*------------------------------------------------------------------------------------------------------*/

/* Clear-Methode zum clearen von Floatumgebungen */
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

/* Einstellung fur Safari zwingend */
  .clearfix { display: block; }

/* Clear-Methode zum clearen von Floatumgebungen */
  .floatbox { overflow:hidden; }

/* IE-Clearing: Benätigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none; }


/* Das Simsalabim für unsichtbare Elemente */
  .skip, .print {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }


/*------------------------------------------------------------------------------------------------------*/

/* Weiter Einstellungen für die Inhalts-Container */