/***** Globale *****/

body{
	margin:0 3%;
	padding:0 203px 0 170px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #383838;
	background-color:#fff;
	text-align:center;
	cursor:default;
}


div{
	position:relative;
	background:none;
	text-align:left;
}

div, img, p, h1, h2, h3, hr, ul, li, form, input, textarea { border: 0px; margin:0px; padding: 0px; }

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

a.on, a.on:link, a.on:visited, a.on:hover, a.on:active, a.on:hover { color:#383838; text-decoration:none; }

a.blue, a.blue:link, a.blue:visited, a.blue:hover, a.blue:active { color:#236FAD; text-decoration:none; }
a.blue:hover { text-decoration:underline; }

a.sem,
a.sem:link,
a.sem:visited,
a.sem:active,
a.sem:hover {
	display:block;
	font-size:14px;
	font-weight:bold;
	width:120px;
	height:25px;
	line-height:25px;
	color:#fff;
	text-decoration:none;
	background:#236FAD;
	font-family: verdana;
	text-align:center;
}


hr {
	margin:7px 0px;
	background-color:#CFCFCF; /* Mozilla 1.4 */
	color:#CFCFCF; /* IE 6 */
	border: #CFCFCF; /* Opera 7.11 */
	height: 1px;
}

h1 {
	font-size:30px;
	letter-spacing:2px;
	font-weight:normal;
	color:#fff;
}

h2 {
	font-size:14px;
	font-weight:normal;
	color:#236FAD;
	padding-bottom:10px;
}

h3 {
	font-size:12px;
	font-weight:bold;
	color:#236FAD;
	padding-left:1px;
}

ul {
	list-style:none;
	margin-left:5px;
	margin-bottom:10px;
}

ul li {
	margin-bottom:9px;
	margin-top:9px;
	line-height:13px;
	padding-left:15px;
	background:url(img/li.gif) no-repeat 0px 3px;
}

ol{
	padding:0px;
	list-style:decimal inside;
	margin-left:0px;
	margin-bottom:10px;
}
ol li {
	margin-bottom:5px;
	line-height:13px;
	padding-left:5px;
	background:none;
}


.f14 { font-size:14px; }
.red { color:#AE0000; }
.bg_blue { background-color:#236FAD; }

.blue { color:#236FAD; }
.ac { text-align:center; }
.half { width:50%; float:left; }
p { margin:7px 0px; }

/***** Layout *****/
#oben, #navi, #teaser, #unten {
	margin-left:-170px;
	margin-right:-203px;
	clear:both;
	min-width:948px;
}

/***** Header *****/
#oben {
	margin-top:5px;
	height:77px;
	background:#CFCFCF;
}
	#oben img {
		display:block;
		float:left;
		margin-top:8px;
		margin-left:5px;
		margin-left/**/:/**/10px;
	}

/***** Navi *****/
#navi {
	height:60px;
	padding:0px;
	background:#236FAD;
}
#navi div {
	position:absolute;
	height:30px;
	width:25%;
	line-height:30px;
	float:left;
	text-align:center;
	font-family: verdana, helvetica, sans-serif;
	overflow:hidden;
}
	#navi a,
	#navi a:link,
	#navi a:visited,
	#navi a:active,
	#navi a:hover {
		display:block;
		font-size:14px;
		font-weight:bold;
		height:30px;
		padding:0px; margin:0px;
		color:#fff;
		text-decoration:none;
		border-top:1px solid #fff;
		border-left:1px solid #fff;
	}
	#navi a:hover,
	#navi a.akt,
	#navi a.akt:link,
	#navi a.akt:visited,
	#navi a.akt:active,
	#navi a.akt:hover { color:#ccc; }

/***** Teaser *****/
#teaser {
	border-top:1px solid #fff;
	height:149px;
	background:#236FAD;
	margin-bottom:10px;
}
	#teaser div.txt {
		height:149px;
		height/**/:/**/119px;
		padding-top:30px;
		padding-left:372px;
		background:url(img/teaser_home.jpg) no-repeat left bottom;
	}

/***** Content *****/
#inhalt {
	float:left;
	width:99%;
	min-width:575px;

	border-left:1px solid #E7E7E7;
	border-right:1px solid #E7E7E7;
	padding-left:-170px;
	padding-right:-203px;
	margin-left:0px;
	margin-right:0px;

	display:inline; /* So IE plays nice */
}

