@import url(winter.css);
/*@import url(farbe.css); Wenn kein JaavaScript ausgeführt wird, wird automatisch diese Formatierung übernommen*/
@import url(lightbox/css/lightbox.css);


body {
	padding-top:20px;
	font-family: "Verdana", sans-serif;
	font-size: small; /*für IE5/Win*/
/*	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* für  konforme Browser*/
}
	
* html body {
	font-size: x-small; /* für IE5/Win */
	f\ont-size: small; /* für andere IEVersionen */
}
/* Scroll-Balken erzwingen: Verhindert das Springen der Seite bei Zentrierung mit wenig Inhalt*/ 
html { height: 100% } 
body { min-height: 101%; }	

#schatten{width:750px; margin:0 auto; font-size: 110%;}
#seite{position: relative; top: -3px; left:-3px; border: 1px solid;}

.titel b, .titelschatten b {font-size:200%; font-style: italic; font-weight:bold; letter-spacing: -1px;}
#titelback span {font-style: italic; font-weight:bold;}
p, li, h1, h2, h3, td, th, caption {font-size:100%;}
h1 {font-size:180%;}
.klein, .bildtext_sommer, .bildtext_winter, #fotos fieldset a.link {font-size:80%}
caption {margin: 0; padding: 5px 0px; text-align: left; font-weight:bold;}
a.link, a.angebot_preis , .nav2{text-decoration:none;  font-style: italic; font-weight: bold; padding: 0 2px;}
.abstand_gross {height: 2em;}
div.abstand_150 {clear: both; height: 150px; width:100px;}




#kopfrahmen{height: 229px; overflow: visible; position: relative; top: 0px;}
#kopfbild{height: 229px; overflow: hidden; margin: 0; top: 0px; z-index: 0;}
#kopfaufsatz{width: 164px; overflow: visible; float: right; position:absolute; top: -20px; right: 10px; z-index: 5;}
#kopftitel{margin: 0; padding: 0; position: absolute; bottom: 0px;}
#titelback img {margin-left: 30px;}
.logo {text-align: center;}
.titelschatten {display: none; padding: 20px 10px 30px 30px; position: absolute; bottom: -1px;}/*Titel versetzt für Schatteneffekt*/
.titel {display: none; padding: 20px 10px 30px 30px; position: relative; bottom: 0px;}
#titelgrafik {height: 229px; width: 300px;}
#kopfzusatz{width: 100%; min-height: 20px; margin: 0; padding: 0; vertical-align:middle; position: absolute; bottom: 0px; z-index: 5;}
#kopfzusatz p{margin: 0; padding-left: 35px;}

.schatten_oben {margin: 0; height: 50px;}

#textbereich {
/*	clear:both;*/
	float:left;
	height:100%;
	min-height: 300px;
	width:100%;
	padding: 0 0 2em 0;
}
#ferienwohnung #textbereich {padding: 0;}

#Inhalt {
	width: 70%;
	float: left;
	padding: 0 10px 0 30px;
	margin: 0;
/*	border: 1px dashed silver;*/
  }
#fotos #Inhalt {width: 94%;}
#fotos fieldset {clear: both; margin: 0 0 20px 0; padding: 10px 20px; border: 1px solid #C8CDD2;}
#fotos legend {margin: 0 0px; padding: 0 10px;}
#spalte1 {
	width:164px;
    float: right; 
    margin: 0; padding: 0 10px;
 /*   border: 1px dashed silver;*/
}
#fotos .foto {float:left; margin: 0 15px 15px 0;}
#fotos .foto img {width: 100px; height: 75px;}
/*#fotos .foto img {display: none; width: 100px; height: 75px;}*/
/*#fotos fieldset:hover > .foto img {display: inline; width: 100px; height: 75px;}*/
#fotos .foto img.hoch {width: 100px; height: 141px;}
#fotos fieldset a.link {clear: both; display: block; border-top: 1px solid #C8CDD2;}
a.foto, #essen a {display:block; text-decoration:none;}
a.foto, .foto{
	margin: 0;
	padding: 6px;
	border: 1px solid #D9E0E6;
	border-bottom-color: #C8CDD2;
	border-right-color: #C8CDD2;
	background: #fff;
	margin-bottom: 12px;
	text-align: center;
	}
.fotoreihe .foto  {margin: 0; overflow: hidden;}	/*Setzt den unteren Außenabstand zurück, wenn das Bild  innerhalb von fototreihe vorkommt*/
.fotoreihe  {
	margin-bottom: 12px;
	table-layout: auto;
	border-spacing: 2px;
	}	
