@CHARSET "UTF-8";

* {
	margin: 				0;
	padding: 				0;
	}

p {
	margin-bottom: 			12px;
	line-height:			20px;
	}

ul {
	margin-left: 			15px;
	list-style-position:	inherit;
	line-height:			20px;
	}

li {
	margin-top:				5px;
	}

h1, h2, h3 {
	font-weight: 			bold;
	font-size: 				12px;
	line-height: 			20px;
	margin-bottom: 			5px;
	color: 					#7ABD1F;
	margin-top:				5px;
	}

a {
	color: 					#7ABD1F;
	text-decoration: 		none;
	}

a:link {
	color: 					#7ABD1F;
	text-decoration: 		none;
	}

a:visited {
	color: 					#7ABD1F;
	text-decoration: 		none;
	}

a:focus {
	color: 					#7ABD1F;
	text-decoration: 		none;
	}

a:hover {
	color: 					#000000;
	text-decoration: 		none;
	}

a.active {
	color: 					#000000;
	text-decoration: 		none;
	}

img {
	border:					none;
	}
	
html,body {
	height: 				100%;
	color: 					#000000;
	background:				url(../images/bg_blau-gruen.jpg) repeat-x;
	background-position: 	left 50%;
	font: 					normal 12px/ 20px tahoma, arial, verdana, sans-serif;
	}

#distance { 
	width:					1px;
	height:					50%;
	margin-bottom:			-375px; /* half of container's height */
	float:					left;
	text-align:				center; /* horizontal centering for IE Win quirks */
	}

#box {
	margin:					0 auto;
	position:				relative; /* puts container in front of distance */
	height:					750px;
	background:				none;
	clear: 					left;
	}

#top, #bottom {
	position: 				absolute;
	margin-top: 			0px;
	height:					200px;
	background:				none;
	}

#bottom {
	margin-top:				550px;
	}
	
.navigation {
	width:					auto;
	min-width:				850px;
	height:					25px;
	margin:					147px auto auto 272px;
	}
	
ul.navigation  {
	width:					auto;
	list-style:				none;
	margin-left:			0px;
	}

ul.navigation li {
	width:					auto;
	height:					25px;
	float:					left;
	padding-right:			25px;
	font-weight:			normal;
	font-size:				12px;
	line-height:			25px;
	vertical-align: 		baseline;
	text-align:				right;
	}
	
ul.navigation a 		{ color:#ffffff; text-decoration:none; }
ul.navigation a:link 		{ color:#ffffff; text-decoration:none; }
ul.navigation a:visited 	{ color:#ffffff; text-decoration:none; }
ul.navigation a:focus 		{ color:#ffffff; text-decoration:none; }
ul.navigation a:hover 		{ color:#7ABD1F; text-decoration:none; }
ul.navigation li.active a 	{ color:#7ABD1F; text-decoration:none; font-weight:bold; }

#maincontent {
	position: 				absolute;
	width:					10000px;
	margin:					200px auto auto 0px;
	height:					350px;
	background:				#ffffff;
	}

.subnavigation {
	position: 				relative;
	margin:					15px 15px auto 77px;
	width:					170px;
	height:					300px;
	padding:				10px;
	padding-left:			0px;
	float:					left;
	background:				none;
	}
	
ul.subnavigation  {
	width:					auto;
	list-style:				none;
	padding-top:			0px;
	margin:					0px auto auto 0px;
	}

ul.subnavigation li {
	width:					auto;
	height:					auto;
	font-weight:			normal;
	font-size:				12px;
	/*line-height:			25px;*/
	/*vertical-align: 		baseline;*/
	text-align:				left;
	margin-bottom:			5px;
	}
	
ul.subnavigation a 			{ color:#000000; text-decoration:none; }
ul.subnavigation a:link 	{ color:#000000; text-decoration:none; }
ul.subnavigation a:visited 	{ color:#000000; text-decoration:none; }
ul.subnavigation a:focus 	{ color:#000000; text-decoration:none; }
ul.subnavigation a:hover 	{ color:#7ABD1F; text-decoration:none; }
ul.subnavigation li.active a 	{ color:#7ABD1F; text-decoration:none; }

#wdh {
	float: 					left;
	width: 					35px;
	height: 				320px;
	background:				url(../images/content_bg.gif) no-repeat bottom left;
	margin-top:				15px;
}

.content {
	position: 				relative;
	margin:					15px 45px auto auto;
	max-width:				540px; /*475px;*/
	height:					300px;
	padding:				10px 0px;
	padding-right:			50px;
	float:					left;
	overflow:				visible;
	}

#logo {
	position:				absolute;
	height:					180px;
	margin:					20px auto auto 77px;
	}

#extras {
	position:				absolute;
	height:					110px;
	width:					170px;
	margin:					15px 15px auto 77px;
	background: 			none;
	color:					#ffffff;
	}
	
#bildleiste {
	position: 				absolute;
	height:					110px;
	width: 					2728px;
	margin:					20px auto auto 272px;
	background: 			none;
	}

#bildleiste img {
	margin-right:			10px;
	border:					1px solid #000000;
}

.foto {
	float:					left;
	margin-right:			10px;
	}
	
#plus {
	position:				absolute;
	height:					18px;
	width:					18px;
	margin:					81px auto auto 263px;
	z-index:				9;
	}
	
#bottom_text {
	position: 				absolute;
	height:					20px;
	width: 					300px;
	margin:					100px auto auto 272px;
	background: 			none;
	color:					#ffffff;
	}

.clear {
	clear:					both;
	}

.cal_liste, .news_list {
	width:					9500px;
	height:					300px;
	}
	
.cal_event_odd, .news_1 {
	float:					left;
	width:					260px;
	height:					280px;
	margin-right:			40px;
	padding: 				10px 10px;
	background:				#f3f3f3;
	}
	
.cal_event_even, .news_2 {
	float:					left;
	width:					260px;
	height:					280px;
	margin-right:			40px;
	padding: 				10px 10px;
	}
	
.news_1, .news_2 {
	padding:				0 10px;	
}
	
.cal_datum, .news_date {
	width:					100%;
	height:					65px;
	text-align:				right;
	font-weight:			bold;
	}

.news_date {
	height:					30px;
	}
	
.cal_text {
	height:					215px;
	width:					100%;
	}
	
.cal_titel, .news_title {
	height:					auto;
	}

.cal_ort {
	height:					20px;
	}
	
.cal_beschreibung, .news_more {
	height:					140px;
	margin-top:				10px;
	text-align:				justify;
	overflow:				hidden;
	}

.news_more {
	height:					200px;
	}

.contenttable p {
	line-height:			12px;
	margin-top:				0px;
	margin-bottom:			0px;
	}

.contenttable {
	border-collapse:		separate;
	border-spacing:			10px;
	border:					none;
	padding:				0px;
	}

.contenttable th {
	line-height:			10px;
	height: 				10px;
	font-size: 				9px;
	}

.contenttable td {
	text-align: 			center;
	width:					105px;
	}

.contenttable td h2{
	text-align: 			left;
	margin-bottom: 			0px;
	}

.inhalt {
	padding:				20px 20px;
	}
	
.inhalt h2 {
	font-size:				12px;
	font-weight:			bold;
	color:					#000000;
	}
	
#detail_header {
position: absolute;
	background:				#212B33;
	height:					200px;
	width:					100%;
	}
	
#detail_content {
	position: 				absolute;
	height:					auto;
	padding:				20px 77px;
	margin:					200px auto auto 0px;
	}
	
.cal_single_datum, .cal_single_beschreibung {
	margin-top:				10px;
	}