#inhalt ul { margin-top:5px; }

	#mitte {
		float:left;
		width:100%;
		margin-right:-100%;
		min-height:350px;
	}
	#mitte div.marge { margin:0 10px; padding:0 5px; }

	#map {
		clear:both;
		height:250px;
		margin-top:40px;
		border:1px solid #236FAD;
	}
		#map * {
		text-align:center;
		}

	#links {
		float:left;
		position:relative;
		width:170px;
		width/**/:/**/170px;
		margin-left:-170px;
	}

	#links div.leftnav {
		width:160px;
		margin:0 5px;
		top:5px;

	}
		#links div.leftnav ul { margin-top:8px;	}
		#links div.leftnav a,
		#links div.leftnav a.akt { color:#236FAD;	}
		#links div.leftnav a:hover,
		#links div.leftnav a.akt { text-decoration:none; }
		#links div.leftnav ul li.li_on { background:url(img/li_on.gif) no-repeat 0px 3px; }
		#links div.leftnav ul.sub_sub{ margin-top:6px; }
		#links div.leftnav ul.sub_sub li {
			margin-bottom:4px;
			line-height:13px;
			padding-left:5px;
			background:none;
		}


	/***** Content Rechts *****/
	#rechts {
		margin-right:-204px;
		float:right;
		width:203px;
	}
	#rechts img { display:block; }


	#rechts div.box {
		border-top:1px solid #CFCFCF;
		margin-bottom:20px;
	}
	#rechts div.box div {
		height:14px;

		padding:0px 5px;

		left:9px;
		top:-8px;

		background:#fff;

	}

	#rechts div.box #aktuell { width:52px; }
	#rechts div.box #download { width:57px; }
	#rechts div.box #rueckruf { width:95px; }
	#rechts div.box #leistungen { width:65px; }
	#rechts div.box #personallogistik { width:90px; }
	#rechts div.box #prozessmanagement { width:120px; }
	#rechts div.box #projektmanagement { width:115px; }

	#rechts div.box div.txt { height:auto; left:0px; top:0px; padding:0px 5px; }
	#rechts div.box img { margin-left:1px; }

.team { margin-bottom:15px; clear:both; }

.team h3 { font-weight:normal; line-height:20px;  }

.team img { float:left; width:115px; margin-right:5px; }



table.produktivitaet {
	padding:0px;
	margin:0px;
}
table.produktivitaet th {
	text-align:left;
	padding:4px 6px;
	background:#4E5F98;
	color:#fff;
}
table.produktivitaet td {
	text-align:left;
	padding:4px 6px;
	background:#236FAD;
	color:#fff;
	line-height:17px;
}
table.produktivitaet td.center {
	text-align:center;
}

div.box_bg_blau {
	padding:5px;
	font-weight:bold;
	color:#fff;
	background-color:#236FAD;
}

div.box_produktivitaet{
	padding:5px;
	font-weight:normal;
	color:#fff;
	background-color:#236FAD;
	border:1px solid #000;
	clear:both;
}

#ak { float: right; clear:none; }

div.box_pfeil { clear:both; text-align:center; margin-top:10px; margin-bottom:10px; }

ul.inv { margin-bottom:0px; }
ul.inv li { background:url(img/li_inv.gif) no-repeat 0px 3px; }

div.box_nutzen {
	padding:5px;
	color:#fff;
	background:url('img/bg_box_nutzen.gif') no-repeat bottom right;
	padding-bottom:31px;
	margin-top:-24px;
}

#first { margin-top:0px; }
#last { background:none; padding-bottom:5px; }

/***** Footer *****/
#unten{
	height:26px;
	top:10px;
	text-align:center;
	line-height:26px;
	background:#CFCFCF;

}
	#unten div.adresse {
		position:absolute;
		top:-100px;
		left:10px;
		font-size:11px;
		line-height:normal;
	}


/***** Kontakt *****/

/***** Formulare *****/

input, select, textarea {
	font-size:11px;
	font-family: arial, helvetica, monotype;
	border:1px solid #383838;

	width:263px;
	width/**/:/**/259px;

	height:16px;
	height/**/:/**/15px;

	padding-left:4px;
	padding-top:1px;
}

select{
	width:265px;
	height:18px;
	padding:0px;
}


input.hidden{
	display: none;
}
input.radio, input.checkbox{
	width: auto;
	height: 13px;
	line-height: 13px;
	background: none;
	border: none;
}

input.halb {
	width:130px;
	width/**/:/**/125px;

}
input.w_20 { width:20px; }


input.digit_2, input.digit_4 { padding-left:0; width:20px; text-align:center; }
input.digit_4 { width:40px;  }

input.sender {
	clear:both;
	background:#fff;
	width:80px;
	height:18px;
	border:1px solid #383838;
	text-align:center;
}

textarea {
	height:135px;
}



