@charset "utf-8";

#home1      { 
     text-decoration: none;
	/*	 background-position: center top;
		 	background-repeat: no-repeat; */
			display:block;
      background:url(../images/unternehmen.png) no-repeat top left;
		
		/* background: url(sonne.png) no-repeat top left; */
    background-position: 0 0; width: 148px; height: 148px;
				
}

#home1:hover,  #home1:active{ 
			text-decoration: none;
/*			background-position: center top;
			background-repeat: no-repeat;		 */
			display:block;
			background:url(../images/mouseover-unternehmen.png)no-repeat top left;
			
			background-position: 0 0; width: 148px; height: 148px;

}

#home2      { 
     text-decoration: none;
	/*	 background-position: center top;
		 	background-repeat: no-repeat; */
			display:block;
      background:url(../images/klauenstand.png) no-repeat top left;
		
		/* background: url(sonne.png) no-repeat top left; */
    background-position: 0 0; width: 148px; height: 148px;
				
}

#home2:hover,  #home2:active{ 
			text-decoration: none;
/*			background-position: center top;
			background-repeat: no-repeat;		 */
			display:block;
			background:url(../images/mouseover-klauenstand.png)no-repeat top left;
			
			background-position: 0 0; width: 148px; height: 148px;

}

#home3      { 
     text-decoration: none;
	/*	 background-position: center top;
		 	background-repeat: no-repeat; */
			display:block;
      background:url(../images/kontakt.png) no-repeat top left;
		
		/* background: url(sonne.png) no-repeat top left; */
    background-position: 0 0; width: 148px; height: 148px;
				
}

#home3:hover,  #home3:active{ 
			text-decoration: none;
/*			background-position: center top;
			background-repeat: no-repeat;		 */
			display:block;
			background:url(../images/mouseover-kontakt.png)no-repeat top left;
			
			background-position: 0 0; width: 148px; height: 148px;

}





#unternehmen     { 
     text-decoration: none;
	/*	 background-position: center top;
		 	background-repeat: no-repeat; */
			display:block;
      background:url(../images/mouseon-unternehmen.png) no-repeat top left;
		
		/* background: url(sonne.png) no-repeat top left; */
    background-position: 0 0; width: 148px; height: 148px;
				
}

#unternehmen:hover,  #unternehmen:active{ 
			text-decoration: none;
/*			background-position: center top;
			background-repeat: no-repeat;		 */
			display:block;
			background:url(../images/mouseover-unternehmen.png)no-repeat top left;
			
			background-position: 0 0; width: 148px; height: 148px;

}


#kippstaende{ 
     text-decoration: none;
	/*	 background-position: center top;
		 	background-repeat: no-repeat; */
			display:block;
      background:url(../images/mouseon-klauenstand.png) no-repeat top left;
		
		/* background: url(sonne.png) no-repeat top left; */
    background-position: 0 0; width: 148px; height: 148px;
				
}

#kippstaende:hover,  #kippstaende:active{ 
			text-decoration: none;
/*			background-position: center top;
			background-repeat: no-repeat;		 */
			display:block;
			background:url(../images/mouseover-klauenstand.png)no-repeat top left;
			
			background-position: 0 0; width: 148px; height: 148px;

}




#produkte      { 
 text-decoration: none;
/*	 background-position: center top;
		 	background-repeat: no-repeat;  */
	display:block;
  background:url(../images/mouseon-prod.png) no-repeat top left;
		
/* background: url(sonne.png) no-repeat top left; */
    background-position: 0 0; width: 148px; height: 148px;
				
}

#produkte:hover,  #produkte:active{ 
			text-decoration: none;
/*			background-position: center top;
			background-repeat: no-repeat;		 */
			display:block;
			background:url(../images/mouseover-prod.png)no-repeat top left;
			
     background-position: 0 0; width: 148px; height: 148px;
}

#kontakt      { 
     text-decoration: none;
	/*	 background-position: center top;
		 	background-repeat: no-repeat; */
			display:block;
      background:url(../images/mouseon-kontakt.png) no-repeat top left;
		
		/* background: url(sonne.png) no-repeat top left; */
    background-position: 0 0; width: 148px; height: 148px;

}

#kontakt:hover,  #kontakt:active{ 
			text-decoration: none;
/*			background-position: center top;
			background-repeat: no-repeat;		 */
			display:block;
			background:url(../images/mouseover-kontakt.png)no-repeat top left;
			
			background-position: 0 0; width: 148px; height: 148px;

}

#klauenstand     { 
     text-decoration: none;
	/*	 background-position: center top;
		 	background-repeat: no-repeat; */
			display:block;
      background:url(../images/mouseon-klauenstand.png) no-repeat top left;
		
		/* background: url(sonne.png) no-repeat top left; */
    background-position: 0 0; width: 148px; height: 148px;
				
}

#klauenstand:hover,  #klauenstand:active{ 
			text-decoration: none;
/*			background-position: center top;
			background-repeat: no-repeat;		 */
			display:block;
			background:url(../images/mouseover-klauenstand.png)no-repeat top left;
			
			background-position: 0 0; width: 148px; height: 148px;

}

#manager     { 
     text-decoration: none;
	/*	 background-position: center top;
		 	background-repeat: no-repeat; */
			display:block;
      background:url(../images/mouseon-manager.png) no-repeat top left;
		
		/* background: url(sonne.png) no-repeat top left; */
    background-position: 0 0; width: 148px; height: 148px;
				
}