#essenframe {width: 100%; font-weight:bold;}
#essen a.link{display: block;}	
#essen {margin: 5px; padding: 0;}

	

#spalte3 {
    float: left; width: 200px;
    margin: 0; padding: 2em 1em;
    border: 1px dashed silver; background-color: #eee;
}

 
#rabatt{
	float: left;
	width: 150px;
	height: 158px;
	margin: 0px 0px 20px 0px;
	position: relative;
	left: -20px; top: -50px;
	overflow: visible;}

.preise {margin: 20px 0; padding: 10px; border: 1px solid;}
.preise caption {padding: 0 0 10px 0; border-bottom: 1px solid;}
.preise .preis {margin: 0; padding: 0; text-align: right; white-space: nowrap;}
.preise td {margin: 0; vertical-align: text-bottom;}

/* Box für Angebote */
.angebot, .telefon{display: block; width: 200px; text-decoration: none; margin: 0 0 5px 0; padding: 10px; border: 1px dotted; float: left;}
.angebot h3 {padding: 0 0 10px 0; line-height: 1em; margin: 0; margin-bottom: 10px;}
.angebot img{display: none; width: 130px; float:left; margin-top: 0px; }
#a01 .angebot img{display: inline; width: 130px; float:left; margin-top: 0px; }
a.angebot:hover  > img, div.angebot:hover > img{display: inline; width: 130px; float:left; margin-top: 0px; }
.angebot p{vertical-align:bottom;}
.angebot ul {list-style-type: square; margin-left: 200px;}
*:first-child+html .angebot ul {list-style-type: square; margin-left: 240px;}
.angebot em {font-style: normal;}
.angebot .buchung {clear: both; margin-bottom: 50px;}
#angebote .angebot {width: 100%; margin: 0; padding: 10px;}
#angebote .angebot h3 {border-bottom: 1px dotted; font-size: 120%;}
#angebote .angebot img{display: inline; width: 200px; margin-right: 10px;}
#angebote .angebot a {display: inline;}

.angebot_preis {
	position:relative; top: -50px; right:-50px;
	float: right;
	width:75px;
	height:75px;
	text-align:center;
	font-size: 12px;
	z-index: 7;
	}
.angebot_preis { line-height: 75px; vertical-align:middle; voice-family:"\"}\""; margin: auto;} /* vertikale Zentrierung außer IE 7*/
*:first-child+html .angebot_preis { padding: 0 0px; margin: 0; line-height: 75px; vertical-align:middle;} /* Hack für  vertiale Zentrierung im IE 7*/
/* Box-Ende */

/* 2 Spalten*/
.spalte_links {width: 50%; float: left;}
.spalte_rechts {width: 50%; float: right;}

/* Ende 2 Spalten*/


table.buchung {margin-top: 20px;}
.buchung a, .angebot a{font-size:100%; font-style: normal; padding: 5px; margin-left: 0px; text-decoration: none;}
.oben {vertical-align: top;}

.telefon {float: right; padding: 10px;}
.bildtext_sommer, .bildtext_winter, {margin: 0; padding: 2px; position: relative; bottom: -2em; left: 0; color: #fff;}



 #Fusszeile  {
    clear: both;
    font-size: 100%;
    margin: 0; padding: 5px;
	overflow:visible;
  } 
#Fusszeile p {margin:0;}

#Fusszeile #kontakt a{
	margin:0;
	padding: 2px;
	float:right;
	white-space:nowrap;
	border: 1px solid;
	text-decoration: none;
}  
  

/* Hauptmenü-Formatierung  ohne Farbschema*/

#nav5 {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0px 0px 0px 0px; /*Höhe der Hintergrundfarbe: bei zentrierter Ausrichtung wird das Menu mit Werten für rechts aus dem Rahmen geschoben*/
	list-style: none;
	/*background: #78a32d url(menu_trans.png) repeat-x top left;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-top-style: solid;
	}
#nav5 li {
	float: left;  /*Ausrichtung der Navigationsleiste*/
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	}
#nav5 a{
	float: left;
	display: block;
	margin: 0;
	padding: 15px 0px;
	text-decoration: none;
	}
	
#nav5 b{
	padding: 15px 7px; /*erster Wert legt hier die Höhe der Trennlinie fest; volle Linie: mit gleicher Höhe wie padding von #nav a; 2. Wert den Innenabstannd zwischen Text und Buttonrand*/
	border-right-width: 1px;
	border-right-style: solid;
	font-weight: normal;
	}
	
.nav2 {display: block;}