@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	background: #fff url(/pub/images/structure/htmlbg.png) fixed no-repeat 50% 100%;
}

body {
	background: url(/pub/images/structure/bodybg.png) repeat-x 0 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	font-size: 81.25%;
	line-height: 140%;
	color: #444;
	text-align: center;
}

#wrapper {
	margin: 0 auto;
	width: 934px;
	overflow: hidden;
	text-align: left;
	background: url(/pub/images/structure/wrapperbg.jpg) no-repeat 0 0;
	min-height: 600px;
	margin-bottom: 4em;
}

/* Footer
************************************************/

#footer {
	position: fixed;
	bottom: 0;
	overflow: hidden;
	z-index: 100;
}

#footerInner {
	width: 830px;
	margin-left: 55px;
	border-top: 1px solid #ddd;
	font-size: 85%;
	padding: 4px 0 8px 0;
	background-color: #fff;
	line-height: 120%;
}

#footerInner div {
	float: left;
	width: 360px;
	font-size: 80%;
	color: #aaa;
	margin-left: 40px;
}

#footerInner ul {
	float: right;
	width: 400px;
	margin-right: 30px;
	list-style: none;
	text-align: right;
	font-size: 80%;
}

#footerInner ul li {
	display: inline;
	margin-left: 1em;
}

#footerInner ul li a {
	color: #999;
	text-decoration: none;
}

#footerInner ul li a:hover, #footerInner ul li a:focus {
	color: #222;
}


/* Head
************************************************/
#headInner {
	position:relative;
}
#jobs{
	position:absolute;
	left:54px;
	top:0;
	background: url(/pub/images/structure/transJobs.jpg) 0 0 repeat-y;
	width: 202px;
	overflow:hidden;
	height:99px;

}

#jobs h2{
	margin:0;
	text-indent: -9999px;
	display:block;
	background: url(/pub/images/structure/titleJobs.jpg) 0 0 no-repeat;
	height:31px;
}

#jobs ul li{
	list-style: none;
	list-style-type: none;
	list-style-image: none;
}
#jobs ul li {
	padding: 7px 10px;
}
#jobs ul li a{
	font-weight:bold;
	color: #393939;
	font-size: 90%;
	text-decoration:none;
	display:block;
}
#jobs ul li a:hover,
#jobs ul li a:active,
#jobs ul li a:focus{
	color: #efefef;
}
#headInner {
	margin-top: 20px;
	height: 100px;
	overflow: hidden;
}

#head h1 {
	float: left;
	width: 342px;
	height: 80px;
	margin-left: 513px;
}

#head h1 a {
	display: block;
	width: 342px;
	height: 80px;
	text-indent: -100em;
}

#languageSelector {
	float: left;
	width: 40px;
	height: 80px;
	overflow: hidden;
	margin-left: 30px;
}

#languageSelector li {
	width: 40px;
	height: 40px;
}

#languageSelector li a, #languageSelector li span {
	display: block;
	width: 40px;
	height: 40px;
	text-indent: -100em;
	background: url(/pub/images/structure/languageflags.jpg) no-repeat 0 0;
}

li#languageSelectorDe a { background-position: 0 0; }
li#languageSelectorEn a { background-position: 0 -40px; }

li#languageSelectorDe span { background-position: -40px 0; }
li#languageSelectorEn span { background-position: -40px -40px; }

li#languageSelectorDe a:hover, li#languageSelectorDe a:focus { background-position: -80px 0; }
li#languageSelectorEn a:hover, li#languageSelectorEn a:focus { background-position: -80px -40px; }

/* mainNavi
************************************************/

#mainNavi {
	margin-left: 255px;
	list-style: none;
	height: 50px;
	overflow: hidden;
	background: url(/pub/images/structure/mainnavibg.png) repeat-x 0 0;
	width: 630px;
}

#mainNavi li {
	float: left;
	height: 40px;
}

#mainNavi li a {
	display: block;
	width: 114px;
	height: 40px;
	background: url(/pub/images/structure/mainnaviDe.png) no-repeat 0 0;
	text-indent: -200em;
}

