/* CSS Document */

/* 	1.basics 
	2.layout
	3.content
*/



/* 1.basics*/
*{
margin: 0px;
padding: 0px;
} 
body {
	background-color:#219a22;
	background-image: url(images/hg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin: 0px 0 0px 0;
	}
h1{
	font-family: "Arial", Helvetica, sans-serif;
	color:#ffffff;
	font-size: 18px;
	line-height: 22px;
	padding: 0 0 18px 0;
}
h2{
	font-family: "Arial", Helvetica, sans-serif;
	color:#bbff02;
	font-size: 18px;
	line-height: 22px;
	padding: 0 0 18px 0;
}
h3{
	font-family: "Arial", Helvetica, sans-serif;
	color:#eb7600;
	font-size: 12px;
	line-height: 18px;

}
h4{
	font-family: "Arial", Helvetica, sans-serif;
	color:#000;
	font-size: 14px;
	line-height: 18px;
}

h5{
	font-family: "Arial", Helvetica, sans-serif;
	color:#E2860D;
	font-size: 12px;
	line-height: 16px;
	padding: 0 0 18px 19px;
}

h6{
	font-family: "Arial", Helvetica, sans-serif;
	color:#ffffff;
	font-size: 14px;
	line-height: 18px;
	padding: 0 0 0px 13px;
}

.hellgruen{
	font-family: "Arial", Helvetica, sans-serif;
	color:#9ce228;
	font-size: 12px;
	line-height: 18px;
	padding: 0 0 20px 0;
}

.gruen{
	font-family: "Arial", Helvetica, sans-serif;
	color:#62ab41;
	font-size: 12px;
	line-height: 18px;

}

.black{
	font-family: "Arial", Helvetica, sans-serif;
	color:#000000;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	padding: 0 0 0px 0;
}
/* 1.basics ENDE */

/* 2.layout */


#all {
	width: 965px;
	height: auto;
	margin: 0 auto;
	
	}
	*html #all {
	height: auto;
	}
	
	
	


/* top bereich */
	
#top { 
	width: 941x;
	height: 31px;
	margin: 0 auto;
	padding: 29px 0 0 24px;
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "Arial", Helvetica, sans-serif;
	color:#ffffff;
	font-size: 12px;
	line-height: 16px;
	}
	
			#top a:link, #top a:visited, #top a:active{
			font-family: "Arial", Helvetica, sans-serif;
			font-size:12px;
			line-height: 18px;
			color:#92d902;
			text-decoration:none;
			}
		
			#top a:hover{
			font-family: "Arial", Helvetica, sans-serif;
			color:#ffffff;
			text-decoration: underline;
			}
			
			#top ul {
			padding:0 0 0 0px;
			
			list-style-type: none;
			float: left;
			}
		
			#top li{
			font-family: "Arial", Helvetica, sans-serif;
			color:#ffffff;
			font-size: 12px;
			line-height: 18px;
			padding: 0 2px 0 2px;
			display: inline;
			list-style-type: none;		
			}
	
	#top1 { 
	width: 689px;
	height: 31px;
	float: left;
	}
	
	#top p{ padding: 0 0 0 0; }
	
	#top2 { 
	width: 252px;
	height: 31px;
	float: left;
	}
	
					
#header {
	width: 965px; 
	height: 180px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 59px 0px 0px 0px;
	margin: 0 auto;
	float: left;
	}
	
	#header img{ border: none;	}


#navi {
	width: 158px; 
	height: 195px;
	background-image: url(images/navi.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "Arial", Helvetica, sans-serif;
	color:#77b21c;
	font-size: 14px;
	padding: 15px 0px 26px 11px;
	margin: 0 auto;
	float: left;
	}
			#navi a:link, #navi a:visited, #navi a:active{
			font-family: "Arial", Helvetica, sans-serif;
			font-size:14px;
			line-height: 20px;
			color:#ffffff;
			margin:0 0px 0 0px;
			text-decoration:none;
			display: inline; /*block*/
			}
		
			#navi a:hover{
			font-family: "Arial", Helvetica, sans-serif;
			color:#77b21c;
			margin:0 0px 0 0px;
			}
		
			#navi ul {
			padding:0 0 0 0px;
			list-style-type: none;
			float: left;
			}
		
			#navi li{
			font-family: "Arial", Helvetica, sans-serif;
			color:#77b21c ;
			font-size: 14px;
			line-height: 23px;
			background: url(images/pfeil.gif) 0px 6px no-repeat;
			padding:0 0 0 15px;
			list-style-type: none;		
			}

