@charset "ISO-8859-1";


/* ######## allgemein ################ */

body {
	background-color: #fff;
	/* Die Schriftgröße wird gegen Browserbugs abgesichert */
	font-size: 100.01%;
	font-family: Arial, sans-serif;
	color: #333;
	
	/*text-align: center; /* Center Layout for IE6 */
	margin: 0;
	padding: 15px 0;
}

.unsichtbar, dfn {
	/* display: none; oder visibility:hidden; würde einige Screenreader dieses Element nicht "auslesen" lassen! */
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}

img {
	border: none;
}

h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding: 0;
}

/*abbr {
	border: none;
}*/

acronym[title]:after, abbr[title]:after {
  content: ' (' attr(title) ')';
}

abbr[title], acronym[title] {
	border-bottom: 1px dotted #4D4D4D;
	cursor: help;
}

.warn, span.fieldreq {
	color: #CC0000;
}

div.warn {
	padding: 0.40em;
	margin-bottom: 2em;
	border-top: 1px #CC0000 solid;
	border-bottom: 1px #CC0000 solid;
}

.small {
	font-size: 0.90em;
	line-height: 1.40em;
}

.white {
	color: #ffffff;
}


/* ######## Formulare ################ */

/*input, textarea, select {
	margin-bottom: 4px;
	border: 1px #000122 solid;
	background-color: #FFF;

	font-family: Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #000122;
}

select {
	min-width: 170px;
	color: #808080;
}

input.formfield, textarea {
	width: 315px;
	color: #808080;
}

div.login-area input.formfield {
	width: 180px;
}

input.formbutton {
	float: right;
	margin-left: 12px;
}

div.formlabel {
	float: left;
	text-align: right;
	width: 11.50em;
	margin-right: 2em;
}*/


/* ######## Site ################ */

div#site-area {
	width: 1000px;
	margin: 0 auto;
	/*text-align: left; /* Left align caused by 'Center Layout for IE6' in body style */

	font-size: 12px;
}


/* ######## Head ################ */

div#head-area div#head-pic {
	width: 1000px;
	height: 210px;
	margin-bottom: 1px;
}


/* ######## Nav (alle) ################ */

ul.nav {
	margin: 0;
	padding: 0;

	list-style-type: none;
}

ul.nav li a {
	display: block;
	text-decoration: none;
}


/* ######## MainNav ################ */

div#head-area ul.nav {
	width: 960px;
	height: 2.50em; /* 30px */

	padding: 0 15px 0 25px;
	background: #333399 url('../pic/bg-nav-gradient.gif') 1px 1px repeat-x;

	white-space: nowrap;
}

div#head-area ul.nav li {
	margin: 0 -4;
	padding: 0.50em 0 0 0; /* 6px 0 0 0 */
	float: left;
}

div#head-area ul.nav li a, div#head-area ul.nav li a.selected {
	padding: 0.40em 15px 0.35em 15px;

	color: #fff;
	font-weight: bold;
}
div#head-area ul.nav li a:link, div#head-area ul.nav li a.selected:link {}
div#head-area ul.nav li a:visited, div#head-area ul.nav li a.selected:visited {}
div#head-area ul.nav li a:hover, div#head-area ul.nav li a.selected, div#head-area ul.nav li a.selected:hover {
	background-color: #fff;
	color: #333399;
}
div#head-area ul.nav li a:active, div#head-area ul.nav li a.selected:active {}


/* ######## SubNav ################ */

div#content-area div.nav {
	width: 210px;
	margin: 3px 10px 0 0;
	float: left;
}

div#content-area ul.nav {
	border-top: 1px #999 solid;
}

div#content-area ul.nav a {
	height: 100%; /* wtf: needed by IE */
}
div#content-area ul.nav a, div#content-area ul.nav a.selected {
	color: #999;
	padding: 4px 10px;
	border-bottom: 1px #999 solid;
}
div#content-area ul.nav a:link, div#content-area ul.nav a.selected:link {}
div#content-area ul.nav a:visited, div#content-area ul.nav a.selected:visited {}
div#content-area ul.nav a:hover, div#content-area ul.nav a.selected:hover {
	color: #333399;
}
div#content-area ul.nav a:active, ul#content-area ul.nav a.selected:active {}

