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

@font-face { 
	font-family: 'Azoft Bold'; 
	src: url('../../fonts/azoft_sans_bold.eot'); 
	src: url('../../fonts/azoft_sans_bold.eot?#iefix') format('embedded-opentype'), 
	url('../../fonts/azoft_sans_bold.woff') format('woff'), 
	url('../../fonts/azoft_sans_bold.ttf') format('truetype'), 
	url('../../fonts/azoft_sans_bold.svg#webfont') format('svg');
}

@font-face {
	font-family: "Aftasansthin";	
	src: url('../../fonts/aftasansthin-regular.eot'); 
	src: url('../../fonts/aftasansthin-regular.eot?#iefix') format('embedded-opentype'), 
	url('../../fonts/aftasansthin-regular.woff') format('woff'), 
	url('../../fonts/aftasansthin-regular.ttf') format('truetype'), 
	url('../../fonts/aftasansthin-regular.svg#webfont') format('svg');
}

body {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #444444;
	font-size: 14px;
	min-width: 1250px;
}

#header {
	width: 100%;
	height: 81px;
	margin: 2px 0 0 0;
	background-color: #cccccc;
}

#headercontent {
	width: 100%;
	height: 80px;
	margin: 0px;	
	background-image: url('../../images/logo.png');
	background-repeat: no-repeat;
	background-position: left;
}

#colorline {
	width: 100%;
	height: 1px;
	margin: 0px;
	background-color: #444444;	
}

#headbar {
	margin: 10px auto;
	width: 1160px;	
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #cccccc;
	font-weight: bold;
}

#content {
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 1120px;
	height: 470px;
}


#footer {
	margin: 40px 0px 0px 0px;
	background-color: #cccccc;
	width: 100%;
	height: 30px;
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
}

#menu {
	margin: 0px;
	padding: 56px 0px 0px 350px;
	height: 24px;
}

.menuitem {
	height: 20px;
	border-right: 2px solid white;
	font-size: 16px;
	color: #444444;	
	padding: 0px 10px 4px 20px;
	width: 90px;
	float: left;
	text-align: right;
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
}

.menuitem:hover {
	cursor: pointer;
	border-right: 2px solid #444444;
	font-style: normal;
}

.listitem {
	float: left;
	background-image: url('../../images/dot.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding: 6px 40px 0 15px;
}

.bigred {
	float: left;
	margin: 4px 60px 0 20px;
	font-family: "Azoft Bold", Verdana, Geneva, sans-serif;
	font-variant: small-caps;
	font-size: 18px;
	letter-spacing: 1px;
	color: #444444;
}

.left {
	display: block;
	float: left;	
}


.text {
	float: left;
}

h1 {
	font-family: "Azoft Bold", Verdana, Geneva, sans-serif;
	font-variant: small-caps;
	font-size: 30px;
	letter-spacing: 2px;
	color: #FFC12E;
}

h2 {
	font-family: "Azoft Bold", Verdana, Geneva, sans-serif;
	font-variant: small-caps;
	font-size: 18px;
	letter-spacing: 2px;
	color: #FFC12E;
}

.projekte .info h2 {
	font-family: Arial, Verdana, Geneva, sans-serif;
	color: black;
}

a {
	color: #444444;
	font-weight: normal;
	text-decoration: underline;
	border: 0px;
}

a:hover {
	font-style: italic;
}

p, ul, table {
	color: #444444;
	line-height: 22px;
}

.leftspace {
	margin-left: 10px;	
}

.topspace {
	margin-top: 10px;
}

.rightspace {
	margin-right: 10px;
}

.bigbox .text {
	margin: 0 0 0 30px;	
}

.smallbox .text {
	margin: 0 0 0 15px;	
}

.smallbox .text p {
	padding: 0 0 0 20px;
}

#headbar img {
	margin: 0 10px -4px 10px;	
}

