html, body
 { 
  margin: 0px; 
  padding: 0px; 
  
  text-align: center;   
 } 
 
body
 {
  background-color: #CCCCCC; 	
 } 
 
#pagewidth
 { 
  margin-left: auto; 
  margin-right: auto;  	
 	
  width: 780px;
  
  text-align: left;  
  
  background-color: #FFFFFF;
 }
 
#header
 {
  position: relative; 
 
  width: 100%;  
  height: 228px; 

  background: url('/images/header.jpg'); 
 } 
 
#header #logo
 {
 	position: absolute;
 	
 	top: 3px;
 	left: 3px;
 }
 
#header #kontakt
 {
 	position: absolute;
 	
 	top: 30px;
 	left: 645px;
 } 
 
#maincol
 {
  float: right; 
  display: inline; 
  position: relative; 
  
  width: 100%; 
  
  background-color: #FFFFFF;    
 }
 
#content
 {
 	margin: 11px;
 	padding: 0px;
 	
  font-family: Arial, Helvetica, sans-serif; 
  color: #313131; 
  font-size: 12px;  	
  line-height: 18px;
 }
 
#content h1
 {
 	margin: 0px;
 	padding: 0px;
 	
  font-size: 16px;  	
  line-height: 28px;
 } 
 
#content a
 { 
  color: #313131;  	
 }
 
#footer
 {
  height: 61px; 
  
  font-family: Arial, Helvetica, sans-serif; 
  color: #313131; 
  font-size: 12px;    
  line-height: 18px;  
  text-align: center;
  
  clear:both;
 } 
 
#footer a
 {
  color: #313131;  	 	
 }
 
hr
 {
 	width: 774px;
 	text-align: center;
 	
  background-color: #FF3300;
  color: #FF3300;
  border: 0;
  height: 1px;  	
  
  margin-top: 10px;
  margin-bottom: 10px;  
 } 
 
img
 {
 	border: 0px;
 }


.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}