#reservieren {
	width: 158px; 
	height: 195px;
	background-image: url(images/reservieren.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "Arial", Helvetica, sans-serif;
	color:#ffffff;
	font-size: 12px;
	line-height: 18px;
	padding: 15px 0px 26px 11px;
	margin: 0 auto;
	float: left;
	}
			#reservieren a:link, #reservieren a:visited, #reservieren a:active{
			font-family: "Arial", Helvetica, sans-serif;
			font-size:12px;
			line-height: 18px;
			color:#9ce228;
			margin:0 0px 0 0px;
			text-decoration:none;
			display: inline; /*block*/
			}
		
			#reservieren a:hover{
			font-family: "Arial", Helvetica, sans-serif;
			color:#fff;
			margin:0 0px 0 0px;
			}
		
			#reservieren ul {
			padding:0 0 0 0px;
			list-style-type: none;
			float: left;
			}
		
			#reservieren li{
			font-family: "Arial", Helvetica, sans-serif;
			color:#ffffff;
			font-size: 12px;
			line-height: 18px;
			background: url(images/pfeil.gif) 0px 6px no-repeat;
			padding:0 0 0 15px;
			list-style-type: none;		
			}	
			
			#reservieren p { padding:0 0px 0 13px; }		

#termine {
	width: 965px; 
	height: 122px;
	background-image: url(images/termine.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "Arial", Helvetica, sans-serif;
	color:#92a60e;
	font-size: 12px;
	line-height: 16px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	float: left;
	}
	
			#termine a:link, #termine a:visited, #termine a:active{
			font-family: "Arial", Helvetica, sans-serif;
			font-size:14px;
			line-height: 18px;
			color:#333;
			margin:0 0px 0 0px;
			text-decoration:none;
			display: inline; /*block*/
			}
		
			#termine a:hover{
			font-family: "Arial", Helvetica, sans-serif;
			color:#fff;
			margin:0 0px 0 0px;
			}
	
	
			a.februar16 { background:url(images/moehneball.jpg) repeat 0px 0px; width: 193px; height:122px; display: block; float: left; }
			a.februar16  span { display: none; }
			a.februar16:hover { background: url(images/moehneball.jpg) repeat 0px -122px; }
			a.februar16:active { background: url(images/moehneball.jpg) repeat 0px -122px; }
			
			a.februar17 { background:url(images/friday_night.jpg) repeat 0px 0px; width: 193px; height:122px; display: block; float: left; }
			a.februar17  span { display: none; }
			a.februar17:hover { background: url(images/friday_night.jpg) repeat 0px -122px; }
			a.februar17:active { background: url(images/friday_night.jpg) repeat 0px -122px; }
			
			a.februar18 { background:url(images/rathaus2012.jpg) repeat 0px 0px; width: 193px; height:122px; display: block; float: left; }
			a.februar18  span { display: none; }
			a.februar18:hover { background: url(images/rathaus2012.jpg) repeat 0px -122px; }
			a.februar18:active { background: url(images/rathaus2012.jpg) repeat 0px -122px; }
			
			a.februar20 { background:url(images/rosenmontag2012.jpg) repeat 0px 0px; width: 193px; height:122px; display: block; float: left; }
			a.februar20  span { display: none; }
			a.februar20:hover { background: url(images/rosenmontag2012.jpg) repeat 0px -122px; }
			a.februar20:active { background: url(images/rosenmontag2012.jpg) repeat 0px -122px; }
			
			a.feb15 { background:url(images/cam.jpg) repeat 0px 0px; width: 193px; height:122px; display: block; float: left; }
			a.feb15  span { display: none; }
			a.feb15:hover { background: url(images/cam.jpg) repeat 0px -122px; }
			a.feb15:active { background: url(images/cam.jpg) repeat 0px -122px; }

				
				


		
