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

body {
	color:#000;
	background:#FFF;
	font-size:13px;
	font-family:Helvetica, Arial, sans-serif;
	text-align:center;
	background-position:center top;
	height:auto;
	min-height:100%;
}

#Container {
	width:900px;
	min-height:600px;
	background:#dcf1f7;
	text-align:left;
	margin:auto;
	top:30px;
	position:relative;
	margin-bottom:30px;
}

#InnerContainer {
	margin:30px	0px;
	background:url('../images/dotted.gif') repeat-y 0px 0px;
	width:900px;
	float:left;
	height:100%;
}

	#Container .row, #Container .imagerow {
		float:left;
		width:205px;
		min-height:540px;
		padding:0 10px;
		display:inline;
	}
	
	#Container .imagerow {
		width:450px;
		padding:0;
	}
	
		.imagerow .BrockImage {
			float:left;
			margin:0 10px 0.5em 10px;
			width:205px;
			display:inline;
		}
	
	#Container #Row1 {
		border:0px;
		width:200px;
		padding:0px 10px 0px 15px;
	}
	
	#Container #Row4 {
		padding-right:0;
	}

#Row1 .typography {
	margin-left:4px;	
}

#Row1 .home {
	color:#0072bc !important;
	font-weight:bold;
	font-size:1.1em;	
}
#Content { float:left; }

#MainNav {
	list-style-type:none;
	padding:0;
	margin:0;
	font-weight:bold;
	font-size:1.1em;
	float:left;
	clear:both;
}

	#MainNav li { width:100%; clear:both !important; }
	#MainNav a {
		color:#009dd9;
		text-decoration:none;
		display:block;
		margin-bottom:2px;
		padding:1px 4px;
		float:left;
		clear:both;
		line-height:1em;
	}
	
	#MainNav a:hover {
		background:#fbed00;
	}
	
a.current, a.section, a.current:hover, a.section:hover {
	background:#e4e500;
	color:#009200 !important;
}
	
#Categories {
	float:left;
	clear:both;
	margin-top:1em;
}

	#Categories li {
		width:100%;
		margin-bottom:2px;
	}
	
	#Categories a, #Lists a, #Subnav li, #News a {
		padding:0 4px;
		font-size:1.1em;
		font-weight:bold;
		color:#0072BC;
	}
	
	#Categories a:hover, #Categories a.current, #Lists a:hover, #Lists a.current, #News a:hover, #News a.current {
		color:#006a00 !important;
		background:#fbed00;
	}

		#Categories li span {
			display:none;
		}

#Pictogram {
	margin-top:0.5em;
	height:195px;
	width:195px;
	float:left;
}

	#Pictogram img { display:block; float:left; }
		
#Lists li {
	margin:2em 0 0 0;	
}
#Lists a {
	padding:2px 4px 0px 4px;
	font-size:4em;
	font-weight:bold;
	line-height:0.8em;
}


#News li {
	margin:1em 0 0 0;
	padding:0;
}
#News a {
	padding:2px 4px 0px 4px;
	font-size:3em;
	font-weight:bold;
	line-height:0.8em;
}

ul.ItemList, ul.ItemList li {
	padding:0;
	margin:0;
	list-style-type:none !important;
	width:100%;
}

	ul.ItemList a {
		text-decoration:none;
	}
	
	ul.News li {
		margin-bottom:1em;
	}
	
#Books { margin-top:1em; }

#Books li {
	width:100%;
	text-align:center;
}

#Books a {
	margin-left:50px;
	padding:3px;
	display:inline;
	float:left;
}

#Books a:hover {
	background:#fbed00;
}

#Books a.current img {
	opacity:0.66;
	-moz-opacity:0.66;
	filter:Alpha(opacity=66);
}

#Books img {
	float:left;
	display:block;
}

#Subnav {
	float:left;
	clear:both;
	margin-top:1em;
}

#Subnav li {
	padding:0;
	clear:both;
}
	
.hide { display:none; }


#map-overlay {
	display:block;
	width:192px;
	height:225px;
	background:url('../images/kreise_over.png') no-repeat top left;
	position:absolute;
	overflow:none;
}

#MapImage { margin-top:1em; }

#MapImage img {
	position:relative;
}

ul.Pictograms {
	list-style-type: none !important;
	float:left;
	margin: 0;
	padding: 0;
}

ul.Pictograms li {
	list-style-type: none !important;
	float: left;
	margin: 0 2px 0 0 !important;
	padding: 0 !important;
}