﻿* {margin:0; padding:0;}


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../img/hp_bg.gif) top left repeat-x #F1F5EC;
	color:#003;
	padding-top:35px;
}


h1 {
	font-size:24px;
	line-height:100%;
	font-weight:normal;
	text-align: center;
	}

h2 {
	font-size:16px;
	line-height:120%;
	font-weight:bold;
	padding-bottom:5px;
}

h3 {
	font-size:14px;
	line-height:120%;
	font-weight:bold;
	padding-bottom:5px;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:140%;
	margin-bottom:5px;
}

p.bold {
font-weight: bold;
}

p.danke {
margin: 100px 0px 0px 270px;
}

p.anruf {
margin-left: 1px;
font-weight: bold;
}

p.station{
line-height: 200%;
}

p.left {
float: left;
padding-right: 55px;
}

p.tel {
margin: 10px 15px 5px -25px;
line-height: 25px;
font-size: 18px;
font-weight: bold;
color: red;
float: left;
}


p.suchen {
margin: 0px 10px 0px 90px;
padding: 0px;
font-size: 15px;
color: #FFF;
/*float: left; */
}

p span{
color: red;
font-size: 16px;
}

a {
	font-weight:bold;
	color:#206C20;
	text-decoration:none;
}


a:hover {color:#213B21;}

a.pdf	{
	background:url(../img/pdf.gif) top left no-repeat;
	padding-left:18px;
}

a img { 
border:none;
}

a.eins:link, a.eins:visited, a.eins:focus,   a.eins:hover, a.eins:active {
color:#EB6498;
font-size: 18px;
font-weight: bold;
line-height: 18px;
}

a.zwei:link, a.zwei:visited, a.zwei:focus,   a.zwei:hover, a.zwei:active {
color:#86FF7F;
font-size: 16px;
font-weight: bold;
padding-left: 10px;
}

a.drei:link, a.drei:visited, a.drei:focus,   a.drei:hover, a.drei:active {
color:#29D5EB;
font-size: 17px;
font-weight: bold;
line-height: 19px;
padding-left: 4px;
}

a.vier:link, a.vier:visited, a.vier:focus,   a.vier:hover, a.vier:active {
color:#F094C7;
font-size: 21px;
font-weight: bold;
line-height: 22px;
padding-left: 30px;
font-style: italic;
}

a.fuenf:link, a.fuenf:visited, a.fuenf:focus,   a.fuenf:hover, a.fuenf:active {
color:#E5EB32;
font-size: 24px;
font-weight: bold;
line-height: 24px;
padding-left: 10px;
font-style: italic;
margin-top: 5px;
}

a.sechs:link, a.sechs:visited, a.sechs:focus,   a.sechs:hover, a.sechs:active {
color:#FF871D;
font-size: 18px;
font-weight: bold;
line-height: 18px;
padding-left: 35px;
}


#wrap {
	margin:auto;
	width:750px;
	background:url(../img/content_bg.gif) top left repeat-y;
}

/* ---- Navigation ---- */

#header {
	width:755px;
	height:113px;
	background:url(../img/header_bg.gif) top left no-repeat;
	float: left;
}

#header h1 {
	color:#fff;
	font-size:30px;
	margin-left:20px;
	padding-top:10px;
	float: left;
}

#header h2 {
	color:#fff;
	font-size:16px;
	margin-left:20px;
	padding: 0px;
}

/*#header a {
font-size: 13px;
line-height: 13px;
padding: 0px 15px 5px 0px;
font-weight: normal;
color: #FFF;
float: left;
}

#header span a {
font-size: 9px;
line-height: 9px;
padding: 0px 15px 0px 220px;
font-weight: normal;
color: #FFF;
float: left;

} */

#suche {
float: right;
width: 355px;
height: 113px;
color: #000;
margin-top: 13px;
padding-right: 0px;
}


#navi {
	height:24px;
	float:left;	
	margin-top:50px;
	padding-left:14px;
}

#navi ul li {
	width:100px;
	float:left;
	list-style:none;
	margin:0;
}

#navi ul li.navi_produkte  {
	background:url(../img/navi_bg.gif) top left no-repeat;
	height:23px;
	width:99px;
	margin-right:4px;
	text-align:center;
	padding-top:3px;
}

#navi ul li.navi_produkte:hover  {
	background:url(../img/navi_bg_hover.gif) top left no-repeat;
	height:23px;
	width:99px;
	margin-right:4px;
	text-align:center;
	padding-top:3px;
}


#navi ul li.navi_kontakt  {
	background:url(../img/navi_bg.gif) top left no-repeat;
	height:23px;
	width:99px;
	margin-right:5px;
	text-align:center;
	padding-top:3px;
}