.button {
	height: 25px;
	width: 25px;
	text-align: center;
	font-weight: bold;
	line-height: 25px;
	display: block;
	font-style: normal;
	text-decoration: none;
	color: #ffffff;
	background-color: #444444;
}

.button:hover {
	font-style: normal;
	text-decoration: none;
	cursor: pointer;
}

.close {
	float: right;
	background-image: url("../../images/close.png");
	background-repeat: no-repeat;	
}


.next {
	float: right;
	width: 150px;
	background-image: url('../../images/nextarrow.png');
	background-repeat: no-repeat;
	background-position: right;
	margin: 0 0 0 10px;
}

.prev {
	float: right;
	width: 150px;
	background-image: url('../../images/prevarrow.png');
	background-repeat: no-repeat;
}

.popup {
	position: absolute;
	margin: 1% 0% 0% 1%;
	height: 97%;
	width: 98%;
	/*visibility: hidden;*/
	background-color: black;
	border: 2px solid #9acd32;
}

#slideshow {
	top: 0px;
	left: 0px;
	visibility: hidden;
}

#slideshow #imagecontainer {
	width: 100%;
	height: 80%;	
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
}

#slideshow .slideshowbox {
	width: 100%;
	height: 100px;
	overflow: hidden;
}

.thumbs img {
	width: 100px;
	height: 100px;
	margin: 0 0 0 10px;
}

.thumbs img.active {
	width: 96px;
	height: 96px;
	border: 2px solid #9acd32;
}

.ui-effects-transfer {
	border: 2px solid #9acd32;
}

#slideshow .thumbs {
	width: 90%;	
}

#slideshow .slidingthumbs {
	width: 2000%;	
}

#slideshow .slideback,
#slideshow .slidenext {
	width: 30px;
	background-color: white;
	opacity: 0.5;
}

#slideshow .slideback {
	float: left;	
}

#slideshow .slidenext {
	float: right;	
}

#slideshow .slideback:hover,
#slideshow .slidenext:hover {
	opacity: 0.8;
	cursor: pointer;	
}

#slideshowimage {
	max-height: 90%;
	max-width: 90%;
}

#mainimage:hover {
	cursor: pointer;
}

.smallbox {
	background: #f5f5f5;	
}

.loading {
	width: 100%;
	padding: 150px 0 0 0;
	text-align: center;	
}

/******** team style **********/
/*.team {
	color: #6A00FF;		
}

.team .button {
	background-color: #6A00FF;
}

.team .menuitem {
	color: #6A00FF;
}*/

/*.team .bigred {
	color: #6A00FF;
}*/

/*.team .menuitem:hover {
	border-right: 2px solid #6A00FF;
}

.team #colorline {
	background-color: #6A00FF;
}*/

.team .bigbox {
	width: 1100px;
	height: 300px;
	background-color: #f5f5f5;
	margin: 0 0 10px 0;	
}

/*.team .bigbox .text {
	margin: 0 0 0 30px;	
}*/
/*
.team .smallbox .text {
	margin: 0 0 0 15px;	
}
*/
.team .smallbox ul {
	padding: 0 0 0 20px;	
}

.team .smallbox {
	width: 360px;
	height: 160px;
	background-color: #f5f5f5;
	float: left;	
}

/*********** impressum style ***************/

/*.impressum {
	color: #ffc12e;
}

.impressum .menuitem {
	color: #ffc12e;
}*/

/*.impressum .bigred {
	color: #ffc12e;
}*/

/*.impressum .menuitem:hover {
	border-right: 2px solid #ffc12e;
}

.impressum .button {
	background-color: #ffc12e;
}

.impressum #colorline {
	background-color: #ffc12e;
}*/

.impressum .bigbox {
	height: 470px;
	width: 500px;	
	float: left;
	background-color: #f5f5f5;
	margin: 0 10px 0 0;
	
}

.impressum .bigbox h2 {
	margin: 0px;
	padding: 5px 0 0 0;
}

