/**************/
/*** Colors ***/
/***************

IDH - 100%		#4e514a
IDH - 70%		#838580
IDH - 50%		#a7a8a5
IDH - 40%		#b8bab7
IDH - 25%		#d3d4d2
IDH - 20%		#dcdddb

***************/


/***************/
/*** General ***/
/***************/

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: arial,verdana,sans-serif;
	font-size: 12px;
	background-color: #fff;
	color: #000;
}

.hidden {
	display: none;
}

#linkList {
	position: absolute;
	left: 15px;
	bottom: 20px;
}

#linkList a:link, #linkList a:visited, #linkList a:hover, #linkList a:active {
	font-size: 9px;
	line-height: 14px;
	text-transform: uppercase;
	color: #838580;
	padding: 2px 5px 2px 5px;
}

#linkList a:hover {
	color: #dcdddb;
	background-color: #4e514a;
}

#linkList2 {
	position: absolute;
	left: 15px;
	padding-top: 190px;
}

#linkList2 a:link, #linkList2 a:visited, #linkList2 a:hover, #linkList2 a:active {
	font-size: 9px;
	line-height: 14px;
	text-transform: uppercase;
	color: #838580;
	padding: 2px 5px 2px 5px;
}

#linkList2 a:hover {
	color: #dcdddb;
	background-color: #4e514a;
}

#linkList3 {
	position: absolute;
	left: 15px;
	padding-top: 250px;
}

#linkList3 a:link, #linkList3 a:visited, #linkList3 a:hover, #linkList3 a:active {
	font-size: 9px;
	line-height: 14px;
	text-transform: uppercase;
	color: #838580;
	padding: 2px 5px 2px 5px;
}

#linkList3 a:hover {
	color: #dcdddb;
	background-color: #4e514a;
}


#linkList4 a:link, #linkList4 a:visited, #linkList4 a:hover, #linkList4 a:active {
	font-size: 9px;
	line-height: 14px;
	text-transform: uppercase;
	color: #838580;
	padding: 2px 5px 2px 5px;
}

#linkList4 a:hover {
	color: #dcdddb;
	background-color: #4e514a;
}


.editInfo {
	color: red;
}



/**************/
/*** Layout ***/
/**************/

#container {
	position: relative;
	width: 842px;
	margin: 0 auto;
}

#head {
	position: absolute;
	width: 100%;
	height: 98px;
}

#head img {
	position: absolute;
	left: 0;
	bottom: 4px;
}

#homeContent, #contactContent, #newsContent, #pressContent, #imprintContent, #profileContent, #stilContent, #brandsContent, #brandsDetailContent, #competencesContent, #branchesContent, #jobsContent, #successContent, #brandDesignContent {
	position: absolute;
	top: 198px;
	left: 0;
}


/***********************/
/*** Meta-Navigation ***/
/***********************/

ul#metanav {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 14px;
	list-style-type: none;
}

ul#metanav li {
	float: left;
}

ul#metanav li a:link, ul#metanav li a:visited, ul#metanav li a:hover, ul#metanav li a:active {
	float: left;
	line-height: 14px;
	font-size: 8.5px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 4px;
	color: #4e514a;
}

ul#metanav li a:hover, ul#metanav li.selected a {
	color: #a7a8a5;
}


/******************/
/*** Navigation ***/
/******************/

ul#nav {
	position: absolute;
	top: 142px;
	width: 818px;
	height: 14px;
	background-color: #4e514a;
	list-style-type: none;
	padding-left: 24px;
}

ul#nav li {
	float: left;
}

ul#nav li a:link, ul#nav li a:visited, ul#nav li a:hover, ul#nav li a:active {
	float: left;
	line-height: 14px;
	font-size: 9px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 9px;
	color: #fff;
}

ul#nav li a:hover, ul#nav li.selected a:link, ul#nav li.selected a:visited, ul#nav li.selected a:hover, ul#nav li.selected a:active {
	background-color: #d3d4d2;
	color: #4e514a;
}

ul#nav ul.subnav {
	clear: left;
	position: absolute;
	top: 18px;
	list-style-type: none;
}

ul#nav ul.subnav li a:link, ul#nav ul.subnav li a:visited, ul#nav ul.subnav li a:hover, ul#nav ul.subnav li a:active {
	float: left;
	line-height: 14px;
	font-size: 9px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 9px;
	background-color: #fff;
	color: #4e514a;
}

