/************** BODY und GLOBAL *******************/
body { overflow:-moz-scrollbars-vertical; background: #ffffff url(images/bg_body.gif) repeat-x; padding: 0px; margin: 0px;  font-family: arial, tahoma, verdana; } 


a, a:link, a:active, a:visited { color:#333333; text-decoration:none; }
a:hover { color:#333333; text-decoration:underline; }


/************** MAIN-DIV *******************/
#main{ position: relative; width:920px; height:663px; margin:auto; padding-top:20px; }


/************** HEADER (Metanavi und KV) *******************/
.metanavi { height:27px; width:920px; line-height:15px; color:#ffffff; font-size:11px; margin-bottom:0px; position:relative; }
.metanavi a, .metanavi a:link, .metanavi a:active, .metanavi a:visited { color:#ffffff; text-decoration: none; }
.metanavi a:hover{ text-decoration: underline; }

.keyvisual{ 
	position: relative; 
	width:920px; 
	height:180px; 
}

.flash-keyvisual {
	position: absolute;
	width: 100%;
	height:234px;
	background:url(../resources/images/header/header_corporate.jpg) no-repeat;
}

.flash-keyvisual object {
	position:relative;
	top:5px;
	left:414px;
	z-index:1;
}

.flash-keyvisual-kostensenken {
	position: absolute;
	width: 100%;
	height: 234px;
	background:url(../resources/images/header/header_kostensenken.jpg) no-repeat;
}

.flash-keyvisual-kostensenken object {
	position:relative;
	top:5px;
	left:414px;
	z-index:1;
}

.flash-keyvisual-risiko {
	position: absolute;
	width: 100%;
	height: 234px;
	background:url(../resources/images/header/header_risikomanagement.jpg) no-repeat;
}

.flash-keyvisual-risiko object {
	position: relative;
	top: 5px;
	left: 414px;
	z-index: 1;
}

/************** CONTENT-WRAPPER *******************/
#content { position:relative; top:20px; width: 920px; font-size:12px; line-height:15px; }


/************** CONTENT-BEREICHE *******************/
#content .left_content { position:relative; float: left; width: 136px; margin-top:0px; margin-right: 10px; }
#content .left_shadow { position:relative; float: left; background-image:url(images/bg_shadow_left.jpg); background-repeat: no-repeat; width: 14px ; height: 436px ; }

#content .middle_content { position:relative; float: left; width: 520px ; margin:0px 17px 40px 17px; }

#content .right_shadow { position:relative; float: left; background-image:url(images/bg_shadow_right.jpg); background-repeat: no-repeat; width: 14px ; height: 436px; }
#content .right_content { position:relative; float: left; width: 162px ; margin:0px 23px 20px 7px; clear: right } 


/************** FEED READER *******************/
#feed { position: relativ; width: 162px; height: 160px; overflow: auto; font-size: 11px; color: #666666; 
		 scrollbar-3dlight-color: #d9d5d3;
		 scrollbar-arrow-color: #780e11;
		 scrollbar-darkshadow-color: #ffffff;
		 scrollbar-face-color: #d9d5d3;
		 scrollbar-highlight-color: #ffffff;
		 scrollbar-shadow-color: #ffffff;
		 scrollbar-track-color: #ffffff;
}
#feed h4 {color: #666666;}
#feed a, a:link, a:active, a:visited {color: #CC3300;}


/************** FORMULAR *******************/
table.formular tr { line-height: 20px }
table.formular input {width: 420px }
table.formular select {width: 420px }
table.formular textarea {width: 420px }

table.formular td.valid { width: 70px; }
table.formular td.invalid { width: 70px; color:#ff0000; }

table.formular td.valid_privacy { line-height: 15px }
table.formular td.invalid_privacy { line-height: 15px; color:#ff0000; }

td.text_center { text-align: center }

td span.valid { }
td span.invalid { width: 70px; color:#ff0000; }

.plz { width:66px !important; margin-right:4px }
.ort { width:346px !important }

.error { color: #ff0000 }
.eingabefeld { border-top: solid 1px #404040; border-left: solid 1px #404040; border-bottom: solid 1px #d4d0c8; border-right: solid 1px #d4d0c8; background-color:none; }


/************** FRAGEN *******************/
.balken { position:relative; left:0px; top:0px; width:477px; background: url(images/bg_balken_start.jpg) no-repeat; height:40px }
.balken  .balken_img { background: url(images/bg_balken_repeat.gif); width:1px; height:29px; margin-left:47px; top:5px }

.balken_voll { position:relative; left:0px; top:0px;  background: url(images/bg_balken_accomplished.jpg) no-repeat; width:477px; height:40px }
.balken_voll  .balken_img_voll {width:477px; height:40px; }

table td.radio_antwort { width:20px; text-align:left; vertical-align:top }
table td.antwort { text-align:left; vertical-align:top; padding: 2px 0px 2px 0px }

table.questionnaire .radio { width:20px; text-align:left; margin-left:0px; }
table.questionnaire .antwort { width:100%; padding: 3px 0px 5px 0px; font-family: Arial, sans-serif; line-height:15px; color:#333333; }

.questionnaire td table { } 
.questionnaire td table td { vertical-align:bottom}

h2.frage { font-size:12px; font-weight:bold; margin-left:7px; margin-bottom:18px; line-height:16px; }
h3.frage { font-size:12px; font-weight:normal; text-indent:3px; color:#333333; }


/************** Auswertung *******************/
.ampel { position:relative; float:left; width:73px; }
.ampeltext { position:relative; float:left; margin-left:8px; padding-bottom: 30px; width:427px;}

.rest { clear:left }
.border_rundrum {
  border-width:1px;
  border-style:solid;
  border-color:#949494;
  padding-top: 4px;
  padding-bottom: 4px;
  width:439px;
  margin-bottom:15px;
  font-size:12px;
  text-decoration: none;
}

.border_rundrum td {
	padding-left:4px;
	padding-right:6px;
	cell-spacing:0px;
}
.font12 {font-size:12px; text-decoration: none;}

/************** Accordion *******************/
#container { width: 500px; }
.accordion_toggle {
	display: block;
	height: 30px;
	width: 480px;
	background: url(images/collapse-plus.gif) no-repeat #94C818;
	background-position: 5px;
	padding: 0 10px 0 30px;
	line-height: 30px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	color: #333333;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.accordion_toggle_active {
	background: url(images/collapse-minus.gif) no-repeat #D3201B;
	background-position: 5px;
	color: #ffffff;
	border-bottom: 1px solid #f68263;
}

.accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}

.accordion_content li { padding: 7px 10px 7px 10px; }



/************** Sonstiges *******************/


.middle_content a, .middle_content a:link, .middle_content a:active, .middle_content a:visited { color:#cc3300; text-decoration:underline; }

.dash { height:1px; padding-bottom:9px; padding-top:7px; background: url(images/single-dash.gif) repeat-x }
.double-dash { height:3px; margin-bottom:8px; background: url(images/double-dash.gif) repeat-x }

h1 { line-height:28px; color:#333333; font-size:24px; margin-top:15px; margin-bottom:11px; font-weight:100; }
h2 { line-height:22px; color:#333333; font-size:18px; margin-top:5px; margin-bottom:11px; font-weight:100; }
h3 { line-height:15px; color:#780e11; font-size:11px; margin-top:0px; margin-bottom:5px; font-weight:bold; }
h4 { line-height:15px; color:#333333; font-size:11px; margin-top:0px; margin-bottom:0px; font-weight:bold; }
a h4 { color:#333333; text-decoration:none }
a:hover h4 {color:#333333; text-decoration:underline }

#marginleft {margin-left:12px; }

.active { color:#cc3300; }

.trennlinie { line-height: 1px; width: 520px; background: url(images/bg_content_linie.gif) no-repeat;	}



.partnerlogo { padding: 8px 0px 0px 0px; }