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

/* Pseudoklassen */

html {
	font-family: 'Open Sans', sans-serif;	
}
a {
	color:#000;
	text-decoration:none;	
}

.cat3 a:hover{
	color:#093;
}

.cat4 a:hover{
	color:#093;
}

a:visited{
	color:#000;
}

input{
	color:#555
}

inpur:focus{
	color:#000;
}

#head-logo {
	float: left;	
	margin-top: 24px;
}
#head-menu {
	float: right;
	margin-left: 29px;
	margin-right: 0px;
	margin-top: 25px;
	position: relative;
	z-index: 100;
	height: 100%;
}
#header {
	height: 100px;	
	border-bottom: 1px #DDD solid;
}

#head-menu nav ul {
	list-style: none;	
}

#head-menu nav ul:after {
	clear: both;
	visibility: hidden;
}
#head-menu nav ul li {
	float: left;
	margin-left: 30px;
	cursor: pointer;
	padding-left: 5px;
	padding-right: 5px;
	width: 100px;
}

#head-menu nav ul li:hover {
	color: #333;
}


#head-menu nav ul li ul {
	visibility: hidden;	
	list-style: none;
	padding: 0px;
	margin-top: 20px;
}

#head-menu nav ul li ul li {
	float: none;	
	margin: 0px;
	padding-left: 15px;
	padding-top: 20px;
	width: 300px;
	height: 40px;
	background: #FAFAFA;
	border-bottom: 1px #999 dotted;
}

.cat1{
	width:72px !important;
}

.cat1:hover{
	background-color:#FAFAFA;
}

.cat1 a:hover{
	color:#093;
}

.cat2{
	width:62px !important;
}

.cat2 a:hover{
	color:#093;
}

.cat2:hover{
	background-color:#FAFAFA;
}

.cat3:hover {
	background-color:#FAFAFA;
}

.cat3{
	width: 98px !important;
}

.cat4:hover{
	background-color:#FAFAFA;
}

.cat4{
	width:100px !important;
}

.cat5{
	width:58px !important;
}

.cat5:hover{
	background-color:#FAFAFA;
}

.cat5 a:hover{
	color:#093;
}

#head-menu nav ul li ul li:hover {
	background-color: #F;
}


#head-menu nav ul li:hover > ul {
	visibility: visible;	
}

#head-logo figure {
	margin: 0px;	
}
#head-logo figure img {
	width: 300px;	
}

#body {
	font-family:'Open Sans', sans-serif;
	font-size:12px;
	backgroung: #EEE;
}

a{ color:#000; }
a:visited{ color: #666; }

header a{
		text-decoration: none;
}

#wrapper{
	min-width:1140px;
	width:90%;
	max-width:1140px;
	margin: auto;
}

.no-hover {
	cursor: default !important;	
}
.no-hover:hover {
	color: #666 !important;
}
	
#screenimage {
	width:100%;
	height:350px;
	background-image:url(./images/field-175959-small.jpg);
	background-size:cover;
	background-position-y: 50%;
	position: relative;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	background-position: center;
}

#screenimage div {
	position: absolute;
	left: 3%;
	bottom: 13%;
	width: 300px;
	height: 100px;
	background: #fff;
	opacity: 0.8;
	padding-top: 13px;
	padding-left: 20px;
	font-size: 31px;
	font-weight: 500;
	border-left: 30px inset #97F88A;
}

#content div h3 {
	width: 60%;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:500;
	color:#093;
}

#leistungen #right {
	float: right;
	width: 47%;
}

#leistungen #right img {
	width: 100%;	
	margin-top: 69px;
}

#leistungen #right1 img {
	width:120%;
	margin-top:64px;
	float:left;
	padding-bottom:100px;
}

.left-paragraph {
	border-bottom: 4px #F1F1F1 solid;
	height: 139px;	
}

#referenzen div #right {
	width: 49%;	
	float: right;
}
#referenzen div #right img {
	width: 115px;	
	margin-bottom: 45px;
	padding-bottom: 2px;
}

#referenzen div #left h3, #referenzen div #right h3 {
	border-bottom: 5px #F3F3F3 solid;
	padding-bottom: 10px;	
}
 

#referenzen div #left img {
	width: 100px;	
	margin-bottom: 45px;
	padding-bottom: 2px;
}
#referenzen div #left {
	float: left;
	width: 49%;
}

.kontakt {
	border-bottom: 3px #F1F1F1 solid;
	height: 50px;	
}

.funktion {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:500;
	color:#093;
}

.funktion2 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:500;
	color:#093;
	padding-top: 113px;
}

.funktion, .funktion2 {
	border-bottom: 5px #F3F3F3 solid;
	padding-bottom: 10px;	
}
 
#team div #right {
	float: right;
	width: 65%;
	padding-top: 74px;	
}

#team div #left {
	float: left;
	width: 35%;
}

#leistungen div #right {
	float: right;
	width:49%;
}

#leistungen div #left {
	float: left;
	width:43%;
}

