* {
	margin: 0;
	padding:0;
	outline:none;
}

html,
body {
	height:108%;
	width:100%;
}
 html[xmlns^="http"] {
 overflow-y: scroll;
}

html{
	background:#000 url(../images/bg-html.gif) center top repeat;
}

body {
 	font:62.5%/180% Arial, Helvetica, sans-serif;
	color:#707070;
	background:url(../images/bg-body.gif) center bottom no-repeat;
}

/* ----------------------------------> Global classes <-----------------------------*/
a {
	color:#6b5105;
}

a:hover {
	text-decoration:none;
}

img {
	border:none;
}

ul{
	list-style-type:none;
}

.highlight {
	font-weight:bold;
}

.image {
	border:solid 3px #6d530a;
}

.floatRight {
	float:right;
	margin:0 0 10px 10px;
}

.floatLeft {
	float:left;
	margin:0 10px 10px 0;
}

.clear {
	float:none;
	clear:both;
}
#map{
	border:solid 1px #000;
	padding:1px;
	margin:0 0 10px 0;
}

#top{
	width:100%;
	height:3px;
	background:#fff;
	overflow:hidden;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}
#qr-link, #qr-link-en{ left: 365px;
    position: absolute;
    top: 208px;
    width: 100px;
	 height:100px;
	 background:url(../images/chart.jpg) no-repeat;}
#qr-link span{background:url(../images/qr-hover.jpg) no-repeat; position:absolute; display:none;
height:100px; width: 100px;  text-indent:-9999px;}
#qr-link-en span{background: url(../images/qr-code-hover-en.jpg) no-repeat; position:absolute; display:none;
height:100px; width: 100px;  text-indent:-9999px;}

/* ----------------------------------> Index <-----------------------------------*/
#text{
	font-size:1.4em;
	color:#8b8b86;
	position:absolute;
	left:80px;
	top:138px;
	z-index:10;
}

#text p{
	margin:0 0 18px 0;
}

body#index #onlineshop{
	top:312px;
	left:78px;
}

body#index #separatorTop {
    top: 184px;
}

#spruchIndex{
	width:459px;
	height:474px;
	position:absolute;
	left:80px;
	top:62px;
	background:url(../images/bg-spruch-index.png) 0 0 no-repeat;
	z-index:1;
}

a#home{
	width:71px;
	height:24px;
	display:block;
	text-indent:-5000px;
	position:absolute;
	left:433px;
	top:317px;
	background:url(../images/bg-home-a.gif) 0 0 no-repeat;
	z-index:2;
}

a#home span{
	width:100%;
	height:100%;
	display:none;
	background:url(../images/bg-home-a.gif) 0 -24px;
	position:absolute;
	left:0px;
	top:0px;
}

body#index #navi{
	border:none;
	background:url(../images/bg-navi.gif) 0 4px no-repeat;
	left:503px;
	padding:19px 0 0 18px; 
}


/* ----------------------------------> Container <-----------------------------------*/
#container {
	background:url(../images/bg-container.png) 0 62px no-repeat;
	width: 994px;
	height:648px;
	margin:0 auto;
	position:absolute;
	left:-1000000px;
	z-index:2;
}

/* ----------------------------------> Branding <--------------------------------------*/

#branding a {
	width:317px;
	height:72px;
	background:url(../images/interwellness.png) 0 0 no-repeat;
	position:absolute;
	left:-21px;
	top:62px;
	text-decoration:none;
	z-index:20;
}

#branding a img{
	display:none;
}

#branding a span{
	width:72px;
	height:72px;
	display:none;
	background:url(../images/bg-branding-span.gif) 0 0 no-repeat;
	position:absolute;
	left:0px;
	top:0px;
}

/* ----------------------------------> NaviLang <----------------------------------------*/
#naviLang {
	list-style-type:none;
	background:#fff;
	width:70px;
	height:19px;
	overflow:hidden;
	position:absolute;
	top:3px;
	right:54px;
	overflow:hidden;
}

#naviLang li {
	float:left;
	height:17px;
	padding:0 10px;
	border-left:solid 1px #d9d9d9;
	margin:0 1px 0 -1px;
}

#naviLang li a {
	float:left;
	font-size:1em;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	position:relative;
	top:1px;
}

#naviLang li a:hover, #naviLang li.active a{
	color:#6b5105;
}

/* ----------------------------------> Navi <----------------------------------------*/
#navi {
	list-style-type:none;
	width:444px;
	height:246px;
	padding:19px 0 0px 17px;
	position:absolute;
	left:503px;
	top:76px;
	border-left:solid 1px #d0d0d1;
	overflow:hidden;
	z-index:19;
}