ul#nav ul.subnav li a:hover, ul#nav ul.subnav li.selected a:link, ul#nav ul.subnav li.selected a:visited, ul#nav ul.subnav li.selected a:hover, ul#nav ul.subnav li.selected a:active {
	background-color: #d3d4d2;
	color: #4e514a;
}



/*****************/
/*** Home Page ***/
/*****************/

#homeContent .homeBox {
	background-color: #d3d4d2;
}

#homeContent .homeBoxPics {
	position: absolute;
	top: 0;
	left: 0;
	width: 842px;
	height: 200px;
	background-color: #ffffff;
}

#homeContent #topLeft {
	position: absolute;
	top: 0;
	left: 0;
	width: 628px;
	height: 200px;
}

#homeContent #topLeft2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 628px;
	height: 414px;
}

#homeContent #topRight {
	position: absolute;
	top: 0;
	left: 642px;
	width: 200px;
	height: 200px;
}

#homeContent #bottomLeft {
	position: absolute;
	top: 214px;
	left: 0;
	width: 414px;
	height: 200px;
}

#homeContent #bottomCenter {
	position: absolute;
	top: 214px;
	left: 428px;
	width: 200px;
	height: 200px;
}

#homeContent #bottomRight {
	position: absolute;
	top: 214px;
	left: 642px;
	width: 200px;
	height: 200px;
}

.overlayBox {
	background-color: #d3d4d2;
	position: absolute;
	left: 11px;
	bottom: 15px;
	padding: 11px 9px;
	overflow: hidden;
}

.overlayBoxJobBottom {
	background-color: #d3d4d2;
	position: absolute;
	left: 22px;
	top: 75px;
	overflow: hidden;
}

.overlayBoxJob {
	background-color: #4e514a;
	position: absolute;
	width: 178px;
	height: 125px;
	padding-left: 22px;
	padding-top: 75px;
	overflow: hidden;
}

.overlayBoxLarge {
	width: 262px;
}

.overlayBoxLarge2 {
	width: 385px;
}

.overlayBoxSmall {
	width: 160px;
}


/*********************************/
/*** home Page bottom add on***/
/*********************************/

#homeNewsBox1 {
	position: absolute;
	top: 630px;
	left: 0px;
	width: 260px;
	heigth: 385px;
	border-right:1px;
	border-right-color:#dcdddb;
	border-right-style:solid;
	margin-top:5px;
	margin-bottom:50px;
	padding-right: 10px;
}

#homeNewsBox2 {
	position: absolute;
	top: 630px;
	left: 290px;
	width: 260px;
	heigth: 385px;
	border-right:1px;
	border-right-color:#dcdddb;
	border-right-style:solid;
	margin-top:5px;
	margin-bottom:50px;
	padding-right: 10px;
}

#homeNewsBox3 {
	position: absolute;
	top: 630px;
	left: 580px;
	width: 260px;
	heigth: 385px;
	margin-top:5px;
	margin-bottom:50px;
	padding-right: 10px;
}

#homeBoxend {
	position: absolute;
	top: 800px;
	left: 0px;
	width: 260px;
	heigth: 30px;
	margin-top:5px;
	margin-bottom:50px;
	padding-right: 10px;
}



/*****************/
/*** News Page ***/
/*****************/

#newsContent #newsBox {
	position: relative;
	top: 0px;
	left: 0px;
	width: 842px;
}

#newsBox #contentBox {
	float:left;
	top: 0px;
	width: 400px;	
}

#newsBox #picsBox {
	float:right;
	top: 0px;
	right: 0;
}

.hrnews {
	float:left;
	clear:both;
	width: 842px;
	background-color: #c9cdd9;
	margin-bottom:50px;
	margin-top:20px;
}

/********************/
/*** Contact Page ***/
/********************/

#contactContent #addressBoxN {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #dcdddb;
	width: 175px;
	height: 394px;
	padding: 20px 0 0 25px;
}

#contactContent img#imgN {
	display: block;
	position: absolute;
	top: 0;
	left: 214px;
	width: 200px;
	height: 414px;
}

