@font-face{
    font-family: Andes;
    src: url('fonts/ANDES.ttf');

}



body{
	background-image: url(img/bg.jpg);
	margin: 0px;
	font-family: verdana;
	}


li{margin-bottom: 5px; font-style: italic;}



#wrapper{	

	position: relative;
	width: 795px;

	margin: auto auto;
	top: 75px;
	background-color: white;
	
}


#Logo_Kasten{	

	position: relative;
	width: 346px;
	height: 75px;
	background-color: #008bcf;
	
}


#Logo{	

	position: relative;
	top:25px;
	left: 10px;
	
}

#Anders{	

	position: absolute;
	top:225px;
	right: -20px;
	z-index:2;
	
}

.Menu{	

	position: absolute;
	width: 75px;
	height: 75px;
	background-image: url(img/button.jpg);
	z-index: 5;
	top: 0px;
	left: 347px;
	
}



.Menu:hover{	

	position: absolute;
	width: 75px;
	height: 75px;
	background-image: url(img/button1.jpg);
	z-index: 5;
	top: 0px;
	left: 346px;
	color:black;
	
}

.Menu2{	

	position: absolute;
	width: 48px;
	height: 75px;
	background-image: url(img/button.jpg);
	z-index: 5;
	top: 0px;
	left: 347px;
	
}



.Menu2:hover{	

	position: absolute;
	width: 48px;
	height: 75px;
	background-image: url(img/button1.jpg);
	z-index: 5;
	top: 0px;
	left: 346px;
	color:black;
	
}



.Menu3{	

	position: absolute;
	width: 90px;
	height: 75px;
	background-image: url(img/button.jpg);
	z-index: 5;
	top: 0px;
	left: 347px;
	
}



.Menu3:hover{	

	position: absolute;
	width: 90px;
	height: 75px;
	background-image: url(img/button1.jpg);
	z-index: 5;
	top: 0px;
	left: 346px;
	color:black;
	
}

.Menu4{	

	position: absolute;
	width: 85px;
	height: 75px;
	background-image: url(img/button.jpg);
	z-index: 5;
	top: 0px;
	left: 347px;
	
}



.Menu4:hover{	

	position: absolute;
	width: 85px;
	height: 75px;
	background-image: url(img/button1.jpg);
	z-index: 5;
	top: 0px;
	left: 346px;
	color:black;
	
}


.Menu5{	

	position: absolute;
	width: 65px;
	height: 75px;
	background-image: url(img/button.jpg);
	z-index: 5;
	top: 0px;
	left: 347px;
	
}



.Menu5:hover{	

	position: absolute;
	width: 65px;
	height: 75px;
	background-image: url(img/button1.jpg);
	z-index: 5;
	top: 0px;
	left: 346px;
	color:black;
	
}

.Menu6{	

	position: absolute;
	width: 79px;
	height: 75px;
	background-image: url(img/button.jpg);
	z-index: 5;
	top: 0px;
	left: 347px;
	
}



.Menu6:hover{	

	position: absolute;
	width: 79px;
	height: 75px;
	background-image: url(img/button1.jpg);
	z-index: 5;
	top: 0px;
	left: 346px;
	color:black;
	
}


.Abstand{	


	left: 423px;
	
}

.Abstand:hover{	


	left: 423px;
	
}





.Abstand2{	


	left: 472px;
	
}

.Abstand2:hover{	


	left: 472px;
	
}

.Abstand3{	


	left: 563px;
	
}

.Abstand3:hover{	


	left: 563px;
	
}

.Abstand4{	


	left: 649px;
	
}

.Abstand4:hover{	


	left: 649px;
	
}

.Abstand5{	


	left: 715px;
	
}

.Abstand5:hover{	


	left: 715px;
	
}


#img_Seite{	

	position: relative;
	width: 795px;
	height: 199px;
	
}

#Headline_Image{	

	position: absolute;
	width: 250px;
	height: 50px;
	top:185px;
	background-color: #008bcf;
	z-index:1;
	
}

#Headline_Image_Schrift{	

	color: #ffed00;
	text-align: right;
	position: absolute;
	right: 10px;
	font-size: 8pt;
	bottom: 5px;
	
}

#Logo_Image_Schrift{	


	font-family: Andes;
	color: #ffed00;
	text-align: left;
	position: absolute;
	left: 15px;
	font-size: 25pt;
	bottom: 10px;
	
}

.Menu_Schrift{	

	color: white;
	position: absolute;
	font-size: 8pt;
	bottom: 3px;
	left: 8px;
	
}

.Menu_Schrift:hover{	

	color: black;
	position: absolute;
	font-size: 8pt;
	bottom: 3px;
	left: 8px;
	
}

#Copy_Schrift{	

	color: white;
	position: absolute;
	left: 10px;
	font-size: 7pt;
	bottom: 8px;
	
}

#Submenu      {
	color: white;
	position: absolute;
	right: 10px;
	font-size: 7pt;
	bottom: 8px;
	
}

a      {
	color: white;
	font-size: 7pt;
	text-decoration: none;
	
}

a:hover    {
	color: white;
	font-size: 7pt;
	text-decoration: underline;
	
}

#Grau{	
	position: absolute;
	width: 250px;
	height: 100%;
        z-index:1;
	background-color: #c3c3c3;
	
}

#Balken_Unten{	

	position: relative;
	width: 795px;
	height: 30px;
        z-index:1;
	bottom: 0px;
	background-color: #008bcf;
	
}

#Content_Text{	

	position: relative;
	width: 400px;
	left: 250px;
	padding: 35px;
	font-size: 10pt;
	
}

#Content{	

	position: relative;
	width: 795px;
	background-color: white;
	
}


#kontakt{

	position:relative;

	}

#textfeld-1{

	position:relative;
	width:200px;
	font-size: 9pt;

	}
	
#textfeld-2{

	left:230px;
	position:absolute;
	width:200px;
	top: 0px;
	font-size: 9pt;
	}

#button{

background-color:#008bcf;
color: white;
border: none;
width: 118px;

}

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
	padding-left: 3px;
	padding-top: 3px;

border-style: none;
   }

   .fade:hover {
      opacity: 0.5;
     }