/* *********************************************************************************
** *********** (c) 2007 by Helmut Siebe (http://www.siebe-webdesign.de/) ***********
** *********************************************************************************
*/

* { margin: 0; padding: 0; }

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

/* Text und Links allgemein */
p, li { font-size: 90%; }
a { height: 1%; /* fuer IE */ color: #005ea5; font-weight: bold; text-decoration: none; background-color: transparent;
border-bottom: 0px solid #0e3865; }
a:hover { color: #ff3300; background-color: transparent; border-bottom: 0px solid #ff3300; }

/* alle Inhalte */
#gesamt { text-align: left; width: 950px; margin: 0px auto; background-color: transparent; border: 1px solid #005ea5;
background-image: url(../pic/seite.jpg); background-repeat: repeat; background-position: top left; }


/* Headline oberhalb Header für Sprachen, Impressum etc. */
#headline { width: 950px; height: 25px; font-size: 75%; color: #ffffff; background-color: #922c0d; text-align: right;
background-image: url(../pic/headline.jpg); background-repeat: no-repeat; background-position: top left; }
#headline a { position: relative; top: 4px; right: 20px; color: #ffffff; background: transparent; text-decoration: none; }
#headline a:hover { text-decoration: underline; color: #ffffff; background: transparent; }


/* Verlinkung oben rechts innerhalb Header */
#impressum { position: relative; top: 8px; right: 10px; font-size: 75%; color: #ffffff; background: transparent; text-align: right; }
#impressum a { color: #ffffff; background: transparent; text-decoration: none; }
#impressum a:hover { text-decoration: underline; background: transparent; color: #ffffff; }


/* Header */
#header { width: 950px; height: 250px; text-align: left; border: 0px; background-color: #005ea5;
background-image: url(../pic/titel.jpg); background-repeat: repeat; background-position: top left;
margin: 0; padding: 0; }
#header img { margin: 0px; border: 0; }
#header h1 { font-family: arial, sans-serif; text-align: left; font-style: normal; margin: 0px 0px 0px 225px;
padding: 44px 0 0 0; font-size: 48px; font-weight: bold; color: #fce400; }
#header h1.sub { padding: 10px 0 0 0; font-size: 18px; font-weight: bold; color: #fce400; line-height: 140%; }
#header h3 { width: 200px; float: left; font-family: verdana, arial, sans-serif; text-align: center; font-style: normal;
margin: 0px; padding-top: 140px; font-size: 12px; font-weight: bold; color: #ffffff; }


/* Subline unterhalb Header für Sprachen, Impressum etc. */
#subline { width: 950px; height: 25px; font-size: 75%; color: #ffffff; background: transparent; text-align: right; }
#subline a { color: #ffffff; background: transparent; text-decoration: none; }
#subline a:hover { text-decoration: underline; background: transparent; color: #ffffff; }


/* Textbereich gesamt */
#content { width: 950px; overflow: hidden; margin: 0; padding: 0; background-color: transparent; }


/* links vom Text floatendes Menue */
/* Menue */
#menue a.akt { background-color: #f2f5f8; font-weight: bold; padding: 4px 4px 4px 14px; border-left: 6px solid #005ea5; } /*dunkler*/
#menue a.akt2 { background-color: #f2f5f8; font-weight: bold; padding: 4px 4px 4px 14px; border-left: 6px solid #8fcdfc; } /*dunkler*/
#menue a.psv2 { background-color: #f2f5f8; font-weight: normal; padding: 4px 4px 4px 14px; border-left: 6px solid #8fcdfc; }
#menue a.akt3 { background-color: #f2f5f8; font-weight: bold; padding: 4px 4px 4px 14px; border-left: 6px solid #8fcdfc; }
#menue a.psv3 { background-color: #f2f5f8; font-weight: normal;  padding: 4px 4px 4px 14px; border-left: 6px solid #8fcdfc; }
#menue a.psv { background-color: #f2f5f8; font-weight: normal; }

