html { height: 101%; } 
body { 
   color: black; 
   background-color: #FFFFFF; 
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
   background-color: white; 
   width: 970px;
   margin: 5px auto;
}

h1, h2, h3, p, pre { margin-bottom: 1em; }  
h1 { font-size: 130%; } 
h2 { font-size: 120%; margin-bottom: 1em; }


#banner {
   padding: 0; 
   margin: 0;
   background-color: white;
   height: 165px;
   background-image: url(images/banner.gif);
}

#navibereich { 
   text-align: right; 
   color: black;
   font-weight:bold;
   padding: 5px 180px 4px 10px;  
   border-bottom: 2px solid #8c8c8c;
   background-image: url(images/banner2.gif);
} 
   #navibereich ul {
      padding: 0; 
   	  margin: 0; 
      margin-bottom: 0; 
   } 
   #navibereich li { 
      display: inline; 
      list-style-type: none; 
      margin: 0 ;
   }
   #navibereich a { 
      color: black; 
      background-color:#CCCCCC;
      padding: 4px 4px 4px 8px; 
      border: 1px solid #8c8c8c;
	  text-decoration: none;
   }  
   #navibereich a:hover,
   #navibereich a:focus,
   #startseite #navi01 a, 
   #kontaktseite #navi02 a { 
      color: black;
	  background-color: white; 
      border-bottom-color: white;
   }  
   #navibereich a:active { 
      color: black;
      background-color: white; 
   }  

#page { 
   position: relative; 
   margin:0 2px;
}

#navi {
	position: absolute;
	top: 10px;
	left: -12px;
	width: 113px;
	padding: 10px;
	margin: 10px;
	margin-top: 0;
	font-size: 80%;
} 


#main {
	position: absolute;
	top: 10 px;
	padding: 10px 20px;
	margin: 10px;
	margin-left: 241px;
	margin-right: 241px;
	left: -97px;
	width: 543px;
	text-align: justify;
	line-height: 1.5;
	background-image: url(images/line_extended.gif);
}

#mainundnavi {
	position: absolute;
	top: 10 px;
	padding: 10px 20px;
	margin: 10px;
	margin-left: 241px;
	margin-right: 241px;
	left: -97px;
	width: 784px;
	text-align: justify;
	line-height: 1.5;
	background-image: url(images/line_extended.gif);
}


#maincomplete {
	position: absolute;
	top: 10 px;
	padding: 10px 20px;
	margin: 10px;
	margin-left: 241px;
	margin-right: 241px;
	left: -242px;
	width: 926px;
	text-align: justify;
	line-height: 1.5;
}



#extended {
	position: absolute;
	top: 10px;
	right: -11px;
	width: 195px;
	padding: 10px;
	margin: 10px;
	margin-top: 0;
	background-image: url(images/schw.jpg);
	height: 330px;
}   

#extended2 {
	position: absolute;
	top: 10px;
	right: -14px;
	width: 150px;
	padding: 10px;
	margin: 10px;
	margin-top: 0;
	height: 210px;
	background-image: url(images/schwei.jpg);
}  
 
#extended3 {
	position: absolute;
	top: 10px;
	right: -14px;
	width: 150px;
	padding: 10px;
	margin: 10px;
	margin-top: 0;
	height: 260px;
	background-image: url(images/extended1.gif);
}   

a {font-size: small; text-decoration:none;}
a:link {color:#0033CC;}
a:visited {color: #666666;}
a:active {color: #CCCCCC;}
a:hover{color: #000000; background-color: #CCCCCC;}

a.navi2 {font-size: 90%; text-decoration: none;}
a.navi2:link {color: #000000;}
a.navi2:visited {color: #000000;}
a.navi2:active {color: #CCCCCC;}
a.navi2:hover{color: #000000; background-color: #CCCCCC;}

a.quick {font-size: 100%; text-decoration: none;}
a.quick:link {color: #666666}
a.quick:visited {color: #666666}
a.quick:active {color: #CCCCCC}
a.quick:hover{color: #666666; background-color: #CCCCCC;}

a.nodec {text-decoration: none;}
a.nodec:link {color: #FFFFFF;}
a.nodec:visited {color: #FFFFFF;}
a.nodec:active {color: #FFFFFF;}
a.nodec:hover{color: #FFFFFF; background-color: #000000;}

.small {font-size: x-small;}
.quickfinder {
	font-size: x-small;
	color:#666666;
	padding: 5px;
	}
.address {
   text-align: center;  
   font-size: 80%;      
   font-style: normal;  
   letter-spacing: 2px; 
   line-height: 1.5em;  
}

a.adr {font-size: 100%; letter-spacing:  2pxM line-height: 1.5em;}
a.adr:link {color: #000000;}
a.adr:visited {color: #000000;;}
a.adr:active {color: #000000;;}
a.adr:hover{color: #000000;; background-color:#CCCCCC;}