body#en #mainNavi li a {
	background-image: url(/pub/images/structure/mainnaviEn.png);
}

#mainNavi li a#mn2 { width: 30px; background-position: 0 0; }
#mainNavi li a#mn3 { background-position:  -30px 0; }
#mainNavi li a#mn4 { background-position: -144px 0; }
#mainNavi li a#mn5 { background-position: -258px 0; }
#mainNavi li a#mn6 { background-position: -372px 0; }
#mainNavi li a#mn7 { background-position: -486px 0; }

#mainNavi li a#mn2a { width: 30px; background-position: 0 -80px; }
#mainNavi li a#mn3a { background-position:  -30px -80px; }
#mainNavi li a#mn4a { background-position: -144px -80px; }
#mainNavi li a#mn5a { background-position: -258px -80px; }
#mainNavi li a#mn6a { background-position: -372px -80px; }
#mainNavi li a#mn7a { background-position: -486px -80px; }

#mainNavi li a#mn2:hover, #mainNavi li a#mn2:focus { background-position:      0 -40px; }
#mainNavi li a#mn3:hover, #mainNavi li a#mn3:focus { background-position:  -30px -40px; }
#mainNavi li a#mn4:hover, #mainNavi li a#mn4:focus { background-position: -144px -40px; }
#mainNavi li a#mn5:hover, #mainNavi li a#mn5:focus { background-position: -258px -40px; }
#mainNavi li a#mn6:hover, #mainNavi li a#mn6:focus { background-position: -372px -40px; }
#mainNavi li a#mn7:hover, #mainNavi li a#mn7:focus { background-position: -486px -40px; }

#subNavi {
	position: relative;
	float: left;
	width: 160px;
	overflow: hidden;
}

#subNavi ul {
	list-style: none;
}

#subNavi ul li {
	text-align: right;
}

#subNavi ul li a {
	display: block;
	color: #888;
	text-decoration: none;
	text-align: right;
	text-transform: uppercase;
	font-size: 90%;
}

#subNavi ul li a:hover, #subNavi ul li a:focus {
	color: #000;
}

#subNavi ul li.active a {
	color: #d05e0c;
}

/* Stage
************************************************/

#stageWrapper {
	position: relative;
	background: url(/pub/images/structure/stagebg.png) no-repeat 855px 0;
	min-height: 330px;
}

#stage {
	padding-top: 20px;
	margin: 0 79px 0 95px;
}

#stageHeader {
	min-height: 80px;
	margin-bottom: 2em;
}

#contentTitle {
	margin-left: 190px;
}

#contentTitle p {
	font-size: 115%;
	line-height: 140%;
	color: #777;
}

#content {
	position: relative;
	padding-left: 190px;
	padding-bottom: 1em;
	overflow: overflow;
}

div.contentBar {
	position: absolute;
	top: 0;
	left: 0;
	width: 162px;
	font-size: 85%;
	line-height: 130%;
	text-align: right;
}

div.contentBarElement {
	padding: 10px;
	border: 1px solid #ddd;
	margin-bottom: 1em;
}

/* Teaserboxes
************************************************/

#teaserBoxes {
	border-bottom: 5px solid #d9d9d9;
	background: url(/pub/images/structure/teaserboxbg.png) no-repeat 0 100px;
	margin-bottom: 2em;
}

div.teaserBoxElement {
	position: relative;
	float: left;
	width: 190px;
	overflow: hidden;
	padding-bottom: 1em;
	font-size: 85%;
	line-height: 120%;
}

div.teaserBoxElement div.textboxImage {
	width: 190px;
	height: 100px;
	overflow: hidden;
}

div.teaserBoxElement div.textboxImage img {
	display: block;
	width: 190px;
	height: 100px;
}

div.teaserBoxElement h3 {
	position: absolute;
	top: 110px;
	left: 0;
	font-size: 100%;
	font-weight: bold;
	margin: 0 10px;
	line-height: 120%;
	color: #222;
}

div.teaserBoxElement div.csc-textpic-text { margin: 2.5em 10px 0 10px; }
div.teaserBoxElement div.csc-textpic-text img { vertical-align: middle; }