body {
	background-image:  url(img/background.jpg);
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	padding:0px;
	margin:0px;
	background-repeat: repeat-x;
	LINE-HEIGHT: 15px;
}

#formular label.datenschutz_label {
float:none;
display:inline-block;
vertical-align: top;
width:400px;
text-align: left;
}


a {font-size:100%;color: #E33;}
a:hover {color: #333;}

h1 {
	font-size:140%;
	margin:0px 0px 15px 0px;
	font-weight: normal;
	padding:0px;
	color: #E33;
}
h2 {
	font-size:100%;
	margin:0px 0px 15px 0px;
	font-weight: bold;
	padding:0px;
}

h4 {
	font-size:120%;
	margin:0px 0px 5px 0px;
	font-weight: normal;
	padding:0px;
	color: #E33;
}
h3 {
	font-size:140%;
	margin:5px 0px 15px 23px;
	font-weight: normal;
	padding:0px;
	color: #E33;
}
h5 {
	font-size:130%;
	display:block;
	padding-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	margin-bottom:10px;
	font-weight: normal;
	color: #E33;
}


/* ----------container zentriert das layout-------------- */
.container {
	width: 950px;
	padding:0px;
	margin: 30px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #cccccc;
	background-color: #FFF;
} 

/* ----------header for logo-------------- */

.logo {
	display:block;
	position:absolute;
	width:180px;
	height:100px;
	margin-top:-24px;
	z-index:1;

}
.header {
	padding:65px 15px 15px 15px;
	height:10px;
	background-image: url(img/bg_header.jpg);
	text-align: right;
	font-size: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
.header a {  padding-right: 13px; color:#000; text-decoration: none; } 
.header a:hover { COLOR: #e95d37; } 
.visual{ height: 200px; width: 950px; }

.tel {
	margin-top:10px;
	font-size:130%;
	display:block;
	background-image: url(img/icon_phone.png);
	background-repeat: no-repeat;
	height:20px;
	padding:5px 0px 0px 35px;
	text-decoration: none;
	color: #000;
}
.fax {
	margin-top:10px;
	font-size:130%;
	display:block;
	background-image: url(img/icon_fax.png);
	background-repeat: no-repeat;
	height:20px;
	padding:5px 0px 0px 35px;
	text-decoration: none;
	color: #000;
}
.route {
	margin-top:10px;
	font-size:100%;
	display:block;
	background-image: url(img/icon_route.png);
	background-repeat: no-repeat;
	height:20px;
	padding:5px 0px 0px 35px;
	text-decoration: none;
	color: #000;
}
/* ----------outer und inner----------------- */

.outer{
	background-image: url(img/background_content.jpg);
	background-repeat: repeat-x;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFF;

} 
.inner{background-image: url(img/stecker.jpg);background-repeat: no-repeat;background-position: right bottom;}

/* --------------left und right navigavtion------------- */
.left {
	width: 165px;
	min-height:400px;
	height:auto !important;
	float: left;
	background-image: url(img/shadow_left.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
	padding:90px 30px 30px 30px;

 }
 .right {	
	width: 165px;
	min-height:400px;
	height:auto !important;
	float: right;
	background-image: url(img/shadow_right.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
	padding:60px 30px 30px 30px;
 }
 .contentbox{
	 width:500px;
	 margin-left:225px;
}
 .visual{
	 width:500px;
}
 .content{padding:10px 20px 40px 20px;
}

#leftboxcon {
	float:left;
	width:47%;
}
#rightboxcon {
	float:right;
	width:47%;
}

#referenzbox {
	padding:30px 10px 10px 10px;
	background-color: #FBFBFB;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #333333;
	border-bottom-color: #333333;
	margin-bottom:20px;
}
.partner {	
	float: left;
	height : 80px;
	width:100px;
	clear: none;
	padding-bottom: 15px;
	padding-right: 23px; 
	padding-left: 23px; 
}


/*  ----------------footer---------------------- */ 
.footer {
	padding-top:15px;
	margin:0px;
	text-align: left;
	background-image: url(img/footer.jpg);
	height: 35px;
	width: 950px;
	text-indent: 245px;
	font-size:95%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000;
} 
.footerlink {font-size:80%;margin-left:220px;color:#666;text-decoration: none;} 
.footerlink:hover {font-size:80%;margin-left:220px;color:#e95d37;text-decoration: none;}

/*  ----------------navigation---------------------- */ 
.nav {
	POSITION: relative;
	HEIGHT: 125px;
	z-index: 2;
	
}
.nav UL LI A {
	BORDER-TOP: #e2e2e2 1px solid; 
	DISPLAY: block; 
	WIDTH: 125px; 
	color:#000;
	PADDING: 5px 15px 5px 20px;
	LINE-HEIGHT: 11px; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none
}
.nav UL LI A:visited {
	BORDER-TOP: #e2e2e2 1px solid; 
	DISPLAY: block; 
	WIDTH: 125px; 
	color:#000;
	PADDING: 5px 15px 5px 20px;
	LINE-HEIGHT: 11px; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none
	}
.nav UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; WIDTH: 125px;}
.nav UL LI {FLOAT: left; MARGIN-RIGHT: 1px; POSITION: relative}
.nav UL LI UL {DISPLAY: none}
.nav UL LI:hover A {BACKGROUND: #e2e2e2;  WIDTH: 125px;}
.nav UL LI:hover UL {DISPLAY: block; LEFT: 165px; WIDTH: 125px; POSITION: absolute; TOP: 0px}

/*  ----------------Formular---------------------- */ 

#formular {width:460px; padding:0; background:#e2e2e2 url(img/form_bg.jpg) repeat-x;}
#formular fieldset{margin:0; padding:0; border:0;}
#formular ul{margin:0; padding:0; list-style:none;}
#formular ul li{border-top:1px solid #fffff; border-bottom:2px solid #ffffff; padding:5px;}
#formular ul li.first{border-top:0; font-size:11px; color:#808080; font-weight: bold; border-bottom:1px solid #CCCCCC; margin-bottom:10px;}
#formular ul li.last{border-bottom:0;}
#formular label{display:block; color:#808080; float:left; width:120px; line-height:21px; text-align:right; padding-right:15px; margin:0 0 0 5px;}
#formular input, .text{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#E33;}
#formular .text{width:188px; padding:2px 2px 2px 2px; border:1px solid #cccccc; border-top:1px solid #e8e8e8; border-left:1px solid #e8e8e8; height:14px; background:#fffff;}

#formular input#email{background:#ffffff url(img/email_icon.jpg) 3px -4px no-repeat;}
#formular textarea.text{height:80px;background:#ffffff url(img/nachricht_icon.jpg) 3px 3px no-repeat;}
#formular input.submit{width:90px; height:23px; cursor:pointer; border:0; background:url(img/button.jpg) no-repeat; color:#e95d37c; font-weight:bold; margin-left:140px;}

#formular form .fehler{border:1px solid #d65a5c;}
ul.fehler{margin:5px;padding:5px;border-top:1px solid #d65a5c;border-bottom:1px solid #d65a5c;background:#fdd;color:#c00;}
ul.fehler li{border:0;padding:0;}
ul.erfolg{margin:5px;padding:5px;border-top:1px solid #5bb55b;border-bottom:1px solid #5bb55b;background:#deffde;color:#090;}



/* ----------breadcrumb-------------- */

.breadcrumb {
	height:20px;
	font-size: 10px;
	padding:12px;
	padding-left:20px;
	text-align: left;
	background-image: url(img/header_breadcrumb.jpg);
	background-repeat: repeat-x;
}
.breadcrumb a {
	padding-right: 20px;
	color: #EE342F;
	text-decoration: none;
} 
.breadcrumb a:hover {
	color: #666666;
} 

/* ----------Box Leistungen-------------- */
 
h6 {
	color: #E33;
	width:98%;
	float:left;
	border-bottom-color:#999;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	font-weight: normal;
	font-size: 110%;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	margin-bottom:20px;
	margin-top:20px;
	background-color: #ededed;
}
#contentboxleft {padding-left:10px;
	width:280px;
	float:left;
	border-bottom-color:#3FC
}
#contentboxright {
	width:150px;
	float:right;
	border-bottom-color:#3FC
}
#leftboxcon {
	padding-left:10px;
	float:left;
	width:215px;
}
#rightboxcon {
	padding-left:10px;
	float:right;
	width:215px;
} 
 

#clear{clear:both;
margin:0px;
padding:0px;}