body {
  background-color: #ffffff;
 

  
}

#centre{
background-color: yellow;
position:relative;
width:1200px;
margin:10px auto;

}

h1 {
  font-family:Arial, Helvetica, sans-serif;
  margin:           0px;
  padding-top:      4px;
  padding-bottom:   4px;
}


h2{
	font-family:Arial, Helvetica, sans-serif;
}

h4{
 font-family: Arial, Helvetica, sans-serif;
font-size:12px;

}

h5{
 font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #DF0101;
text-shadow: 0.5px 0.5px #B40404;
}
h6{
 font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color: #373737;


}
h3{
 font-family: Arial, Helvetica, sans-serif;
font-size:20px;
color: #FFFFFF;
text-shadow: 2px 2px #A1A1A1;
}

h7{
 font-family: Arial, Helvetica, sans-serif;
font-size:13.5px;
color: #FFFFFF;
text-shadow: 1px 1px #A1A1A1;
}
h7{
 font-family:Arial, Helvetica, sans-serif;
font-size:13.5px;
color: #FFFFFF;
text-shadow: 1px 1px #A1A1A1;
}




p {
font-family:Arial, Helvetica, sans-serif;
  margin:           0px;
  padding:          0px;
}

#left {
position:relative;
 width:350px;
  background-color: #ffffff;
  z-index:0;
}

#right{
  position:relative;
  margin-left:180px;
  margin-top:50px;
    width:1020px;
     background-color: #ffffff;
	 z-index:-10;
}

#left1{
  position:absolute;
    margin-top:13%;
    width:50%;
     background-color: #ffffff;
	
}

#popb{
 
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:10;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
}

#popa{
        position:absolute;
		margin-top:5%;
		margin-left:15%;
		z-index:11;

}

#leftu{
 position:absolute;

 margin-top:58%;
 width:550%;
 z-index:10;
}  

#left2{
 position:absolute;
 width:6.2%;
 margin-top:1%;
 
   -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
  z-index:0;
}
#left2:hover { width:7.5%;}
#left3{
 position:absolute;
 width:10.0%;
 left:-0.0%;
 margin-top:20.5%;
 
 
   -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
  z-index:1;
}
#left3:hover { width:12%;}
#left4{
 position:absolute;
 width:10.5%;
 margin-top:26%;
 
   -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
  z-index:2;
}
#left4:hover { width:12%;}
#left5{
 position:absolute;
 width:9%;
 margin-top:16%;
 
   -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
  z-index:3;
}
#left5:hover { width:11%;}
#left6{
 position:absolute;
 width:10%;
 margin-top:11%;
 
   -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
  z-index:4;
}
#left6:hover { width:11%;}
#left7{
 position:absolute;
 width:9%;
 margin-top:6%;
 
   -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
  z-index:5;
}
#left7:hover { width:11%;}

#right1{
  float:right;
    width:100%;
     background-color: #ffffff;
	 z-index:1;
}
#right2{
  float:right;
    width:100%;
	height:100%;
   background-color: #ffffff;
   z-index:2;
}
#home_table{
position:absolute;
left:27.5%;
top:540px;	
width:200px;
height:100px;	
z-index:3;	
}

#home_tab_lay{
width:650px;
 box-shadow: 3px 4px 5px rgba(0,0,0,0.5); 
}
#home_tab_lay,th,td{
	border-collapse:collapse;
	border:1px solid black;
	background-color:white;
}

p.tf1{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-left:5px;
}
p.tf2{
	margin-left:5px;
	font-family: Arial, Helvetica, sans-serif;
}
p.tf3{
	margin-left:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	}
	p.tf4{
	margin-left:5px;
	font-family: 'Comic Sans MS', 'Verdana';
font-size:20px;
color: #DF0101;
text-shadow: 1px 1px 0.5px black;
	}
span.tf4{
	margin-right:5px;
	margin-top:6px;
	text-shadow:none;
	color:black;
	font-size:medium;
	font-family: Arial, Helvetica, sans-serif;
}



#kontakt{
	height:250px;
	width:50px;
	position:absolute;
top:210px;
left:37%;
z-index:9;

}


p.tr1{
	text-align:right;
}

span.tr2{
font-family: 'Comic Sans MS', 'Verdana';
font-size:20px;
color: #DF0101;
text-shadow: 1px 1px 0.5px black;
}

