/*
 * CSS-Datei fuer die Bildschirmdarstellung
 * Projekt: ba-stuttgart-relaunch-typo3
 * cron IT GmbH - Alle Rechte vorbehalten
 */
html { overflow-y: scroll; height: 100%; }

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

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

div#outerscreen { margin: 0px auto; width: auto; max-width: 1218px; min-width: 840px; height: 100%; position: relative; }
div#outerscreen #background { background: url('screen-bg.gif') repeat-y 0px 0px; width: 100%; height: 100%; position: fixed; }
div#screen { width: 100%; padding: 0px 6px; position: absolute; top: 0px; left: 0px; margin: 0px auto; background: url('screen-bg.gif') repeat-y 0px 0px;  }



/********************
  Header-Bereich
 ********************/
div#header { position: relative; left: 0px; top: 0px; height: 147px; width: auto; background: #ffffff no-repeat right 0px; }
div#header img#logo { position: absolute; left: 33px; top: 45px; }

/* Stimmungsbild */
div#stimmungsbild { position: absolute; right: 0px; }
div#stimmungsbild-title { position: absolute; right: 0px; top: 0px; width: 400px; height: 150px; }

/* Standortnavi */
div#standortnavi { position: absolute; top: 123px; left: 310px; height: 25px; z-index: 20; }
div#standortnavi ul { list-style-type: none; position: relative; padding: 0px; margin: 0px; }
div#standortnavi ul li { float: left; text-transform: uppercase; font-weight: bold; font-size: 12px; letter-spacing: 1px; }
div#standortnavi ul li a { color: #7B7B7B; }
div#standortnavi ul li a:hover { color: #000; text-decoration: none; }

div#standortnavi ul { width: 250px; height: 25px; }
div#standortnavi ul li { padding: 9px 15px 0px 10px; }
div#standortnavi ul li.act { padding: 7px 15px 0px 10px; }
div#standortnavi ul li.act a { color: #e4001b; }

div#standortnavi ul { background: url('tab-act-stuttgart-deact-horb.gif') no-repeat 0px 0px; }
div#standortnavi ul.act-horb { background: url('tab-act-horb-deact-stuttgart.gif') no-repeat 0px 0px; }

/* 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: #E2001A; text-decoration: none; }
div#header div.servicenavi span.act { color: #E2001A; }

div#header div.felogin_header { position: absolute; top: 63px; left: 400px; }
div#header div.felogin_header div input { border: 1px solid black; font-size: 0.9em; cursor: pointer; margin: 0; position: absolute; }
div#header div.felogin_header div input:hover { background-color: #777777; colort: #EEEEEE; }

/**********************
  Hauptbereich
 **********************/
div#left { position: absolute; left: 0px; top: 0px; margin-top: 200px; margin-left: 30px; width: 270px; }
div#content { position: absolute; left: 318px; top: 200px; padding-bottom: 2em; margin-right: 55px; max-width: 844px; width: auto; }
div#innerContent { padding-left: 17px; border-left: 4px solid transparent; }

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

/* Hauptnavi */
div#zielgruppennavi { position: absolute; top: 147px; height: 30px; background-color: #eaeaea; width: 100%; border-top: 1px solid #797979; }
div.zielgruppennavi-margin { margin-left: 310px; }
div#zielgruppennavi ul { padding: 0px; margin-top: 0px; list-style-type: none; display: inline; }
div#zielgruppennavi ul li { float: left; text-transform: uppercase; font-weight: bold; letter-spacing: 0px; }
div#zielgruppennavi ul li a { color: #7B7B7B; line-height: 30px; padding: .25em 8px; }
div#zielgruppennavi ul li a:hover,
div#zielgruppennavi ul li.act a { color: #e4001b; text-decoration: none; }

/* Suchbox in der Hauptnavi */
div#zielgruppennavi div.suche { position: absolute; top: 6px; left: 30px; width: 12em; z-index: 50; }
div#zielgruppennavi div.suche form { margin: 0; padding: 0; }
div#zielgruppennavi div.suche input.textfield { border: 1px solid #888; font-size: 0.9em; width: 10em; padding: 0 5px; margin: 1px 0px; }
div#zielgruppennavi div.suche div.left { float: left; width: 10em; }
div#zielgruppennavi div.suche div.right { float: left; }
div#zielgruppennavi div.suche div.right input.image { padding: 3px 0px 3px 4px; }

/******************
  Themennavigation
 ******************/
div#themennavi { margin-bottom: 2em; }
div#themennavi ul { font-weight: bold; list-style-type: none; margin: 0 0 0.5em 1px; padding: 0; }
div#themennavi ul li { border-bottom: 1px solid #ffffff; }
div#themennavi ul li li { border-bottom: 0px none; }
div#themennavi ul li a { text-transform: uppercase; background: url('subnavi-bg-2.gif') no-repeat 0px 0px; color: #5c6971; display: block; height: 20px; line-height: 20px; padding: 0px 0px 0px 8px; }

