/*
 * CSS Medizinische Wellness
 * (c) 2007 Mallok & Wiegleb
 * Author: Tim Isenheim
 * Author URL: www.freshlabs.de
 */

* {
	margin: 0;
}

html, body {
	height: 100%;
}

html{
	background: url(../img/bg-tl.gif) no-repeat left top;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
}

body{
	background: url(../img/bg-br.gif) no-repeat 100% 100%;
	font-size: 1.2em;
	line-height: 150%;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -5em; /* the bottom margin is the negative value of the footer's height */
	background: url(../img/bg-ml.gif) no-repeat left center;
	text-align: center;
}
.footer, .push {
	height: 5em; /* .push must be the same height as .footer */
}

.footer{
	background: #a1e4ff;
	color: #069;
	font-size: 0.9em;
	height: 5.6em;
	text-align: center;
}

.content{
	margin: 0 auto;
	width: 923px;
	text-align: left;
	position: relative;
}

#gallery{ display: none; }

.section.tease img{ float:right; width: 550px;}

/* Design */

h1, h2, h3, h4, .buttons li, strong.phone{ font-family: Arial, Helvetica, sans-serif; }

.header{ padding: 30px 0 10px 0; text-align: right; }

.header h1 span{ display: none; }

.header h1 a{
	display: block;
	background: url(../img/mw-logo.gif) no-repeat right center;
	height: 46px;
}

h2{ font-size: 1.8em;}

.box.yello{
	width: 344px;
	float: left;
	background: #f8e48b;
	color: #960;
	margin-right: 29px;
}

.box.yello h2{
	padding: 20px 20px 7px 10px;
	background: url(../img/box-yl-top.gif) no-repeat center top;
}

.box p{ padding: 5px 20px 0 10px; }
.box.yello p.last{
	padding: 5px 20px 20px 10px;
	background: url(../img/box-yl-bot.gif) no-repeat center bottom;
}

strong.phone{
	font-size: 2.0em;
	display: block;
	text-align: center;
	margin: -8px 0 0 -20px;
}

.box.pink h2{
	padding: 0 0 0 10px;
}

.box.pink{
	background: #ef8db3;
	color: #636;
	width: 580px;
	margin: 22px auto 10px 70px;
}

.box.pink p.first{
	padding-top: 15px;
	background: url(../img/box-pink-top.gif) no-repeat center top;
}

.box.pink p.last{
	padding-bottom: 15px;
	background: url(../img/box-pink-bot.gif) no-repeat center bottom;
}

/* Buttons */

div.buttons{
	position: absolute;
	right: 0;
	top: 460px;
}

.buttons ul{ list-style: none }
.buttons ul li{ margin-bottom: 12px;}

.buttons a:visited,
.buttons a{
	display: block;
	background: url(../img/btn-action.gif) no-repeat center top;
	width: 207px;
	height: 52px;
	text-align: center;
	color: #366;
	text-decoration: none;
}

.buttons a:hover{
	background-position: center bottom;
	color: #069;
}

.buttons a:active{ color: #333; }

.buttons li span{
	display: block;
	padding-top: 16px;
	font-size: 1.7em;
	font-weight: bold;
}

/* Footer */

.footer a:visited,
.footer a{
	color: #069;
	background: #a1e4ff;
}

.footer a:hover{ color: #333; }

.footer p{
	width: 50%;
	text-align: center;
	padding: 6px 0 0 0;
}
.footer .first{ float: left; width: 350px; }
.footer .second{ float: right; width: 560px; }