#contactContent #addressBoxM {
	position: absolute;
	top: 0;
	left: 428px;
	background-color: #dcdddb;
	width: 175px;
	height: 394px;
	padding: 20px 0 0 25px;
}

#contactContent img#imgM {
	display: block;
	position: absolute;
	top: 0;
	left: 642px;
	width: 200px;
	height: 414px;
}


/******************/
/*** Press Page ***/
/******************/

#pressContent #pressContact {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #dcdddb;
	width: 394px;
	height: 155px;
	padding: 25px 0 20px 20px;
}

#pressContactText {
	position: absolute;
	top: 85px;
	left: 25px;
	background-color: #dcdddb;
	width: 200px;
	height: 50px;
	padding: 25px 0px 0px 0px;
}

#pressContent img#pressImg, #pressContent img.pressNewsImage {
	position: absolute;
	top: 0;
	left: 428px;
	width: 414px;
	height: 200px;
}

#pressContent #pressNews {
	position: absolute;
	top: 200px;
	left: 0;
	width: 842px;
}

#pressContent div.pressBox {
	position: relative;
	background-color: #dcdddb;
	width: 200px;
	height: 93px;
	margin-top: 14px;
	margin-right: 14px;
	float: left;
}

#pressContent div.pressBox:hover {
	background-color: #4e514a;
}

#pressContent div.lastOfTheRow {
	margin-right: 0;
}

#pressContent div.pressBox h3 {
	font-size: 11px;
	line-height: 13px;
        font-weight:normal;
	text-transform: none;
	color: #4e514a;
	background-color: transparent;
	margin: 20px;
}

#pressContent div.pressBox h3 a:link, #pressContent div.pressBox h3 a:visited, #pressContent div.pressBox h3 a:hover, #pressContent div.pressBox h3 a:active {
	color: #4e514a;
	background-color: transparent;
}

#pressContent div.pressBox:hover h3 {
	color: #dcdddb;
}

#pressContent div.pressBox:hover h3 a:link, #pressContent div.pressBox:hover h3 a:visited, #pressContent div.pressBox:hover h3 a:hover, #pressContent div.pressBox:hover h3 a:active {
	color: #dcdddb;
	background-color: transparent;
}

#pressContent div.pressBox p.pressNewsDate {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #4e514a;
}

#pressContent div.pressBox:hover p.pressNewsDate {
	color: #dcdddb;
}


/********************/
/*** Imprint Page ***/
/********************/

#imprintContent #imprintTextBox {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #dcdddb;
	width: 842px;
	height: 200px;
}

#imprintContent #imprintHeadline {
	position: absolute;
	top: 25px;
	left: 20px;
}

#imprintContent #imprintText1 {
	position: absolute;
	top: 76px;
	left: 20px;
}

#imprintContent #imprintText2 {
	position: absolute;
	top: 76px;
	left: 214px;
}

#imprintContent #imprintText3 {
	position: absolute;
	top: 76px;
	left: 428px;
}

#imprintContent #imprintText4 {
	position: absolute;
	top: 76px;
	left: 642px;
}

#imprintContent #imprintText1a {
	position: absolute;
	top: 109px;
	left: 20px;
}

#imprintContent #imprintText2a {
	position: absolute;
	top: 109px;
	left: 214px;
}

#imprintContent #imprintText3a {
	position: absolute;
	top: 109px;
	left: 428px;
}

#imprintContent #imprintText4a {
	position: absolute;
	top: 109px;
	left: 642px;
}

#imprintContent #imprintImageBox {
	position: absolute;
	top: 214px;
	left: 0;
}


#imprintContent #imprintImg1 {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #dcdddb;
	width: 200px;
	height: 200px;
}

#imprintContent #imprintImg2 {
	position: absolute;
	top: 0;
	left: 214px;
	background-color: #dcdddb;
	width: 200px;
	height: 200px;
}

#imprintContent #imprintImg3 {
	position: absolute;
	top: 0;
	left: 428px;
	background-color: #dcdddb;
	width: 414px;
	height: 200px;
}


/********************/
/*** Profile Page ***/
/********************/

#profileContent #profileBox {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #dcdddb;
	width: 270px;
	height: 414px;
}

#profileContent #profileBoxHeadline {
	position: absolute;
	top: 25px;
	left: 20px;
}

#profileContent #profileBoxText {
	position: absolute;
	top: 76px;
	left: 20px;
	width: 230px;
}