div#content-area ul.nav a.selected {
	padding-left: 25px;
	font-weight: bold;
	color: #333399;
	background: url('../pic/a.gif') 10px 0.65em no-repeat;
}

div#content-area ul.nav li.nav-level2 a {
	padding-left: 11px;
	font-weight: normal;
	background: none;
}


/* ######## BottomNav (im Footer) ################ */

div#footer-area ul.nav {
	white-space: nowrap;
	float: left;
}

div#footer-area ul.nav li {
	float: left;
}

div#footer-area ul.nav a, div#footer-area ul.nav a.selected {
	color: #999;
	padding: 0 6px;
	display: inline;
}
div#footer-area ul.nav a:link, div#footer-area ul.nav a.selected:link {}
div#footer-area ul.nav a:visited, div#footer-area ul.nav a.selected:visited {}
div#footer-area ul.nav a:hover, div#footer-area ul.nav a.selected:hover, div#footer-area ul.nav a.selected {
	color: #333399;
}
div#footer-area ul.nav a:active, ul#footer-area ul.nav a.selected:active {}


/* ######## Content ################ */

p {
	margin-top: 0;
	margin-bottom: 14px;
	line-height: 18px;
}

div#content-area {
	margin-top: 36px;
	padding-bottom: 36px;
	
}

div#popup-main div#content {
	width: auto;
	margin: 0;
	padding: 0;
	font-size: 0.80em;
}

div.nosubnav div#content {
	width: 960px;	/* Content, wenn keine Subnav*/
}

div#content {
	width: 740px;
	float: left;
	margin-left: 40px; /* 50-10 Nav */
}

div#content h1 {
	font-size: 16px;
	color: #333399;
	margin-bottom: 18px;
}

div#content h2 {
	font-size: 16px;
	color: #333399;
	margin-bottom: 0.60em;
}


div#content a {
	padding-left: 15px;

	color: #333399;
	text-decoration: none;
	background: url('../pic/a.gif') 0 0.35em no-repeat;
}
div#content a:link {}
div#content a:visited {}
div#content a:hover {
	text-decoration: underline;
}
div#content a:active {}

/* Toggle-Links Component 'Fliesstext (Text/Bild) zum Ein-/Ausklappen' */
div#content a.tog {
	display:block;
	background-position: 0 0.40em;
}

/* Disable Contant A Styles for Admin and Picture/PopUp Links */
div#content a.adminlink, div#content a.imglink, div#content-area div.img-bigicon a, div#popup-main a {
	padding-left: 0;
	text-decoration: none;
	background: none;
}
div#content a.adminlink:link, div#content a.imglink:link, div#content-area div.img-bigicon a:link, div#popup-main a:link {}
div#content a.adminlink:visited, div#content a.imglink:visited, div#content-area div.img-bigicon a:visited, div#popup-main a:visited {}
div#content a.adminlink:hover, div#content a.imglink:hover, div#content-area div.img-bigicon a:hover, div#popup-main a:hover {
	text-decoration: none;
}
div#content a.adminlink:active, div#content a.imglink:active, div#content-area div.img-bigicon a:active, div#popup-main a:active {}
				
div#content-area div.img-bigicon {
	float: right;
	margin-left: 7px;
}

div#content-area div.img-alt {
	margin: 3px;
	font-size: 0.95em;
}

div#content ul {
	list-style-type: square;
	list-style-image: url('../pic/listenpunkt.gif');
}

div#content li {
	line-height: 18px;
}

div#content ul.linklist {
	margin: 0;
	padding-left: 25px;
	list-style-type: none;
	list-style-image: none;
}

div#content div.largepic {
	margin-bottom: 13px;
}

