/*colors
red:#CE242C
grey-font:#5B6572
*/
*{border:0; margin:0; padding:0}

img{display:block}
.hidden{display:none}
.clear{clear:both}
.clear_bott{clear:both; display:block; height:40px; line-height:40px}
a{color:#0872B1}
a:hover{font-weight:bold}
a#zurueck{font-size:.75em; display:block; margin:0 0 15px 0}

html, body{height:100%}
html[xmlns]{padding:0 0 0.005em 0}

body{
	background:#EBEFF0 url(images/bg_body.jpg) repeat-x center top;
	color:#575757;
	font-family:arial, tahoma, sans-serif;
	font-size:100.01%;
	text-align:center}
#wrapper{text-align:left; width:926px; margin:0 auto; min-height:100%; background:url(images/bg_wrapper.gif) repeat-y}
	* html #wrapper{height:100%}
p#top{height:27px; color:white; margin:0 181px; background:#232629; line-height:27px; padding:0 0 0 30px}

h1{font-size:.94em; margin:0 0 15px 0; color:#4F4F51}
h1.index{margin:0 0 8px 0; padding:18px 0 0 0}
h2{font-size:.81em; margin:15px 0 4px 0}
p{font-size:.75em; margin:0 0 10px 0; line-height:1.5}

img.dienst{margin:0 0 10px 0}

#left{
	float:left;
	width:181px;
	padding:0 0 0 0;
	min-height:277px;
	display:inline;
	background:url(images/bg_left.jpg) no-repeat;
	position:relative;
	top:-27px}
	* html #left{width:181px; wid\th:181px}
#left a#logo{position:relative; z-index:2; display:block; width:173px; height:96px; margin:60px 0 50px -15px}
#middle{
	float:left;
	width:474px;
	padding:300px 45px 0 45px;
	display:inline;
	background:url(images/bg_middle.jpg) no-repeat}
	* html #middle{width:564px; wid\th:474px}
#mid_left{width:230px; float:left; margin:0 14px 0 0}
#mid_right{width:230px; float:left}

#middle ul#leistungen{font-size:.84em; list-style:none; margin:-10px 0 40px -3px}
#middle ul#leistungen li{margin:0}
#middle ul#leistungen a{display:block; width:452px; height:103px; text-indent:-1000px; overflow:hidden}
#middle ul#leistungen a#werksvertretung{background:url(images/werksvertretung.jpg)}
#middle ul#leistungen a#akkupack{background:url(images/akkupack.jpg)}
#middle ul#leistungen a#schrumpfschlauch{background:url(images/schrumpfschlauch.jpg)}

#right{
	float:left;
	width:181px;
	padding:45px 0 0 0;
	display:inline;
	background:url(images/bg_right.jpg) no-repeat;
	position:relative;
	top:-27px;
	min-height:277px}
	* html #right{width:181px; wid\th:181px}

ul#nav{list-style:none; margin:0 18px; font-size:.75em; border-top:1px solid #CFD0D0; border-bottom:1px solid white}
ul#nav li{border-top:1px solid white; border-bottom:1px solid #CFD0D0}
	* html ul#nav li{height:1%}
ul#nav a{color:#262B2E; font-weight:bold; text-decoration:none; line-height:2.86}
ul#nav a:hover, ul#nav a:focus, ul#nav a:active, ul#nav a.aktiv{color:#0872B1}

ul#logos{list-style:none; margin:0 18px 0 18px; font-size:.75em; border-bottom:1px solid white}
ul#logos li{border-top:1px solid white; border-bottom:1px solid #CFD0D0; padding:16px 0}
ul#logos li.no{border-top:0}
ul#logos a{
	text-decoration:none;
	text-align:center;
	text-indent:-1000px;
	background-repeat:no-repeat;
	overflow:hidden;
	display:block}
ul#logos a#panasonic{height:28px; background-image:url(images/logos/panasonic.gif); background-position:center -27px}
ul#logos a#cab{height:29px; background-image:url(images/logos/cab.gif); background-position:center -28px}
ul#logos a#sommer{height:74px; background-image:url(images/logos/sommer.gif); background-position:center -73px}
ul#logos a#neosid{height:10px; background-image:url(images/logos/neosid.gif); background-position:center -9px}
ul#logos a#meder{height:31px; background-image:url(images/logos/meder.gif); background-position:center -30px}
/*ul#logos a#ria{height:29px; background-image:url(images/logos/ria-connect.gif); background-position:center -28px}*/
ul#logos a#metz{height:77px; background-image:url(images/logos/metz-connect.gif); background-position:center -76px}
ul#logos a#schurter{height:22px; background-image:url(images/logos/schurter.gif); background-position:center -21px}
ul#logos a#filcon{height:23px; background-image:url(images/logos/filcon.gif); background-position:center -22px}
ul#logos a:hover{background-position:center 1px !important}

#slide{margin:20px 18px}
#slide img{position:absolute}
#slide .top{z-index:2000 !important; opacity:1 !important; display:block !important}

#karte{margin:50px 28px}

dl#uebersicht{border-top:1px solid #C4C5C5; border-bottom:1px solid white; margin:15px 0 0 0}
dl#uebersicht dt{clear:both; font-size:.81em; font-weight:bold; padding:10px 0 3px 0; border-top:1px solid white}
dl#uebersicht dt img{float:right; margin:2px 0 0 0}
dl#uebersicht dd{font-size:.75em; padding:0 120px 15px 0; border-bottom:1px solid #C4C5C5}