#profileContent #profileImage {
	position: absolute;
	top: 0;
	left: 284px;
	background-color: #dcdddb;
	width: 558px;
	height: 414px;
}

#profileContent #profileClaimAnimation {
	position: absolute;
	top: 148px;
	left: 66px;
}

#profileContent #profileBenefitAnimation {
	position: absolute;
	top: 34px;
	left: 168px;
}


/*****************************/
/*** Profile > Method Page ***/
/*****************************/

#profileContent .profileMethodSteps {
	position: absolute;
	left: 284px;
	height: 54px;
	background-color: #dcdddb;
	padding: 0 40px;
	width: 264px;
}

#profileContent .profileMethodSteps:hover {
	background-color: #4e514a;
}

#profileContent #profileMethodStep1 {
	top: 0;
}

#profileContent #profileMethodStep2 {
	top: 70px;
}

#profileContent #profileMethodStep3 {
	top: 140px;
}

#profileContent #profileMethodStep4 {
	top: 210px;
}

#profileContent #profileMethodStep5 {
	top: 280px;
}

#profileContent #profileMethodStep6 {
	top: 350px;
	padding-top: 10px
}

#profileContent #profileMethodMisc {
	top: 350px;
	padding-top: 10px
}

#profileContent #profileMethodMisc:hover {
	background-color: #dcdddb;
}

#profileContent #profileMethodRightCol {
	position: absolute;
	top: 0;
	left: 642px;
	width: 200px;
	height: 414px;
	background-color: #dcdddb;
}

#profileContent #profileMethodStep1RightCol, #profileContent #profileMethodStep2RightCol, #profileContent #profileMethodStep3RightCol, #profileContent #profileMethodStep4RightCol, #profileContent #profileMethodStep5RightCol, #profileContent #profileMethodStep6RightCol {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #4e514a;
	display: none;
	height: 100%;
}

#profileContent #profileMethodRightCol ul {
	margin: 20px 25px;
}

#profileContent #profileMethodRightCol ul li {
	color: #dcdddb;
}



/***************************/
/*** Profile > Team Page ***/
/***************************/

#profileContent #profileTeamBox {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #dcdddb;
	width: 200px;
	height: 414px;
}

#profileContent #profileTeamBoxHeadline {
	position: absolute;
	top: 25px;
	left: 20px;
	width: 170px;
}

#profileContent #profileTeamBoxText {
	position: absolute;
	top: 90px;
	left: 20px;
	width: 170px;
}

#profileContent #profileTeamImages {
	position: absolute;
	top: 0;
	left: 214px;
	background-color: #fff;
	width: 414px;
	height: 414px;
}

#profileContent #profileTeamDetail {
	position: absolute;
	top: 0;
	left: 642px;
	background-color: #fff;
	width: 200px;
	height: 414px;
}

#profileContent #profileTeamDetail img {
	margin-bottom: 14px;
}

.profileTeamThumb {
	position: absolute;
	width: 46px;
	height: 46px;
}

#profileTeamImages .row1 {
	top: 0;
}
#profileTeamImages .row2 {
	top: 46px;
}
#profileTeamImages .row3 {
	top: 92px;
}
#profileTeamImages .row4 {
	top: 138px;
}
#profileTeamImages .row5 {
	top: 184px;
}
#profileTeamImages .row6 {
	top: 230px;
}
#profileTeamImages .row7 {
	top: 276px;
}
#profileTeamImages .row8 {
	top: 322px;
}
#profileTeamImages .row9 {
	top: 368px;
}

#profileTeamImages .col1 {
	left: 0;
}
#profileTeamImages .col2 {
	left: 46px;
}
#profileTeamImages .col3 {
	left: 92px;
}
#profileTeamImages .col4 {
	left: 138px;
}
#profileTeamImages .col5 {
	left: 184px;
}
#profileTeamImages .col6 {
	left: 230px;
}
#profileTeamImages .col7 {
	left: 276px;
}
#profileTeamImages .col8 {
	left: 322px;
}
#profileTeamImages .col9 {
	left: 368px;
}


/********************/
/*** Stil Page ***/
/********************/

#stilContent #stilBox {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #dcdddb;
	width: 200px;
	height: 414px;
}

