* { margin: 0;
	 padding: 0;
	 }
	 
html, body {											/*Schriftart für alles definieren*/
  font: 100% Arial, Helvetica, sans-serif;
}	 
	 
.abstand{margin-bottom: 0.7em;
	 		margin-top: 0.5em}
	 		
.box{		width: 480px;
	 		height: 360px;
	 		/*background-color: green;*/
	 		margin-bottom: 20px;
	 		-ms-box-shadow: 10px 10px 10px grey;
	 		-moz-box-shadow: 10px 10px 10px grey;
	 		-webkit-box-shadow: 10px 10px 10px grey;
	  		box-shadow: 10px 10px 10px grey;
	  }
#navi {
	float: left;   
   /*background-color:thistle;*/
   width: 180px;
   height: 480px;
   text-align: left;               /* Textausrichtung     */
   padding-top: 30px;
   }
#navi ul {
   list-style: none;               /* keine Aufzählungspunkte */
}
 
#navi strong,
#navi a {
   /*background-color: white;*/       /* Hintergrundfarbe   */
   display: block;
   font-size: 14pt;
   font-weight: bold;
   /*font-family: Times serif;*/
   padding-top: 14px;               /* Innenabstand oben  */
   padding-bottom: 2px;            /* Innenabstand unten */
   padding-left: 2px;              /* Innenabstand links */
   padding-right: 8px;             /* Innenabstand rechts */
   border-bottom: 1px solid black;
   margin-left: 30px;
   } 
 #navi a:hover {
    background-color: lightgrey;
    color: #a00000;	text-decoration: none;
}
   
a:link    { color:#a00000;   text-decoration:none; }
a:visited { color:#a00000;  text-decoration:none; }
a:focus   { color:#a00000;  text-decoration:none; outline: none;}
a:hover   { color:red;    text-decoration:none;}
a:active  { color:#a00000; text-decoration:underline; outline: none;}

#steuerungoben {
	display: block;
   /* background-color: red;
   background-image: url(bilder/grau-50.png);*/
    height: 24px;
    border-bottom:2px solid black;
}

#steuerungoben ul {
    list-style-type: none;
}

#steuerungoben li {
    display: inline;
    width: 100px;
    /*background-color: lightgrey;*/
    float: left;
    /* border-right: 1px solid red; */
    font-size: 14pt;
    font-weight: bold;
    /*font-family: Times serif;*/
    text-align: center;
    line-height: 24px;
    color: black;
    text-decoration: none;
}

#steuerungoben a {
    display: block;
    width: 90px;
    /* background-color: yellow; */
    float: left;
    /* border-right: 1px solid red; */
    font-size: 14pt;
    font-weight: bold;
    /*font-family: Times serif;*/
    text-align: center;
    line-height: 24px;
    /*color: white;*/
    text-decoration: none;
}

#steuerungoben a:hover {
    /*background-image: url(bilder/grau-50.png);*/
    background-color: lightgrey;
    color: #a00000;	text-decoration: none;
}
		
/* neue Steuerung---------------------------- */
nav {
  box-sizing: border-box;
  float: left;
  width: 100%;
  background: #BFBFBF;
  font-size: 14px;
  border-bottom: 2px solid black;
}
nav ul {
  margin: 0;
  padding: 0;
}
 
nav a {
  display: block;
  color: #A00000;
  text-decoration: none;
}
nav ul li {
  position: relative;
  float: left;
  list-style: none;
}
 
nav ul li:hover {
  background: #a6a6a6;
  font-weight: bold;
}
 
nav ul li a {
    padding: 5px 20px 5px 20px;
    font-weight: bold;
}
nav ul ul {
  position: absolute;
  top: -9999px;
  left: -9999px;
  background: #BFBFBF;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
}
 
nav ul ul li {
  float: none;
  width: 150px;
  border-bottom: 1px solid #555;
}
 
nav ul ul li a {
  padding: 7px 20px;
}
nav ul li:hover > ul {
  top: 100%;
  left: 0;
}
nav ul ul li:hover > ul {
  top: 0;
  left: 150px;
}
nav ul li.submenu > a:after {
  position: relative;
  float: right;
  content: '';
  margin-left: 10px;
  margin-top: 5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #a00000;
  border-bottom: 5px solid transparent;
}
nav ul ul li.submenu a:after {
  margin-left: auto;
  margin-right: -10px;
  border-left: 5px solid #fff;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
nav ul ul li:last-child {
  border-bottom: none;
}
/* neue Steuerung-ENDE--------------------------- */

#slideshow {
   /*background-color: yellowgreen;*/
   /*float: left;*/
   /*width: 480px;*/
   height: 450px;
   padding: 50px 30px 0px 30px;
   text-align: left;
   font-size: 14pt;
   font-weight: normal;
   /*font-family: Times serif;*/
}
   