#navi li {
	float:left;
	width:100%;
	position:relative;
}

#navi li a {
	float:left;
	font-size:6em;
	text-decoration:none;
	color:#d4d3cd;
	text-transform:uppercase;
	background:url(../images/bg-navi2.gif) -5000px center no-repeat;
	padding:0 59px 0 0;
	position:relative;
	line-height:100%;
	margin:-15px 0 0 0;
}

#navi li a span{
	position:absolute;
	display:none;
	width:100%;
	height:100%;
	background:url(../images/bg-navi2.gif) right center no-repeat;
	z-index:2;
	color:#726c5a;
}

#navi li a strong{
	position:relative;
	z-index:1;
	font-weight:normal;
}

#navi li a:hover, #navi li.active a{
	color:#726c5a;
	background-position: right center;
}

/* ----------------------------------> Navi2 <----------------------------------------*/
#navi2{
	width:499px;
	height:24px;
	background:#17180e;
	position:absolute;
	top:317px;
	left:505px;
	overflow:hidden;
	z-index:21;
	font-weight:bold;
}

#navi2 li{
	float:left;
}

#navi2 li a{
	float:left;
	text-decoration:none;
	color:#fff;
	text-transform:uppercase;
	font-size:1.13em;
	padding:5px 12px 0px 12px;
	height:21px;
	position:relative;
	line-height:100%;
}

#navi2 li a span{
	background:#6b5105;
	width:100%;
	height:100%;
	display:none;
	position:absolute;
	left:0px;
	top:0px;
}

#navi2 li a:hover, #navi2 li.active a{
	background:#6b5105;
}


/* ----------------------------------> NaviAdd <-------------------------------------*/
#naviAdd {
	list-style-type:none;
	position:absolute;
	top:36px;
	right:51px;
	z-index:17;
	font-weight:bold;
}

#naviAdd li {
	float:left;
}

#naviAdd li a {
	float:left;
	font-size:0.9em;
	line-height:100%;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	height:13px;
	padding:9px 8px 4px 7px;
	position:relative;
}



#naviAdd li a span{
	background:#6b5105;
	width:100%;
	height:100%;
	display:none;
	position:absolute;
	left:0px;
	top:0px;
}

#naviAdd li a:hover, #naviAdd li.active a{
	background:#6d530b;
}
/* ----------------------------------> Onlineshop <--------------------------------------*/

#onlineshop{
	width:180px;
	height:40px;
	background:url(../images/bg-onlineshop.png) 0 0 no-repeat;
	position:absolute;
	left:78px;
	top:155px;
	text-indent:-5000px;
	z-index:15;
}

#onlineshop.en{
	background:url(../images/bg-onlineshop-en.png) 0 0 no-repeat !important;
}

#onlineshop span{
	width:174px;
	height:29px;
	text-indent:-5000px;
	background:url(../images/bg-onlineshop-span.gif) 0 0 no-repeat;
	position:absolute;
	left:2px;
	top:0px;
	display:none;
}

#onlineshop.en span{
	background:url(../images/bg-onlineshop-span-en.gif) 0 0 no-repeat !important;
}

/* -----------------------------------> Video <-----------------------------------------*/

#video, #video-en{
	width:180px;
	height:40px;
	background:url(../images/bg-video.png) 0 0 no-repeat;
	position:absolute;
	left:80px;
	top:356px;
	text-indent:-5000px;
	z-index:15;
}

#video.en{
	background:url(../images/bg-video-en.gif) 0 0 no-repeat !important;
}

#video span, #video.en span{
	width:174px;
	height:29px;
	text-indent:-5000px;
	background:url(../images/bg-video-span.gif) 0 0 no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}

#video.en span{
	background:url(../images/bg-video-span-en.gif) 0 0 no-repeat !important;
}

/* ----------------------------------> Slideshow <--------------------------------------*/

#slideshow{
	width:422px;
	height:351px;
	position:absolute;
	left:80px;
	top:223px;
	color:#f1f1f1;
	font-size:1.1em;
	background:url(../images/bg-separator.gif) left bottom repeat-x;
	z-index:31;
}

#slideshow p{
	line-height:130%;
	padding:5px 11px 4px 11px;
}

#slideshow p strong{
	color:#775a05;
}

#slideshowBox{
	width:422px;
	height:335px;
	overflow:hidden;
}

#slideshowTitles{
	display:none;
}

/* ----------------------------------> Spruch <-------------------------------------*/
#spruchTop {
	width:203px;
	height:117px;
	background:url(../images/bg-spruch.png) 0 0 no-repeat;
	position:absolute;
	left:309px;
	top:76px;
	z-index:30;
}

