* {
margin:0;
padding:0;
}
html, body {
height: 100%;
width: 100%;
}
body {
  font-family: sans-serif;
  color: #111;
  }

.navFr a {
   font-family: arial, helvetica, sans-serif;
	 text-decoration: none;
	 color: black;
 }
 
.navFr ul li a {		/* erste+ ebene sensitive fläche*/
     -moz-transition:all 1s;
    -o-transition:all 1s;
    -webkit-transition:all 1s;
	 display: block;
	 height: 36px;
     float: left;
     padding: 0px 61px 0px 2px;
     margin: 0px 0px 0px 0px;
	 background-color: #fff;
	 transition:all 1.0s;
 }
.navFr ul li ul li a {		/* zweite+ ebene sensitive fläche*/
    -moz-transition:all 1s;
    -o-transition:all 1s;
    -webkit-transition:all 1s;
	display: block;
	 height: 30px;
     float: left;
     padding: 6px 45px 0px 2px;
     margin: 0px 0px 0px 0px;
	 background-color: #d1d1c2;
	 transition:all 1.0s;
 }
 
.navFr ul li {
	-moz-transition:all 1s;
    -o-transition:all 1s;
    -webkit-transition:all 1s;
	 font-size: 5mm;
	 letter-spacing: 0.5mm;
	 color: black;
     padding: 0px 0px 0px 0px;
	 margin: 0px 0px 36px 0px;
	 border-right: 1px solid black;
     list-style-type: none;
	 height: 36px;
	 position: relative;
	 float: left;
	 transition:all 1.0s;
 }

.navFr ul li ul li{		/* zweite ebene*/
	-moz-transition:all 1.0s;
    -o-transition:all 1.0s;
    -webkit-transition:all 1.0s;
	 font-size:4mm;
	 letter-spacing: 0.4mm;
     padding:0px 0px 0px 0px;
     margin:0px 0px 0px 0px;
	 height: 36px;
	 position: static;
	 display: inline-block;
     float: none;
	 transition:all 1.0s;
 }
.navFr ul li ul {		/* zweite ebene*/
    -moz-transition:all 1.0s;
    -o-transition:all 1.0s;
    -webkit-transition:all 1.0s;
	 float: none;
	 visibility:hidden;  /* zweite ebene ausgeblendet */
	 opacity:0;
	 position: absolute;
	 margin:0px;     
	 top: 36px;
	 padding:0px;
     left: 0px;
	 white-space: nowrap;font-size:0px;	/* muss! sonst nicht horiz ! */
	 transition:all 1.0s;
 }

.navFr ul li:hover ul {		/* zweite ebene eingeblendet */
    -moz-transition:all 1s;
    -o-transition:all 1s;
    -webkit-transition:all 1s;/*display: block;/* zweite ebene eingeblendet */
	 visibility:visible;
	 opacity:1;
	 transition:all 1s 0.5s;
}
.navFr > ul > li:hover > a {	/* erste+ ebene sensitive fläche #3aa690#72c2b2#a6933a#f2f2f2*/
	-moz-transition:all 1.0s;
    -o-transition:all 1.0s;
    -webkit-transition:all 1.0s;
     background-color: #72c2b2;
	transition:all 1.0s;
 }
.navFr > ul > li > ul > li:hover > a {
  	-moz-transition:1.0s;
    -o-transition:1.0s;
    -webkit-transition:1.0s;
     background-color: #72c2b2;
	 transition:all 1.0s;
 }
 
ul.flexbox {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6  #f4f4d4 f5f5c9*/
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/* ----------------------------------------------------------------------*/

#distance {
width: 10px;
height: 50%;
margin-bottom: -300px;
float: left;
/*background-color: #f00; nur zu Demozwecken*/
}
#frame {
	width: 1240px;
	height: 624px;
	position: relative;
	margin:  0px auto;
	clear: left;
	overflow: hidden;
}

#container {
	width: 1200px;
	height: 620px;
	position: relative;
	margin:  0px auto;
	overflow: hidden;
}

#h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 5.2mm;
	letter-spacing: 0.4mm;
	color: #000;
	position:relative;
	width: 300px;
	height: 197px;
	margin: 3px 0px 0px 0px;
	float: left;
	overflow: hidden;
	/*border: 1px solid rgba(50,50,50,0.8);*/
}
#clear {
	display: inline-block;
	width: 4px;
	height: 197px;
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 0px 0px;
	border-left: 1px solid black;
	/*border: 1px solid rgba(50,50,50,0.8);*/
}

.title {
	position:absolute;
	bottom:0px;
}
.title a{
	color: #111;
	 text-decoration: none;
}
.log {
	position:absolute;
	bottom:8px;
}
#logo {
	width: 60px;
	height: 200px;
	margin: 0px 0px;
	overflow: hidden;
	position:relative;
	float: right;
	/*border: 1px solid black;*/
  }
.clear {
	clear:left;
}

#navigate {
	width: 1200px;
	height: 80px;
	margin: 0px 0px;
	overflow: hidden;