div#themennavi ul li li a { display: inline; background: none; text-transform: none; }
div#themennavi ul li ul { margin-top: 0.5em; margin-bottom: 0.5em; }
div#themennavi ul li li ul { margin: 0px 0px 0px 10px; }
/* Reset der Links aller Ebenen */
div#themennavi ul li li a,
div#themennavi ul li.act li a,
div#themennavi ul li li li a,
div#themennavi ul li li.act li a,
div#themennavi ul li li li li a,
div#themennavi ul li li li.act li a,
div#themennavi ul li li li li li a,
div#themennavi ul li li li li.act li a,
div#themennavi ul li li li li li li a,
div#themennavi ul li li li li li.act li a { font-weight: normal; display: block; height: auto; line-height: 13px; padding-left: 19px; color: #5C6971; background: none; padding-top: 3px; padding-bottom: 3px; }
/* Links der ersten beiden Ebenen fett */
div#themennavi ul li li a,
div#themennavi ul li.act li a { font-weight: bold; }
/* Links in der Rootline */
div#themennavi ul li li.act a,
div#themennavi ul li li li.act a,
div#themennavi ul li li li li.act a,
div#themennavi ul li li li li li.act a { font-weight: bold; background: url('subnavi-bullet-grey.gif') no-repeat 7px 5px; color: #333333; }
/* gehoverte Links */
div#themennavi ul li.act a,
div#themennavi ul li a:hover,
div#themennavi ul li li a:hover,
div#themennavi ul li li li a:hover,
div#themennavi ul li li li li a:hover,
div#themennavi ul li li li li li a:hover,
div#themennavi ul li li li li li li a:hover { color: #e2001a; text-decoration: none; }
/* aktive Links */
div#themennavi ul li li.cur a,
div#themennavi ul li li li.cur a,
div#themennavi ul li li li li.cur a,
div#themennavi ul li li li li li.cur a,
div#themennavi ul li li li li li li.cur a { font-weight: bold; background: url('subnavi-bullet-red.gif') no-repeat 7px 5px; color: #e2001a; }
/* gehighlightete Links */
div#themennavi ul li li.redlink {  }
div#themennavi ul li li.redlink a { color: #E2001A; }
div#themennavi ul li li a span.redlink { color: #E2001A; }
div#themennavi ul li li.exclamation-mark { height: 13px; padding-top: 3px; padding-bottom: 3px; }
div#themennavi ul li li.exclamation-mark a { /*color: #FF1C15;*/ display: inline; padding-right: 8px; background: url('subnavi-ausrufezeichen.gif') no-repeat right 3px; }
div#themennavi ul li li a span.exclamation-mark { padding-right: 8px; background: url('subnavi-ausrufezeichen.gif') no-repeat right 0px; }
div#themennavi li.act li.extern a { background: url('ext_link.gif') no-repeat right 4px; padding-right: 14px; display: inline; }	 
div#themennavi li.act li a span.extern { background: url('ext_link.gif') no-repeat right; padding-right: 14px;  }
/* Links mit Appendix */
div#themennavi a span.appendix { margin-left: 0.5em; color: #E2001A; }

/******************
  Unternavigation
 ******************/
div#unternavi { margin-bottom: 2em; }
div#unternavi h3 { color: #e2001a; text-transform: uppercase; margin: 0em 0 0.2em 0; font-size: 1.0em; letter-spacing: 1px; }
div#unternavi ul { font-weight: bold; list-style-type: none; margin: 0px; padding: 0px; border-top: 1px solid #5c6971; border-bottom: 1px solid #5c6971; padding-top: 0.5em; padding-bottom: 1.5em; margin-bottom: 0.5em; }
div#unternavi ul ul { border: 0px none; padding: 0px; margin: 0px 0px 0px 10px; }
/* Reset der Links aller Ebenen */
div#unternavi ul li a,
div#unternavi ul li li a,
div#unternavi ul li.act li a,
div#unternavi ul li li li a,
div#unternavi ul li li.act li a,
div#unternavi ul li li li li a,
div#unternavi ul li li li.act li a,
div#unternavi ul li li li li li a,
div#unternavi ul li li li li.act li a { color: #5c6971; font-weight: normal; display: block; height: auto; line-height: 13px; padding-left: 19px; color: #5C6971; background: none; padding-top: 3px; padding-bottom: 3px; }
/* Links der ersten Ebene fett */
div#unternavi ul li a { font-weight: bold; }
/* Links in der Rootline */
div#unternavi ul li.act a,
div#unternavi ul li li.act a,
div#unternavi ul li li li.act a,
div#unternavi ul li li li li.act a,
div#unternavi ul li li li li li.act a { font-weight: bold; background: url('subnavi-bullet-grey.gif') no-repeat 7px 5px; color: #333333; }
/* gehoverte Links */
div#unternavi ul li.act a,
div#unternavi ul li a:hover,
div#unternavi ul li li a:hover,
div#unternavi ul li li li a:hover,
div#unternavi ul li li li li a:hover,
div#unternavi ul li li li li li a:hover { color: #E2001A; text-decoration: none; }
/* aktive Links */
div#unternavi ul li.cur a,
div#unternavi ul li li.cur a,
div#unternavi ul li li li.cur a,
div#unternavi ul li li li li.cur a,
div#unternavi ul li li li li li.cur a  { font-weight: bold; background: url('subnavi-bullet-red.gif') no-repeat 7px 5px; color: #e2001a; }
/* gehighlightete Links*/
div#unternavi ul li li.redlink a { color: #E2001A; }
div#unternavi ul li li a span.redlink { color: #E2001A; }
div#unternavi ul li li.exclamation-mark a { display: inline; padding-right: 8px; background: url('subnavi-ausrufezeichen.gif') no-repeat right 3px; }
div#unternavi ul li li a span.exclamation-mark { padding-right: 8px; background: url('subnavi-ausrufezeichen.gif') no-repeat right 0px; }
div#unternavi li.extern a { background: url('ext_link.gif') no-repeat right 4px; padding-right: 14px; display: inline; }	 
div#unternavi li a span.extern { background: url('ext_link.gif') no-repeat right center; padding-right: 14px;  }