#navi ul li.navi_kontakt:hover  {
	background:url(../img/navi_bg_hover.gif) top left no-repeat;
	height:23px;
	width:99px;
	margin-right:5px;
	text-align:center;
	padding-top:3px;
}

#navi ul li.navi_impressum  {
	background:url(../img/navi_bg.gif) top left no-repeat;
	height:23px;
	width:99px;
	text-align:center;
	padding-top:3px;
}

#navi ul li.navi_impressum:hover  {
	background:url(../img/navi_bg_hover.gif) top left no-repeat;
	height:23px;
	width:99px;
	text-align:center;
	padding-top:3px;
}

#navi ul li.act_1  {
	background:url(../img/navi_bg_active.gif) top left no-repeat;
	height:23px;
	width:99px;
	text-align:center;
	padding-top:3px;
	margin-right:4px;
}


#navi ul li.act_2  {
	background:url(../img/navi_bg_active.gif) top left no-repeat;
	height:23px;
	width:99px;
	text-align:center;
	padding-top:3px;
	margin-right:5px;
}


#navi ul li.act_3  {
	background:url(../img/navi_bg_active.gif) top left no-repeat;
	height:23px;
	width:99px;
	text-align:center;
	padding-top:3px;
}



#navi ul li a {
	color:#333;
	font-size:14px;
	font-weight:normal;
	width:99px;
	height:23px;
	display:block;
}

/* ---- Content ---- */
#content {
	width:730px;
	margin:7px;
	padding-top:20px;
}

.content_normal {
	width:700px;
	padding:1px 15px;
	clear: both;
}

.content_klein {
    width:300px;
    height: 200px;
    background: #f7f7f7;
	padding:15px 15px;
	margin: 10px; 
	float: left;
}


.prod1 {
	width: 650px;
	text-align: center;
	background: #E4FAD4;
	margin-top: 10px;
	padding: 30px;
	float: left;
}


.prod2 {
	width:200px;
	background: #E4FAD4;
	padding: 10px;
	margin: 10px 5px 0px 0px;
	float: right;	
}

.prod2faq {
    width:700px;
	background: #f7f7f7;
	padding: 10px;
	margin-top: 10px;
	float: right;
}

.produkt_links {
	width:435px;
	clear:both;
	overflow:auto;
	margin-top:15px;
}


.pdf_links {
	width:283px;
	float:left;
}

.info_link {
	width:235px;
	/*float:left;*/
	overflow: hidden;
	margin: auto auto;
}


.online_link {
	
	float: left;
    width:200px;
	overflow: hidden;
}


.small {
	font-size:10px;
	color: #000;
}


/* ---- Footer ---- */
#footer {
	clear:both;
	background: url(../img/content_bg.gif);
	height:75px;
	text-align:center;
}
#footer ul {
	margin-left:265px;
}
#footer ul li {
	color:#444;
	font-weight:normal;
	float:left;
	margin:0;
	list-style:none;
	margin-left:8px;
}

#footer ul li a{
	font-size:11px;
	color:#999;
}

#footer ul li a:hover{
	font-size:11px;
	color:#666;
}



/* ---- Formular ---- */
*/
.formular_navi {
	height:17px;
	padding-top:3px;
	padding-left:5px;
	background:#eeeeee;
	width:523px;
	border:1px solid #070707;
	font-weight:bold;
	margin-bottom:5px;
}
.formular {
	width:528px;
	background:#e7effc;
	border: 1px solid #707070;
}
.formular p{
	margin:10px;
}
.formular_form {
	margin:auto;
	clear:both;
}

input, .formular_form select{
	width:166px;
	height:20px;
	margin-bottom:5px;
	margin-left:1px;
	border:1px solid #506581;
	color:#666;
	padding:2px;
}

input:focus{
	border:1px solid #FF9000;
}




.formular_form label{
	clear:both;
	width:330px;
	float:left;
	text-align:right;
	margin-right:10px;
	margin-bottom:5px;
	padding-top:3px;
}


#WeitereFragen {
	width:200px;
	height:200px;
	overflow:auto;
    border:1px solid #506581;

}

#Berufsbezeichnung {
	width:200px;
	height:17px;
	overflow:hidden;
}

.tel_form {
	font-size:10px;
}
input.submit_button {
    border:none;
	width:76px;
	height:23px;
	padding: 15px 0px 0px 400px;
	/*padding-left:214px;
	padding-top:15px; */
}

input.checkbox {
	border:1px solid red;
	float:left;
}

.red {
	color:red;
}