.impressum .bigbox p {
	margin: 0 0 0 225px;
}

.impressum .smallbox {
	height: 150px;
	width: 600px;
	float: left;
	background-color: #f5f5f5;
}

.impressum .smallbox .text {
	padding: 5px 30px 5px 20px;	
	text-align: justify;
}

.impressum .smallbox p {
	font-size: 10px;
	line-height: 13px;
	padding: 0 5px;
	margin: 0px;
}

.impressum .smallbox h2 {
	font-size: 14px;
	margin: 0px;
	padding: 0 0 5px 0;	
}

/********* kontakt style *****************/
/*
.kontakt {
	color: #9932cc;	
}
*/
/*.kontakt .bigred {
	color: #9932cc;
}*/
/*
.kontakt .button {
	background-color: #9932cc;
}

.kontakt .menuitem {
	color: #9932cc;
}

.kontakt .menuitem:hover {
	border-right: 2px solid #9932cc;
}

.kontakt #colorline {
	background-color: #9932cc;
}*/

.kontakt .smallbox {
	width: 500px;
	height: 230px;	
	background-color: #f5f5f5;
}

.kontakt .bigbox {
	width: 600px;
	height: 470px;
	margin: 0 10px 0 10px;
	background-color: #f5f5f5;
	float: right;
}

.kontakt .smallbox p,
.kontakt .smallbox table {
	padding: 0 0 0 160px;
	line-height: 35px;
}

/********* projekte style ****************/
/*
.projekte {
	color: #E51400;
}*/

/*.projekte .bigred {
	color: #E51400;
}*/
/*
.projekte .button {
	background-color: #E51400;
}

.projekte .menuitem {
	color: #E51400;
}

.projekte .menuitem:hover {
	border-right: 2px solid #E51400;
}

.projekte #colorline {
	background-color: #E51400;
}*/

.projekte .box {
	width: 150px;
	height: 150px;
	margin: 0 10px 10px 0;
	float: left;
	background-color: #f5f5f5;
	overflow: hidden;
}

.projekte .info {
	width: 150px;
	height: 55px;
	background-color: #f5f5f5;
	position: relative;
	bottom: 0px;
	text-align: center;
	opacity: 0.8;
	font-style: normal;
	margin-top: 150px;
}

.projekte h2 {
	color: black;
	font-size: 14px;
	font-family: Arial, Verdana, Geneva, sans-serif;
	letter-spacing: 1px;
	font-style: normal;
	min-height: 30px;
	font-weight: lighter;
	padding: 2px 0 0 0;
	margin: 2px 0 0 0;
}

.projekte .imagebox {
	width: 600px;
	height: 360px;	
	background-color: #f5f5f5;
	float: left;
	text-align: center;	
}

.projekte .imagebox img {
	min-height: 360px;
}

.projekte .gallerybox img {
	margin: 0 0 0 10px;
}

.thumbs img:hover {
	cursor: pointer;
}


.projekte .gallerybox {
	width: 600px;
	height: 100px;
	background-color: #f5f5f5;
	margin: 10px 0 0 0;
	float: left;
	overflow-y: hidden;
	overflow-x: scroll;
}

.projekte .thumbs {
	height: 100px;
	width: 540px;
	float: left;
}

.projekte .gallerybox .slidingthumbs {
	height: 100px;
	width: 1000%;
}

.projekte .slideback,
.projekte .slidenext {
	height: 100px;
	width: 30px;
	opacity: 0.5;
	background-color: white;
	float: left;
	visibility: hidden;
	background-repeat: no-repeat;
	background-position: center;
}

.projekte .slideback:hover,
.projekte .slidenext:hover {
	opacity: 0.9;
	cursor: pointer;	
}

.projekte .slidenext {
	background-image: url('../../images/gallerynextarrow.png');	
}

