html, body {
	margin: 0;
	padding: 0;
	width: 100%;
}

html {
	background: #000 url('../images/HolzTextur.jpg') repeat center top;
}

body {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
	text-align: center;
}

.Printonly {
	display: none;	
}

#Container {
	margin: 0 auto;
	padding: 20px 0;
	width: 941px;
	text-align: left;
}

#ContentContainer {
	padding: 24px;
	clear:both;
	float:left;
	width: 893px;
	background: #fff url('../images/kreuz-watermark.png') no-repeat left bottom;
}

#Header {
	float: left;
	width: 100%;
	margin: 3px 0 12px 0;
}

#Navigation {
	float: left;
	width: 210px;
	list-style-type: none;
	margin: 0 15px 0 0;
	padding: 0;
	
	font-size: 15px;
	line-height: 30px;
	border: 0px solid #ccc;
	border-top-width: 1px;
}

	#Navigation li {
		border: 0px solid #ccc;
		border-bottom-width: 1px;
	}
	
	#Navigation ul {
		list-style-type: none;
		margin: 0;
		padding: 5px 0;
		font-size: 13px;
		line-height: 20px;
		border: 0px solid #ededed;
		border-top-width: 1px;
	}
	
	#Navigation ul li {
		border: 0;
	}
	
	#Navigation a {
		margin-left: 10px;
	}
	
	#Navigation ul a {
		margin-left: 22px;
	}
	
	#Navigation a:hover {
		text-decoration: none;
		color: #444;
	}
	
	#Navigation a.current {
		font-weight: bold;
		color: #444;
	}
	
#MetaColumn {
	width: 210px;
	float: left;
	border: 0px solid #ccc;
	border-top-width: 1px;
}

#Content {
	width: 443px;
	float: right;
}

.ImageBlock {
	margin-top: 1em;	
}

h2 + .ImageBlock {
	margin-top: 0;	
}

.Block {
	border: 0px solid #ccc;
	border-bottom-width: 1px;
	padding: 10px 0;
}

.Block p {
	margin: 0;	
}

.NewsBlock, .EventBlock, .ListBlock {
	float: left;
	width: 100%;
	border-color: #ededed;
}

.ListBlock {
	border: 0;
	padding: 0 0 10px 0;	
}

#MetaColumn .NewsBlock {
	border-color: #ccc;	
	float: none;
}

#MetaColumn .ThumbBlock {
	height: auto;
	margin: 0 0 10px 0;
}

#MetaColumn h2 {
	line-height: 1em;
	margin-top: 20px;
	padding: 0;
}

#MetaColumn h3 {
	margin: 0;	
}

#MetaColumn .AddressBlock {
	color: #999;	
}

#MetaColumn .TextBlock {
	margin: 0;	
}

.ThumbBlock {
	width: 210px;
	height: 92px;
	margin: 0 15px 0 0;
	line-height: 0;
	background: #ededed;
	float: left;
}

.ThumbBlock a {
	line-height: 0;	
}

.TextBlock {
	margin-left: 225px;	
}
	
.OpeningTimes dt {
	width: 120px;
	float: left;
}

.EventInfo {
	margin: 0;	
}

.EventInfo dt {
	float: left;
	width: 75px;
	color: #999;	
}

.EventInfo dd {
	margin-left: 80px;
}

.EventDate {
	margin-top: 0px;	
}

#Content h2 + .EventBlock {
	padding-top: 0;	
}

#Content h2 + .ListBlock {
	padding-top: 0;	
}

.SlideshowBlock {
	margin-top: 1em;
}

.Links {
	list-style-type:none;
	margin: 0 0 1em 0;
	padding: 10px 0;
	border: 0px solid #ededed;
	border-width: 1px 0;
}

.Links .Link {
	display: block;
	padding: 3px 0 3px 22px;
	background: url('../images/icon-misc.png') no-repeat left center;
}

.Links .Video {
	background-image: url('../images/icon-video.png');
}

.Links .Music {
	background-image: url('../images/icon-audio.png');
}

.Links .Info {
	background-image: url('../images/icon-info.png');
}

.Links .Pdf {
	background-image: url('../images/icon-text.png');
}

#GalleryBlock {
	width: 100%;
	height: 332px;
}

#GalleryBlock a {
	display: block;
	line-height: 0;	
}

#GalleryNav {
	list-style-type:none;
	float:left;
	width: 100%;
	padding: 0;
	margin: 1em 0 0 0;
	position: relative;
}


#GalleryWrapper #GalleryNav {
	margin: 0;	
	position: relative;
}

#GalleryWrapper {
	width: 443px;
	height: 54px;
	overflow: hidden;	
	margin: 1em 0 0 0;
	position: relative;
}

#GalleryNav li {
	float: left;	
}

#GalleryNav li a {
	float: left;
	margin: 0 2px 2px 0;
	line-height: 0;
	display: inline;
}

#GalleryNav li a.last {
	margin: 0 0 2px 0;
}

#GalleryWrapper li a {
	opacity: 0.3;
	filter: alpha(opacity = 30);
	-moz-opacity: 0.3;
}

#GalleryWrapper li a.activeSlide {
	filter: alpha(opacity = 100);
	opacity: 1.0;
	-moz-opacity: 1.0;
}