#middle {
	width: 965px; 
	min-height:521px;
	background-image: url(images/mainhg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	padding: 0px 0px 0px 0px;
	float: left;
	}
*html #middle { height: 521px; }
		

#leftblock {
	width: 168px; 
	height: 472px;
	font-family: "Arial", Helvetica, sans-serif;
	background-image: url(images/left.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	color:#cccccc;
	font-size: 12px;
	line-height: 18px;
	padding: 49px 13px 0px 25px;
	float: left;
	}
	*html #leftblock { height: 472px; }	

		#leftblock ul { padding:0 0 0 0px; list-style-type: none; float: left; }
		
		
		
		#leftblock1 p{ padding: 0px 0px 14px 19px; }

		#leftblock2 {
		width: 202px; 
		height: 246px;
		background-image: url(images/leftblock2.jpg);
		background-repeat: repeat-y;
		background-position: center top;
		padding: 0px 22px 0px 10px;
		float: left;
		}
		
		#leftblock2 p{ padding: 0px 0px 14px 19px; }
		


	
#rightblock {
	width: 747px; 
	min-height: 449px;
	background-image: url(images/right.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "Arial", Helvetica, sans-serif;
	color:#ffffff;
	font-size: 12px;
	line-height: 18px;
	padding: 49px 0px 23px 12px;
	float: left;
	}
*html #rightblock { height: 449px; }	

		#rightblock ul {
		padding:0 0 0 0px;
		list-style-type: none;
		float: left;
		}
		
		#rightblock li{
		font-family: "Arial", Helvetica, sans-serif;
		color:#070707;
		font-size: 0,8em;
		line-height: 18px;
		font-weight: bold;
		background: url(images/pfeil.jpg) 0px 4px no-repeat;
		padding:0 0 0 25px;
		list-style-type: none;		
		}
			
		
		 #rightblock img{ border: none; }

		#rightblock1 {
		width: 507px; 
		height: 195px;
		background-image: url(images/right1.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		padding: 15px 216px 26px 24px;
		float: left;
		}

		#rightblock1 p{ padding: 0px 0px 18px 0px; }
		
		
		#rightblock1 a:link, #rightblock1 a:visited, #rightblock1 a:active{
		font-family: "Arial", Helvetica, sans-serif;
		min-width: 20px;
		color:#fff;
		font-size: 12px;
		line-height: 18px;
		background-color:#006A01;
		padding: 0 1px 0 1px;
		text-decoration:none;
		}
		
		#rightblock1 a:hover{
		font-family: "Arial", Helvetica, sans-serif;
		color:#000000;
		background-color:#bbff02;
		border: none;
		}


		#rightblock1con {
		width: 678px; 
		min-height: 195px;
		background-image: url(images/hgrightcon1.jpg);
		background-repeat:  no-repeat;
		background-position: center top;
		padding: 15px 45px 0px 24px;
		margin: 0 0 26px 0;
		float: left;
		}
		
		*html #rightblock1con { height: 195px; }

		#rightblock1con p{ padding: 0px 0px 18px 0px; }
		
		#rightblock1con td{ padding: 0px 0px 0px 0px; margin: 0 0 18px 0; text-align: left; font-family: "Arial", Helvetica, sans-serif;  font-size: 12px; }
		
		#rightblock1con a:link, #rightblock1con a:visited, #rightblock1con a:active{
		font-family: "Arial", Helvetica, sans-serif;
		min-width: 20px;
		color:#fff;
		font-size: 12px;
		line-height: 18px;
		background-color:#006A01;
		padding: 0 1px 0 1px;
		text-decoration:none;
		}
		
		#rightblock1con a:hover{
		font-family: "Arial", Helvetica, sans-serif;
		color:#000000;
		background-color:#bbff02;
		border: none;
		}
		
		
		#rightblock2 {
		width: 698px; 
		min-height: 195px;
		background-image: url(images/right2.jpg);
		background-repeat:  no-repeat;
		background-position: center top;
		background-color: #1a1a1a;
		padding: 15px 0px 0px 24px;
		float: left;
		}
		
		*html #rightblock2 { height: 195px; }	


		#rightblock2 p{ padding: 0px 0px 18px 0px; }
		
		#rightblock2 a:link, #rightblock2 a:visited, #rightblock2 a:active{
		font-family: "Arial", Helvetica, sans-serif;
		min-width: 20px;
		color:#fff;
		font-size: 12px;
		line-height: 18px;
		background-color:#006A01;
		padding: 0 1px 0 1px;
		text-decoration:none;
		}
		
		#rightblock2 a:hover{
		font-family: "Arial", Helvetica, sans-serif;
		color:#000000;
		background-color:#bbff02;
		border: none;
		}
		
		#rightblock2a {
		width: 314px; 
		min-height: 195px;
		padding: 0px 0px 0px 0px;
		float: left;
		}
		
		*html #rightblock2a { height: 195px; }
		
		#rightblock2b {
		width: 316px; 
		min-height: 195px;
		padding: 0px 20px 0px 48px;
		float: left;
		}
		
		*html #rightblock2b { height: 195px; }