.projekte .slideback {
	background-image: url('../../images/gallerybackarrow.png');	
}

.projekte .discriptionbox {
	width: 500px;
	height: 470px;
	float: right;	
	background-color: #f5f5f5;
	margin: 0 10px;
}

.projekte .discriptionbox .text {
	margin: 0 0 0 20px;
	height: 445px;
	width: 445px;
}

.projekte table td {
	padding-left: 20px;	
}

/*
.projekte .gallerybox .thumbs .active {
	widht: 96px;
	height: 96px;
	border: 2px solid #9acd32;	
}
*/
.team .openvitae {
	float: right;
	background-image: url('../../images/prevarrow.png');
	background-repeat: no-repeat;	
	width: 150px;
	text-decoration: none;
	margin: 275px 0 0 0;
}

/************** profile style ***********/
/*
.profil {
	color: #1BA1E2;	
}

.profil .button {
	background-color: #1BA1E2;
}
*/
/*.profil .bigred {
	color: #1BA1E2;
}*/
/*
.profil a {
	color: #1BA1E2;
}

.profil .menuitem {
	color: #1BA1E2;
}

.profil .menuitem:hover {
	border-right: 2px solid #1BA1E2;
}

.profil #colorline {
	background-color: #1BA1E2;
}
*/
.profil .bigbox {
	width: 1110px;
	height: 395px;
	background-color: #f5f5f5;
	margin: 0 0 10px 0;	
}

.profil .smallbox {
	float: left;
	/*background-color: #f5f5f5;*/
	text-align: center;
	height: 60px;
	border-bottom: 5px solid #f5f5f5;
	font-style: normal;
	overflow: visible;
	margin-left: 10px;
}

.profil .smallbox:hover {
	cursor: pointer;
	font-style: normal;
	border-bottom: 5px solid #444444;
}

.profil a.active > div {
	border-bottom: 5px solid #444444;
	background-color: #444444;
	cursor: pointer;
	color: white;
}

.profil .smallbox h2 {
	line-height: 22px;
	font-size: 22px;
	margin: 20px 20px 0px 0px;
	float: right;
	color: #444444;
}

.profil .active > .smallbox  h2 {
	color: white;	
}

.profil .firstbox {
	width: 140px;
	margin-left: 0px;
}

.profil .secondbox {
	width: 200px;
}

.profil .thirdbox {
	width: 250px;
}

.profil .fourthbox {
	width: 280px;
}

.profil .fivesbox {
	width: 200px;
}

.profil .firstbox h2 {
	margin: 20px 30px 0 0;	
}

.profil .secondbox h2 {
	margin: 10px 0px 0 0;	
}

.profil .thirdbox h2 {
	margin: 10px 0px 0 0;	
}

.profil .text {
	width: 704px;
	height: 395px;
	float: left;
	padding-right: 10px;
}

