/* Standard-CSS für die Königsmühle */

html {
  overflow: scroll;
}
body {
  background-color: #eae8e1;
  background-image: url('../img/body_bg.gif');
  background-position: top center;
  background-attachment: fixed;
  font-family: trebuchet ms, arial, verdana, sans-serif;
  font-size: 10pt;
  color: black;
  padding: 0;
  margin: 0;
}

/* Startseite */
.start_header {
  width: 100%;
  height: 50px;
  color: #f9f5cf;
  background-color: #6a810d;
  border-bottom: 4px solid #50640b;
  font-size: 28pt;
  padding-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-family: georgia, serif;
  top: 0;
  z-index: 50;
}
.start_bild {
  top: 45px;
  margin-left: 80px;
  max-height: 550px;
}
.start_bank {
  top: 274px;
  margin-left: 478px;
  z-index: 22;
}
.start_schild {
  top: 408px;
  max-width: 230px;
  z-index: 20;
  margin-left: -20px;
}
.start_logo {
  top: 75px;
  margin-left: 550px;
}
.start_weiter {
  top: 265px;
  margin-left: 790px;
  font-size: 12pt;
  z-index: 25;
  background-image: url('../img/start_weiter.gif');
  height: 33px;
}
.start_weiter:hover {
  color: #6C830F;
}

.start_weiter {
  width: 196px;
  background-repeat: no-repeat;
  background-position: top left;
  font-family: arial, sans-serif;
  display: block;
  padding: 3px 0 0 6px;
  color: #50640B;
  text-decoration: none;
  font-style: italic;
  font-weight: bold;
}

.start.bottom {
  bottom: 0px;
  height: 15px !important;
}

.shop, .shop:hover, .shop:active, a.website, a.website:hover, a.website:active {
  background-image: url('../img/zumshop.gif');
  background-repeat: no-repeat;
  background-position: 5px 2px;
  background-color: #3b480f;
  height: 20px;
  font-size: 10pt;
  bottom: 0px;
  margin: 5px 0 0 -230px;
  z-index: 70;
  color: #FBF8D0;
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
  padding: 5px 10px 0px 45px;
  font-family: arial, sans-serif;
  display: block;
}
.shop:hover, a.website:hover {
  height: 28px;
}
a.website, a.website:hover, a.website:active {
background-image: none;
padding: 5px 10px 0 10px;
}

