﻿@charset "UTF-8";
/* CSS Document */


@font-face {
    font-family: 'CartoGothicStdBook';
    src: url('../cartogothic/cartogothicstd-book-webfont.eot');
    src: url('../cartogothic/cartogothicstd-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../cartogothic/cartogothicstd-book-webfont.woff') format('woff'),
         url('../cartogothic/cartogothicstd-book-webfont.ttf') format('truetype'),
         url('../cartogothic/cartogothicstd-book-webfont.svg#CartoGothicStdBook') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'CartoGothicStdBold';
    src: url('../cartogothic/cartogothicstd-bold-webfont.eot');
    src: url('../cartogothic/cartogothicstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../cartogothic/cartogothicstd-bold-webfont.woff') format('woff'),
         url('../cartogothic/cartogothicstd-bold-webfont.ttf') format('truetype'),
         url('../cartogothic/cartogothicstd-bold-webfont.svg#CartoGothicStdBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'CartoGothicStdItalic';
    src: url('../cartogothic/cartogothicstd-italic-webfont.eot');
    src: url('../cartogothic/cartogothicstd-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../cartogothic/cartogothicstd-italic-webfont.woff') format('woff'),
         url('../cartogothic/cartogothicstd-italic-webfont.ttf') format('truetype'),
         url('../cartogothic/cartogothicstd-italic-webfont.svg#CartoGothicStdItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
* {
	margin:0;
	padding:0;
	border:0;
	outline:none;
}
html {
	font-size:100.01%;
	overflow-y:scroll;
}
body {
	font-family:'CartoGothicStdBook', Arial, sans-serif;
	text-decoration:none;
	color:#222222;
	margin:0;
	padding:0;
	outline:none;
	font-size:1em;
	line-height:1.25em;
	background-color:#ffffff;
	-webkit-font-smoothing: subpixel-antialiased;
	text-shadow: 0 1px #ffffff, 0 -1px #ffffff;
}
img, div, h1, h2, h3, p, ul, li, a {
	border:0;
	outline:none;
	text-decoration:none;
	margin:0;
	padding:0;
}
h1 {
	border:none;
	text-decoration:none;
	margin:0;
	padding:0;
	text-indent:-10000em;
}
h2 {
	font-family:'CartoGothicStdBold', Arial, sans-serif;
	border:none;
	text-decoration:none;
	font-size:16px;
	line-height:1.25em;
	font-weight:normal;
	margin:0;
	padding:1.5em 0 0.5em 0;
	color:#0a4396;
}
h3 {
	font-family:'CartoGothicStdBold', Arial, sans-serif;
	font-size:1em;
	font-weight:normal;
	margin:0;
	padding:1em 0 0.5em 0;
	color:#0a4396;
}
p, ul {
	border:none;
	text-decoration:none;
	font-size:15px;
	font-weight:normal;
	padding:0 0 0.75em 0;
	margin:0;
}
li {
	padding:0 0 0.5em 0;
	list-style:none;
}
a {
	color:#0a4396;
	text-decoration:none;
}
a:hover {
	color:#7897c5;
	text-decoration:none;
}
strong, b {
	font-family:'CartoGothicStdBold', Arial, sans-serif;
	font-weight:normal;
}
em, i {
	font-family:'CartoGothicStdItalic', Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
}
input {
	font-family:'CartoGothicStdBook', Arial, sans-serif;
	background-color:#e6eefa;
	border-radius:3px;
	-webkit-border-radius:3px;
    -moz-border-radius:3px;
	margin:-0.25em 0 0.5em 0;
	padding:0.25em 0.5em;
	font-size:1em;
}
textarea {
	font-family:'CartoGothicStdBook', Arial, sans-serif;
	background-color:#e6eefa;
	border-radius:3px;
	-webkit-border-radius:3px;
    -moz-border-radius:3px;
	margin:0 0 0.5em 0;
	padding:0.25em 0.5em;
	font-size:1em;
}
select {
	font-family:'CartoGothicStdBook', Arial, sans-serif;
	background-color:#e6eefa;
	border-radius:3px;
	-webkit-border-radius:3px;
    -moz-border-radius:3px;
	margin:-0.25em 0 0.5em 0;
	padding:0.25em 0.5em;
	font-size:1em;
}

/* Struktur */

#wrapper {
	width:58em;
	height:100%;
	margin:0 auto;
}
#wrapper-inside {
	padding:4em 4em 4em 2em;
}
#content {
	padding:0;
	/*background-color:#cccccc;*/
}
#left {
	float:left;
	width:16em;
	background-color:transparent;
}
#right {
	float:left;
	margin:5.25em 0 0 0;
	padding:0;
	width:36em;
	background-color:transparent;
	height:30em;
}
#logo {
	width:450px;
	height:55px;
	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
}
#logo h1 a {
	width:200px;
	height:55px;
	display:block;
}
#left ul {
	padding:1.75em 0 0 55px;
	list-style:none;
}
#left li {
	list-style:none;
}
#left li a {
	color:#222222;
	text-decoration:none;
}
#left li a:hover {
	color:#0a4396;
	text-decoration:none;
}
#right li {
	list-style-position:outside;
	list-style-image:url(../img/bullet.gif);
}
#right li ul {
	padding:0 0 0 1.5em;
}
#right li ul li {
	padding:0;
	list-style-image:url(../img/bullet-light.gif);
}
/* Klassen */

