html,body,#content {
width:100%;
height:100%;
overflow:hidden;

background-color:#000;
font-family: 'Pathway Gothic One', sans-serif;


color:#333;
scrollbar-base-color:#8C8CC6;
  scrollbar-3d-light-color:#FFFFFF;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#8C8CC6;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#ACACE6;


}




#bg{
position:absolute;
left:0px;
top:0px;

}

#bg img {
	width:100%;
	height:auto;
	
	min-width:100%;

margin:0 auto;
display:block;
}

#b1{
	
	
}

#b2{
		display:none;
}

#b3{
		display:none;
}



#hintergrund {
	position:absolute;
	
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:1;
	}

#logo {
	position:relative;
	
	width:100%;
	height:100%;
	
	z-index:9999;
	}


#logorahmen{
	position:absolute;
	top:0%;
	left:0%;
	width:200px;
	height:200px;
	background-color:rgba(255,255,255,0.9);
	
		 -moz-box-shadow:     0px 6px 0px 0px rgba(255,153,0,0.3);
  -webkit-box-shadow:  0px 6px 0px 0px rgba(255,153,0,0.3);
  box-shadow:         0px 6px 0px 0px rgba(255,153,0,0.3);
		
	
	border-bottom-left-radius:40px;
	-moz-border-radius-bottomleft:40px;
-khtml-border-bottom-left-radius:40px;
 -webkit-border-bottom-left-radius:40px;  
 
 cursor:pointer;
	
	z-index:9999;
	
}





#linksrahmen{
	position:absolute;
	top:0px;
	left:15%;
	width:30px;
	height:100%;
	
	z-index:9999;
	
}



#contentrahmen{
	
	position:fixed;
	top:0px;
	left:200px;
	width:70%;
	min-width:600px;
	height:75%;
	background-color:rgba(255,153,0,0.3);
	display:none;
	z-index:9998;
	
	
}

#inhalt1{
	position:relative;
	
	height:80%;
	left:10%;
	top:10%;
	width:80%;
	display:none;
	
	
	
}

.box1{
	position:relative;
	left:0%;
	width:35%;
	height:35%;
	background-color:rgba(255,255,255,0.8);
	overflow:hidden;

	
}

.box2{
	position:relative;
	top:5%;
	left:0%;
	width:35%;
	height:60%;
	background-color:rgba(255,255,255,0.8);
	overflow:hidden;

	
}

.box3{
	position:absolute;
	top:0%;
	left:38%;
	width:62%;
	height:100%;
	background-color:rgba(255,255,255,0.8);
	overflow:hidden;

	
}

#startbild1, #startbild2, #startbild3{
		height:100%;
	min-width:100%;

margin:0 auto;
display:block;
}

#footerinnen{
	position:absolute;
	top:0%;
	left:200px;

	width:70%;
	min-width:600px;
	height:200px;
	background-color:rgba(255,255,255,0.9);
	
		 -moz-box-shadow:     0px 6px 3px 0px rgba(255,153,0,0.3);
  -webkit-box-shadow:  0px 6px 3px 0px rgba(255,153,0,0.3);
  box-shadow:         0px 6px 3px 0px rgba(255,153,0,0.3);
		

 	border-bottom-right-radius:40px;
-khtml-border-bottom-right-radius:40px;
 -webkit-border-bottom-right-radius:40px; 
	

 
	z-index:9998;
	
}

#klappsymbol{
	position:absolute;
	width:100px;
	height:100px;
	left:20px;
	top:150px;
	
	
	background-repeat:no-repeat;

	
	cursor:pointer;

}

#klappsymbol:hover{
	background-image:url(../images/klappsymbolhover.png);
	background-repeat:no-repeat;
}

#kontakt{
	position:relative;
	width:100px;
	height:100px;
	left:75px;
	top:150px;
	
	
	background-repeat:no-repeat;

	
	cursor:pointer;
}

#kontakt:hover{
	background-image:url(../images/kontakthover.png);
	background-repeat:no-repeat;
}


.navileiste1{
	text-align:center;
	position:absolute;
	top:50px;
	width:100%;
	height:50px;
	background-color:rgba(255,153,0,0.8);
	cursor:pointer;
	 font-size:20px;

	
}



.navileiste2{
	text-align:center;
	position:absolute;
	top:50px;
	width:100%;
	height:50px;
	background-color:rgba(255,153,0,0.8);
cursor:pointer;
 font-size:20px;
	
	
}

.navileiste3{
	text-align:center;
	position:absolute;
	top:50px;
	width:100%;
	height:50px;
	background-color:rgba(255,153,0,0.8);
 cursor:pointer;
 font-size:20px;
	
	
}

