body {
	background-color: #fff;
	color: #000;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.75em;
}

/* Layout wrapper */

div#wrapper {
	width: 960px;
}

div.clear {
    clear: both;
    height: 0;
    line-height: 0;
}


/* Header */

div#header {
	position: relative;
	width: 860px;
}


/* Logo */

div#logo {
	position: absolute;
	left: 50px;
	top: 43px;
}


/* Meta navigation */

ul#metanav {
	font-size: 10px;
	position: absolute;
	right: 0;
	top: 40px;
}

ul#metanav li {
	float: left;
	position: relative;
}

ul#metanav li.spacer {
	padding: 0 4px;
}

ul#metanav ul {
	position: absolute;
	right: 0;
	top: 20px;
	width: 600px;
	display: none;
}

ul#metanav li.active ul {
	display: block;
}

ul#metanav ul li {
	float: right;
	margin-left: 7px;
}

ul#metanav a.active {
	color: #d20019;
}


/* Main navigation */

ul#mainnav {
	left: 47px;
	position: absolute;
	top: 126px;
	width: 118px;
}

ul#mainnav>li {
	background-color: #AAD8FC;
	font-size: 11px;
	line-height: 17px;
	margin-bottom: 4px;
	position: relative;
}

ul#mainnav li.hidden ul {
    display: none;
}

ul#mainnav a {
	display: block;
	padding-left: 4px;
}

ul#mainnav a.active {
	background-color: #d20019;
	color: #fff;
}

ul#mainnav>li>a {
	background-color: #1357A4;
	color: #fff;
}

ul#mainnav ul li {
	font-size: 10px;
	line-height: 12px;
}

ul#mainnav ul a {
	padding: 4px;
}

ul#mainnav ul a.active {
	margin: 4px 0 3px 0;
}

ul#mainnav ul li a {
    background-image: url(../img/li-menu.gif);
    background-repeat: no-repeat;
    background-position: 3px 8px;
    padding-left: 10px;
}

ul#mainnav ul li a:hover {
    background-image: url(../img/li-menu-mo.gif);
}

ul#mainnav ul li a.active,
ul#mainnav ul li a.active:hover {
    background-image: url(../img/li-menu-on.gif);
}

/* Navigation overlays */

img.mainnav-overlay {
	display: none;
	left: 107px;
	position: absolute;
	z-index: 20;
	top: 7px;
}

img.metanav-overlay {
	display: none;
	left: 221px;
	position: absolute;
	top: 110px;
	z-index: 20;
}


/* Content */

div#content {
	left: 180px;
	position: absolute;
	top: 126px;
	width: 680px;
}


/* Home */

div#home-stage-container {
	width: 680px;
	height: 340px;
}

div.home-box {
	background-color: #AAD8FC;
	float: left;
	height: 160px;
	margin-right: 14px;
	margin-bottom: 14px;
	padding: 15px;
	position: relative;
	width: 303px;
}

div.home-box h2 {
	font-size: 12px;
	margin: 0 0 18px 0;
}

div.home-box a {
	bottom: 15px;
	font-size: 20px;
	font-weight: bold;
	right: 15px;
	position: absolute;
}


/* Detail */

div#detail {
    background-color: #AAD8FC;
	min-height: 446px;
    padding: 15px;
	width: 650px;
}

div#detail-body {
    float: left;
	height: 446px;
	overflow: auto; /* Scrollen aktiviert */
	padding-right: 15px;
    width: 433px;
}

div#detail-body ul.detail-list {
    float: left;
    margin: 6px 30px 0 0;
}

div#detail-body ul.detail-list.right {
    margin-right: 0;
}

div#detail-images {
    float: right;
}

div#detail-images img {
    padding-bottom: 15px;
}

/*
img.detail-image {
    display: block;
    height: 119px;
    margin-bottom: 15px;
    width: 187px;
}

img.detail-image.last {
    margin-bottom: 0;
}
*/

div#content #knowledge {
    padding-top: 11px;
    padding-left: 8px;
}


/**
 * Introboxen
 */
.introbox {
	width:297px;
	height:149px;
	padding: 15px;
}

.introbox p {
	font-size:11px;
	line-height: 17px;
	margin-bottom: 1.2em;
}

.introbox-1 {
	background:#1357A4;
}

.introbox * {
	color: white;
}

.introbox-2 {
	background:#00285f;
}

div.introbox h2 {
	font-size: 16px;
	margin: 0 0 18px 0;
}

div.introbox a {
	bottom: 15px;
	font-size: 20px;
	font-weight: bold;
	right: 15px;
	position: absolute;
}

div.introbox ul {
	font-size: 11px;
	line-height: 1.5em;
}

div.introbox ul.intro-list-left {
	float: left;
}


/**
 * Schrift bei Mareike Oesterreich kleiner
 */
#page-uid-80 .tx-helveting-pi8 .employee-info,
#page-uid-66 .tx-helveting-pi8 .employee-info {
	font-size: 14px;
}

/**
 * Zentrale Jobs&Karriere-Seite
 */
#page-uid-83 ul#mainnav {
	display:none;
}

#page-uid-83 li.pages {
	display:none;
}

body.intro #metanav {
	right:47px;
}

/* Zertifizierungen */
div#certification-icons {
	text-align:right;
	padding-top:10px;
	width:682px;
}

div#certification-icons img {
	padding-left:7px;
}