/* CSS Document 
	Webseite Ursula Weber www.life-and-balance.com
	erstellt von webiada webdesign  Fee Duerr
	www.webiada.de
*/
html, body { text-align:center; font-size:100.01%; margin:0 auto; padding:0; min-width:829px;}

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;background: #f5ce90 url(bg.png) center top;
}
a {
	text-decoration: none; cursor:pointer;
}
img, a img { border:0; display:block;  }
#navi {
	list-style:none; margin:18px auto 0; padding:0; display:block; 
	position: relative;
	width:829px;
	height:30px;
	font-size:0.85em;
	color:#fff;
	text-indent:0;
}
#navi li { float:left; display: block;
	background-color:#fff;
	color: #be9b61;
	padding: 0;
	margin:0 1px 0 0;
	line-height:30px;
	text-align:center; }
#li1 { width:110px;}
#li2 { width:80px;}
#li3 { width:180px;}
#li4 { width:260px;}
#li5 { width:99px;}
#li6 { width:94px; margin-right:0;}
#navi li a { display:block;
	background:#be9b61 url(bg.png) center center repeat-x;
	color:#fff; }
#navi li a:hover, #navi li a:focus {
	background:#f5ce90 url(bg.png) center top repeat-x;
	color:#616161;}
#container {
	width:828px;
	height:512px;
	position: relative;
	margin:0 auto;
	background: #fff right bottom no-repeat;
	text-align:left;
}
#logo {
	position: relative;
	top:20px;
	left:20px;
	background: #fff url(logo.png) top left no-repeat;
	width:99px;
	height:82px;
}
#logo a { display:block; width:100%; height:100%;}
#text {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	position: relative;
	top:40px;
	left:24px;
	color:#616161;
	font-size:0.85em;
}
h1, h2 {
	font-family:"Apple Chancery", "Monotype Corsiva", Zapfino, Georgia, "Times New Roman", Times, serif;
	color:#be9b61;margin-top:0; padding-top:0;}
h1 {
	font-size: 1.5em; 
}
h2 { font-size:1.3em; margin-bottom:0; padding-bottom:0;}
p { padding:0.3em 0; }
blockquote {
	text-align: center;
	font-size:1em;
	color:#be9b61;
	margin:24px 0;
}
#text ul {
	list-style: inside circle;
}
#footer {
	position: relative;
	width:828px;
	margin:0 auto;
	display:block;
	background-color:#be9b61;
	color:#fff;
	font-size:0.7em;
	text-align:center;
}
#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:focus {
	background-color:#be9b61;
	color:#fff;
	text-decoration:none;
}
#footer a:hover, #footer a:focus {
	background-color:#be9b61;
	color:#fff;
	text-decoration:underline;
}
.reader {
	position: absolute;
		left: -1000px;
		top: -1000px;
		width: 0px;
		height: 0px;
		overflow: hidden;
		display: inline;}
.gutschein a {position:absolute; right:20px; width:100px; height:122px; margin-left:20px; z-index:999; background: url(../layout/gutschein.png) top center no-repeat;}
.gutschein a span { display:none}
.gutschein a:hover span, .gutschein a:focus span, .gutschein a:active span {display:block; background-color:#fff; width:20em; height:10em; position: absolute;  right:0px; border:5px double #be9b61; padding:6px; color:#be9b61; font-size:0.85em; vertical-align:middle}