#manager:hover,  #manager:active{ 
			text-decoration: none;
/*			background-position: center top;
			background-repeat: no-repeat;		 */
			display:block;
			background:url(../images/mouseover-manager.png)no-repeat top left;
			
		background-position: 0 0; width: 148px; height: 148px;

}










#warum    { 
     text-decoration: none;
	/*	 background-position: center top;
		 	background-repeat: no-repeat; */
			display:block;
      background:url(../images/mouseon-warum.png) no-repeat top left;
		
		/* background: url(sonne.png) no-repeat top left; */
    background-position: 0 0; width: 148px; height: 148px;
				
}

#warum:hover,  #warum:active{ 
			text-decoration: none;
/*			background-position: center top;
			background-repeat: no-repeat;		 */
			display:block;
			background:url(../images/mouseover-warum.png)no-repeat top left;
			
			background-position: 0 0; width: 148px; height: 148px;

}

#einmaleins    { 
     text-decoration: none;
	/*	 background-position: center top;
		 	background-repeat: no-repeat; */
			display:block;
      background:url(../images/mouseon-einmaleins.png) no-repeat top left;
		
		/* background: url(sonne.png) no-repeat top left; */
    background-position: 0 0; width: 148px; height: 148px;
				
}

#einmaleins:hover,  #einmaleins:active{ 
			text-decoration: none;
/*			background-position: center top;
			background-repeat: no-repeat;		 */
			display:block;
			background:url(../images/mouseover-einmaleins.png)no-repeat top left;
			
			background-position: 0 0; width: 148px; height: 148px;

}

#gal   { 
     text-decoration: none;
	/*	 background-position: center top;
		 	background-repeat: no-repeat; */
			display:block;
      background:url(../images/mouseon-gal.png) no-repeat top left;
		
		/* background: url(sonne.png) no-repeat top left; */
    background-position: 0 0; width: 148px; height: 148px;
				
}

#gal:hover,  #gal:active{ 
			text-decoration: none;
/*			background-position: center top;
			background-repeat: no-repeat;		 */
			display:block;
			background:url(../images/mouseover-gal.png)no-repeat top left;
			
			background-position: 0 0; width: 148px; height: 148px;

}

#vid   { 
     text-decoration: none;
	/*	 background-position: center top;
		 	background-repeat: no-repeat; */
			display:block;
      background:url(../images/mouseon-vid.png) no-repeat top left;
		
		/* background: url(sonne.png) no-repeat top left; */
    background-position: 0 0; width: 148px; height: 148px;
				
}

#vid:hover,  #vid:active{ 
			text-decoration: none;
/*			background-position: center top;
			background-repeat: no-repeat;		 */
			display:block;
			background:url(../images/mouseover-vid.png)no-repeat top left;
			
			background-position: 0 0; width: 148px; height: 148px;
}



/* Social Media rechts oben */
/* EMAIL image swap */
#email{
   text-decoration: none;
	 	display:block;
    background-image:url(../images/ico-email.png);
	background-size: 40px 34px;
		background-repeat: no-repeat;
	  background-position: 0 0; width: 42px; height: 35px;
}

#email:hover, #email:active {
		  	text-decoration: none;
				display:block;
		   background-image:url(../images/ico-email-gelb.png);
	background-size: 40px 34px;
		background-repeat: no-repeat;
       background-position: 0 0; width: 42px; height: 35px;
	}

/* FB image swap */
#face{
   text-decoration: none;
	 	display:block;
    background-image:url(../images/ico-face.png);
	background-size: 40px 34px;
		background-repeat: no-repeat;
	  background-position: 0 0; width: 42px; height: 35px;
}

#face:hover, #face:active {
		  	text-decoration: none;
				display:block;
		   background-image:url(../images/ico-face-gelb.png);
	background-size: 40px 34px;
		background-repeat: no-repeat;
       background-position: 0 0; width: 42px; height: 35px;
	}

/* GOOGLE+ image swap */
#google{
   text-decoration: none;
	 	display:block;
    background-image:url(../images/ico-google.png);
		background-size: 40px 34px;
		background-repeat: no-repeat;
	  background-position: 0 0; width: 42px; height: 35px;
}

#google:hover, #google:active {
			text-decoration: none;
			display:block;
			background-image:url(../images/ico-google-gelb.png); 
			background-size: 40px 34px;
			background-repeat: no-repeat;
			background-position: 0 0; width: 42px; height: 35px;
	}

/* YOUTUBE image swap */
#tube{
   text-decoration: none;
	 	display:block;
    background-image:url(../images/ico-tube.png);
	background-size: 40px 34px;
		background-repeat: no-repeat;
	  background-position: 0 0; width: 42px; height: 35px;
}

#tube:hover, #tube:active {
		  	text-decoration: none;
				display:block;
		   background-image:url(../images/ico-tube-gelb.png);
	background-size: 40px 34px;
		background-repeat: no-repeat;
       background-position: 0 0; width: 42px; height: 35px;
	}

/* SKYPE image swap */
#skype{
   text-decoration: none;
	 	display:block;
    background-image:url(../images/ico-skype.png);
	background-size: 40px 34px;
		background-repeat: no-repeat;
	  background-position: 0 0; width: 42px; height: 35px;
}

#skype:hover, #skype:active {
		  	text-decoration: none;
				display:block;
		   background-image:url(../images/ico-skype-gelb.png);
	background-size: 40px 34px;
		background-repeat: no-repeat;
       background-position: 0 0; width: 42px; height: 35px;
	}