body {
	background-color: #575757;
	font-size: 12px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color: #333;
	padding:0;
	margin:0;
}
a {color: #027ec8;text-decoration: none;}
a:visited {color: #027ec8;}
a:hover {color: #027ec8;}
a:active { color:#027ec8;}


h1 {
	font-size: 16px;
	font-weight: normal;
}

h2 {
	font-size: 13px;
	font-weight: normal;
}

img {
	border: 0;
}

/* ----------container centers the layout-------------- */
#container {
	width: 1024px;
	height: 100%;
	margin: 50px auto;
	padding: 0;
}

/* ----------aktion/jobs -------------- */
div#aktion {
	position:absolute;
	z-index: 99;
	top: 101px;
	_top: 121px;
	/*margin-left: 640px;*/
	margin-left: 720px;
	/*display: none;*/
}


/* ----------produkte-banner -------------- */
div#bruno {
	position:absolute;
	z-index: 10;
	top: 78px;
	_top: 73px;
	margin-left: 320px;
}

div#claude {
	position:absolute;
	z-index: 11;
	top: 78px;
	_top: 73px;
	margin-left: 460px;
}


/* ----------header -------------- */
#header {
	font-size: 11px;
	margin: 0;
	padding: 0;
	height: 144px;
	background: transparent url(img/shadow_header.gif) 0 0 no-repeat;
	zoom: 1;
}

#header div#logo {
	width: 250px;
}

#header div#logo img {
	margin: 30px 0 0 30px;
}

#header div#search {
	float: right;
	margin: -50px 16px 0 0;
	_margin-right: 10px;
}

#header div#search label {
	display: block;
}

#header div#search input.search-field {
	border: 1px solid #cccccc;
	width: 127px;
	padding: 0 0 2px 5px;
	_padding-top: 1px;
	margin: 0;
}

#header div#search input.search-button {
	border: 1px solid #cccccc;
	background-color: #007fca;
	color: #ffffff;
	font-weight: normal;
	font-size: 11px;
	padding: 1px 5px 2px 5px;
	margin: 0 8px 0 0;
	overflow: visible;
	font-family: Verdana;
	cursor: pointer;
}

/* -----------------mainNavigation--------------------- */
#menu {
	float: left;
	font-size: 100%;
	line-height: normal;
	width: 1024px;
	margin-top: 50px;
}

#menu ul#xperto_navigation {
	margin: -20px 0 0 20px;
	_margin-top: 0px;
	padding: 0;
	list-style: none;
}
#menu ul#xperto_navigation li {
	display: inline;
	margin: 0;
	padding: 0;
}
#menu ul#xperto_navigation li a {
	float: left;
	background: url(img/tableft.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
}
#menu ul#xperto_navigation li a span {
	float: left;
	display: block;
	background: url(img/tabright.gif) no-repeat right top;
	padding: 5px 20px 4px 14px;
	color: #fff;
	font-weight: normal;
}

#menu ul#xperto_navigation li a:hover span {
	color: #027ec8;
}

#menu ul#xperto_navigation li a.active {
	background: url(img/tableft.gif) no-repeat left -43px;
	color: #027ec8;
}

#menu ul#xperto_navigation li a.active span {
	background: url(img/tabright.gif) no-repeat right -43px;
	color: #027ec8;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu ul#xperto_navigation li a span {float:none;}
/* End IE5-Mac hack */
#menu ul#xperto_navigation li a:hover span {color:#027ec8;}
#menu ul#xperto_navigation li a:hover {background-position:0% -42px;}
#menu ul#xperto_navigation li a:hover span {background-position:100% -42px;}



/* -----------------linksNav--------------------- */

#linksNav #xperto_subnavigation {
	width: 176px;
	float: left;
}

*+html #linksNav #xperto_subnavigation {
	margin-top: 1px;
}

#linksNav ul {
	background-color: #555;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 176px;
}
#linksNav ul li {
	font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 0 4px;
	clear: left;
}
#linksNav ul li a {
	background-color: #555;
	border-bottom: 1px solid #444;
	color: #ccc;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}

#linksNav ul#level_0 li a.active {
	background: transparent url(../img/arrow.gif) 5px 12px no-repeat;
	color: ##FF8B02;
	padding-bottom: 8px;
}

#linksNav #xperto_subSubNavigation ul {
	width: 156px;
	_width: 140px;
	margin: 0 0 5px 10px;
	margin-left: 0px;
}

*+html #linksNav #xperto_subSubNavigation {
	width: 140px;
}

#linksNav #xperto_subSubNavigation {
	background-color: #555;
}

#linksNav #xperto_subSubSubNavigation ul li {
	padding-left: 15px;
}
#linksNav ul#level_0 li div#xperto_subSubNavigation ul#level_1 li a.active {
	background: transparent url(../img/arrow.gif) 5px 12px no-repeat;
}

#xperto_subSubNavigation ul#level_2 li a.active {
	background: transparent url("../img/arrows.gif") left 12px no-repeat;
}

#linksNav #xperto_subSubSubNavigation {
	background-color: #555;
	width: 144px;
}

*+html #linksNav #xperto_subSubSubNavigation {
	width: 144px;
}

