/*
 * CSS-Datei fuer die Bildschirmdarstellung
 * Projekt: ba-stuttgart-relaunch-typo3
 * cron IT GmbH - Alle Rechte vorbehalten
 */

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

div#screen { }

div#header { background: #aeaeae url('header_bg_light.gif') repeat-y; height: 142px; }
img#logo { position: absolute; left: 33px; top: 50px; }

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

/* Servicenavi oben */
div#header div.servicenavi { position: absolute; left: 33px; top: 10px; font-size: 0.8em; }

div#header div.servicenavi,
div#header div.servicenavi a { color: #666; }

div#header div.servicenavi span.separator { margin: 0 .5em; }
div#header div.servicenavi a:hover { color: #000; text-decoration: none; }
div#header div.servicenavi span.act { color: #000; }

/* Suchbox oben */
div#header div.suche { position: absolute; top: 8px; left: 35em; width: 12em; }
div#header div.suche form { margin: 0; padding: 0; }
div#header div.suche input.textfield { border: 1px solid #888; font-size: 0.9em; width: 10em; padding:0 5px;}
div#header div.suche div.left { float: left; width: 10em; }
div#header div.suche div.right { float: right; }
div#header div.suche div.right input.image { padding: 3px 0; width: 1.5em; }

/* Stimmungsbild */
div#stimmungsbild { float: right; }

/* Hauptnavi */
div#zielgruppennavi { text-align: right; position: absolute; right: 0; top: 121px; height: 20px; }
div#zielgruppennavi ul { list-style-type: none; display: inline; }
div#zielgruppennavi ul li { display: inline; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; }
div#zielgruppennavi ul li a { color: #fff; line-height: 20px; border-left: 1px solid #fff;padding: .25em 1.5em; background: #7B7B7B; }

/* linke Spalte mit Themennavi und Unternavi */
div#left { position: absolute; left: 30px; top: 180px; width: 220px; }

/* Themennavigation (links oben) */
div#themennavi { border-bottom: 1px solid #888; margin-bottom: 2em; }
div#main div.themennavi-home { border-bottom: none; margin-bottom: 0; }
div#themennavi ul { text-transform: uppercase; font-weight: bold; list-style-type: none; margin: 0 0 2em 1px; padding: 0; }
div#themennavi ul li { margin: .25em 0; }
div#themennavi ul li a { color: #666; }
div#themennavi ul li.act a,
div#themennavi ul li a:hover { color: #000; }
div#themennavi ul li a:hover { text-decoration: none; }

/* Themennavigation auf Portalseite */
div#themennavi ul.portalmenu ul { margin-bottom: 1.5em; }
div#themennavi ul.portalmenu li a { display: block; border-bottom: 1px solid #666; }
div#themennavi ul.portalmenu li a span.mehr { float: right; margin-top: -1.2em; font-size: 0.8em; text-transform: none; }
div#themennavi ul.portalmenu ul li a { display: inline; border-bottom: none; }
div#themennavi ul.portalmenu ul li a { text-transform: none; }
div#themennavi ul.portalmenu ul li.redlink a {color: #FF1C15;}

/* Unternavi */
div#unternavi { }
div#unternavi h3 { color: #FF1C15; text-transform: uppercase; margin: 1em 0; font-size: 1.1em; }

div#unternavi ul li.redlink a { color: #FF1C15 !important; }
div#left div#unternavi ul li.cur a { color: #000000; }

div#unternavi ul { list-style-type: none; margin: 0; padding: 0; }
div#unternavi li { margin: .5em 0; }

div#unternavi li a { color: #5E5E5E; }
div#unternavi li a:hover { color: #000; text-decoration: none; }

div#unternavi li.act a,
div#unternavi li a:hover { color: #000; }
div#unternavi li.act a { font-weight: bold; }


/* 2. Ebene */
div#unternavi li.act li a { font-weight: normal; color: #5E5E5E; }
div#unternavi li.act li { margin: .4em 0; }

div#unternavi li.act li.act a,
div#unternavi li.act li a:hover { color: #000; }

div#unternavi li.act li.act a { font-weight: bold; }

