html{
	height:100%;
	background: rgb(229,224,221) url(../img/background_gradient.gif) center top repeat-x;
}
html.sauna{
	background: rgb(229,224,221) url(../img/background_gradient_sauna.gif) center top repeat-x;
}
html.wellness{
	background: rgb(229,224,221) url(../img/background_gradient_wellness.gif) center top repeat-x;
}
html.therme{
	background: rgb(229,224,221) url(../img/background_gradient_therme.gif) center top repeat-x;
}
html.catering{
	background: rgb(229,224,221) url(../img/background_gradient_catering.gif) center top repeat-x;
}


#test1{
	background:green;
	width:150px;
	height:80px;
}
#test2{
	position:absolute;
	left:0px;
	background:red;
	width:20px;
	height:50px;
	overflow:visible;
}

#DIV_BACKGROUND_LEFT {
	height:688px; 
	background: url(../img/bg_links_baeume.png) no-repeat left 373px;
	position: absolute;
	left:0%;
	right:50%;
}

html.sauna body #DIV_BACKGROUND_LEFT {
	height:688px; 
	background: none;
	position: absolute;
	left:0%;
	right:50%;
}
html.wellness body #DIV_BACKGROUND_LEFT {
	height:688px; 
	background: none;
	position: absolute;
	left:0%;
	right:50%;
}

html.therme body #DIV_BACKGROUND_LEFT {
	height:688px; 
	background: none;
	position: absolute;
	left:0%;
	right:50%;
}
html.catering body #DIV_BACKGROUND_LEFT {
	height:688px; 
	background: none;
	position: absolute;
	left:0%;
	right:50%;
}



#DIV_BACKGROUND_RIGHT {
	height:699px; 
	background: url(../img/bg_rechts_baeume.png) no-repeat right 359px;
	position: absolute;
	left:50%;
	right:0%;
}


html.sauna body #DIV_BACKGROUND_RIGHT {
	height:699px; 
	background: none;
	position: absolute;
	left:50%;
	right:0%;
}
html.wellness body #DIV_BACKGROUND_RIGHT {
	height:699px; 
	background: none;
	position: absolute;
	left:50%;
	right:00%;
}

html.therme body #DIV_BACKGROUND_RIGHT {
	height:699px; 
	background: none;
	position: absolute;
	left:50%;
	right:0%;
}
html.catering body #DIV_BACKGROUND_RIGHT {
	height:699px; 
	background: none;
	position: absolute;
	left:50%;
	right:0%;
}

html{
	height:100%;
	background: #E5E0DD url(../img/background_gradient.gif) center top repeat-x;
}


body{
	
	height:100%;
	background: url(../img/background_wave_long.gif) center 5px no-repeat;
	text-align:center;
	
}
html.sauna body{
	background: url(../img/background_wave_long_sauna.gif) center 5px no-repeat;
}
html.wellness body{
	background: url(../img/background_wave_long_wellness.gif) center 5px no-repeat;
}
html.therme body{
	background: url(../img/background_wave_long_therme.gif) center 5px no-repeat;
}
html.catering body{
	background: url(../img/background_wave_long_catering.gif) center 5px no-repeat;
}

#container{	
	margin:0 auto;
	padding-top:89px;
	padding-left:39px;
	width:783px;
	position:relative;
	text-align:left;
	
}
/*************************************** TOP NAVI *********************************************/
#topNavi{
	list-style-type: none;
	height:24px;
	
}
#topNavi li{
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #C4BAB2;
	float:left;
	height:14px;
}
#topNavi li.last{
	border-width: 1px 1px 0 1px;
}
#topNavi li a{
	float:left;
	text-transform: uppercase;
	font-weight:normal;
	color:#fff;
	padding:0px 9px 0 9px;
	line-height:18px;
}
#topNavi li:hover a, #topNavi li.mouseover a{
	color:rgb(134,122,111);
	background: #fff;
	opacity:0.9;
	filter:alpha(opacity=90);
	
}
#topNavi li a:hover{
	color:#4D4640;
}
#topNavi li ul{

	visibility:hidden;
	position:absolute;
	z-index:2;
	list-style-type: none;
	background: #fff;
	text-align:left;
	margin-top:0px;
	opacity:0.9;
	filter:alpha(opacity=90);
	
}
#topNavi li ul li{
	clear:both;
	border-width: 0 0 0 0;
	height:auto;
	padding:0px 9px 0 9px;

}
#topNavi li ul li a{
	background: none;
	padding:0;
	border-bottom: 1px solid #9DA9A2;
	width:128px;
	color:#9DA9A2;
	
}
#topNavi li ul li a:hover{
	color:#4D4640;
	border-bottom-color: #4D4640;
}
#topNavi li ul li.last,#topNavi li ul li.last a {
	border:0;
}
#topNavi li:hover ul, #topNavi li.mouseover ul{

	visibility:visible;
	
}




