/* Global Resetting */
html{	
	width: 100%;
	height: 100%;
	background:#fff;
}
body {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
	/* reset font-sizes to 1em == 10px */
}
* {
	font-size: 1em;
	/* reset font-sizes to 1em == 10px */
	padding: 0;
	margin: 0;
	font-family:Arial,Verdana,sans-serif;
	list-style:none;
}
a img{
	border:0;
}
.clear{
	clear:both;
}

/* Layout CSS */
#Main {
	margin:0px auto;
	width:960px;
}
#Header {
	position: relative;
	width:960px;
	height:300px;
	overflow: hidden;
}
	#Header h1 {
		color:#fff;
		font-size:1.5em;
		line-height:4.5em;
		padding-left:20px;
	}

	#Header .theme img {
		position:absolute;
		left:0px;
		top:0px;
	}

	#Header .Logo {
		position:absolute;
		left:0px;
		bottom:0px;
		z-index: 10;
		width:481px;;
		height:146px;
		background:url(../images/logo.png) no-repeat left bottom;
	}


	*html #Header .Logo {
		background:url(../images/logo.gif) no-repeat left bottom;
	}
	
	#Header .Servicenavigation {
		background:url(../images/servicenav_bg.png) no-repeat right top;
		position:absolute;
		right:0px;
		top:0px;
		height:30px;
		width:480px;
		text-align:right;
		padding-top: 6px;
		padding-right:10px;
		z-index: 10;
		color:#0089E0;
	}

	*html #Header .Servicenavigation {
		background:url(../images/servicenav_bg.gif) no-repeat right top;
	}


	#Header .Servicenavigation a {
		padding: 0px;
		text-decoration: none;
		font-size: 12px;
		color:#0089E0;
	}
	
		#Header .Servicenavigation a:hover {
		text-decoration: underline;
	}

#Header .Servicenavigation div.slashes {
		display: inline;
		padding: 0 10px 0 10px;
		font-size: 15px;
}



		#Menu1 {
			position: absolute;
			bottom:0px;
			left:30px;
			padding-left:1px;
			background:url(../images/menu1_separator.png) no-repeat 0px bottom;
		}
			#Menu1 li {
				float:left;
				margin-left:0px;
				background:url(../images/menu1_separator.png) no-repeat right bottom;
				display:inline;
			}
				#Menu1 li.current,
				#Menu1 li.section {
				}
				#Menu1 li a {
					display:inline-block;
					color:#222;
					height:22px;
					font-weight:bold;
					font-size:1.5em;
					text-decoration:none;
					padding:14px 20px 6px 20px;
				
				}
					#Menu1 li a:hover {
						color:#000;
						background:url(../images/menu1_hover.png) no-repeat right top;
						opacity: 0.6;
					}
					#Menu1 li a.current,
					#Menu1 li a.section {
						color:#0089e0;
						background:url(../images/menu1_hover.png) no-repeat right top;
					}

#searchbox {
			background:transparent url(../images/suche.png) no-repeat scroll left top;
			position:absolute;
			top:12px;
			right:5px;
			width:141px;
			height:25px;
}


#NavigationContainer fieldset {
			border:0px;
}

#NavigationContainer input#SearchForm_SearchForm_Search {
			position: absolute;
			width: 120px;
			height: 18px;
			bottom:4px;
			right:18px;
			border:0px;
}

#NavigationContainer input#SearchForm_SearchForm_action_results {
			position: absolute;
			width: 18px;
			height: 18px;
			bottom:4px;
			right:0px;
			border:0px;
			background:transparent none repeat scroll 0 0;
			border: none;
			clear:none;
			cursor:pointer;
}

div#links ul.Menu2 {
	margin:0px;
	padding:0 0 20px 10px;
	font-size:1.35em;
	line-height:1.5em;
}

	div#links ul.Menu2 li {
		margin:0px;
		padding:0px;
		list-style:none;
		display: block;
	}

*html div#links ul.Menu2 li {
		height:20px;
}
		div#links ul.Menu2 li a {
			display:block;
			color:#0089E0;
			text-decoration:none;
			padding:0px;
			padding-left: 10px;
		}

		div#links ul.Menu2 li a:hover {
			color:#00477a;
			background: url(../images/menu2hover.png) no-repeat;
			background-position:0px 6px;
			text-decoration:none;

		}

		div#links ul.Menu2 li a.current,
		div#links ul.Menu2 li a.section {
			color:#00477a;
			background: url(../images/menu2hover.png) no-repeat; 
			background-position:0px 5px;
			text-decoration:none;
		}

div#links ul.Menu3 {
	margin: 0 0 5px 20px;
}

div#links ul.Menu3 li a {
	font-size: 0.85em;
}

#NavigationContainer {
	position: relative;
	width:960px;
	height:42px;
	overflow: hidden;
	background-color:#b7dfef;
}

#ContentContainer {
	padding-top:20px;
	padding-bottom:20px;
	background-color: #fff;
	min-height:320px;
	overflow: auto;
}

