@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,600,600italic&subset=latin,latin-ext);

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/***** Global *****/
/* Body */
	body {
		background: #939393 url(../images/bg/bg-body.jpg) top center repeat-x;
		color: #424242;
		font-size: 15px; 
		font-family: 'Source Sans Pro', Arial, sans-serif;
		font-weight: 400;
		line-height: 1.50;
		margin: 0;
		padding: 0;
		text-align: left;
	}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	margin-bottom: 20px;
	color: #0061ae;
}
h1 {font-size: 24px; line-height: 24px;}	
h1 span {font-size: 16px; color: #414141;font-weight: 400;}	
h2 {font-size: 18px; }	
h3 {font-size: 16px; }	
h4 {font-size: 15px; }	
h5 {font-size: 14px; }
h6 {font-size: 13px; }

	
/* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a, a:visited {
	color: #0061ae;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}
a:hover, a:active {
	color: #939393;
	text-decoration: none;
}
	
/* Paragraphs */
p {margin-bottom: 20px;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

::-moz-selection {background: #0061ae; color: #fff;}
::selection {background: #0061ae; color: #fff;}

/* Lists */
ul {
	list-style: outside disc;
	margin: 0 0 20px 0;
}

ol {
	list-style: outside decimal;
	margin: 0 0 20px 0;
}

dl {margin: 0 0 20px 0;}
dt {font-weight: bold;}
dd {}

/* Quotes */
blockquote {font-style: italic;}
cite {}

q {}

/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}
	
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}
	
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

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

#container {
 width:960px;
 margin: 0 auto;
 position:relative;
 z-index:1;
}
header {
	height: 590px;
}

h1#branding {
	padding: 36px 0 30px 0;
	margin-bottom: 0px;
	}

ul#nav {
 display:block;
 background:url(../images/bg/bg-nav.png) 0 0 no-repeat;
 width: 964px;
 height: 58px;
	margin: 0 0 0 -3px;
 	padding: 0 0 0 3px;
}

ul#nav li {
 display:block;
 float: left;
 background: url(../images/bg/bg-nav-li.png) center right no-repeat;
 position:relative;
}
ul#nav > li.lastLi {
 background: none;
 float:right;
 padding: 0 1px 0 0;
}
ul#nav > li > a {
 display:block;
 float: left;
 color:#fff;
 font-size: 19px;
 font-weight:400;
 text-decoration:none; 
 padding: 16px 37px 0 37px;
 height: 42px;
 border-radius: 3px 3px 0 0;
 transition: all 0.3s ease-in-out;
 }
ul#nav > li > a:hover,
ul#nav > li.active > a,
ul#nav > li:hover > a {
	 color: #0061ae;
	 background: #e0e0e0
}

ul#nav li ul {
	display:block;
	background:#e0e0e0;
	width: 220px;
	height: auto;
	margin: 0 0 0 0;
 	padding: 20px;
 	border-radius: 0 3px 3px 3px;
	box-shadow: 1px 3px 2px rgba(50, 50, 50, 0.5);
}
ul#nav li ul li {
	display:block;
	width: 230px;
	float: left;
	background: none;
}
ul#nav li ul li a {
	display:block;
 	padding: 3px 10px 3px 17px;
	color:#0061ae;
	font-size: 16px;
	font-weight:400;
	text-decoration:none;
 	transition: all 0.3s ease-in-out;
}
ul#nav li ul li a:hover, 
ul#nav li ul li.active > a, 
ul#nav li ul li:hover > a{
	display:block;
 	padding: 3px 7px 3px 20px;
	color:#424242;
	font-size: 16px;
	font-weight:400;
	text-decoration:none;
}

ul#nav li ul ul {
	display:block;
	background:#fff;
	width: 240px;
	height: auto;
	margin: 0 0 0 0;
 	padding: 10px 5px;
 	border-radius: 3px;
}


#slideshow {
	width: 967px;
	height: 406px;
	overflow:hidden;
	margin: 0 0 0 -3px;
	background:url(../images/bg/bg-slideshow.png) top center no-repeat;
	}
#slideshow img {
	width: 960px;
	height: 397px;
	margin: 0 0 0 3px !important;
	}

#top-search {
	background:url(../images/bg/bg-search.png) 0 0 no-repeat;
	width: 201px;
	height: 52px;
	padding: 0 0 0 15px;
	position: absolute;
	top: 30px;
	left: 747px;
	}

#top-search input {
	background:none;
	width: 155px;
	padding: 15px 0 5px 0;
	border:none;
	float: left;
	color: #adadad;
	}
#top-search input#search-submit,
#top-search input[type=submit] {
	width: 42px;
	height: 32px;
	padding: 0 0 0 0;
	margin: 6px 0 0 0;
	background:url(../images/icon-search.png) center center no-repeat;
	text-indent: -9999px;
	font-size: 0.001em;
	cursor:pointer;
 	transition: all 0.3s ease-in-out;
	border-left: 1px solid #ccc;
	}
#top-search input#search-submit:hover,
#top-search input[type=submit]:hover  {
	opacity: 0.6;
	}
	
.search-results {}
.search-results div div {padding: 20px;background: #fff; margin-bottom: 20px;}


/* referenz page */
.referenzpartner {
	float: left;
    padding: 11px;
    width: 170px;
}

.referenzpartner p {
	font-weight: 600;
	text-align: center;
	font-size:16px;
	color:#0061AE
}


#lang {
	position:absolute;
	top: 28px;
	left: 715px;
	width: 24px;
	}

