@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #4d4d4d;
}

#container {
	margin: 0;
	padding: 0;
}

#content {
	position: relative;
	top: 20px;
	left: 0;
	width: 1024px;
	height: 768px;
	margin: 0;
	padding: 0;
}

#header {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

#logo {
	float: left;
	margin: 0;
	padding: 0;
}

#banner {
	margin: 0;
	padding: 0;
	float: left;
}

#banner h1 {
	clear: both;
	margin: 0;
	/*float: left;*/
	padding: 20px 0px 20px 0;
	font-size: 200%;
	color: #44B6AC;
}

#banner ul {
	margin: 35px 0 0 0;
	padding: 0 0 0 0;
	float: left;
	list-style:none;
}

#banner ul li {
	margin: 0;
	padding: 0 10px 0 0;
	float: left;
}

#banner ul li a {
	color: #44B6AC;
	text-decoration: none;
	font-size: 85%;
	display: block;
}

#banner ul li a:hover {
	color: #C1E7E4;
	text-decoration: none;
	font-size: 85%;
	background: #a8a8a8;
}

#banner ul li.active a {
	color: #C1E7E4;
}

#main {
	clear: left;
	margin: 0;
	padding: 0;
	width: 1024px;
	height: 100%;
}

#mainLeft {
	margin: 0;
	padding: 0;
	background: url(img/waterLeft.jpg) no-repeat top right;
	float: left;
	width: 250px;
	height: 100%;
}

#mainLeft ul {
	margin: 30px 0 0 35px;
	padding: 0;
	list-style: none;
}

#mainLeft ul li a {
	display: block;
	margin: 0;
	padding: 5px 0 5px 0;
	font-size: 85%;
	text-decoration: none;
	color: #4d4d4d;
}

#mainLeft ul li a:hover {
	display: block;
	margin: 0;
	padding: 5px 0 5px 0;
	text-decoration: none;
	color: #44B6AC;
	/*background: #a8a8a8;*/
}

#mainLeft ul li.active a {
	color: #44B6AC;
}

/*#mainLeft ul li:hover {
	margin: 0 0 0 -35px;
	background: #C1E7E4;
}*/


#mainMiddle {
	margin: 0;
	padding: 0;
	float: left;
	width: 524px;
	background: url(img/middle.jpg) no-repeat top left;
}

#mainMiddle h3, h1.csc-firstHeader, .csc-header h1 {
	margin: 0;
	padding: 3px 0 5px 20px;
	font-size: 130%;
	color: #44B6AC;
}

#mainMiddle p, .bodytext {
	margin: 0;
	padding: 0.5em 0 0 0;
	font-size: 85%;
	text-align:justify;
}

.fliessen {
	float: left;
}

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


#mainRight {
	float: left;
	width: 250px;
	height: 100%;
	background:url(img/waterRight.jpg) no-repeat top left;
}

.mail {
	text-decoration: none;
	color: #44B6AC;
}

/*##########mailform web #################*/

legend {
	margin: 0;
	padding: 0 10px 0 10px;
	border: 0px;
}

fieldset {
	margin: 0;
	padding:10px;
	/*border: 1px solid #44B6AC;*/
	background: #d8d8d8;
	width: 80%;
}

.radiolayout {
	width:60%;
	padding:15px 0 15px 0;
}

.formu {
	width:80%;
	padding:10px 0 10px 110px;
	border: 1px solid #44B6AC;
}

.mf-radio {
	border:0px;
}

.mf-text {
	color: #a8a8a8;
	border: 1px solid #44B6AC;
	margin-bottom: 5px;
}

.mf-check {
	border: 0px;
}

.mf-select {
	border:0px;
}

.mf-input {
	border: 1px solid #44B6AC;
	margin-bottom: 5px;
	background: #d8d8d8;
}

.mf-submit {
	color: #d8d8d8;
	background-color: #44B6AC;
	border: 0px;
}

input {
	border: 1px solid #44b6ac;
	background: #d8d8d8;
}

textarea {
	border: 1px solid #44b6ac;
	background: #d8d8d8;
}

form {
	width: 80%;
}

label {
	color:#44b6ac;
}