#leistungen div #left img {
	float: left;
}
.unterschrift {
	font-family: 'Rock Salt', cursive;
	font-weight:300;
	padding-top: 157px;
	border-bottom: 3px #666 solid;
	height: 48px;	
}

.kurt {
	padding-right: 115px;
	padding-top: 53px;
}

#leistungen1 #right {
	float: right;
	width: 47%;
}
#leistungen1 #right img{
	width: 100%;	
	margin-top: 69px;
}
	
#leistungen1 div #left {
	float: left;
	width:43%;
	border-bottom: 3px #999 solid;
	height: 420px;
}

#leistungen1 div ul li {
	padding-left: 15px;
	padding-top: 15px;
}

#fieldset {
	float: left;
	width:80%;
}

#kontakt{
	float: left;
	width: 27%;
}
#maps {
	float: left;
	width: 73%;	
}

#kontakt h3 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:500;
	color:#093;
}

fieldset {
	border: none;	
}

#data {
	float:left;
	width: 31%;
	padding-top: 59px;
}

#data .head {
	text-align:center;
	margin-top: 10px;
}

#data img {
	padding-left: 118px;
}

#data p {
	line-height: 190%;
	text-align: center;
}

#folder {
	float:left;
	width: 30%;
	padding-top: 59px;
	padding-left: 39px;
}

#folder .head {
	text-align:center;
	margin-top: 10px;
}

#folder p {
	line-height: 190%;
	text-align: center;
}

#folder img {
	padding-left: 125px;
}
	
#house {
	float:right;
	width: 26%;
	padding-top: 59px;
	padding-right: 55px;
}

#house .head {
	text-align:center;
	margin-top: 10px;
}

#house img {
	padding-left: 111px;
}

#house p {
	line-height: 190%;
	text-align: center;
} 

#footer {
	word-spacing: 72px;
	border-top: 2px #DDD dotted;
	font-size: 14px;
	margin-top:55px;
	padding: 10px;
}

.clearfloat {
	overflow: auto;
	width: 100%;
	clear: both;
}

.circle {
	padding: 0 !important;
	width: 120px;
	height: 120px;
	border-radius: 60px;
	background-color: #7AACB3;
	position: relative;
	left: 50%;
	margin-left: -60px;
	background-image: url(icon_6001_Kopie_sw.png);
	background-size: 37px;
	background-repeat: no-repeat;
	background-position-x: 50%;
	background-position-y: 50%;
	background-position: center;
	font-family: 'Calligraffitti', cursive;
}

.circle2 {
	padding: 0 !important;
	width: 120px;
	height: 120px;
	border-radius: 60px;
	background-color: #78B87A;
	position: relative;
	left: 50%;
	margin-left: -60px;
	background-image: url(icon_650_Kopie_sw.png);
	background-size: 37px;
	background-repeat: no-repeat;
	background-position-x: 50%;
	background-position-y: 50%;
	background-position: center;
}

.circle3 {
	padding: 0 !important;
	width: 120px;
	height: 120px;
	border-radius: 60px;
	background-color: #C8D887;
	position: relative;
	left: 50%;
	margin-left: -60px;
	background-image: url(icon_19938_Kopie_sw.png);
	background-size: 45px;
	background-repeat: no-repeat;
	background-position-x: 50%;
	background-position-y: 50%;
	background-position: center;
}

.audits h4 {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #27972C;
	font-size: 17px;
	border-bottom: 2px #CDCEC8 solid;	
}

.audits #ama {
	float: right;
	margin-top: -15px;
	padding-left: 151px;
	padding-right: 83px;
}

.audits #touri {
	float: right;
	padding-left: 200px;
	line-height: 1.8;
}

.audits #eu {
	float: right;
	padding-left: 200px;
	line-height: 1.8;
}

.images #logo1 img {
	float:left;
	width: 107px;
	margin-top: -859px;
}

.images #logo2 img {
	float:left;
	width: 121px;
	margin-top: -591px;

}

.images #logo3 img {
	float:left;
	width: 122px;
	margin-top: -311px;
}

.explanation {
	background-color: #E8E9E6;
	padding: 13px;
	margin-bottom: 20px;
}

.explanation div {
	width: 60%;
}

.controll #checklist img{
	float: left;
	height: 1085px;;
	margin-top: 28px;
}

.teaser {
	float: right;
	width: 60%;
	line-height: 180%;
	margin-right: 118px;
}

.teaser h3 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:500;
	color:#093;
	font-size: 20px;
	margin: 0px;
}

.teaser h3 p {
	text-align:center;
	line-height: 190%;
}

.ui-tabs {
	font-size: 15px;	
}

.ui-widget-header {
	background-color: #093;
	border: none;	
}

.ui-widget-content {
	border: none;
	background: #FCFDFA;
	color: #333333;
}

.ui-state-active {
	background: #FCFDFA !important;
	border: none !important;
}

.ui-state-default, .ui-state-default a, .ui-state-default a:visited {
	color: #fff;
}

.teaser-header {
	margin-bottom: 15px;	
}

.teaser-header-bottom {
	margin-top: 20px;
	margin-bottom: 20px;	
}