* {
 margin : 0;
 padding : 0;
}
html {
 overflow-y: scroll;
}
body {
  background-color:#fffaed;
  font-family:Tahoma, sans-serif;
  color: #76352c;
  text-align:center;
  font-size:16px;
  font-size: 1rem;
}
p, div, td {
  font-size:14px; 	
  font-size: 0,875rem;
  font-weight:normal;
  text-align:left;
}
td {
  vertical-align:top;
  }
/* Seitenaufbaau
--------------------------------------------- */
.divgesamt {
 margin:0 auto;
 height:auto;
}
.divkopf {
 margin:0 auto;
 width:100%;
 height:auto;
 min-height:40px;
 background-color: #76352c;
}
.pkopf {
 width:90%;
 text-align:right;
 color: #fffaed;
 font-size:12px;
 font-size: 0.75rem;
 padding-top:15px;
}
.divoben {
 margin:0 auto;
 width:100%;
 height:auto;
 background-color: #f7ebd0;
}
.divobenlinks {
 margin:10px 20px 10px 50px;
 width:25%;
 height:auto;
 padding: 0px;
 float:left;
}
.pobenlinks1 {
 font-size:24px;	
 font-size:1.5rem;
} 
.pobenlinks2 {
 font-size:16px;	
 font-size:1rem;
} 	
.divobenrechts {
 margin:10px 0;
 width:65%;
 height:auto;
 padding: 0px;
 float:right;
}
.divobennavi {
  margin:0 50px;
}
.divobennavi.menu-active {
    display: block;
    position: absolute;
    height: calc(60% - 40px);
	width:50%;
    padding: 10px;
    overflow: scroll;
    top: 180px;
    left: 0;
    background-color:#f7ebd0;
    border:1px solid #cccccc;
    z-index:3;
}
.divobennavi.menu-active a {
  font-size: 16px;
  margin-top: 10px;
}  
.divinhalt {
 margin:0 auto;
 width:100%;
 height:auto;
 min-height:60%;
 padding: 0px;
}
.divlinkeseite {
 margin:20px 0;
 width:55%;
 height:auto;
 min-height:40%;
 padding: 0px;
 float:left;
}
.divrechteseite {
 margin:20px 0;
 width:40%;
 height:auto;
 min-height:40%;
 padding: 0px;
 float:right;
}
.divrechtsbild {
 margin:20px 0;
 width:45%;
 height:auto;
 min-height:40%;
 padding: 0px;
 float:right;
}
.divunten {
 margin:0 auto;
 width:100%;
 min-height:20px;
 height:auto;
 background-color: #76352c;
 color: #fffaed;
 font-size:11px;
 font-size:0.6875rem
}
/* Styles für Links / Verweise */
/*----------------------------------------------*/
a:link, a:visited, a:active, a:hover {
  text-decoration: underline;
  font-size: 14px;
  font-size:0.875rem
  font-weight:normal;
  color: #76352c;
}
a:hover {
  color: #cc0000;
}
a.klein:link, a.klein:visited, a.klein:active, a.klein:hover  {
  text-decoration: underline;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight:normal;
  color: #76352c;
}
a.klein:hover {
  color: #cc0000;
}
a.klein10:link, a.klein10:visited, a.klein10:active, a.klein10:hover  {
  text-decoration: underline;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight:normal;
  color: #76352c;
}
a.klein10:hover {
  color: #cc0000;
}
a.kleinfuss:link, a.kleinfuss:visited, a.kleinfuss:active, a.kleinfuss:hover  {
  text-decoration: none;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight:normal;
  color:#ffffff;
}
a.kleinfuss:hover {
  color: #cc0000;
}
a.pdflink {
  text-decoration: none;
  width: 16px;
  height:16px;
  text-align:right;
  float:right;
  vertical-align:top;
}
/* Allgemeinegültige Styles */
/*-------------------------------------------*/
.aligncenter, div.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.alignleft {
        float: left;
}
.alignright {
        float: right;
}
/* Headlines
--------------------------------------------- */
h1, h2, h3, h4 {
  font-family:Tahoma, sans-serif;
  font-weight:normal;
}
 h1 {
 font-size:24px;	
 font-size:1.5rem;
 margin:4px;
}
 h2 {
 font-size:20px;	 
 font-size:1.25rem;  
 } 
 h3 {
 font-size:16px;		 
 font-size:1rem;
 text-align:left;
 }
 h4 {
  font-size:14px;	 
  font-size:0.875rem; 
  text-align:left;
  font-weight:bold;
 }


/* eigene Styles Fotos*/
/*--------------------------------------------*/
.tabfotos {
  border-collapse:collapse;
  width:90%;
  margin-left:50px;
  margin-bottom:50px;
}
a.bklein {
 border:1px solid #f1f1f1;
 padding:5px 0;
 display:block;
 text-align: center;
}
.bildlinkueber {
  width:350px;
  height:233px;
  border:none;
}
.pbild {
	margin-left:15px;
}
/* eigene Styles Linklisten*/
/*--------------------------------------------*/
.divtop {
  border-top:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  width:90%;
  text-align:left;
  padding:5px 0;
  height:auto;
  margin-left:50px;
 }
