﻿@charset "UTF-8";
/* CSS Document */


* {
	padding:0;
	margin:0;
}

img {
	border:none;
	}
	
.clearfix {
	clear:both;
	}

.floatLeft {
	float:left;
	}

.floatLeftMargin {
	margin-right:30px;
	}

html {
	width:100%;
	}

body {
	font-family: 'Open Sans', sans-serif;
	font-size:.85em;
	font-weight:300;
	color:#666;
	overflow-y: scroll;
	}

#wrapper {
	position:relative;
	width:990px;
	margin:0 auto;
	}

header {
	position:relative;
	width:990px;
	height:auto;
	margin:0 auto;
	}

#headerTextWrapper {
	position:absolute;
	background-color:#fff;
	bottom:0;
	margin-left:30px;
	margin-bottom:30px;
	box-sizing:border-box;
	padding:15px;
	}

#headerTextHeadline {
	color:#3e83c5;
	font-weight:600;
	font-size:1.1em;
	margin-bottom:5px;
	text-transform:uppercase;
	}

#headerText {
	color:#666;
	}

#headerIMG {
	width:100%;
	height:300px;
	}

#logo {
	position:relative;
	width:225px;
	height:203px;
	margin-bottom:-200px;
	margin-left:30px;
	z-index:1000;
	}
	
nav {
	width:100%;
	height:80px;
	background-color:#fff;
	}
	
nav ul {
	float:right;
	list-style-type:none;
	margin-right:30px;
	}
	
nav ul li {
	display:inline;
	line-height:80px;
	margin-left:30px;
	}

nav ul li:first-child {
	margin-left:0;
	}

nav ul li a {
	font-weight:300;
	text-transform:uppercase;
	font-size:1.1em;
	}

nav ul li a:link, nav ul li a:visited {
	color:#666;
	text-decoration:none;
	}

nav ul li a:focus, nav ul li a:hover, nav ul li a:active {
	color:#3e83c5;
	border-bottom:2px solid #3e83c5;
	}
	
#contentLeft {
	position:relative;
	width:48%;
	float:left;
	}

#contentRight {
	position:relative;
	width:48%;
	float:right;
	}

#contentRight p {
	text-align:justify;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
	}
	
footer {
	text-align:center;
	margin:60px 0 15px 0;
	border-top:1px solid #ccc;
	box-sizing:border-box;
	padding-top:10px;
	}

footer ul {
	list-style-type:none;
	margin-top:10px;
	}
	
footer ul li {
	display:inline;
	}

footer ul li a {
	font-weight:300;
	color:#666;
	}

footer ul li a:link, footer ul li a:visited {
	color:#666;
	text-decoration:none;
	}

footer ul li a:focus, footer ul li a:hover, footer ul li a:active {
	color:#3e83c5;
	border-bottom:2px solid #3e83c5;
	}
	
.divider {
	position:relative;
	height:1px;
	background-color:#ccc;
	margin:30px 0;
}

.contentTopSpace {
	  padding-top: 37px;
	  }
	  
.subNav {
	list-style-type:none;
	text-align:center;
	}

.subNav li {
	display:inline;
	margin-left:40px;
	}
	
.subNav li:first-child {
	margin-left:0;
	}

.subNav li a {
	font-weight:300;
	text-transform:uppercase;
	}

.subNav li a:link, .subNav li a:visited {
	color:#666;
	text-decoration:none;
	}

.subNav li a:focus, .subNav li a:hover, .subNav li a:active {
	color:#3e83c5;
	border-bottom:2px solid #3e83c5;
	}
	

.contentUl {
	list-style-type:disc;
	padding-left:15px;
	}
	
.contentUl li {
	margin-bottom:8px;
	}
	
#portrait #portraitNav,
#aircraft-services #aircraft-servicesNav,
#gebaeudedienste #gebaeudediensteNav,
#standorte #standorteNav,
#referenzen #referenzenNav,
#kontakt #kontaktNav,
#datenschutz #datenschutzNav,
#impressum #impressumNav,
.services1 #subnav1,
.services2 #subnav2,
.services3 #subnav3,
.services4 #subnav4  {
	color:#3e83c5;
	border-bottom:2px solid #3e83c5;
	}
	

a:link, a:visited, a:focus, a:hover, a:active {
	text-decoration:none;
	color:#3e83c5;
	}

h1 {
	color:#3e83c5;
	font-size:1.1em;
	font-weight:600;
	text-transform:uppercase;
	margin-bottom:15px;
	}

h2, h3 {
	color:#666;
	font-size:1.1em;
	font-weight:600;
	text-transform:uppercase;
	margin-bottom:15px;
	}


p {
	margin-bottom:20px;
	}
	
span {
	color:#3e83c5;
	}

span.bold {
	color:#666;
	font-weight:600;
	}

#contentLeft .visityouImg {
	width:166px;
	height:40px;
	}
	

@media screen and (max-width: 1030px) {
#wrapper {
	width:95%;
	}

header {
	width:100%;
	}

header img{
	width:100%;
	height:auto;
	}

#headerIMG {
	height:auto;
	}

#contentLeft img {
	width:100%;
	height:auto;
	}
}

@media screen and (max-width: 960px) {
#logo {
	position:relative;
	width:225px;
	height:203px;
	margin:0 auto;
	}

nav {
	height:40px;
	}
	
nav ul {
	float:none;
	text-align:center;
	margin:0;
	}

nav ul li {
	line-height:normal;
	}
nav ul li a {
	font-size:100%;
	}

#headerTextWrapper {
    margin: 0;
    position: relative;
    width: 100%;
	padding:15px 0 0 0;
}

.floatLeftMargin {
	margin-right:0;
	margin-bottom:20px;
	}

.floatLeft {
	float:none;
	}

}

@media screen and (max-width: 880px) {
.subNav li {
	margin-left:20px;
	font-size:90%;
	}
}

@media screen and (max-width: 740px) {
.subNav li {
	display:block;
	margin:0 0 15px 0;
	font-size:100%;
	}
}

@media screen and (max-width: 640px) {
nav ul li {
	margin-left:15px;
	}
}

@media screen and (max-width: 580px) {
#wrapper {
	width:90%;
	}

nav {
	height:auto;
	margin-bottom:15px;
	}
	
nav ul li {
	display:block;
	line-height:30px;
	margin:0;
	border-bottom:1px solid #ddd;
	}

nav ul li:first-child {
	border-top:1px solid #ddd;
	}
	
#contentLeft {
	width:100%;
	float:none;
	margin-bottom:20px;
	}

#contentRight {
	width:100%;
	float:none;
	}

.contentTopSpace {
	  padding:0;
	  }
}