#inhalte {
   background-color: whitesmoke;
   /*float: left;*/
   width: 870px;
   /*height: 90px;*/
   margin: 20px 30px 20px 30px;
   padding: 15px 15px 15px 15px;
   text-align: left;
   font-size: 16pt;
   font-weight: bold;
   /*font-family: Times serif;*/
 }
#anreise {
   background-color: whitesmoke;
   /*float: left;*/
   width: 870px;
   /*height: 90px;*/
   margin: 0px 30px 20px 30px;
   padding: 15px 15px 15px 15px;
   text-align: left;
   font-size: 16pt;
   font-weight: bold;
   /*font-family: Times serif;*/
 } 
#seitenbereich {
  text-align:left;  /* Inhalt wieder links */
  margin: 0 auto;   /* Zentrierung mitte */
  width: 960px;
  background-color: #F2F2F2;
  background-color: hsla(0, 0%, 95%, 0.7);
  /*background-image: url(Bilder/marmor.jpg);*/
    }
body {
  text-align: center; /* Zentrierung IE */
  /*background-color: white;  /*Seitenhintergrundfarbe*/
  background-image: url(Bilder/back03.jpg);
  background-attachment: fixed;
  padding-top: 20px;
  padding-bottom: 20px;
}
#kopfzeile {
  	height: 170px;
   /*background-color:lightskyblue;*/
   border-bottom:2px solid black;
   padding: 20px;
   text-align: center;
	/*font-family: Times serif;*/
	font-size: 12pt;
	}
#adresse {
  	height: 120px;
   /*background-color:lightskyblue;*/
   padding-top: 30px;
   text-align: center;
	/*font-family: Times serif;*/
	font-size: 11pt;
	}
#logo {
    float:left;
    width: 360px;
    height: 143px;
	 margin-top: 20px;   
    margin-right: 20px;
    border-radius: 10px;
    -ms-box-shadow: 10px 10px 10px grey;
	 -moz-box-shadow: 10px 10px 10px grey;
	 -webkit-box-shadow: 10px 10px 10px grey;
	  box-shadow: 10px 10px 10px grey;
			 }
#bild {
	 width: 480px;
    height: 360px;
	 margin-bottom: 20px;   
    -ms-box-shadow: 10px 10px 10px grey;
	 -moz-box-shadow: 10px 10px 10px grey;
	 -webkit-box-shadow: 10px 10px 10px grey;
	  box-shadow: 10px 10px 10px grey;
	  }
h1 {
	 margin-bottom: 0.25em;	 
	 color:#a00000;
    font-size: 36pt;
    /*font-family: Times serif;*/
    text-shadow: 3px 3px 5px black;
}
h2 { margin-bottom: 0.25em;	 
	 color:#a00000;
    font-size: 22pt;
    /*font-family: Times serif;*/
    text-shadow: 3px 3px 5px black;}
h3 {margin-top: 0.5em;
	 font-size: 20pt;
    /*font-family: Times serif;*/
	 text-decoration: underline;
	 }
h4 {margin-top: 0.5em;
	 font-size: 14pt;
    /*font-family: Times serif;*/
	 text-decoration: underline;
	 }	 
hr {margin-bottom: 0.5em}
#face {
    float:right;
    width: 90px;
    height: 180px;
    margin-left: 20px;
    margin-top: 10px;
    /*border:1px solid red;*/
    color: #4965B5;
    font-size: 10pt;
    font-weight: bold;
    font-family: sans-serif;
    text-align: left;
    line-height: 1.2em
    
} 
#lautergenuss {
    width: 300px;
    height: 80px;
    } 
#fusszeile {
  clear: both;
  /*background-color:lightskyblue;*/
  /*border-top: 2px solid black;*/
  text-align: center;
  font-size: 12pt;
  font-weight: normal;
  /*font-family: Times serif;*/
  height: 90px;
  /*padding-top: 5px;*/
}
#fuss {
	/*float: left;*/
	margin: 0px 0px 20px 0px;
 	padding-top: 10px; 
 	padding-bottom: 10px; 
 	padding-left: 0px; 
 	padding-right: 0px; 
 	line-height: 1.2em;
 	font-size: 12pt;
   font-weight: bold;
   /*font-family: Times serif;
   color:black;                   /*#a00000;*/
   text-align: center;
   background-color:lightgrey;
  	border-top:2px solid black;
  	border-bottom:2px solid black;
  	/*height: 30px;*/
  }
#infokasten {
	text-align: left;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 30px;
   font-size: 12pt;
   font-weight: normal;
   font-family: Times serif;
   float: right;
   width: 180px;
   height: 490px;
   /*background-color:yellowgreen;*/
}
#infokasten ul {margin-top: 0.1em}
#infokasten li {margin-top: 0.3em}

