@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
[Ludwigshof] Screen Stylesheet
version:   1.0
date:      31/03/08
last doc:  31/03/08
author:    Pichler Alexander
email:     development@by-experience.com
website:   wwww.by-experience.it
-----------------------------------------------------------------------------*/
/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead{
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
  font-weight:inherit;
  margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}

/* remember to define focus styles! */
:focus {
	outline:0;
}

body{
	background:#f7f1c9;
	color:#333;
	font:normal 63.5%/1.3em Arial, Helvetica, sans-serif;
}

ol, ul, li{
	list-style:none;
	margin:3px 0;
	text-align:center;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
}

caption, th, td{
	font-weight:normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}

blockquote, q {
	quotes:"" "";
}
/* ENDE Reset */

/* Allgemein */
#alles{
  margin:0 auto;
  width:950px;
}

.floatRight{
	float:right;
}

.floatLeft{
	float:left;
}

.clear{
	clear:both;
}

.abstandLeft{
	padding-left:10px
}

.abstandRight{
	margin-right:20px
}

.abstandOben{
	margin-top:10px
}

.abstandUnten{
	margin-bottom:5px
}

.rahmen{
  border:solid 1px #ccc;
  border-color:#ccc #aaa #aaa #ccc;  
}

.hide{
  display:none;  
}

h2{
	font:normal 1.8em/1.2em Georgia, "Times New Roman", Times, serif;  
}

b{
  padding:0 3px;  
}
/* ENDE Allgemein */

/* Head */
#head{
  background:#ffb940;
  height:86px;
  margin:40px 0 0 0;
}

#logo{
  padding:5px 20px;
}

#sprache{
  font-size:1.2em;
  margin:-80px 0 0 775px;
  padding:5px 0;
  position:absolute;
  text-align:center;
  word-spacing:3px; 
}

#sprache a:link, #sprache a:visited{
  color:#333;
}

#sprache a:hover, #sprache a:active{
  color:#fefefe;
}
/* ENDE Head */

/* Slogan */
#slogan{
  background:#fefefe;
  font:italic 1.3em/2.6em Georgia, Arial, Helvetica, sans-serif;
  height:34px;
  padding:0 0 0 23px;
}
/* ENDE Slogan */

/* Navi */
#navi{
  background-color:#fefefe;
  clear:both;
  font-size:1.1em;
  height:40px;
}

#navi ul{
  list-style:none;
  margin:0 0 0 30px; 
}

#navi ul li{
  float:left;
  margin:9px 60px 0 0;
  text-align:center;
}
/* ENDE Navi */

/* Inhalt */
#inhalt{
  background-color:#ffea60; /*d2d8ed*/
  height:366px;
}

#blockL{
  float:left;
  height:100%;
  width:548px;  
}

#context{
  float:left;
  height:341px;
  padding:25px 20px 0 10px;
  width:212px;
}

#context p{
	font-size:1.2em;
	line-height:1.3em;
	margin:20px 0 0 0;
}

#blockR{
  float:left;
  height:100%;
  width:160px;
}

.textbox{
  font-size:1.1em;
  height:200px;
  line-height:1.3em;
  margin:13px 0 0 0;
  overflow:auto;
  padding:0 0 0 20px;
  width:180px;  
}

#s1{
  margin:0;
  padding:0;
}
  
.btnBack{
  margin:325px 0 0 25px;
  position:absolute;
  z-index:10;  
}

.btnNext{
  margin:325px 0 0 504px;
  position:absolute;  
  z-index:10;  
}

#context a:link, #context a:visited, #context a:hover, #context a:active{
  color:#f00;
}
/* ENDE Inhalt */

/* Preise | Angebote  */
#contextPreis{
  float:left;
  font-size:1.2em;
  height:341px;
  line-height:1.3;
  overflow:auto;
  overflow-x:hidden;
  padding:25px 20px 0 10px;
  width:372px;
}

#contextPreis table{
  margin:20px 0 20px 0;
  width:350px;  
}

.preisTabelle{
	background-color:#e5e5e5;
}

.preisTabelle td{
	border-bottom:1px solid #87001a;
	font-weight:bold;
  padding:15px;
	vertical-align:middle;
	white-space:nowrap;
}

.preisTabelle p{
	padding:10px 0;
}

.borderTop td{
	border-top:1px solid #87001a;
}

.preisBeschreibung{
	line-height:140%;
	padding:20px 20px 20px 40px;
}

#contextPreis ul li{
	list-style-type:square;
	margin:0 0 5px 20px;
  text-align:left; 
}

.preisBeschreibung span{
	color:#87001a;
	font-size:1.6em;
	padding-left:340px;
}

.angebot{
  color:#f00;
	font:bold 1.3em/1.2em Georgia, "Times New Roman", Times, serif;  
}

.angebotDT{
  color:#f00;
	font:normal 1.2em/1.2em Georgia, "Times New Roman", Times, serif;  
}

#contextPreis a:link, #contextPreis a:visited, #contextPreis a:hover, #contextPreis a:active{
  color:#f00;  
}
/* ENDE Preise | Angebote  */

/* Footer */
#footer{
  background:#ffb940;
  font-size:1.1em;
  padding:12px 0 10px 30px;  
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active{
  color:#333;
}
/* ENDE Footer */

/* Wappen */
#wappen{
  text-align:center;  
}

#wappen img{
  padding:20px 10px;  
}
/* ENDE Wappen*/

/* Links */
a:link, a:visited{
  text-decoration:none;  
}

a:hover, a:active{
  text-decoration:none;  
}
/* ENDE Links */

/* PopUp */
.ueberlaufdiv{
  font-size:1.2em;
  margin:20px 40px; 
}

.ueberlaufdiv a:link, .ueberlaufdiv a:visited{
  color:#333;
  text-decoration:underline;  
}

.ueberlaufdiv a:hover, .ueberlaufdiv a:active{
  color:#333;
  text-decoration:underline;  
}

.info{
  background:#efefef;
  border:solid 1px #dedede;
  color:#222;
  margin:0 0 30px 0;
  padding:4px;
  text-align:center;
}

.tbAnfrage{
  width:258px;  
}
/* ENDE PopUp */

/* Wellnessoase */
.oase{
  margin:10px 20px;  
}

.oase .textbox{
  height:400px;
  margin:0 0 0 350px;
  position:absolute;
  width:426px;
}

.oase .textbox p{
  font-size:1.2em;
  line-height:1.3em;
  margin:20px 0 0 0;
}

.beschreibung{
  background:#fff;
  border:solid 1px #ccc;
  border-color:#ccc #aaa #aaa #ccc;
  color:#585656;
  font-size:1.1em;
  line-height:1.3em;
  padding:4px;
  position:absolute;
  text-align:center;
}

.beschreibung img{
  border:solid 1px #ccc;
  border-color:#ccc #aaa #aaa #ccc;
}

.d1, .d2{
  margin:396px 0 0 470px;
}

.d3, .d4, .d5, .d6{
  margin:396px 0 0 370px;
}

.oase a{
  position:absolute;  
}

.oase .textbox a{
  color:#f00;
  margin:0;
  padding:0;
  position:relative;
}

.w1{
  margin:32px 0 0 210px;
}

.w2{
  margin:192px 0 0 90px;
}

.w3{
  margin:209px 0 0 320px;
}

.w4{
  display:none;
  margin:280px 0 0 80px;
}

.w5{
  margin:438px 0 0 95px;
}

.w6{
  margin:620px 0 0 72px;
}
/* ENDE Wellnessoase */