@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}

body{
	width:100%;
	height:100%;
	background:#FFFFFF url(../images/bgr.jpg) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5a5a5a;
}
a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ad2d2d;
	font-weight:bold;
	text-decoration:none;
	outline:none;
}
a:hover{
	text-decoration:underline;
}
ul{
	list-style:none;
}
.clear{
	clear:both;
	height:16px;
}
* html #content{
	height:301px;
}

#wrapper{
	width:682px;

	margin:30px auto 0;
	padding:0 0 0 33px;
	background:#FFFFFF url(../images/wrapp-bgr.gif) repeat-y;
}
	#header{
		height:89px;
		padding:29px 0 0 0;
		background:#FFFFFF url(../images/header.gif) left bottom no-repeat;
		text-indent:-5000px;
	}
		#header a{
			display:block;
			width:649px;
			height:89px;
		}
		
		ul#navigation li ul.subnavi{
    		height: 22px;
    		left: 226px;
			display:none;
    		position: absolute;
    		top: 27px;
    		width: 148px;
			background: url(../images/subnavi.jpg) no-repeat scroll 0 0 transparent;
			
		}
		 ul#navigation li:hover > ul.subnavi{
		display:block;
		}

		ul#navigation {
			width:648px;
			height:53px;
			text-indent:-5000px;
			padding:3px 0 0 19px;
			position:relative;
			background:url(../images/navigation2.jpg) no-repeat;
		}
		
		ul#navigation li{
			float:left;
			padding:0 8px 0 0;
		}
		
		ul#navigation a{
			display:block;
			background:url(../images/navigation2.jpg) no-repeat;
			height:24px;
		}
		ul#navigation a.home{
			width:52px;
			background:url(../images/navigation2.jpg)  -19px -3px no-repeat;
		}
		ul#navigation li.active a.home, ul#navigation a.home:hover, ul#navigation li.active a.home:hover{
			background:url(../images/navigation2-hover.jpg)-19px -3px no-repeat;
		}
		
		ul#navigation a.team{
			width:48px;
			background:url(../images/navigation2.jpg) -78px -3px no-repeat;
		}
		ul#navigation li.active a.team, ul#navigation a.team:hover, ul#navigation li.active a.team:hover{
			background:url(../images/navigation2-hover.jpg) -78px -3px no-repeat;
		}
		
		ul#navigation a.leistungen{
			width:89px;
			background:url(../images/navigation2.jpg) -134px -3px  no-repeat;
		}
		ul#navigation li.active a.leistungen, ul#navigation a.leistungen:hover, ul#navigation li.active a.leistungen:hover{
			background:url(../images/navigation2-hover.jpg) -134px -3px  no-repeat;
		}
		
		ul#navigation a.aktionen{
			
			width:79px;
			background:url(../images/navigation2.jpg) -232px -3px no-repeat;
			
		}
		ul#navigation li.active a.aktionen, ul#navigation a.aktionen:hover, ul#navigation li.active a.aktionen:hover{
			background:url(../images/navigation2-hover.jpg) -232px -3px no-repeat;
			
		}

		ul#navigation a.veranstaltungen{
			width:148px;	
			height: 29px;
			background: url(../images/subnavi.jpg) no-repeat scroll 0 0 transparent;
		}
		ul#navigation li.active a.veranstaltungen, ul#navigation a.veranstaltungen:hover, ul#navigation li.active a.veranstaltungen:hover{
			width:148px;
			height: 29px;
			background: url(../images/subnavi-hover.jpg) no-repeat scroll 0 0 transparent;
			
		}
		
		
		
		ul#navigation a.galerie{
			width:65px;
			background:url(../images/navigation2.jpg) -319px -3px no-repeat;
		}
		ul#navigation li.active a.galerie, ul#navigation a.galerie:hover, ul#navigation li.active a.galerie:hover{
			background:url(../images/navigation2-hover.jpg) -319px -3px no-repeat;
		}
		
		ul#navigation a.kontakt{
			width:73px;
			background:url(../images/navigation2.jpg) -391px -3px no-repeat;
		}
		ul#navigation li.active a.kontakt, ul#navigation a.kontakt:hover, ul#navigation li.active a.kontakt:hover{
			background:url(../images/navigation2-hover.jpg) -391px -3px no-repeat;
		}
		
		ul#navigation a.anfahrt{
			width:71px;
			background:url(../images/navigation2.jpg) -473px -3px no-repeat;
		}
		ul#navigation li.active a.anfahrt, ul#navigation a.anfahrt:hover, ul#navigation li.active a.anfahrt:hover{
			background:url(../images/navigation2-hover.jpg) -473px -3px no-repeat;
		}
		
		ul#navigation a.impressum{
			width:88px;
			background:url(../images/navigation2.jpg) -552px -3px no-repeat;
		}
		ul#navigation li.active a.impressum, ul#navigation a.impressum:hover, ul#navigation li.active a.impressum:hover{
			background:url(../images/navigation2-hover.jpg) -552px -3px no-repeat;
		}
		
	#content-wrapp{
		background:url(../images/content-wrapp-bgr.jpg) no-repeat;
		width:655px;
		
		display:table;
		float:none;
		clear:both;
	}
		#content{
			padding:0 0 0 24px;
			min-height:301px;
			position:relative;
			z-index:1;
		}
		#index-content{
			width:344px;
			float:left;
			padding:0 19px 0 0;
		}
			#content h1, #content h2, #content p{
				padding:0 24px 0 0;
			}
			
			#content h1, #content h2, #content p{
				padding-right:20px;
			}
			
			#content h1{
				font-size:18px;
				line-height:21px;
				color:#ad2d2d;
				font-weight:normal;
				padding:28px 24px 13px 0;
			}
			#content h2{
				font-size:14px;
				line-height:16px;
				font-weight:bold;
				margin:0 0 9px 0;
			}
			#content p{
				margin:0 0 16px 0;
				line-height:16px;
			}
			#content ul{
				line-height:16px;
				margin:0 0 15px 0;
			}
			#content img{
				border:none;
			}
			#content a img{
				border:solid 1px #9a0b0b;
				padding:2px;
			}
			.address-field{
				line-height:16px;
				float:left;
				clear:both;
			}
				.row{
					width:239px;
					float:none;
					clear:both;
				}
				.left-cell{
					width:112px;
					float:left;
				}
				.right-cell{
					width:127px;
					float:left;
					text-align:right;
				}
				
		#spacer{
			width:261px;
			height:378px;
			float:left;
		}
	#footer{
		height:159px;
		background:transparent url(../images/footer.gif) no-repeat;
		margin:-150px 0 0 0;
	}
#containerSwf{
	width:261px;
	height:378px;
	margin:0;
	border:none;
	background: url(images/bg_slideshow.png) top left no-repeat;
}

div#slider {
	width:261px!important;
	height:378px!important;
	float:left;
}

#aktionen {
width:650px;

}
.boxbuttons a img {
filter:alpha(opacity=70);
-moz-opacity: 0.7; 
opacity: 0.7;
border:0;
border	:1px solid #000;
}
.boxbuttons a:hover img	{
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
border	:1px solid #000;
}

#wrapper #content-wrapp #content .leistung li {
	background: url(../images/li_herz.png) center left no-repeat;
	padding: 0 0 5px 25px;
	list-style-type: none;
	position:relative;
}
*html #wrapper #content-wrapp #content .leistung li {
background: url(../images/li_herz.gif) center left no-repeat
}