#extra1 {
	/*float: left;*/
 	padding-top: 30px; 
 	padding-bottom: 30px; 
 	padding-left: 40px; 
 	padding-right: 60px; 
 	line-height: 1.3em;
 	font-size: 16pt;
   font-weight: bold;
   font-family: Times serif;
  
  	/*background-color:lightskyblue;*/
  	border-top:2px solid black;
  	height: 200px;
  }
  #extra1 p{margin-top: 10px;}
#bild1extra1 {
	float: left;
	width: 300px; 
	height: 200px; 
	margin-right: 40px; 
	border-radius: 10px;
	-ms-box-shadow: 10px 10px 10px grey;
	 -moz-box-shadow: 10px 10px 10px grey;
	 -webkit-box-shadow: 10px 10px 10px grey;
	  box-shadow: 10px 10px 10px grey;
	}
	#extra2 {
	/*float: left;*/
 	padding-top: 10px; 
 	padding-bottom: 20px; 
 	padding-left: 40px; 
 	padding-right: 30px; 
 	line-height: 1.1em;
 	font-size: 14pt;
   font-weight: bold;
   font-family: Times serif;
   text-align: center;
  
  	/*background-color:lightskyblue;*/
  	border-top:2px solid black;
  	height: 200px;
  }

#extra2 p{margin-top: 10px;}  
  
  #bild1extra2 {
	float: left;
	width: 330px; 
	height: 180px; 
	margin-right: 40px;
	margin-top: 10px; 
	border-radius: 10px;
	-ms-box-shadow: 10px 10px 10px grey;
	 -moz-box-shadow: 10px 10px 10px grey;
	 -webkit-box-shadow: 10px 10px 10px grey;
	  box-shadow: 10px 10px 10px grey;
	}
	
  #tanne {
	float: right;
	width: 150px; 
	height: 150px; 
	margin-left: 0px;
	margin-right: 0px; 
	margin-top: 5px;
	border-radius: 5px;
	/*-ms-box-shadow: 10px 10px 10px grey;
	 -moz-box-shadow: 10px 10px 10px grey;
	 -webkit-box-shadow: 10px 10px 10px grey;
	  box-shadow: 10px 10px 10px grey;*/
	}
	#glocke {
	float: left;
	width: 150px; 
	height: 150px; 
	margin-left: 15px;
	margin-right: 0px; 
	margin-top: 5px;
	border-radius: 5px;
	/*-ms-box-shadow: 10px 10px 10px grey;
	 -moz-box-shadow: 10px 10px 10px grey;
	 -webkit-box-shadow: 10px 10px 10px grey;
	  box-shadow: 10px 10px 10px grey;*/
	}
#extra3 {
	/*float: left;*/
	margin: 0px 30px 20px 30px;
 	padding-top: 0px; 
 	padding-bottom: 0px; 
 	padding-left: 0px; 
 	padding-right: 60px; 
 	line-height: 1.2em;
 	font-size: 16pt;
   font-weight: bold;
   /*font-family: Times serif;
   color:darkblue;                   /*#a00000;*/
   text-align: left;
   background-color: whitesmoke;
  	/*border-top:2px solid black;
  	border-bottom:2px solid black;*/
  	height: 200px;
  }
  #extra3H {
   background-color:#a6a6a6;
   width: 870px;
   /*height: 90px;*/
   margin: 40px 30px 10px 30px;
   padding: 0px 15px 0px 15px;
   text-align: left;
   font-size: 16pt;
   font-weight: bold; 
     	
  }
  
  #extra3 p{ padding-top: 30px;}
#bild1extra3 {
	float: left;
	width: 300px; 
	height: 200px; 
	margin-right: 40px; 
	/*border-radius: 10px;*/
	/*-ms-box-shadow: 10px 10px 10px grey;
	 -moz-box-shadow: 10px 10px 10px grey;
	 -webkit-box-shadow: 10px 10px 10px grey;
	  box-shadow: 10px 10px 10px grey;*/
	}	
