/***************************************************************************/
/* Body und links */
a { color: #003399; }
a:hover, a:active { color: #5999DE; }
body { padding:0; margin:0; background-color: #e1e8f0; font: 200 small Arial, Helvetica, sans-serif;}
form {margin-bottom:10px;}
html, body, textarea { scrollbar-base-color:#cbd8e8; scrollbar-3d-light-color:#FFFFFF; scrollbar-arrow-color:#FFFFFF; scrollbar-darkshadow-color:#cbd8e8; scrollbar-face-color:#cbd8e8; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#ffffff; scrollbar-track-color:#cbd8e8; }
/***************************************************************************/
/* Alle Bilder ohne Rahmen anzeigen                                        */
img { border-width:0px; }
.bild { text-align:center; vertical-align:top; margin-left:auto; margin-right:auto; }
.bildm { text-align:center; vertical-align:middle; margin-left:auto; margin-right:auto; }
/* Alle Suche buttons auf die Seite                                        */
.lupe { position:absolute; margin-left:-25px; margin-top:auto; margin-bottom:auto; }
/***************************************************************************/
/* Alle Linien in Artikelsuchbaum...                                       */
hr { width:95%; float:left; color:#6AA3C9; background-color:#6AA3C9; height:1px; }
/* Infofenster auf Google Maps                                           */
.mape { font-family: Arial, Helvetica, sans-serif; font-size:0.8em; text-align:center; vertical-align:middle; margin-left:auto; margin-right:auto; }
/***************************************************************************/
/* Alle input, textarea, select mit hintegrund blau beim activieren        */
input[type=text], input[type=password], textarea, select { border:1px solid #6AA3C9; color: #404040; }
input[type=text]:hover, input[type=text]:active, input[type=text]:focus, input[type=password]:hover, input[type=password]:active, input[type=password]:focus { background-color:transparent; background-image: url(/ho/bild/OnlineCSS/input.png); background-repeat: repeat-x; background-position: 0 0; color:#000066; }
textarea:focus, textarea:active, textarea:hover { background-color:transparent; background-image: url(/ho/bild/OnlineCSS/textarea.png); background-repeat: repeat-x; background-position: 0 0; background-attachment: scroll; color:#000066; }
/***************************************************************************/
 /* Radio Buttons formatieren mittels javaScript */
 .radioUncheck { background:url(/ho/bild/OnlineCSS/Radio-Checkbox.gif) no-repeat 0px 0px; padding-left:25px; line-height:20px; height:20px; cursor:pointer; }
 .radioUncheck:hover { background:url(/ho/bild/OnlineCSS/Radio-Checkbox.gif) no-repeat 0px -20px; padding-left:25px; line-height:20px; height:20px; width: 20px; }
 .radioCheck { background:url(/ho/bild/OnlineCSS/Radio-Checkbox.gif) no-repeat 0px -40px; font-size:15px; font-weight:bold; color:#55AA15; padding-left:25px; line-height:20px; height:20px; width: 20px; cursor:pointer; }
 .radioCheck:hover { background:url(/ho/bild/OnlineCSS/Radio-Checkbox.gif) no-repeat 0px -60px; color:#3E7D0F; width: 20px; height: 20px; }
 .radioCheck input, .radioUncheck input { position: absolute; left: -9999px; }
/***************************************************************************/
/* Checkbox formatieren mittels javaScript        */
 .Uncheck { background:url(/ho/bild/OnlineCSS/checkbox.gif) no-repeat 0 -17px; padding-left:13px; width: 17px; height:17px; display:block}
 .Check { background:url(/ho/bild/OnlineCSS/checkbox.gif) no-repeat 0 0; padding-left:13px; width: 17px; height:17px; display:block}
 .Check input, .Uncheck input { position: absolute; left: -9999px; width: 17px; height:17px;}
/***************************************************************************/
/* positioniert alles links                                                */
.links { clear: both; }
/***************************************************************************/
/*  Div  mittig positioniert                                               */
.divmitte { text-align:center; margin-left:auto; margin-right:auto; }
/***************************************************************************/
/* Tabelle mittig positioniert , keine rahmen                              */
.tabellemitte { border-width:0px; margin-left:auto; margin-right:auto; padding-left:10px; }
/***************************************************************************/
/* Tabelle mittig positioniert , hintergrund  blau                         */
.tabelleblaum { margin-left:auto; margin-right:auto; background-color: #cbd8e8; }
/***************************************************************************/
/* Tabelle links positioniert , hintergrund blau                           */
.tabelleblaul { text-align: left; margin-left:0px; background-color: #cbd8e8; }
/***************************************************************************/
/* Tabelle mittig positioniert , blaue rahmen                              */
.tabellerahmen { text-align: left; margin-left:auto; margin-right:auto; border:1px; border-style:solid; border-color:#365583; }
/***************************************************************************/
/* Tabelle mittig positioniert , hintergrund blau (Hersteller liste)       */
.tabelleinfo { background-color:#FFF; border-width:thin; border-style:solid; border-color:#4F86B3; margin-left:auto; margin-right:auto; }
/* blaue streifen in Infofenster(Email wurde versendet)                    */
.tdinfo { background-color:#4F86B3; }
/* td mit hilfe divs darstehlen  */
.tdlinks { float:left; font-size:12pt; color: #336699; background-color:#cbd8e8; text-align:left; }
.tdrechts { float:left; background-color:#FFF; font-size:10pt; text-align:left; }
/***************************************************************************/
/* fieldset                                                                */
.fieldblau { border:1px; border-style:solid; border-color:#365583; margin-left:auto; margin-right:auto; background-color: #cbd8e8; padding: 10px; }
/***************************************************************************/
/* Seitenkopf (1. Tabelle)- Programname und Funktionalität                 */
.kopflinks { text-align: left; vertical-align:top; font-size:12pt; padding-left:5px; }
.kopfrechts { text-align: right; vertical-align:top; font-size:10pt; padding-right:10px; }
.kopftabelle { border-width:0px; border-style:solid; color: #FFFFFF; width:100%; background-color: #7baed9; background-image: url(/ho/bild/OnlineCSS/koptabelle.png); background-repeat: repeat-x; background-position: left top; line-height:13pt; }
/***************************************************************************/
/*  Spaltenbeschreibung Vertikal*/
.zeilenname { text-align: left; vertical-align:top; font-size:12pt; background-color: #cbd8e8; padding-left:5px; padding-right:10px; color: #336699; }
/***************************************************************************/
/* Zeilenüberschreibung Orizontal Oberbegriffe(Rechnungen Vormerkliste)    */
.zeiledunkel { font-size:12pt; color: #336699; text-align: left; background-image: url(/ho/bild/OnlineCSS/kopftabelle.jpg); background-repeat: repeat-x; background-position: left top; height:28px; text-indent:30px; }
.zeilehell { text-align: left; vertical-align: top; font-size: 10pt; background-color: #e1e8f0; }
.zeileblau { border:	1px solid #336699; background-color: #cbd8e8; padding-top:30px; padding-bottom:10px; padding-left:0px; padding-right:0px; }
/***************************************************************************/
/* Spaltenüberschriften in Tabellen                                        */
.thlinks { text-align: left; vertical-align:top; font-size:10pt; color: #FFFFFF; background-color: #2D6899; }
.threchts { text-align: right; vertical-align:top; font-size:10pt; color: #FFFFFF; background-color: #2D6899; }
.thmitte { text-align: center; vertical-align:top; font-size:10pt; color: #FFFFFF; background-color: #2D6899; }
.thmittem { text-align: center; vertical-align:middle; font-size:10pt; color: #FFFFFF; background-color: #2D6899; }
/***************************************************************************/
/* Tabellenzeilen hell/dunkel                                              */
.trdunkel { text-align: left; vertical-align: top; font-size: 10pt; background-color: #cbd8e8; }
.trhell { text-align: left; vertical-align: top; font-size: 10pt; background-color: #FFFFFF; }
.trhover { text-align: left; vertical-align: top; font-size: 10pt; background-color: #FFC; }
tr.trdunkel:hover, tr.trhell:hover, tr.zeiledunkel:hover, tr.zeilehell:hover { background-color: #FFC; }
div.trdunkel:hover, div.trhell:hover, div.zeiledunkel:hover, div.zeilehell:hover { background-color: #FFC; cursor:pointer; }
/***************************************************************************/
/* Tabelle mittig positioniert , hintergrund rot                          */
.tabellefehler { background-color:#FFF; border-width:thin; border-style:solid; border-color:#F00; margin-left:auto; margin-right:auto; }
.tdfehler { background-image: url(/ho/bild/OnlineCSS/fehlerHintergrund.gif); background-position:top left; background-repeat:repeat-y; background-color:#FFF; }
.fehler{ background: transparent url(/ho/bild/OnlineCSS/inputfehler.png) repeat-x left top; border: 1px solid #F00; text-align: left; vertical-align:top; font-size:13px;}
/***************************************************************************/
/* Fehlertext                                                              */
.textf { text-align: center; vertical-align:top; font-size:10pt; color:red; }
.textfl { text-align: left; vertical-align:top; font-size:10pt; color:red; }
.textfb { text-align: center; vertical-align:bottom; font-size:10pt; color:red; }
.textf12 { text-align: center; vertical-align:top; font-size:12pt; color:red; }
.textf12l { text-align: left; vertical-align:top; font-size:12pt; color:red; }
.textf14 { text-align: center; vertical-align:middle; font-size:14pt; color:red; }
/***************************************************************************/
/* Texte schwarzt in verschiedenen größen                                  */	 
.font8 { text-align: left; vertical-align:top; font-size:8pt; }
.font8m { text-align:center; vertical-align:middle; font-size:8pt; }
.font10 { text-align: left; vertical-align:top; font-size:10pt; }
.font10m { text-align:center; vertical-align:middle; font-size:10pt; }
.font12 { text-align: left; vertical-align:top; font-size:12pt; }
.font12m { text-align:center; vertical-align:middle; font-size:12pt; }
.font14 { text-align: left; vertical-align:top; font-size:14pt; font-weight:bold; }
.font14m { text-align:center; vertical-align:top; font-size:14pt; font-weight:bold; }
.zahl10 { text-align: right; vertical-align:top; font-size:10pt; }
.zahl12 { text-align: right; vertical-align:top; font-size:12pt; }
/***************************************************************************/
/* Texte dunkelblau  in verschiedenen größen                               */
.info8 { text-align:left; vertical-align:top; font-size: 8pt; color: #336699; }
.info8m { text-align: center; vertical-align:middle; font-size: 8pt; color: #336699; }
.info { text-align: center; vertical-align:top; font-size:10pt; color: #336699; }
.infol { text-align:left; vertical-align:top; font-size:10pt; color: #336699; }
.info12 { text-align: center; vertical-align:top; font-size:12pt; color: #336699; }
.info12m { text-align: center; vertical-align:middle; font-size:12pt; color: #336699; }
.info12b { text-align: center; vertical-align:bottom; font-size:12pt; color: #336699; line-height:20px; height:20px; }
/***************************************************************************/
/* Texte hellblau  in verschiedenen größen                                 */
.info12l { text-align: left; vertical-align:top; font-size:12pt; color: #336699; }
.info13 { text-align: center; vertical-align:top; font-size:13pt; color: #237ABF; }
.info13l { text-align: left; vertical-align:top; font-size:13pt; color: #237ABF; }
.info13caps { text-align: left; vertical-align:top; font-size:13pt; color: #237ABF; font-variant:small-caps; }
.info14 { text-align: center; vertical-align:top; font-size:14pt; color: #237ABF; }
.info14m { text-align: center; vertical-align:middle; font-size:14pt; color: #237ABF; }
.info14l { text-align: left; vertical-align:top; font-size:14pt; color: #237ABF; }
.info13r { text-align: right; vertical-align:middle; font-size:13pt; color: #237ABF; }
.info15 { text-align: center; vertical-align:top; font-size:15pt; color: #237ABF; }
.info15l { text-align: left; vertical-align:top; font-size:15pt; color: #237ABF; }
.info24 { text-align: center; vertical-align:middle; font-size:24pt; color: #237ABF; }
/***************************************************************************/
/* Text grau klein                                                         */
.info8grau { text-align:left; vertical-align:top; font-size: 8pt; color: #666666; }
.info8mgrau { text-align: center; vertical-align:middle; font-size: 8pt; color: #666666; }
/***************************************************************************/
/*input type="submit" und Links mit Bild als Hintergrund                   */
a.ovallink { background: transparent url('/ho/bild/OnlineCSS/buttonlinks.png') no-repeat top left; display: block; font-size:10pt; font-family: Arial, Helvetica, sans-serif; text-align: center; color: #FFFFFF; line-height: 20px; height: 20px; padding-left: 11px; text-decoration: none; outline-style:none; white-space:nowrap; }
a.ovallink span { background-color: #1E639A; background: url('/ho/bild/OnlineCSS/buttonrechts.png') no-repeat top right; text-align: center; color: #FFFFFF; display: block; padding-top: 0px; padding-right: 11px; padding-bottom: 0px; padding-left: 0; }
a.ovallink:hover { background-position: bottom left; }
a.ovallink:hover span { background-position: top right; color: #6CF; }
a.ovallink :visited span { color: #FFFFFF; }
/***********************************************************/
.ovalbutton { background: url('/ho/bild/OnlineCSS/buttonlinks.png') no-repeat top left; display: block; font-size:10pt; font-family: Arial, Helvetica, sans-serif; text-align: center; color: #FFFFFF; line-height: 20px; height: 20px; padding-left: 11px; outline-style:none; white-space:nowrap; cursor:pointer; }
.ovalbutton input { background-color: #1E639A; background: url('/ho/bild/OnlineCSS/buttonrechts.png') no-repeat top right; display: block; border:0px; font-size:10pt; font-family: Arial, Helvetica, sans-serif; text-align: center; color: #FFFFFF; line-height: 20px; height: 20px; padding-top: 0px; padding-right: 11px; padding-bottom: 0px; padding-left: 0px; cursor:pointer; }
.ovalbutton:hover { background-position: bottom left; }
.ovalbutton:hover input { background-position: top right; color: #6CF; display: block; }
/***********************************************************/
/*input type="submit" und Links mit Bild als Hintergrund ohne pfeil */
.klickButton, a.klickLink { display: block; font-size:12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align:center; vertical-align:middle; color: #FFFFFF; height: 20px; line-height:20px; padding-left: 8px; outline-style:none; white-space:nowrap; background-color: transparent; background-image: url(/ho/bild/OnlineCSS/buttonlinks2.png); background-repeat:no-repeat; background-position: left top; }
a.klickLink { text-decoration: none; }
.klickButton input, a.klickLink span { display: block; border:0px;               /* für input */ font-size:12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align:center; vertical-align: middle; color: #FFFFFF; height: 20px; line-height:20px; padding: 0px 8px 0px 0px; background-color: transparent; background-image: url(/ho/bild/OnlineCSS/buttonrechts.png); background-repeat:no-repeat; background-position: right top; }
a.klickLink:hover span, span.klickButton:hover input { color: #6CF; }
/***********************************************************/
/*buttonactiv in Artikelsuche formatieren  */
.activbutton { background: url('/ho/bild/OnlineCSS/buttonactivlinks.gif') no-repeat left top; display: block; font-size:10pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; color: #2C5D89; line-height: 20px; height: 20px; padding-left: 11px; outline-style:none; white-space:nowrap; cursor:pointer; }
.activbutton input { background-color: #1E639A; background: url('/ho/bild/OnlineCSS/buttonactivrechts.gif') no-repeat top right; display: block; border:0px; font-size:10pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; color: #2C5D89; line-height: 20px; height: 20px; padding-top: 0px; padding-right: 11px; padding-bottom: 0px; padding-left: 0px; cursor:pointer; }
.activbutton:hover { background-position: bottom left; }
.activbutton:hover input { background-position: top right; color: #2C5D89; display: block; }
/***********************************************************/
/* Autocomplete */
.autocomplete { margin: 0; padding:0; display:block; background-color:#FFD; z-index:99; position:absolute; text-align:left; vertical-align:top; font-size:15px; color: #336699; width:502px; border-top: 0px solid #6AA3C9; border-right: 1px solid #6AA3C9; border-bottom: 1px solid #6AA3C9; border-left: 1px solid #6AA3C9; overflow: auto;}
.autocomplete .zeile { border:#FFD 1px solid; padding:3px; clear:both; height:20px;  line-height: 20px; margin:2px; }
.autocomplete .zeile:hover { background-color: #FFFFC4; border:#F00 1px solid; }
.autocomplete .zeile .begriff { cursor:pointer; width:370px; float:left; display:block;}
.autocomplete .zeile .treffer { text-align: right; font-size:13px; float:right; }
/***********************************************************/
.fixiert { position: absolute; top: 0; }
/* nur fuer moderne Browser! Schließt alle Internet Explorer für Windows bis Version 6 aus*/
html>body .fixiert { position: fixed; }
#seite { height: 99%; width: 100%; overflow:auto; }
/***********************************************************/