#spruchRight {
	width:183px;
	height:150px;
	background:url(../images/bg-spruch-right.png) 0 0 no-repeat;
	position:absolute;
	right:0px;
	top:169px;
	z-index:2;
}

/* ----------------------------------> SeparatorTop <-------------------------------------*/
#separatorTop {
	width:237px;
	height:56px;
	background:url(../images/bg-top-separators.gif) 0 0 no-repeat;
	position:absolute;
	left:80px;
	top:142px;
	z-index:1;
}

/* ----------------------------------> Content Main <--------------------------------*/
#contentMain {
	width:421px;
	height:256px;
	padding:17px 0 0 0;
	position:absolute;
	left:522px;
	top:349px;
	font-size:1.1em;
	overflow:auto;
}

#contentMain h2 {
}

#contentMain h3 {
	font-size:1.5em;
	font-weight:normal;
	margin:0 0 5px 0;
}

#contentMain p {
	margin:0 0 10px 0;
}

#contentMain ul.list {
	margin:0 0 10px 0;
}

#contentMain ul.list li {
	padding: 3px 0 3px 10px;
	line-height: 18px;
	float:none;
	height:auto;
	background: url(../images/li.gif) 0 9px no-repeat;
}

#contentMain a.page{
	width:393px;
	height:21px;
	padding:2px 0 0 0;
	background:url(../images/bg-accordeon.gif) 0 0 no-repeat;
	text-indent:20px;
	display:block;
	color:#707070;
	text-transform:uppercase;
	text-decoration:none;
	margin:0 0 -1px 0;
}

#contentMain a.page:hover{
	color:#6b5105;
}

#contentMain .page{
	width:100%;
	height:21px;
	padding:2px 0 0 0;
	background:url(../images/bg-accordeon.gif) 0 0 repeat-x;
	text-indent:20px;
	display:block;
	color:#707070;
	text-transform:uppercase;
	text-decoration:none;
	margin:0 0 -1px 0;
}

#contentMain .page a{
	text-decoration:none;
}

.partnerImages{
	width:27px;
	height:20px;
	overflow:hidden;
	padding:0 30px 0 0;
	float:right;
	background:#f1f1f1;
}

.partnerImages a{
	background:#f1f1f1;
}

/* ----------------------------------> Content Main <--------------------------------*/

#newsletter{
	width:470px;
	position:absolute;
	left:42px;
	top:581px;
	font-size:1.2em;
	float:left;
}

#newsletter fieldset{
	border:none;
	float:left;
}

#newsletter fieldset.hidden{
	display:none;
}

.labelmail{
	width:116px!important;
	height:52px!important;
	text-indent:-5000px!important;
	float:left!important;
	background:url(../images/quick-newsletter/bg-label.png) 0 14px no-repeat !important;
	border-right:solid 1px #d0d0d1 !important;
	margin:0 4px 0 0!important;
}

.mailn{
	background:#f7f7f7;
	border:solid 1px #ddd;
	border-right:none;
	font:1em/200% Arial, Helvetica, sans-serif;
	color:#707070;
	font-style:italic;
	float:left;
	width:160px!important;
	height:27px;
	padding:0 10px;
	margin:16px 0 0 0;
}

.buttonn{
	width:28px!important;
	height:29px!important;
	border:none !important;
	background:url(../images/quick-newsletter/bg-submit.gif) 0 0 no-repeat!important;
	font:0.000001em/0.0000001em Arial, Helvetica, sans-serif!important;
	text-indent:-5000px!important;
	cursor:pointer!important;
	margin-top:16px!important;
	margin-left:0px !important;
}

.buttonn:hover{
	background-position: 0 -29px!important;
}

#social-box {
    float: left;
    margin: -48px 0 0 41px;
    width: 105px;
}

.abstand {
	clear:both;
	margin: -1px 0;!important;
}

.abstand1 {
	clear:both;
	margin: -3px 0;!important;
}

/* ----------------------------------> CMS Classes <---------------------------------*/

/* ----------------------------------> Mobile <---------------------------------*/
#contentMain #address{

}

#mobile-link{
	display:none;
	border-top: 2px solid #000;
	background: url(../images/mobile/bg-btn-desktop.png) repeat-x 0;
}

.btn-mobile {
	display: block;
	height: 20px;
	line-height: 20px;
	margin: 0 auto;
	color: #000 !important;
	background: url(../images/mobile/icon-mobile.png) no-repeat 4px center;
	padding: 5px;
	text-indent: 22px;
	text-decoration: none;
	font-size: 17px;
}