#advent {
	/*float: left;*/
 	padding-top: 30px; 
 	padding-bottom: 30px; 
 	padding-left: 40px; 
 	padding-right: 80px; 
 	line-height: 1.5em;
 	font-size: 22pt;
   font-weight: bold;
   font-family: Times serif;
   text-align: center;
   color:#a00000;
   
  
  	/*background-color:lightskyblue;*/
  	border-top:2px solid black;
  	height: 200px;
  }
  #advent p{margin-left:350px; margin-top: 30px;}
 
 /*-----------------------Anfang Sylvester-------*/ 
  	#sylvester {
	/*float: left;*/
 	padding-top: 30px; 
 	padding-bottom: 30px; 
 	padding-left: 60px; 
 	padding-right: 60px; 
 	line-height: 1.3em;
 	font-size: 22pt;
   font-weight: bold;
   font-family: Times serif;
   text-align: center;
   color:#a00000;
  
  	/*background-color:lightskyblue;*/
  	border-top:2px solid black;
  	height: 130px;
  }
  
  #sekt-r {
	float: right;
	width: 140px; 
	height: 120px; 
	margin-left: 40px; 
	margin-top: 5px;
	border-radius: 5px;
	 -ms-box-shadow: 10px 10px 10px grey;
	 -moz-box-shadow: 10px 10px 10px grey;
	 -webkit-box-shadow: 10px 10px 10px grey;
	  box-shadow: 10px 10px 10px grey;
	}
	#sekt-l {
	float: left;
	width: 140px; 
	height: 120px; 
	margin-right: 40px; 
	margin-top: 5px;
	border-radius: 5px;
	 -ms-box-shadow: 10px 10px 10px grey;
	 -moz-box-shadow: 10px 10px 10px grey;
	 -webkit-box-shadow: 10px 10px 10px grey;
	  box-shadow: 10px 10px 10px grey;
	}
	/*-----------------------Ende Sylvester-------*/	
	
/*-----------------------Anfang Valentin-------*/ 
  	#valentin {
	/*float: left;*/
 	padding-top: 30px; 
 	padding-bottom: 30px; 
 	padding-left: 40px; 
 	padding-right: 60px; 
 	line-height: 1.3em;
 	font-size: 18pt;
   font-weight: bold;
   font-family: Times serif;
   text-align: center;
   color: black;
  
  	/*background-color:lightskyblue;*/
  	border-top:2px solid black;
  	height: 200px;
  }
  .valentinp1 {margin-top: 10px;
 			  color: black;
    		  font-size: 14pt;
    		  font-weight: normal;
    		  font-family: Times serif;
    		  line-height: 1em
    		  /*text-shadow: 3px 3px 5px black;*/ }
 .valentinp2 {margin-top: 10px;
 			  color: black;
    		  font-size: 14pt;
    		  font-weight: bold;
    		  font-family: Times serif;
    		  line-height: 1em
    		  /*text-shadow: 3px 3px 5px black;*/ }
  #herz-r {
	float: right;
	width: 120px; 
	height: 104px; 
	margin-left: 40px; 
	margin-top: 15px;
	border-radius: 5px;
	 /*-ms-box-shadow: 10px 10px 10px grey;
	 -moz-box-shadow: 10px 10px 10px grey;
	 -webkit-box-shadow: 10px 10px 10px grey;
	  box-shadow: 10px 10px 10px grey;*/
	}
	#herz-l {
	float: left;
	width: 120px; 
	height: 104px; 
	margin-right: 40px; 
	margin-top: 15px;
	border-radius: 5px;
	 /*-ms-box-shadow: 10px 10px 10px grey;
	 -moz-box-shadow: 10px 10px 10px grey;
	 -webkit-box-shadow: 10px 10px 10px grey;
	  box-shadow: 10px 10px 10px grey;*/
	}
/*-----------------------Ende Sylvester-------*/	
#seite {
		height: 740px;
   	/*background-color:lightgreen;*/
} 
/*-----------------------Anfang Bilder-------*/
#bilder {
   /*background-color: lightblue;*/
   float: left;
   width: 700px;
   height: 650px;
   padding: 20px 0px 40px 0px;
   text-align: center;
   margin-left: 40px;
 } 
 #bilder p {font-weight: bold; margin-bottom: 10px;}
 #bilderlinks {
   /*background-color: white;*/
   float: left;
   width: 202px;
   height: 580px;
   text-align: center;
 } 
  #bildermitte {
   /*background-color: grey;*/
   float: left;
   width: 202px;
   height: 580px;
   text-align: center;
   margin-left: 47px;
 } 
  #bilderrechts {
   /*background-color: yellow;*/
   float: right;
   width: 202px;
   height: 580px;
   text-align: center;
 } 
  .bildimg {
 		width: 200px;
    	height: 133px;
    	float: left;
    	border: 1px;
    	border-color: red;
    	border-style: solid;
	 	/*border-radius: 10px;	*/
	 	-ms-box-shadow: 10px 10px 10px grey;
	 	-moz-box-shadow: 10px 10px 10px grey;
	 	-webkit-box-shadow: 10px 10px 10px grey;
	  	box-shadow: 10px 10px 10px grey;
	  	margin-top: 30px;margin-bottom: 10px;
 }

