/* Infos
-----------------------------------------------------
Autor:	MZ
Date: 	31.03.08 @ 15.17 Uhr
Update: 31.03.08 @ 10:17 Uhr 
User:	IK
*/

/* Farben
-----------------------------------------------------
   Body Background:       #2F2C22
   Main Text:             #B3A576
   Links:                 #9C6D25
   Links Hover:			  #9C6D25
   Dark Brown Border:     #222019
   Green Headline:        #958944
*/

/* Index
-----------------------------------------------------

	1.0 Basics
	
	2.0 Header
	--2.1 Top-Navigation
	
	3.0 Main-Navigation
	
	4.0 Content
	
	5.0 Footer
*/	



/* 1.0 +Basics
---------------------------------------------------*/
@import "reset.css";

@media print {
	* {background: #fff; color: #000;}
	html {font: 100%/1.5 georgia, serif;}
	#mainnav, #footer, #topnavi {display: none;}
	}

html {
	font:normal 62.5% Arial, Helvetica, sans-serif;
	height:100%;	
	overflow: -moz-scrollbars-vertical;
}


body {
	background:#fff url('/images/mainbg.gif') repeat-x top;
	margin:0;
	padding:0;
	height:100%;
	}

a {
	font-weight:bold;
	text-decoration:underline;
	color:#00aad2;
	}

#wrapper {
	width:900px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
	}


/* ========================================================
	Header
=========================================================*/
#header {
	width:900px;
	height:212px;
	}	

	#header #logo {
		margin:50px 0 60px;
		}´

/* ========================================================
	Mainnavi
=========================================================*/

#mainnavi {
	width:900px;
	margin:0;
	padding:0;
	list-style:none;
	}

		#mainnavi li {
			display:inline;
			text-align:left;
			}


			
		#mainnavi li a.last {
			display:inline;
			text-align:left;
			margin-right:0;
			padding:0;
			}

		#mainnavi li a.lastactive {
			display:inline;
			text-align:left;
			margin-right:0;
			padding:12px 10px 10px;
			}


	
			#mainnavi a{
				font:bold 1.4em Arial, Helvetica, sans-serif;
				text-transform:uppercase;
				color:#fff;
				display:inline;
				text-decoration:none;
				margin:0 65px 0 0;
				}

			#mainnavi li a.active {
			background:#82cee8;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			padding:12px 10px 10px;
			}
			
			#mainnavi a span{
				color:#00aad2;
				}
	
			#mainnavi a:hover{
				color:#00aad2;
				}
	
			#mainnavi a:hover span{
				color:#fff;
				}


/* ========================================================
	Subnavi
=========================================================*/

#subnavi {
	width:200px;
	margin:0;
	padding:0;
	float:left;
	}

	#subnavi li h2{
		font:bold 1.8em Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#000;
		Padding-bottom:20px;
		border-right:1px solid #e0e0e0;
}

	#subnavi li h2 span{
		color:#00aad2;
		}

	#subnavi li a{
		display:block;
		border-right:1px solid #e0e0e0;
		padding:8px 10px 8px 0;
		font:bold 1.4em Arial, Helvetica, sans-serif;
		color:#9c9c9c;;
		text-decoration:none;
		}
		
 	#subnavi li a:hover{
		display:block;
		padding:8px;
		font:bold 1.4em Arial, Helvetica, sans-serif;
		background:#82CEE8;
		color:#fff;
		text-decoration:none;
		-moz-border-left-radius:5px;
		-webkit-border-left-radius:5px;
		}

 	#subnavi li.active a{
		display:block;
		padding:8px;
		font:bold 1.4em Arial, Helvetica, sans-serif;
		background:#00aad2;
		color:#fff;
		text-decoration:none;
		-moz-border-left-radius:5px;
		-webkit-border-left-radius:5px;
		}


/* ========================================================
	Footer
=========================================================*/

#footer {
	clear:both;
	height:4em;
	width:100%;
	background:#161616;
	margin:0 auto;
	}

.sticky {
	 height: 4em;
	 }
	#footer div {
		width:800px;
		margin:0 auto;
		}

	#footer p {
	width:600px;
	margin:0 auto;
	font:normal 1em Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	float:left;
	}

	#footer p.right {
	width:200px;
	margin:0;
	font:normal 1em Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:right;
	float:right;
	}

	#footer p a{
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#00aad2;
	text-decoration:none;
	line-height:4em;
	}

	#footer p a:hover{
	text-decoration:underline;
	}
	


