
* { margin:0; padding:0;
font-family:	arial, sans-serif;}
img { border: 0; }

/* PNG fix */
img, div { behavior: url(../js/iepngfix.htc) }

body {
	text-align: center;
	font-family: "trebuchet ms",verdana, Arial, Helvetica, Verdana;
	background-color: #534f48;
	
}

html, body, #wrapper {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
}

#wrapper {
	margin: 40px auto;
	text-align: left;
	vertical-align: middle;
	width: 900px;

}

.clear { clear: both; }
.hidden { display: none; }		
		
#page {
	width: 100%;
	text-align: left;
	background: #dae394;
}

#header {
	float: left;
	width: 100%;
	height: 120px;
	background-image: url('../images/bg_header.jpg');
	background-position: top left;				
	background-repeat: no-repeat;	
}
	#logo { 
		
		width: 300px;
		height: 40px;
		background-image: url('../images/logo2.png');
		background-repeat: no-repeat;
		z-index:2000;
		margin-top:-150px;
		position:absolute;
	}
	
	#picturetrial {
		z-index:100;
		margin-top:-15px;
	}

	.logo {
		z-index:50;
		position:absolute;
		top:55px;
		left: 0px;
	}
	.HeaderLogoSliderContainer {
		position:	relative;
		
}

	.slideshow {
		z-index: 0;
		margin-top:-12px;
}

	.picturetrial {
		background-image: url('../images/egz/egz2.jpg');
		background-repeat:repeat-x;
		width:	900px;
		height:300px;
		margin-top:-10px;
}

	#nav {
		float: left;
		
		width: 100%;
		height: 186px;
		z-index: 1000;
	}			
	
	#nav a {
		float: left;
		margin: 30px 12px -0px 30px;
	}
	
#main {
	float: left;
	width: 100%;
	background-color: #E5F2B7;
	background-image: url('../images/bg_content.jpg');
	background-position: bottom left;				
	background-repeat: no-repeat;
	
}
	#content_left {
		float: left;
		width: 290px;
		background-image: url('../images/guter_zweck.png');			
		background-repeat: no-repeat;	
		height: 449px;
	}
	
	#content_left div { padding: 75px 0px 0px 30px; }
	#content_left div img { margin-bottom: 7px; }
	
	#content {
		float: left;
		width: 320px;
		padding-top: 26px;
		font-size: 12px;
		line-height: 18px;
	}
	
		#content h1 {
			margin-bottom: 24px;
			font-size: 14px; 
			color: #508900;
			text-transform: uppercase;
		}
		
		#content h2 {
			font-size: 12px;	
			color: #508900;
			margin-bottom: 12px;
			
		}
		
		#content p {
			margin: 0px 0px 15px 25px;
			font-size: 12px;
			line-height: 16px;
		}
			
		#content p.teaser {
			font-weight: bold;
		}
		
		#content a, #content a:link, a:visited {
			color: #508900;
		}
		
		#content a:hover, a:active {
			color: #000000;
		}
	
	#content_right {
		float: right;
		width: 270px;
	}
	
	#content_right div {
		margin-top: 70px;		
		font-size: 13px;
		padding-top: 20px;
		padding-left: 24px;
		background-image: url('../images/bg_right_sponsors.png');
		background-position: top right;				
		background-repeat: no-repeat;	
		height: 500px;			
	}

#footer {
	float: left;
	width: 100%;
	height: 65px;
	background-image: url('../images/bg_footer.png');
	background-position: top left;				
	background-repeat: no-repeat;	
}

	#footer div {
		float: left;
		padding-top: 5px;
		padding-left: 20px;
	}
		
	#footer a {
		float: left;
		margin: 9px 12px 0px 0px;
	}

#impressum {
	float: left;
	width: 100%;
	text-align: right;
	font-size: 11px;
	margin-top: 5px;
	color: #534f48;
	background: #dae394;
	background-position: top left;				
	background-repeat: no-repeat;	
}

	#impressum div {
		float: left;
		padding-left: 359px;
	}
		
	#impressum a {
		color: #534f48;
	}

#zweck
{
	margin-top: -70px;
	width: 120px;
}

.border
{
	border: 6px solid #dae394;	
}

.facts a, .facts a:visited
{
	text-decoration: none;	
}