.profil h2 {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.buildingyard .text {
	width: 1050px;
}

.buildingyard .imagebox {
	width: 150px;
	height: 150px;
	margin: 10px 0px 0px 10px;
	float: left;
}

.buildingyard .container {
	padding-left: 40px;	
}

.buildingyard h1 {
	margin-bottom: 10px;	
}

.firesecurity .text {
	width: 496px;
	height: 395px;
	float: left;
}

.firesecurity .text p {
	padding-left: 20px;	
	padding-top: 5px;
}

.sustainability .right {
	margin: 5px;	
}

.sustainability .text {
	/*width: 808px;*/
	width: 620px;
	height: 395px;
	float: left;	
}

.sustainability .text p {
	padding-left: 20px;	
}

.powersaving .right {
	margin: 5px;	
}

.powersaving .text {
	/*width: 808px;*/
	width: 620px;
	height: 395px;
	float: left;	
}

.powersaving .text p {
	padding-left: 20px;	
}

.profil p {
	padding-left: 140px;
	margin-top: 0px;
	padding-top: 0px;	
}

.profil ul {
	padding-left: 160px;	
	margin-top: 0px;
	padding-top: 0px:
}

/************* team vitae *****************/

.vitae .bigbox {
	width: 1110px;
	height: 230px;
	background-color: #f5f5f5;	
	float: left;
}

.vitae .item {
	width: 120px;
	height: 180px;
	margin: 0 0 0 10px;
	float: left;	
}

.vitae .items {
	float: left;
	padding: 0px 30px;
}

.vitae h2 {
	font-weight: lighter;
	margin: 5px 0px;
	font-size: 16px;
}

.vitae h1 {
	padding: 5px 10px;
	text-transform: none;
	margin: 0px;
}

.vitae p {
	padding: 0 0 0 10px;
	line-height: 16px;
	margin: 0px;
}

.vitae .itemsheadline {
	/*width: 100%;*/
	height: 50px;
}

.vitae .bigitem {
	width: 250px;
	height: 180px;
	margin: 0 0 0 10px;
	float: left;	
}

.vitae .picture {
	width: 260px;
	height: 230px;
	float: left;
	margin: 0px;
	padding: 0px;
}

/******* home style ***************/
/*
.home {
	color: #00ABA9;	
}

.home .button {
	background-color: #00ABA9;
}*/

/*.profil .bigred {
	color: #1BA1E2;
}*/
/*
.home a {
	color: #00ABA9;
}

.home .menuitem {
	color: #00ABA9;
}

.home .menuitem:hover {
	border-right: 2px solid #00ABA9;
}

.home #colorline {
	background-color: #00ABA9;
}*/

.home #content {
	background-image: url('../../content/images/home.png');
}

.home .bigbox {
	background-color: transparent;
	width: 1100;
	height: 375px;
	text-align: center;
	padding: 20px 0 0 0;
}

.home .smallbox {
	width: 140px;
	height: 50px;
	margin: 0 10px 0 0;
	float: left;
	padding: 25px 10px 0 0;
	text-align: right;	
	opacity: 0.8;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.home .smallbox:hover {
	opacity: 1;
}

.home a:hover {
	text-decoration: none;
	font-style: normal;
}

.home h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60px;
	color: white;
	display: inline;
	font-variant: normal;
	padding: 20px 40px 0 0;
}

.home h1.white {
	color: white;
}

.home h1.colored {
	/*color: #00ABA9;*/
	color: #FFC12E;
}

.profilbox {
	/*color: #1BA1E2;*/
	color: #444444;
}

.profilbox:hover {
	/*background-color: #1BA1E2;*/
	background-color: #444444;
	color: white;
}

.projektbox {
	/*color: #E51400;*/
	color: #444444;
}

.projektbox:hover {
	/*background-color: #E51400;*/
	background-color: #444444;
	color: white;
}

.teambox {
	/*color: #6A00FF;*/
	color: #444444;
}

.teambox:hover {
	/*background-color: #6A00FF;*/
	background-color: #444444;
	color: white;
}

.kontaktbox {
	/*color: #9932cc;*/
	color: #444444;
}

.kontaktbox:hover {
	/*background-color: #9932cc;*/
	background-color: #444444;
	color: white;
}

.impressumbox {
	/*color: #ffc12e;*/
	color: #444444;
}

.impressumbox:hover {
	/*background-color: #ffc12e;	*/
	background-color: #444444;
	color: white;
}

.emptybox {
	background-color: transparent;	
}

#headline {
	float: left;
	visibility: hidden;
}

#headinfo {
	float: right;	
}

.errortext {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	padding-top: 200px;
}

/* COLORS */

.steel {
	background-color: #647687;	
}

.mauve {
	background-color: #76608A;	
}

.lime {
	background-color: #A4C400;	
}

.cyan {
	background-color: #1BA1E2;	
}

.cobalt {
	background-color: #0050EF;	
}

.crimson {
	background-color: #A20025;	
}