/* Allgemeine Einstellungen */
html, body { margin:0; padding:0; min-height:100%; background:#fff; color:#000; height:100%; }
* { margin:0; padding:0; }
a img { border:none; }
img { margin:0.0em; }
html, body, td { font-size:95.1%; }

/* Schriftfestsetzung, erste Verdana, wenn nicht vorhanden Arial usw. */

body, h1, h2, h3, h4, h5, h6, p, table, td, th, li, div { font-family:Verdana, Arial, Helvetica, sans-serif; }
.highlight { font-weight:bold; }
* ht\ml body { background:white; }
/* Abstand der Aufz&Auml;hlungspunkte vom linken Rand */

ul { margin-left:2em; list-style-image:url(bild/bullet_orange.gif); }
* ht\ml ul { list-style-image:url(bild/bullet_orange_ie.gif); }

ol { margin-left:2em; }
/* Überschrift Definitionen */

h1 { font-size:1.3em;  color:#096; margin-bottom:0.4em; margin-top:0.8em; }
h2 { font-size:1.1em;  color:#f90; margin-top:1em; margin-bottom: 0.75em; }
h3 { font-size:1.0em;  margin-top:1em; margin-bottom:0.5em; }
.news { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.4em;  color:#f90; margin-bottom:0em; margin-top:0.8em; }
.subnews { font-size:0.9em; margin-bottom:0.5em; margin-top:0em; }

/* Tabellenformatierung (spacing) Abstand der Zellenrahmen innerhalb der Tabelle  / (collapse) linker u. rechter Rahmen mit 1px Breite ergeben zusammen 1px und nicht jeder 1px */

table { border-spacing:0; border-collapse:collapse; }

/* Einstellungen f&Uuml;r die &Auml;usserste Tabelle */

#layout { width:99.9%; height:100%; table-layout:fixed; }

/* Breite des Menübereichs bzw. Sidebars */

#layoutcol1 { width:13em; }
#layoutcol3 { width:12em; }
* html #layoutcol1 /**/{ width:13em; }
* ht\ml #layoutcol1 /**/{ width:12em; }


#layout td { vertical-align:top; }
/* Head Bereich (Logo / Teaser / Suche */
#layoutkopfzeile,
#layoutkopf, #layoutkopf table, #layoutkopf tbody, #layoutkopf tr, #layoutkopf td
	{ height:120px; overflow:hidden; }
#layoutkopf table { width:100%; table-layout:fixed;  }
#layoutlogo { width:50%; text-align:center; }
#layoutlogo h1 { color:#000; font-size:17px; padding:0; font-weight:normal; margin:0; }
#layoutlogo p { padding:18px 0 14px; }
#layoutlogo p a { padding:0; margin:0; }
#layoutlogo p a img { padding:0; margin:0; width:152px; height:50px; vertical-align:bottom; }


#layoutteaser { height:120px; width:50%; background:#fff; vertical-align:middle; text-align:left; color:#fff; overflow:hidden; }

#layoutteaser { text-align:right; height:120px; width:50%; background:#fff; overflow:hidden; }
#layoutteaser p { padding:5px; color:#fff; font-size:xx-small; }
#layoutteaser div { background-color:#fff; text-align:right; height:120px; overflow:hidden; padding:0px; margin:0px; }
#layoutteaserdiv img { right:0px; padding:0px; margin:0px; }


#layouttrenner  { background:#CBD1DA; }
#layouttrenner td { vertical-align:bottom; height:1.7em; padding:0 0 0.1em 0; }

#layouttrennermain { border-top:0px solid #000; border-bottom:0px solid #000; }
#layouttrennerleft { border-top:0px solid #000; border-bottom:0px solid #000; }
#layouttrennermain table { width:100%; }
#layouttrennermain #layouttopsuchlabel { text-align:right; padding:0 1em 0.1em 0; color:#666;  }
#layouttrennermain #topnavigation { color:#fff; list-style-type:none; list-style-image:none; margin:0; padding:0 0 0 1em; }
* html /**/ #layouttrennermain #topnavigation li { margin:0.0em; }
#layouttrennermain #topnavigation li { display:inline; list-style-type:none; margin:0; padding:0; word-spacing:0.5em; }
#layouttrennermain #topnavigation a { color:#666; text-decoration:none; }
#layouttrennermain #topnavigation a:hover { color:#fff; }

#layouttrennerrite { border-top:0px solid #000; border-bottom:0px solid #000; }

#layouttrennerrite table { width:12em;  }

#layouttrennerrite td { vertical-align:bottom; }

#layouttrennerrite #layoutsubmit { width:15px; }
#layouttrennerrite input { border:1px solid #767373; vertical-align:baseline; }
#layouttrennerrite input.text {  background-color:#CBD1DA; margin:0 0 0 0; width:100%; }
* html #layouttrennerrite input.text { margin:0 0 0.2em 0; }
* ht\ml #layouttrennerrite input.text { margin:0 0 0.0em 0; }
html:first-child #layouttrennerrite input.text { margin:0; }

/* Navigation Links */
.lwTreeNavigation,
#lwTreeNavigation { background:#CBD1DA; width:10.5em; padding:1.5em 0 0.5em 0; vertical-align:top; color:#fff; }


* html #lwTreeNavigation { width:10.5em; }
* ht\ml #lwTreeNavigation { width:10em; }

#lwTreeNavigation ul { list-style-type:none; list-style-image:none; padding:0em; margin:0; border-bottom:1px solid #F4F5F7; }

* html #lwTreeNavigation ul/**/ { width:13em; margin:0 0 0 -1.25em; }
* html #lwTreeNavigation ul ul/**/ { margin:0 0 0 -1.25em; }


* ht\ml #lwTreeNavigation ul { margin:0; width:auto; }
/* Breiteres Menue im IE: Hier den Wert bei 'width' verändern oberste und unterste Linie ver&Auml;ndern sich */
* ht\ml #lwTreeNavigation ul ul { margin:0; width:0em; }

#lwTreeNavigation ul ul { border-bottom:none; padding:0; margin:0; }

#lwTreeNavigation li { padding:0; margin:0; border-top:1px solid #fff; line-height:1.7em; width:100%;  }
#lwTreeNavigation a.highlight { color:#fda; border:none;  }

* html #lwTreeNavigation li { width:10.5em; padding:0; margin:0; }
* html #lwTreeNavigation li/**/ { width:13em; }
* html #lwTreeNavigation li li/**/ { width:13.5em; }
* html #lwTreeNavigation li li li/**/ { width:14em; }
* html #lwTreeNavigation li li li li/**/ { width:14em; }
/* Breiteres Menue im IE: Hier die Werte entsprechend anpassen */
* ht\ml #lwTreeNavigation li { width:13.5em; }
* ht\ml #lwTreeNavigation li li { width:13.5em; }
* ht\ml #lwTreeNavigation li li li { width:13.5em; }
* ht\ml #lwTreeNavigation li li li li { width:13.5em; }


#lwTreeNavigation a { display:block; color:#666; background:#CBD1DA; font-weight:bold; text-decoration:none; font-size:0.8em;  padding:0 0 0 1em; }


* html #lwTreeNavigation li a { width:100%; padding:0 0 0 1em; }
#lwTreeNavigation li a/**/ { height:100%; }
/* Einrückung der Unterpunkte kann hier bestimmt werden */
#lwTreeNavigation li li a { color:#000; border-color:#0b8; background:#CBD1DA; padding:0 0 0 2.7em; }
#lwTreeNavigation li li li a { border-color:#0da; background:#CBD1DA; padding:0 0 0 4.7em; }
#lwTreeNavigation li li li li a { border-color:#0da; background:#CBD1DA; padding:0 0 0 6em; }

* html #lwTreeNavigation li a/**/ { width:13em; }
* html #lwTreeNavigation li li a/**/ { width:13.5em; }
* html #lwTreeNavigation li li li a/**/ { width:14em; }
* ht\ml #lwTreeNavigation li a { width:auto;}
* ht\ml #lwTreeNavigation li li a { width:auto;}
* ht\ml #lwTreeNavigation li li li a { width:auto;}


/* * #lwTreeNavigation a:visited { background-image:url(../bild/haken.gif); background-position:right center; background-repeat:no-repeat; } */

/* * html #lwTreeNavigation a:visited/**/ /*{ background-image:url(../bild/haken.gif); background-position:98% center; background-repeat:no-repeat;  } */
/* * ht\ml #lwTreeNavigation a:visited { background-image:url(../bild/haken.gif); background-position:right center; background-repeat:no-repeat; } */

/* a:hover Effekt */
/* #lwTreeNavigation li a:hover { color:#fff; background-color:#3c9; text-decoration:none; border: none;  } */


#lwTreeNavigation li span { display:block; color:#fff; background-color:#096; font-weight:bold; font-size:0.8em; padding:0 0 0 1em; }

/*Auswahl mit Pfeil
 #lwTreeNavigation li span { display:block; color:#fff; background-color:#f90; background-image:url(bild/menue_arrow.gif); background-position:left center; background-repeat:no-repeat; font-weight:bold; font-size:0.8em; padding:0 0 0 2.2em; } */
#lwTreeNavigation li span/**/ { height:100%; }
* html #lwTreeNavigation span/**/ { background-position:left center; }
* ht\ml #lwTreeNavigation span { background-position:left center; }

/* Die Position des aktuell ausgewählten Unterpunktes muss hier angepasst werden */
#lwTreeNavigation li li span { padding:0 0 0 2.7em; }
#lwTreeNavigation li li li span { padding:0 0 0 4.7em; }
#lwTreeNavigation li li li li span { padding:0 0 0 6.0em; }



* html #lwTreeNavigation li span/**/ { width:13.5em; }
* html #lwTreeNavigation li li span/**/ { width:13.75em; }
* html #lwTreeNavigation li li li span/**/ { width:14em; }
* html #lwTreeNavigation li li li li span/**/ { width:14.25em; }
* ht\ml #lwTreeNavigation li span { width:auto;}
* ht\ml #lwTreeNavigation li li span { width:auto;}
* ht\ml #lwTreeNavigation li li li span { width:auto;}
* ht\ml #lwTreeNavigation li li li li span { width:auto;}


#layoutsidebar, .layoutsidebar { background:#CBD1DA; width:11em; vertical-align:top; padding:0.5em; }

/* Ausblenden des rechten Randes */
#layoutsidebar.nosidebar { display:none; }

/* Contentbereich */

#layoutcontent { padding:1em; vertical-align:top; background:#fff; }
#layoutcontent td { padding:0.5em; position:relative;  }

#layoutcontent p {
	margin:0 0 1em 0;
	position:relative;
	z-index:10;
	left: -1px;
	top: 5px;
}
#layoutcontent a { color:#096; }
#layoutcontent a:hover { color:#FFAC9C; }

#layoutcontent, #layoutcontent * { line-height:1.5em; }

/* Einrückung für loesungen */
.einrueckung { margin: 0 0 0 5em }

/* Position für Sideboxen */

#layoutcontent .sidelinks { width:10em; position:absolute; right:-12em; z-index:4; }
* html #layoutcontent .sidelinks { right:-11em; }

/* Druck Option: bei Darstellung im Browser wird Copyright und URL ausgeblendet */

#layoutprintfooter { display:none; }

/* betrifft nur die Tabelle auf index.htm */

#startseite { width:100%; padding: 0; margin:0;}
.reiter { padding:0 ; margin:-0.5em; }
/* #startseite td { width:50%; } */
* html #startseite { width:96%; }

/* betrifft nur die Tabelle auf datenblaetter.htm */
#datenblaetter { width:95%;}
#datenblaetter td { width:0; padding: 0.4em; }
#datenblaetter tr { }
#datenblaetter .right { padding: 0.4em 0em 0 2.8em; border-left:1px solid #000;  }
#datenblaetter .right_no-division { padding: 0.4em 0em 0 2.8em; }
#datenblaetter img {margin:0; }

/* Darstellung für Sideboxen */

.sidebox  { font-family:Arial, sans-serif; margin:1.0em 0 2em 0; padding:0; border:0px solid #096; width:11.5em; background-color: #F4F5F7; text-align:left; position:relative; z-index:100; }
.sidebox  h4 { font-size:1.1em; color:#fff; background-color:#096; padding:0.3em 0; text-align:center;  }
.sidebox  h5 { font-size:0.7em; color:#096; padding: 0.5em 0.5em 0.2em 0.5em; }
.sidebox  h6 { font-size:0.7em; padding:0 0.5em; }
.sidebox  p { font-size:0.7em; padding: 0.5em 0.5em 1.0em 0.5em;  }
.sidebox  a { color:#000; font-weight:bold; }
.sidebox  a:hover { color:#096; }

.sidebox .technik { border:0px outset #f90; background-color:#F4F5F7; }
.sidebox .technik h4 { background-color:#f90; }
.sidebox .technik h5 { color:#f90; }
.sidebox .technik a:hover { color:#f90; }

/* Orangebarbox für index.htm und onlinte-test.htm */
.orangebarbox { border:1px solid #f90; border-top-width:5px; background:#ccc; padding:0; }
.orangebarbox h2 { background-color:#f90; color:#fff; margin:0; padding:0.5em }

/* Formatierung der Orangebarbox für online-test.htm */
.orangebarbox thead { font-size:1.1em;  color:#096; margin-top:1em; margin-bottom: 0.75em; }
.orangebarbox .center { text-align:center; }
.orangebarbox td { border-bottom:1px solid #3c6; }

* html .orangebarbox h2 { margin:-5px 0 0 0; }
.orangebarbox * { padding-left:0.5em; padding-right:0.5em; }

/* Formatierung der Firmennamen auf refernez.htm */
/* .format1 { color:#f90;  font-weight:bolder }
.format2 { color:#096;  font-weight:bold } */

.format1 { color:#000;  font-weight: normal}
.format2 { color:#000;  font-weight:normal }
/* Formatierung für Quckformat */
.align { text-align:right; height: 0; }



/* Format Copyright */
.copyright { font-size:10px; color:#000; text-align:center; padding:1em 0 0.2em 0; }
.copyright a { color:#000; text-decoration:none; }
.copyright a:hover { color:#096; }

@media print
{
/* * { page-break-before:avoid; } */
#layoutprintfooter { display:block; }

#layoutbalken, .lwTreeNavigation, #lwTreeNavigation, #layoutsidebar, #layouttrenner { display:none; }
#layout { table-layout:auto; }
#layoutcontent { width:100%; padding:0; }

#layoutcontent * { color:black; background:white; }

#layoutcontent ul { list-style-image:none; list-style-type:disc; margin-left:2em; }

* { page-break-before:avoid; }
} /* end media print


/* Dreamweaver only START

html body #hauptmenue li a, #layoutteaser { color:#f00;  }
html body #lwTreeNavigation li a { color:#f00; }
#leftbar, #ritebar { display:none; }

/* Dreamweaver only  END */