body, html { padding: 0; margin: 0; }
html { overflow-y: scroll; } 
body { 	background-color: #E2E6EB; text-align: center; font: 12px Arial, Helvetica, sans-serif; color: black; }
img {	border: none; }
.clr { 	clear: both; }
a { 	color: #00437C; }
a:hover { 	color: #3B8D37; }
a:active, a:focus {	outline: none;}
p { 	margin: 0 0 10px 0; }
h1 { 	font-size: 20px; margin: 0 0 5px 0; }
h2 { 	font-size: 15px; margin: 0px 0 20px 0;}
h3 { 	font-size: 13px; margin: 16px 0 6px 0; color: #00437C; }
h4 { 	font-size: 12px; margin: 16px 0 0px 0; }
h3.produkte span { padding: 0 5px; color: #00437C; border-bottom: 1px #C2CCDA solid; }
h3.produkte a { text-decoration: none; }
hr { 	height: 1px; color: black; background-color: black; border: black; }
.small, .klein { 	font-size: 11px; }
.big, .gross { 	font-size: 15px; }
.right, .rechts { 	text-align: right; }
.fliessl, .fllinks {	float: left; }
.fliessr, .flrechts { 	float: right; }
.marker { 	background-color: #FEFF75; }
.gruen, .green { 	color: #4DB848; }
.nowrap {	white-space: nowrap; }
form { 	margin: 0; }
form br {	clear: both;}
.normal {	font-weight: normal; }

.zeichnlinks { 	float: left; margin-right: 30px; }

#lang {	display: none; }

div#container { width: 783px; margin: 0 auto; text-align: left; }
div#wrapper { background-image: url(../files/bg-wrapper.gif); background-repeat: repeat-y; background-color: white; }

div#header { margin: 20px 0 1px 0;  }
div#header img.logo { margin-left: 20px; }
#searchform { }
#searchform legend, #searchform label { display: none; visibility: hidden; }
#searchform fieldset { margin: 0; padding: 0; border: none; float: right; margin-top: 40px; margin-right: 14px;  }
input#livesearch { background-color: #F1F3F5; font: 12px Arial, Helvetica, sans-serif; color: #666; padding: 3px 0 2px 5px; float: left; width: 120px; border: solid 1px #8A8C8F; }
input#livesearchsubmit { padding-bottom: 2px; float: left; margin-left: 4px;  }
input#livesearch:focus { background-color: white; color: #00437C; border-color: #00437C; }

#mainMenu { 	padding: 5px 0 4px 0; margin: 0 auto; width: 775px; color: white; position: relative; text-align: left; background-image: url(../files/bg-menu.gif); background-repeat: repeat-x;  }
#mainMenu a:hover { color: white; }
#lang { float: right; text-decoration: none; color: #C2CCDA; margin-right: 10px;  }
#lang:hover { color: white; }
#menuList { margin: 0 0 0 10px; padding: 0; }
#menuList ul { margin: 0px; padding: 0px; }
#menuList li { display: inline; list-style-type: none; }
li.menubar {	margin-right: 15px; }
a.starter { 	padding: 5px 8px 4px 8px; margin: 0px; color: white; text-decoration: none; text-transform: uppercase; }
a.startakt, a.starter:active, a.starter:hover { background-image: url(../files/bg-menu-f2.gif); background-repeat: repeat-x; }
.menu { 	visibility: hidden; width: 140px; position: absolute; background-color: #2C4E7E; border-top: 1px #566B7E solid;  }
.menu li a { margin: 2px 0px 2px 0px; padding: 2px 2px 2px 4px; color: white; display: block; text-decoration: none; }
.menu li a.mutter {	background-image: url(../files/pfeil-menu.gif); background-repeat: no-repeat; background-position: right; }
.menu li a.mutter:hover {	background-image: url(../files/pfeil-menu-f2.gif); }
.menu li a:active, .menu li a:hover { 	color: #ffffff; background-color: #1C3A6E; }
.menu .menu { 	background-color: #415F8B; border-top: none; width: 160px; }
.menu .menu li a:hover { 	background-color: #29467A; }
#menu1 { 	z-index: 100; width: 170px; }
#menu2 { 	z-index: 100; width: 170px; }
#menu3 {		z-index: 100; width: 170px; }
#menu3 .menu {	width: 190px; }
#menu4 { 	z-index: 100; width: 140px; }
#menu5 { 	z-index: 100; width: 140px; }

#fullcontent { width: 775px; margin: 0 auto; background-image: url(../files/bg-content.gif); background-repeat: repeat-x; }
#produkte { 	background-image: url(../files/bg-produkte.gif); }
#ueberuns { 	background-image: url(../files/bg-ueberuns.gif); }
#suche { 	background-image: url(../files/bg-suche.gif); }
#kontakt { 	background-image: url(../files/bg-kontakt.gif); }
#anwendungen { 	background-image: url(../files/bg-anwendungen.gif); }
.txt { padding: 20px; background-position: top right; background-repeat: no-repeat; }
#aboutus { 	background-image: url(../files/bg-aboutus.gif); }
#products { 	background-image: url(../files/bg-products.gif); }

#respalte { float: right; margin-left: 20px; width: 250px; }
.rebox { 	border: 1px #D0D9E0 solid; background-image: url(../files/bg-rebox.gif); background-repeat: repeat-x; background-color: #DAE1E7; padding: 20px 15px 10px 15px; font-size: 11px;  margin-bottom: 20px; }
.rebox2 { 	border: 1px #D0D9E0 solid; background-image: url(../files/bg-rebox.gif); background-repeat: repeat-x; background-color: #DAE1E7; padding: 20px 0 10px 0; font-size: 11px;  margin-bottom: 20px; }
.rebox h1 { font-size: 11px; border-bottom: 1px #4DB848 solid;  padding-left: 1px; }
.rebox p { padding-left: 1px; margin-bottom: 6px; }
img.dummybild { float: left; margin: 30px 15px 30px 0px; }
.prodbox { 	border: 1px #D0D9E0 solid; background-image: url(../files/bg-rebox.gif); background-repeat: repeat-x; background-color: #DAE1E7; padding: 15px 15px 10px 15px; font-size: 11px;  margin-bottom: 20px; }
.prodbox h1 { margin-bottom: 10px; }


div#footer { clear: both; width: 100%;   }
div#footer2 { color: #8A8C8F; font-size: 11px; text-align: right; width: 765px; margin: 0 auto; }
div#footer2 a { color: #8A8C8F; font-size: 11px; text-decoration: none;  }
div#footer2 a:hover { text-decoration: underline;   }

img#startbild { border-bottom: 10px #00437C solid; }
.starttxt { padding-left: 18px; 	}
.startbox { text-align: left; padding: 20px; font-size: 11px; width: 198px; height: 88px; background-image: url(../files/bg-startbox.gif); margin: 30px 12px 50px 0px; float: left;  }
.startbox h1 { font-size: 11px; }
.startbox p {  margin-bottom: 10px; }

a.einblenden { 	padding-left: 20px; font-size: 11px; color: #8A8C8F; display: block; margin: 0 0 10px 0; }
a.einblenden:hover { 	background-image: url(../files/einblenden.gif); background-repeat: no-repeat; color: #00437C; }
a.ausblenden { 	padding-left: 20px; font-size: 11px; color: #8A8C8F; display: none; margin: 0 0 10px 0; }
a.ausblenden:hover { 	background-image: url(../files/ausblenden.gif); background-repeat: no-repeat; color: #00437C; }

div#prod1 ul, div#prod2 ul, div#prod3 ul, div#prod4 ul, div#prod5 ul, div#prod6 ul, div#prod7 ul, div#prod8 ul { 	margin-top: 0px; }
div#prod1 img, div#prod2 img, div#prod3 img, div#prod4 img, div#prod5 img, div#prod6 img, div#prod7 img, div#prod8 img { 	margin-left: 20px; margin-bottom: 5px; }
div#prod1 div, div#prod2 div, div#prod3 div, div#prod4 div, div#prod5 div, div#prod6 div, div#prod7 div, div#prod8 { border-left: 2px #C2CCDA solid; margin-left: 8px; }

dl#produktuebersicht { margin-top: 40px; font-size: 11px;  }
dl#produktuebersicht a { text-decoration: none; }
dl#produktuebersicht dd  { }
dl#produktuebersicht dt a { width: 150px; display: block; float: left;}
dl#produktuebersicht dt span { font-size: 12px; color: black;  }
dl#produktuebersicht dt { border-bottom: 1px solid; margin: 0; padding: 0; font-size: 15px;  font-weight: bold; }
dl#produktuebersicht .mehrinfos { clear: both; }
dl#produktuebersicht dd { margin: 5px 0 10px 124px; padding: 10px 5px 7px 5px; }

dl#produktuebersicht dt.neutral, dl#produktuebersicht dt.neutral a, dl#produktuebersicht dt.neutral a:hover { color: #00437C; }
dl#produktuebersicht dt.profi, dl#produktuebersicht dt.profi a, dl#produktuebersicht dt.profi a:hover { color: #EE2F3F; }
dl#produktuebersicht dt.compact, dl#produktuebersicht dt.compact a, dl#produktuebersicht dt.compact a:hover { color: #F6861F; }
dl#produktuebersicht dt.easy, dl#produktuebersicht dt.easy a, dl#produktuebersicht dt.easy a:hover { color: #FECD33; }
dl#produktuebersicht dt.basic, dl#produktuebersicht dt.basic a, dl#produktuebersicht dt.basic a:hover { color: #4DB848; }
dl#produktuebersicht dt.power, dl#produktuebersicht dt.power a, dl#produktuebersicht dt.power a:hover { color: #00A8BA; }
dl#produktuebersicht dt.sensor, dl#produktuebersicht dt.sensor a, dl#produktuebersicht dt.sensor a:hover { color: #0071BB; }
dl#produktuebersicht dt.component, dl#produktuebersicht dt.component a, dl#produktuebersicht dt.component a:hover { color: #7F3F98; }
dl#produktuebersicht dt.cleaning, dl#produktuebersicht dt.cleaning a, dl#produktuebersicht dt.cleaning a:hover { color: #4B4B4D; }

dl#produktuebersicht ul { width: 280px; float: right; list-style: none; }
dl#produktuebersicht ul li { margin: 0; padding: 0 0 5px 12px; background-image: url(aufzaehlung.gif); background-repeat: no-repeat; }
dl#produktuebersicht table { width: 260px; float: right; }
dl#produktuebersicht table td { vertical-align: top; margin: 0; padding: 0 0 5px 0; }
dl#produktuebersicht table td.name { width: 95px; }

/* dl#produktuebersicht dd.profi { background-color: #FAC0C5; }
dl#produktuebersicht dd.compact { background-color: #FCDABB; }
dl#produktuebersicht dd.easy { background-color: #FFF0C1; }
dl#produktuebersicht dd.basic { background-color: #C9EAC8; }
dl#produktuebersicht dd.power { background-color: #B2E5EA; }
dl#produktuebersicht dd.sensor { background-color: #B2D4EA; }
dl#produktuebersicht dd.component { background-color: #D8C5E0; } */
dl#produktuebersicht img { margin: 10px 0 0px 20px; }

table.techndaten { 	border: 1px #C2CCDA solid; border-bottom: none; margin-bottom: 20px; }
table.techndaten td, table.techndaten th { padding: 3px 6px; border-bottom: 1px #C2CCDA solid; }
table.techndaten th { background-color: #E2E6EB; border-right: 1px #C2CCDA solid; }

table.techndaten2 { 	border: 1px #C2CCDA solid; border-right: none; border-bottom: none; margin: 20px 0;  }
table.techndaten2 td, table.techndaten2 th { padding: 3px 6px; border-bottom: 1px #C2CCDA solid; border-right: 1px #C2CCDA solid; vertical-align: top; font-size: 11px; }
table.techndaten2 th { background-color: #E2E6EB; border-right: 1px #C2CCDA solid; text-align: center; }
table.techndaten2 td img { 	margin-top: 2px; }
table.techndaten2 th.c, table.techndaten2 td.c { text-align: center; }
table.techndaten2 td.r { text-align: right; }
table.techndaten2 td.vm { vertical-align: middle; }
table.techndaten2 th.double, table.techndaten2 td.double { border-right: double  3px #C2CCDA ; }

table.techndaten3 { 	border: 1px #C2CCDA solid; border-right: none; border-bottom: none; margin: 20px 0;  }
table.techndaten3 td, table.techndaten3 th { padding: 3px 6px; border-bottom: 1px #C2CCDA solid; border-right: 1px #C2CCDA solid; vertical-align: top; font-size: 11px; }
table.techndaten3 th { background-color: #E2E6EB; border-right: 1px #C2CCDA solid; }
table.techndaten3 th.seite { font-weight: normal; }
table.techndaten3 td { text-align: center;	}
table.techndaten3 td img { 	margin-top: 2px; }

table.font12 td { 	font-size: 12px; }

#breadcrumbs {	font-size: 11px; padding: 5px 0 0 20px;  color: #7D7D7D;   }
#breadcrumbs a {	color: #7D7D7D; text-decoration: none; }
#breadcrumbs a:hover {	color: #00437C; text-decoration: underline; }

div.suchergebnis { margin: 20px; }
div.suchergebnis h1 {  font-size: 20px; font-weight: normal; letter-spacing: 1px; }
div.suchergebnis em { background-color: #85CE84; font-style: normal; padding: 0 3px; }
div.suchergebnis dl em { font-weight: bold; }
div.suchergebnis dt  { margin: 20px 0 0 0; padding: 0; }
div.suchergebnis dt a { font-size: 14px; }
div.suchergebnis dd { margin: 4px 0 0 0; padding: 0; }
p.keintreffer { margin-top: 20px; font-size: 14px; }

fieldset#map24 { 	background-color: #CDEBCB; border: none; width: 380px; padding: 10px; margin: 0; }
fieldset#map24 input { 	font: 12px Arial, Helvetica, sans-serif; }
fieldset#map24 #startadresse { width: 200px; padding-left: 4px; }
fieldset#map24 label { display: block; color: #4DB848; margin-bottom: 8px; font-size: 14px; letter-spacing: 2px;	}
fieldset#map24 span { color: #525E51; margin-left: 5px; }
fieldset#map24 select { margin-top: 10px; margin-bottom: 10px; font: 12px Arial, Helvetica, sans-serif; }

fieldset.kontaktform { border: none; margin-bottom: 20px; background-color: #F1F3F5; width: 430px; padding-top: 10px; }
fieldset.kontaktform legend {	font-size: 16px; color: black; font-weight: bold; }
fieldset.kontaktform br { 	clear: both; }
fieldset.kontaktform label { padding-left: 10px;  }
fieldset.kontaktform label.pflicht { background: url(pfeil-bewerb.gif) no-repeat; }
fieldset.kontaktform label.inputtext { float: left; width: 90px; padding-top: 3px;   padding-right: 5px; margin-bottom: 5px;  }
fieldset.kontaktform input.inputtext { width: 300px; border: 1px solid #C2CCDA;}
fieldset.kontaktform input.inputtext:focus { border: 1px solid #4DB848;}
fieldset.kontaktform label.textarea {	float: left; width: 90px; padding-top: 3px;   padding-right: 5px; margin-bottom: 5px;  }
fieldset.kontaktform textarea { 	width: 300px; height: 70px; margin-bottom: 10px; margin-left: 0px; border: 1px solid #C2CCDA;}
fieldset.kontaktform textarea:focus { border: 1px solid #20B27E;}
fieldset.kontaktform .inputsubmit { margin-top: 10px; margin-left: 105px; }
fieldset.kontaktform div.error label {	color: #F15922; font-weight: bold; }
fieldset.kontaktform div.error textarea, div.error input.inputtext {	border: 1px solid #F15922;  }
fieldset.kontaktform div.fehlermeldung { 	background-color: white; border: 2px solid #F15922; padding: 5px 10px; margin-bottom: 12px; }
fieldset.kontaktform input.leer {	display: none; } /* Dieses Input-Feld gibt es nur zum Spamschutz */
.kontakterror {	color: #EE2F3F; }

img.sechseck { float: left; margin-right: 30px; }
ul.sechseck { padding-left: 20px; }
ul.sechseck li { margin-bottom: 7px; }

div.neuegeraete { 	background-color: #CDEBCB; border: none; width: 380px; padding: 10px; margin: 0; }

table.erlaeuterung { 	border-collapse:collapse; margin: 12px 0; }
table.erlaeuterung td { border: 2px white solid; padding: 3px 6px; vertical-align: top; background-color:#F1F3F5; font-size: 11px;  }
table.erlaeuterung th { border: 2px white solid; padding: 2px 6px; vertical-align: baseline;font-size: 11px;  }
table.erlaeuterung td.c { text-align: center; }

div.betriebsferien span.datum { background-color: #E2E6EB; padding: 0 3px 0 0; font-weight: bold; float: left;  width: 120px; text-align: right; margin: 0px 0px; }
div.betriebsferien span.event { padding-left: 5px; border-left: white 2px solid; }
div.betriebsferien p { clear: left; padding: 0; margin: 1px 0px; background-color: #F1F3F5; float: left; width: 350px; }