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


	
#mini-rot {
	position: absolute; 
	top:80px;	
	align:center;
	}
#mini-rot:hover {
	opacity: 0.0; /* CSS3 Standard */
	filter:alpha(opacity=00); /* IE 5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";	
	transition: opacity 0.1s ease-in-out;
	-webkit-transform:rotate(780deg)scale(0.5,0.5);-webkit-transition:0.1s;
	-moz-transform:rotate(780deg)scale(0.5,0.5);-moz-transition:0.1s;
	-o-transform:rotate(780deg)scale(0.5,0.5);-o-transition:0.1s;
	-ms-transform:rotate(780deg)scale(0.5,0.5);-ms-transition:0.1s;
	transform:rotate(780deg)scale(0.5,0.5);transition:0.1s;
	}
#miniatur {
	width: 100px; 
	position: absolute; 
	/*left: 52%;   
	text-align:center;*/
	}
#miniatur:hover {
	opacity: 0.0; /* CSS3 Standard */
	filter:alpha(opacity=00); /* IE 5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";	
	transition: opacity 3s ease-in-out;
	}
#keyvisual-drei {
	background-image:url(../../19/15-design/y/ideen-fehrenberg-design-bewegen.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size:100% 100%;
	overflow: hidden;
	z-index: 1120;
	}	
.augenauf	{
	height: 100%;
	-moz-transition: 30s;
	-webkit-transition: 30s;
	-o-transition: 30s;
	-ms-transition: 30s;
	transition: 30s;
	}
.augenauf:hover {
	opacity: 0.0; /* CSS3 Standard */
	filter:alpha(opacity=00); /* IE 5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";		
	-moz-transform:scale(150,150) translate(9000px,0px);-moz-transition: 10s ease-in;
	-webkit-transform:scale(150,150) translate(9000px,0px);-webkit-transition:10s ease-in; 
	-o-transform:scale(150,150) translate(9000px,0px);-o-transition:10s ease-in;
	-ms-transform:scale(150,150) translate(9000px,0px);-ms-transition:10s ease-in;
	transform:scale(150,150) translate(9000px,0px);transition:10s ease-in;
	}
#keyvisual-funf {
	background-image:url(../../19/15-design/y/fehrenberg-Design-mk-1_5.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size:100% 100%;
	overflow: hidden;
	z-index: 1121;
	}	
.frog	{
	height: 100%;
	opacity: 1.0; /* CSS3 Standard */
	filter:alpha(opacity=10); /* IE 5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";		
	-moz-transition: 30s;
	-webkit-transition: 30s;
	-o-transition: 30s;
	-ms-transition: 30s;
	transition: 30s;
	}
.frog:hover {
	opacity: 0.0; /* CSS3 Standard */
	filter:alpha(opacity=00); /* IE 5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";		
	-moz-transition: 4s ease-out;
	-webkit-transition:4s ease-out; 
	-o-transition:4s ease-out;
	-ms-transition:4s ease-out;
	transition:4s ease-out;
	}
#keyvisual-vier {
	background-image:url(../../19/15-design/y/prelo-1.png);
	background-repeat: repeat;
	background-position: 0px 0px;
	background-size: 100%,  100%;
	overflow: hidden;
	z-index: 1130;
	}
#bewegen {
	width:auto;
	height:auto;
	overflow:hidden;
	position:relative;
	float:left;
	opacity: 0.1; /* CSS3 Standard */
	filter:alpha(opacity=01); /* IE 5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=01)";
	
	-moz-transition: 10s;
	-webkit-transition: 10s;
	-o-transition: 10s;
	-ms-transition: 10s;
	transition: 10s;
}
#bewegen:hover {
opacity: 1.0; /* CSS3 Standard */
	filter:alpha(opacity=100); /* IE 5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
	transition: opacity 1s ease-in-out;
	
	-moz-transform:scale(1.1,1.1);-moz-transition: 1s;
	-webkit-transform:scale(1.1,1.1) ;-webkit-transition:1s; 
	-o-transform:scale(1.1,1.1) ;-o-transition:1s;
	-ms-transform:scale(1.1,1.1);-ms-transition:1s;
	transform:scale(1.1,1.1);transition:1s;
}
#bewegen-herz {
	width:auto;
	height:auto;
	overflow:hidden;
	margin:0 3px 0 3px;
	-moz-transition: 10s;
	-webkit-transition: 10s;
	-o-transition: 10s;
	-ms-transition: 10s;
	transition: 10s;
	z-index:351;
}
#bewegen-herz:hover {
	transition: opacity 1s ease-in-out;
	-moz-transform:scale(1.5,1.5);-moz-transition: 1s;
	-webkit-transform:scale(1.5,1.5) ;-webkit-transition:1s; 
	-o-transform:scale(1.5,1.5) ;-o-transition:1s;
	-ms-transform:scale(1.5,1.5);-ms-transition:1s;
	transform:scale(1.5,1.5);transition:1s;
}

.logos {
	 width:75px;
	 border-radius:20%;
	 margin: 5px;
	}	
	
/* Referenzübersicht */
.logos-1 {
	margin: 30px 30px 0px 0px;	
	width:142px;
	height: 139px;
	}

	/*
.logos-klein {
	 width:60px;
	 margin:15px 5px 30px 0;
	 float:left;
	}*/
.abbklein {
	width:60%;
	height=auto;
	}

