/*
 * CSS-Datei fuer die Bildschirmdarstellung
 * cron IT GmbH - Alle Rechte vorbehalten
 */

body { 
  background-color: #fff;
  margin: 0; padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 75%;
}

table#layout { width: 100%; border-collapse: collapse; }
table#layout td.lt { margin: 0; padding: 0; border: 1px solid #fff; vertical-align: top; }

/* allgemeine Layout-Tabellen */
table.lt { border-collapse: collapse; }
table.lt td.lt { margin: 0; padding: 0; }

/* Borders nicht ueberall */
table#layout tr.lt.top td { border-top: 0 none; }
table#layout tr.lt td.lt.leftleft { border-left: 0 none; }
table#layout tr.lt td.lt.right { border-right: 0 none; }
table#layout tr.lt.bottom td.lt { border-bottom: 0 none; }

/* Abstaende */
table#layout tr.lt td.lt.leftleft { width: 1px; }
table#layout tr.lt td.lt.left { width: 170px; }
table#layout tr.lt td.lt.right { width: 1%; }

/* erste, obere Zeile */

table#layout tr.lt.servicenavi td.lt.leftleft { background-color: #DCE8EF; }
table#layout tr.lt.servicenavi td.lt.leftleft div.lt { width: 19px; }
table#layout tr.lt.servicenavi td.lt.colspan { background-color: #E9F5FC; }
table#layout tr.lt.servicenavi td.lt.colspan div.lt { color: #ED3422; font-size: 85%; padding: .3em 1em; text-align: right; }

table#layout tr.lt.servicenavi td.lt.right { background-color: #E9F5FC; }
table#layout tr.lt.servicenavi td.lt.right div.lt { width: 183px; }

/* zweite, Logo-Zeile */

table#layout tr.lt.logo td.lt.leftleft { background: url('bg-leftleft-logo.gif') repeat-x 0 bottom; }
table#layout tr.lt.logo td.lt.colspan { height: 169px; text-align: center;  }
table#layout tr.lt.logo td.lt.colspan { background: url('bg-logo-left.gif') no-repeat 0 bottom; }
table#layout tr.lt.logo td.lt.colspan div.lt { background: url('bg-logo-right.gif') no-repeat right 0; }
table#layout tr.lt.logo td.lt.colspan div.lt img { margin: 54px 32px 30px 32px; }

/* dritte Zeile, zweite Servicenavi */
table#layout tr.lt.navi td.lt.leftleft { background-color: #E9F5FC; }
table#layout tr.lt.navi td.lt.left { background-color: #E9F5FC; }
table#layout tr.lt.navi td.lt.navi { background-color: #E9F5FC; vertical-align: middle; }
table#layout tr.lt.navi td.lt.right { background-color: #E9F5FC; }

/* 4. Zeile, Hauptnavigation, Content-Bereich */
table#layout tr.lt.main td.lt.leftleft { }
table#layout tr.lt.main td.lt.left { background-color: #E9F5FC; }
table#layout tr.lt.main td.lt.main { background-color: #E9F5FC; vertical-align: middle; }
table#layout tr.lt.main td.lt.right { background-color: #E9F5FC; }

/* letzte Zeile, Footer */
table#layout tr.lt.footer { height: 23px; }
table#layout tr.lt.footer td.lt.leftleft { background-color: #E9F5FC; }
table#layout tr.lt.footer td.lt.left { background-color: #DCE8EF; }
table#layout tr.lt.footer td.lt.main { background-color: #E9F5FC; vertical-align: middle; }
table#layout tr.lt.footer td.lt.right { background-color: #DCE8EF; }

/* Servicenavi */
div#servicenavi a { color: #ED3422; text-decoration: none; }

/* Servicenavi 2 */
div#hauptnavi { height: 23px; }
div#hauptnavi ul { list-style-type: none; padding: 0; margin: 0; font-size: 90%; }
div#hauptnavi ul li { float: left; border-right: 1px solid #fff; }
div#hauptnavi ul li a { display: block; font-weight: bold; color: #0081CE; padding: 5px 12px; text-decoration: none; }
div#hauptnavi ul li a:hover { text-decoration: none; }
div#hauptnavi ul li.act a,
div#hauptnavi ul li a:hover { color: #fff; background-color: #00A7EB; }

/* Navigation vertical */
/*
div#unternavi { width: 165px; }
*/

/* Logo oben */
div#logo img { border: 0 none; }

/* Suchbox */
div#suchbox { padding: 15px 10px; background-color: #DCE8EF; }
div#suchbox form { margin: 0; padding: 0; }
div#suchbox table { width: 100%; }
div#suchbox table.lt td { vertical-align: middle; border: 0 none;  }
div#suchbox table.lt td { font-size: 100%; }
div#suchbox form input { font-size: 90%; color: #0081CE; }
div#suchbox form input.textfield { width: 100px; margin-right: 3px; }

/* Unternavigation */
div#unternavi ul { list-style-type: none; padding: 0; margin: 0; font-size: 90%; background-color: #DCE8EF; }
div#unternavi ul li { border-top: 1px solid #fff; }
div#unternavi ul li a { display: block; font-weight: bold; color: #0081CE; padding: .4em .5em .4em 1em; text-decoration: none; }
div#unternavi ul li a:hover { text-decoration: none; }

/* Hover und aktiv 1. Stufe */
div#unternavi ul li.act a,
div#unternavi ul li a:hover { background-color: #00A7EB; color: #fff; }

/* reset */
div#unternavi ul li.act ul li a { background-color: #DCE8EF; color: #0081CE; }

/* Hover und aktiv 2. Stufe */
div#unternavi ul li.act ul li.act a,
div#unternavi ul li.act ul li a:hover { background-color: #00A7EB; color: #fff; }

div#unternavi ul li ul li a { font-weight: normal; padding-left: 2em; }

/* Hauptbereichs-DIV mit Rootline oben und Content */
div#main { margin: 1em; }

/* Rootline und Printlink */
div#printlink,
div#rootline { font-size: 80%; color: #0081CE; }
div#printlink { float: right; }
div#printlink a { color: #0081CE; text-decoration: none; }

div#rootline a { font-style: italics; text-decoration: underline; color: #0081CE; }

div#rootline { margin-bottom: 2em; font-weight: normal; }

/* allgemeine Link-Formatierung */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* Content-Bereich */
div#content { font-size: 90%; }

/* Banners unten */
div#banners { margin-top: 100px; }

/* TEMP */
table#layout tr.lt.main { height: 400px; }

div#lichter_aus { text-align: center; margin: 1em 0; }
div#lichter_aus img { border: 0 none; }

/* ENDE */