/* Reset */

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.content-box {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/*html { overflow-y: scroll; }*/

/**
 * Clearfix
 * http://stackoverflow.com/questions/211383/which-method-of-clearfix-is-best
 */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}

/* Font */

@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('myriadpro-regular.eot');
    src: url('myriadpro-regular.eot?#iefix') format('embedded-opentype'),
         url('myriadpro-regular.woff') format('woff'),
         url('myriadpro-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Variables */

@generaltext: #412511;

/* General */

body {
  background: url("../img/wood.png");
  font-size: 12px;
  color: @generaltext;
}

.maxwidth {
  margin: 0 auto;
  width: 940px;
}

.wrapper {
  width: 100%;
  height: 175px;
  background: url("../img/header.png") top center no-repeat;
}

.header {
  width: 940px;
  height: 175px;
  float: left;
  padding-top: 16px;
}

.header h1 {
  padding-left: 165px;
  color: #fff;
  margin: 0px 0 0 0;
  font-family: 'MyriadPro-Regular';
  font-weight: normal;
  height: 55px;
  line-height: 55px;
  vertical-align: middle;
}

.header ul {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 160px;
  float: left;
}

.header li.link {
  float: left;
  height: 33px;
  line-height: 33px;
  vertical-align: middle;
   
}

.header li a {
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
}

.header li.sep {
  width: 2px;
  background: url("../img/separator.png") no-repeat;
  margin-right: 13px;
  margin-left: 13px;
  float: left;
  height: 33px;
}

#quote {
  clear: left;
  color: #e47a32; 
  padding-left: 200px;
  padding-top: 30px;
  font-size: 14px;
}

.stock {
  float: left;
  width: 940px;
  height: 414px;
  background: url("../img/stock_photo.png") no-repeat;
  clear: left;
}

.content {
  float: left;
  width: 940px;
  border-left: 1px solid #cda886;
  border-right: 1px solid #cda886;
  background: #fff;
  padding: 0 40px 20px 40px;
}

.content .contact {
  width: 220px;
  border-radius: 10px;
  background: #ffe6be; 
  padding: 15px;
  float: left;
}

.content .contact p.mobil {
  background: url("../img/mobil.png") left no-repeat;
  padding-left: 28px;
  min-height: 32px;
}

.content .contact p.map {

}

.content .text {
  float: left;
  width: 638px;
  padding-left: 50px;
}

.footer {
  clear: left;
  width: 100%;
  height: 148px;
  border-bottom: 4px solid #7b290a;
  background: url("../img/footer_wrapper.png") repeat-x;
}

.footer-content {
  float: left;
  width: 938px;
  height: 148px;
  border-left: 1px solid #decdb1;
  border-right: 1px solid #decdb1;
  background: url("../img/footer.png") repeat-x;
}

.footer-content ul {
  list-style-type: none;
  float: left;
  padding: 20px 40px 0 40px;
  margin: 0;
}

.footer-content li {
  float: left;
  color: #e47a32;
  font-size: 14px;
}

.footer-content li a {
  color: #e47a32; 
}

.footer-content li.sep {
  margin: 0 8px;
}

.footer-content p {
  clear: left;
  float: left;
  margin-top: 15px;
  margin-bottom: 0;
  padding: 0px 40px;
}

.footer-content p a {
  color: #000000;
}

.footer-content p.mail {
  padding-left: 100px;
  background: url("../img/email.png") 40px top no-repeat;
  min-height: 36px;

}

.sub-content {
    float: left;
    width: 940px;
    border-left: 1px solid #cda886;
    border-right: 1px solid #cda886;
    background: #fff;
    padding: 0 40px 20px 40px;
    min-height: 650px;
}

.sub-content h1 {
    font-size: 32px;
    color: #412511;
    font-weight: normal;
}

a.fancybox {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.gastebuch {
  float: left;
  width: 858px;
}

.gastebuch .form-group {
  float: left;
  width: 858px;
  margin-bottom: 10px;
}

.gastebuch label {
  display: block;
  margin-bottom: 5px;
}

.gastebuch textarea {
  margin-bottom: 10px;
  width: 400px;
}

.gastebuch input[type="text"] {
  margin-bottom: 10px;
  width: 200px;
}

.show-posts {
  float: left;
  width: 858px;
  margin-top: 20px;
}

.post {
  float: left;
  width: 858px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #636363;  
}

.post a {
  color: #000;
}

.slider {
  float: left;
  width: 858px;
  margin-bottom: 20px;
}

.qrcode {
  float:left;
  margin-left: 40px;
  margin-top: 20px;
}

.footer-items {
  float: left;
}