/*-----------------------Anfang Feierlichkeiten*/
#feier {
   /*background-color: lightblue;*/
   float: left;
   width: 700px;
   height: 1060px;
   padding: 20px 0px 40px 0px;
   text-align: center;
   margin-left: 40px;
 } 
 #feier hr {margin-top: 10px;}
 .feierp1 {margin-top: 50px;
 			  color: black;
    		  font-size: 14pt;
    		  font-weight: bold;
    		  font-family: Times serif;
    		  line-height: 2em
    		  /*text-shadow: 3px 3px 5px black;*/ }
  .feierp2 {margin-top: 50px;margin-bottom: 20px;
 			  color: black;
    		  font-size: 14pt;
    		  font-weight: bold;
    		  font-family: Times serif;
    		  line-height: 1.2em;
    		  /*text-shadow: 3px 3px 5px black;*/ }  
	.feierp3 {margin-top: 20px;margin-bottom: 0px;
 			  color: black;
    		  font-size: 14pt;
    		  font-weight: bold;
    		  font-family: Times serif;
    		  line-height: 1.2em;
    		  /*text-shadow: 3px 3px 5px black;*/ } 
		.feierp4 {margin-top: 280px;}   
		.feierp5 {margin-top: 30px;margin-bottom: 0px;
 			  color: black;
    		  font-size: 14pt;
    		  font-weight: bold;
    		  font-family: Times serif;
    		  line-height: 1.2em;
    		  /*text-shadow: 3px 3px 5px black;*/ }   		  		  
 #feierbild2 {
 		width: 300px;
    	height: 225px;
    	float: left;
	 	border-radius: 10px;	 	
	 	-ms-box-shadow: 10px 10px 10px grey;
	 	-moz-box-shadow: 10px 10px 10px grey;
	 	-webkit-box-shadow: 10px 10px 10px grey;
	  	box-shadow: 10px 10px 10px grey;
	  	margin-top: 20px;margin-right: 10px;
 }
 #feierbild1 {
 		width: 225px;
    	height: 300px;
    	float: right;
	 	border-radius: 10px;	 	
	 	-ms-box-shadow: 10px 10px 10px grey;
	 	-moz-box-shadow: 10px 10px 10px grey;
	 	-webkit-box-shadow: 10px 10px 10px grey;
	  	box-shadow: 10px 10px 10px grey;
	  	margin-top: 20px;margin-left: 10px;}
  #feierbild3 {
 		width: 342px;
    	height: 228px;
    	float: left;
	 	border-radius: 10px;	 	
	 	-ms-box-shadow: 10px 10px 10px grey;
	 	-moz-box-shadow: 10px 10px 10px grey;
	 	-webkit-box-shadow: 10px 10px 10px grey;
	  	box-shadow: 10px 10px 10px grey;
	  	margin-top: 20px;}
 #feierbild6 {
 		width: 216px;
    	height: 228px;
    	float: right;
	 	border-radius: 10px;	 	
	 	-ms-box-shadow: 10px 10px 10px grey;
	 	-moz-box-shadow: 10px 10px 10px grey;
	 	-webkit-box-shadow: 10px 10px 10px grey;
	  	box-shadow: 10px 10px 10px grey;
	  	margin-top: 20px;}
	#feierbild4 {
 		width: 400px;
    	height: 300px;
    	float: left;
	 	border-radius: 10px;	 	
	 	-ms-box-shadow: 10px 10px 10px grey;
	 	-moz-box-shadow: 10px 10px 10px grey;
	 	-webkit-box-shadow: 10px 10px 10px grey;
	  	box-shadow: 10px 10px 10px grey;
	  	margin-top: 20px;}
	 #feierbild5 {
 		width: 250px;
    	height: 188px;
    	float: right;
	 	border-radius: 10px;	 	
	 	-ms-box-shadow: 10px 10px 10px grey;
	 	-moz-box-shadow: 10px 10px 10px grey;
	 	-webkit-box-shadow: 10px 10px 10px grey;
	  	box-shadow: 10px 10px 10px grey;
	  	margin-top: 20px;margin-bottom: 30px;} 	
 /*-----------------------------ende Feierlichkeiten*/
 
#terra {
   /*background-color: lightblue;*/
   float: left;
   width: 700px;
   height: 490px;
   padding: 40px 0px 40px 0px;
   text-align: center;
   margin-left: 40px;
 }
 #terra h2 {margin-top: 50px; 
 				line-height: 1.5em;
 				margin-left: 50px;}
 #terra p {margin-top: 150px; margin-left: 40px;
 			  color: #a00000;
    		  font-size: 18pt;
    		  font-weight: bold;
    		  font-family: Times serif;
    		  /*text-shadow: 3px 3px 5px black;*/ }
 #terrabild2,
 #terrabild1 {
 		width: 400px;
    	height: 225px;
    	float: left;
	 	border-radius: 10px;	 	
	 	-ms-box-shadow: 10px 10px 10px grey;
	 	-moz-box-shadow: 10px 10px 10px grey;
	 	-webkit-box-shadow: 10px 10px 10px grey;
	  	box-shadow: 10px 10px 10px grey;
 }
 #terrabild1 {float: right; margin-top: 50px; margin-left: 40px;}
