@import url("fonts-custom.css");

html {height:100.2%; margin-bottom:1px;}
html, body, ul, li, div, dl {margin:0; padding:0;}

body {
  	background-color: #fff;
	font-size: 0.8em; font-family:  'Open Sans', 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', 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.1em;
	letter-spacing:0.1em;
	font-family:'Open Sans Condensed', 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:225px;
	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;
	background-color:#fff;
}
#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: 315px;height:247px;border:1px solid #ccc;
}
input{
    width: 190px;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:#ccf0ff;
	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:0px; margin-right:0px;z-index:8;border:1px solid #007db0;background:#fff;}

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

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

.img {width:340px;}

/* --- IMPRESSUM + DATENSCHUTZERKLÄRUNG  --- */
.impdsgvo {}
.impdsgvo h1 {font-size:22px; text-align:left; color:#000;}
.impdsgvo h2 {font-size:20px; text-align:left; color:#000;}
.impdsgvo h3 {margin-bottom:10px; padding:0; font-size:18px; text-align:left; color:#000; border-bottom:0;}
.impdsgvo p {font-size:14px;}
.impdsgvo strong {font-weight:bold;}
.impdsgvo ul {margin-bottom:20px; padding-left:20px;}
.impdsgvo ul li {list-style:disc !important; font-size:14px; line-height:1.8em; color:#000;}

img.floatleft {float:left; margin-right:10px; margin-bottom:10px; border:0;}
img.floatright {float:right; margin-left:10px; margin-bottom:10px; border:0;}



#mobile {
	visibility:hidden;
}





@media all and (max-width: 855px){
body, html {
background-color:#fff;
width:320px;
margin:0px;}



#header {
	position: relative;
	background:#fff;
	color:#007db0;
	width: 320px; 
	border-top:5px solid #007db0;
	border-bottom: 2px solid #c21d30;
	padding:0 10px;
}

#head {
	position: relative;
	width: 320px;
}

#logo {
	position:relative;
	padding: 10px 0 0 0;
	width:100%;
	height:80px;
}

#links {
	position: relative;
	width: 100%;
	margin:0px;
}
#links ul {margin:0px;}
#links li {margin:0px;list-style:none;text-align:left;display:block;width:300px;background:#ccf0ff;border-bottom:2px solid #fff;padding:10px 10px;}

#navi li li {diyplay:block;width:290px;text-align:left;text-transform:none;letter-spacing:normal;border-top:2px solid #fff;border-bottom:0px solid #fff;background-color:#ccf0ff;
	color:#000;font-weight:normal;font-family:  'Open Sans', Verdana, Arial, sans-serif;font-size:1.1em;line-height:12px;padding:5px;}
	
#container {
	position: relative;
	width: 100%;
	background-color:#fff;
}
#content{
	position: relative;
	width:320px;
	line-height: 1.6em;
	background-color:#fff;
	padding: 0 10px;
	margin:0;
}

#content-left{
	position: relative;
	width:320px;
	line-height: 1.6em;
	margin:0;
}
#content-right{
	position: relative;
	width:320px;
	line-height: 1.6em;
	margin:0;
}

#footer {
	visibility:hidden;
	position: relative;
	background:transparent;
	width: 320px;
	padding:0 10px;

	bottom: 0;
	margin-top:0px;
	
	height:1px;
	
}

#foot {
	position: relative;
	width: 320px;
	margin:auto;
	height:1px;
	background:transparent;
}

#leistungen {
	visibility:hidden;
}


#kontakt {
	color:#007db0;
	position: relative;
	font-size: 1em;
	width: 320px; 
	margin-top: 0;
	height: 1px;
	margin-left:0;
	padding-left:0;
	border-left: 0px solid #007db0;
	background-color:#ccf0ff;
}

.img {width:320px;}

#mobile {
	visibility: visible;
	position: relative;
	width:320px;
}

#mobile h1 {
	color:#c21d30;
	font-size: 1.4em;
	font-family: 'Comic Sans','Comic Sans MS';
	font-weight: bold;
}

 }