html, body {
	margin: 0;
	padding: 0;	
	background-color: #EFEFEF; 
	font-size: 100%;	
	text-align: center; }
	
body { padding: 0 10% 1% 11%; }	

#rand-links { 
    margin: auto;  
	padding:  0 0 0 10px;
	width: 99%;
	text-align: left;
	background: url(../bilder/layout/hi-rand-links.jpg) repeat-y left top  ; }		

#rand-rechts { 
    margin: auto;  
	padding: 0 10px 0 0;
    width: 99%;
	background: url(../bilder/layout/hi-rand-rechts.jpg) repeat-y right top ; 
	text-align: right; }
	
#all {
    margin: auto;  
	padding: 0;
    width: auto;
	border: 0;   
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3; 
	border-bottom: 1px dashed #C3C3C3; 
	background: #FFFFFF;
	text-align: center; }

#kopf {   
	margin: 0;
	padding: 70px 0 0 0;
    width: auto;
	border: 0;
	border-bottom: 1px solid #FF6600;
 	background: url(../bilder/layout/logo.jpg) no-repeat right bottom ; }
	
#main { 
	margin: 0;
	padding: 0; 
	width: 100%;	
	border: 0;
	border-top: 1px solid #FF6600; }
	
h1 {
   margin: 0;
   padding: 0 0 0 4%;
   font-size: 18px;
   color: #DFDFDF;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   letter-spacing: 0.3em;
   text-align: left;
   }  

h2 {
   margin: 0;
   padding: 0 0 0 5%;
   font-size: 18px;
   color: #888888;
   font-family: Georgia, "Times New Roman", Times, serif;
   letter-spacing: 0.05em;
   text-align: left;
   }  
   
h3 {
   font-size: 100%;
   font-weight: 700; 
   color: #999999;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   }

#inhalt {
	margin: 0;
	padding: 30px 23% 60px 0;
	width: auto;
	background-color: #FDFDFD;	
	text-align: left;
	z-index: 1;}
	
#text {
	margin: 25px 0 0 0;
	padding: 4% 2% 4% 5%;
	width: auto;
	border: 0;   
	border-top: 1px dashed #C3C3C3; 
	border-right: 1px dashed #C3C3C3; 
	border-bottom: 1px dashed #C3C3C3; 
	background: #EFEFEF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666; 
	font-size: 86%;
	line-height: 1.4em;
	z-index: 2; }	
	

#text a { color: #666666; }
#text a:hover { color: #FF6600; }


#box1, #box2 {
    float: left; 
	margin: auto;
	padding: 20px 0 20px 0;
	width: 43%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: left; }
	
#box1 { padding: 20px 10px 20px 0; }	
	
#rechts { 
 	float: right;
	padding: 0;
	margin: 100px 0 0 10px;
	width: 21%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666; 
	font-size: 86%; }
	
#rechts a {
    margin: 0;
	padding: 0; 
    color : #055699; 
    font-family : Arial, Verdana, Helvetica, sans-serif; 
    font-weight : 700;
	font-size : 93%; 
    text-decoration : none; } 
			
#rechts a:hover { color: #FF6600; }   	

#nano {
    margin: auto;   
	width: 110px; 
	height: 100px; 
	background: #FFFFFF; }

#nano a {
    margin: 0 0 3px 0;
	padding: 1px 10px 1px 15px; 
	display: block;
	border: 3px double #FFFFFF;
	background: #FF6600;
    color : #ffffff; 
    font-family : Arial, Verdana, Helvetica, sans-serif; 
    font-size : 86%; 
    font-weight : 700; 
    letter-spacing : 0.05em; 
    text-align : left; 
    text-decoration : none; } 
			
#nano a:hover { 
    color: #055699;
	border: 3px double #FFFFFF;
	background: #C8C8C8; }   
	
#fuss {
	margin: 0;
	padding: 5px 0 5px 0;	
	width: auto;
	height: 15px;
	border: 0;
    border-top: 1px dashed #C3C3C3;
	background-color: #FDFDFD; }

#fuss td a {
    font-weight: bold;
    color: #666666;
	text-decoration: none; }

#fuss td a:hover {
	color: #FF6600; }

#fuss td { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 0 10px 0 0;
    color: #888888;
    font-size: 76%; }
	
#fussdruck { display: none; }	
#kopfdruck { display: none; }	

.breaker { clear: both; }
.breaker ul { padding: 0 0 0 15px; } 

.navaktiv { background: url(../bilder/layout/kreis-voll.gif) no-repeat center left ; }	    
.aktiv { color: #FF6600; }

.bild, .bild-links, .bild-rechts, .bild-mitte { border: 1px solid #FFFFFF; }
.bild-links { margin: 0 3% 0 0; }
.bild-rechts{ margin: 0 0 0 5%; }	
.bild-mitte { margin: 1% 2% 1% 0; }	
.bild3 { margin: 0 0 0 6px; border: 0; }

.bez { float: left; width: 35%; text-align: left; }
.an { float: left; width: 63%; text-align: left; }
 	
.invis { display: none; } 
       
.nichtdrucken { display: block; }
.drucken { display: none; }


#nav {   
	margin: 0;
	padding: 0 0 0 4%;
	height: 23px;
	width: auto; 
	border: 0;
	border-top: 1px solid #FDFDFD;
	border-bottom: 1px solid #FDFDFD;
    background-color: #FF6600; 
	text-align: left; }
	
.navaktiv { background: url(../bilder/layout/kreis-voll.gif) no-repeat left center ; }	
		
#menu { 
    margin: 0;
	padding: 0; 	
	width: 100%; 
	float: left; 
	background-color: #FF6600;}

#menu ul { list-style: none; margin: 0; padding: 0; float: left; } 

#menu ul a  { 
    display: block; 
    margin: 0; 
	padding: 2px 2px 2px 12px; 
    font-size: 13px;
	font-weight: 700;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	color: #FDFDFD;
	background: #FF6600 url(../bilder/layout/kreis.gif) no-repeat center left ; } 

#menu ul a  { text-decoration: none; } 

#menu ul a:hover { background: url(../bilder/layout/kreis-voll.gif) no-repeat center left ; }

#menu li { position: relative; } 