/******************************************************
  Navigation links neben dem Content (Socialmedia-Navi)
 ******************************************************/
div#socialmedia-navi { border-top: 1px solid #888; margin-top: 2em; }
div#socialmedia-navi ul { list-style-type: none; height: 40px; padding: 0px; margin-top: 2em; margin-left: 0px; }
div#socialmedia-navi ul li { float: left; margin-right: 10px; }



/* Bottom-Control-Bar */
div.bottom-controls { margin: 4em 0 1em 21px; clear: both; }
div.bottom-controls a { font-weight: bold; }

div.druckversion_link { float: left; margin-right: 1em; }
div.druckversion_link a { padding: 2px 0 0 20px; text-decoration: none; background: url('icon-drucken.gif') no-repeat 0px 0px; }

div.socialbookmarks { float: left; position: relative; }
div.socialbookmarks #socialbookmarks-control { border-left: 1px solid #5E5E5E; padding-left: 1em; }
div.socialbookmarks #socialbookmarks-control a { text-decoration: none; }
div.socialbookmarks #socialbookmarks-control a:hover { text-decoration: underline; }
div.socialbookmarks strong { display: none; }

div.socialbookmarks #socialbookmarks-bookmarks { position: absolute; width: 270px; left: -122px; top: -45px; display: block; padding: 9px 12px; height: 28px; width: 273px; background: url('../images/socialmedia/sprechblase.gif') no-repeat 0px 0px; }
div.socialbookmarks #socialbookmarks-bookmarks .tx-timtabsociable-pi1 { }
div.socialbookmarks #socialbookmarks-bookmarks .tx-timtabsociable-pi1 a { padding: 2px; margin-right: 2px;}


/* Mitarbeiter-Extension */

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

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

/* Sitemap */
div.tx-dropdownsitemap-pi1 { width: 500px; font-size: 1.0em; }
div.tx-dropdownsitemap-pi1 div.level_1 { font-size: 1.0em; font-weight: normal; }
div.tx-dropdownsitemap-pi1 div.level_2 { font-size: 1.0em; font-weight: normal; }

div.tx-dropdownsitemap-pi1 img { width: 10px; height: 10px; margin-right: 10px;}
div.tx-dropdownsitemap-pi1 ol { width: 90%;  }
div.tx-dropdownsitemap-pi1 li { list-style-type: none; }
div.tx-dropdownsitemap-pi1 li.open ol { display: block; }
div.tx-dropdownsitemap-pi1 li.closed ol { display: none; }
div.tx-dropdownsitemap-pi1 div.expAll {  }
div.tx-dropdownsitemap-pi1 div.expAll img { width: 12px; height: 12px; margin: inherit; margin-right: 5px; }

table.typo3-adminPanel { top: 130px; }

/******************
  BUG-FIXING 
*******************/

/* http://www.positioniseverything.net/explorer/ie-listbug.html */
div#standortnavi ul { position: relative; }

/* http://www.positioniseverything.net/explorer/doubled-margin.html */
div#left { display: inline; }
div#content { display: inline; }

/* homepage logo image */
div.homepagelogo img { 
	max-height:250px;
	height:auto !important;
	height:250px;

	max-width:200px;
	width:auto !important;
	width:200px;
		
	position:absolute;
	right:-30px;
 	bottom:-30px;
}

/* ie9 letter-spacing problem */
/* http://blog.vervestudios.co/blog/post/2011/05/13/IE9-Only-CSS-Hack.aspx */
:root div#standortnavi ul li { letter-spacing: 0.5px\0/IE9; }