#stilContent #stilBoxHeadline {
	position: absolute;
	top: 25px;
	left: 20px;
	width: 170px;
}

#stilContent #stilTeamBoxText {
	position: absolute;
	top: 90px;
	left: 20px;
	width: 170px;
}


#stilContent #topLeftstart {
	position: absolute;
	top: 0px;
	left: 214px;
	width: 200px;
	height: 200px;
}


#stilContent #topLeft {
	position: absolute;
	top: 0px;
	left: 214px;
	width: 200px;
	height: 200px;
}


#stilContent #topCenter {
	position: absolute;
	top: 0px;
	left: 428px;
	width: 200px;
	height: 200px;
}

#stilContent #topRight {
	position: absolute;
	top: 0px;
	left: 642px;
	width: 200px;
	height: 200px;
}

#stilContent #bottomLeft {
	position: absolute;
	top: 214px;
	left: 214px;
	width: 414px;
	height: 200px;
}

#stilContent #bottomCenter {
	position: absolute;
	top: 214px;
	left: 428px;
	width: 200px;
	height: 200px;
}

#stilContent #bottomRight {
	position: absolute;
	top: 214px;
	left: 642px;
	width: 200px;
	height: 200px;
}

.overlayBoxStil {
	background-color: #4e514a;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 25px 20px;
	overflow: hidden;
}


.overlayBoxSize {
	width: 160px;
	height: 150px;
}


.overlayTextPosition {
	position: absolute;
	top: 90px;
	left: 20px;
	right: 20px;
}

#stilContent #markentest1 {
	position: absolute;
	left: 15px;
	bottom: 83px;
}

#stilContent #markentest2 {
	position: absolute;
	left: 15px;
	bottom: 13px;
}

/*************************/
/*** Stil > Brand Page ***/
/*************************/

.overlayTextPositionBrand {
	position: absolute;
	top: 45px;
	left: 20px;
	right: 20px;
}


.overlayImagePositionBrand {
	position: absolute;
	bottom: 0px;
	left: 0px;
}


.overlayImagePositionBrand2 {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

#stilContent .overlayBoxStilSmall {
	background-color: #4e514a;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 25px 20px;
	overflow: hidden;
	height: 50px;
}

#stilContent .overlayBoxStilSmall h4 {
	margin-bottom: 5px;
}


/*******************/
/*** Brands Page ***/
/*******************/

#brandsSidebar {
	width: 97px;
	float: left;
}

#brandsSidebar ul {
	list-style-type: none;
}

#brandsSidebar ul.brandNames {
	border-top: 1px solid #4e514a;
	margin-top: 60px;
	padding-top: 14px;
	clear: both;
}

#brandsSidebar ul.brandNames li {
	clear: left;
}

#brandsSidebar ul#brandsInitials li {
	float: left;
	font-size: 9px;
	line-height: 11px;
	text-align: center;
	width: 16px;
}

#brandsSidebar li a {
	padding: 2px;
	float: left;
}

#brandsSidebar li a:link, #brandsSidebar li a:visited, #brandsSidebar li a:hover, #brandsSidebar li a:active {
	color: #4e514a;
}

#brandsSidebar li a:hover, ul#brandsInitials li.selected a {
	background-color: #d3d4d2;
}

#brandsSidebar ul.brandNames li a:link, #brandsSidebar ul.brandNames li a:visited, #brandsSidebar ul.brandNames li a:hover, #brandsSidebar ul.brandNames li a:active {
	font-size: 9px;
	line-height: 14px;
	text-transform: uppercase;
	color: #838580;
	padding: 2px 5px 2px 5px;
}

#brandsSidebar ul.brandNames li a:hover {
	color: #838580;
	background-color: #dcdddb;
}

#brandsLogoGallery {
	position: absolute;
	top: -15px;
	left: 110px;
	width: 750px;
}

#brandsLogoGallery .brandsLogo {
	position: relative;
	float: left;
	width: 125px;
	height: 80px;
}

#brandsLogoGallery .brandsLogo div {
	position: absolute;
	top: 0;
	left: 0;
}

#brandsLogoGallery .brandsLogo p {
	min-height: 80px;
	height: 80px;
	width: 125px;
	display: table-cell;
	vertical-align: middle;
}

#brandsLogoGallery .brandsLogo img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