div.formular {
	float:left;
	padding:0 0px;
	width:360px;
}


div.formular_right {
	float:left;
	padding:0 0px;
	width:300px;
}



/*************************************** CONTENT *********************************************/

#content{
	width:742px;
    border: 1px solid #CAD5D2;
    background: #F5F4F4;
    overflow:visible;
    position:relative;
    float:left;
    min-height:528px;
}
/*************************************** FOOTER NAVI *********************************************/


#footerNavi {
	background: url(../img/Logo_background.gif) right top no-repeat;
	height:50px;
	font-weight:bold;
    list-style-type: none;
	margin-top: 32px;
	float:left;
	width:750px;
	
}
#footerNavi li{
	
	border-width: 0px 0px 0px 1px;
	border-style: solid;
	border-color: #AB9C8F;
	float:left;
	margin-bottom:40px;
	height:10px;
	padding-top:4px;
}
#footerNavi li.last{
	border-width: 0px 1px 0px 1px;
}
#footerNavi li a{
	float:left;
	text-transform: uppercase;
	color:#AB9C8F;
	padding:0px 9px 0 9px;
	
	margin-top:-4px;
}
#footerNavi li a:hover{
	color:#4D4640;
	text-decoration:underline;
}

#hotline h2 {
	color: #fff;
	font-weight:bold;
}

/*************************************** QUICKLINK NAVI *********************************************/
.quicklink h2 {
	color: #fff;
	font-weight:bold;
}

html.sauna body .quicklink li{
	border-bottom: 1px solid #EAAA92;
	color:#fff;
	
}

html.sauna body .quicklink li:last-child {border:none}
html.sauna body .quicklink li:first-child {border:none}


html.wellness body .quicklink li{
	border-bottom: 1px solid #CED58B;
	color:#fff;
	
}

html.wellness body .quicklink li:last-child {border:none}
html.wellness body .quicklink li:first-child {border:none}


html.catering body .quicklink li{
	border-bottom: 1px solid #cc9394;
	color:#fff;
	
}

html.catering body .quicklink li:last-child {border:none}
html.catering body .quicklink li:first-child {border:none}

html.therme body .quicklink li{
	border-bottom: 1px solid #89CFE5;
	color:#fff;
	
}

html.therme body .quicklink li:last-child {border:none}
html.therme body .quicklink li:first-child {border:none}

.quicklink {
	list-style-type: none;
    color:white;
    line-height:1.5em;
   
  
}
.quicklink li{
	border-bottom: 1px solid #05A0CF;
	color:#fff;
	
}

.quicklink p{
	font-weight:bold	
}
.quicklink li a{
	 width:100%;
	text-transform: uppercase;
	color:#fff;
	padding:0px 0px 0 0px;
}
.quicklink li:hover a{
	font-color:#4D4640;
	text-decoration:none;
}
.quicklink li a:hover{
	color:#4D4640;
	
}

.quicklink li:last-child {border:none}
.quicklink li:first-child {border:none}






/*************************************** QUICKLINK *********************************************/

.quicklink {
	float:right;
	position: absolute;
	width:150px;
	left:810px;   
	top:110px;
}

#hotline {
	left:770px;
	position: absolute;
	width:150px;
	top:503px;

}

html.sauna body #hotline p{
	color:#e04b15;
}

html.wellness body #hotline p{
	color:#A2AD03;
}

html.catering body #hotline p{
	color:#9C1731;
}

html.therme body #hotline p{
	color:#05A0CF;
}



#hotline p{
	
}


html.sauna body #breadcrumb {
	width:742px;
	float:left;
	font-weight:bold;
	text-transform: uppercase;
	margin-top:10px; 
	color:#e04b15;
}
html.wellness body #breadcrumb {
	width:742px;
	float:left;
	font-weight:bold;
	text-transform: uppercase;
	margin-top:10px; 
	color:#A2AD03;
}
html.catering body #breadcrumb {
	width:742px;
	float:left;
	font-weight:bold;
	text-transform: uppercase;
	margin-top:10px; 
	color:#9C1731;
}


#breadcrumb {
	width:742px;
	float:left;
	font-weight:bold;
	text-transform: uppercase;
	margin-top:10px; 
	color:#05A0CF;
}

#breadcrumb a{
	font-weight:normal;
	text-transform: uppercase;
	color:#fff;
	padding-left:15px;
	padding-right:5px;
	font-weight:bold;
	background: transparent url(../img/arrow_breadcrumb.png) left center no-repeat;
}

#breadcrumb a:hover{
	text-transform: uppercase; 
	color:#4D4640;
	text-decoration:underline;
	
}

#breadcrumb b{
	text-transform: uppercase;
	color:#fff;		
}


.shopnavi{
	left:40px;
	bottom:30px;
	float:left;
	list-style-type:none;
	min-width:700px;
	position:absolute;
	text-transform:uppercase;
}
.shopnavi li{
	float:left;
	list-style-type: none;
	
}

