@import url(/css/validationEngine.jquery.css);

html {
  height: 100%;
}

body {
  background-color: white;
  background-image: url(/master_bilder/kopf_back.gif);
  background-repeat: repeat-x;
  min-height: 101%;
  margin: 0;
  font: 14px/22px Helvetica, Arial, sans-serif;
  color: #eaeaea;
}

h1 {
  color: white;
  letter-spacing: 0.1em;
  margin: 20px 5px 20px 0;
  font: normal 20px/26px Georgia, "Times New Roman", Times, serif;
}

img.textbild {
  float: left;
  margin: 0 20px 0 10px;
  padding: 0;
}

div.haupttext {
  margin: 0 0 0 10px;
  padding: 0;
}

div.haupttext strong {
  padding: 0;
  margin-right: 0;
  margin-top: 0;
  margin-left: 0;
  font-style: normal;
  font-size: 14px;
  font-variant: normal;
  color: white;
}

h2 {
  color: white;
  font-size: 14px;
  letter-spacing: 0.1em;
}

.back {
  background-image: url(/master_bilder/back.gif);
  width: 840px;
  clear: both;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
}

.kopf {
  
}

.content {
  width: 555px;
  float: left;
}

.fuss {
  background-image: url(/master_bilder/fuss_03.gif);
  height: 30px;
  clear: both;
}

#container:after {
  content: "clear";
  clear: left;
  display: block;
  height: 0;
  overflow: hidden;
  font-size: 0;
}

/*Links*/

.willkommen {
  font-size: 10px;
  color: #a91920;
  font-weight: bold;
  margin-left: 40px;
}

a {
  color: #b3272a;
  text-decoration: none;
}

a:link {
  color: #b3272a;
  text-decoration: none;
}

a:visited {
  color: #9a2225;
  text-decoration: none;
}

a:hover {
  color: #dfd6d6;
}

a:active {
  color: #b3272a;
}

.content_img {
  float: right;
  margin-top: 7px;
  margin-bottom: 7px;
  margin-left: 7px;
}

.Seitenzahl {
  font-size: 11px;
  margin-left: 10px;
  margin-bottom: 10px;
  color: #eaeaea;
}

.eingabetext {
  color: #999;
}

.eintrag {
  float: right;
  margin: 0;
  padding: 0;
  border-width: 0;
  outline-width: 0;
}

/*.reihe {
  clear: both;
  padding: 2px 0; }

.label {
  float: left;
  width: 150px;
  text-align: right;
  padding-top: 3px;
  padding-right: 5px; }

.feld {
  float: right;
  width: 260px;
  text-align: left; } 

.knopf {
  clear: both;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 30px; }

.defbreite {
  width: 250px; }*/

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

.formError {
  color: #c8071c;
  border-color: #c8071c;
}

.contentHalf {


/* allows 2 divs next to each other in content */
  float: left;
  width: 500px;
}

.contentHalf input:focus {
  color: white;
  background-color: gray;
  border: 1px solid red;
}

.contentHalf textarea:focus {
  color: white;
  background-color: gray;
  border: 1px solid red;
}

.contentHalf input:hover {
  color: #000;
  background-color: silver;
  border: 1px solid red;
}

.contentHalf textarea:hover {
  color: #000;
  background-color: silver;
  border: 1px solid red;
}

.contentHalf input {


/* global stuff ... */
  width: 350px;
  margin: 0 0 10px;
  padding: 0;
  height: 20px;
  border: 1px solid gray;
}

.contentHalf textarea {
  width: 350px;
  height: 100px;
  border-color: #666666;
  border-style: solid;
  border-width: 1px 0 1px 0;
}

label {
  font-size: 12px;
}

/* @group Navigation */

.navi {
  width: 205px;
  margin-top: 10px;
  padding-right: 25px;
  padding-left: 10px;
  float: left;
}

.navi img {
  margin-top: 10px;
  margin-left: 22px;
}

.navi a.top {
  color: #e6e6e6;
  font-size: 12px;
  font-weight: bold;
  background-color: #000;
  text-decoration: none;
  letter-spacing: 0.1em;
  margin-top: 10px;
  display: block;
  padding: 1px;
  border-top: 1px solid #777;
}

.navi a:link.top {
  color: #e6e6e6;
  font-size: 12px;
  font-weight: bold;
  background-color: #000;
  text-decoration: none;
}

.navi a:visited.top {
  color: #e6e6e6;
  font-size: 12px;
  font-weight: bold;
  background-color: #000;
  text-decoration: none;
}