#brandsContent #brandsidenavi {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100px;
	border-top: 1px solid #4e514a;
	margin-top: 60px;
	padding-top: 16px;
}

/***********************/
/*** Brand Single Pages ***/
/***********************/


#brandsContent #brandpicture {
	position: absolute;
	top: 0;
	left: 144px;
	width: 698px;
	height: 296px;
}

#brandsContent #brandbox {
	position: absolute;
	background-color: #dcdddb;
	top: 310px;
	left: 144px;
	width: 698px;
	height: 104px;
	padding-bottom: 50px;
}



#brandsContent #brandbox #brandBoxHeadline {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 550px;
}

#brandsContent #brandbox #brandBoxText {
	position: absolute;
	top: 70px;
	left: 20px;
	width: 550px;

}

#brandsContent #brandbox #brandNavigation {
	position: absolute;
	top: 20px;
	right: 20px;
}

/***********************/
/*** Competence Page ***/
/***********************/

#competencesTextBox {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #dcdddb;
	width: 150px;
	height: 364px;
	padding: 25px;
}

#competencesListBox {
	position: absolute;
	top: 0;
	left: 214px;
	background-color: #dcdddb;
	width: 588px;
	height: 56px;
	padding: 22px 22px 22px 18px;
}

#competencesListBox p {
	whitespace: nowrap;
}

#competencesImageBox {
	position: absolute;
	top: 116px;
	left: 214px;
	background-color: #dcdddb;
	width: 628px;
	height: 298px;
}

#competencesEditBox {
	position: absolute;
	top: 0;
	left: 214px;
	background-color: #dcdddb;
	width: 568px;
	padding: 25px 25px 25px 25px;
}

/***********************/
/*** Branchen Page ***/
/***********************/

#branchesTextBox {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #dcdddb;
	width: 150px;
	height: 364px;
	padding: 25px;
}

#branchesListBox {
	position: absolute;
	top: 0;
	left: 214px;
	background-color: #dcdddb;
	width: 610px;
	height: 56px;
	padding: 22px 0px 22px 18px;
}

#branchesImageBox {
	position: absolute;
	top: 116px;
	left: 214px;
	background-color: #dcdddb;
	width: 628px;
	height: 298px;
}

#branchesEditBox {
	position: absolute;
	top: 0;
	left: 214px;
	background-color: #dcdddb;
	width: 568px;
	padding: 25px 25px 25px 25px;
}

img.competencesImage {
	position: absolute;
	top: 0;
	left: 0;
}


/***********************/
/*** Jobs Page ***/
/***********************/


#jobsContent #jobsBox {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #dcdddb;
	width: 414px;
	height: 414px;
}

#jobsContent #jobsBoxHeadline {
	position: absolute;
	top: 25px;
	left: 20px;
	width: 380px;
}

#jobsContent #jobsBoxText {
	position: absolute;
	top: 76px;
	left: 20px;
	width: 380px;
}

#jobsContent #jobsBox #jobsBox1 {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #dcdddb;
	width: 386px;
	height: 386px;
}

#jobsContent #jobsBox #jobsBox2 {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #dcdddb;
	width: 386px;
	height: 386px;
}

#jobsContent #jobsBox #jobsBox3 {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #dcdddb;
	width: 386px;
	height: 386px;
}

#jobsContent #jobsBox #jobsBox4 {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #dcdddb;
	width: 386px;
	height: 386px;
}




#jobsContent #topCenter {
	position: absolute;
	top: 0px;
	left: 428px;
	width: 200px;
	height: 200px;
	background-color: #dcdddb;
}

#jobsContent #topRight {
	position: absolute;
	top: 0px;
	left: 642px;
	width: 200px;
	height: 200px;
	background-color: #dcdddb;
}


#jobsContent #bottomCenter {
	position: absolute;
	top: 214px;
	left: 428px;
	width: 200px;
	height: 200px;
	background-color: #dcdddb;
}

#jobsContent #bottomRight {
	position: absolute;
	top: 214px;
	left: 642px;
	width: 200px;
	height: 200px;
	background-color: #dcdddb;
}

#jobsContent .overlayBoxjobsBack {
	background-color: #dcdddb;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 77px 20px;
	overflow: hidden;
	width: 160px;
	height: 46px;
}

