/* ORIGINAL= 0. Universalselektor = */
* {
  margin: 0;
  padding: 0;
}
.clearer {
  clear: both;
}


/* = 1. Allgemeingueltige Angaben zum Body = */
body {
  background: #0C0E09 url(img/bg_body.jpg) no-repeat fixed;
  font: 100% Verdana, Arial, Helvetica, sans-serif;
}


/* = 2. Allgemeine Schriftstyle, Formate etc = */
li {
  list-style: none;
}
p, li {
  font-size: 0.8em;
}
h1 {
  font-size: 1em;
  margin-bottom: 4px;
}
h2 {
  font-size: 1.2em;
  margin-bottom: 4px;
}
h3 {
  text-align: left;
  font-size: 1em;
  margin: 15px 0px 0 15px;
}
h4 {
  font-size: 0.7em;
  padding-left: 0px;
  margin-bottom: 10px;
}
.imagefloatleft {
  float: left;
}
.imagefloatright {
  float: right;
}
.imagefloatcenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.image,
.imagefloatright,
.imagefloatleft,
.imagefloatcenter {
  background: #fff;
  border: 1px solid #799D83;
  padding: 2px;
}


/* = 3. Head = */
#head {
  height: 140px;
  background: url(img/head_1.jpg);
  border: 1px solid #FFF;
}
.headleft {
  float: left;
  color: #CCE196;
  font-size: 0.8em;
  font-style: italic;
  margin-left: 15px;
  margin-top: 116px;
}



.tablebox {
  padding-left: 15px;
  padding-right: 15px;
}
table {
  width: 100%;
  height: 100%;
/*  border: 1px solid #000;*/
}
table td {
  width: 0%;
  align: center;
/*  border: 1px solid #000;*/
}


/* = . Linkbox1 = */
.linkbox1 {
  background: #CCE7B2 url(img/bg_ueberuns_textbox1.jpg) no-repeat;
  border: 1px solid #799D83;
  margin-bottom: 20px;
  height: 100%;
}
.linkbox1 p {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.linkbox1 a {
  color: #A76100;
  text-decoration: none;
}
.linkbox1 a:hover {
  text-decoration: underline;
}

/* = . Linkbox2 = */
.linkbox2 {
  background: #CCE7B2;
  border: 1px solid #799D83;
  margin-bottom: 20px;
}
.linkbox2 h3 {
  background: #AED58A;
  border-bottom: 1px solid #799D83;
  font-size: 0.8em;
  padding-top: 3px;
  padding-left: 10px;
  padding-bottom: 3px;
  height: 1.2em;
}
.linkbox2 ul {
  float: left;
  font-size: 1em;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.linkbox2 a {
  color: #A76100;
  text-decoration: none;
}
.linkbox2 a:hover {
  text-decoration: underline;
}

/* = . Textbox = */
.textbox {
  border: 1px solid #799D83;
  margin-bottom: 20px;
  height: 100%;
}
.textbox ul {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 0px;
}
.textbox li {
  list-style: disc;
  margin-left: 18px;
}
.textbox p {
  padding: 15px 15px 15px 15px;
}
.textbox p a {
  color: #000;
  text-decoration: undeline;
}
.textbox a:hover {
  color: #FFF;
}

.bildbox {
/*  border: 1px solid #799D83;*/
  margin: 15px 15px 15px 15px;
  padding: 0px 0px 0px 0px;
  height: 100%;
}
.bildbox .imagefloatleft {
  margin: 0px 10px 0px 0px;

}

/* = . Headbox = */
.boxhead {
  background: #AED58A; /*url(img/bg_ueberuns_textbox1.jpg) no-repeat;*/
  border-bottom: 1px solid #799D83;
  font-size: 0.8em;
  height: 1.2em;
  padding: 3px 0 3px 0;
}
.boxhead a {
  color: #A76100;
  text-decoration: none;
}
.boxhead a:hover {
  color: #FFF;
}
.boxheadleft {
  float: left;
  font-weight: bold;
  padding-left: 10px;
}
.boxheadright {
  float: right;
  font-size: 0.8em;
  padding-right: 10px;
}



#map {
  border: 1px solid #799D83;
  width: 504px;
  height: 370px;

      display: block;
  margin-left: auto;
  margin-right: auto;
    margin-top: 30px;
}



/* = 4. Container = */
#container {
  background: #B4D298;
  width: 780px;
  margin: 20px auto 20px;  
  padding: 10px 10px 10px 10px;
}



/* = . Sites = */
#mainkontakt,
#mainindex,
#mainueberuns,
#mainkaese,
#mainferien,
#mainrealearth,
#maingalerien,
#mainlinks {
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
}



/* = 6. Navigation = */
#navigation {
  margin: 4px 0 0 0;
  background: url(img/head_2.jpg);
  height: 20px;
  border: 1px solid #FFF;
}
#navigation a {
  color: #D2E3BA;
  font-size: 0.8em;
  font-weight: bold;
  text-decoration: none;
}
#navigation a:hover {
  color: #FD9603;
}
#navigation a span {
  color: #FD9603;
}
.nav_links {
  float: left;
  padding-left: 15px;
}
.nav_links a {
  padding-right: 5px;
}
.nav_rechts {
  float: right;
  padding-right: 15px;
}
.nav_rechts a {
  padding-left: 5px;
}