#lage {
   /*background-color: lightblue;*/
   float: left;
   width: 700px;
   height: 620px;
   padding: 20px 0px 20px 0px;
   text-align: center;
   margin-left: 40px;
 } 
#wetter {
   /*background-color: lightblue;*/
   float: left;
   width: 700px;
   height: 480px;
   padding: 40px 0px 20px 0px;
   text-align: center;
   margin-left: 40px;
    color: #ffffff;
    font-size: 12pt;
    font-weight: bold;
    font-family: sans-serif;
 }  
#wetterheut,
#wettermorg,
#wetterueber {
				float: left;
				width: 120px; height: 280px;
				background-color: rgb(0, 96, 172);
				margin: 50px 0px 0px 85px;
				-ms-box-shadow: 10px 10px 10px grey;
	 			-moz-box-shadow: 10px 10px 10px grey;
	 			-webkit-box-shadow: 10px 10px 10px grey;
	  			box-shadow: 10px 10px 10px grey;
				}


#termine {
   /*background-color: lightblue;*/
   float: left;
   width: 700px;
   height: 670px;
   padding: 20px 0px 20px 0px;
   text-align: center;
   margin-left: 40px;
 }
 #term1{
 	/*display: block;*/
 	float: left;
 	width: 700px;
   height: 320px;
   /*background-color: lightgreen;*/
 	/*border-top:2px solid black;*/
 	border-bottom:2px solid black; 
 	text-align: left;
 	font-size: 18px;
 }
 .datum{
 	float: left;
 	margin-top: 10px;
 	width: 120px;
   font-weight: bold;
   /*background-color: lightblue;*/
 }
 .datum1{
 	margin-top: 10px;
 	margin-right: 10px;
 	font-weight: bold;
 	display: block;
 	float: left;
 	font-size: 20px;
 	/*background-color: yellow;*/
 }
 .datum2{
 	margin-top: 10px;
 	display: block;
 	float: left;
 	font-style: italic;
 	/*background-color: red;*/
 }
 .datum22{
 	margin-top: 0px;
 	/*margin-left: 100px;*/
 	display: block;
 	float: left;
 	font-style: italic;
 	/*background-color: red;*/
 }
 .datum3{
 	clear: both;
 	float: left;
 	margin-top: 10px;
 	width: 120px;
   font-weight: bold;
   font-size: 20px;
   /*background-color: lightblue;*/
 }
  #term2{
  	float: left;
  	width: 700px;
   height: 160px;
 /*background-color: yellow;*/
 /*border-top:2px solid black;*/ 
 border-bottom:2px solid black;
 text-align: left;
 font-size: 18px;
 }
  #term3{
  	float: left;
  	width: 700px;
   height: 90px;
 /*background-color: silver;*/
 /*border-top:2px solid black;*/
 border-bottom:2px solid black; 
 text-align: left;
 font-size: 18px;
 }
 
 #speisekarte {
   /*background-color: lightblue;*/
   float: left;
   width: 660px;
   height: 3580px;
   padding: 0px 20px 20px 20px;
   align-content: center;
   text-align: center;
   margin-left: 40px;
 }
 #speiseblatt {
   background-color: white;
   width: 560px;
   height: 850px;
   padding: 20px 50px 20px 50px;
   align-content: center;
   text-align: center;
   margin-bottom: 20px;
   	-ms-box-shadow: 10px 10px 10px grey;
	 	-moz-box-shadow: 10px 10px 10px grey;
	 	-webkit-box-shadow: 10px 10px 10px grey;
	  	box-shadow: 10px 10px 10px grey;
 }
  #kaffeeblatt {
   background-color: white;
   width: 560px;
   height: 580px;
   padding: 20px 50px 20px 50px;
   align-content: center;
   text-align: center;
   margin-bottom: 20px;
   	-ms-box-shadow: 10px 10px 10px grey;
	 	-moz-box-shadow: 10px 10px 10px grey;
	 	-webkit-box-shadow: 10px 10px 10px grey;
	  	box-shadow: 10px 10px 10px grey;
 }
 #vesperblatt {
   background-color: white;
   width: 560px;
   height: 770px;
   padding: 20px 50px 20px 50px;
   align-content: center;
   text-align: center;
   margin-bottom: 20px;
   	-ms-box-shadow: 10px 10px 10px grey;
	 	-moz-box-shadow: 10px 10px 10px grey;
	 	-webkit-box-shadow: 10px 10px 10px grey;
	  	box-shadow: 10px 10px 10px grey;
 }
 #infoblatt {
   background-color: white;
   width: 660px;
   height: 935px;
   padding: 20px 0px 20px 0px;
   align-content: center;
   text-align: center;
   margin-left: 0px;
   	-ms-box-shadow: 10px 10px 10px grey;
	 	-moz-box-shadow: 10px 10px 10px grey;
	 	-webkit-box-shadow: 10px 10px 10px grey;
	  	box-shadow: 10px 10px 10px grey;
 }