#jobsContent .overlayBoxjobs {
	background-color: #4e514a;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 77px 20px;
	overflow: hidden;
	width: 160px;
	height: 46px;
}

.jobBewerbung {
	position: absolute;
	bottom:14px;
	left:20px;
}

.jobBewerbung2 {
	position: absolute;
	bottom:11px;
	left:0px;
}


/********************/
/*** Success Page ***/
/********************/

#successContent #successBox {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #dcdddb;
	width: 270px;
	height: 414px;
}

#successContent #successBoxHeadline {
	position: absolute;
	top: 25px;
	left: 20px;
}

#successContent #successBoxText {
	position: absolute;
	top: 76px;
	left: 20px;
	width: 230px;
}

#moreNumbers {
	text-transform: uppercase;
	height: 27px;
}

#moreNumbers2 {
	text-transform: uppercase;
	height: 29px;
	padding-left:18px;
	padding-top:25px;
	background-color: #dcdddb;
}

#moreNumbers3 {
	text-transform: uppercase;
	height: 29px;
	padding-left:18px;
	padding-top:25px;
	background-color: #4e514a;
}

#moreClients {
	text-transform: uppercase;
	height: 27px;
}

#moreClients2 {
	text-transform: uppercase;
	height: 29px;
	padding-left:18px;
	padding-top:25px;
	background-color: #dcdddb;
}

#moreClients3 {
	text-transform: uppercase;
	height: 29px;
	padding-left:18px;
	padding-top:25px;
	background-color: #4e514a;
}

#moreNumbers a, #moreClients a {
	position: absolute;
	right: 0;
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #838580;
}

#moreNumbers a:hover, #moreClients a:hover {
	background-color: transparent;
	color: #4e514a;
}

#successMainLeftCol {
	position: absolute;
	top: 0;
	left: 284px;
	width: 272px;
	padding-bottom: 1em;
}

#successMainRightCol {
	position: absolute;
	top: 0;
	left: 570px;
	width: 272px;
	padding-bottom: 1em;
}

.numbersBox, .clientsBox {
	position: relative;
	height: 129px;
}

.numbersBox2, .clientsBox2 {
	position: relative;
	height: 120px;
}

.numbersBoxText, .clientsBoxText {
	position: absolute;
	bottom: 11px;
	left: 11px;
	width: 231px;
	padding: 8px 10px;
	background-color: #dcdddb;
}

a:hover.numbersBoxText, a:hover.clientsBoxText {
	background-color: #4e514a;
}

a:hover.numbersBoxText .copy1, a:hover.numbersBoxText .copy2, a:hover.clientsBoxText .copy1, a:hover.clientsBoxText .copy2 {
	color: #fff;
}

#successContent #successNumbersBox {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #dcdddb;
	width: 200px;
	height: 824px;
}

#successContent #successNumbersBoxHeadline {
	position: absolute;
	top: 25px;
	left: 20px;
}

#successContent #successNumbersBoxText {
	position: absolute;
	top: 95px;
	left: 20px;
	width: 160px;
}

#successNumbersList {
	position: absolute;
	top: 0;
	left: 214px;
}

#successNumbersHead {
	height: 12px;
	width: 628px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #dcdddb;
}

#clientHead {
	position: absolute;
	left: 29px;
}

#successHead {
	position: absolute;
	left: 187px;
}

#projectHead {
	position: absolute;
	left: 487px;
}

.successNumbersListItem {
	position: relative;
	height: 77px;
	width: 628px;
	background-color: #4e514a;
	margin-bottom: 14px;
}

.successNumbersListItem p {
	float: left;
}

.successNumbersListItem p.h8 {
	position: absolute;
	left: 29px;
	top: 11px;
	width: 158px;
}

.successNumbersListItem p.successNumbersListItemText {
	position: absolute;
	left: 187px;
	top: 11px;
	width: 280px;
}


.successNumbersListItem img {
	float: right;
}

#successContent #successClientsBox {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #dcdddb;
	width: 200px;
	height: 1056px;
}

#successContent #successClientsBoxHeadline {
	position: absolute;
	top: 25px;
	left: 20px;
}

#successContent #successClientsBoxText {
	position: absolute;
	top: 76px;
	left: 20px;
	width: 160px;
}

