/* CSS Document */
html,body {
	height: 100%;
	margin: 0px;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#000000;
	margin:0;
	height:100%;
}

#Container { 	
	text-align: left;
	vertical-align: middle;	
	margin: 0px auto;
	padding: 0px;
  
	height:100%;
	width: 963px;
	background-image:url(../images/bg_content.gif);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	z-index:1;
}
#VerlaufLeft{
	background-image:url(../images/verlauf_left_top.gif);
	background-repeat:no-repeat;
	height:100%;
	width:30px;
	float:left;
	}
#VerlaufRight{
	background-image:url(../images/verlauf_right_top.gif);
	background-repeat:no-repeat;
	height:100%;
	float:left;
	width:30px;
	}
#Content{
	width:903px;
	float:left;
	height:100%;
}
#ContentInhalt{
	background-image:url(../images/bg_content_inhalt.gif);
	background-repeat:no-repeat;
	width:665px;
	position:absolute;
	margin-left:239px;
	margin-top:143px;
}
#Logo{
	position:absolute;
	top:14px;
	margin-left:20px;
}
#TopNavigation{
	width:903px;
	height:100px;
	
	background-image:url(../images/verlauf_bg_nav.gif);
	background-repeat:repeat-x;
}
#MainLinks{
	font-size:10px;
	font-weight:bold;
	color:#003d8f;
	position:absolute;
	margin-top:13px;
	margin-left:662px;
	z-index:10;
}
#AbdeckerNav{
	position:absolute;
	margin-top:100px;
	margin-left:290px;
	
	background-color:#FFFFFF;
	height:20px;
	width:600px;
	z-index:11;
}
#Navigation{
	position:absolute;
	margin-top:68px;
	margin-left:290px;
	z-index:10;
}
#Linie{
	position:absolute;
	top:99px;
	z-index:99;
}
#LinieLeft{
	position:absolute;
	top:109px;
	z-index:99;
}
/* -------------------------- Content Bereich ------------------------ */
.SpalteImgRight, .SpalteTxtRight, .SpalteTxtRight_1, .SpalteImgLeft, .SpalteTxtLeft{
	float:left;
	margin-bottom:27px;
}
.SpalteImgLeft{
	width:333px;
}
.SpalteImgRight{
	margin-bottom:20px;
}
.SpalteTxtRight{
	width:290px;
}
.SpalteTxtRight_1{
	width:290px;
	margin-left:26px;
}
.SpalteTxtLeft{
	width:285px;
	padding-left:7px;
	padding-top:17px;
	padding-right:15px;
}
.SpalteClear{
	clear:left;
}
.SpalteTxt{
	width:610px;
	margin-bottom:27px;
	padding-top:17px;
	padding-left:7px;
}
/* -------------------------- Aufzählunen ------------------------ */

.Aufzaehlung
{
	padding: 0px;
	margin: 0px;
}
.Aufzaehlung ul
{
  list-style: none;
  padding: 0px;
  margin: 0px;
  text-align: left;
}
.Aufzaehlung li
{
	list-style: none;
	background-image:url(../images/icon_aufzaehlung.gif);
	background-repeat:no-repeat;
	background-position:3px 3px;
	padding-left:17px;
	margin-left:0px;
	display: block;
}
/* -------------------------- Headlines ------------------------ */
H1 {
  font-weight: bold;
  font-size: 14px;
  line-height:17px;
  margin:0 0 11px 0;
}
H2 {
  font-weight: bold;
  font-size: 12px;
  line-height:17px;
  margin:0 0 3px 0;
}
H3 {
  font-weight: bold;
  font-size: 11px;
  margin:0 0 5px 0;
}
H4 {
  font-weight: bold;
  font-size: 12px;
  color:#003d8f;
  margin:0;
}
/* -------------------------- Layer Unternavigation ------------------------ */
#lay_navunternehmen, #lay_navleistungen, #lay_navkarriere, #lay_navreferenzen {
	position:absolute;
	top:99px;
	z-index:100;
	visibility: hidden;
}
#lay_navunternehmen{
	margin-left:288px;
}
#lay_navleistungen{
	margin-left:403px;
}
#lay_navkarriere{
	margin-left:719px;
}
#lay_navreferenzen{
	margin-left:507px;
}
/* Für den Layer */
.UnavLayRight,.UnavLayLeft,.UnavLayCenter{
	float:left;
	width:8px;
}
.UnavLayRight{
	background-image: url(../images/verlauf_unav_right.png) !important;
	background-image: none;
	background-repeat: repeat-y;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/verlauf_unav_right.png', sizingMethod='crop');*/
}
.UnavLayLeft{
	background-image: url(../images/verlauf_unav_left.png) !important;
	background-image: none;
	background-repeat: repeat-y;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/verlauf_unav_left.png', sizingMethod='crop');*/
}
.UnavLayCenter{
	width:auto;
	background-color:#FFFFFF;
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
}
.UnavLayBottom, .UnavLayEckeLinks, .UnavLayEckeRechts{
	float:left;
	height:8px;
	width:8px;
	
	background-image: none;
	background-repeat: no-repeat;
}
.UnavLayBottom{
	background-image: url(../images/verlauf_unav_bottom_neu.png) !important;
	background-image: none;
	background-repeat: repeat-x;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/verlauf_unav_bottom_neu.png', sizingMethod='crop');*/
}
.UnavLayEckeLinks{
	background-image: url(../images/unav_left_ecke.png) !important;
	background-image: none;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/unav_left_ecke.png', sizingMethod='crop');*/
}
.UnavLayEckeRechts{
	background-image: url(../images/unav_right_ecke.png) !important;
	background-image: none;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/unav_right_ecke.png', sizingMethod='crop');*/
}
/* UNTERNAVIGATION OBEN EBENE I. */
.unav {
	margin-bottom:5px;
	z-index:10;
}
.unav ul {
	width:inherit;
	list-style-type: none;
	margin: 0; padding: 0;
}
.unav li a {
	display: block;
	text-decoration: none;
	/*_height: 0%;*/
	margin: 0 8px 0 7px;
	line-height:18px;
	color: #000000;
	border-bottom:1px dotted #91a8c8;
}
.unav ul li a:hover, .unav ul li a.active {
	font-weight:bold;
	color: #003d8f;
}