position:absolute;
top: 520px; left: 0px;
	/*border-top: 4px solid #3a3630; border-bottom: 1px solid #AAA; border: 1px solid orange;*/
  }
  
.iproj {
	width: 1200px; 
	height: 520px;
	border: 0px;
	margin: 0px;
	position:absolute;
	top: 0px; left: 0px;
	float: left;		/*sonst Abstand zur Navigation  border: 1px solid orange;*/
	overflow: hidden;
}


.clearfix:before,
.clearfix:after {
content: " ";
display: inline-block;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}

 /*clear: left;*/
/* border: 1px solid black;    */

.left {
	width: 140px;
	height: 200px;
	padding:0px 80px 0px 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	display: inline-block;
	background-repeat:no-repeat;
}
a  {
	overflow: hidden;
	text-decoration: none;
}
.limg {
	width: 140px;
	height: 140px;
	opacity:1;
	transition:all 1s;
}
/*  */
.limg:hover {
	-moz-transition:all 1s;
    -o-transition:all 1s;
    -webkit-transition:all;
	 opacity:0;
	 transition:all 1s;
}

.pro-nr {
	font-family: arial, helvetica, sans-serif;
	font-size: 4mm;
	letter-spacing: 0.2mm;
	color: #000;
}
.pro-tit {
	font-family: arial, helvetica, sans-serif;
	font-size: 5mm;
	letter-spacing: 0.1mm;
	color: #000;
}
.pro-tit a{
	font-family: arial, helvetica, sans-serif;
	font-size: 5mm;
	letter-spacing: 0.1mm;
	color: #3aa690;
}
/*        iframe projektlisten      */

.pro-txt {
	font-family: arial, helvetica, sans-serif;
	font-size: 3.6mm;
	color: #000;
	white-space: normal;
}
.pro-txt a{
	text-decoration: none;
	color: #3aa690;
}
.pro-txtblue {
	font-family: arial, helvetica, sans-serif;
	font-size: 3.6mm;
	color: #3aa690;
}
.pro-dat {
	font-family: arial, helvetica, sans-serif;
	font-size: 3.2mm;
	color: #000;
	white-space: normal;
}
.pro-dat a{
	text-decoration: none;
	color: #3aa690;
}
.propic {
	margin: 0px 10px 0px 0px;
}
.propic:last-child {
	margin: 0px 0px 0px 0px;
}

.breadcr {
	font-family: arial, helvetica, sans-serif;
	font-size: 3.6mm;
	color: #000;
}
.breadcr a{
	text-decoration: none;
	color: #3aa690;
}

#hor-list {
	width: auto;
	height: 205px;
	margin: 0px 0px;
	display:inline-block;
	white-space: nowrap;font-size:0px;
	position: relative;
	top: 45px; left: 0px;
	background-color: #fff;
}
#hor-pic {
	width: 900px;
	height: 517px;
	margin: 0px 0px;
	display:inline-block;
	white-space: nowrap;font-size:0px;
	position: absolute;
	bottom: 0px; right: 0px;
	background-color: #000;
	overflow-x: scroll;
	flex-flow: row nowrap;
}
#hor-text {
	width: 280px;
	height: 290px;
	margin: 0px 0px;
	display:inline-block;
	position: absolute;
	bottom: 10px; left: 0px;
	background-color: #fff;
	overflow: hidden;
}
.picline {
	width: auto;
	height: 500px;
	background-color: #000;
	display:inline-block;
	position: absolute;
	bottom: 0px;
  } 
#textblock {
	width: 270px;
	height: 310px;
	padding:0px 25px 0px 0px;
	margin: 0px 0px;
	display:inline-block;
	position: relative;
	top: 10px; left: 0px;
	overflow: hidden;
}
#aniblock {
	width: 670px;
	height: 300px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px;
	display:inline-block;
	position: absolute;
	top: 10px; right: 10px;
	overflow: hidden;
}
#textstart {
	width: 500px;
	height: 300px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px;
	display:inline-block;
	position: relative;
	top: 10px; left: 10px;
	overflow: hidden;
}

#wrapi {
	width: 1198px;
	height: 280px;
	margin: 0px 0px;
position: absolute;
bottom: 0px; left: 0px;
overflow-x: scroll;
flex-flow: row nowrap;
}
#wrapix {
	width: 1196px;
	height: 320px;
	margin: 0px 0px;
	position: absolute;
	bottom: 0px; left: 0px;
	border-right: 4px solid black;
	overflow: hidden;
	background-repeat:no-repeat;
}


#filler {
	width: 260px;
	height: 36px;
	margin: 0px 0px;
	overflow: hidden;
	background-color: #fff;
	background-repeat:no-repeat;
}

/* border: 1px solid black; border-right: 2px solid black;  */

.inline-block {
    display: -moz-inline-stack; /* FF2 */
    display: inline-block; /* ab CSS 2.1 */
    zoom: 1; /* hasLayout für IE6 u. IE7 */
    *display: inline; /* für IE6 u. IE7 */
}