#menue { float: left; width: 240px;  margin: 10px 0 0 0; color: #005ea5; background-color: transparent;
text-align: left; border: 0; }
#menue p { width: 200px; font-size: 80%; margin: 0; padding: 0 0 11px 0; border-top: 1px solid #005ea5; }
#menue p.adress { font-size: 70%; font-weight: bold; line-height: 140%; padding: 30px 0px 0 20px;
border-top: 0px solid #ffffff; }
#menue a { display: block; color: #005ea5; font-weight: normal; background-color: #f2f5f8; text-decoration: none;
margin: 0; padding: 4px 4px 4px 20px; border-bottom: 1px solid #005ea5; border-right: 0px solid #005ea5;
border-left: 0px solid #f2f5f8; }
#menue a:hover { background-color: #f2f5f8; font-weight: bold; border-left: 6px solid #005ea5; padding: 4px 4px 4px 14px; }


/* Textblock */
#text { font-size: 92%; background-color: transparent; color: #000000; margin-left: 240px; border-bottom: 0px; }
#text h2 { font-family: verdana, arial, sans-serif; margin: 20px 60px 0px 0px; padding: 0; font-size: 130%;
font-weight: bold; color: #005ea5; }
#text h2.sub { margin: 6px 60px 10px 0px; padding: 0; font-size: 100%; color: #005ea5; }
#text h3 { font-family: verdana, arial, sans-serif; margin: 20px 60px 10px 0px; padding: 0;
font-size: 120%; font-weight: bold; color: #005ea5; }
#text h4 { font-family: verdana, arial, sans-serif; margin: 20px 60px 10px 0px; padding: 0;
font-size: 100%; font-weight: bold; color: #005ea5; }
#text h5, h6 { font-family: verdana, arial, sans-serif; margin: 0px 60px 10px 0px; padding: 0;
font-size: 90%; font-weight: bold; color: #005ea5; }

#text p { line-height: 140%; padding: 0; margin: 0px 60px 10px 0px; }
#text p.small { font-size: 75%; line-height: 140%; padding: 0; margin: 20px 60px 10px 0px; }
#text p.mitte { text-align: center; }
#text .gaestebuch { font-style: italic; }
#text ul { list-style-type: square; padding: 0px 60px 0px 20px; }
#text li { margin: 2px 10px; line-height: 140%; }
#text ul.event { list-style-type: square; padding: 2px 60px 0px 20px; }
#text li.event { margin: 12px 10px; line-height: 140%; }
#text .red { color: #ff3300; font-weight: bold; }

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

/* Bilderspalte rechts vom Text */
#bilder { float: right; width: 180px; margin: 10px 0px 20px 20px; padding: 0; background-color: #005ea5;
border-top: 1px solid #005ea5; border-right: 0px solid #005ea5; border-bottom: 1px solid #005ea5; border-left: 1px solid #005ea5; }
#bilder h3.info { line-height: 140%; font-family: verdana, arial, sans-serif; margin: 20px 8px 8px 8px;
padding: 0px; font-size: 80%; font-weight: bold; color: #fce400; }
#bilder h3.infoline { line-height: 140%; font-family: verdana, arial, sans-serif; margin: 10px 8px 4px 8px;
padding: 10px 0 0 0; font-size: 80%; font-weight: bold; color: #fce400; border-top: 1px solid #fce400; }
#bilder h4.info { font-family: verdana, arial, sans-serif; margin: 0px 8px 4px 8px; padding: 0px; font-size: 80%;
font-weight: bold; color: #ffffff; }
#bilder p.info { line-height: 140%; font-size: 80%; color: #ffffff; background-color: transparent; padding: 0;
margin: 0px 8px 8px 8px; }
#bilder p.info2 { line-height: 140%; font-size: 75%; color: #ffffff; background-color: transparent; padding: 0;
margin: 0px 8px 8px 8px; }
#bilder .preise { float: right; display: inline; margin: 0px 0px 0px 0px; color: #ffffff;
background-color: transparent; }
#bilder img { float: right; margin: 0px 0px 20px 0px; padding: 0 4px 4px 0; background-color: transparent; border: 0px solid #922c0d; }
#route { float: right; width: 180px; margin: 10px 0px 20px 20px; padding: 0; background-color: transparent;
border-top: 1px solid #005ea5; border-right: 0px solid #005ea5; border-bottom: 1px solid #005ea5; border-left: 1px solid #005ea5; }
#route img { float: right; margin: 0px; padding: 00; background-color: transparent; border: 0px solid #922c0d; }