.text {
	padding:0 0 0 0em;
}
.text img {
	max-height:12em;
	box-shadow: 0 1px #ffffff, 0 -1px #ffffff;
	border-radius:3px;
	-webkit-border-radius:3px;
    -moz-border-radius:3px;
}
.small {
	font-size:0.75em;
	line-height:1.25em;
}
.right {
	text-align:right;
}
.background {
	position:absolute;
	z-index:1;
}

/* Index, Competencies */

.text-middleblue {
	position:absolute;
	z-index:4;
	margin:4px 0 0 163px;
	width:250px;
}
.text-darkblue {
	position:absolute;
	z-index:3;
	margin:199px 0 0 48px;
	width:190px;
}
.text-lightblue {
	position:absolute;
	z-index:2;
	margin:199px 0 0 338px;
	width:190px;
}
.text-on-darkblue {
	color:#ffffff;
	text-shadow: 0 1px transparent, 0 -1px #0a4396;
}
.text-on-middleblue {
	color:#ffffff;
	text-shadow: 0 1px transparent, 0 -1px #5b7ebb;
}
.text-on-lightblue {
	color:#0a4396;
	text-shadow: 0 1px #e0ebff, 0 -1px #b4bccc;
}

/* Industries */

.centertext {
	position:absolute;
	margin:5em 0 0 0;
	width:40em;
}
.centertext h2 {
	color:#0a4396;
	font-size:2em;
	line-height:1.5em;
	text-align:center;
}

/* Markets */

.mgtext1 {
	position:absolute;
	z-index:4;
	margin:10em 0 0 14em;
}
.mgtext2 {
	position:absolute;
	z-index:3;
	margin:23.25em 0 0 10.5em;
}
.mgtext3 {
	position:absolute;
	z-index:2;
	margin:20em 0 0 25.5em;
}

/* Partner */

.partnerlogos {
	text-align:center;
}
.partnerlogos img {
	margin:0.5em 1.5em 0.5em 1.5em;
	max-width:10em;
	max-height:4em;
}

/* Team */

.portrait p {
	height:10em;
}
.portrait img {
	float:right;
	height:9em;
	box-shadow: 0 1px #ffffff, 0 -1px #ffffff;
	border-radius:3px;
	-webkit-border-radius:3px;
    -moz-border-radius:3px;
}

/* Contact */

.contact-left {
	float:left;
	width:7em;
	margin: 0 0 0.5em 0;
}
.contact-right {
	float:left;
	width:20em;
	margin: 0 0 0.5em 0;
}
.clear {
	clear:left;
	line-height:0;
}
.button {
	font-family:'CartoGothicStdBold', Arial, sans-serif;
	background-color:#0a4396;
	color:#ffffff;
	padding:0.25em 1em;
}
.button:hover {
	background-color:#7897c5;
}