*{margin:0;
  padding:0;
  }


html {
		
	background:#e5be8a url(../layout/background.jpg) repeat  scroll center top ;
	background-attachment:fixed;
	


}

#wrapper{
	margin:0px auto;
	width:1140px; 
	height:auto;
	border:0px solid #000;
	
	}
	
#content
{
	margin:0 auto;
	width:1140px;
	height:auto;
	border:0px solid #fff;
	
	position:relative;
	overflow:hidden;
	
	}
	
#header
{
	width:450px;
	height:auto;
	margin:0 auto;
	padding-top:0px;
	border:0px solid #000;
	
	
	
	}	
	
	
	
li a{text-decoration:none;}	
	
	
	
	
/*Chico*/	
.chico
{
	top:80px;
	left:30px;
	position:absolute;
	z-index:5;

	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-o-transition:all .1s ease-in-out;
	transition:all .1s ease-in-out;	


	}

.chico:hover
{
 -moz-transform: scale(1.01);
-webkit-transform: scale(1.01); 

-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-o-transition:all .1s ease-in-out;
	transition:all .1s ease-in-out;	

}

.chicotext
{
	position:absolute;
	
	display:block;
	font-size:16px;	
	opacity:0;
	margin-top:30px;
	margin-left:1000px;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;	
}
.btn:hover .chicotext
{	
	opacity:1;
	font-size:50px;
	color:Red;
	margin-top:30px;
	margin-left:10px;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;	
	
}


/*Onti*/
.onti
{
	top:665px;
	left:870px;
	position:absolute;
	z-index:5;

	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-o-transition:all .1s ease-in-out;
	transition:all .1s ease-in-out;	

	}

.onti:hover
{
 -moz-transform: scale(1.01);
-webkit-transform: scale(1.01); 

-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-o-transition:all .1s ease-in-out;
	transition:all .1s ease-in-out;	

}


.ontitext
{
	position:absolute;
	display:block;
	font-size:16px;
	opacity:0;
	margin-top:630px;
	margin-left:850px;
	
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;	
}
.btn:hover .ontitext
{	
	opacity:1;
	font-size:50px;
	color:#00ff00;
	margin-top:500px;
	margin-left:850px;
	
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;	
	
	
}

/*Kira*/
.kira
{
	top:119px;
	left:810px;
	position:absolute;
	z-index:5;

	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-o-transition:all .1s ease-in-out;
	transition:all .1s ease-in-out;	

	}

.kira:hover
{
 -moz-transform: scale(1.01);
-webkit-transform: scale(1.01); 

-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-o-transition:all .1s ease-in-out;
	transition:all .1s ease-in-out;	

}

.kiratext
{
	position:absolute;
	display:block;
	font-size:16px;
	opacity:0;
	
	margin-top:-50px;
	margin-left:950px;
	
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;	
	
}
.btn:hover .kiratext
{	
	opacity:1;
	font-size:50px;
	color:Yellow;
	margin-top:-100px;
	margin-left:980px;
	
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;	
	
}

/*Zwacki*/
.zwacki
{
	top:635px;
	left:165px;
	position:absolute;
	z-index:5;

	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-o-transition:all .1s ease-in-out;
	transition:all .1s ease-in-out;	
}


.zwacki:hover
{
 -moz-transform: scale(1.01);
-webkit-transform: scale(1.01); 

-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-o-transition:all .1s ease-in-out;
	transition:all .1s ease-in-out;	

}


.zwackitext
{
	position:absolute;
	display:block;
	font-size:16px;
	opacity:0;
	z-index:0;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;	
	
	margin-top:320px;
	margin-left:500px;
}
.btn:hover .zwackitext
{	
	z-index:0;
	opacity:1;
	font-size:50px;
	color:Blue;
	margin-top:420px;
	margin-left:150px;
	
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;	
	
}


/*Textschatten Gelb*/
.schattengelb
{text-shadow: 0 0 0.2em YELLOW, 0 0 0.2em YELLOW,
        0 0 0.2em YELLOW}


/*Textschatten blau*/
.schattenblau
{text-shadow: 0 0 0.2em Blue, 0 0 0.2em Blue,
        0 0 0.2em Blue}

/*Textschatten Schwarz*/
.schattenschwarz
{text-shadow: 5px 0px 0.2em Black, 0px 5px 0.2em Black,
        -5px 0px 0.2em Black, 0px -5px 0.2em Black}
        
/*Textschatten Gelb*/


#socialmedia
{
      
      top:-30px;
      left:420px;
      position:relative;
      
      
      }

#socialmedia li
{
      display:inline;
      text-decoration:none;
      
      }
	  
#socialmedia a:hover img{
			
		 -moz-transform: scale(1.1);
		-webkit-transform: scale(1.1); 

}


/*=======================*/
/*=== SEITENNAVIGATION ALLGEMEIN===*/
/*=======================*/	


.fade{
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;


-webkit-border--radius: 10px;
-webkit-border--radius: 10px;
-moz-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
border-radius: 10px;

-webkit-box-shadow: 1px 1px 2px #666; /*box-shadow: [horizontale position] [vertikale position] [verlauf-effekt] [größe] [farbe] [innen/außen]*/
-moz-box-shadow: 	1px 1px 2px #666;
-o-box-shadow: 		1px 1px 2px #666;
-ms-box-shadow: 	1px 1px 2px #666;
box-shadow: 		1px 1px 2px #666;


}


 
 
 .seitennaviinhaltrechts ul,.seitennaviinhaltoben ul
 {
 
 	list-style:none;
 }



/*=======================*/
/*=== SEITENNAVIGATION Rechts===*/
/*=======================*/	

.seitennavigationrechts
{
width:300px;
height:225px;
top:40%;
position:fixed;
right:-260px;
z-index:300;
background:url(../layout/gelb80.png);
}




.seitennavigationrechts:hover
{
right:-10px;
z-index:300;	
}



.seitennavitextrechts
{background:url(../layout/seitennavi.png)no-repeat center;
 width:50px;
 height:225px;
 float:left;
 border-right:1px solid #000;
 }
 
 .seitennaviinhaltrechts
 {
 width:249px;
 padding:0px 0 0 0px;
 background:url(../layout/gelb90.png);
 float:right;
 	
 }

.seitennaviinhaltrechts li
{
	padding:5px 0;
}

/*=======================*/
/*=== SEITENNAVIGATION Oben===*/
/*=======================*/	

.seitennavigationoben
{
width:420px;
height:110px;
left:5%;
position:fixed;
top:-90px;
z-index:300;
background:url(../layout/gelb80.png);
}

.seitennavigationoben:hover
{
top:-10px;
z-index:300;	
}

 .seitennaviinhaltoben
 {
 width:410px;
 padding:20px 5px 10px 5px;
 background:url(../layout/gelb90.png);
 	
 }
 
 .seitennavitextoben
 {
 	border-top:1px solid Black;
 	padding-top:3px;
 }