#successClientsList {
	position: absolute;
	top: 0;
	left: 214px;
	width: 642px;
}

.successClientsListItem {
	float: left;
	position: relative;
	margin-right: 14px;
	margin-bottom: 14px;
}

.successClientsListItemText {
	position: absolute;
	top: 97px;
	left: 13px;
	width: 158px;
	height: 76px;
	padding: 5px 8px 10px 8px;
	background-color: #4e514a;
}


#linkListSuccessMain {
	position: absolute;
	left: 15px;
	bottom: 250px;
}

#linkListSuccessMain a:link, #linkListSuccessMain a:visited, #linkListSuccessMain a:hover, #linkListSuccessMain a:active {
	font-size: 9px;
	line-height: 14px;
	text-transform: uppercase;
	color: #838580;
	padding: 2px 5px 2px 5px;
}

#linkListSuccessMain a:hover {
	color: #dcdddb;
	background-color: #4e514a;
}


#linkListSuccessNumbers {
	position: absolute;
	left: 15px;
	top: 287px;
}

#linkListSuccessNumbers a:link, #linkListSuccessNumbers a:visited, #linkListSuccessNumbers a:hover, #linkListSuccessNumbers a:active {
	font-size: 9px;
	line-height: 14px;
	text-transform: uppercase;
	color: #838580;
	padding: 2px 5px 2px 5px;
}

#linkListSuccessNumbers a:hover {
	color: #dcdddb;
	background-color: #4e514a;
}

#linkListSuccessClients {
	position: absolute;
	left: 15px;
	bottom: 790px;
}

#linkListSuccessClients a:link, #linkListSuccessClients a:visited, #linkListSuccessClients a:hover, #linkListSuccessClients a:active {
	font-size: 9px;
	line-height: 14px;
	text-transform: uppercase;
	color: #838580;
	padding: 2px 5px 2px 5px;
}

#linkListSuccessClients a:hover {
	color: #dcdddb;
	background-color: #4e514a;
}


/******************************/
/*** Brand Design Test Page ***/
/******************************/

#infoBoxWide {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #dcdddb;
	width: 270px;
	height: 414px;
}

#infoBoxHeadline {
	position: absolute;
	top: 25px;
	left: 20px;
}

#infoBoxText {
	position: absolute;
	top: 111px;
	left: 20px;
	width: 230px;
}

#brandDesignMainContent {
	position: absolute;
	top: 0;
	left: 284px;
	height: 424px;
}

#brandDesignMainContent .topBox {
	height: 200px;
	width: 558px;
	background-color: #dcdddb;
}

#brandDesignMainContent #brandDesignTestResult {
	background-color: #4e514a;
}

#brandDesignMainContent #brandDesignTestResult h1, #brandDesignMainContent #brandDesignTestResult p {
	width: 334px;
}

#brandDesignMainContent .brandDesignTestText {
	position: absolute;
	top: 76px;
	left: 42px;
}

#brandDesignMainContent .brandDesignTestText h1 {
	margin-bottom: 20px;
	width: 200px;
}

#brandDesignMainContent .brandDesignTestText p {
	width: 230px;
}

.brandDesignTestProgress {
	position: absolute;
	top: 25px;
	right: 18px;
}

.brandDesignTestProgress p {
	letter-spacing: 3px;
	color: #a7a8a5;
}

.brandDesignTestProgress p strong {
	font-weight: bolder;
	color: #4e514a;
}

.brandDesignTestFormElements {
	position: absolute;
	top: 125px;
	left: 334px;
}

.brandDesignTestFormElements ul {
	list-style-type: none;
}

.brandDesignTestFormElements li {
	clear: left;
	display: block;
	line-height: 14px;
}

.brandDesignTestFormElements p {
	line-height: 14px;
	margin-bottom: 20px;
}

.brandDesignTestFormElements input {
	margin-right: 5px;
}

.brandDesignTestFormElements input, .brandDesignTestFormElements label {
	float: left;
}

.brandDesignTestFormElements label {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #4e514a;
	margin-bottom: 6px;
}

#brandDesignMainContent .brandDesignTestImage {
	position: absolute;
	top: 214px;
	left: 0;
	height: 200px;
	width: 558px;
	background-color: #dcdddb;
}

#backLink {
	position: absolute;
	bottom: 224px;
	right: 18px;
}