#rightblock2sp {
		width: 698px; 
		min-height: 195px;
		background-image: url(images/right2.jpg);
		background-repeat:  no-repeat;
		background-position: center top;
		background-color: #1a1a1a;
		padding: 15px 0px 0px 24px;
		float: left;
		}
		
		*html #rightblock2sp { height: 195px; }
		
		#rightblock2sp a:link, #rightblock2sp a:visited, #rightblock2sp a:active{
		font-family: "Arial", Helvetica, sans-serif;
		min-width: 20px;
		color:#fff;
		font-size: 12px;
		line-height: 18px;
		text-decoration:none;
		}
		
		#rightblock2sp a:hover{
		font-family: "Arial", Helvetica, sans-serif;
		color:#000000;
		border: none;
		}



#bottom {
	position: relative;
	width: 965px; 
	height: 73px;
	font-family: "Arial", Helvetica, sans-serif;
	color:#ffffff;
	font-size: 12px;
	line-height: 18px;
	padding: 20px 0px 0px 0px;
	text-align:center;
	margin: 0px auto;
	clear: both;
	float: none;
	}
			#bottom a:link, #bottom a:visited, #bottom a:active{
			font-family: "Arial", Helvetica, sans-serif;
			font-size:12px;
			line-height: 18px;
			color:#ffffff;
			text-decoration:none;
			}
		
			#bottom a:hover{
			font-family: "Arial", Helvetica, sans-serif;
			color:#92d902;
			text-decoration: underline;
			}
			
			#bottom ul {
			padding:0 0 0 0px;
			width: 965px;
			list-style-type: none;
			float: left;
			}
		
			#bottom li{
			font-family: "Arial", Helvetica, sans-serif;
			color:#92d902;
			font-size: 12px;
			line-height: 18px;
			padding: 0 4px 0 4px;
			display: inline;
			list-style-type: none;		
			}
			
			#bottom p{ padding: 0px 0px 14px 0px; }
			
			



/* 2.layout ENDE */


#fixfloat{
	clear: both;
	float: none;
	}
	
/*  GALERIE */

#rightblock1con ul {
	
	float: left;
	width:300px;
}
#rightblock1con ul li {
	background-color: #1A1A1A;
	float:left;
	width:300px;
	margin: 2px 0 0 15px;
	padding: 5px 0 5px 15px;
	color: #FFFFFF;
}

#rightblock1con ul li a:link, #rightblock1con ul li a:active, #rightblock1con ul li a:visited {
	background-color:#1A1A1A;
	text-decoration:none;
}

#rightblock1con ul li a:hover {
	background-color:#1A1A1A;
	color: #FFFFFF;
}

.breadcrumb {
	float: left;
	width:678px;
	margin: 0 0 20px 0;
	
}

