* {
  padding: 0;
  margin: 0;
}

body {
  background: #fdf3e1;
  font-family: 'PT Sans', Arial, sans-serif;
  text-align: center;
  color: #393939;
  font-size: 100.01%;
}

#wrap {
  width: 788px;
  margin: 0 auto;
}

#wrap_shadow {
  background: url(../images/bg_shadow.png) repeat-y;
  width: 788px;
  margin: 0 auto;
}

#header {
  background: #fff url(../images/header_01.jpg) no-repeat bottom;
  margin-left: 15px;
  width: 758px;
  height: 232px;
  text-align: left;
}

#header.essen {
  background: #fff url(../images/header_essen.jpg) no-repeat bottom;
}

#header.freizeit {
  background: #fff url(../images/header_freizeit.jpg) no-repeat bottom;
}

#header.uebernachten {
  background: #fff url(../images/header_uebernachten.jpg) no-repeat bottom;
}

#header.ueberuns {
  background: #fff url(../images/header_ueberuns.jpg) no-repeat bottom;
}

#header.gb {
  background: #fff url(../images/header_gb.jpg) no-repeat bottom;
}

#header.anfahrt {
  background: #fff url(../images/header_anfahrt.jpg) no-repeat bottom;
}

#header.kontakt {
  background: #fff url(../images/header_kontakt.jpg) no-repeat bottom;
}

#header.weblinks {
  background: #fff url(../images/header_links.jpg) no-repeat bottom;
}

#header.impressum {
  background: #fff url(../images/header_impressum.jpg) no-repeat bottom;
}

#header.galerie {
  background: #fff url(../images/header_galerie.jpg) no-repeat bottom;
}

#header h1 {
  background: url(../images/logo.png) no-repeat;
  width: 324px;
  height: 210px;
  margin-left: 15px;
  float: left;
}

#header h1 span {
  display: none;
}

#header ul {
  list-style: none;
  float: right;
  margin-right: 10px;
  margin-top: 1px;
}

#header ul li {
  display: inline;
}

#header ul li a, #header ul li a:link, #header ul li a:visited {
  font-size: 0.7em;
  margin-right: 20px;
  color: #103104;
  text-decoration: none;
  text-transform: uppercase;
}

#header ul li a:hover {
  text-decoration: underline;
}

#menu {
  background: #103104;
  margin-left: 15px;
  width: 758px;
  height: 26px;
  border-bottom: 7px solid #dcc8a7;
  text-align: left;
  padding-top: 3px;
}

#menu .moduletable_menu {
  list-style: none;
  height: 26px;
  margin-left: 20px;
  padding-top: 2px;
}

#menu .moduletable_menu a.mainlevel, #menu .moduletable_menu a.mainlevel:link, #menu .moduletable_menu a.mainlevel:visited {
  font-size: 0.8em;
  color: #dcc8a7;
  text-decoration: none;
  text-transform: uppercase;
  padding-top: 6px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
}

#menu .moduletable_menu a.mainlevel:hover, #menu .moduletable_menu a#active_menu:link, #menu .moduletable_menu a#active_menu:visited, #menu .moduletable_menu a#active_menu:hover {
  background: #dcc8a7;
  color: #103104;
}

#content {
  width: 400px;
  margin-left: 45px;
  text-align: left;
  float: left;
  font-size: 0.8em;
}

#main a, #main a:link, #main a:visited {
  color: #103104;
  text-decoration: underline;
}

#main a:hover {
  text-decoration: none;
}

#content_breit {
  width: 675px;
  margin-left: 45px;
  text-align: left;
  float: left;
  font-size: 0.8em;
}

#content h1, .contentheading, .componentheading, #content_breit h1, div .m4j_heading, #easybook h2.componentheading {
  font-family: Vollkorn, Arial, sans-serif;
  font-size: 1.7em;
  color: #673d10;
  padding-bottom: 10px;
  font-weight: normal;
  font-style: italic;
  padding-top: 30px;
}

#content h2, #content_breit h2 {
  font-family: Vollkorn, Arial, sans-serif;
  font-size: 1.3em;
  color: #673d10;
  padding-bottom: 15px;
  font-weight: normal;
  font-style: normal;
  padding-bottom: 5px;
}

#main ul {
  padding-bottom: 20px;
  line-height: 1.4em;
}

#margin h1 {
  font-family: Vollkorn, Arial, sans-serif;
  font-size: 1.7em;
  color: #673d10;
  padding-bottom: 15px;
  font-weight: normal;
  font-style: italic;
  margin-top: 10px;
}

#main p {
  line-height: 1.4em;
  padding-bottom: 15px;
}

div .m4j_header_text p {
  font-size: 1.3em;
  line-height: 1.4em;
  padding-bottom: 15px;
  padding-top: 10px;
  color: #393939;
}

#content ul {
  margin-left: 15px;
}

#margin {
  text-align: left;
  float: left;
  width: 275px;
  padding-right: 20px;
  padding-left: 25px;
  font-size: 0.8em;
}

