* {
}
img{
	width: 100%;
}
.pic{
	background-color: #FCED23;
	line-height: 0.7em;
	box-shadow: 10px 10px 20px #333;
	-webkit-box-shadow: 10px 10px 20px #333;
	width: 30px;
	font-family: Arial, "Lucida Grande", Times;
	padding-right: 0px;
	padding-top: 2px;
	padding-left: 0px;
	padding-bottom: 2px;
	text-align: center;
	margin-bottom: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FCED23;
	border-right-color: #FCED23;
	border-bottom-color: #FCED23;
	border-left-color: #FCED23;
}
.picbig{
	position: absolute;
	width: 0px;
	-webkit-transition:	width 0.3s linear 0s;
	transition:	width 0.3s linear 0s;
	margin-left: 1%;
	}
.pic:hover + .picbig{
	width: 80%;
	background-color: #FF6;
}
.navfisch{
	z-index: 0;
	position: absolute;
	width: 80%;
	margin-top: -330px;
}
.karte{
	z-index: -1;
	min-height: 25em;
}
#abstand{
	min-height: 5em;
	width: 100%;
	padding-top: 5em;
	marging-top: -1em;
}
/*Pfeil*/
.link{
	width: 4%;
	padding-left: 1%;
	float: left;
}
@media only screen and (min-width:480px) {
.pic:hover + .picbig{
	width: 40%;
}
.navfisch{
	margin-top: -530px;
}
.karte{
	z-index: -1;
	min-height: 41em;
}
	}
@media only screen and (min-width:768px) {
.pic{
	line-height: 1em;
	width: 30px;
	padding-right: 2px;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 0px;
	text-align: center;
}
.pic:hover + .picbig{
	width: 30%;
}
.navfisch{
	margin-top: -600px;
}
#abstand{
	width: 70%;
	padding-top: 7em;
	margin-left: 15%;
	margin-right: 15%;
}
.karte{
	min-height: 40em;
	width: 70%;
	padding-left: 15%;
	padding-right: 15%;
}
.link{
	width: 3%;
}
}
@media only screen and (min-width:1024px) {
.pic{
	line-height: 2.2em;
	width: 30px;
	padding-right: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.navfisch{
	margin-top: -800px;
}
}
@media only screen and (min-width:1300px) {
.navfisch{
	margin-top: -1000px;
}
}
@media only screen and (min-width:1700px) {
* {
	max-width: 1900px;
}
body {
	width: 100%;
}
#wrapper {
	max-width: 1800px;
}
#head{
	width: 100%;
	}
#head img{
	margin-right: 20%;
	margin-left: 40%;
	margin-top: 27px;
	width: 60%;
}
}