/* CSS Document */

* {
	margin: 0;
	outline: none;
}

HTML {
	height: 100%;
	}

BODY {
	background-color: #64681f;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	margin: 0;
	padding: 0;
	height: 100%;
	
	}
	
IMG { border: none; }

h1 { 
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	}	
	
#allbutfooter {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -25px; /* the bottom margin is the negative value of the footer's height */		
}	

#wrapper {
	width: 100%;
	border: 0px solid #000;
	}	

#header { height: 130px; }
#headerContent { padding: 30px; }

#header #kontaktdatenRight a { color: #000; text-decoration: none; padding: 2px; padding-bottom: 1px; border-bottom: 1px solid #000; line-height: 20px; }
#header #kontaktdatenRight a:hover { color: #fff; text-decoration: none; padding: 2px; background-color: #000; padding-bottom: 4px; }

#header #logo { 
	float: left; 
	}
	
#header #logo A {
	display: block;
	}	
	
#header #logo #memux {
	width: 400px;
	height: 55px;
	background: url('../img/logoMemux.gif') no-repeat;
	}
	
#header #logo #memux.active,
#header #logo #memux:hover {	
	background-position: 0 -55px;
	}
	
#header #logo #mennel {
	float: left;
	clear: both;
	background: url('../img/logoMennel.gif') no-repeat;
	width: 159px;
	height: 15px;
	}	
	
#header #logo #muxel {
	float: left;
	background: url('../img/logoMuxel.gif') no-repeat;
	width: 159px;
	height: 15px;	
	}		
	
#header #logo #muxel:hover,
#header #logo #muxel.active {	
	background-position: 0 -15px;
	}
	
#header #logo #mennel:hover,
#header #logo #mennel.active {	
	background-position: 0 -15px;
	}	
		
#header #kontaktdatenLeft { float: right; text-align: left; color: #000; font-size: 12px; width: 150px; line-height: 16px; }
#header #kontaktdatenRight { float: right; text-align: right; color: #000; font-size: 12px; width: 120px; line-height: 16px; }

#main {
	width: 100%;
	}
	
#content {
	border: 0px dotted #fff;
	}
	
#content TABLE img { margin-bottom: 10px; }
#content TABLE .image a { color: #000; text-decoration: none; padding: 2px; border-bottom: 1px solid #000; line-height: 22px; }
#content TABLE .image a:hover { color: #fff; text-decoration: none; background-color: #000; }

#contentTitle, .contentTitle {
	position: absolute;
	top: 200px;
	left: 0px;
	font: 18px Verdana, sans-serif;
	color: #fff;
	width: 100%;
	}
	
#contentTitle .fl,
.contentTitle .fl {
	padding-left: 10px;
	}	
	
#contentBack {
	margin-right: 30px;
	}
#contentBack A { color: #FFF; text-decoration: none; }		
	
#contentStripe {
	margin-top: 100px;
	}
	
#contentNormal {
	margin-top: 100px;
	margin-left: 30px;
	line-height: 16px;
	margin-right: 30px;
	}

#textBox {
	position: absolute;
	left: 0px;
	top: 230px;
	width: 370px;
	height: 350px;

	}
	
#textContent {
	position: relative;
	margin: 0px 10px 0px 10px;
	z-index: 2000;
	width: 320px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;	
	}	
	
#textContent A, #downloadPDF A { color: #FFF; border-bottom: 1px solid #FFF; text-decoration: none; line-height: 16px; padding: 2px 1px 0px 1px; }	
#textContent A:hover, #downloadPDF A:hover { color: #000; background-color: #FFF; border-bottom: 1px solid #FFF; text-decoration: none; line-height: 16px; }	
	
#scrollUp {
	position: absolute;
	right: 10px;
	bottom: 27px;
	z-index: 1000;
	}
#scrollDown {
	position: absolute;
	right: 10px;
	bottom: 7px;
	z-index: 1000;
	}
	
#scrollLeft {
	position: absolute;
	top: 590px;
	left: 380px;
	
	}
	
#scrollRight {
	position: absolute;
	top: 590px;
	left: 400px;
	}		
	
#imagestripe {
	z-index: 0;
	overflow: hidden;
}	

#slider {
	z-index: 1;
	}
	
#sliderBackground {
	z-index: 0;
	position: absolute;
	top: -100px;
	}	
	
.video {
	height: 350px;
	overflow: hidden;
	}	
	
.button_swfupload {
	font: 11px Verdana;
	font-weight: bold;
	}
	
#btnCancel {
	display: none;
	}		

#nav { 
	font: 18px Verdana, sans-serif;
	color: #000;
	position: absolute;
	bottom: 10px;
	width: 1000px;
	height: 22px;
	}
	
.navBlock {
	width: 140px;
	position: relative;
	float: left;
	}	
	
.nav1 {
	float: left;
	margin-left: 10px;
	border: 0px solid #000;
	bottom: 0px;
	overflow: hidden;
	height: 22px;
	}	

.nav1 a { color: #929561; text-decoration: none; }	
	
.nav2 { 
	text-align: right;
	position: absolute;
	right: 0px;
	bottom: 0px;
	}
	
.nav2 a { color: #000; text-decoration: none; }

.nav3 { 
	border: 0px solid #000;
	text-align: right;
	position: absolute;
	bottom: 30px;
	right: 0px;
	font-size: 11px;
	line-height: 16px;
	width: 175px;
	}
	
.nav3 a {
	color: #000;
	text-decoration: none;
	padding: 1px 3px 2px 3px;
	margin-bottom: 2px;
	}
	
.nav3 a:hover {
	background-color: #000;
	color: #fff;
	}
	
.nav3active {
	background-color: #FFF;
	color: #333;
	font-weight: bold;
	}						
	
.navSub { 
	height: 180px; 
	border: 1px solid #000;
	}	
	
.nav1Active A { color: #FFF; }	

#credits {
	position: absolute;
	right: 20px;
	top: 10px;
	}
	
#credits A { 
	display: block; 
	width: 60px; 
	height: 30px; 
	padding: 0 !important; 
	margin: 0 !important;
	text-decoration: none; 
	border: none !important; 
	background: url('../img/logoFreelenz.gif') no-repeat; 
	
	}
	
#credits A:hover { background-position: 0 -30px; }

#credits SPAN {
	font: 10px Tahoma;
	line-height: 25px;
	}	
	
#downloadPDF {
	position: absolute;
	top: 595px;
	left: 10px;	
	padding-bottom: 2px;
	}
	
#downloadPDF A { padding: 0px 1px 0 1px; }	
	
.push { clear: left;}

#footer, .push { height: 25px; margin: 0 auto; /* .push must be the same height as .footer */ }	
	
.fl { float: left; }
.fr { float: right; }	
.cl { clear: left; }
.cr { clear: right;

.clearer { clear: both; }