#margin .button {
  float: right;
  margin-bottom: 13px;
}

#gaeste {
  background: #fff9ef url(../images/bg_zitat.png) no-repeat center;
  width: 240px;
  border: 1px solid #e6e6e6;
  margin-top: 19px;
  padding-left: 17px;
  padding-right: 17px;
  float: left;
}

#gaeste p {
  font-size: 1.5em;
  text-align: center;
  font-family: Vollkorn, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.2em;
  margin-top: 5px;
  padding-bottom: 20px;
}

#margin a img {
  padding: 0;
  margin: 0;
  text-decoration: none;
  border: 0;
}

#side {
  background: #fff9ef;
  width: 240px;
  border: 1px solid #e6e6e6;
  margin-top: 19px;
  padding-left: 17px;
  padding-right: 17px;
  float: left;
}

#side p {
  font-size: 1.5em;
  text-align: center;
  font-family: Vollkorn, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.2em;
  margin-top: 5px;
  padding-bottom: 20px;
}

#side p.text_left {
  font-size: 1.0em;
  text-align: left;
  font-family: 'PT Sans', Arial, sans-serif;
  font-weight: normal;
  line-height: 1.4em;
  margin-top: 5px;
  padding-bottom: 20px;
}

#side ul {
  list-style: none;
  margin-bottom: 20px;
}

#text-content {
  font-size: 1.5em;
  text-align: center;
  font-family: Vollkorn, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.2em;
  margin-top: 5px;
  padding-bottom: 20px;
}

#impressionen {
  background: #fff9ef;
  width: 240px;
  border: 1px solid #e6e6e6;
  margin-top: 20px;
  padding-left: 17px;
  padding-right: 17px;
  float: left;
}

#impressionen p {
  font-size: 1.5em;
  text-align: left;
  font-family: Vollkorn, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.2em;
  padding-bottom: 20px;
}

#impressionen img.border {
  margin-right: 8px;
  margin-top: 3px;
  border: 3px solid #dcc8a7;
}

#fb-root {
  width: 252px;
  margin-top: 20px;
  padding: 17px;
  padding-left: 5px;
  background: #fff9ef;
  border: 1px solid #e6e6e6;
  float: left;
}

#main {
  padding-bottom: 30px;
  width: 790px;
}

#footer {
  background: url(../images/bg_footer.png) no-repeat;
  width: 788px;
  height: 64px;
  text-align: left;
  padding-left: 45px;
}

#footer ul {
  list-style: none;
}

#footer ul li {
  display: inline;
  margin-right: 20px;
  font-size: 0.7em;
}

#footer ul li a, #footer ul li a:link, #footer ul li a:visited {
  text-decoration: underline;
  color: #393939;
}

#footer ul li a:hover {
  text-decoration: none;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* .clearfix (
	display: inline-block;
} */

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.inputbox, textarea, .m4j_form_table input {
  border: 1px solid #e5e5e5;
  font-family: 'PT Sans', Arial, sans-serif;
  color: #393939;
  font-size: 1.0em;
  padding: 3px;
  background: #fff9ef;
}

.inputbox:focus, textarea:focus, .m4j_form_table input:focus {
  background: #fcecd2;
}

#main a.button, #main a.button:link, #main a.button:visited {
  background: transparent url(../images/bg_button_a.gif) no-repeat scroll top right;
  color: #dcc8a7;
  font: normal 12px arial, sans-serif;
  height: 24px;
  margin-right: 6px;
  padding-right: 14px; /* sliding doors padding */
  text-decoration: none;
}

#main a.button span {
  background: transparent url(../images/bg_button_span.gif) no-repeat;
  display: block;
  line-height: 16px;
  padding: 3px 0 5px 14px;
}

#main a.button:active {
  background-position: bottom right;
  color: #dcc8a7;
  outline: none; /* hide dotted outline in Firefox */
}

#main a.button:active span {
  background-position: bottom left;
  padding: 4px 0 4px 14px; /* push text down 1px */
} 

.hofgut {
  border: 1px solid #e6e6e6;
  margin: 0;
  border-spacing: 0 0;
  padding:0;
  margin-bottom: 20px;
}

.hofgut td {
  border: 1px solid #e6e6e6;
  background-color: #fff9ef;
  padding: 5px;
  margin: 0;
}

.hofgut td.anders {
  border: 1px solid #e6e6e6;
  background-color: #ffeed2;
  padding: 5px;
  margin: 0;
}

.links {
  border: 3px solid #dcc8a7;
  margin: 5px;
  float: left;
}

.trigger {
	cursor:pointer;
}

.toggle_container {
  width: 390px;
}

.float_right {
  float: right;
}

#side.moduletable {
  padding: 0;
  margin: 0;
  height: 300px;
  width: 200px;
}

#content #galerie img,
#content_breit #galerie img {
  border: 3px solid #dcc8a7;
  margin: 8px;
  float: left;
}