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

html {
	height:100%; 
}

html, body {
    font-family: HelveticaNeueLTPro-Md, Arial, sans-serif;
    margin: 0px;
	padding:0px;
	height:100%; 
	/*font-size: 18px;*/
	line-height: 1.35;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust:100%;
	/*background:#E3E3E6; */
}

h1,h2,h3,h4,h5,h6,p {
   /*line-height: 1.0em;*/
}
a {color:#000; text-decoration:none; font-weight:normal;}

h1 { }
h2 { padding:0px; padding-top:70px; margin:0px; }
h3 { margin:0px; padding:0px; padding-bottom:10px; font-weight:normal;  }
h4 { margin:0px; padding:0px; padding-bottom:10px; font-weight:normal; color:#EEE;}

.roman {font-family: HelveticaNeueLTPro-Roman, Arial, sans-serif;}
.medium {font-family: HelveticaNeueLTPro-Md, Arial, sans-serif;}

/*****/
#bnav { display:block};
#smallnavigation { position:absolute; top:10; z-index:99999; width:100%; height:35px; padding-top:15px; opacity: 0.5;}
.bigimg {position:relative; min-height:100%; height:100%; width:100%; margin:0; padding:0}
/*#nav { position:fixed; height:80px; width:100%; background:#F2E53F; z-index:100; opacity: 0;}*/
#nav { position:fixed; height:60px; width:100%; background-color:transparent; z-index:100; opacity: 0;}
#navspacer {height:0px;} 

/*#kontakt { position:relative; height:0px; width:100%; background:#F9E827; overflow:hidden;}*/
#kontakt { position:relative; height:0px; width:100%; background:#000; overflow:hidden;}
#navcontainer {position:relative; min-width:600px; max-width:1200px; margin:0px auto; padding-left:25px; padding-right:25px; height:30px; padding-top:20px; overflow:hidden; }
.centerdiv    { min-width:600px; max-width:1200px; margin:0px auto; padding-left:25px; padding-right:25px; overflow:hidden;}

.logo { float:left; width:160px; margin-right:100px; cursor:pointer}
#smenu {float:left; padding-top:7px; font-family: HelveticaNeueLTPro-Roman, Arial, sans-serif;}
.lgrey { color:#777; padding-left:5px; padding-right:5px;}
/*#kopen {text-align:right; float:right; margin-right:15px; cursor:pointer; }*/
#kopen { float:left; margin-right:15px; padding-top:7px; cursor:pointer; font-family: HelveticaNeueLTPro-Roman, Arial, sans-serif; width:40px;}
#kopen:hover {color:#FFF;} 
.direkt {cursor:pointer}

.left {float:left; width:80%; margin:0; padding:0}
.right {float:left; width:20%; margin:0; padding:0; text-align:right; font-family: HelveticaNeueLTPro-Roman, Arial, sans-serif;}


.gotosection { cursor:pointer; float:left; margin-right:20px; color:#000; }
.gotosection:hover {color:#FFF;}
.gotosection a { text-decoration:none; color:#000} 
.aktiv {}
.container {background-color:transparent; }/* background-color:#F9E827; min-height:400px;*/

.subtitle {padding-bottom:10px; padding-top:20px; border-bottom:#000 dotted 1px; font-weight:bold}

.sectiontitle {padding-bottom:0px; min-width:400px; max-width:1200px; margin:0px auto; }
.sectionlead  {padding-top:0px; min-width:400px; max-width:1200px; margin:0px auto;  padding-bottom:15px; font-family:"Times New Roman", Times, serif}
.sectionlead p { padding:0; margin:0 }

.sectiontitle h2 {cursor:pointer}

img.bg { min-height: 100%;
		min-width: 1024px;
		width: 100%;
		height: auto;
		position: fixed;
		top: 0;
		left: 0;
		z-index:-10999999;
}


.bgimage { 
	position:relative; 
	min-height:100%; 
	height:100%; 
	width:100%; 
	margin:0; 
	padding:0; 
  background: url(../img/EmpireStateBuilding.jpg) no-repeat center center fixed;
  background-color:transparent ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.mmna, .mmn {float:left; margin-right:20px; min-width:100px;}
.mmna {font-weight:bold;}

#menubar, #start { cursor:pointer;}

.responsive-box .newsbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-box {
position: relative;
padding-bottom: 66.45%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}

.responsive-box-referenzlogo {
position: relative;
padding-bottom: 56.90%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}

.responsive-box-hoch .newsbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-box-hoch {
position: relative;
padding-bottom: 87.0%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}

.responsive-box-hochteam .newsbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.responsive-box-hochteam {
position: relative;
padding-bottom: 87.0%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}

.drittel, .newsdrittel {width:33.3%; float:left; margin:0; padding:0}
.detaildrittel {width:50%; float:left; margin:0; padding:0}
.referenzdrittel {width:25%; float:left; margin:0; padding:0}
.newsdetail { padding:40px;}



.overviewbox {position:absolute;top:100;z-index:90;height:100%;background-color:#CDDC29;width:100%;opacity:0; cursor:pointer;}
.boxfont {padding:20px; padding-left:0px; font-family: HelveticaNeueLTPro-Md, Arial, sans-serif; }
.boxfont .datum {  }
.boxfont h3 { margin-top:10px;}

.overviewprojekte, .overviewteam, .overviewnews {position:absolute;top:100;z-index:90;height:100%;background-color:#CDDC29;width:100%;opacity:0; cursor:pointer; }
.projektefont {padding:10px; padding-left:10%; font-family: HelveticaNeueLTPro-Md, Arial, sans-serif; }
.projektefont .kategorien { color:#444 }
.projektefont h3 { margin-top:15%; }

.halb {width:48%; float:left; margin:0; padding:0}
.halb h3 { padding:0px; padding-bottom:5px; margin-bottom:0px; }
.halb .content { font-family:"Times New Roman", Times, serif; margin-top:0px; padding-right:20px;padding-top:0px; color:#AAA }
.halb .content:hover { color:#CCC }
.halb p {margin:0; padding:0;}

.brandcolor {background-color:#CDDC29;}
.brandfontcolor {color:#CDDC29;}
.navbalken {position:absolute; background-color:#C6D222; top:0; left:0; bottom:0; right:0; opacity: 0.88; z-index:-1}

.projektinsert {clear:both}
.prtext p {margin:0px; p}


.introcontainer {top: 0; left: 0; width: 100%; height: 100%;position: relative; display: table}
.introcontainer img.displayed {display: block; margin: 1em auto; min-width:200px; width:50%; margin-top:-35px}
.introcontainer .center {text-align: center; display: table-cell; vertical-align: middle }
.introcontainer .introtext { clear:both; margin-top:-23px; font-family:"Times New Roman", Times, serif}

.contenttext {font-family:'Times New Roman', Times, serif; color:#EEE;}
/*.contenttext ul {padding-left:5px; padding-top:0px; list-style-type: none; margin-top:5px;}*/
.contenttext ul { padding-left:18px; padding-top:0px;  margin-top:5px;}
/*.contenttext ul li:before{ content:"-"; position:relative; left:-5px;}*/

.fuss {font-family: HelveticaNeueLTPro-Md, Arial, sans-serif; color:#000}
.fuss a {color:#000}
.fuss a:hover {color:#FFF}
.owhite:hover {color:#FFF}

.fussimpressum { font-size:12px; font-family: HelveticaNeueLTPro-Md, Arial, sans-serif; color:#AAA}


/* Handle */
::-webkit-scrollbar-thumb {
	cursor:pointer;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: rgba(192,192,192,0.8); 
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */
}

::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(192,100,192,0.0); 
}

.newsbox::-webkit-scrollbar {
    width: 8px;
}
 
/* Track */
.newsbox::-webkit-scrollbar-track {
	background:rgba(160,160,160,0.3);
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
 
/* Handle */
.newsbox::-webkit-scrollbar-thumb {
	cursor:pointer;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: rgba(160,160,160,0.5);
}

.newsbox::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(201,191,182,0.0); 
}

/*SIDEMENU*/
.snap-drawers ul { list-style:none; margin-left:0px ; padding-left: 0px;}
.snap-drawers a {color:#DDD}

.menu0, .menu1, .menu2, .menu3, .menu4, .menu5,
.menu0aktiv, .menu1aktiv, .menu2aktiv, .menu3aktiv, .menu4aktiv, .menu5aktiv {
font-size:13px;
line-height:18px;
padding-top:7px;
padding-bottom:7px;
padding-left:20px;
border-bottom: 1px solid rgba(0,0,0, 0.3);
border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.menu2, .menu2aktiv {
    background-color: #333333;
	padding-left:30px;
}
	
.menu3, .menu3aktiv {
    background-color: #555555;
	padding-left:40px;
}

.menu4, .menu4aktiv {
    background-color: #777777;
	padding-left:50px;
}

.menu5, .menu5aktiv {
    background-color: #999999;
	padding-left:60px;
}

.menu1:hover, .menu2:hover, .menu3:hover, .menu4:hover {
    color: #FFF ;
	/*background-color: #CCCCCC  ;*/
}

.menu1aktiv, .menu2aktiv, .menu3aktiv, .menu4aktiv, .menu5aktiv {
    color: #FFF ;
	/*background-color: #CCCCCC  ;*/
	/*border-left:5px #BBB solid;*/
}

@media only screen and (max-width:880px) {
.introcontainer img.displayed {display: block; margin: 1em auto; width:80%; margin-top:-35px}
.drittel, .newsdrittel {width:50%; float:left}
.referenzdrittel {width:33.3%; float:left}
.detaildrittel {width:100%;}
}

@media only screen and (max-width:640px) {
.introcontainer img.displayed {display: block; margin: 1em auto; width:80%; margin-top:20px}
.introcontainer .introtext { clear:both; margin-top:-23px; font-family:"Times New Roman", Times, serif}
.drittel, .newsdrittel {width:100%;}
.detaildrittel {width:100%;}
.referenzdrittel {width:50%;}
.newsdetail { padding:10px; padding-top:0px;}
.halb {width:96%;}
#navcontainer { min-width:92%; padding:10px }
/*#smenu { display:none;}*/
.centerdiv    { min-width:92%; margin:0px; padding:10px}
.sectiontitle {min-width:90%;}
.sectionlead {min-width:90%;}
}