#linksNav #xperto_subSubNavigation li a.active {
	color: #fff;
	background: transparent url("../img/arrows.gif") left 12px no-repeat;
}

#linksNav #abschlussSubSubNaviContainter {
	clear: left;
	float: left
}

/* -----------------mainArea--------------------- */
div#mainAreaHome {
	background: #fff url(img/shadow_container_home.gif) 0 0 repeat-y;
	margin: -10px 0 0 0;
	_margin-top: 0px;
	padding: 0;
}
*+html div#mainAreaHome {
	margin-top: 0px;
}
div#mainArea {
	background: #fff url(img/shadow_container.gif) 0 0 repeat-y;
	margin: -10px 0 0 0;
	_margin-top: 0;
	padding: 0;
}

*+html div#mainArea {
	margin-top: 15px;
}


/* -----------------In this Release: NO elements styles in Contents --------------------- */

#contentHome {
	min-height: 578px;
	padding: 10px 10px 10px 20px;
	overflow: hidden;
	clear: left;
}

#mainArea #content {
	width: 820px;
	_width: 800px;
	margin-left: 11px;
	_margin-top: 0;
}

*html #mainArea #content {
	width: 800px;
}

*+html #mainArea #content {
	width: 800px;
}

#content table {
	width: 590px;
	_width: 580px;
}

*+html #content table {
	width: 580px;
}

#mainArea #content #xperto_content,
#mainArea #content #formular {
	margin: 25px 0 20px 176px;
	_margin-top: 10px;
}

*html #mainArea #content #xperto_content {
	margin:0;
	margin-left: 166px;
}

*+html #mainArea #content #xperto_content {
	margin:0;
	margin-left: 166px;
}

/* -----------contentIntro--------------------------- */
#introWelcome {
	visibility: visible;
	z-index: 1;
}

#introKompetenz,
#introFlexibilitaet,
#introIndividualitaet,
#introVollservice {
	visibility: hidden;
	position:absolute;
	margin-top:-338px;
}

#introKompetenz {
	z-index: 2;
}

#introFlexibilitaet {
	z-index: 3;
}

#introIndividualitaet {
	z-index: 4;
}

#introVollservice {
	z-index: 5;
}

/* -----------introNav--------------------------- */
#introNav {
	width: 803px;
	_margin-top: -3px;
}

*+html #introNav {
	margin-top: -3px;
}

#introNav #navKompetenzOff {
	z-index: 6;
}

#introNav #navFlexibilitaetOff {
	z-index: 7;
}

#introNav #navIndividualitaetOff {
	z-index: 8;
}

#introNav #navVollserviceOff {
	z-index: 9;
}

#introNav #navKompetenzOn {
	z-index: 10;
}

#introNav #navFlexibilitaetOn {
	z-index: 11;
}

#introNav #navIndividualitaetOn {
	z-index: 12;
}

#introNav #navVollserviceOn {
	z-index: 13;
}

#introNav #navKompetenzOff,
#introNav #navKompetenzOn,
#introNav #navFlexibilitaetOff,
#introNav #navFlexibilitaetOn,
#introNav #navIndividualitaetOff,
#introNav #navIndividualitaetOn,
#introNav #navVollserviceOff,
#introNav #navVollserviceOn {
	float: left;
}

#introNav #navKompetenzOn,
#introNav #navFlexibilitaetOn,
#introNav #navIndividualitaetOn,
#introNav #navVollserviceOn {
	visibility: hidden;
	position:absolute;
}

#introNav #navKompetenzOn {
	_margin-left: -803px;
}

*+html #introNav #navKompetenzOn {
	margin-left: -803px;
}

#introNav #navFlexibilitaetOn {
	margin-left: 209px;
	_margin-left: -594px;
}

*+html #introNav #navFlexibilitaetOn {
	margin-left: -594px;
}

#introNav #navIndividualitaetOn {
	margin-left: 387px;
	_margin-left: -416px;
}

*+html #introNav #navIndividualitaetOn {
	margin-left: -416px;
}

#introNav #navVollserviceOn {
	margin-left: 602px;
	_margin-left: -201px;
}

*+html #introNav #navVollserviceOn {
	margin-left: -201px;
}

/* -----------rightSide--------------------------- */

#right {
	float: right;
	width: 190px;
	_width: 183px;
	margin: 5px 5px 0 0;
	padding: 0;
}

#right div.right-box {
	margin-bottom: 10px;
}

/* -----------footer--------------------------- */
#footer {
	clear: both;
	padding: 0;
	margin: 0;
	background: transparent url(img/shadow_footer.gif) 0 0 no-repeat;
	overflow: hidden;
	zoom: 1;
	height: 52px;
}

#footer ul.disclaimer {
	margin: 10px 10px;
	_margin-left: 30px;
	list-style: none;
}
*+html #footer ul.disclaimer {
	margin-left: 40px;
}

#footer ul.disclaimer li {
	float: left;
}

#footer ul.disclaimer li a,
#footer ul.disclaimer a:active,
#footer ul.disclaimer a:visited {
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	padding: 0 7px;
	float: left;
}