.navi a:active.top {
  color: #e6e6e6;
  font-size: 12px;
  font-weight: bold;
  background-color: #000;
  text-decoration: none;
}

.navi a:hover.top {
  color: #900000;
  background-color: #888
}

.navi a.top_aktiv {
  color: #e6e6e6;
  font-size: 12px;
  font-weight: bold;
  background-color: #888;
  text-decoration: none;
  letter-spacing: 1px;
  margin-top: 10px;
  display: block;
  padding: 1px;
  border-top: 1px solid #777;
}

.navi a:link.top_aktiv {
  color: #e6e6e6;
  font-size: 12px;
  font-weight: bold;
  background-color: #000;
  text-decoration: none;
}

.navi a:visited.top_aktiv {
  color: #e6e6e6;
  font-size: 12px;
  font-weight: bold;
  background-color: #000;
  text-decoration: none;
}

.navi a:active.top_aktiv {
  color: #e6e6e6;
  font-size: 12px;
  font-weight: bold;
  background-color: #000;
  text-decoration: none;
}

.navi a:hover.top_aktiv {
  background-color: #888
}

.navi a.sub {
  color: #e6e6e6;
  font-size: 11px;
  background-color: #000;
  text-decoration: none;
  letter-spacing: 1px;
  display: block;
  margin: 2px 0 0;
  padding: 1px;
}

.navi a:link.sub {
  color: #e6e6e6;
  font-size: 11px;
  background-color: #000;
  text-decoration: none;
}

.navi a:visited.sub {
  color: #e6e6e6;
  font-size: 11px;
  background-color: #000;
  text-decoration: none;
}

.navi a:active.sub {
  color: #e6e6e6;
  font-size: 11px;
  background-color: #000;
  text-decoration: none;
}

.navi a:hover.sub {
  color: #b3272a;
}

.navi ul {
  list-style-type: none;
}

.navi li {
  list-style-type: none;
}

.navi li.top_aktiv {
  list-style-type: none;
}

.navi li.sub {
  list-style-type: none;
}

.nav_fuss {
  text-align: center;
  padding-bottom: 10px;
}

.nav_fuss a {
  color: #878787;
  font-size: 10px;
  background-color: #fff;
  text-decoration: none;
}

.nav_fuss a:link {
  color: #878787;
  background-color: #fff;
  text-decoration: none;
}

.nav_fuss a:visited {
  color: #878787;
  background-color: #fff;
  text-decoration: none;
}

.nav_fuss a:hover {
  color: #535353;
  background-color: #fff;
}

.nav_fuss a:active {
  color: #878787;
  background-color: #fff;
}

* html ul {
  margin-top: 0;
  padding-top: 0;
}

* html ul li {
  margin-top: 0;
  padding-top: 0;
}

/* @end */

/* @group Aktuell */

.aktuell {
  color: #333;
  background-color: white;
  width: 555px;
}

.aktuell_kopf {
  background-image: url(/master_bilder/aktuell_kopf.gif);
  background-repeat: no-repeat;
  height: 25px;
}

.aktuell_content {
  background-color: white;
  margin-top: 10px;
  margin-right: 10px;
  margin-left: 160px;
}

.aktuell_fuss {
  background-image: url(/master_bilder/aktuell_fuss.gif);
  height: 35px;
  clear: both;
}

.aktuell img {
  float: left;
  margin-top: 10px;
  margin-right: 10px;
  margin-left: 10px;
}

.aktuell h2 {
  color: white;
  font-size: 11px;
  font-weight: bold;
  background-color: transparent;
  text-decoration: none;
  position: relative;
  padding-top: 5px;
  padding-left: 20px;
}

