/* Main Stylesheet */

body{
background-color: #fff;
margin: auto;
padding:auto;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#444;
}

#content{
background:url(pics/600.gif) no-repeat;
width: 600px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
text-align:center;
background-color:#ffffff;

}


#header{
height:1px;
margin-bottom:50px;
background-color:#ffffff;
margin-left: auto;
margin-right: auto;
width:584px;
}

.navigation{
background-color:#F4FCD5;
height:40px;
margin:0 50px 0 50px;
}

#navigation {
	float:left; 
	width:100%; 
	margin:0; 
	padding:0; 
}

#navigation li {
	float: left; 
	margin: 0; 
	list-style: none; 
}

#navigation a {
	float: left;
	padding:13px 10px 12px 10px;
	text-decoration: none;
	color:#333333;
	font-weight:normal;
	display:block;
}
#navigation a:hover {
	background: #87A21F;
	color:#fff;
	font-weight:normal;
	display:block;
}
#navigation a.active {
	font-weight: bold;
	background: #87A21F;
	color:#fff;
	display:block;
}

#footer{
background-color:#fff;
padding:10px;
margin-bottom:10px;
margin-top:30px;
margin-left: auto;
margin-right: auto;
text-align:center;
font-size:12px;
color:#666;
width:550px;
border-top:1px solid #ccc;
}

#footer a:link{
text-decoration:none;
border-bottom:1px solid #87A21F;
color:#333333;
}

#footer a:visited{
text-decoration:none;
border-bottom:1px solid #87A21F;
color:#333333;
}

#footer a:hover{
background-color:#F4FCD5;
text-decoration:none;
border-bottom:1px solid #87A21F;
color:#000;
}


#imagepool{
text-align:left;
margin-bottom:30px;
margin-left:50px;
}

.stretcher{
margin:0 50px 0 50px;
text-align:left;
}

.stretcher a:link{
text-decoration:none;
border-bottom:1px solid #87A21F;
color:#000;
}

.stretcher a:visited{
text-decoration:none;
border-bottom:1px solid #87A21F;
color:#000;
}

.stretcher a:hover{
background-color:#F4FCD5;
text-decoration:none;
border-bottom:1px solid #87A21F;
color:#000;
}

.show{
margin:0 50px 0 50px;
text-align:left;
}

.links{ /*setz einen linken Block ins div */
width:250px;
float:left;
}

.rechts { /*setz einen rechten Block ins div */
width:247px;
float:right;
text-align:left;
}



/* Absatz- und Header-Definitionen */


p{
margin-bottom:30px;
}

h1{
font-size:18px;
}

h2{
font-size: 30px;
color: #87A21F;
text-transform: uppercase;
margin-top:15px;
}

h3{
font-size:18px;
}

h4{
font-size:16px;
font-weight:bold;
}


.display{

height:30px;
margin:0 50px 0 50px;
padding:5px 10px 5px 0px;
text-align:left;
background-color:#fff;
border-bottom:1px solid #ccc;

}

.display a:link{
text-decoration:none;
border-bottom:0px solid #87A21F;
color:#333333;
}

.display a:visited{
text-decoration:none;
border-bottom:0px solid #87A21F;
color:#333333;
}

.display a:hover{
background-color:#F4FCD5;
text-decoration:none;
border-bottom:0px solid #87A21F;
color:#000;
}

/*---------------FORM---------------------*/
form {
		margin:30px 0 20px 0;
		}		
		
		form br {
				clear:none;
				}
		
		#Name, #NameundVorname, #Email {
				width:99%;
				}
		.button{
		background-color: #f5f5f5;
		border:1px solid #ccc;
		}
		
	
textarea, input {
		font-weight:normal;
		font-size: 99%;
		color:#444;
		border:1px solid #ccc;
		padding:0.5em 0 0.5em 0;
		margin-bottom:15px;
		}
		
textarea {
		width:99%;
		height:200px;
		margin-bottom:20px;
		}
input:focus, input:hover, textarea:focus, textarea:hover {
background-color: #f5f5f5;
border: 1px solid #ccc; 
}


p a img.lightbox {
border:1px solid #ccc;
padding:0;
background: #fff url(http://www.surfgarden.de/media/lupe.gif) bottom right no-repeat;
}

.floatleft img{
float:left;
padding:0;
margin:0 10px 0 0;
}

.clearleft{
clear:left;
}

.blockquote{
background-color:#F4FCD5;
padding:15px;
margin:0 0 20px 0;
}

#eventLeft{
	float:left;
	margin-right: 15px;
}

#eventRight{
	}

#eventRight h4{
	color: #87A21F;
	margin-bottom: 5px;
}

#zeitenLinks{
	float:left;
}

#zeitenRechts{
	margin-left: 150px;
}

#contact_form_errorloc, .err{
	font-weight:bold;
	color: red;}
	
#refresh{
	border:none;
}

#fresh a:hover{
	background: none;
}

form a img{
	border:none;
}

#formEmail, #formName{
	width: 99%;
}

form p{
	margin-bottom:4px;
}

#schnee {
	position: absolute;
	width: 720px;
	left: 50%;
	margin-left: -360px;
}

#empty {
	height: 50px;
	width: 600px;
	margin: 0 auto;
}