/* 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-color:#fff;
background:url(pics/600.gif) no-repeat;
width: 600px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
text-align:center;
}


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

.navigation{
background-color:#D5E9FC;
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: #0081C6;
	color:#fff;
	font-weight:normal;
	display:block;
}
#navigation a.active {
	font-weight: bold;
	background: #0081C6;
	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 #0081C6;
color:#333333;
}

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

#footer a:hover{
background-color:#D5E9FC;
text-decoration:none;
border-bottom:1px solid #0081C6;
color:#000;
}


#imagepool{
text-align:left;
margin-bottom:10px;
margin-left:40px;
}

#monoSlideshow{
margin:0;
background:url(pics/titelbild01.jpg) no-repeat;
padding:0 0 50px 0;
}

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

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

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

.stretcher a:hover{
background-color:#D5E9FC;
text-decoration:none;
border-bottom:1px solid #0081C6;
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: #0081C6;
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 #0081C6;
color:#333333;
}

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

.display a:hover{
background-color:#D5E9FC;
text-decoration:none;
border-bottom:0px solid #0081C6;
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 #666; 
}


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:#D5E9FC;
padding:15px;
}


.tooltip {
	position: absolute;
	display:none;
	background-color:#D5E9FC;
	color:#3278a0;
	border:1px solid #0081C6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:5px;
	width:390px;
}

ul#imagepool{

list-style:none;

padding:0;

margin:0;

clear:both;

}

ul#imagepool img{

border:0;

}