span.tr3{
	font-size:20px;
	font-family: Arial, Helvetica, sans-serif;
	
}
span.tr4{
	font-size:18px;
	
	font-family: Arial, Helvetica, sans-serif;
	
}
span.tr5{
	
	font-size:18px;
	
	font-family: Arial, Helvetica, sans-serif;
	
}
span.tr6{
	font-family: Arial, Helvetica, sans-serif;
font-size:16px;
color: #DF0101;

}
#adressen{
	
	height:250px;
	width:400px;
	position:absolute;
top:265px;
left:10%;
z-index:9;

}

p.tl1{
	text-align:left;
}

span.tl2{
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;

}

span.tl3{
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	
}
span.tl4{
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	
}
span.tl7{
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color: #DF0101;

}

#endbach{
width:200px;
height:132px;
left:230px;
top:290px;
position:absolute;
box-shadow: 3px 3px 5px rgba(0,0,0,0.5);	
}

#gladenbach{
width:200px;
height:132px;
left:275px;
top:390px;
position:absolute;
box-shadow: 3px 3px 5px rgba(0,0,0,0.5);	
}

iframe.mov{
position:absolute;
left:120px;
top:260px;

}

p.vogel{
position:absolute;
left:270px;
top:750px;
font-family: Arial, Helvetica, sans-serif;
}
#link{

position:absolute;
left:-25px;
top:230px;
width:300px;
}

#linka{

position:absolute;
left:-70px;
top:230px;
width:350px;
    -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;

}
#linka:hover{
width:350px;

}

p.flink{
	position:absolute;
	margin-top:-32px;
	margin-left:55px;
font-family: 'Comic Sans MS', 'Verdana';
font-size:16px;
color: #DF0101;
text-shadow: 1px 1px 0.5px black;	
}


#fly1{

	position:absolute;
    top:280px;
	left:100px;
}


#fly2{
	position:absolute;
    top:900px;
	left:100px;
}
#right22{
	font-family: 'Comic Sans MS', 'Verdana';
font-size:13px;
color: grey;

  position:absolute;
  margin-top:79.5%;
  margin-left:10%;
    width:65.5%;
	height:0%;
   background-color: #ffffff;
   z-index:11;
}
#right223{
	font-family: 'Comic Sans MS', 'Verdana';
font-size:13px;
color: grey;

  position:absolute;
  margin-top:79.5%;
  margin-left:10%;
    width:65.5%;
	height:0%;
   background-color: #ffffff;
   z-index:11;
}

#right22_2{
	font-family: 'Comic Sans MS', 'Verdana';
font-size:13px;
color: grey;
	
  position:absolute;
  margin-top:150%;
  margin-left:10%;
    width:65.5%;
	height:0%;
   background-color: #ffffff;
   z-index:11;
}

#right3{
	font-family: 'Comic Sans MS', 'Verdana';
font-size:13px;
color: grey;
	
  position:absolute;
  margin-left:70.0%;
  margin-top:79.5%;
    width:30%;
	height:0%;
   background-color: #ffffff;
    -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
   z-index:3;
}
#right3:hover { color:blue }
#right32{
	font-family: 'Comic Sans MS', 'Verdana';
font-size:13px;
color: grey;
	
  position:absolute;
  margin-left:70.0%;
  margin-top:79.5%;
    width:30%;
	height:0%;
   background-color: #ffffff;
    -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
   z-index:3;
}
#right32:hover { color:blue }

#right3_2{
	font-family: 'Comic Sans MS', 'Verdana';
font-size:13px;
color: grey;

  position:absolute;
  margin-left:75.0%;
  margin-top:150%;
    width:30%;
	height:0%;
   background-color: #ffffff;
    -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
   z-index:3;
}
#right3_2:hover { color:blue }


#right3.1{
  position:absolute;
  margin-left:82.5%;
  margin-top:83.14%;
    width:10%;
	height:0%;
   background-color: #ffffff;
    -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
   z-index:3;
}
#right3.1:hover { color:blue }

#right4{
  position:absolute;
  margin-left:38.5%;
  margin-top:39.3%;
    width:4.5%;
	height:0%;
   background-color: #ffffff;
    -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
   z-index:4;
}
#right4:hover { width:4.7%;}

#right5{
  position:absolute;
  margin-left:58%;
  margin-top:70.4%;
    width:33%;
	height:0%;
   background-color: #ffffff;
    -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
   z-index:6;
}
#right5:hover { width:35%;}