.shopnavi li a{
	text-transform: uppercase;
	font-size:17px;
	font-weight:normal;
	color:#998F86;
	padding:0px 15px 0 0px;
	line-height:1.5em;

}
.shopnavi li:hover a{
	text-decoration:underline;
}


.shopnavi p{
	width:650px;
	margin-top:20px;
	text-transform: uppercase;
	font-size:17px;
	font-weight:normal;
	color:#998F86;
	padding:0px 0px 0 0px;
	line-height:1em;
}


.products {
	
	list-style-type: none;
	padding-left:10px;	
	padding-right:8px;	
}


.products ul{

	float:left;
}

body.product #content{
	background:transparent;
	border:none;
	height:100%;
}
body.product div.shop_content{
	padding-bottom:105px;
	
}

body.shop_main #content{
	background: transparent;
	padding-left:0px;
	border:none;	

}
body.shop_products #content{
	background: transparent;
	padding-left:0px;
	border:none;	
	height:575px;
}


body.shop_basket #content{
	background: transparent;
	padding-left:0px;
	border:none;	

}
body.shop_shipping #content{
	background: transparent;
	padding-left:0px;
	border:none;	

}
body.shop_billing #content{
	background: transparent;
	padding-left:0px;
	border:none;	

}
body.shop_payment #content{
	background: transparent;
	padding-left:0px;
	border:none;	

}
body.shop_summary #content{
	background: transparent;
	padding-left:0px;
	border:none;	

}

body.shop_main div.shop_content {
	padding-bottom:105px;
	
}

body.adress #content{
	background: transparent;
	border:none;	
}

body.bill_adress #content{
	background: transparent;
	border:none;	
}


body.basket #content{
	background: transparent;
	border:none;	
	position:aboloute;
}

body.summary #content{
	background: transparent;
	
	border:none;	
	position:aboloute;
}
body.payment #content{
	background: transparent;
	border:none;	
	position:aboloute;
}
body.product #content{
	background: transparent;
	border:none;	
	position:aboloute;
}


.products a{
	
	color:black; 	
	padding-left:10px;

}


.shop_header {
	height:88px;	
	width:742px;
	background:white;
	margin-bottom:20px;
	border: 1px solid #dad5d0;
}
div.shop_content{
	background: #fff url(../img/shop_bg.jpg) left bottom no-repeat;
	width:700px;
    min-height:452px;
    float:left;
    border: 1px solid #dad5d0;
    position:relative;
    padding-left:40px;
    padding-top:10px;
	overflow:visible;
 
}

div.shop_content_main{
	background: #fff;
	width:740px;
    min-height:452px;
    border: 1px solid #dad5d0;
    overflow:hidden;
    position:relative;
    padding-top:10px;
}



.warenkorb {
	text-transform: uppercase;
	position:absolute;
	float:left;
	right:38px;
	top:30px;
	padding-top: 10px;
	width:190px;
}
.warenkorb li{
	color:#867A6F;
	text-transform: none;
}
.warenkorb ul{
	list-style-type: none;
	background: white url(../img/shopping_bag.png) left 3px no-repeat;
	padding-left:20px;
}

.warenkorb li a{
	text-transform: uppercase;
	font-size:12px;
	font-weight:bold;
	color:#00bff3;
	padding:0px 15px 0 0px;
	line-height:1.5em;
}

.basket_navi{
	
	
}
.basket_navi li{
	list-style-type: none;
	float:left;
	text-transform: uppercase;
	
	color:#867A6F;
	padding-right:3px;
	line-height:1.5em;
}
.basket_navi li a{
	list-style-type: none;
	float:left;
	text-transform: uppercase;
	
	color:#867A6F;
	line-height:1.5em;
	
}

.basket_navi li a:hover{
	text-decoration:underline;
	
}

.basket_navi li b{
	list-style-type: none;
	float:left;
	text-transform: uppercase;

	font-weight:bold;
	color:#867A6F;
	line-height:1.5em;
}




.shop_form {
	color:black;
}


.next_button {
	margin-right:50px; margin-top:30px; float:right;
}


.basket{
	width:100%;
	float:left;
	padding:30px 30px 0px 0px;
	text-transform: uppercase;

}
.basket_summary{
	margin:30px 0px 0px 0px;
	border:1px solid #C4BCB3;
	width:650px;
	float:left;
	background:white;
	
}


.basket td{
	padding-top:5px;
	padding-bottom:5px;
}

ul.summary_change {
	float:left;	
}

/****************************** debugging ****************************************/
#jsPrompt{
	position:absolute;
	z-index:1;
	left:0px;
}
#jsPrompt:hover{
	background:white;
}
#jsPrompt p{
	width:auto;
	color:black;
	font-size:9px;
	font-family:verdana;
	float:left;
	clear:left;
	margin:0;
	padding:1px 5px;
}