a.toplink {
	display: inline-block;
	margin-left: 50px;
	padding-left: 15px;
	background-image: url(../img/top.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
a.toplink:hover {
	background-image: url(../img/top_h.gif);
}
a.toplink, a.toplink:hover {
	color: #FBF8D0;
}


/* Fixed-Elements */
.logo, .camphill, ul.topmenue, ul.menue, ul.submenue, .topmenue_bg, .wechselbild, .footer, .main, .topmenue_wide, .bottom, .overbottom, .mainbottom,
.start_header, .start_bild, .start_logo, .start_bank, .start_schild, .start_weiter, .top_schirm, .bottom_schirm, .shop, .fussbild, a.website {
  position: fixed;
}

.incontent.shop, .incontent.shop:hover {
position:relative;
height:20px;
margin: 10px 0 30px;
width: 125px;
}

.incontent.shop:hover, .incontent.shop:active, .incontent.shop:focus {
padding-left:50px;
background-position:10px 2px;
}

#ie-wrapper {
  text-align: center;
  margin-top: 90px;
}
.wrapper {
  width: 950px;
  margin: auto;
  text-align: left;
}

.logo {
  display: block;
  background-image: url('../img/logo.png');
  background-repeat: no-repeat;
  background-position: top left;
  width: 161px;
  height: 134px;
  top: 15px;
  z-index: 48;
}
.camphill {
  top: 30px;
  margin-left: 166px;
  z-index: 70;
}


/* Das Menü */
/* Font-Anweisungen für alle Menüs */
.menue, .menue a, .menue .now {
  font-size: 13pt;
}
.topmenue, .topmenue a, .topmenue .now, .submenue, .submenue a, .submenue .now {
  font-size: 10pt;
}
.topmenue, .topmenue a, .topmenue .now, .menue, .menue a, .menue .now, .submenue, .submenue a, .submenue .now {
  color: #C0CB9B;
  font-family: Georgia, serif;
  text-decoration: none;
  display: block;
  font-weight:normal;
}
/* List-Anweisungen für alle Menüs */
.menue, .topmenue, .submenue {
  list-style-type: none;
  padding-left: 0px;
  margin: 0px;
}
/* Link-Anweisungen für alle Menüs */
.topmenue .now, .topmenue a:hover, .topmenue a:active, .topmenue a:focus, .menue .now, .menue a:hover, .menue a:active, .menue a:focus, .submenue .now, .submenue a:hover, .submenue a:active, .submenue a:focus {
  color: white;
}


/* Das Hauptmenü */
ul.menue {
  background-color: #6c830f;
  background-image: url('../img/menue_bg.gif');
  background-repeat: no-repeat;
  background-position: top right;
  min-width: 770px;
  height: 36px;
  top: 68px;
  margin-left: 160px;
  border-bottom: 2px solid #506527;
  font-size: 12pt;
  padding: 0 0 0 15px;
  z-index: 60;
}

ul.menue li {
  margin:0;
  background-color: #6c830f;
  float: left;
}

ul.menue span, ul.menue a {
  display: block;
  text-align: center;
  padding: 9px 25px 7px;
}
ul.menue .now {
  background-image: url('../img/menue_now.gif');
  background-position: bottom center;
  background-repeat: no-repeat;
}

/* Oberes Menü (Kontakt Anfahrt und Impressum) */
.topmenue_wide {
  height: 29px;
  width: 6000px;
  top: 0;
  margin-left: 850px;
  z-index: 69;
  background-color: #506527;
}
.topmenue_bg {
  background-image: url('../img/topmenue_bg.gif');
  background-position: top left;
  background-repeat: no-repeat;
  height: 29px;
  width: 41px;
  margin-left: 524px;
  z-index: 70;
}

ul.topmenue {
  height: 29px;
  background-color: #506527;  
  margin-left: 565px;
  top: 0px;
  z-index: 70;
}

ul.topmenue .now {
  background-image: url('../img/topmenue_now.gif');
  background-position: bottom center;
  background-repeat: no-repeat;
  padding-bottom: 7px;
}

/* li-Anweisungen für das Sub- und Top-Menü */
ul.topmenue li {
  background-color: #506527;
  height: 29px;
  float: left;
}

.topmenue a, .topmenue .now {
  padding: 6px 18px;
  display: block;
}

/* Menue- und Submenue - Hintergrund */
.subdiv {
  /*background-image: url('../img/subdiv_bg.png');
  background-position: bottom left;
  background-repeat: repeat-x;*/
  background-color: #506527;
  border-bottom: 2px solid #6C830F;
  margin-left: 160px;
  width: 785px;
  height: 5px;
  z-index: 49;
  position: fixed;
}
/* Submenü */
.submenue {
  background-color: #506527;
  border-bottom: 2px solid #6C830F;
  height: 15px;
  margin-left: 160px;
  width: 765px;
  z-index: 50;
  padding: 0;
  padding: 1px 15px 4px 5px;
}
.submenue li {
  float: left;
  padding: 0;
  margin: 0;
  padding: 0 12px;
}

/* /menues */

.submenue, .main, .subdiv {
  top: 106px;
}

/* Bühne und Inhalt */
.main {
  background-color: #e0e5cf;
  margin-left: 368px;
  width: 527px;
  height: 540px;
  padding: 20px 25px 50px 25px;
  /*background-image: url('../img/main_bg.gif');
  background-position: bottom center;
  background-repeat: no-repeat;*/
  z-index: 20;
}
.mainbottom {
  top: 695px;
  margin-left: 360px;
  width: 590px;
  height: 46px;
  background-image: url('../img/mainbottom.gif');
  background-position: bottom center;
  background-repeat: no-repeat;
  z-index: 55;
}

.buehne {
  background-color: #e0e5cf;
  margin: 110px 0 0 410px;
  padding-bottom: 250px;
  padding-top: 20px;
  position: absolute;
  z-index: 47;
  width: 485px;
}

/* Abschirmungen der Bühne */
.top_schirm {
  width: 577px;
  height: 68px;
  z-index: 52;
  top 0;
  margin-left: 368px;
  background-image: url('../img/body_bg.gif');
  background-position: top center;
  background-attachment: fixed;
  font-family: trebuchet ms, arial, verdana, sans-serif;
}
.bottom_schirm {
  top: 741px;
  margin-left: 360px;
  width: 590px;
  height: 4000px;
  background-color: #6c830f;
  z-index: 55;
}

/* wechselnde Bilder */
.wechselbild {
  top: 111px;
  margin-left: 60px;
  z-index: 5;
  border-bottom: 1px solid #302b06;
  background-color: #506527;
  width: 308px;
  height: 468px;
}
.fussbild {
  bottom: 15px;
  z-index: 59;
  margin-left: -50px;
}


.overbottom, .bottom {
  width: 100%;
}
.overbottom {
  top: /*680px*/ 579px;
  height: 5000px;
  background-color: #6c830f;
  border-top: 2px solid #5f760c /*#83993a*/;
  z-index: 10;
}
.innerbottom {
  position: fixed;
  width: 100%;
  height: 5000px;
  top: 830px;
  background-color: #50640b;
  border-top: 1px solid #2d370b;
  z-index: 59;
}
.bottom {
  height: 23px;
  border-top: 1px solid #50640b;
  border-bottom: 2px solid #3b480f;
  background-color: #50640b;
  bottom: 0;
  z-index: 60;
}


/* Footer */
.footer {
  bottom: 3px;
  width: 100%;
  z-index: 70;
  color: /*#222909*/ #fbf8d0;
  margin-left: 370px;
  font-size: 9pt;
}
.fusszeile {
  margin-right: 195px;
}