* { margin: 0; padding: 0; }

body { font-family: verdana, arial, sans-serif; text-align: left; padding: 0; color: #000000; background-color: #ffffff;
font-size: 100.01%; background-image: url(../pic/back765.gif); background-repeat: repeat-x; background-position: left top; }


/* alle Inhalte */
#gesamt { text-align: left; width: 100%; margin: 0px; background-color: transparent; border: 0px solid #808080;
background-image: url(../pic/seite.gif); background-repeat: repeat-y; background-position: top left; }


/* Headline oberhalb Header für Sprachen, Impressum etc. */
#headline { width: 950px; height: 50px; font-size: 80%; color: #808080; background-color: transparent; text-align: right; }
#headline a { position: relative; top: 16px; right: 10px; color: #808080; background: transparent; text-decoration: none; }
#headline a:hover { text-decoration: underline; color: #114477; background: transparent; }


/* Header */
#header { width: 950px; height: 225px; text-align: left; border: 0px; background-color: transparent;
background-image: url(../pic/head.gif); background-repeat: repeat-x; background-position: top left; }
#header img { margin: 0px; border: 0; }
#header img.logo { margin-left: 50px; border: 0; }


/* Buchungsbox */
#buchen { float: right; width: 196px; height: 225px; color: #ffffff; text-align: left; border: 0px;
background: transparent; margin: 20px 0 0 0; padding: 0; }
#buchen h1 { margin: 10px 10px 0 10px; font-size: 80%; font-weight: bold; text-align: center; }
#buchen table.buchenbox { width: 180px; border: 0; margin: 0 0 0 10px; padding: 0; background: transparent; }
#buchen td { width: 180px; text-align: center; padding: 2px; border: 0; font-size: 12px; }
#buchen td.left { width: 120px; text-align: left; padding: 2px 4px; border: 0; font-size: 12px; }
#buchen td.right { width: 60px; text-align: right; padding: 2px 4px; border: 0; font-size: 12px; }
#buchen form { vertical-align: bottom; width: 190px; margin: 0; padding: 0; border: 0; }
#buchen td input { margin: 0; padding: 1px 2px; font-size: 12px; width: 160px; }
#buchen td input.submit { width: auto; margin-top: 8px; padding: 0px; }
#buchen td label { margin: 0; padding: 0; border: 0; font-size: 12px; font-weight: bold; }
#buchen td select { margin: 0; width: 50px; border: 0px; background-color: #ffffff; }


/* Textbereich gesamt */
#content { width: 100%; overflow: hidden; margin: 0; padding: 0; background-color: transparent;
background-image: url(../pic/wasser.jpg); background-repeat: no-repeat; background-position: bottom right; }


/* links vom Text floatendes Menue */
/* Menue */
#menue a.akt { color: #ff3300; background-color: transparent; font-weight: bold; padding: 4px 4px 4px 14px; } /*dunkler*/
#menue a.akt2 { background-color: transparent; font-weight: bold; padding: 4px 4px 4px 14px; } /*dunkler*/
#menue a.psv2 { background-color: transparent; font-weight: normal; padding: 4px 4px 4px 14px; }
#menue a.akt3 { background-color: transparent; font-weight: bold; padding: 4px 4px 4px 14px; }
#menue a.psv3 { background-color: transparent; font-weight: normal;  padding: 4px 4px 4px 14px; }
#menue a.psv { background-color: transparent; font-weight: normal; }

#menue { float: left; width: 320px; margin-top: 30px; color: #114477; background-color: transparent;
text-align: left; border: 0; }
#menue p { width: 220px; font-size: 80%; margin: 0; padding: 0 0 11px 50px; border-top: 0px; }
#menue a { display: block; color: #114477; font-weight: bold; background-color: transparent; text-decoration: none;
margin: 0; padding: 3px 4px 3px 14px; border: 0px; }
#menue a:hover { color: #ff3300; background-color: transparent; font-weight: bold; }
#menue p.adress { font-size: 70%; font-weight: bold; line-height: 140%; padding: 60px 10px 0 64px; }
#menue p.adress a { display: inline; color: #114477; font-weight: bold; background-color: transparent;
text-decoration: none; margin: 0; padding: 0; border: 0px; }
#menue p.adress a:hover { color: #ff3300; background-color: transparent; font-weight: bold; }