.aktuell a {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

.aktuell a:link {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

.aktuell a:visited {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

.aktuell a:active {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

.aktuell a:hover {
  color: #d7d7cb;
  background-color: transparent;
}

/* @end */

/* @group Gästebuch */

.gast {
  color: #333;
  width: 555px;
}

.gast_kopf {
  height: 10px;
  border-width: 0;
}

.gast_content {
  background-image: url(/master_bilder/book/book_back.gif);
  overflow: auto;
  margin: 0;
  padding: 0 20px;
  border-width: 0;
  font-size: 12px;
  color: gray;
}

.gast_fuss {
  background-image: url(/master_bilder/book/book_fuss.gif);
  background-repeat: no-repeat;
  margin: 0 0 10px;
  padding: 0;
  outline-width: 0;
  height: 10px;
  clear: both;
  border-width: 0;
}

p.budendick {
  font-weight: bold;
  width: 250px;
  text-align: right;
  margin: 0 10px 10px 0;
  padding: 0;
  float: left;
  color: #424242;
}

div.budennom {
  padding: 0;
  float: left;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 10px;
  color: #424242;
}

.gast h3 {
  color: #333;
  font-size: 12px;
  margin: 5px 0 0;
  float: left;
  padding: 0;
  line-height: 12px;
}

.gast form h3 {
  color: #535353;
  font-size: 12px;
  line-height: 15px;
  margin: 0;
  padding-left: 8px;
  float: none;
}

.gast hr {
  border-style: none;
  border-top: 1px dotted #535353;
}

.gast i {
  color: #7e7e7e;
  font-size: 10px;
  line-height: 12px;
  background-color: white;
  padding: 0 0 0 10px;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
  margin: 0;
}

.gast a {
  text-decoration: none;
  margin: 0;
  padding: 0;
  border-width: 0;
  outline-width: 0;
}

.gast a:link {
  text-decoration: none;
}

.gast a:visited {
  text-decoration: none;
}

.gast a:active {
  text-decoration: none;
}

.gast a:hover {
  color: #d7d7cb;
  text-decoration: none;
}

.gast_nav {
  float: right;
}

h3 {
  color: gray;
  font-size: 12px;
}

.gast_text {
  padding: 8px;
}

.gast_content textarea {
  width: 380px;
  height: 90px;
  margin-top: 10px;
}

.gast_content input {
  margin-top: 10px;
  display: block;
}

.gast_kom {
  background: #ededed;
  border: 1px solid #535353;
  clear:both;
  color:#000;
  display:block;
  margin: 5px 0;
  padding: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

.gast_auto {
  background: #878787;
  clear:both;
  color:#FFF;
  float:left;
  font-size:12px;
  margin: 5px 10px 0;
  padding:1px 10px 0 10px;
  max-width:49%;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
}

.gast_myKom {
  background: #c8c8c8;
  color:#FFF;
  font-size:12px;
  margin: 5px 10px;
  padding: 1px 10px;
  max-width:49%;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-bottom-style: none;
  clear: both;
  float: left;
}

.gast_auto a {
  color: white;
}

.gast_auto a:hover {
  color: #535353;
}

.gast_nav img {
  margin: 0;
  padding: 0;
  float: left;
  border-width: 0;
  outline-width: 0;
}

/* @end */

/* @group Musik */

.musi_kasten {
  background-color: #a4aba0;
  min-height: 140px;
  padding: 3px;
}

.musi_bild img {
  float: left;
}

.musi_text {
  color: black;
  margin-left: 210px;
  padding: 3px;
}

.musi_quick {
  
}

/* @end */

.list_eintrag {
  background-color: #191919;
  padding: 0 5px 5px;
  border: 2px solid #333;
  float: left;
  width: 540px;
  margin-top: 10px;
  color: #d5d5d5;
}

.list_eintrag img {
  float: left;
  margin-top: 4px;
  margin-right: 6px;
  margin-bottom: 4px;
}

object {
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  margin-left: -2px;
}

.bild_rechts {
  float: right;
  margin-top: 7px;
  margin-bottom: 7px;
  margin-left: 7px;
  border-width: 0;
  clear: both;
}

.bild_links {
  margin-right: 7px;
  margin-top: 7px;
  margin-bottom: 7px;
  float: left;
  border-width: 0;
  clear: both;
}

.bu_links {
}

.bu_rechts {
  float: left;
  margin-top: 7px;
  margin-bottom: 7px;
  margin-left: 7px;
}

.buden_tab table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}

.buden_tab td {
  margin: 0;
  padding: 0;
  border-left-style: none;
  border-left-width: 0;
  border-bottom: 7px solid #000;
  background-color: #313131;
}

.buden {
  color: #333;
  font-size: 12px;
  float: left;
  margin: 0;
  padding: 0;
  font-weight: bold;
}

.buden_2 {
  color: #333;
  font-size: 12px;
  margin-left: 180px;
}

#letterList {
  font-size: 11px;
  list-style-type: none;
  margin-bottom: 40px;
  margin-top: 0;
}


#letterList li {
  border-left: 1px solid #7f7f78;
  padding-left: 3px;
  padding-right: 3px;
  float: left;
}

.clear {
  clear: both;
}

div.gmnoprint {
  color: gray;
}

div.buden_tab {
  font-size: 12px;
}

img.icon {
  width: 24px;
  margin-left: 5px;
  margin-top: 5px;
}

img.li_bild {
  margin: 0 0 -3px;
  padding: 0;
}