* { margin: 0px; padding: 0px; }
html {min-height:100.1%; height:100.1% !important;  height:100.1%; margin-bottom:1px;}
/*für fload blöcke*/
.clear { display: block; height: 1px; clear:both; }
/*generelle einstellungen*/
body { font: 0.8em "trebuchet MS", Verdana, Arial; color: #000000; text-decoration: none; background: #525051 url(bg_body3.png) repeat-x left top; text-align: center; /*damit div webseite auch im ie5 centriert angezeigt wird*/ }
h1 { font-size: 1.4em; border-bottom: 1px dotted #990000; letter-spacing:.1em; padding-bottom:5px; margin-bottom:10px; line-height:32px; }
h1.home { background:url(home.png) no-repeat right center; }
h1.kontakt { background:url(kontakt.png) no-repeat right center; }
h1.produkte { background:url(produkte_1.png) no-repeat right center; }
h1.suche { background:url(suche.png) no-repeat right center; }
h1.data { background:url(database.jpg) no-repeat right center; }
h1.ref { background:url(referenzen.png) no-repeat right center; }
h1.info { background:url(irkick.jpg) no-repeat right center; }
h1.special { background:url(spezial.png) no-repeat right center; }
h1.wir { background:url(wir.jpg) no-repeat right center; }
ul { color: #990000; list-style:none; }
#webseite { text-align: left; /*ausgleich zum body*/ margin: auto; width: 950px; }
#webseite #header { height: 220px; background: url(bg_header2.jpg) no-repeat center top; }
#webseite #header2 { height: 30px; }
#webseite #header #top_navi ul { display: block; position: relative; float: right; margin-right: 35px; width: 614px; height: 170px; margin-top: 30px; }
/* hide hack from Mac-IE5 \*/* html #webseite #header #top_navi ul { height: 1%; }/* end hiding */
#webseite #header #top_navi li { display: inline; }
#webseite #header #top_navi a { text-align: center; display: block; float: left; letter-spacing:.1em; font-weight: bold; color: #CCCCCC; text-decoration: none; padding: 150px 13px 10px 13px; margin: 0 2px; }
#webseite #header #top_navi a:hover { background: url(bg_menue_rechts.png) repeat-x left center; color:#fff; }
#webseite #header #top_navi .active { background: url(bg_menue_hover.png) repeat-x left center; }
#webseite #header #top_navi .bg_rechts { width: 5px; background: url(bg_menue_rechts.png) repeat-x left center; display: block; float: left; height: 170px; }
.nav2nd li { list-style: square; margin-left:5px; line-height:200%; font-weight:bold; letter-spacing:.2em; border-bottom:dotted 1px #ccc; margin-bottom:3px; }
.nav2nd li a { color:#333333; text-decoration:none; }
.nav2nd li a:hover { color:#666666; text-decoration:none; background: #eee url(bg_menue_links.png) repeat-y -3px bottom; }
.nav2nd li a.active { background: #eee url(bg_menue_links.png) repeat-y -3px center; }
#nav { display: block; float: left; height: 100%; width: 270px; margin-left: 0px; background: #eee url(bg_menue_links.png) repeat-y -3px top; margin-right: 20px; }
#nav ul { display: block; color:#990000; }
#nav ul li { margin-left:10px; line-height:120%; font-weight:bold; letter-spacing:.2em; border-bottom:dotted 1px #ccc; margin-bottom:3px; }
#nav a { text-decoration: none; display: block; margin-bottom: 5px; }
.nav2nd li.active { background: #eee url(bg_menue_links.png) repeat-y -3px center; }
/*genereller inhalt innenabstand rand*/
.inhalt { padding: 0 5px; text-align:justify; line-height:150%; letter-spacing:.1em; margin-right:10px; }
#webseite #content { background: #f1f1f1 url(bg_suche.jpg) no-repeat right bottom; padding-top:10px; min-height:400px; height:auto !important;  /* für moderne Browser */ height:400px;  /*für den IE */ }
#webseite #footer { border-top: 7px solid #999; margin-top:10px; }
#webseite #footer .inhalt { padding-left: 10px; font-size: 0.9em; letter-spacing: 0.1em; color: #999999; padding-top:10px; }
#webseite #footer .inhalt .copy a { color: #aaaaaa; }
#container { }
.grau { background:#999999; }
#container #kontakt_form #kontakt label { display: block; }
#webseite #content .inhalt #container .box_bilder .floatLeft { float: left; }
.mit_rahmen { padding:3px; border: 1px solid #999999; }
a img { border:none; }
.image { float:left; width:150px; margin-right:5px; }
/*



		FORMULARGENERATOR



*/





fieldset { width:100%; margin:0 auto; border:0; }
fieldset label { display:block; width:220px; }
fieldset legend { }
fieldset input { width:220px; border:1px solid #CCCCCC; background:#FFFFFF; margin-bottom:0px; cursor:text; }
fieldset select { width:auto; border:1px solid #75c043; background:#FFFFFF; margin-bottom:0px; cursor:pointer; }
fieldset textarea { width:400px; height:150px; border:1px solid #CCCCCC; background:transparent; margin-bottom:0px; cursor:text; }
fieldset input.anfrage { cursor:pointer; }
/* Div das das Formular umschließt */

.formgen { font-size: 1em; }
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] { cursor : pointer; }
.formgen form { line-height : 120%; width: 100%; }
#webseite #content .inhalt #container .formgen #rexform { background: url(bg_kontakt.jpg) no-repeat right top; }
/* 

Wie sehen die einzelnen Blöcke aus? 

Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann

*/





.formgen .formblock { margin-bottom: 15px;/*	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
*/}
/*

Verhalten von br-Tags

*/

.formgen br { clear : both; }
/* 

--------- FORMULAR-OBJEKTE ------------ 

*/





/* Mehrzeiliges Eingabefeld */

.formgen .formtextfield { width: 400px; height: 250px; margin-left: 4px; background: #FFFFFF; }
/* Textfeld */

.formgen .formtext { width: 200px; background-color: #FFFFFF; margin-left: 4px; }
/* Trennelement , Abstand */

.formgen .formtrenn { display: block; height: 30px; }
/* Hinweistext */

.formgen .formhinweis { font-weight: bold; color: #003366; font-size: 1.2em; }
/* Überschrift */

.formgen .formheadline { font-weight: bold; color: #003366; }
/* Passwortfeld */

.formgen .formpassword { width: 200px; background-color: #CCCCCC; margin-left: 4px; }
/*Captcha-Bild*/

.formgen .formcaptcha { border: 1px solid #990000; }
/* Label */

.formgen label { font-family: Arial, Helvetica, sans-serif; width: 120px; clear: left; float: left; height: 20px; padding: 0px; }
/* Aussehen der Select-Ausgabe */

.formgen .formselect { width: auto; background-color: #f1f1f1; margin-left: 4px; }
/* Sende-Button */

.formgen .formsubmit { width: 90%; }
.formgen .formradio { width:auto; }
/* Definition des Fieldsets, das das ganze Formular umschließt */

.formgen fieldset { width: 90%; padding:5px 0; }
/* Fieldsetbeschriftung */

.formgen legend { font-weight: bold; color: #f1f1f1; }
/* -------------- AUSGABEN / Fehlermeldungen --------*/



/* Fehlermeldung nach Versand */



.formgen .forminfo { color: #FFFFFF; background-color: #990000; border: 1px dashed #000000; margin: 5px; padding: 5px; }
#linkes .inhalt .box_bilder p:hover, #linkes .inhalt .box_bilder ul:hover { background: url(bg_hover.png) no-repeat right bottom; }
#rechtes .inhalt .box_bilder p:hover, #rechtes .inhalt .box_bilder ul:hover { background: url(bg_hover.png) no-repeat right bottom; }
/* Markierung der Labels bei Fehler */

.formgen .formerror { color: #FFFFFF; background-color: #990000; }
#search { width:150px; }
#search_button { width: 20px; height:20px; background:url(xmag.png); border:0 none; }
/**/



/*//////////////////////////////////////////////////////////////////////////////*

/* Ende der Formulardefinition */

#webseite #content .inhalt #container a { color: #CCCCCC; text-decoration: none; display: block; font-size: 1.1em; letter-spacing: .2em; background: url(bg_menue_rechts.png) repeat-x left bottom; padding-left: 10px; font-weight: bold; line-height:150%; }
#webseite #content .inhalt #container a:hover { color: #CCCCCC; text-decoration: none; display: block; font-size: 1.1em; letter-spacing: .2em; background: url(bg_menue_rechts.png) repeat-x left top; padding-left: 10px; font-weight: bold; }
/*  MAIN MITTE PRODUKTÜBERSICHT   */

#webseite #content .inhalt #container .box_bilder .floatLeft img { width: 150px; }
#webseite #content .inhalt #container .box_bilder .detail_box { height: 200px; width: 200px; float: left; margin-right: 10px; margin-bottom: 10px; }
#webseite #content .inhalt #container .box_bilder .detail_box .floatLeft .mehr { text-align: center; color: #000000; text-decoration: none; }
/*  ENDE MAIN MITTE PRODUKTÜBERSICHT   */