/* 3. Ebene */
div#unternavi li.act li.act li a { font-weight: normal; color: #5E5E5E; }
div#unternavi li.act li.act li { margin: .4em 0; }
div#unternavi li.act li.act li.redlink a {color: #FF1C15;}
div#unternavi li.act li.act li.extern a {left:-14px; padding-left: 14px; background: url('ext_link.gif') no-repeat 0 2px; display:block; position: relative; color:#000; }
div#unternavi li.act li.act li.act a { font-weight: bold; }

div#unternavi li li li.cur a { padding-left: 10px; background: url('navi-act.gif') no-repeat 0 5px; position: relative; left: -10px; display:  block; }
div#unternavi li li li.cur li a { padding-left: 10px; background: transparent; }

div#unternavi ul ul { margin-left: 1em; }

/* 4. Ebene */
div#unternavi li.act li.act li.act li a { font-weight: normal; color: #5E5E5E; }
div#unternavi li.act li.act li.act li { margin: .4em 0; }
div#unternavi li.act li.act li.act li.redlink a {color: #FF1C15;}
div#unternavi li.act li.act li.act li.extern a {left:-14px; padding-left: 14px; background: url('ext_link.gif') no-repeat 0 2px; display:block; position: relative; color:#000; }
div#unternavi li.act li.act li.act li.act a { font-weight: bold; }

div#unternavi li li li li.cur a { padding-left: 10px; background: url('navi-act.gif') no-repeat 0 5px; position: relative; left: -10px; display:  block; }
div#unternavi li li li li.cur li a { padding-left: 10px; background: transparent; }

div#unternavi ul ul ul { margin-left: 1em; }

/* 5. Ebene */
div#unternavi li.act li.act li.act li.act li a { font-weight: normal; color: #5E5E5E; }
div#unternavi li.act li.act li.act li.act li { margin: .4em 0; }
div#unternavi li.act li.act li.act li.act li.redlink a {color: #FF1C15;}
div#unternavi li.act li.act li.act li.act li.extern a {left:-14px; padding-left: 14px; background: url('ext_link.gif') no-repeat 0 2px; display:block; position: relative; color:#000; }
div#unternavi li.act li.act li.act li.act li.act a { font-weight: bold; }

div#unternavi li li li li li.cur a { padding-left: 10px; background: url('navi-act.gif') no-repeat 0 5px; position: relative; left: -10px; display:  block; }
div#unternavi li li li li li.cur li a { padding-left: 10px; background: transparent; }

div#unternavi ul ul ul ul { margin-left: 1em; }

/* 6. Ebene */
div#unternavi li.act li.act li.act li.act li.act li a { font-weight: normal; color: #5E5E5E; }
div#unternavi li.act li.act li.act li.act li.act li { margin: .4em 0; }
div#unternavi li.act li.act li.act li.act li.act li.redlink a {color: #FF1C15;}
div#unternavi li.act li.act li.act li.act li.act li.extern a {left:-14px; padding-left: 14px; background: url('ext_link.gif') no-repeat 0 2px; display:block; position: relative; color:#000; }
div#unternavi li.act li.act li.act li.act li.act li.act a { font-weight: bold; }

div#unternavi li li li li li li.cur a { padding-left: 10px; background: url('navi-act.gif') no-repeat 0 5px; position: relative; left: -10px; display:  block; }
div#unternavi li li li li li li.cur li a { padding-left: 10px; background: transparent; }

div#unternavi ul ul ul ul ul { margin-left: 1em; }


/* Content */
div#content { position: absolute; padding-left: 320px; top: 180px; padding-bottom: 2em; padding-right: 8em; }

/* Rootline */
div#rootline { position: absolute; left: 320px; top: 155px; font-size: 90%; color: #666; }
div#rootline span.main { text-transform: uppercase; }
div#rootline a { color: #444; }

/* Content-Bereich */

/* Druckversion Link */
div.druckversion_link { margin-top: 2em; margin-bottom: 1em; }
div.druckversion_link a { padding: 0 0 0 20px; text-decoration: none; background: url('drucken.gif') no-repeat; }


/* ENDE */


div.tx_cronbamitarbeiter_mitarbeiter-mod2 img {margin-right:20px;}
div.tx_cronbamitarbeiter_mitarbeiter-mod2 {margin-bottom:10px;}

div.csc-frame-invisible {clear:both;}