div#content div.pic-left {
	float: left;
	margin: 0 15px 15px 0;
}

div#content div.pic-right {
	float: right;
	margin: 0 0 15px 15px;
}

div#content div.pic-border {
	border: 1px #999 solid;
}

div#content div.col1 {
	float: left;
	width: 370px;
	margin-right: 25px;
}

div#content div.col2 {
	float: left;
	width: 345px;
}

div#content div.col3 {
	float: left;
	width: 295px;
	margin-right: 25px;
}

div#content div.tog {
	position: absolute;
	left: -9000px;
	top: -9000px;

	width: 720px; /* sonst entsteht eine horiz. Scrollbar */
	margin-left: 15px;
}


/* ######## Unternehmen Übersicht ################ */

div#content div.time-bar {
	margin: 0 75px 15px 75px;
	padding: 0 40px;
	background: url('../pic/timebar-line.gif') bottom left repeat-x;
}

div#content div.time-bar a, div#content div.time-bar a.selected {
	padding: 0;
	display: block;
	padding: 2px 29px 7px 29px;
	background: url('../pic/timebar-year.gif') 26px 0 no-repeat;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}
div#content div.time-bar a:link, div#content div.time-bar a.selected:link {}
div#content div.time-bar a:visited, div#content div.time-bar a.selected:visited {}
div#content div.time-bar a:hover, div#content div.time-bar a.selected:hover {
	background: url('../pic/timebar-year-a.gif') 26px 0 no-repeat;
	color: #333399;
	text-decoration: none;
}
div#content div.time-bar a:active, div#content div.time-bar a.selected:active {}

div#content div.time-bar a.selected {
	background: url('../pic/timebar-year-a.gif') 26px 0 no-repeat;
	color: #333399;
}
				

/* ######## Content Home ################ */

div.home div#content-area {
	margin: 0;
	margin-top: 3px;
}

div.home div#content {
	width: 1000px;
	margin: 0;
	float: none;
}

div.home div#content div.col1 {
	float: left;
	width: 300px;
	padding: 0 0 0 25px;
	margin: 34px 0 0 0;
}

div.home div#content div.col2 {
	float: left;
	width: 301px;
	height: 88px;
	margin: 0 0 0 25px;
	padding: 176px 12px 12px 12px;

	background: #fff 0 bottom no-repeat;
}

div.home div#content div.component {
	margin-bottom: 42px;
}

div.home div#content h1 {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}

div.home div#content h2 {
	font-size: 14px;
	margin-bottom: 8px;
	border-bottom: 1px #333399 solid;
}

div.home div#content div.col2 h2 {
	font-size: 14px;
	border: none;
	margin-bottom: 8px;
	color: #FFF;
}

div.home div#content div.pic {
	float: left;
	width: 55px;
	height: 55px;
	margin-right: 12px;
	border: 1px #999 solid;
}

div.home div#content div.text {
	float: left;
	width: 230px;
}

div.home p {
	margin-bottom: 7px;
}

div.home div#content div.col2 a {
	padding-left: 15px;

	color: #FFF;
	text-decoration: none;
	background: url('../pic/aw.gif') 0 0.35em no-repeat;
}
div.home div#content div.col2 a:link {}
div.home div#content div.col2 a:visited {}
div.home div#content div.col2 a:hover {
	text-decoration: underline;
}
div.home div#content div.col2 a:active {}


/* ######## Footer ################ */

div.home div#footer-area {
	margin-top: 0;
}

div#footer-area {
	/*margin-top: 36px;*/
	padding-top: 7px;
	height: 23px;
	border-top: 1px #999 solid;
	
	color: #999;
	background: url('../pic/logo-digits.gif') right bottom no-repeat;
}

div#footer-area a {
	color: #999;
	text-decoration: none;
}
div#footer-area a:link {}
div#footer-area a:visited {}
div#footer-area a:hover {
	color: #333399;
}
div#footer-area a:active {}