html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color:#333333; 
} 
 
.content h1 {
 font-size : 16px;
 color: #333333;
 padding: 20px 30px 10px 30px;
 margin: 0px 0px 0px 0px;

}

h2 {
 font-size : 13px;
}

h3 {
 color: #F08209;
 text-align : center;
}

.content P{  
 font-family : Verdana, Arial, Tahoma, Helvetica, sans-serif;
 font-size : 12px;
 color: #333333;
/* float : left;*/
 padding: 0px 30px 0px 30px;
 margin: 0px 0px 10px 0px;
}  

.content_r P{  
 font-family : Verdana, Arial, Tahoma, Helvetica, sans-serif;
 font-size : 12px;
 color: #333333;
/* float : left;*/
 padding: 0px 10px 0px 10px;
 margin: 0px 0px 0px 0px;
}  

.content_r H1{  
 font-family : Verdana, Arial, Tahoma, Helvetica, sans-serif;
 font-size : 14px;
 color: #333333;
/* float : left;*/
 padding: 10px 10px 15px 10px;
 margin: 0px 0px 0px 0px;
}  

.content_h P{  
 color: #FFFFFF;   
 margin: 0;   
 padding: 4px 30px 0 30px;  
 font: normal 12px Verdana,Arial,Helvetica,sans-serif;   
 text-align : center;   
}

.content_f P{  
 color: #333333;   
 margin: 0;   
 padding: 4px 30px 0 30px;  
 font: normal 12px Verdana,Arial,Helvetica,sans-serif;
 text-align : center;   
}
.content_h a, a:visited{  
 color: #333333;   
 margin: 0;   
/* padding: 4px 30px 0 30px;  */
 font: normal 12px Verdana,Arial,Helvetica,sans-serif;   
}

.content_h a:hover{  
 color: #C3C3C3;   
 margin: 0;   
/* padding: 4px 30px 0 30px;  */
 font: normal 12px Verdana,Arial,Helvetica,sans-serif;   
}

#pagewidth{ 
 width:800px;
 height:596px;
 position : absolute;
 top : 50%;
 left : 50%;
 text-align:left;  
 margin-top : -298px; 
 margin-left : -400px;
} 
 
#header_left{
 position:relative; 
 height:200px; 
 /*background-color:#505050; */
 background-image : url('/fileadmin/images/header_bg.jpg');
 background-repeat : no-repeat; 
 float : left;
 width : 470px;
} 

#header_right{
 position:relative; 
 height : 200px; 
 background-color:#B1BDCA;
 width: 330px;
} 

#menu_left{
 position:relative; 
 height : 25px; 
 float : left;
 width : 470px;
} 
 
#menu_right{
 position:relative; 
 height : 25px; 
 float : right;
 width : 330px;
} 

#leftcol{
 width : 470px; 
 height : 346px; 
 float:left; 
 position:relative; 
 background-color:#CCCCCC; 
 overflow : auto; 
 }
 
#rightcol{
 background-color: #B1BDCA;  
 float: right; 
 display:inline; 
 position: relative; 
 width : 330px; 
 height:346px;
 overflow : auto; 
 }
 
#footer_left{
 height:25px; 
 float : left;
 width : 470px; 
 position:relative; 
 background-color:#CCCCCC; 
/* clear:both;*/
 } 
 
#footer_right{
 height:25px; 
 width : 330px; 
 position:relative; 
 background-color:#B1BDCA; 
 /*clear:both;*/
 } 

#menu_left ul {     
	margin: 0 20px 0 20px;   
	padding: 0;   
	list-style: none;   
}

#menu_left li {   
	float: left;    
	display: block;  
	position: relative;   
	top: 4px;   
	color: #FFFFFF;   
	padding: 0 12px 0 0;  
	font: normal 12px Verdana,Arial,Helvetica,sans-serif;   
}
    
#menu_left li a {
	text-decoration: none; 
	color: #FFFFFF;  
}
        
#menu_left li a:hover {   
	color: #C3C3C3;   
}
 
#menu_left li.ACT {  
	font-size: 18px;  
	position: relative;    
	top: 0px;   
}

#footer_left ul {     
	margin: 0 20px 0 20px;   
	padding: 0;   
	list-style: none;   
}

#footer_left li {   
	float: left;    
	display: block;  
	position: relative;   
	top: 4px;   
	color: #0C0C0C;   
	padding: 0 12px 0 0;  
	font: normal 12px Verdana,Arial,Helvetica,sans-serif;   
}
    
#footer_left li a {
	text-decoration: none; 
	color: #0C0C0C;  
}
        
#footer_left li a:hover {   
	color: #5C5C5C;   
}
 
#menu_left li.ACT {  
	font-size: 18px;  
	position: relative;    
	top: 0px;   
}
 
 /* *** Float containers fix: *** */ 
.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 */  

/* Für Formualausrichtung */
label {
      width:250px;
      float: left;
  }

/* eigene Klasse für den Gesamtrahmen vom Formular */
.formu {
width:90%;
font-family: Verdana, Arial, Helvetica, sans-serif;
/* color: #474747;*/
font-size: 12px;
/* background-color: #F3EEE8;*/
padding-top:10px;
padding-bottom:10px;
padding-left:30px;
/* border: 1px solid #D7AE78;*/
font-weight:bold;
}

 
 /*printer styles*/ 
 @media print{ 
/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