/* Arras, Speisekarte */
#text h3.arra { font-family: verdana, arial, sans-serif; margin: 20px 60px 4px 0px; padding: 10px 0 0 0;
font-size: 120%; font-weight: bold; color: #922c0d; border-top: 1px solid #fce075; }
#text h4.arra { font-family: verdana, arial, sans-serif; margin: 20px 60px 4px 0px; padding: 0;
font-size: 100%; font-weight: bold; color: #922c0d; }
#text p.arra { line-height: 140%; padding: 0; margin: 0px 60px 4px 0px; }
#text p.arra2 { font-size: 75%; line-height: 140%; padding: 0; margin: 0px 60px 0px 0px; }
#text h4.speise { font-family: verdana, arial, sans-serif; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 90%; font-weight: bold; color: #000000; }
#text p.speise { width: 300px; line-height: 140%; padding: 0; margin: 0px 60px 10px 0px; background: url(dot.gif) repeat-x 0 1em; }
#text .preis { float: right; display: inline; margin: 0px 0px 0px 0px; font-size: 90%; color: #000000; background-color: #f2f5f8; font-weight: bold; }

/* Tabelle für Formulare Kontakt und Buchungsanfrage*/
#text form.kontakt { margin: 0; }
#text table { width: 650px; border: 1px solid #888888; margin: 0 0 20px 0px; padding: 0px; border-collapse: collapse; }
#text table.formular { background-color: #e6eff6; margin: 20px 0 20px 0px; background-image: none; background-repeat: no-repeat; background-position: left top; }
#text table.anfrage { background-color: #e6eff6; 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; }

/* Tabelle */
#text table.preise { width: 420px; border: 0px; border-collapse: collapse; margin: 0px 0px 8px 0px; font-size: 12px; }
#text table.preise a { text-decoration: none; background-color: transparent; color: #0e3865; font-weight: bold;
border-bottom: 0px solid #0e3865; }
#text table.preise a:hover { color: #ff3300; font-weight: bold; }
#text td.titel1 { width: 120px; text-align: left; border: 0px solid #0e3865; padding: 0 0 4px 0; }
#text td.titel { width: 120px; text-align: left; border: 0px solid #0e3865; padding: 0 0 4px 4px; }
#text td.leer { width: 420px; height: 4px; border: 0px solid #0e3865; padding: 0px; }
/* #text td.leer2 { width: 20px; border: 0px solid #0e3865; padding: 0px; } */
#text td.saison { text-align: left; line-height: 140%; width: 180px; border-top: 1px solid #005ea5; border-right: 1px solid #005ea5; padding: 4px 4px 2px 0; }
#text td.dz { text-align: left; line-height: 140%; width: 120px; border-top: 1px solid #005ea5; border-right: 1px solid #005ea5; padding: 4px 0 2px 4px; }
#text td.ez { text-align: left; line-height: 140%; width: 120px; border-top: 1px solid #005ea5; border-right: 0px solid #0e3865; padding: 4px 0 2px 4px; }
#text td ul { list-style-type: square; padding: 0px 0px 0px 10px; }
#text td li { margin: 2px 10px; line-height: 130%; font-size: 12px; }


/* Footer */
#footer { clear: both; background-color: #ff3300; color: #fce400; text-align: left; margin-top: 40px; }
#text p.topper { padding: 10px 20px 10px 0px; }
#footer p { font-size: 80%; padding: 10px 20px 10px 240px; }

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