<!-- Universal Selektor alles in alle Browsern auf 0 -->
* {margin: 0px; padding: 0px; border: 0px;}

h1 {}
h2 {font-size: 1.5em; font-family: 'URW Palladio L'; font-weight: bold; font-style: italic; color: black;}
h3 {}
h4 {}
h5 {font-size: 0.9em; font-family: 'URW Palladio L'; font-weight: bold; font-style: italic;}
h6 {}

div#kopf {
  position: absolute;
  margin-top:  -35px;
  margin-left: 0px;
  width: 1625px;
  height: 90px;
  z-index:2;
  }

/* Blatt als Hauptseite */
div#blatt {
	position: absolute; 	
	margin-top: 0px;	
	margin-left: 325px;
	width: 1295px;
	height: 820px;
	 
	z-index: 1;
	} 
 
.kulitext {
	color: blue; 
  	font-size: 1.2em;
	font-family: 'GrundschriftRegular';
	font-weight: normal;
	font-style: italic;
	text-align: center;
} 

#kutex1 {
	position: absolute;
	margin-top: 30px;
	margin-left: 650px;
}
#Fischteller1 {
	position: absolute;
	margin-top: 20px;
	margin-left: 20px;
	z-index: 2;
	transform: rotate(-15deg);
} 
 
#Fischteller2 {
	position: absolute;
	margin-top:  30px;
	margin-left: 1000px;
	z-index: 2;
	transform: rotate(15deg);
} 

#Fischteller3 {
	position: absolute;
	margin-top: 280px;
	margin-left: 560px;
	z-index: 4;
	transform: rotate(20deg);
} 

#Fischteller4 {
	position: absolute;
	margin-top: 590px;
	margin-left: 20px;
	z-index: 2;
	 
} 

.Fischteller img{
	border-radius: 35%;
	border: 6px solid white;
}

figcaption {
	color: blue; 
  	font-size: 0.9em;
	font-family: 'GrundschriftRegular';
	font-weight: normal;
	font-style: italic;
	text-align: center;
}

.kulinarik {
	border-radius: 3px;	
	text-decoration: none;
}

.kulinarik img {
	width: 350px;
}

.kulinarik:hover {
	border: 3px solid red;
}

#Alice {
	position: absolute;
	margin-top: 70px;
	margin-left: 100px;
}

#Anker {
	position: absolute;
	margin-top: 150px;
	margin-left: 450px;
}

#DeichBaer {
	position: absolute;
	margin-top: 50px;
	margin-left: 850px;
}

#Krabbe {
	position: absolute;
	margin-top: 380px;
	margin-left: 30px;
	z-index: 3;
}

#Gila {
	position: absolute;
	margin-top: 400px;
	margin-left: 850px;
}

#Andy {
	position: absolute;
	margin-top: 450px;
	margin-left: 400px;
}

div#fussnav a {
  	position: absolute; 
  	margin-top:  10px;
  	margin-left: 1100px;
  	width 250px;
  	height: 20px;  
  	padding: 5px;
  	 
  	color: black; 
  	font-size: 1.2em;
	font-family: 'GrundschriftRegular';
	font-weight: normal;
	font-style: italic;
	color: #7F7F7F;
  	text-decoration: none;
}
 
div#fussnav a:hover {
 	color: white;
  	background-color: gray;
  	border-radius: 3px;
}

div#fussnav li {
  margin-left: 140px;	  
  display: inline;	 
  }
  
  /* Dropdown von Textebn Bildern etc ... */
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  top: 100px;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.desc {
	width: 450px;
	height: 520px;
  	padding: 15px;
  	text-align: center;
  	border-radius: 3px;
  	border: 2px groove gray;
  	z-index: 8;
}