html, body  {
	font-family: Arial, Verdana, Helvetica, sans-serif;
    background: #ffffff url(../bilder/bg-body.jpg) repeat-x 0 0;
    margin: 0;
    padding: 0;
    color: #666666;
	height: 100%;
}
    
.clearer { 
   	clear:both;
    height:0;
    font-size: 0px;
    line-height: 0px;
}

a img{border: none}
a{color: #4e7141;}

img, div{
	_behavior: url(iepngfix.htc);
}

.small {font-size: 10px;}
/*################# Container #################*/
#container{
	width: 883px;
	margin: 0 auto;
	font-size: 12px;
	color: #666666;
	min-height: 100%;
	_height: 100%;
	position: relative;
	background: #ffffff url(../bilder/bg_contentbox.jpg) repeat-y 0 0;
}
/*################# Container ENDE #################*/
	

	
/*///////////////////////////////////////////// Header /////////////////////////////////////////////*/
	#container #header{
		width: 100%;
		height: 175px;
		clear: both;
		background: url(../bilder/bg_header.jpg) no-repeat 0 0;
	}
		
		#container #header #logo{
			float: right;
			width: 237px;
			margin-right: 23px;
		}	
	
/*///////////////////////////////////////////// Header ENDE /////////////////////////////////////////////*/
	
	
	
	
/*///////////////////////////////////////////// linker Content /////////////////////////////////////////////*/
	#container #links{ 
		width: 151px;
		float: left;
		padding: 0 9px 0 44px;
		background: url(../bilder/bg-links.jpg) no-repeat 0 0;
	}
	
	
	/*################# Hauptmenue BEGIN #################*/
	#container #links #mainMenu{
		margin-top: 21px;
	}
	
		#container #links #mainMenu ul{
			margin: 0;
			padding: 0;
		}
			#container #links #mainMenu ul li{
				padding: 0;
				margin: 0;
				display: block;
				list-style: none;
			}
		
				#container #links #mainMenu ul li a{
					text-decoration: none;
					display: block;
					width: 130px;
					background: transparent url(../bilder/menue-lister-inaktiv.jpg) no-repeat 0 7px;
					color: #4e7141;
					font-family: "Times New Roman", Times, serif;
					font-size: 1.2em;
					padding: 1px 0 12px 21px;
					*padding: 2px 0 12px 21px;
					
					text-transform: uppercase;
				}
				#container #links #mainMenu ul li a:hover,
				#container #links #mainMenu ul li a.aktiv{
					background: url(../bilder/menue-lister-aktiv.jpg) no-repeat 0 7px;
					text-decoration: underline;
				}
					
	/*################# Hauptmenue BEGIN #################*/
	
		

/*///////////////////////////////////////////// linker Content ENDE /////////////////////////////////////////////*/


	
	
/*///////////////////////////////////////////// Hauptcontent /////////////////////////////////////////////*/
	#container #mainContent{
		width: 330px;
		_width: 327px;
		float: left;
		padding: 0 49px 40px 40px;
		margin: 14px 0 40px 0;
		border-left: 1px solid #adcba4;
		min-height: 500px;
		line-height: 18px;
	}

		#container #mainContent h1,
		#container #mainContent h2{
			color: #4e7141;
			font-size: 1.4em;
			/*font-weight: lighter;*/
			padding: 11px 0 4px 0;
			*padding: 12px 0 4px 0;
			margin: 0;
		}
		#container #mainContent h2{
			font-size: 1.2em;
		}
		
		#container #mainContent p{
			padding: 0;
			margin: 14px 16px 21px 0;
		}
		
		
		
		#container #mainContent p.mehr{
			text-align: right; 
			margin-right: 0;
			
		}
		#container #mainContent img.pfeil-rechts{
			border: none;
			padding-left: 5px;
		}
		
		#container #mainContent .center{text-align: center}
		#container #mainContent .klein,
		#container #rechts .klein {font-size: 0.8em}

/*///////////////////////////////////////////// Hauptcontent ENDE /////////////////////////////////////////////*/
	
	
	
			
/*///////////////////////////////////////////// rechter Content /////////////////////////////////////////////*/
	#container #rechts{ 
		width: 211px;		
		float: left;
		min-height: 480px;
		padding-top: 130px;
		padding-left: 25px;
		position: relative;
		background: url(../bilder/bg-rechts.jpg) no-repeat right 0;
	}
		#container #rechts h2, 
		#container #rechts h2 a{
			color: #4e7141;
			font-size: 1em;
			font-weight: bold;
			padding: 3px 3px 5px 0px;
			margin: 0;
			_width: 90%;
		}
		
		
	/*################# Haus BEGIN #################*/
	#container #rechts #haus{
		position: absolute;
		left: 0px;
		_left: 3px;
		top: 0px;
		width: 236px;
		height: 110px;
	}
	/*################# Haus ENDE #################*/
	
	
	
	/*################ Google-Routenplaner BEGIN #################*/
	#container #rechts form #adresse-rechts{
		margin: -3px 0 10px 12px;
		color: #71a361;
	}
	#container #rechts form {
		*margin: 0;
		padding: 0;
		border-bottom: 2px solid #71A361;
		width: 190px;
	}
	#container #rechts form input{
		font-size: 12px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		color: #71a361;
	}
	#container #rechts form input#saddr{
		border: 1px solid #cfdfca;
		padding: 2px 2px 2px 4px;
	}
	
	#container #rechts form input#route-submit{
		background: none;
		color: #4e7141;
		padding: 0;
		margin: 0 0 25px -3px;
		*margin-left: -21px;
		border: none;
		font-weight: bold;
		text-decoration: underline;
		display: block;
		cursor:pointer;
	}
	
	/*################ Google-Routenplaner BEGIN #################*/

	

/*///////////////////////////////////////////// rechter Content ENDE /////////////////////////////////////////////*/
	
	

/*///////////////////////////////////////////// Footer /////////////////////////////////////////////*/
	#container #footer{
		width: 100%;
		height: 67px;
		background-image: url(../bilder/bg_footer.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
		position: absolute;
		bottom: 0;
		padding: 11px 0 0 29px;
		_margin-bottom: -1px;
		color: #9a9383;
		clear: both;
	}
		#container #footer a{
			color: #9a9383;
			text-decoration: none;
		}
		#container #footer #footer_adresse{
			width: 87.5%;
			float: left;
		}
		#container #footer #hnm{
			width: 70px;
			height: 15px;
			float: left;
			margin-left: -2px;
			_margin-left: -3px;
		}
		#container #footer #hnm a:hover{
			text-decoration: underline;
		}
		
		
		/*################# Shortcuts #################*/
			#container #footer ul#shortcuts{
				margin: 7px 72px 24px 0px;
				_margin-right: 36px;
				padding: 0;
				float: right;
			}
			#container #footer ul#shortcuts li{
				list-style: none;
				padding: 0;
				margin: 0;
				display: inline;
			}
			#container #footer ul#shortcuts li a{
				color: #aba495;
				padding: 0 8px;
				text-decoration: underline;
			}
			#container #footer ul#shortcuts li a:hover,
			#container #footer ul#shortcuts li a.activ{
				text-decoration: none;
			}
			
			#container #footer ul#shortcuts li.last a{
				padding-right: 0;
			}
			#container #footer ul#shortcuts li.first a{
				padding-left: 0;
			}
			
	/*################# Shortcuts ENDE #################*/
		
		
	
/*///////////////////////////////////////////// Footer ENDE /////////////////////////////////////////////*/