/* Textblock */
#text { width: 620px; font-size: 80%; background-color: transparent; color: #000000; margin-left: 323px; border: 0px; }
#text h1 { font-family: verdana, arial, sans-serif; margin: 30px 0px 0px 0px; padding: 0; font-size: 120%;
font-weight: bold; color: #114477; }
#text h1.sub { margin: 4px 0px 10px 0px; padding: 0; color: #114477; font-size: 140%; }
#text h2 { font-family: verdana, arial, sans-serif; margin: 20px 0px 10px 0px; padding: 0;
font-size: 120%; font-weight: bold; color: #114477; }
#text h4 { font-family: verdana, arial, sans-serif; margin: 20px 0px 4px 0px; padding: 0;
font-size: 100%; font-weight: bold; color: #114477; }


#text p { line-height: 140%; padding: 0; margin: 0px 0px 10px 0px; }
#text p.small { font-size: 75%; line-height: 140%; padding: 0; margin: 20px 0px 10px 0px; }
#text a { color: #114477; font-weight: bold; background-color: transparent; text-decoration: underline;
margin: 0; padding: 0; border: 0px; }
#text a:hover { color: #114477; background-color: transparent; font-weight: bold; }
#text ul { list-style-type: square; padding: 0px 0px 10px 20px; }
#text li { margin: 2px 10px; line-height: 140%; }
#text ul.event { list-style-type: square; padding: 2px 0px 0px 20px; }
#text li.event { margin: 12px 10px; line-height: 140%; }

/* Bilder im Text */
#text img { margin: 4px 0px 4px 0px; padding: 6px; background-color: transparent; border: 1px solid #c7d7e7; }
#text img.left { float: left; margin: 4px 10px 4px 0px; padding: 6px; background-color: transparent; border: 1px solid #c7d7e7; }
#text img.right { float: right; margin: 4px 0px 4px 10px; padding: 6px; background-color: transparent; border: 1px solid #c7d7e7; }

/* Block 1 für Text links */
#block1 { overflow: hidden; float: left; width: 292px; margin: 0px 20px 10px 0; padding: 0; color: #000000;
background-color: transparent; border: 0px solid #c7d7e7; text-align: left; }
#block1 h3 { padding: 6px 0px 2px 0px; font-size: 100%; color: #114477; background-color: transparent; }
#block1 h4, h5, h6 { padding: 2px 0px 0px 0px; font-size: 100%; color: #114477; }
#block1 p { font-size: 100%; line-height: 130%; margin: 0; padding: 4px 0px 8px 0px; }
#block1 p.small { font-size: 90%; line-height: 130%; margin: 0; padding: 0 0px 8px 0px; }
#block1 img { text-align: center; padding: 5px; background-color: transparent; margin: 6px 0; border: 1px solid #c7d7e7; }
#block1 ul.liste { font-size: 100%; list-style-type: square; line-height: 130%; padding: 0 0px 8px 6px; }
#block1 ul.liste li { margin: 2px 10px 2px 10px; }

/* Block 2 für Text rechts */
#block2 { overflow: hidden; float: right; width: 292px; margin: 0px 0 10px 0; padding: 0; color: #000000;
background-color: transparent; border: 0px solid #c7d7e7; text-align: left; }
#block2 h3 { padding: 6px 0px 2px 0px; font-size: 100%; color: #114477; background-color: transparent; }
#block2 h4, h5, h6 { padding: 2px 0px 0px 0px; font-size: 100%; color: #114477; }
#block2 p { font-size: 100%; line-height: 130%; margin: 0; padding: 4px 0px 8px 0px; }
#block2 p.small { font-size: 85%; line-height: 130%; margin: 0; padding: 0 0px 8px 0px; }
#block2 img { text-align: center; padding: 5px; background-color: transparent; margin: 6px 0; border: 1px solid #c7d7e7; }
#block2 ul.liste { font-size: 100%; list-style-type: square; line-height: 130%; padding: 0 0px 8px 6px; }
#block2 ul.liste li { margin: 2px 10px 2px 10px; }

/* Bild-Container mit Unterschrift */
#bild { width: 290px; margin: 4px 0; padding: 0; color: #000000; background-color: transparent; border: 1px solid #c7d7e7; }
#bild p { text-align: center; font-size: 90%; line-height: 100%; margin: 0; padding: 0 0 5px 0; }
#bild img { text-align: center; padding: 5px; background-color: transparent; margin: 0px; border: 0; }

