html, body{ 
  margin:0; 
  padding:0; 
  text-align:center; 
  font-family:arial,sans-serif,tahoma,verdana;
  font-size:12px;
} 

a img {
  border: none;
}

p,  li, span {
 color: #7b7c7e;
}

p a,li a:visited{
 font-weight: bold;
 text-decoration: none; 
}

#red{
 color: #e31735;
}

#link{
 color: #fabd03;
}


ul {
  margin-left: 5px;
  padding-left: 5px;
}

ul li{
  margin-left: 5px;
  padding-left: 5px;  
}

#dfa0 {
 background-repeat:no-repeat;
 left:0;
 position:absolute;
 top:0;
}

#dfa1 {
 background-repeat:no-repeat;
 left:0;
 position:absolute;
 top:0;
}
 
#pagewidth{ 
 width:100%; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:20%; 
 background-color:#FFFFFF; 
 width:100%;
 border-top:2px solid #e30021; 
} 
 
#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:100%; 
}
 
#maincol-header{
 position: relative; 
 width:810px; 
 margin: 0 auto;
 height: 135px;
}

#maincol-logo{
 margin-top: 28px;
}

#maincol-menu{
 margin-top: 30px;
 float:right;
 width:800px;
 height: 28px;
 border-bottom: 1px solid #c7c8ca;
}

#unternehmen{
 position: absolute; 	
 margin-top: 5px;	
 margin-left: 0px;	  
 background-image: url(background/menu.unternehmen.gr.png); 
}

#unternehmen:hover{
 background-image: url(background/menu.unternehmen.rot.png); 
}

#service{
 position: absolute; 	
 margin-left: 153px;	
 margin-top: 5px;  
 background-image: url(background/menu.service.gr.png);   
}

#service:hover{
 background-image: url(background/menu.service.rot.png);   
}

#kunden{
 position: absolute; 	
 margin-left: 260px;		
 margin-top: 5px;  
 background-image: url(background/menu.kunden.gr.png);     
}

#kunden:hover{
 background-image: url(background/menu.kunden.rot.png);
}

#historie{
 position: absolute; 	
 margin-left: 365px;		
 margin-top: 5px;  
 background-image: url(background/menu.historie.gr.png);    
}

#historie:hover{
 background-image: url(background/menu.historie.rot.png);
}

#telefon {
 position: absolute; 	
 margin-left: 717px;	
 margin-top: 0px;  
}

#kontakt {
 position: absolute; 	
 margin-top: 5px;	
 margin-left: 738px;
 background-image: url(background/menu.kontakt.gr.png);     
}

#kontakt:hover{
 background-image: url(background/menu.kontakt.rot.png);   
}

#maincol-picture-container{
 background-color:#ebebeb;
 background-color_:#CCCCCC;  
}

#maincol-picture-container2{
 height:281px;
 width:810px;
  margin: 0 auto; 
}

#maincol-picture-container3{
 position: relative; 		
  float:right;
  width:800px;   
}

#maincol-content-container{
  width:810px;
  margin: 0 auto; 
}

#maincol-content-container2{
  float:right;
  width:800px;   
  border_:solid 1px #000000;
  height:277px;
}


#left{
float: left;
margin-right: 22px;
	width:255px;
}

#middle{
	float:left;
margin-right: 22px;	
	width:250px;
}

#right{
	float:left;
	width:250px;
}
 
#footer{
 height:154px; 
 background:url("background/footer.bg.png");
 clear:both;
 } 
 
#footer2{
  width:810px;
  margin: 0 auto; 
}

#footer3{
  margin-top:14px;
  float:right;
  width:800px;   
  height:9px;
}
 
/* ######### 
div{
border: 1px solid #564b47
}
*/
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 



#header-container {
  /* background:url("../images/background-header.jpg") repeat-x scroll 0 100% #075385; */
  /* e30020 
  border-top:2px solid #E30020;
  float:left;
  width:100%;
  /*
  margin-top: 0px;
  	padding: 0px;  
	*/
	
}

	
#content-container {
  /*border-bottom:1px solid #CAE298;
  /*width:808px;*/
  /*width:100%:
  margin: 0 auto; 
}

#content-top {
  width:808px;
  margin: 0 auto;  
}


#content-logo {
  /* 51 hoch */
  /*padding-top: 40px;
  /* passing-bottom: 60px; */
  /*margin-bottom: 60px;
  border: 1px solid #564b47;
}

#content-middle {
  background-color:#999;
  width:100%;
  margin: 0 auto;    
}

#content-middle2 {
  width:808px;
  margin: 0 auto;   	
  border: 1px solid #564b47;   
}



#content-menu, #content-picture {
  /* 146 von oben 
  float:right;
  width:800px;  
  border: 1px solid #564b47;  
    margin: 0 auto;  
}

#footer-container {
/*
  border-bottom:1px solid #CAE298;
  float:left;
  width:100%;
*/
}