.navileiste1:hover{
	background-color:rgba(255,153,0,1);
}
.navileiste2:hover{
	background-color:rgba(255,153,0,1);
}
.navileiste3:hover{
	background-color:rgba(255,153,0,1);
}


a{
	color:#000;
}

a:hover{
	color:#909;
}

.textbereich2{
	position:absolute;
	left:23%;
	top:50px;
	height:80%;
	width:74%;
	background-color:rgba(255,255,255,0.8);
	display:block;
	padding:5px;
	overflow:auto;

}



::-webkit-scrollbar {
    width: 15px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.9); 
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 10px rgba(255,153,0,1); 
}

::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}

#iconleiste{
	position:absolute;
	top:5px;
	left:60%;
}

#kontaktfenster{
	position:absolute;
	width:60%;
	min-width:700px;
	top:230px;
	left:0%;
	height:50%;
	min-height:350px;
	background-color:rgba(255,255,255,0.9);
	display:none;
	overflow:hidden;
	z-index:9999;
	
		 -moz-box-shadow:     0px 6px 3px 0px rgba(0,0,0,0.3);
  -webkit-box-shadow:  0px 6px 3px 0px rgba(0,0,0,0.3);
  box-shadow:         0px 6px 3px 0px rgba(0,0,0,0.3);
		
	
border-top-right-radius:40px; 
 -moz-border-top-right-radius:40px;
-khtml-border-top-right-radius:40px;
 -webkit-border-top-right-radius:40px; 
 
 border-bottom-right-radius:40px; 
  -moz-border-bottom-right-radius:40px;
-khtml-border-bottom-right-radius:40px;
 -webkit-border-bottom-right-radius:40px; 
	
}

#kontaktdaten{
	position:absolute;
	top:5%;
	height:90%;
	left:5%;
	width:35%;
	overflow:auto;
	
}

#schliessen{
	position:absolute;
	top:5%;
	height:90%;
	left:85%;
	width:20%;

	overflow:hidden;
	cursor:pointer;
	margin-right:5%;
}

#zua{
	position:absolute;
	top:5%;
	height:90%;
	left:85%;
	width:20%;

	overflow:hidden;
	cursor:pointer;
	margin-right:5%;
}

#kontaktformular{
	position:absolute;
	top:5%;
	height:90%;
	left:45%;
	width:35%;
	min-width:270px;
	overflow:auto;
}



.videolink{
	position:relative;
	top:2%;
	left:5%;
	color:#000;


	overflow:hidden;
	height:20%;
	min-height:40px;
	width:90%;
			background-color:rgba(255,153,0,0.6);
		
		background-repeat:no-repeat;
	
	z-index:9998;
	border-radius:4px; 
	 -moz-border-radius:4px;
-khtml-border-radius:4px;
 -webkit-border-radius:4px; 
 
}

.videolink h1{
	font-size:24px;
	
}

.videobox{
	position:absolute;
	width:600px;
	top:230px;
	left:25%;
	height:500px;
	background-color:rgba(255,255,255,0.9);
	display:none;
	overflow:hidden;
	z-index:9999;
	
		 -moz-box-shadow:     0px 6px 3px 0px rgba(0,0,0,0.3);
  -webkit-box-shadow:  0px 6px 3px 0px rgba(0,0,0,0.3);
  box-shadow:         50px 50px 25px 50px rgba(0,0,0,0.3);
		
	
border-radius:40px; 
 -moz-border-radius:40px;
-khtml-border-radius:40px;
 -webkit-border-radius:40px; 
 
 
	

}

#v1{
	position:absolute;
	top:100px;
	left:20px;
	z-index:9999;
}

#firmen{
	position:absolute;
	left:6%;
	top:25%;
	width:40%;
	height:70%;
	overflow:auto;
	background-color:rgba(255,255,255,0.8);
	border-radius:4px;
	 -moz-border-radius:4px;
-khtml-border-radius:4px;
 -webkit-border-radius:4px; 
	
}

#firmenbeschreibung{
	position:absolute;
	left:49%;
	top:25%;
	width:45%;
	height:70%;
	overflow:hidden;
	background-color:#000;
			
		background-repeat:repeat;
		border-radius:4px;
	 -moz-border-radius:4px;
-khtml-border-radius:4px;
 -webkit-border-radius:4px;
 cursor:pointer;
	
}

#firmenbeschreibung img{
	width:100%;
	height:auto;
	background-color:#000;
}

#firmenbeschreibung img:hover{
background-image:url(../images/videoclickhover.jpg);
}

.ill{
	position:relative;
	top:0px;
	font-size:12px;
	color:#999;
	text-align:right;
	text-decoration:none;
	cursor:pointer;
}

#nojs{
	position:absolute;
	top:20%;
	width:50%;
	height:auto;
	z-index:9999;
	background-color:#F90;
	text-align:center;
}