dl#firma{border-top:1px solid #C4C5C5; border-bottom:1px solid white}
dl#firma dt{font-size:.81em; font-weight:bold; padding:7px 0 3px 0; border-top:1px solid white}
dl#firma dd{padding:0 0 5px 0; border-bottom:1px solid #C4C5C5}
dl#firma dd ul{list-style:none}
dl#firma dd ul a{font-size:.75em}

ol{list-style-position:inside; font-size:.75em}

ul.text{
	list-style:none;
	font-size:.75em;
	margin:0 0 20px 0;}
ul.text li{
	line-height:1.6;
	background:url(images/bg_li.gif) no-repeat 0 .45em;
	padding:0 0 0 15px}
	* html ul.text li{height:1%}	
ul.text a{display:block}
	
ul.links{
	border-top:1px solid #C4C5C5;
	border-bottom:1px solid white;
	list-style:none;
	margin:0 0 20px 0}
ul.links li{
	position:relative;
	height:140px;
	line-height:1.6;
	border-bottom:1px solid #C4C5C5;
	border-top:1px solid white;
	margin:0 !important;
	padding:10px 0}
ul.links img.re{position:absolute; top:10px; right:0px}
ul.links a{font-size:.75em}

ul.links2{
	border-top:1px solid #C4C5C5;
	border-bottom:1px solid white;
	list-style:none;
	margin:0 0 20px 0}
ul.links2 li{
	line-height:1.6;
	border-bottom:1px solid #C4C5C5;
	border-top:1px solid white;
	margin:0 !important;
	padding:10px 0}
ul.links2 img.no{margin:10px 0 0 0}
ul.links2 h2{margin:0}

ul.img{
	list-style:none;
	height:40px;
	border:0;
	padding:0 0 10px 0}
ul.img li{margin:0 5px 0 0 !important; float:left; border:0; padding:0}
ul.img img{}

a.pdf, a.word, a.excel{
	font-size:.75em;
	display:block;
	color:#374A54;
	line-height:1.2;
	margin:10px 0 10px 0;
	text-decoration:none;
	padding:0 0 0 44px}
a.pdf:hover, a.word:hover, a.excel:hover{color:#374A54 !important; text-decoration:underline !important}
a.pdf{background:url(images/pdf.gif) no-repeat 0 1px}
a.word{background:url(images/word.gif) no-repeat 0 1px}
a.excel{background:url(images/excel.gif) no-repeat 0 1px}

#footer{
	clear:both;
	background:#232629 url(images/bg_footer.gif) repeat-y center top;
	font-family:arial, sans-serif;
	position:relative;
	margin:-27px 0 0 0;
	height:27px;
	width:100%}
#footer p{margin:0; font-size:.63em !important; color:#D4D4D4; text-align:center; line-height:27px}

form#unterlagen{margin:10px 0; line-height:.94}
form#unterlagen fieldset{background:url(images/bg_fieldset.gif) repeat-x left bottom; margin:10px 0; padding:0 0 12px 0}
form#unterlagen fieldset.no_bo{background:none}
form#unterlagen table{border-collapse:collapse}
form#unterlagen table td{vertical-align:top; padding:3px 3px 0 0; min-height:1em}
form#unterlagen legend{font-weight:bold; font-size:.81em}
form#unterlagen label{font-size:.75em; color:#575757}
form#unterlagen input, form#unterlagen textarea{
	margin:0 0 7px 0;
	font-size:.75em;
	padding:2px 0 2px 0;
	color:#575757;
	background:#FBFBF9;
	border:1px solid #A1A1A1}
form#unterlagen input.check{
	margin:4px 0 0 0;
	padding:0;
	border:0;
	background:none}
form#unterlagen table#adr1{width:474px}
form#unterlagen table#adr1 input{width:368px}
form#unterlagen table#adr1 td.labels{width:104px; padding:0}
form#unterlagen table#adr1 td.inputs{width:370px; padding:0}
form#unterlagen table#adr2{width:474px}
form#unterlagen table#adr2 input{width:131px}
form#unterlagen table#adr2 td.labels{width:104px; padding:0}
form#unterlagen table#adr2 td.labels2{width:94px; padding:0 0 0 10px}
form#unterlagen table#adr2 td.inputs{width:133px; padding:0}
form#unterlagen textarea{width:225px; font-family:arial, tahoma, sans-serif}
form#unterlagen input:hover, form textarea:hover, form input:focus, form textarea:focus{background:white}
form#unterlagen input.hidden{display:none}
form#unterlagen input.right{display:none}
form#unterlagen label.right{display:none}
form#unterlagen input.button{text-align:center; width:auto; padding:2px 4px}
p.error, p.success{color:#FE132E; margin:0 0 10px 0; text-align:left}

form#kontakt{border:1px solid #D6D6D6; margin:20px 0 30px 0; background:white; position:relative}
form#kontakt fieldset{padding:15px 15px 5px 15px; background:url(images/form-bottom.gif) no-repeat left bottom}
form#kontakt label{display:block; font-size:.75em; float:left; width:145px; color:#555555; font-weight:bold}
form#kontakt input, form#kontakt textarea{
	float:left;
	display:block;
	margin:0 0 7px 0;
	font-size:.76em;
	padding:.2em 0 .2em 0;
	color:#555555;
	background:#F5F7F7;
	border:1px solid #D6D6D6;
	width:170px}
form#kontakt textarea{width:290px; font-family:arial, tahoma, verdana, sans-serif}
form#kontakt input:hover, form#kontakt textarea:hover, form#kontakt input:focus, form#kontakt textarea:focus{background:#FAFBFB}
form#kontakt input.hidden{display:none}
form#kontakt input.right{display:none}
form#kontakt label.right{display:none}
form#kontakt input#submit{text-align:center; margin-left:145px; width:auto; padding:2px 4px; display:inline}