body {
  font-family: verdana, arial, sans-serif;
  font-size: 76%;
  background-image: url("../grafik/bg.gif");
  background-repeat: repeat-y;
  background-position: center top;
  text-align: center;
  margin: 0;
  color: #acc2cd;
}

td {
/*  font-size: 76%;*/
}

p {
  margin: 0;
  padding: 0;
  font-size: 1em;
}

div#content ul {
  margin: 0 20px;
  padding: 10px;
}

div#content li {
  list-style-image: url(../grafik/li.gif);
}

div#all {
  width: 680px;
  margin: 0 auto;
  background-color: #21355f;
  text-align: left;
  border: 0;
/*  border: 1px solid yellow;*/
}

div#head {
  background-image: url("../grafik/head.jpg");
  background-repeat: no-repeat;
  height: 72px;
}

div#pfad {
  padding: 5px 10px 0 10px;
  font-size: 0.9em;
  color: #cccccc;
}

.kursiv {
  font-style: italic;
}

div#content {
  padding: 10px;
  background-image: url("../grafik/bg_bodensee.gif");
  background-repeat: no-repeat;
  background-position: center top;
  min-height: 400px;
  margin: 0;
  border: 0;
/*  border: 1px solid yellow;*/
}
* html div#content {
  height: 400px;
}

div#foot {
  background-image: url("../grafik/foot.jpg");
  background-repeat: no-repeat;
  height: 10px;
}

h1, h2, h3, h4, h5, h6 {
  color: #ace400;
}

h1 {
  font-size: 1.5em;
  font-weight: bold;
}

h2 {
  font-size: 1.2em;
  font-weight: bold;
}

h3 {
  font-size: 1em;
  font-weight: bold;
}

h4 {
  font-size: 1em;
  font-weight: normal;
}

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

a:hover {
  text-decoration: underline;
}


div.box, div.box-pic {
  background-color: #738aac;
  margin: 0;
  padding: 10px;
  color: #1a2a4b;
  -moz-opacity: 0.8;
  filter: Alpha(Opacity=80);
}

div.box ul li, div.box-pic ul li {
/*  font-size: 5em;*/
}

div.box-pic {
  margin: 0 210px 0 0;
}


div.box h3, div.box-pic h3 {
  font-size: 1.3em;
  margin: 0;
  padding: 0;
  color: #1a2a4b;
}


/* Menü oben begin */
/*-----------------*/
div#menu {
  background-image: url("../grafik/menu_no.gif");
  background-repeat: repeat-x;
  height: 28px;
  margin: 0;
  padding: 0;
}

ul.menu {
  padding: 0;
  margin: 0;
  height: 28px;
}

ul.menu, ul.menu ul {
  list-style-type: none;
/*  border: 1px solid red;*/
}

ul.menu a {
  display: block;
  padding: 5px 10px 6px 10px;
  font-weight: normal;
  color: #acc2cd;
}

ul.menu a.ACT {
  background-color: #738aac;
  color: #ffffff;
}

ul.menu a:hover {
  color: #ffffff;
}

ul.menu li {
  padding: 0;
  margin: 0;
  background-image: none;
  font-size: 14px;
  float: left;
}

ul.menu ul {
  margin-left: 0;
  margin: 0;
  padding: 0 0 5px 0;
  position: absolute;
  background-color: #2d487f;
  border: 1px solid #738aac;
  display: none;
  min-width: 180px;
}

ul.menu ul li a {
  padding: 3px 10px;
}

/* IE-Hack für die Breite */
*html ul.menu ul {
  width: 180px;
}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
  display: block;
}

ul.menu ul li {
  float: none;
  background-color: transparent;
  font-size: 12px;
}
/*-----------------*/
/* Menü oben end */

/* Preistabelle begin */
/*--------------------*/
table.preise {
  background-color: #314a8d;
  width: 100%;
  border: 0;
  padding: 0;
  margin: 0;
}

table.preise th {
  background-color: #314a8d;
  color: #daeaf7;
  padding: 2px 3px;
}

table.preise td {
/*  background-color: #daeaf7;*/
  color: #000000;
  font-family: arial;
  font-size: 1.5em;
  text-align: center;
  vertical-align: middle;
}


.preis1 {
  background-color: #ffffcc;
}
.preis2 {
  background-color: #B0DEF2;
}
.preis3 {
  background-color: #C9EFA2;
}
.preis4 {
  background-color: #DDDDDD;
}
.preis5 {
  background-color: #F6CBF3;
}


table.preise td sup {
  color: red;
  font-size: 75%;

}
/*--------------------*/
/* Preistabelle end   */


.red {
  color: red;
}


/* Belegung begin   */
/*------------------*/

div.belegungsplan {
  font-family: arial
/*  font-size: 1em;*/
}

div.belegungsplan input, div.belegung textarea {
  font-family: arial;
  font-size: 1em;
}


div.belegungsplan td {
  font-family: arial;
/*  font-size: 76%;*/
}

table.belegung {
  background-color: #314a8d;
}

table.belegung td.jahr, table.belegung td.legende {
/*  font-size: 80%;*/
  background-color: #314a8d;
  padding: 1px 0;
  text-align: center;
  font-weight: bold;
  color: #daeaf7;
}

table.belegung td.legende {
  font-weight: normal;
  padding: 0 10px 0 5px;
}

table.belegung td.monat, table.formular td.bez {
/*  font-size: 76%;*/
  text-align: right;
  padding: 1px 3px 1px 0;;
  width: 65px;
  color: #314a8d;
}
table.formular td.bez {
  background-color: #daeaf7;
}

table.belegung td.tag, table.belegung td.weekend {
/*  font-size: 70%;*/
/*  background-color: #ffffff;*/
  font-family: arial;
  width: 18px;
  text-align: center;
  color: #666666;
}

table.belegung td.weekend {
  font-weight: bold;
/*  color: #314a8d;*/
/*        background-color: #daeaf7;*/
}

table.belegung td.keintag {
/*  font-size: 70%;*/
  background-color: #ffffff;
}

table.formular {
  background-color: #314a8d;
}


table.formular td.eingabe {
  color: #666666;
/*  font-size: 76%;*/
  background-color: #ffffff;
}


div.belegung a {
  text-decoration: none;
  color: #314a8d;
}

div.belegungsplan a:hover {
  text-decoration: underline;
}

div.belegungsplan form {
  margin: 0;
  padding: 0;
}

div.belegungsplan input[type=text], div.belegungsplan textarea, div.belegungsplan input[type=password]  {
  border: 0;
}

td.helptitle {
  color: #ffffff;
  font-weight: bold;
}

div.belegungsplan td.helptext {
/*  background-color: #ff0000;*/
}
      
/*----------------*/
/* Belegung end   */