.titel { font-size:36px;
			font-family: times new roman, times, serif;
			color:#a00000;
			padding-bottom:10px;
			font-weight: bold;
			text-shadow: 3px 3px 5px black;
			}
.subtitel { font-size:16px;
			font-family: times new roman, times, serif;
			color: black;
			font-weight: bold;
			padding-top: 30px;			
			padding-bottom: 10px;
			text-align: center; 
			
			}
.topic { font-size:28px;
			font-family: times new roman, times, serif;
			color:black;
			padding-top:20px;
			padding-bottom:8px;
			font-style: italic; 
			font-weight: bold;
			text-align: left;
			}
.menue { font-size:18px;
			font-family: times new roman, times, serif;
			color: black;
			font-style: italic; 
			font-weight: normal;
			padding-bottom:6px;
			display: block; 
			text-align: left; 
			float: left;
			}
.preis { font-size:18px;
			font-family: times new roman, times, serif;
			color: black;
			font-style: italic; 
			font-weight: normal;
			padding-bottom:6px;
			display: block; 
			text-align: right; 
			}
#impress {
   /*background-color: lightblue;*/
   float: left;
   width: 480px;
   height: 490px;
   padding: 20px 35px 20px 85px;
   text-align: left;
   font-size: 11pt;
   font-weight: normal;
   font-family: Times serif;
 }
 #zimmer {
   /*background-color: lightblue;*/
   float: left;
   width: 480px;
   height: 540px;
   padding: 20px 35px 20px 35px;
   text-align: center;
   font-size: 12pt;
   font-weight: normal;
   font-family: Times serif;
 }
 #bildzimmer {
 		width: 480px;
    	height: 360px;
	 	border-radius: 10px;	 	
	 	-ms-box-shadow: 10px 10px 10px grey;
	 	-moz-box-shadow: 10px 10px 10px grey;
	 	-webkit-box-shadow: 10px 10px 10px grey;
	  	box-shadow: 10px 10px 10px grey;
 }
 #bildklein1 ,
 #bildklein2 ,
 #bildklein3 {
 		width: 120px;
    	height: 90px;
	 	border-radius: 5px;
	 	margin: 20px 15px 20px 15px;
	 	-ms-box-shadow: 10px 10px 10px grey;
	 	-moz-box-shadow: 10px 10px 10px grey;
	 	-webkit-box-shadow: 10px 10px 10px grey;
	  	box-shadow: 10px 10px 10px grey;
 }

 #zimmer h2 {font-size: 24pt; margin-bottom: 20px;}
 #zimmerkasten {
	text-align: left;
	padding-top: 90px;
	padding-left: 0px;
	padding-right: 30px;
   font-size: 12pt;
   font-weight: bold;
   /*font-family: Times serif;*/
   float: right;
   width: 200px;
   height: 460px;
   /*background-color:yellowgreen;*/
}
#zimmertabelle{
		/*background-color: red;*/
		padding-bottom: 0px;
		padding-top: 0px;
		font-size: 10px;
   	font-weight: bold;
			}
	table{
		background-color: whitesmoke;
		width: 900px;
		margin: 0 auto;
		margin-top: 0pt;
		margin-bottom: 0pt;
		font-size: 16pt;
		/*-ms-box-shadow: 10px 10px 10px grey;
	 	-moz-box-shadow: 10px 10px 10px grey;
	 	-webkit-box-shadow: 10px 10px 10px grey;
	  	box-shadow: 10px 10px 10px grey;*/
		}
	td {
		text-align: center;
		border-color: darkgrey;
		border-width: 3px;
		border-style: ridge;
		padding: 4pt;
		}
#bildkleinover {
 		width: 120px;
    	height: 90px;
	 	border-radius: 5px;
	 	margin: 20px 15px 20px 15px;
	 	-ms-box-shadow: 10px 10px 10px grey;
	 	-moz-box-shadow: 10px 10px 10px grey;
	 	-webkit-box-shadow: 10px 10px 10px grey;
	  	box-shadow: 10px 10px 10px grey, -10px -10px 10px grey, -10px 10px 10px grey, 10px -10px 10px grey;
 }
 
 /* Das Kontaktformular */
 
 #fehler {
   background-color: lightgrey;
   /*float: left;*/
   width: 500px;
   height: 300px;
   padding: 10px 30px 20px 10px;
   align-content: center;
   text-align: center;
   margin: 0 auto;   /* Zentrierung mitte */
	margin-top: 100px;   
   /*margin-left: 100px;
   margin-bottom: 50px;*/
   font-size: 1.5em;
   border-radius: 10px;
   -ms-box-shadow: 10px 10px 10px grey;
	-moz-box-shadow: 10px 10px 10px grey;
	-webkit-box-shadow: 10px 10px 10px grey;
	box-shadow: 10px 10px 10px grey;}

 #fehler ul {
   font-size: 0.8em;
   color: red;
   }

 
 #antwort2 {
   background-color: lightgrey;
   /*float: left;*/
   width: 500px;
   height: 250px;
   padding: 10px 30px 20px 10px;
   align-content: center;
   text-align: center;
   margin: 0 auto;   /* Zentrierung mitte */  
   margin-top: 100px;
  /* margin-left: 100px;
   margin-bottom: 50px;*/
   font-size: 2em;
   border-radius: 10px;
   -ms-box-shadow: 10px 10px 10px grey;
	-moz-box-shadow: 10px 10px 10px grey;
	-webkit-box-shadow: 10px 10px 10px grey;
	box-shadow: 10px 10px 10px grey;}