/* Block 3 für Text links */
#block3 { overflow: hidden; float: left; width: 292px; margin: 0px 20px 20px 0; padding: 0; color: #000000;
background-color: #f2f5f8; border: 1px solid #c7d7e7; text-align: left; }
#block3 h3 { padding: 2px 5px; font-size: 100%; color: #114477; border-bottom: 1px solid #c7d7e7; }
#block3 h4, h5, h6 { padding: 2px 5px 0px 5px; font-size: 100%; color: #114477; border-top: 0px solid #c7d7e7; border-bottom: 0px solid #c7d7e7; }
#block3 p { font-size: 100%; line-height: 130%; margin: 0; padding: 4px 5px 8px 5px; }
#block3 p.small { font-size: 90%; line-height: 130%; margin: 0; padding: 0 5px 8px 5px; }
#block3 .preise { float: right; display: inline; line-height: 130%; margin: 0px 0px 0px 20px; color: #000000; background-color: transparent; }
#block3 img { text-align: center; padding: 6px; background-color: transparent; margin: 0; border: 0px solid #c7d7e7; }
#block3 ul.liste { font-size: 100%; list-style-type: square; line-height: 130%; padding: 0 5px 8px 11px; }
#block3 ul.liste li { margin: 2px 10px 2px 10px; }

/* Block 4 für Text rechts */
#block4 { overflow: hidden; float: right; width: 292px; margin: 0px 0 20px 0; padding: 0; color: #000000;
background-color: #f2f5f8; border: 1px solid #c7d7e7; text-align: left; }
#block4 h3.info { margin: 0; padding: 2px 5px; font-size: 100%; color: #114477; border-bottom: 1px solid #c7d7e7; }
#block4 h3 { padding: 2px 5px; font-size: 100%; color: #114477; border-bottom: 1px solid #c7d7e7; }
#block4 h4, h5, h6 { padding: 2px 5px 0px 5px; font-size: 100%; color: #114477; border-top: 0px solid #c7d7e7; border-bottom: 0px solid #c7d7e7; }
#block4 p { font-size: 100%; line-height: 130%; margin: 0; padding: 4px 5px 8px 5px; }
#block4 p.info { font-size: 100%; line-height: 130%; margin: 0; padding: 4px 5px 8px 5px; }
#block4 .preise { float: right; display: inline; line-height: 130%; margin: 0px 0px 0px 20px; color: #000000; background-color: transparent; }
#block4 p.small { font-size: 85%; line-height: 130%; margin: 0; padding: 0 5px 8px 5px; }
#block4 img { text-align: center; padding: 6px; background-color: transparent; margin: 0; border: 0px solid #c7d7e7; }
#block4 ul.liste { font-size: 100%; list-style-type: square; line-height: 130%; padding: 0 5px 8px 11px; }
#block4 ul.liste li { margin: 2px 10px 2px 10px; }

/* Arras, Speisekarte gesamte Breite */
#text h3.arra { font-family: verdana, arial, sans-serif; margin: 20px 0px 10px 0px; padding: 10px 0 0 0;
font-size: 120%; font-weight: bold; color: #114477; border-top: 1px solid #c7d7e7; }
#text h4.arra { font-family: verdana, arial, sans-serif; margin: 20px 0px 10px 0px; padding: 0;
font-size: 100%; font-weight: bold; color: #114477; }
#text p.arra { line-height: 140%; padding: 0; margin: 0px 0px 8px 0px; }
#text p.arra2 { font-size: 75%; line-height: 140%; padding: 0; margin: 0px; }
#text h4.speise { font-family: verdana, arial, sans-serif; margin: 10px 0px 0px 0px; padding: 0px; font-size: 90%; font-weight: bold; color: #000000; }
#text p.speise { line-height: 140%; padding: 0; margin: 0px 0px 10px 0px; }
#text .preis { float: right; display: inline; margin: 0px; color: #000000; background-color: transparent; font-weight: bold; }

/* Tabelle Preise */
#text table.preise { width: 620px; border: 0px; border-collapse: collapse; margin: 20px 0px 8px 0px; font-size: 12px; }
#text td.titel1 { width: 320px; font-weight: bold; text-align: left; border: 0px solid #c7d7e7; padding: 0 0 4px 0; }
#text td.titel { width: 150px; font-weight: bold; text-align: left; border: 0px solid #c7d7e7; padding: 0 0 4px 4px; }
#text td.leer { width: 620px; height: 6px; font-size: 6px; border: 0px solid #c7d7e7; padding: 0px; }
#text td.kat { text-align: left; line-height: 140%; width: 320px; border-top: 1px solid #c7d7e7; border-right: 1px solid #c7d7e7; padding: 4px 4px 2px 0; }
#text td.preis1 { text-align: left; line-height: 140%; width: 150px; border-top: 1px solid #c7d7e7; border-right: 1px solid #c7d7e7; padding: 4px 0 2px 4px; }
#text td.preis2 { text-align: left; line-height: 140%; width: 150px; border-top: 1px solid #c7d7e7; border-right: 0px solid #c7d7e7; padding: 4px 0 2px 4px; }