/* ========================================================
	Content
=========================================================*/

#contentwrap {
	width:900px;
	margin:20px 0 0;
	min-height:400px;
	}
	
	h2 {
		font:bold 1.8em/1.8em Arial, Helvetica, sans-serif;
		color:#00aad2;
		}

	h2 span {
		color:#e9e9e9;
		}

a {
	white-space:nowrap;
}

a.action {
	clear:left;
	float:left;
	background:#00aad2;
	color:#fff;
	padding:10px;
	margin:10px 0 0;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}
	
a:hover.action {
	background:#fff;
	color:#00aad2;
	}

.fr {
		float:right;
}
/* ========================================================
	Intro
=========================================================*/
#intro {
	width:100%;
	margin:0 0 20px;
}
	
	#intro h2 {
		font-size:3em;
	}
	
	#intro h3 span{
		color:#363636;
		margin-right:5px;
		}
	
	#intro p {
		width:500px;
		font:normal 1.2em/1.4em Arial, Helvetica, sans-serif;
		}


	
/* ========================================================
	Aktuelles
=========================================================*/

#aktuelles {
	width:470px;
	margin:20px 0 0;
}

	#aktuelles .news {
		width:100%;
		padding:0;
		margin:0 0 15px;
		padding:0 0 15px;
		border-bottom:1px solid #e0e0e0;
		}

#aktuelles h2 {
	font-size:2em;
}

	#aktuelles h3 {
		font:bold 1.4em Arial, Helvetica, sans-serif;
		}

	#aktuelles h3 span{
		color:#9c9c9c;
		margin-right:5px;
		}
	
	#aktuelles p {
		font:normal 1.2em/1.4em Arial, Helvetica, sans-serif;
		}




	


/* ========================================================
	Teaser
=========================================================*/

#teaser {
	width:290px;
	float:right;
	margin:10px 0 30px;
	padding:10px;
	font:bold 1.8em/1.4em Arial, Helvetica, sans-serif;
	background:#000;
	color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	overflow:hidden;
	}




/* ========================================================
	Meinungen
=========================================================*/

#meinungen {
	width:30%;
	background:red;
	float:right;
	}


/* ========================================================
	Impressum
=========================================================*/

#impressum dt {
		}

#impressum dd {
		font:normal 1.2em/1.5em Arial, Helvetica, sans-serif;
		}
#impressum dd img {
		vertical-align:bottom;
		}
		
#impressum dd.break {
		margin:0 0 18px;
		}
	
	
/* ========================================================
	Content
=========================================================*/

#content {
	width:640px;
	min-height:400px;
	padding:0 20px 20px 40px;
	float:left;
	background:url('/images/contentbg.gif')no-repeat bottom right;
	}

#content h3 {
	font:normal 1.2em/1.4em Arial, Helvetica, sans-serif;
	margin:0 0 15px;
	color:#9c9c9c;
	}

#content h4 {
	width:600px;
	font:bold 1.4em/1.4em Arial, Helvetica, sans-serif;
	margin:20px 0 10px;
	}

#content p {
	width:460px;
	font:normal 1.2em/1.4em Arial, Helvetica, sans-serif;
	margin:0 0 15px;
	}
	
#content strong {
	font:bold 1em/1.4em Arial, Helvetica, sans-serif;
	}	
	
#content .download {
		width:600px;
		margin: 0 0 30px;
		}
	
	#content .download td {
		padding:5px;
		font:normal 1.2em/1.4em Arial, Helvetica, sans-serif;
		border:1px solid #e0e0e0;
		}
	#content .download td span {
		float:left;
		color:#9c9c9c;
		margin:3px 0 0;
		line-height:1.4em;
		}
	#content .download td.left {
		width:130px;
		font-weight:bold;
		}

	#content .download td.center {
		width:40px;
		padding:5px;
		text-align:center;
		}

	#content .download td.center img {
		vertical-align:text-bottom;
		}

	#content .download span.english{
		font:normal 1em Arial, Helvetica, sans-serif;
		color:#9c9c9c;
		}

