html, body {
background-color: #333333;     
margin: 0;
padding: 0;
height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
}

#wrapper {
background-color: #FFFFFF;
width: 835px;
margin: auto; /* Div soll zentriert werden */
min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto  /* Important Regel für moderne Browser */
height:100%; /* Mindesthöhe für den IE */
overflow: hidden; /* FF Scroll-leiste */
}

#top_box {
height:230px;   width:835px;   position:fixed;   background-color: #FFFFFF; 
}

img {text-decoration:none; border:0px;}

/*************** Webedition ***************/

.editmode {
color:white;
font-size: 20px;
width:492px;
background-color:red;
text-align:center;
font-family: Arial;
}

/*************** Header ***************/

#header {      
width:100%;
height: 170px;
}

#holder_header {
width:100%;
height: 25px;
background: -moz-linear-gradient(left, #B1D096 0%, #EEF4E7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#B1D096), color-stop(100%,#EEF4E7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #B1D096 0%,#EEF4E7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #B1D096 0%,#EEF4E7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #B1D096 0%,#EEF4E7 100%); /* IE10+ */
background: linear-gradient(to right, #B1D096 0%,#EEF4E7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B1D096', endColorstr='#EEF4E7',GradientType=1 ); /* IE6-8 */
}

#header img {
float:right;
margin-right:100px;
}

/*************** Navi ***************/

#navi {
float:right;
margin-right:50px;    
}

#navi li {
list-style:none;
font-family:Arial Narrow;  
float:left;
color:#808080;
font-size:22px;
margin-left:15px;
}

#navi a {
text-decoration:none;   
border:10px solid transparent;
}

#navi a:visited { color:#77787A; }
#navi a:link    { color:#77787A; }
#navi a:focus   { color:#77787A; }
#navi a:hover   { color:#CFCFCF; }
#navi a:active  { color:#77787A; }

/*************** Footer ***************/

#footer {   
position:fixed; 
margin:auto;
width:835px;
height:40px;
bottom:0px;     
background-color:white;
}

#footer_text1:hover   { color:red; } 

#footer_left img {
margin-left:30px;          
border-top:5px solid transparent;
float:left;    
}

#footer_right {    
float:right;   
 
border-top:5px solid transparent;
margin-right:30px;  
}

.footer_text1 {
font-family:Arial Narrow;    
border-top:5px solid transparent;
float:left;
color:#808080;
font-size:20px;
margin-left:4px;

}

.footer_text2 {   
font-family:Arial Narrow;        
float:right;           
color:#808080;
font-size:20px;
margin-left:4px;
}

/*************** Left Box Startseite ***************/

#left_box {
width:300px;
height:100%;    
float:left;
margin-top:240px;
}

/*************** Right Box Startseite ***************/

#right_box {
width:413px;
height:100%;
float:left;       
font-family:Arial Narrow;     
margin-top:240px;

}

#right_box h1 {
font-size:24px;
font-weight:bold;
color:#6F6F6F;
}

#main_content {
color:#77787A;       
font-size:16px;     
padding-bottom:50px;
}

/*************** Left Box Projektmanagement ***************/

#left_box_projekte {
width:220px;
height:100%;    
float:left;
opacity: 0.4;
filter: alpha(opacity = 40);
margin-top: 235px;
}

/*************** Right Box Projektmanagement ***************/

#right_box_projekte {
background:url(../images/content_dreieck3.jpg) no-repeat;
background-size: 580px 400px;
background-position:3px 0px;   
float:left;
width:580px;
height:325px;
font-family:Arial Narrow;        
color:white;
font-size:13px;
text-align:center;
margin-bottom:40px;
margin-top: 237px;
padding-top:86px;
}

/*************** Left Box CSR ***************/

#left_box_csr{
width:220px;
height:100%;    
float:left;
opacity: 0.4;
filter: alpha(opacity = 40);
margin-top: 235px;
}

/*************** Right Box CSR ***************/

#right_box_csr{
background:url(../images/content_dreieck_copy1.jpg) no-repeat;
background-size: 610px 500px;
background-position:0px 0px;   
float:left;
width:580px;
height:435px;
font-family:Arial Narrow;     
color:white;
font-size:13px;
text-align:center;
margin-bottom:40px;
margin-top: 210px;
padding-top:96px;
}

/*************** Left Box Training ***************/

#left_box_training{
width:230px;
height:100%;    
float:left;
opacity: 0.4;
filter: alpha(opacity = 40);
margin-top: 235px;
}

/*************** Right Box Training ***************/

#right_box_training{
background:url(../images/content_dreieck_copy2.jpg) no-repeat;
background-size: 525px 500px;
background-position:32px 10px;   
float:left;
width:560px;
height:415px;
font-family:Arial Narrow;        
color:white;
font-size:13px;
text-align:center;
margin-bottom:40px;
margin-top: 200px;
padding-top:122px;
}

/*************** Left Box Presse ***************/

#left_box_presse{     
width:265px;
height:100%;    
float:left;
margin-top: 235px;     
color:black;
}

/*************** Right Box Presse ***************/

#right_box_presse{
float:left;
width:540px;
height:100%;
font-family:Arial Narrow;        
margin-top: 280px;
color:black;
}

#right_box_presse img{
float:left;
}

#presse_header{
float:left;
font-family:Arial Narrow;
font-size: 18px;
font-weight:bold;
color:black;
margin-left:5px;
}

#left_box_presse i{
font-family:Arial Narrow;
font-size: 36px;
font-weight:bold;
margin-left:20px;
color:#808080;
}

#left_box_presse img{
margin-left:20px;
border: 2px solid #808080;
}

#pressedatum{
font-family:Arial Narrow;
font-size: 16px;
color:#808080;
}

#pressehead{
font-family:Arial Narrow;
font-size:16px;
font-weight:bold;
color:#808080;
}

#pressetext{
font-family:Arial Narrow;
font-size: 14px;
color:#808080;
margin-top:4px;
}

/*************** Left Box Kontakt***************/

#left_box_kontakt{     
width:395px;
height:100%;    
float:left;
margin-top: 235px; 
}

/*************** Right Box Kontakt ***************/

#right_box_kontakt{
float:left;
width:200px;
height:315px;
font-family:Arial Narrow;   
font-size: 20px;   
margin-top: 280px;
color:#808080;
}

#right_box_kontakt a:visited { color:#808080; }
#right_box_kontakt a:link    { color:#808080; }
#right_box_kontakt a:focus   { color:#808080; }
#right_box_kontakt a:hover   { color:#808080; }
#right_box_kontakt a:active  { color:#808080; }