/* Tabelle für Formulare Kontakt und Buchungsanfrage */
#text form.kontakt { margin: 0; }
#text table { width: 620px; border: 1px solid #c7d7e7; margin: 0 0 20px 0px; padding: 0px; border-collapse: collapse; }
#text table.formular { background-color: #f2f5f8; margin: 20px 0 20px 0px; background-image: none; background-repeat: no-repeat; background-position: left top; }
#text table.anfrage { background-color: #f2f5f8; margin: 20px 0 20px 0px; background-image: none; background-repeat: repeat; background-position: left top; }
#text td { width: 45%; font-size: 12px; padding: 4px 6px 0 6px; text-align: right; }
#text td.right { width: 55%; font-size: 12px; text-align: left; padding: 4px 6px; }
#text td label { display: inline; font-size: 12px; font-weight: bold; }
#text td select, input, textarea { display: inline; margin: 0; }
#text select { width: 100px; }

/* Formulare allgemein
form { margin: 0; }
label { display: block; font-size: 90%; margin: 10px 0 4px 0; }
label.check { display: inline; font-size: 90%; margin: 0 0 0 4px; }
input.check { display: inline; margin: 0px 0 0 0; border: 1px solid #808080; }
select, input, textarea { display: block; margin: 0; }  */

/* Footer */
#footer { clear: both; width: 100%; background-color: transparent; color: #000000; text-align: left; }
#footer p.topper { padding: 30px 0 20px 323px; }
#footer a { color: #114477; font-weight: bold; background-color: transparent; text-decoration: underline; }
#footer a:hover { color: #114477; background-color: transparent; font-weight: bold; }
#footer p { font-size: 80%; padding: 0px 0px 20px 323px; }

/* Javascript Calendar */
input.calinput { margin: 4px 2px 4px 2px; height:22px; font-weight:bold; font-size:10px; padding: 0px 5px 0px 5px; border:1px solid #888888;}
select.calinput { margin: 4px 2px 5px 2px; font-weight:bold; font-size:11px; padding: 1px 0px 1px 0px; min-width:55px; border:1px solid #888888;}
table.calendar { font-family: Helvetica, Arial, sans-serif; font-size: 0.8em; border-collapse: collapse; background-color: #fffdee;  border: solid #ffb726 2px; width: 205px; text-align: center; /*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/ -moz-user-select: none;    /*-khtml-user-select: none;*/}
table.calendar td { border: 0; font-size: 10px; text-align: center;}
div.mainheading { margin: 2px;}
div.bigheading { margin: 7px 2px 2px 2px; color: #0e3865; font-size: 13px; font-weight: 900;}
table.caldayheading { border-collapse: collapse; cursor: pointer; empty-cells: show; margin: 0 6px 0 6px; }
table.caldayheading td { background-color: #ffffff; border: solid #999999 1px; border-bottom: solid #888888 2px; text-align: left;  font-weight: bold; padding:4px 0 3px 0; color: #0e3865; width: 22px; /*should match calendar cell's width*/}
table.caldayheading td.wkhead { border-right: double #888888 3px;}
table.calcells { border-collapse: collapse; cursor: pointer; margin: 0 6px 0 6px;}
table.calcells td { background-color: #ffffff; border: solid #999999 1px; vertical-align: top; text-align: left; font-weight: bold; width: 22px; height: 22px;}
table.calcells td div { padding: 1px; margin: 0;}
table.calcells td.wkhead { background-color: white; text-align: center; border-right: double #888888 3px; color: #0e3865;}
table.calcells td.wkday { background-color: #ebebeb;}
table.calcells td.wkend { background-color: #cfd7de;}
table.calcells td.curdate { background-color: #ffcc66; }
table.calcells td.cell_selected { background-color: #7f9db9; color: black;}
table.calcells td.notmnth { background-color: #ffffff; color: #CCCCCC;}
table.calcells td.notallowed { background-color: white; color: #eeeeee; font-style: italic;}
table.calcells td.hover { background-color: #fbe5ab;}

/* Ausgeblendetes */
.novis { display: none; }