.divmid {
  border-bottom:1px solid #cccccc;
  width:90%;
  text-align:left;
  padding:5px 0;
  height:auto;
  margin-left:50px;
 }	
.textbild {
	max-width: 100%;
    height: auto;
	float:left;
	margin-right:20px;
}

/* diverse Styles für Inhalte*/
/*--------------------------------------------*/
.ohnerand {
  font-size:14px;
  color:#777;
  font-weight:normal;
  margin:0px;padding:5px 0;
  border:0;
}

.kleinuntenleft, .kleinuntenright {
  font-size:11px;
  font-size:0.6875rem;
  color:#ffffff;
  padding:4px 0 2px 50px;
  vertical-align:middle;
  }
.kleinuntenleft {
  float:left;
  padding-left:20px;
  }
.kleinuntenright {
  float:right;
  margin-right:20px;
}
.kleinhoch {
  font-size:11px;
  font-size:0.6875rem;
  vertical-align: super;
}
.klein12 {
  font-size:12px;
  font-size:0.75rem;
  margin:2px 0;
}
.left {
  text-align:left;
  margin:50px 50px 10px 50px;
}
.leftimp {
  text-align:left;
  margin:20px 50px 5px 50px;
}
.right {
  text-align:right;
  margin-right:50px;
}
.inhalttext {
  margin:10px 50px 10px 50px;
}
.clear {
  clear:both;
  visibility:hidden;
}
/* Styles für Restaurant und Zimmert
----------------------------------------------------------------*/ 
.tableangebot {
	margin:0 50px;
}	
.tdangebot  {
 padding-right:10px;
 vertical-align:top;
}

/* diverse Styles für Menue*/
/*--------------------------------------------*/
/* Main menu */

#menu {
    width: 100%;
    margin: 0;
    padding:50px 0 0 0;
    list-style: none;
    background-color: #f7ebd0;
    text-align:left;
}
#menu li
{
        float: left;
        padding: 0 0 15px 0;
        position: relative;
        line-height: 0;
}

#menu a
{
        float: left;
        height: 20px;
        padding:0 30px 0 0;
        color: #76352c;
        font-size: 1rem;
        text-decoration: none;
		font-weight:600;
 }

#menu li:hover > a
{
        color: #000000;
}

/* Clear floated elements */
#menu:after
{
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
}
.menu-toggle {
  height:40px;
  font-size:24px;
  font-size:1.5rem;
}
/* breites Browserfenster 
---------------------------------------------------*/
@media only screen and ( min-width: 950px ) {
    
#abstand {
  display: none;
}
.menu-toggle {
  display: none;
}
}
@media only screen and ( max-width: 440px ) {
    /* mobile Geräte */
body {
  background-color:#fffff0;
}  
#abstand {
    width: 100%;
    text-align: left;
    height: 40px;
}
.divobenlinks {
 margin:5px;
 width:50%;
}
.divobenrechts {
 margin:5px;
 width:40%;
}
.pobenlinks1 {
 font-size:16px;	
 font-size:1rem;
} 
.pobenlinks2 {
 font-size:12px;	
 font-size:0.75rem;
} 	
.divobennavi, .divrechtsbild {
	display:none;
}
.divlinkeseite {
  float:none;
  width:100%;
  margin:0;
}
.inhalttext {
  margin:10px;
}
.kleinuntenleft {
  float:none;
}
  
.tabtab {
  width:350px;
  margin:5px;
  padding-bottom:25px;
  border-collapse:collapse;
  }
.tdstation {
  display:none;	
}
.bildlinkueber {
  width:100px;
  height:67px;
  border:none;
}
.tabfotos {
  margin-left:5px;
}
.textbild {
	float:none;
	margin:0;
}
}
@media only screen and ( min-width: 440px ) and ( max-width: 800px ) {
    /* Tablets und mittlere Bildschirme */
#abstand {
  display: none;
}
.menu-toggle {
  display: none;
}

.divrechtsbild {
	display:none;
}
.divlinkeseite {
  float:none;
  width:100%;
  margin:0;
}
.divobenlinks {
 margin:5px;
 width:35%;
}
.divobenrechts {
 margin:5px;
 width:60%;
}
.pobenlinks1 {
 font-size:16px;	
 font-size:1rem;
} 
.pobenlinks2 {
 font-size:12px;	
 font-size:0.75rem;
} 
.bildlinkueber {
  width:200px;
  height:133px;
  border:none;
}
.tabfotos {
  margin-left:5px;
}	
.textbild {
	float:none;
	margin:0;
}
#menu {
    width: 100%;
    margin: 0;
    padding:10px 0 0 0;
    list-style: none;
    background-color: #f7ebd0;
    text-align:left;
}
#menu li
{
        float: left;
        padding: 0 0 10px 0;
        position: relative;
        line-height: 0;
}

#menu a
{
        float: left;
        height: 20px;
        padding:0 10px 0 0;
        color: #76352c;
        font-size: 0.875rem;
        text-decoration: none;
		font-weight:600;
 }

#menu li:hover > a
{
        color: #000000;
}
}