/* = 8. Content = */
.content {
  float: left;
  padding: 15px 15px;
}
.content p {
  text-align: justify;
}



/* = 9. Sidenav = */
.sidenav {
  float: right;
  padding: 20px 0 110px 0;
}
.sidenav a {
  color: #E8C124;
  font-size: 0.7em;
  text-decoration: none;
}
.sidenav a:hover {
  color: #FFF;
}
.sidenav h2 {
  font-size: 0.7em;
  padding-top: 20px;
  margin: 10px;
}
.sidenav ul {
  border-top: 1px solid #799D83;
  line-height: 0.8em;
  margin: 10px;
}
.sidenav ol {
  border-bottom: 1px solid #799D83;
}
.sidenav ol a {
  color: #282B28;
  display: block;
  padding: 5px 0 5px 0;
  text-decoration: none;
  width: 100%;
}
.sidenav ol a:hover {
  background: #BDDB5B;
  color: #000000;
}



/* = 10. Footer = */
#footer {
  height: 50px;
  background: url(img/bg_footer.jpg) no-repeat;
  border: 1px solid #FFF;
}
.footertext {
  font: bold 0.8em sans-serif;
  color: #FFF;
  text-align: center;
  line-height: 50px;
}
.footertext a {
  color: #FFF;
}
.footertext a:hover {
  color: #FD9603;
}



/* = 21 Bild mit Text = */

.imagepos p {
  text-align: center;
  padding-bottom: 20px;
}
.imagefloat {
  margin: 10px 30px 10px;
  float: left;
  padding: 0px; /*Abstand von Rahmen zum Bild*/
  border: 3px solid #799D83;
}



/* = 30. "Index und Home" Site = */
#mainindex {
  background: url(img/bg_home.jpg) no-repeat;
}
#mainindex .content {
  width: 750px;
}
#mainindexbox {
  margin-top: 70px;
  margin-bottom: 50px;
  margin-left: 105px;
  width: 542px;
  height: 270px;
  text-align: center;
  font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
  color: #00902F;
}
#mainindexbox .box1 {
  height: 75px;
}
#mainindexbox .box2 {
  height: 75px;
}
#mainindexbox .box3 {
  height: 75px;
}



/* = 31. "Uber uns" Site = */
#mainueberuns .content {
  width: 748px;
}
#mainueberuns .textbox {
  background: #CCE7B2 url(img/bg_ueberuns_textbox1.jpg) no-repeat;
}
#mainueberuns .textbox .imagefloatright {
  margin: 0px 0px 15px 15px;
}


/* = . "Käse" Site = */
#mainkaese .content {
  width: 748px;
}
#mainkaese .textbox {
  background: #CCE7B2 url(img/bg_kaese_textbox1.jpg) no-repeat;
}
#mainkaese .textbox .imagefloatright {
  margin: 0px 0px 15px 15px;
}
#mainkaese .textbox .imagefloatleft {
  margin: 0px 15px 0px 0px;
}



/* = 33. "Ferien" Site = */
#mainferien .content {
  width: 748px;
}
#mainferien .textbox {
  background: #CCE7B2 url(img/bg_ueberuns_textbox1.jpg) no-repeat;
}
#mainferien .textbox .imagefloatright {
  margin: 0px 0px 15px 15px;
}




/* = . "Realearth" Site = */
#mainrealearth {
  background: url(img/bg_kaese.jpg) no-repeat;
}
#mainrealearth .content {
  width: 570px;
}
#mainrealearth .sidenav {
  width: 160px;
}



/* = 35. "Maingalerien" Site = */
#maingalerien {
  background: url(img/bg_galerie.jpg) no-repeat;
}
#maingalerien .content {
  width: 540px;
}
#maingalerien .sidenav {
  width: 200px;
  padding: 10px 0px 260px 0;
  background: url(img/bg_galerie_nav.jpg) no-repeat;
}



/* = 36. "Links" Site = */
#mainlinks {
  background: url(img/bg_links.jpg) no-repeat;
}
#mainlinks .content {
  width: 540px;
}
#mainlinks .sidenav {
  width: 200px;
  padding: 10px 0px 94px 0;
  background: url(img/bg_links_nav.jpg) no-repeat;
}



/* = 37. "Kontakt" Site = */
#mainkontakt {
  background: url(img/bg_kontakt.jpg) no-repeat;
}
#mainkontakt .content {
  width: 540px;
}
#mainkontakt .sidenav {
  background: url(img/bg_kontakt_nav.jpg) no-repeat;
  width: 200px;
  padding: 290px 0px 158px 0;
}
#mainkontakt .boxkontakt p {
  font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
  color: #0C0E09;
}
#mainkontakt .boxkontakt a {
  color: #FD9603;
}
#mainkontakt .boxkontakt a:hover {
  color: #FFF;
}
.boxkontakt {
  position: relative;
  top: 0px;
  left: 100px;
  width: 230px;
  padding: 20px 20px 80px 20px;
  margin: 0px 0px 0px 10px;
  text-align: center;
}