#lang img{
	float:left;
	margin-bottom: 0px;
	}

.col {width: 48%; float:left;}
.col-wide {width: 100%; float:left;}


a.pdf { padding: 0 0 5px 20px; background:url(../images/icon-pdf.png) 0 0 no-repeat;}

section h1 {padding-bottom: 20px; margin-bottom: 30px; background:url(../images/bg/bg-separator.png) left bottom repeat-x;}	
section ul {list-style:none;}
section ul li { padding: 0 0 8px 18px; background:url(../images/icon-arrow.png) 0 4px no-repeat;}

.col-thumb {float: left; margin: 8px 20px 20px 0; width: 280px;}
.col-thumb img {
	width: 280px;
 	border-radius: 1px;
	box-shadow: 1px 3px 2px rgba(50, 50, 50, 0.5);
}
.col-thumb img.profilephoto {
	width:auto;
 	border-radius: 1px;
	box-shadow: 1px 3px 2px rgba(50, 50, 50, 0.5);
}

img.thumb-ref {
	float: left; 
	margin: 0 20px 20px 0;
 	border-radius: 1px;
	box-shadow: 1px 3px 2px rgba(50, 50, 50, 0.5);
	background:white;
	padding:3px;
}

img.thumb3 {
	float: left; 
	margin: 0 3px 10px 0;
	width: 150px;
 	border-radius: 1px;
	box-shadow: 1px 3px 2px rgba(50, 50, 50, 0.5);
}
img.thumb-big {
	float: left; 
	margin: 0 3px 10px 0;
	width: 456px;
	height: 200px;
 	border-radius: 1px;
	box-shadow: 1px 3px 2px rgba(50, 50, 50, 0.5);
}

.col-text {float: right; margin: 0 0 20px 0; width: 640px;}
#geschaeftsleitung .col-thumb {
	width:160px;
}
#geschaeftsleitung .col-text {
	float: left;
	margin: 0 0 20px 0;
	width: 120px;
}
.col-text {float: right; margin: 0 0 20px 0; width: 640px;}
#management .col-thumb {
	width:160px;
}
#management .col-text {
	float: left;
	margin: 0 0 20px 0;
	width: 120px;
}
.team-container {
	width:320px;
	float:left;
}
.accordion > h2 {border-bottom: 1px solid #858585; cursor: pointer;}

#teaser {margin: 20px 0 40px 0;width: 100%; float:left;}
#teaser a {
	text-align:center; 
	background:url(../images/bg/bg-teaser.png) 0 0 no-repeat; 
	width: 289px; 
	height: 335px;
	padding: 12px 10px 8px 10px; 
	display:block;
	margin-right: 16px;
	margin-bottom: 20px;
	float:left;
	color: #495987;
	font-size: 20px;
	text-decoration:none;
}
#teaser a#teaser3 {
	margin-right: 0px;
	float:right;
}

#teaser a:hover {
	color: #858585;
}

#teaser a img {
	margin-bottom: 8px;
}
#teaser a img.teaser-img {
	margin-bottom: 20px;
}

.separator {padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px solid #858585;}

.oeff {padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #858585;}
.oeff p {margin-bottom:10px;}

footer {
 display: block;
 width: 100%;
 height: 64px;
 float: left;
 clear: both;
 background: #bebebe;
}

#kontakt-form {
	position: fixed;
	top: 174px;
	left:0;
	width:360px;
	z-index:5;
	}

#kontakt-form span.kontakt-form-button {
	position: absolute;
	top: 0;
	left:0;
	background:url(../images/bg/bg-quick-contact.png) right top no-repeat;
	height: 41px;
	display:block;
	overflow: hidden;
	cursor: pointer;
	text-align:right;
	font-size: 16px;
	color: #fff;
	padding: 12px 30px 0 30px;
	transition: all 0.2s ease-in-out;
	}
#kontakt-form span.kontakt-form-button:hover,
#kontakt-form span.opened {
	background:url(../images/bg/bg-quick-contact.png) right -53px no-repeat;
	}

#kontakt-form-inner {
	background: #fff;
	width: 360px;
	display: block;
	padding: 60px 40px 20px 30px;
	border-radius: 0 5px 5px 0;
	box-shadow: 1px 3px 2px rgba(50, 50, 50, 0.5);
	}

#kontakt-form-inner h3,
#kontakt-form-inner p {
	margin-bottom: 10px;
	}
#kontakt-form-inner a {
	text-decoration:none;
	}
	
.hidden {display: none !important;}
.clear {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	height: 0;
	clear: both;
}

.right {float: right;}
.text-right {text-align:right;}
#address {display: none;}

/* - Mobile Styles -*/
#mobile-link{
	border: 1px solid #ccc;
	background:#fff url(../images/mobile/bg-btn-desktop.png) repeat-x 0 bottom;
	display:none;
	clear:both;
	position:relative;
	z-index:99999;
}

.btn-mobile {
	display: block!important;
	margin: 0 auto;
	color: #666 !important;
	background:url(../images/mobile/icon-mobile.png) no-repeat 5% 24px;
	text-indent:20%;
	text-decoration: none!important;
	font-size:30px;
	padding: 60px 20px;
	text-transform: uppercase;
	border-bottom: 6px solid #ccc;
}