html, body, ul, li, div, dl {margin:0; padding:0;}

body {
  	background-color: #fff;
	font-size: 0.8em; font-family:  'Open Sans', Verdana, Arial, sans-serif;
  	color:#000000; padding: 0; margin: 0;
}

a {color: #007db0; text-decoration: none; }
a:visited {color:#007db0;}
a:hover {color: #c21d30;}
a:active { color:#007db0;}
a.aktiv {color: #c21d30;}
a img {border:0px;}

h1 { font-size : 1.8em; line-height:1.2em;font-family:'Comic Sans','Comic Sans MS',Verdana, Arial, sans-serif;}
h2 { font-size : 1.5em; line-height:1.2em;}
h3 { font-size : 1.3em; line-height:1.2em;}
pre, code{ font-size: 1.3em;}

#header {
	background:#fff;
	color:#007db0;
	width: 100%; 
	border-top:5px solid #007db0;
	border-bottom: 2px solid #c21d30;
	position: fixed;
	left: 0;
	top: 0;
	height:100px;
	font-size: 1.2em;
	letter-spacing:0.1em;
	font-family:'Open Sans Condensed', Verdana, Arial, sans-serif;
	font-weight:700;text-transform:uppercase;
}

#head {
	width: 700px;
	margin: 0 auto;
}

#logo {
	position:absolute;
	width: 250px;
	padding: 15px 0 0 0;
}
#links {
	position:absolute;
	margin-left:240px;
	width: 600px;
	text-align:left;
	padding: 58px 0 0 0;
}
#links ul {margin-left:40px;}
#links li {float:left;list-style:none;text-align:left;}

#container {
	width: 700px;
background-color:#fff;
	margin: 0 auto;
	
}
#content{
	width:700px;
	float:left;
	line-height: 1.6em;
	padding:120px 0 110px 0;
	margin:0 0 15px;
}
#content-left{
	width:340px;
	float:left;
	line-height: 1.6em;
	margin:0 0 15px;
}
#content-right{
	width:340px;
	float:right;
	line-height: 1.6em;
	margin:0 0 15px;
}


#content p{
	line-height: 1.6em;
	padding:  0;
	margin:0 0 15px;
}

.small h3 {font-size:1em;line-height:1.2em;margin-bottom:0px;}
.small p {font-size:0.9em;line-height:1.2em;}

textarea.form{
    width: 320px;height:247px;border:1px solid #ccc;
}
input{
    width: 200px;border:1px solid #ccc;
}

#footer {
	background:transparent url(../img/welle3.png) top repeat-x;
	width: 100%; 
	position: fixed;
	
	bottom: 0;
	height:80px;
}
#foot {
	width: 700px; 
	margin: 0 auto;
}

#leistungen {
	width: 471px; 
	margin: 0 auto;
	text-align:right;
	margin-top: -62px;
	height: 121px;
	margin-right: -55px;
}
#kontakt {
	color:#007db0;
	font-size: 0.8em;
	width: 180px; 
	margin: 0 auto;
	margin-top: -180px;
	height: 150px;
	margin-left: -150px;
	padding-left:8px;
	border-left: 1px solid #007db0;
}
#kontakt h1 {
	color:#c21d30;
	font-size: 1.4em;
	font-family: 'Comic Sans','Comic Sans MS';
	font-weight: bold;
}


dt {clear: left;float: left;}
dd {float:left;}
#kontakt dt {clear:left;float: left;width:0px;}
#kontakt dd {float:left; left:0px;}

.daten dt {clear: left;float: left;width:4em;}
.daten dd {float:left; left:4em;}

fieldset {color:#000;border: 1px solid #007db0;padding:5px;}
fieldset.prod {height:410px;}

legend {font-weight:700;color:#007db0;}

.submenu {display:inline;line-height:1.2em;}
.sub {font-weight:700;color:#007db0;}

#navi, #navi ul { list-style-type:none; margin:0; padding:0; } /* Style-Reset */
/*#navi li.produkte {width:95px;}*/
#navi li li {float:none;width:65px;text-align:left;text-transform:none;letter-spacing:normal;border-top:2px solid #fff;background-color:#ccffff;
	color:#000;font-weight:normal;font-family:  'Open Sans', Verdana, Arial, sans-serif;font-size:11px;line-height:12px;}
#navi li ul { display:none; } /* Normalzustand eingeklappt */
#navi li:hover ul { display:block; } /* Ausgeklappt */

#content ul {padding-left:20px;padding-bottom:15px;}
.box {width:20px;}

#bx {float:left;}
#bx img {border:none;}
#bx div.bx {display:none;}
#bx:hover div.bx{display:block;position:absolute;margin-top:auto;margin-left:-140px; margin-right:0px;z-index:8;border:1px solid #007db0;background:#fff;}

th {font-weight:normal;font-size:1em;}

input {margin-bottom:5px;width:250px;}
.plz {width:55px;}
.ort {width:190px;}
.check {width:15px;}
.senden {width:100px;margin-top:10px;}
textarea {width:250px;height:150px;}