/* generated by csscreator.com */ 
html, body{
 /*background-image:url(../img/back_sheep.gif);*/
 background-color:#f6f6cf;
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#rahmen{ 
 width:750px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 /*background-color:#666; 
 padding: 1px 1px 1px 1px;*/
}

#container{ 
 width:750px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 background-color:#FFFFFF; 
} 
 
#header{
 position:relative; 
 height:236px; 
 background-image:url(../img/header.jpg); 
 width:100%;
}
 
#left{
 width:20%; 
 float:left; 
 position:relative; 
 background-color:#ffffff;
}

#navi {
 list-style:none;
 width:160px; 
 float:left; 
 position:relative; 
 padding: 10px 0 0 10px;
}

#navi li {
 display:block;
 margin: 10px 0 0 0;
 padding-right:16px;
}

#navi a {
 font: 12px verdana; 
 font-weight: bold;
 letter-spacing:1px;
 text-decoration: none; 
 color: #077f38;		
}

#navi a:hover, #navi a:active { 
 text-decoration: underline; 
 color: #66ACDB;
} 

#breadcrumb{
 font: 12px verdana;
 padding: 10px 0 0 10px;
}
 
#content{
 float: right;
 text-align:left;
 display:inline; 
 position: relative;
 min-height:480px;
 width:546px; 
 padding: 10px 10px 10px 10px;  
 }
 
* html #content { height:480px; } /* nur für IE 5.5 - 6.x */ 
 
#footer{
 height:73px; 
 background-image:url(../img/footer.gif);
 clear:both;
 text-align:center;
 font: 9pt verdana;
 color: #fff;
 } 

#footer a {
 font: 9pt verdana; 
 text-decoration: none; 
 color: #fff;		
}

#footer a:hover, #footer a:active { 
 text-decoration: underline; 
 color: #fff;
}
 
 /* *** 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 */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


h1 {
 font: 18pt Tahoma, Arial, Helvetica, sans-serif;
 color: #077f38;
 margin:0 0 10px 0;
 padding:10px 0 2px 0px;
 letter-spacing: 1px;
 border-bottom: 1px dotted #bbbbbb;		
}

h2 { 
 font: 15pt Tahoma, Arial, Helvetica, sans-serif;
 color: #077f38;
 margin:10px 10px 25px 0px;
 padding:2px 0 2px 0px;
 letter-spacing: 1px;		
}

h3 { 
 font: 13pt Tahoma, Arial, Helvetica, sans-serif;
 color: #077f38;
 margin:20px 0 0 0;
 padding:0px 0 0px 0px;
 letter-spacing: 1px;	
}

p, table, li { 
 padding: 0px;
 font: 12px verdana; 
 line-height:18px;	
 margin-top: 8px;
 margin-bottom: 15px;
}

.img_left {
 border:1px solid #077f38;
 background-color:#fff;	
 padding:6px;
 margin-right:10px;
 float:left;
}

.img_right {
 border:1px solid #077f38;
 background-color:#fff;		
 padding:6px;
 margin-left:10px;
float:right;
}

.img {
 border:1px solid #077f38;
 background-color:#fff;		
 padding:6px;
 margin-left:10px;
 margin-right:10px;
}

a {
 text-decoration: none;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 9pt;
 font-weight: normal;
 color: #077f38;
}

a:hover { 
 text-decoration: underline;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 9pt;
 font-weight: normal;
 color: #66ACDB;
}

input, select, checkbox, radio {
 border: 1px solid #7E838E;
 background-image: url('../img/inputbox2.jpg');
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 padding: 1px;
 margin:2px;
 /*height: 21px;*/
}

textarea {
 border: 1px solid #7E838E;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 padding: 1px;
 background-image: url('../img/inputbox2.jpg');
}