/* UNTERNAVIGATION LINKS EBENE I. */
#ContentNavi {
	position:absolute;
	width:192px;
	margin-top:131px;
	margin-left:35px;
}
#ContentNaviImg {
	position:absolute;
	width:178px;
	margin-top:305px;
	margin-left:35px;
}
.unav_left {

}
.unav_left ul {
	width:inherit;
	list-style-type: none;
	margin: 0; padding: 0;
}
.unav_left li a {
	display: block;
	text-decoration: none;

	margin: 0 8px 0 7px;
	line-height:18px;
	color: #000000;
	border-bottom:1px dotted #91a8c8;
}
.unav_left ul li a:hover, .unav_left ul li a.active {
	font-weight:bold;
	color: #003d8f;
}


/* Beispiel für 2`te Ebene */
.unav_left ul ul li a { 
	padding-left: 24px;
	color: #000000;
	background: url(../images/link_unav_left.gif) no-repeat;
	background-position: 0px -1px;
}
.unav_left ul ul li a:hover, .unav_left ul ul li a.active {
	padding-left: 24px;
	color: #000000;
	background: url(../images/link_unav_left.gif) no-repeat;
	background-position: 0px -1px;
}


/* -------------------------- Homepage------------------------ */
#Home{
	position:absolute;
	margin:130px 0 0 18px;
	z-index:1;

}
#ImgHome{
	position:absolute;
	margin:410px 0 0 19px;
	z-index:10;
}
.SubHome{
	margin-bottom:10px;

}
#Eyecatcher{
	margin:20px 0 0 330px;
}
.Eyecatcher1{
	float:left;
	width:170px;
	height:171px;
	color:#000000;
	padding:0 0 0 9px;
	border-left:1px dotted #717878;
}
.Eyecatcher2{
	width:535px;
	height:140px;
	color:#000000;
	padding:0 0 0 9px;
	border-left:1px dotted #717878;
	margin-top:20px;
}
/* -------------------------- News Bereich ------------------------ */
.BalkenNews{
	background-image:url(../images/unternehmen/balken_news.gif);
	background-repeat:repeat-x;
	font-weight:bold;
	color:#003d8f;
	height:15px;
	padding-left:5px;
	padding-top:1px;
	margin:25px 0 1px 0;
	border-bottom:1px solid #717878;
}
.DatumNews{
	color:#a20101;
	margin-top:8px;
	padding-left:5px;
	border-bottom:1px dotted #717878;
}
.TextNews{
	padding:2px 5px 11px 5px;
}
.BottomNews{
	text-align:right;
	border-bottom:1px solid #717878;
}
/* -------------------------- Leistungen/Ansprechpartner Bereich ------------------------ */
.SpalteLeistImg, .SpalteLeistTxt{
	float:left;
	margin-bottom:20px;
}
.SpalteLeistImg{
	width:80px;
}
.SpalteLeistTxt{
	padding-top:10px;
}
/* -------------------------- Referenzen Bereich ------------------------ */
.SpalteRefImg{
	float:left;
	width:199px;
	margin-top:24px;
}
.SpalteRefTxt{
	margin-top:9px;
	padding-left:11px;
}
/* -------------------------- Standorte Bereich ------------------------ */
.Standort{
	border-bottom:1px dotted #717878;
	color:#003d8f;
	font-weight:bold;
	width:291px;
}
.StandortAdr{
	float:left;
	width:128px;
	border-right:1px dotted #717878;
	margin:10px 0 0 0;
}
.StandortBesch{
	float:left;
	margin:10px 0 10px 9px;
}
.StandortLinie{
	border-bottom:1px dotted #717878;
	width:291px;
	*margin-top:-40px;
}
/* -------------------------- Job Bereich ------------------------ */
.SpalteJobs{
	width:617px;
	margin:1px 0 1px 0;
	
	background-color:#f1f2f3;
	padding-top:27px;
}
.SpalteJobsLinks, .SpalteJobsRechts{
	float:left;
	margin-bottom:15px;
}
.SpalteJobsLinks{
	width:254px;
}
.SpalteJobsRechts{
	width:363px;
}
/* -------------------------- Kontakt Bereich ------------------------ */
.SpalteKontakt{
	width:617px;
	margin:1px 0 1px 0;
	
	background-color:#f1f2f3;
	padding-top:27px;
}
.SpalteKontaktLinks, .SpalteKontaktRechts{
	float:left;
	margin-bottom:15px;
}
.SpalteKontaktLinks{
	width:290px;
	margin-left:23px;
}
.SpalteKontaktRechts{
	width:260px;
	margin-left:30px;
}
hr{
	padding:0;
	margin:0;
	width:617px;
	border: 0px; /* Für Firefox und Opera */
	border-top: solid 1px #717878;
	border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
}
.SubJobs{
	text-align:right;
	width:213px;
	color:#003d8f;
	font-weight:bold;
	border-bottom:1px dotted #717878;
}
/* -------------------------- Links ------------------------ */
a.LinkPfeil:link, a.LinkPfeil:visited, a.LinkPfeil:active, a.LinkPfeil:hover {
	color:#00306e;
	font-weight:bold;
	font-size:10px;
	text-decoration: none;
	background-image:url(../images/icon_pfeil.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:17px;
	padding-bottom:2px;
}
a.LinkRed:link, a.LinkRed:visited, a.LinkRed:active, a.LinkRed:hover {
	color:#a20101;
	font-size:10px;
	text-decoration: none;
}
a.LinkBlue:link, a.LinkBlue:visited, a.LinkBlue:active, a.LinkBlue:hover {
	color:#003d8f;
	font-size:11px;
	text-decoration: underline;
}
a.MainLink:link, a.MainLink:visited {
	color:#717878;
	font-weight:bold;
	font-size:10px;
	text-decoration: none;
}
a.MainLink:active, a.MainLink:hover, .MainLinkActive  {
	color:#003d8f;
	font-weight:bold;
	font-size:10px;
	text-decoration: none;
}
.MainLinkActive {
	color:#003d8f;
	font-weight:bold;
	font-size:10px;
	text-decoration: none;
}
/* -------------------------- Text ------------------------ */
.TextBlue{
	color:#003d8f;
}
/* -------------------------- Formular Felder ------------------------ */

label { /* Alle Labels UND Formularelemente auswählen */
	display: block;
	float: left;
  	width: 100px; /* Breite.*/
	padding:2px 0 2px 0;
}
form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}
label {text-align: left;}

.input, .select, .textarea{
	border:solid 1px #abadb3;
	color:#003d8f;
	height:14px;
	font-size:11px;
	padding:2px 0 0 5px;
	width:240px;
	margin:0 0 2px 0;
}
.select {
	height:16px;
	*height:20px;
	padding:0 0 0 5px;
	width:247px;
}
.textarea{
	height:80px;
	width:340px;
}

/* Formular */
input.required, textarea.required {
	border: 1px solid #003d8f;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #9d0d15;
	color : #9d0d15;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #abadb3;
	color : #000;
}

.validation-advice {
	margin: 2px 0;
	padding: 3px;
	background-color: #9d0d15;
	color : #FFFFFF;
	font-weight: normal;
}

.custom-advice {
	width:210px;
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: normal;
}

.form-row {
	clear: both;
	padding: 0.5em;
}