/*
 * CSS fuer die Bildschirmansicht
 *
 * (c) 2005 cron IT GmbH - Alle Rechte vorbehalten
 *
 */

body {
  margin: 0; padding: 0;
  font-size: 10pt;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #036;
}

img { border: 0 none; }

/* screen */
#screen { background: url('page-bg.gif') 1031px 0px repeat-y #036; }

/* Grundsaetzliches */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* grundsaetzliche Formatierung Layout-Tabelle */
table#layout { width: 1031px; border-collapse: collapse; background: white; }
table#layout td { padding: 0; margin: 0; border: 1px solid #00070F; vertical-align: top; }
table#layout table td { border: 0 none; }
table#layout tr.first td { border-top: 0 none; }
/*
table#layout tr.last td { border-bottom: 0 none; }
*/
table#layout td.left { border-left: 0 none; }
table#layout td.right { border-right: 0 none; }

/* Spalte # 1: Logo */
table#layout td.colspan3 { border-left: 0 none; border-right: 0 none; text-align: right; background: url('top-bg.gif') repeat-x; }

/* Spalte # 2: Rootline, Printlink und Flaggen */
table#layout tr.r2 td { background-color: #D7006C; color: #fff; }
table#layout tr.r2 td p { margin: 0; padding: 3px; font-size: .85em; }
table#layout tr.r2 td table td { vertical-align: middle; }
table#layout tr.r2 td table { width: 100%; }
table#layout tr.r2 td table td.left { text-align: left; }
table#layout tr.r2 td table td.right { text-align: right; }
table#layout tr.r2 td.left { border-bottom: 0 none; }

table#layout tr.r2 td.right { text-align: right; vertical-align: middle; }

/* Spalte # 3: Navi, Content und Info-Block */
/* Spalte # 3 Navi, Content und Info-Block */
table#layout tr.r3 td.left { border-top: 0 none; background-color: #FF9F00;}
table#layout tr.r3 td.middle { width: 1000px; }
table#layout tr.r3 td.right { background-color: #FF9F00; }

/* Spalte # 4: Footer */
table#layout tr.r4 td.left { background-color: #FF9F00; }
/*
table#layout tr.r4 td.middle { background-color: #003366; }
*/
table#layout tr.r4 td.middle { background-color: #FF9F00; }
table#layout tr.r4 td.right { background-color: #FF9F00; }
table#layout tr.r4 td.right p { margin: 0; padding: 2px; font-size: .8em; }

/* versch. Elemente */
#flaggen { padding: 2px; }
#navi { background-color: #D7006C; width: 207px; border-bottom: 1px solid #00070F; }

#info { padding: 8px; color: #036; font-size: 90%; width: 170px; }
#info p { padding: 0; margin: .5em 0; }

/* Content-Bereich */
.content { padding: 1.5em; }

/* Rootline */
table#layout tr.r2 td table td.left p a { color: #fff; }

/* Printlink */
table#layout tr.r2 td table td.right p a { color: #fff; background: url('drucksymbol.gif') no-repeat left center; padding-left: 10px; }

/* Servicenavi */

table#layout tr.r4 td.right p a { color: #fff; }
table#layout tr.r4 td.right p { color: #fff; margin-left: .5em; }

/* Navigation */

#navi { font-size: 9pt; }
#navi a:hover { text-decoration: none; }
#navi ul { margin: 0; padding: 0; bullet-style-type: none; }
#navi li { border-top: 1px solid #00070F; }

#navi li a { padding: 3px 0; font-weight: bold; display: block; color: #fff; padding-left: 18px; background: url('navi-no-ws.gif') no-repeat 5px center; }

/* Navi 2. Stufe und RO-Effekte */
#navi li a:hover,
#navi li.act a { background-image: url('navi-ro-ws.gif'); background-color: #003366; }
#navi li.act li a { background-image: url('navi-no-ws.gif'); padding-left: 28px; background-position: 16px center; }

/* Navi 3. Stufe und RO-Effekte */
#navi li li a:hover,
#navi li.act li.act a { background-image: url('navi-ro-ws.gif'); background-color: #003366; }
#navi li.act li.act li a { background-color: #D7006C; background-image: url('navi-no-ws.gif'); padding-left: 38px; background-position: 26px center; }

/* Navi 4. Stufe und RO-Effekte */
#navi li li li a:hover,
#navi li.act li.act li.act a { background-image: url('navi-ro-ws.gif'); background-color: #003366; }
#navi li.act li.act li.act li a { background-color: #D7006C; background-image: url('navi-no-ws.gif'); padding-left: 48px; background-position: 36px center; }

/* Navi 4. Stufe RO-Effekt */
#navi li.act li.act li.act li a:hover,
#navi li.act li.act li.act li.act a { background-color: #FF9F00; background-image: url('navi-ro-bl.gif'); }

/* ENDE */