@charset "UTF-8";
/* CSS Document */

.menu {
width: 100%;
margin: 0px;
padding: 0;
overflow: hidden;


}

.menu a {
position: relative;
float: left;
width: 250px;
height: 250px;
margin: 2px 2px 2px 2px;
border-radius: 15px;
list-style: none;
text-decoration: none;
padding: 7px;

}


.menu a .image {
position: absolute;
width: 250px;
height: 250px;

}




.menu:hover > a {
opacity: 0.8;


}

.menu:hover > a:hover {
opacity: 1;
}

.menu a.titlepic {
background: #339933;
}

.menu a.angebot {
background: #ff6666;
}

.menu a.ueber {
background: #0000cc;
}

.menu a.preis {
background: #33cc99;
}

.menu a.kontakt {
background: #ffff33;
}

.menu a.quadrat1 {
background: #9933cc;
}

.menu a.quadrat2 {
background: #3399ff;
}

.menu a.quadrat3 {
background: #ff9933;
}

.menu a.quadrat4 {
background: #999966;
}

.menu a.quadrat5 {
background: #ff3366;
}

.menu a.quadrat6 {
background: #99ff66;
}

.menu a.quadrat7 {
background: #cccccc;
}

.menu a.quadrat8 {
background: #990000;
}

.menu a.quadrat9 {
background: #ff3399;
}

.menu a.quadrat10 {
background: #3366cc;
}




.menu a.titlepic .image {
background: url(images/titlepic.png) center no-repeat;
}

.menu a.angebot .image {
background: url(images/angebot.png) center no-repeat;
}

.menu a.ueber .image {
background: url(images/ueber.png) center no-repeat;
}

.menu a.preis .image {
background: url(images/preis.png) center no-repeat;
}

.menu a.kontakt .image {
background: url(images/kontakt.png) center no-repeat;
}


body {
	
	font-family: rkFONT;
        font-size: 25px;
	background-color: #fff;
	
	
}

#content  {
	margin-top: 30px;
	margin-left: 5px;
	}

#content .link a{
	padding:1px 4px;
	color:#339933;
	background-color:#fff;
	text-decoration: none;

	}
	
	
	#content .link a:hover{
	padding:1px 4px;
	color:#ff6666;
	background-color:#fff;
	text-decoration: none;

	}

	
	
	
	
	
#container  {
	margin-top: 5px;
	margin-left: 5px;
	width: 70%;
	}