/*
ADLON COLLECTION
ADLON Day Spa Master CSS
Responsible: aut media GmbH | www.aut-media.at | +43 59010 26570 | office@aut-media.at
*/

/* General Layout for Crossbrowser Compatibility */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td	{
	margin:0;padding:0;
	}
/* PNG Hack for IE - Achtung: Pfad des blank.gif im htc File anpassen */
/* img, div, td { behavior: url(../bilder/iepngfix.htc) } verursacht lange ladezeit */
img { behavior: url(../bilder/iepngfix.htc) }
table	{
	border-collapse:collapse;
	border-spacing:0;
	}
fieldset,img	{
	border:0;
	}
address,caption,cite,code,dfn,em,strong,th,var	{
	font-style:normal;
	font-weight:normal;
	}
li	{
	list-style:none;
	}
caption,th	{
	text-align:left;
	}
h1,h2,h3,h4,h5,h6	{
	font-size:100%;
	font-weight:normal;
	}
q:before,q:after	{
	content:'';
	}
abbr,acronym	{
	border:0;
	font-variant:normal;
	}
sup,sub	{
	line-height:-1px;
	vertical-align:text-top;
	}
sub	{
	vertical-align:text-bottom;
	}
input, textarea, select	{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	}
	
/* Template General Layout */
html	{
	overflow:hidden;
	} 
body	{
	background-color:#edefea;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#6b3204;
	overflow: hidden;
	background-image:url(daySpaBg.jpg);
	}
a	{
	color:#cccccc;
	text-decoration:none;
	}
a:hover	{
	color:#FFFFFF;
	text-decoration:none;
	}
	
	
/* Background Layouts */	
.bgHorizontalBar	{
	position:absolute;
	top:100px;
	width:10000px;
	height:350px;
	background-color:#c7c4be;
	z-index:1;
	}
.bgHorizontalLeft	{
	position:absolute;
	top:100px;
	left:50%;
	margin-left:-713px;
	width: 213px;
	height: 350px;
	background-color: transparent;
	z-index:1;
	border: 0px solid red;
	}
.bgHorizontalRight	{
	position:absolute;
	top:100px;
	left:50%;
	margin-left:500px;
	width:213px;
	height:350px;
	background-color: transparent;
	z-index:1;
	border-left: 0px solid #b5afa2;
	}
.bgPageTitle	{
	position:absolute;
	top:400px;
	left:0px;
	height:50px;
	width:50%;
	z-index:1;
	border:0px solid red;
	}
.bgSubMenu	{
	position:absolute;
	top:450px;
	left:0px;
	height:25px;
	width:50%;
	background-color:#7a756a;
	z-index:1;
	}

/* Container and Function Layouts */
.mainContainer	{
	position:absolute;
	left:50%;
	margin-left: -500px;
	top:0px;
	width:1000px;
	height:625px;
	background-color: transparent;
	overflow:hidden;
	z-index:5;
	border-left:0px solid red;
	border-right:0px solid red;
	}
/* logo Area Layout */
.logoContainer {
	position:absolute;
	left:40px;
	top:42px;
	width:120px;
	height:120px;
	background-color: transparent;
	overflow:hidden;
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
	z-index:10;
	}	