#beschr {
	width:100%;
	height:auto;
	padding:2px 2px 2px 0;
	position:relative;
	top:-50px;
	left:0px;
	background-color:#d8dada;
	background-image: linear-gradient(to right, #ffffff 10%, #d8dada 100%);
	z-index:352;
	}
	
		/*
#show {
	background-image: url(../y/referenz/fuma/14-fuma-fachtagung.jpg);
	width:100%;
	height:300px;
	background-repeat: no-repeat;
	webkit-background-size: 70%;
	moz-background-size: 70%r;
	o-background-size: 70%;
	background-size:70%;
	background-position: center 20px;
	z-index:350;
	background-color:#D4BF55;
	}

*schwarz {
	width:100%;
	height:100%;
	background-color:#000000;
	z-index:3000;
	}
	
		*/
#mini-welt {
	width: 50%;
	height:auto;
	position: absolute;
	left:25%;
	top:26%;
	z-index: 1125;	
	}
#mini-welt:hover {
	opacity: 0.0;  
	filter:alpha(opacity=00); /* IE 5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";	
	transition: opacity 3s ease-in-out;
	-webkit-transform:rotate(900deg)scale(50.0,50.0);-webkit-transition:2s;
	-moz-transform:rotate(900deg)scale(50.0,50.0);-moz-transition:2s;
	-o-transform:rotate(900deg)scale(50.0,50.0);-o-transition:2s;
	-ms-transform:rotate(900deg)scale(50.0,50.0);-ms-transition:2s;
	transform:rotate(900deg)scale(50.0,50.0);transition:2s;
	}	
#keyvisual-welt {	
	min-height:30%;
	z-index: 1119;
	overflow:hidden;
	background-color:#AEB7B5F;	

	}	
#keyvisual-welt:hover {	
	background-color:#AEB7B5F;
	transition: background-color 5.0 s;
	}	
.schublinks-0 {
	white-space: nowrap;
	display:inline-block;
	background-color:#eef2f2;
	padding:0 2000px 0 20px;
	border-top-width: 2px;
	border-bottom-width: 20px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	}
	
.schublinks {
	white-space: nowrap;
	display:inline-block;
	background-color:#eef2f2;
	padding:0 2000px 0 20px;
	-moz-transition: 15s;
	-webkit-transition: 15s;
	-o-transition: 15s;
	-ms-transition: 15s;
	transition: 15s;
	border-top-width: 2px;
	border-bottom-width: 20px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	}
.schublinks:hover {
	-moz-transform:translate(-1700px,0px);-moz-transition: 10s ease-in;
	-webkit-transform:translate(-1700px,0px);-webkit-transition:10s ease-in; 
	-o-transform:translate(-1700px,0px);-o-transition:10s ease-in;
	-ms-transform:translate(-1700px,0px);-ms-transition:10s ease-in;
	transform:translate(-1700px,0px);transition:10s ease-in;
	}

.schublinks-400 {
	white-space: nowrap;
	display:inline-block;
	background-color:#eef2f2;
	padding:0 2000px 0 20px;
	-moz-transition: 15s;
	-webkit-transition: 15s;
	-o-transition: 15s;
	-ms-transition: 15s;
	transition: 15s;
	border-top-width: 2px;
	border-bottom-width: 20px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	}
.schublinks-400:hover {
	-moz-transform:translate(-340px,0px);-moz-transition: 10s ease-in;
	-webkit-transform:translate(-340px,0px);-webkit-transition:10s ease-in; 
	-o-transform:translate(-340px,0px);-o-transition:10s ease-in;
	-ms-transform:translate(-340px,0px);-ms-transition:10s ease-in;
	transform:translate(-340px,0px);transition:10s ease-in;
	}

.schublinks-3000 {
	white-space: nowrap;
	display:inline-block;
	background-color:#eef2f2;
	padding:0 2000px 0 20px;
	-moz-transition: 15s;
	-webkit-transition: 15s;
	-o-transition: 15s;
	-ms-transition: 15s;
	transition: 15s;
	border-top-width: 2px;
	border-bottom-width: 20px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	}
.schublinks-3000:hover {
	-moz-transform:translate(-3500px,0px);-moz-transition: 15s ease-in;
	-webkit-transform:translate(-3500px,0px);-webkit-transition:15s ease-in; 
	-o-transform:translate(-3500px,0px);-o-transition:15s ease-in;
	-ms-transform:translate(-3500px,0px);-ms-transition:15s ease-in;
	transform:translate(-3500px,0px);transition:15s ease-in;
	}
	
.schublinks-5000 {
	white-space: nowrap;
	display:inline-block;
	background-color:#eef2f2;
	padding:0 2000px 0 20px;
	-moz-transition: 25s;
	-webkit-transition: 25s;
	-o-transition: 25s;
	-ms-transition: 25s;
	transition: 25s;
	border-top-width: 2px;
	border-bottom-width: 20px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	}
.schublinks-5000:hover {
	-moz-transform:translate(-5700px,0px);-moz-transition: 25s ease-in;
	-webkit-transform:translate(-5700px,0px);-webkit-transition:25s ease-in; 
	-o-transform:translate(-5700px,0px);-o-transition:25s ease-in;
	-ms-transform:translate(-5700px,0px);-ms-transition:25s ease-in;
	transform:translate(-5700px,0px);transition:25s ease-in;
	}
#keyvisual-screen {
	background-image:url(../../19/20/y/design-hang-1.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size:100% 100%;
	overflow: hidden;

	z-index: 1500;
	}	
.screen	{
	height: 100%;
	opacity: 1.0; /* CSS3 Standard */
	filter:alpha(opacity=10); /* IE 5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";		
	-moz-transition: 30s;
	-webkit-transition: 30s;
	-o-transition: 30s;
	-ms-transition: 30s;
	transition: 30s;
	}
.screen:hover {
	opacity: 0.0; /* CSS3 Standard */
	filter:alpha(opacity=00); /* IE 5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";		
	-moz-transition: 1s;
	-webkit-transition:1s; 
	-o-transition:1s;
	-ms-transition:1s;
	transition:1s;
	}