#antwort {
   background-color: lightgrey;
   float: left;
   width: 500px;
   height: 250px;
   padding: 10px 30px 20px 10px;
   align-content: center;
   text-align: center;
   margin-left: 100px;
   margin-top: 100px;
   margin-bottom: 50px;
   font-size: 2em;
   border-radius: 10px;
   -ms-box-shadow: 10px 10px 10px grey;
	-moz-box-shadow: 10px 10px 10px grey;
	-webkit-box-shadow: 10px 10px 10px grey;
	box-shadow: 10px 10px 10px grey;}
 
 #kontakt {
   background-color: lightgrey;
   float: left;
   width: 600px;
   height: 550px;
   padding: 10px 30px 20px 10px;
   align-content: center;
   text-align: center;
   margin-left: 50px;
   margin-top: 20px;
   margin-bottom: 20px;
   -ms-box-shadow: 10px 10px 10px grey;
	-moz-box-shadow: 10px 10px 10px grey;
	-webkit-box-shadow: 10px 10px 10px grey;
	box-shadow: 10px 10px 10px grey;}

#kontakt h2 { margin-bottom: 0.8em;	 
	 color:#a00000;
    font-size: 20pt;
    font-family: Times serif;
    text-shadow: 3px 3px 5px black;}
 
#kontakt select { margin-bottom: 1em; }
 
form { 
  /*background-color: #eee;*/
  /*width: 370px; /* Breite des Formulars */
  /*padding: 20px;*/
  /*border: 1px solid #8c8c8c;*/
}
label { /* Beschriftung auf eigener Zeile */
  	/*display: block;*/
  	cursor: pointer; /* Mauszeiger wird zur Hand */
	font-weight: bold;
	margin-top: 1em;
	padding-left: 1em;
}

input {
	margin-bottom: 1em;
	width: 150px;
	-ms-box-shadow: 10px 10px 10px grey;
	-moz-box-shadow: 10px 10px 10px grey;
	-webkit-box-shadow: 10px 10px 10px grey;
	box-shadow: 10px 10px 10px grey;}
			
input#absender {width: 300px;margin-bottom: 2em;}
input#Strasse {width: 300px;}
input#PLZ {width: 40px;padding-right: 20px;}
input#ORT {width: 300px;}
input#betreff{
			width: 10px;			
			text-align: center;*/
			font-weight: bold;
			/*margin-left: 150px;*/
			margin-bottom: 0.5em;
			margin-top: 0.2em;
}

textarea {
  height: 8em;
  width: 400px;
  padding: 0.5em;
  font-family: arial, sans-serif;
  font-size: 1em;

  margin-bottom: 1em;
  	-ms-box-shadow: 10px 10px 10px grey;
	-moz-box-shadow: 10px 10px 10px grey;
	-webkit-box-shadow: 10px 10px 10px grey;
	box-shadow: 10px 10px 10px grey;}
}
input:focus,
textarea:focus {
  background-color: #d9d9d9;
  	}
 /* Ende Kontaktformular */ 	
 
 
 /* Aufklappbereich */
 
details {
   background-color:#a6a6a6;
   width: 900px;
   /*height: 300px;*/
   margin: 10px 30px 40px 30px;
   padding: 0px 0px 0px 0px;
   text-align: left;
   font-size: 16pt;
   font-weight: bold;    	
  } 
summary {padding-left: 15px;}  

#klapp p{text-decoration: underline;}
  
  #klapp {
	float: left;
	margin: 0px 0px 40px 0px;
 	padding-top: 10px; 
 	padding-bottom: 10px; 
 	padding-left: 40px; 
 	padding-right: 40px; 
 	line-height: 1.2em;
 	font-size: 14pt;
   font-weight: normal;
   /*font-family: Times serif;
   color:darkblue;                   /*#a00000;*/
   text-align: left;
   background-color: whitesmoke;
  	/*border-top:2px solid black;
  	border-bottom:2px solid black;
  	height: 200px;*/
  }