/* language Menu Layout */
.languageContainer	{
	position:absolute;
	left:840px;
	top:82px;
	border:0px solid #cccccc;
	z-index:4;
	text-align:right;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.languageContainer a	{
	text-decoration:none;
	color:#918c81;
	}
.languageContainer a:hover	{
	text-decoration:none;
	color:#624726;
	}
/* language Menu Items */
.languageActive	{
	text-decoration:none;
	color:#624726;
	}
	
/* left Menu Layout */
.leftMenuContainer	{
	position:absolute;
	left:0px;
	top:100px;
	width:179px;
	height:275px;
	background-color:#afa799;
	overflow:hidden;
	color:#f3eeba;
	text-align: left;
	z-index:6;
	background-image:url(leftMenuBg.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	padding-left:18px;
	padding-top:75px;
	}
/* .leftMenu	{
	position:absolute;
	left:18px;
	top:75px;
	text-transform:uppercase;
	line-height:38px;
	font-size:14px;
	white-space: nowrap;
	overflow:hidden;
	border:0px solid red;
	} */
.leftMenu ul	{
	border:0px solid red;
	white-space: nowrap;
	overflow:hidden;
	}
.leftMenu li	{
	border:0px solid white;
	white-space: nowrap;
	overflow:hidden;
	}
.leftMenu a	{
	color:#624d36;
	text-decoration:none;
	border:0px solid lime;
	background-position:left;
	background-repeat:no-repeat;
	padding-left:40px;
	padding-right:55px;
	padding-top:10px;
	padding-bottom:10px;
	white-space: nowrap;
	border:0px solid lime;
	}
.leftMenu a:hover	{
	color:#333333;
	}
.leftMenuActive	{
	color:#333333;
	text-decoration:none;
	border:0px solid lime;
	background-position:left;
	background-repeat:no-repeat;
	padding-left:48px;
	padding-right:40px;
	padding-top:10px;
	padding-bottom:10px;
	white-space: nowrap;
	}
.element1	{
	background-image:url(erde.jpg);
	}
.element1:hover, .element1Active	{
	background-image:url(erdeHover.jpg);
	}
.element2	{
	background-image:url(wasser.jpg);
	}
.element2:hover, .element2Active	{
	background-image:url(wasserHover.jpg);
	}
.element3	{
	background-image:url(luft.jpg);
	}
.element3:hover, .element3Active	{
	background-image:url(luftHover.jpg);
	}
.element4	{
	background-image:url(feuer.jpg);
	}
.element4:hover, .element4Active	{
	background-image:url(feuerHover.jpg);
	}

	
/* big Image Layout */
.imageContainer	{
	position:absolute;
	left:197px;
	top:100px;
	width:630px;
	height:350px;
	background-color:#dedede;
	overflow:hidden;
	text-align: left;
	z-index:6;
	background-image:url(dayspa_loading.gif);
	background-position:center;
	background-repeat:no-repeat;
	}
/* pageTitleBar Layout */
.pageTitleBar	{
	position:absolute;
	top:400px;
	left:0px;
	width:715px;
	height:50px;
	z-index:8;
	}
/* for the Text inside the pageTitleBar, Text is in Flashmovie */
.pageTitleText	{
	position:absolute;
	right:0px;
	top:0px;
	text-align:right;
	color:#624726;
/*	line-height:50px; */
	background-color:transparent;
	border:0px solid red;
	width:715px;
	height:50px;
	}
/* subMenuBar Layout */
.subMenuBar	{
	position:absolute;
	top:450px;
	left:0px;
	width:753px;
	height:25px;
	background-color:#7a756a;
	color:#c5c6b8;
	z-index:6;
	text-transform:uppercase;
	font-size:11px;
	line-height:25px;
	padding-left:72px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
/* subMenu Items */
.subMenuNormal	{
	color:#c5c6b8;
	text-decoration:none;
	}
.subMenuOffen	{
	color:#ffffff;
	text-decoration:none;
	}
.subMenuActive	{
	color:#ffffff;
	text-decoration:none;
	}
	
/* Right Menu Layout */
.rightMenuContainer	{
	position:absolute;
	left:825px;
	top:100px;
	width:175px;
	height:350px;
	background-color:#afa799;
	overflow:hidden;
	color:#f3eeba;
	text-align: left;
	z-index:6;
	font-style:italic;
	background-image:url(rightMenuBg.jpg);
	background-position:left top;
	background-repeat:repeat-y;
	}
/* rightMenu at the Top inside Container */
.rightMenu	{
	position:absolute;
	left:15px;
	top:30px;
	color:#624726;
	white-space:nowrap;
	line-height:20px;
	}
.rightMenu a	{
	color:#624726;
	text-decoration:none;
	}
.rightMenu a:hover	{
	color:#ffffff;
	text-decoration:none;
	}
.rightMenuActive	{
	color:#FFFFFF;
	}
/* rightMenu at the Bottom inside Container */
.rightContactMenu	{
	position:absolute;
	left:15px;
	bottom:20px;
	color:#624726;
	white-space:nowrap;
	line-height:20px;
	}
.rightContactMenu a	{
	color:#624726;
	text-decoration:none;
	}
.rightContactMenu a:hover	{
	color:#ffffff;
	text-decoration:none;
	}
.rightContactActive	{
	color:#FFFFFF;
	}

/* contentContainer Layout */
.contentContainer	{
	position:absolute;
	left:197px;
	top:490px;
	width:430px;
/*	height:130px; */
	height:500px;
	line-height:120%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#624726;
	z-index:4;
	}
.contentContainerRight	{
	position:absolute;
	left:643px;
	top:490px;
	width:180px;
	line-height:120%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#624726;
	z-index:4;
	}
.contentContainerRight a	{
	color:#333333;
	text-decoration:none;
	}
.contentContainerRight a:hover	{
	color:#666666;
	text-decoration:none;
	}
	
/* leading Spa Crosslink Layout */
.leadingSpa {
	position:absolute;
	left:60px;
	top:500px;
	width:75px;
	height:75px;
	background-color:transparent;
	color:#FFFFFF;
	text-align:right;
	z-index:6;
	border:0px solid #cccccc;
}

/* ADLON HOLDING Crosslink Layout */
.adlonCollectionLogo {
	position:absolute;
	right:10px;
	top:520px;
	width:200px;
	height:40px;
	background-color:transparent;
	overflow:hidden;
	color:#FFFFFF;
	font-size:9px;
	text-align:right;
	z-index:6;
	border:0px solid #cccccc;
	}
/* IREDS Element Design */
.textBox	{
	width:100%;
	line-height:120%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
/*	color:#624726; */
	color:#333333;
	}
.textBox a	{
	color:#000000;
	}
.textBox a:hover	{
	color:#333333;
	}

/* new Design for Offer presentation */
.offerContainer {
	position:absolute;
	left:0px;
	top:0px;
	border:0px solid red;
	width:630px;
	height:350px;
	line-height:120%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#624726;
	background-color: transparent;
	}
	
.offerBgImage {
	position:absolute;
	left:0px;
	top:0px;
	width:630px;
	height:350px;
	z-index:1;
	overflow:hidden;
	}	
	
/* for the transparent Bg PNG */	
.offerTransContainer	{
	position:absolute;
	left:0px;
	top:0px;
	width:518px;
	height:350px;
	background-color: transparent;
	border:0px solid red;
	overflow:hidden;
	z-index:2;
	}	
	
/* Container to hold all the Carousels and Navigation; also cuts the bottom next Carousels in loading procedure */
.carouselHoldContainer {
	position:absolute;
	left:0px;
	top:0px;
	width:518px;
	height:288px;
	background-color: transparent;
	border:0px solid red;
	overflow:hidden; /* important - is cutting the other carousels at the bottom */
	z-index:3;
	}
	

/* Navigation at the Left  Background png*/
.packageNavigation {
	position:absolute;
	left:384px;
	top:13px;
	height:265px;
	width:120px;
	padding-left:10px;
	padding-top:6px;
	padding-bottom:4px;
	background-color:transparent;
	text-align:left;
	color:#624726;
	white-space:nowrap;
	line-height:20px;
	font-style: italic;
	z-index:4;
	}
.packageNavigation a	{
	color:#624726;
	text-decoration:none;
	cursor:pointer;
	}
.packageNavigation a:hover	{
	color:#000000;
	text-decoration:none;
	cursor:pointer;
	}
.packageNavigationActive	{
	color:#FFFFFF;
	cursor:pointer; 
	}
	
	
	
/* Design and Position for the Carousel Component - each Carousel is having one */
.carousel-component { 
	position:absolute;
	left:10px;
	top:13px;
	padding:0px;
	margin-top:0px;
	z-index:5;
	font-style: italic;
}

.carousel-component .carousel-list li { 
	margin-left:9px;
	margin-right:9px;
	width:325px;
	height:275px;
	background-color:transparent;
/*	background-color:#FFFFFF; */
	text-align:left;
}

.carousel-component .carousel-list li a { 
	display:block;
	border:0px solid #e2edfa;
	outline:none;
}

.carousel-component .carousel-list li a:hover { 
	border: 0px solid #aaaaaa; 
}

.carousel-component .carousel-list li img { 
	border:0px solid #999;
	display:block; 
}
								
.carousel-component .carousel-prev { 
	position:absolute;
	top:127px;
	z-index:3;
	cursor:pointer; 
	left:0px; 
}

.carousel-component .carousel-next { 
	position:absolute;
	top:127px;
	z-index:3;
	cursor:pointer; 
	right:0px; 
}	
	
	
/* Design for the Product Items */


.offerListItemHeader	{
	padding-bottom:3px;
	padding-top:11px;
	color:#624726;
	font-weight:bold;
	font-style: italic;
	text-align:left;
	width:325px;
	}
.offerListItemCategory {
	padding-top:2px;
	border:0px solid red;
	font-style: normal;
	text-align: left;
	line-height:14px;
	white-space:nowrap;
	}
.offerListItemPrice {
	padding-top:2px;
	border:0px solid red;
	font-style: normal;
	text-align: right;
	line-height:14px;
	white-space:nowrap;
	}
.offerListItemSpacer {
	height:11px;
	border-bottom:1px dotted #cccccc;
	}
.offerListItemContent {
	padding-top:2px;
	border:0px solid red;
	font-style: normal;
	text-align: left;
	line-height:14px;
	height: 218px;
	vertical-align:top;
	}
.offerListItemPrice input{
	background-color:transparent;
	border:0px solid #333333;
	width:15px;
	height:15px;
	margin:0px;
	padding:0px;
	height:15px;
	}
/* for the right Bottom Paging */
.offerPaging	{
	padding-top:4px;
	font-size:9px;
	color:#333333;
	text-align:right;
	padding-top:15px;
	font-style: italic;
	border:0px solid red;
	}
	
/* the Ceckout Box */
.checkoutBox {
	position:absolute;
	left:10px;
	top:3px;
	height:275px;
	width: 485px;
	padding-left:10px;
	padding-top:6px;
	padding-bottom:4px;
/*	background-color: #ffffff; */
	background-color:transparent;
	text-align:left;
	border:0px solid red;
	color:#624726;
	white-space:nowrap;
	line-height:20px;
	font-style: italic;
	z-index:15;
	}
.closeButton	{
	position:absolute;
	right: 0px;
	top:0px;
	color:#333333;
	font-style:normal;
	cursor:pointer;
	z-index:20;
	}
.closeButton a	{
	color:#624726;
	text-decoration:none;
	font-weight:bold;
	}
.closeButton a:hover	{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	}
/* Table for Input Fields */
form	{
	margin:0px;
	padding:0px;
	}
.datenEingabe {
	position:absolute;
	bottom:0px;
	left:10px;
/*	background-color:#f9f9f9; */
	padding:5px 5px 5px 5px;
	width:465px;
	border-top:1px solid #624726;
	}
.eingabeRowTable {
	height:20px;
	width:100%;
	}
.datenLabel	{
	width:60px;
	text-align:right;
	padding-right:5px;
	}
.datenEingabe input	{
	background-color:#ffffff;
	border: 1px solid #624726;
	color:#333333;
	font-size:10px;
	font-weight:bold;
	padding: 1px 0px 1px 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	}
.submitButton {
	position:absolute;
	right: 18px;
	bottom: 6px;
	z-index:5;
	border:0px solid red;
	}
.submitButton input {
	background-color: #c7c4be;
	border: 1px solid #333333;
	color: #624726;
	font-size:10px;
	font-weight: bold;
	padding: 2px 1px 2px 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	width:110px;
	text-align:center;
	cursor:pointer;
	font-style:italic;
	}
/* to Display the Error Messages */
.errorBox {
	position:absolute;
	right: 18px;
	bottom: 33px;
	z-index:6;
	color: #FF0000;
	border:0px solid red;
	width:140px;
	height:15px;
	text-align:right;
	background-color:transparent;
	}	
/* for the counter at the "bestellen" button */
.totalCounter {
	border:0px solid red;
	background-color:transparent;
	font-size:10px;
	color:#624726;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:15px;
	height:14px;
	text-align:center;
	font-style:italic;
	margin:0px;
	padding:0px;
	}	
/* for the Basket */
.basketList {
	position:absolute;
	left:6px;
	top:14px;
	width:496px;
	height:116px;
	border:0px solid red;
	overflow: hidden;
	}
.basketList a	{
	color:#624726;
	font-weight:bold;
	font-style: italic;
	}
.basketList a:hover {
	color:#000000;
	font-weight:bold;
	font-style: italic;
	}
.addToBasket  {
	font-style: normal;
	text-align: right;
	height:15px;
	white-space:nowrap;
	padding-left:2px;
	padding-top:1px;
	width:40px;
	}
.addToBasket a {
	color:#624726;
	font-weight:bold;
	font-style: italic;
	cursor:pointer;
	white-space:nowrap;
	}
.addToBasket a:hover {
	color:#000000;
	font-weight:bold;
	font-style: italic;
	cursor:pointer;
	white-space:nowrap;
	}


/* Style for Callback Form */
.callBackForm {
	border:0px solid red;
	margin-top:4px;
	}
.callBackForm input	{
	background-color: #f1f1f1;
	border: 1px solid #624726;
	color:#333333;
	font-size:10px;
	font-weight:bold;
	padding: 1px 0px 1px 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	width:142px;
	}
.callBackLabel {
	vertical-align:middle;
	padding-right:5px;
	font-weight:bold;
	}
.callBackRadio	{
	padding-left:0px;
	padding-right:0px;
	}
.callBackRadio input	{
	width:15px;
	height:15px;
	border:0px;
	background-color:transparent;
	color:#333333;
	}
.callBackSubmit input	{
	background-color: #7a756a;
	border: 1px solid #624726;
	color: #cccccc;
	font-size:10px;
	font-weight: bold;
	padding: 0px 1px 0px 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:14px;
	width:145px;
	text-align:center;
	cursor:pointer;
	font-style:italic;
	height:17px;
	}
.errorCallBack	{
	color:red;
	}
	
	
/* Pressebereich */
.presseMeldung {
	border-bottom:1px solid #f1f1f1;
	line-height:20px;
}
.presseMeldung a	{
	color:#000000;
	}
.presseMeldung a:hover	{
	color:#333333;
	}
.pressePaging {
	width:100%;
	text-align: center;
	line-height:20px;
	border:0px solid red;
	}
.pressePaging a	{
	color:#000000;
	}
.pressePaging a:hover	{
	color:#333333;
	}
	
	
	
/* STyles für Guscheinbestellung */
.clear {
	clear:both;
	}
.allOverlay {
	width:100%;
	height:100%;
	position:absolute;
	background-color: transparent;
	background-image:url(d11/daySpaOverlay50.png);
	background-repeat:repeat;
	z-index:999;
	}
.pageOverlay {
	background-color: transparent;
	background-image:url(d11/daySpaPagerOverlayBg.png);
	background-position:left top;
	background-repeat:no-repeat;
	position:absolute;
	z-index:1000;
	left:50%;
	top:10px;
	width:800px;
	padding:32px 29px 0px 31px;
	height:540px;
	margin-left:-430px;
	line-height:120%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	}
.pageOverlay h1 {
	color:#624726;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin:10px 0px 5px 0px;
	font-weight:bold;
	}
.gutscheinClose {
	position:absolute;
	right:29px;
	top:31px;
	z-index:10;
	}
.gutscheinClose a {
	background-color:#a29e92;
	color:#ffffff;
	font-weight:bold;
	border:1px solid #664b2b;
	display:block;
	width:20px;
	line-height:20px;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	}
.gutscheinClose a:hover {
	background-color:#f4f4f4;
	color:#664b2b;
	border:1px solid #664b2b;
	display:block;
	width:20px;
	line-height:20px;
	text-align:center;
	text-decoration:none;
	}
.gutscheinBanner {
	width:799px;
	height:100px;
	}
.gutscheinCol {
	float:left;
	width:320px;
	margin:15px 0px 20px 55px;
	}
.gutscheinLabel, .gutscheinLabelCheckbox {
	float: left;
	text-align:right;
	width:145px;
	padding:2px 5px 0px 0px;
	}
.gutscheinLabelCheckbox {
	text-align:left;
	width:148px;
	padding:1px 0px 0px 5px;
	}
.gutscheinElement, .gutscheinElementCheckbox {
	float: left;
	}
.gutscheinElementCheckbox {
	width:164px;
	}
.gutscheinClear {
	clear:both;
	height:5px;
	}
.gutscheinElement input {
	width:165px;
	border:1px solid #664b2b;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight:bold;
	display:block;
	padding:1px 0px 1px 0px;
	background-color:#f4f4f4;
	}
.gutscheinElement select {
	width:167px;
	border:1px solid #664b2b;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight:bold;
	display:block;
	padding:1px 0px 1px 0px;
	background-color:#f4f4f4;
	}
.gutscheinElement textarea {
	width:167px;
	height:100px;
	border:1px solid #664b2b;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight:bold;
	display:block;
	padding:1px 0px 1px 0px;
	background-color:#f4f4f4;
	}
.gutscheinElementCheckbox input {
	width:14px;
	height:14px;
	border:0px solid #664b2b;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight:bold;
	display:block;
	padding:1px 0px 1px 0px;
	background-color:#f4f4f4;
	float: right;
	}
.gutscheinFakeButton {
	position:absolute;
	right:82px;
	bottom:78px;
	display:block;
	width:165px;
	background-color:#a29e92;
	border:1px solid #664b2b;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
	line-height:18px;
	}
.gutscheinFakeButton:hover {
	display:block;
	width:165px;
	background-color:#f4f4f4;
	border:1px solid #664b2b;
	color:#664b2b;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
	line-height:18px;
	}
.pageOverlay #errorBox, .pageOverlay #errorBox2 {
	color:red;
	}
.altOverlay {
	position:absolute;
	height:95px;
	margin-top:-95px;
	width:320px;
	background-image:url(d11/daySpaOverlay50.png);
	background-repeat:repeat;	
	}
.anmOverlay {
	position:absolute;
	height:110px;
	margin-top:-110px;
	width:320px;
	background-image:url(d11/daySpaOverlay50.png);
	background-repeat:repeat;
	display:none;
	}