#right6{
  position:absolute;
  margin-left:57.5%;
  margin-top:78.2%;
    width:33%;
	height:0%;
   background-color: #ffffff;
    -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
   z-index:6;
}
#right6:hover { width:33.2%;}

#right7{
  position:absolute;
  margin-left:10.1%;
  margin-top:26%;
    width:48.1%;
	height:40%;
   background-color: #ffffff;
   z-index:13;
}

#right777{
  position:absolute;
  margin-left:10.1%;
  margin-top:23%;
    width:38.1%;
	height:30%;
   background-color: #ffffff;
   
   z-index:17;
}

#right81{
  position:absolute;
  margin-left:78.1%;
  margin-top:44%;
    width:38.1%;
	height:30%;
   background-color: #ffffff;
   
   z-index:14;
}
#right82{
  position:absolute;
  margin-left:78.1%;
  margin-top:47.6%;
    width:38.1%;
	height:30%;
   background-color: #ffffff;
   
   z-index:15;
}
#right83{
  position:absolute;
  margin-left:78.1%;
  margin-top:51.3%;
    width:38.1%;
	height:30%;
   background-color: #ffffff;
   
   z-index:16;
}
#right84{
  position:absolute;
  margin-left:78.1%;
  margin-top:54.8%;
    width:38.1%;
	height:30%;
   background-color: #ffffff;
   
   z-index:17;
}
#right9{
  position:absolute;
  margin-left:56.1%;
  margin-top:33.8%;
    width:38.1%;
	height:30%;
   background-color: #ffffff;
   
   z-index:17;
}

#right10{
  position:absolute;
  margin-left:56.1%;
  margin-top:40.8%;
    width:38.1%;
	height:30%;
   background-color: #ffffff;
   
   z-index:18;
}




#impress{
position:absolute;
margin-top:20%;
margin-left:5%;
margin-right:5%;
/*font-family:arial, "lucida console", sans-serif;
*/

     font-family: 'Comic Sans MS', 'Verdana';
}

#unten{
    position:absolute;
	
    

	
	z-index:0;
}
#unten2{
    position:absolute;
	z-index:0;
}
#kontakt{
width:45%;
   position:absolute;
   margin-left:9%;
   margin-top:5%;
	z-index:1;
	
}



#oben{
width:16%;
   position:absolute;
   margin-left:27%;
   margin-top:15%;
	z-index:1;
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
#oben:hover { width:18%;}
#oben2{
width:16%;
   position:absolute;
   margin-left:46%;
   margin-top:14.8%;
	z-index:2;
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
#oben2:hover { width:18%;}
#oben3{
     width:15%;
   position:absolute;
   margin-left:4%;
   margin-top:24%;
	z-index:3;
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
#oben3:hover { width:17%;}
#oben3:active {url(bilder/left/HomeG.jpg)}


#oben4{
width:20%;
   position:absolute;
   margin-left:19%;
   margin-top:31%;
	z-index:4;
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
#oben4:hover { width:23%;}
#oben5{
width:14.7%;
   position:absolute;
   margin-left:79%;
   margin-top:19.2%;
	z-index:5;
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
#oben5:hover { width:15.5%;}
#oben6{
width:21%;
   position:absolute;
   margin-left:20%;
   margin-top:24%;
	z-index:5;
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
#oben6:hover { width:23%;}
#oben7{
width:10%;
   position:absolute;
   margin-left:46.5%;
   margin-top:24%;
	z-index:5;
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
#oben7:hover { width:12%;}
#oben8{
width:10%;
   position:absolute;
   margin-left:64%;
   margin-top:27%;
	z-index:5;
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
#oben8:hover { width:11.5%;}

/* Das Kontaktformular */
form {
  background-color: transparent;
  width: 100%; /* Breite des Formulars */
  padding: 1%;
  
     font-family: 'Comic Sans MS', 'Verdana';
  /*border: 1px solid #8c8c8c;*/
}
label { /* Beschriftung auf eigener Zeile */
  width: 100%;
  display: block;
  cursor: pointer; /* Mauszeiger wird zur Hand */
 
     font-family: 'Comic Sans MS', 'Verdana';
  font-size: 15px;
}
input#absender,
textarea {
  width: 90%;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
  
     font-family: 'Comic Sans MS', 'Verdana';
 
     
  font-size: 90%;
}
textarea {
  
     font-family: 'Comic Sans MS', 'Verdana';
}
input:focus,
textarea:focus {

  background-color: #d9d9d9;
  
     font-family: 'Comic Sans MS', 'Verdana';
}