/* ---------- Areas ---------- */

#wrapper_all {
    position:absolute;
    top:12px;
    left:12px;
    width:1010px;
    height: 100%;
    background-color:white;
    color:black;
    margin:0;
    z-index:1; 
    }

#logo {
    position:relative;
    top:2px;
    left:2px;
    width:21.5%;
    height: 171px;
    color:black
    z-index:2; 
    }


#head_pic {
    position:relative;
    top:2px;
    left:0.5%;
    width:77.7%;
    height: 171px;
    color:black;
    z-index:3; 
    }

#menue_logo {
    position:relative;
    top:2px;
    left:2px;
    width:21.5%;
    height: 38px;
    }

#menue_01 {
    position:relative;
    top:2px;
    left:0.5%;
    width:77.7%;
    height: 19px;
    background-color:#e2001a;
    margin:0;
    font-size: 16px;
    }

#menue_02 {
    position:relative;
    top:2px;
    left:0.5%;
    width:77.7%;
    height: 19px;
    background-color:white;
    color:black;
    margin:0;
    font-size: 16px;
}

#m01_entry_start{
    position:relative;
    left:1.0%;
    width:8.0%;
    }

#m01_entry_unternehmen{
    position:relative;
    left:0.5%;
    width:16.5%;
    }

#m01_entry_intern{
    position:relative;
    left:0.5%;
    width:21.5%;
    }

#m01_entry_karriere{
    position:relative;
    left:0.5%;
    width:12.0%;
    }

#m01_entry_kontakt{
    position:relative;
    left:0.5%;
    width:12.0%;
    }

#m01_entry_impressum{
    position:relative;
    left:0.5%;
    width:12.0%;
    }

#m02_entry_philosophie {
    position:relative;
    left:7.5%;
    width:21.0%;
    background-color:#fbbd43;
    padding-left:1.0%;
}

#m02_entry_portfolio {
    position:relative;
    left:0.5%;
    width:11.0%;
    background-color:#fbbd43;
}

#m02_entry_referenzen {
    position:relative;
    left:0.5%;
    width:13.0%;
    background-color:#fbbd43;
}

#m02_entry_partner {
    position:relative;
    left:0.5%;
    width:9.5%;
    background-color:#fbbd43;
}

#m02_entry_datenschutz {
    position:relative;
    left:70.0%;
    width:14.0%;
    background-color:#fbbd43;
}

#wrapper_content {
    position:relative;
    top:2px;
    width:100%;
    }


#left_area {
    position:relative;
    top:0px;
    left:2px;
    width:21.5%;
    background-color:white;
    margin:0;
    }

#wrapper_left {
    padding-top:5px;
    padding-left:5px;
    padding-right:15px;
    padding-bottom:5px;
    }

#right_area {
    position:relative;
    top:0px;
    left:0.5%;
    width:77.7%;
    min-height: 548px;
    background-color:#eeeeee;
    margin:0px;
    }

#wrapper_right {
    padding-top:5px;
    padding-left:35px;
    padding-right:35px;
    padding-bottom:5px;
    }

#footer {
    position:relative;
    top:2px;
    left:2px;
    width:1010px;
    height: 3px;
/*  background-color:yellow; 
    color:black;
    margin:0;
    font-size: 12px;
    float:left;
*/
    }

#txt01_left {
    position:relative;
    top:2px;
    left:1.0%;
    width:75.0%;
    }

#txt01_right {
    position:relative;
    top:2px;
    left:3.0%;  
    width:20.0%;
    height:120px;
    }

#referenz_1x1 {
    position:relative;
    padding-bottom:10px; 
    top:2px;
    left:5px;  
    width: 140px;
    height:120px;
    }




/* ---------- Styling ---------- */

div { float:left;  }

html, body, ul {
    color:#9c9e9f; 
    font-size:14px;
    font-weight:700;
    font-family:Georgia;
    text-align:justify; }

body { margin:0; 
       padding:0; 
       height:1500px; }

ul { list-style-type:disc; 
     color:#4b4a4d;
     font-size:100%;
     line-height:120%;  }


/* ---- Aktuelles, Überschrift 1  */
a1 { font-size: 200%;
     color:#4b4a4d;
     font-weight:700; /* 700;*/
     border-bottom:1px solid #4b4a4d; }

/* ---- Aktuelles, Überschrift 2 */
a2 { font-size:150%;
     font-weight:700; 
     display:block;
     line-height:125%;
     color:white;
     background-color: #00aad2; }

/* ---- Aktuelles, normaler Text */
at { font-size:120%;
     color:#4b4a4d;
     line-height:150%;  }


/* ---- Text, Überschrift 1 */
t1 { margin-top:0.25em;
     margin-bottom:0.0em;
     color:#00aad2;
     font-size:250%;
     font-weight:700;   }

/* ---- Text, Überschrift 2 */
t2 { margin-top:0.25em;
     margin-bottom:0.0em;
     color:#00aad2;
     font-size:175%;
     font-weight:700;   }

/* ---- Text, Überschrift 3 */
t3 { margin-top:0.25em;
     margin-bottom: 0.0em;
     color:#00aad2;
     font-size:150%;
     font-weight:700;   }

/* ---- Text, Überschrift 4 */
t4 { margin-top:0.25em;
     margin-bottom: 0.0em;
     color:black;  /* #4b4a4d; */
     font-size:120%;
     font-weight:700;   }

/* ---- Text, normaler Text */
tt { font-size:100%;
     color:#4b4a4d;
     line-height:120%;   } 

ttb { font-size:100%;
     color:#4b4a4d;
     line-height:120%;  
     vertical-align:top;  
<p align="justify">    } 

#left_area b, #right_area b {
     color:black;
     font-weight:700;  }

#left_area p {
    color:#4b4a4d;
    margin-bottom:0.1em;
    font-size:100%;
    line-height:120%;  }

#right_area p {
    color:#4b4a4d;
    margin-bottom:0.1em;
    font-size:100%;
    line-height:120%;  }

#left_area hr, #right_area hr {
    color: #4b4a4d;
    background:transparent;
    margin:0.75em 0 0.75em 0;
    padding:0;
    border:0;
    border-bottom: 1px solid #279D2D; }


a:link { text-decoration:none; }

tt a { color:#4b4a4d; } 
tt td {vertical-align:top;
       text-align:justify; }

#menue_01 a { color:white; } 
#menue_01 a:hover { color:yellow; }
#menue_01 a:active { color:yellow; }



#menue_02 a { color:white; } 
#menue_02 a:hover {color:yellow; }
#menue_02 a:active {color:yellow; }



input, select, textarea {
    width: 250px;
    background-color: white;
    color: black;
/*    border: 1px solid black; #279D2D;
    margin-top: 3px;
    margin-bottom: 10px;
    padding: 3px;
*/
}