@charset "UTF-8";
body {font-family: Geneva, Arial, Helvetica, Verdana, sans-serif; font-size: small; background-color: #FFFABD;}
.headline250 {font-size: 250%;} /* Geneva, Arial, Helvetica, Verdana, sans-serif;  */
.headline135 {font-size: 135%;}
.headline100 {font-size: 100%;}
h1, h2, h3, h4 {line-height: 1em;}
h2 {font-size: 120%;}
h3 {font-size: 100%;}
/*            */
#wrapper {width: 945px; position: relative; left: 50%; margin: 0 0 0 -475px;}
/*  left  */
#left {width: 286px; float: left; background-color: #F0E68C;} 
/*  left - villa */
#left p#villa {margin-top: 18px; margin-left: 18px;}
#left #villa img {border: none;}
#left #villa a:link {border: none;}
#left #villa a:visited {border: none;}
/*  left - mainNav */
#mainNav h1 {margin-left: 18px; margin-top: -8px; margin-bottom: 30px; color: #444444;} 
#mainNav ul {
	list-style: none;
	padding-bottom: 30px;
}
#mainNav p {font-size: 80%; color: gray; padding-top: 30px; margin-left: 18px;}	
#mainNav .nav {margin-left: 20px;}	
#home #mainNav .home a, #belegung #mainNav .belegung a, #datasec #mainNav .datasec a, #impressum #mainNav .impressum a, #ausstattung #mainNav .ausstattung a, #preise #mainNav .preise a, #anreise #mainNav .anreise a  {color:gray; cursor: default;} /*wird das auskommentiert, erscheint der Link nur bei hover grau   */
#home #mainNav .home a:hover, #belegung #mainNav .belegung a:hover, #datasec #mainNav .datasec a:hover, #impressum #mainNav .impressum a:hover, #ausstattung #mainNav .ausstattung a:hover, #preise #mainNav .preise a:hover, #anreise #mainNav .anreise a:hover {color:gray; text-decoration: none;}  /*  cursor: default;  bringt nichts  */
/* alle Links */
a:link, a:visited {text-decoration: none;}
a:hover, a:active {text-decoration: underline;}
/* foto-left */
#foto-left {padding-top: 4px; padding-bottom: 0; margin-bottom: 0;}
#foto-left p {margin-left: 18px; font-size: 80%; color: #000000;}
#home #foto-left p, #ausstattung #foto-left p, #datasec #foto-left p {padding-bottom: 15px; margin-bottom: 0;  }
/* kontakt2 */
#kontakt2 {margin-bottom: 0;}
#kontakt2 h2 {font-size: 125%; margin-left: 18px; padding-top: 0px; color: #444444;}
#belegung #kontakt2 dl {margin-left: -22px; padding-bottom: 15px; margin-bottom: 0; color: #444444;}
/*  right  */
#right {width: 650px; float: right;}
/*  right - kopf  */
#kopf {padding-top: 16px; padding-bottom: 10px; background-color: #F0E68C;}
#kopf h1 {padding-bottom: 0; margin-bottom: 0; margin-left: 11px; margin-top: 8px;  color: #444444;}
#kopf h2 {padding-bottom: 0; margin-bottom: 0; margin-left: 11px; letter-spacing: 1px; margin-top: 10px; color: #444444;}
/*  right - content  */
#preise #content, #impressum #content, #anreise #content, #belegung #content {width: 410px; float: left;}
#home #content, #datasec #content, #ausstattung #content {width: 450px; float: left;  /* padding-top: 15px; */} 
#content h1 {font-size: 125%; margin-bottom: 0; margin-top: 30px; color: #444444;}
#belegung #content h1 {padding-bottom: 0; margin-bottom: 0; /* text-align: center; */ color: #444444;}
#content h2 {padding-bottom: 0; margin-bottom: -5px; margin-left: 0; color: #444444;}
#belegung #content h4 {font-size: 90%; font-weight: bold; color: #FF0000; padding-top: 0; margin: 10px 0 8px 0; text-align: center;}
#content p {line-height: 1.1em; padding-top: 0; margin-top: 10px; margin-left: 11px; }
#content p, #content dl, #content ul {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #444444;}  
#home #content p, #ausstattung #content p  {padding-left: 10px;}
#belegung #content p {margin-bottom: 20px;}
#belegung #content p span {color: #FF4500; margin-bottom: 20px;}
#belegung #content p span#anreise{color: #D2691E; margin-bottom: 20px;}
#content dd {line-height: 1.1em; margin-left: 11px; color: #444444;}
#content .back {text-align: right; margin-top: -10px;}
#content span {font-weight: bold;}
/*  right - foto-right  */	
#preise #foto-right, #impressum #foto-right, #anreise #foto-right, #belegung #foto-right {width: 232px; float: right; background-color: #F0E68C; /* border: 1px solid gray; */}
#foto-right p {margin: 0px 0 5px 16px; padding-top: 0; padding-bottom: 0; font-size: 80%; color: #000000; /* border: 1px solid #ff0000; */}
#home #foto-right, #datasec #foto-right, #ausstattung #foto-right {width: 182px; float: right; background-color: #F0E68C;}
/* #home #foto-right img, #ausstattung #foto-right img, #datasec #foto-right img {border: none;} */
/*   */
#mailaddr {padding-top: 5px;}
#mailaddr1 {padding-bottom: 10px;}
.mailtxt {font-size: 80%;}
/* Formatierungen */
.top10 {padding-top: 10px;}
.top40 {padding-top: 40px;}
/* ---Seite Belegungsplan--- */
table {border-collapse: collapse; border: 1px solid gray;  margin-left: 35px;}
td, th {text-align: center;}
#farbe {color: #444444;}
td {font-size: 85%;}
th, td.kw {background-color: #F0E68C;}
.gerade {background-color: #FFA500;}			/* wenn Monatsname in letzter Zeile   */
.ungerade {background-color: #DEB887;}		/* wenn Monatsname in letzter Zeile   */
.bel {background-color: #FF4500;} /* roter Hintergrund für belegte Tage  */
table .unsichtbar {border-top-color: #FFFABD; border-bottom-color: #FFFABD;}
.ungerade1 {background-color: #DEB887; border-bottom-color: #FFFABD;}	/* wenn Monatsname zwischendrin   */
.gerade1 {background-color: #FFA500; border-bottom-color: #FFFABD;}		/* wenn Monatsname zwischendrin   */
.anab {
  background-color: #D2691E; 
  color: #FFFFFF; /* AC8F8F  */
}
#content2 {width: 410px; float: left;}
#back-1 {text-align: right; margin: 10px 20px 0 0; }
/* ---Seite Preise--- */
#preise #content ul {margin-left: 20px;}
#preise #kurtaxe {padding-top: 15px;}
/*  #preise #foto-right p {margin: 5px 0 0 16px;  font-size: 80%;}  */
/* ---Seite Anreise ---*/
#anreise #content dl {margin-left: 40px;}
#anreise #content dt {margin-left: -11px;}
/* ---Seite Impressum--- */
#ustnr {padding-top: 5px; padding-bottom: 10px;}
#betreiber {font-size: 80%; padding-bottom: 5px;}
#impressum #content dl {padding-left: 10px;}
/* ---Seite Datenschutz--- */
#kontakt3 {padding-bottom: 240px; margin-bottom: 0;}
#datasec #content p {padding-left: 10px;}