#Content {

}

#links {
	width: 220px;
	padding: 0 10px;
	overflow: hidden;
}

#rechts {
	width: 220px;
	padding: 0 0px 0 10px;
	overflow: hidden;
}

*html #rechts,
*html #links {
	width: 215px;
}

#links {
	float: left;
}

#rechts {
	float: right;
}

#rechts .feed {
	background-color: #e5e5e5;
	display: block;
	width: 200px;
	padding:10px;
	font-size: 0.9em;
}

#rechts .feed .oneevent {
	margin-top: -35px;
	margin-bottom: -35px;
	padding-bottom:20px;
	position: relative;
}

#rechts .feed .oneevent img.trans_shadow {
	position:absolute;
	top:55px;
	left:0px;
}

#rechts .feed .oneevent h4,
#rechts .feed .oneevent p {
	margin: 0;
	position: relative;
	top: -48px;
	color:#fff;
	padding-left: 10px;
}

/* this one doesn't work in f'ing IE -> so it's inline in iframe as well */
#rechts iframe {
	background-color: #e5e5e5;
}

#mitte {
	width: 460px;
	padding: 0 10px;
	margin: 0 240px;
}

*html #mitte {
	width: 454px;
}

/* ----------------------------start startseite ---------------------------*/

.teaser {
	width:200px;
	height:410px;
	position:relative;
	padding: 0 15px;
	margin: 0 5px;
	float:left;
	overflow:hidden;
}

*html div.teaser {
	width:198px;
}

#ContentContainer .teaser img#Teaserbild {
	position:absolute;
	top: 15px;
	left:15px;
}

#ContentContainer .teaser img#background {
	position:absolute;
	top: 95px;
	left:15px;
}

#ContentContainer .teaser h2 {
	position:absolute;
	top:97px;
	left:20px;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
}

#ContentContainer .teaser p.detail {
	position:absolute;
	top:114px;
	left:20px;
	color: #eee;
	font-size: 15px;
	font-weight: 400;
}

#ContentContainer .teaser h1 {
	position:absolute;
	top:188px;
	left:20px;
	color: #eee;
	opacity: .4;
	font-size: 47px;
	font-weight: 580;
}

#ContentContainer .teaser p.claim {
	position:absolute;
	top:145px;
	left:20px;
	color: #fff;
	font-size: 22px;
	line-height:22px;
	font-weight: 550;
}

#ContentContainer .teaser div.Content {
	position:absolute;
	top:265px;
	left:20px;
	color: #444;
}

#ContentContainer .teaserlink {
	position: absolute;
	top:0px;
	left:0px;
	width:230px;
	height:245px;

	cursor:pointer;
}

.teaser a p{
	font-size: 1em;
}


#gruen {
	background: url(../images/startseite_teaser/gruen_hg.png) no-repeat;
}
div#gruen:hover {
	background: url(../images/startseite_teaser/gruen_hg.png) no-repeat scroll -230px 0;
}

#bronze {
	background: url(../images/startseite_teaser/bronze_hg.png) no-repeat scroll left top;
}
div#bronze:hover {
	background: url(../images/startseite_teaser/bronze_hg.png) no-repeat scroll -230px 0;
}

#purpur {
	background: url(../images/startseite_teaser/purpur_hg.png) no-repeat;
}
div#purpur:hover {
	background: url(../images/startseite_teaser/purpur_hg.png) no-repeat scroll -230px 0;
}

#orange {
	background: url(../images/startseite_teaser/orange_hg.png) no-repeat;
}
div#orange:hover {
	background: url(../images/startseite_teaser/orange_hg.png) no-repeat scroll -230px 0;
}

/* ---------------------------- onlineshop ---------------------------*/

.feedupproduct {
	padding:4px 0;
	border:1px solid #fff;
	height:110px;
	width:450px;
	display:block;
}

.feedupproduct:hover {
	border:1px solid #bbb;
	cursor:pointer;
}

.feedupproduct a p,
.feedupproduct a h5 {
	text-decoration:none;
}

.feedupproduct .txt {
}

/* ---------------------------- end onlineshop ---------------------------*/

#Footer {
	border-top: 1px solid #8a8a8a;
	padding: 10px 0 30px 0;
	color:#4a4a4a;
	font-size: 12px;
	line-height: 20px;
	clear:both;
}

#Footer span {
	padding:0 0 0 12px;
}
#Footer span a {
	color:#0089E0;
	text-decoration:none;
	border-bottom: 1px dotted;
}

#Footer span a:hover {
	text-decoration:none;
	border-bottom: 1px solid #0089E0;
}


#scalecontrol {
display:none;
}

img.leftAlone {
display:block;
}

.typography ul#SearchResults li {
	font-size:1em;
}

a#WeitereDaten {
	display:block;
}

/* stop audio captch from showing up since it does not seam to work */
form span.mollom-audio-captcha {
	display:none;
}


form div.mollom-captcha span {
	padding-left:130px;
}