#content #links {
		width:600px;
		margin: 0 0 30px;
		}
	
	#content #links td {
		padding:5px;
		font:normal 1.2em/1.4em Arial, Helvetica, sans-serif;
		border:1px solid #e0e0e0;
		}
	#content #links td span {
		float:left;
		color:#9c9c9c;
		margin:3px 0 0;
		line-height:1.4em;
		}
	#content #links td.center {
		width:40px;
		padding:5px;
		text-align:center;
		}


#content #videos {
		width:450px;
		margin: 0 0 30px;
		}

	#content #videos td {
		vertical-align:top;
		padding:10px;
		font:normal 1.2em/1.4em Arial, Helvetica, sans-serif;
		border:1px solid #e0e0e0;
		}

	
	#content #videos td a {
		text-decoration:none;
		}
	#content #videos td a span{
		line-height:2em;
		text-decoration:underline;
		}

#history {
		margin:0 0 20px;
		}

#history h4 {
	width:600px;
	font:bold 1.4em/1.4em Arial, Helvetica, sans-serif;
	margin:20px 0 10px;
	border-bottom:1px solid #e0e0e0;
	}

#history p {
	width:600px;
	font:normal 1.2em/1.4em Arial, Helvetica, sans-serif;
	margin:0;
	}
	
#history ul {
		width:600px;
		margin:0;
		paddding:0;
		}
	
#history ul li {
		list-style:disc;
		font:normal 1.2em/1.4em Arial, Helvetica, sans-serif;
		margin:0 0 10px 15px;
		}
	

#kontakt {
	width:600px;
	margin:20px 0 0;
	padding:0;
	}
	
	#kontakt li {
		margin:0 0 10px;
		}

	#kontakt fieldset {
		border:none;
		padding:0;
		margin:0;
		}	

	#kontakt label {
		clear:both;
		display:block;
		width:50px;
		float:left;
		padding:5px 0 0;
		font:normal 1.2em Arial, Helvetica, sans-serif;
		}
	
	#kontakt select {
		width:120px;
		margin:0 0 0 12px;
		}
		
	#kontakt input.text {
		width:200px;
		margin:0 10px 0 10px;
		}

	#kontakt label.lang {
		width:120px;
		}

	#kontakt textarea {
		width:260px;
		margin:0 0 10px;
		min-height:100px;
		height:100px;
		}	

	#kontakt input.captcharesult {
		width:75px;
		margin:0 0 0 20px ;
		}

	#kontakt p.captchatext {
		clear:both;
		margin:0 0 10px 0;
		font:normal 1.2em Arial, Helvetica, sans-serif;
		}
	#kontakt p {
		clear:both;
		margin:0 0 10px 0;
		font:normal 1em Arial, Helvetica, sans-serif;
		}

	
#gallery a {
		width:120px;
		float:left;
		padding:10px;
		border:1px solid #e0e0e0;
		margin:0 15px 10px 0;
		background:#fff;
		}

#gallery a:hover {
		background:#82CEE8;
		}	

/* ========================================================
	Vita
=========================================================*/

#vita {
	width:450px;
}

#vita li {
	font:normal 1.2em/1.8em Arial, Helvetica, sans-serif;
	list-style:outside disc;	
	margin-left:15px;
}
#content #equipment {
		margin:20px 0 0;
}

	#content #equipment td {
		padding:5px;
		font:normal 1.2em/1.4em Arial, Helvetica, sans-serif;
		vertical-align:top;
		padding:0 10px 50px 0;
}
	#content #equipment td span {
		float:left;
		color:#9c9c9c;
		margin:3px 0 0;
		line-height:1.4em;
		}
	#content #equipment td.center {
		width:130px;
		font-weight:bold;
		text-align:center;
		}

div#kontakt {
		font:normal 12px Arial, Helvetica, sans-serif!important;
}

p.success {
	background: url('/images/success.gif') no-repeat left;
	padding:12px 10px 10px 40px;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	border:2px solid #82a20f;
	}
	
p.error {
	background: url('/images/error.gif') no-repeat left;
	padding:12px 10px 10px 40px;
	border:2px solid #e63f16;
	}
	
#datenschutz {
	width:500px;
font:normal 12px/1.5em Arial, Helvetica, sans-serif;
	margin:0 0 20px;
}