/* CSS Document */

* {
margin: 0;
padding: 0;
}

/* HTML Definitionen */
html { 
	padding:0px;  margin:0px;
	
}
body {
  background-color:#55ABD5;
  background-image: url(../images/bg_body.gif);
  background-repeat:repeat-x;  
  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#FFFFFF;
  text-align:center;
  margin:0px;
  padding:0px;

}

a:link, a:visited{
 color:#55ABD5;
}

h1{
float:left;
width: 785px;
height:45px;
display:block;
font-size: 40px;
font-weight:normal;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#FFFFFF;
 padding:5px 10px 0px 10px;
}
.schwimmteich{
background-image:url(../images/bg_h1_swimmteich.jpg);
background-repeat:repeat-x; 
}

H2{
color:#55ABD5;
font-size: 20px;font-weight:normal;
 margin:15px 0px 10px 0px;
 font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}
/* Basic Definitionen */
#container{
	width: 800px;
	padding:0px;
	margin: 15px 10px 0px 15px;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url(../images/bg_main.gif);
	border-width: 0px 5px 5px 5px;
	border-color: #ffffff; 
	border-style: solid;*/
	text-align:left;
}
#head{
	/* für hintergrund notwendig
	display:table;
	background-color: #ffffff; */
	width: 800px;
	float:left;
	text-align: left;
	padding:  0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	border-color: #ffffff;
	border-style: solid;
	background-color:#FFFFFF;

}
#outercontent{
	/* für hintergrund notwendig 
	display:table;border-width: 0px 0px 0px 0px;
	border-color: #ff8b4d;
	border-style: solid;*/
	line-height:16px;
	padding:  0px 10px 15px 10px;
	margin: 0px 0px 0px 0px;
	background-color:#FFFFFF;
	float:left;
	width:785px;
	text-align: left;
	color:#535353;
	font-size:12px;

	
}
#outercontent ul{
margin:10px 0px 10px 20px;
}
ul.schwimmteich {
list-style-image:url(../images/li_swimmteich.gif);
background:none;
}
#footer{
margin: 3px 0px 0px 0px;
padding:  5px 10px 0px 10px;
background-image: url(../images/bg_footer.jpg);
background-repeat:repeat-x;
float:left;
color:#535353;
text-align:center;
font-size:12px; 
line-height: 18px; 
width:785px;
height:95px;}
#content{float:left;width:595px; line-height: 18px; }
#content table{margin: 0px 0px 15px 35px;}
#content img{float:right; margin: 0px 0px 15px 25px; border: 2px #55ABD5 solid; }
#contentimg{float:right; width: 180px;}
#contentimg img{margin: 0px 0px 5px 0px; border: 2px #55ABD5 solid;}
/*Head Styles*/
#logo{
float:left;}
#logo a:link,#logo a:visited{
background-image: url(../images/bg_logo_1.gif);
background-repeat:no-repeat;
display:block;
height:97px;
width:242px;
}

#logo a:hover{
background-image: url(../images/bg_logo_2.gif);
}
#logo span{
display:none;
}
#headnav{
width: 450px;
float:right;
text-align: right;
}
#headnav a:link,#headnav a:visited{

color:#535353;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
#mainnav{
text-align:justify;
float:left;
height:20px;
width:780px;
padding: 18px 10px 0px 10px;
/*border:red 1px solid;*/}
#mainnav a:link, #mainnav a:visited{
color:#ffffff;
font-weight:bold;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;

}
#mainnav a:hover{
color:#ffffff;
text-decoration:none;
border-bottom: #ffffff solid 6px;
}
.aktiv {
color:#ffffff;
text-decoration:none;
border-bottom: #ffffff solid 6px;
}
#subnav{
float:left;
padding: 10px 10px 0px 10px;
width:780px;
height:22px;
}
#subnav a:link, #subnav a:visited{
color:#535353;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
#subnav a:hover,.subaktiv {
color:#535353;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
}
/*mail css*/
#mailform fieldset{ 
 border:0px solid #FFFFFF;
 padding:10px 10px 10px 20px;

}
#mailform label{ 
  display: block;
  float: left;
  width: 120px; 
}
#mailform input{ 
	display: block;
	float: left;
	width: 200px; 
	height:18px;
	font-size:12px;
	text-decoration: none;
	line-height:16px;
	color:#535353;
	border:1px solid #535353;
	margin:0px 0px 4px 0px;
	padding:0px 0px 0px 0px;
}
#mailform textarea{ 
	margin:0px 0px 4px 0px;
	padding:0px 0px 0px 0px;
	float: left;
  	width: 260px;
	height: 100px; 
	border:1px solid #535353;
}
#mailform input.csc-mailform-submit{
	float: right;
	margin:10px 50px 10px 0px;
	padding:0px 0px 0px 0px;
	width:150px;
	height:22px;
	background-color:#ffffff;
border:1px solid #535353;
}
#mailform br {
  clear: left; 
}
#mailform {
  width: 465px;
}
#mailform img{
 text-align:center;float:left; 
}