html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:#FFFFFF url(../img/bg_body.jpg) 0 0 repeat-y;
	background-position:center;
	font-family:Arial, Verdana, Georgia, sans-serif;
	font-size:12px;
}

#rahmen {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

#center {
	position: relative;
	width: 960px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

br.clearer {
	clear:both;
}

img {
	border:none;
}

p	{
	color:#8a734a;
	font: 12px/20px arial, helvetica, sans-serif;
	margin:0;
	padding:0;
	}

/* HEADER*/
#header {
	position: absolute;
	top:0px;
	left:0px;
	width:959px;
	height:168px;
	background-image:url(../img/image_header01.jpg);
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


#gold {
	position: absolute;
	top:168px;
	left:0px;
	width:959px;
	height:10px;
	background-color:#8a734a;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


#keyvisual {
	position: absolute;
	top:107px;
	left:83px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}



#headline {
	position: absolute;
	top:190px;
	left:288px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


#logo {
	position: absolute;
	top:35px;
	left:718px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#image_left {
	position: relative;
	top:418px;
	left:1px;
	margin:0;
	padding:0;
	float:left;
}

#image_left_spa {
	position: relative;
	top:514px;
	left:1px;
	margin:0;
	padding:0;
	float:left;
}

/* LANGUAGE */
#language {
	position:absolute;
	top:90px;
	left:6px;
	list-style:none;
	margin:0;
	padding:0;
}


#language ul {
	position:absolute;
	width:100px;
	list-style:none;
	margin:0;
	padding:0;
}


#language li {
	height:10px;
	padding:0 0 0 0;
	float:left;
}

#language a {
	font: 11px arial, helvetica, sans-serif;
}

#language li a:hover,
#language li a:visited {
	text-decoration:none;
	color:#8a734a;



}

#language li a.active {
	color:#8a734a;

}



/* NAVIGATION */
#navbg {
	position: absolute;
	top:94px;
	left:96px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


#nav {
	height:18px;
	list-style:none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color:#8a734a;
	font-size:14px;

}

#nav li {
	margin:0;
	padding:0;
	float:left;}

#nav li a {
	display:block;
	height:18px;
	margin:0;

}


#nav li.right a {
	margin-right:0;
}


#nav li a span {
	display:none;
}

#nav ul{
	position:absolute;
	list-style:none;
	margin:0;
	padding:0;
}

#nav li a.anika_de {
	width:81px;
	background:url(../img/ueber_anika_de.gif) 0 0 no-repeat;
	float:left;
	margin:0 8px 0 0;
}
#nav li a.produkte_de {
	width:69px;
	background:url(../img/produkte_de.gif) 0 0 no-repeat;
	float:left;
	margin:0 8px 0 8px;
}
#nav li a.shop_de {
	width:37px;
	background:url(../img/shop_de.gif) 0 0 no-repeat;
	float:left;
	margin:0 8px 0 8px;
}
#nav li a.spa_de {
	width:112px;
	background:url(../img/spa_finder_de.gif) 0 0 no-repeat;
	float:left;
	margin:0 8px 0 8px;
}

#nav li a.anika_e {
	width:95px;
	background:url(../img/ueber_anika_e.gif) 0 0 no-repeat;
	float:left;
	margin:0 8px 0 0;
}
#nav li a.produkte_e {
	width:70px;
	background:url(../img/produkte_e.gif) 0 0 no-repeat;
	float:left;
	margin:0 8px 0 8px;
}
#nav li a.spa_e {
	width:112px;
	background:url(../img/spa_finder_e.gif) 0 0 no-repeat;
	float:left;
	margin:0 8px 0 8px;
}

#nav li a.anika_fr {
	width:73px;
	background:url(../img/ueber_anika_fr.gif) 0 0 no-repeat;
	float:left;
	margin:0 8px 0 0;
}
#nav li a.produkte_fr {
	width:64px;
	background:url(../img/produkte_fr.gif) 0 0 no-repeat;
	float:left;
	margin:0 8px 0 8px;
}
#nav li a.spa_fr {
	width:135px;
	background:url(../img/spa_finder_fr.gif) 0 0 no-repeat;
	float:left;
	margin:0 8px 0 8px;
}


#nav li a:hover,
#nav li a.active {
	background-position:0 -18px;
}




#unavbg {
	position: absolute;
	top:226px;
	left:96px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#unav {
	height:94px;
	list-style:none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#unav li {
	margin:0;
	padding:0;
	float:left;
}

#unav li a {
	display:block;
	cursor:pointer;
	width:94px;
	height:94px;
	margin:0 2px 0 0;
}

#unav li.right a {
	margin-right:0;
}

#unav li.left a {
	margin-left:24px;
}

#unav li a span {
	display:block;
	width:94px;
	height:94px;
	margin-top:62px;
}

#unav li a.vitality {
	background:url(../img/quadrat.gif) 0 0 no-repeat;
}

#unav li a.energy {
	background:url(../img/quadrat.gif) 0 0 no-repeat;
}

#unav li a.harmony {
	background:url(../img/quadrat.gif) 0 0 no-repeat;
}

#unav li a.massage {
	background:url(../img/quadrat.gif) 0 0 no-repeat;
}

#unav li a.shower {
	background:url(../img/quadrat.gif) 0 0 no-repeat;
}

#unav li a.shower4 {
	background:url(../img/quadrat4.gif) 0 0 no-repeat;
}

#unav li a.perfume {
	background:url(../img/quadrat_right.gif) 0 0 no-repeat;
}

#unav li a.perfume2 {
	background:url(../img/quadrat_right2.gif) 0 0 no-repeat;
}

#unav li a.perfume3 {
	background:url(../img/quadrat_right3.gif) 0 0 no-repeat;
}

#unav li a.perfume4 {
	background:url(../img/quadrat_right4.gif) 0 0 no-repeat;
}

#unav li a.perfume5 {
	background:url(../img/quadrat_right5.gif) 0 0 no-repeat;
}

#unav li a.perfume6 {
	background:url(../img/quadrat_right6.gif) 0 0 no-repeat;
}

#unav li a:hover,
#unav li a.active {
	background-position:0 -94px;
	color: #FFFFFF;
	font: 12px arial, helvetica, sans-serif;
	text-decoration: none;
}



/* SUBNAV */
#subnav {
	position: absolute;
	top:37px;
	left:96px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#subnav a,
#subnav a:visited {
	color:#8a734a;
	font: 11px arial, helvetica, sans-serif;
	text-decoration:none;
}

#subnav a.active {
	color:#8a734a;
}


/* CONTENT */
#content {
	position: absolute;
	top:432px;
	left:313px;
	width:550px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#content2 {
	padding:0;
}

#content2 li {
	color:#8a734a;
	font: 12px/20px arial, helvetica, sans-serif;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#content2 li p {
	margin:0;
	padding:0;
}



#logo_startseite {
	margin:10px 0 0 355px;
}

#left-col {
	width:238px;
	float:left;
}

#right-col {
	width:721px;
	float:right;
	margin:0 1px 0 0;
}

#logo_klein {
	margin:17px 20px 0 28px;
}

#infobox {
	margin:75px 0 0 0;
	font-size:11px;
	line-height:18px;
	width:200px;
}


/* SOCIAL MEDIA */

#socialmedia {
	position:relative;
	width:auto;
	top:50px;
	color:#8a734a;
	font: 10px/20px arial, helvetica, sans-serif;
}


#socialmedia a{
	font: 10px/20px arial, helvetica, sans-serif;
}

#socialmedia .left{
	position:relative;
	left:0px;
	float:left;
}
#socialmedia .right{
	position:relative;
	right:0px;
}



#socialmedia_absolute {
	position:absolute;
	top:470px;
	color:#8a734a;
	font: 10px/20px arial, helvetica, sans-serif;
}
#socialmedia_absolute a{
	font: 10px/20px arial, helvetica, sans-serif;
}
#socialmedia_absolute .left{
	position:relative;
	left:0px;
	float:left;
}
#socialmedia_absolute .right{
	position:relative;
	right:0px;
}












/* SPA-FINDER */
#spa_finder {
	position: absolute;
	top:120px;
	left:95px;
	width:auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

#spa_finder span {
	position:relative;
	top:20px;
	color: #bb9ac4;
	font: 12px arial, helvetica, sans-serif;
	line-height:20px;
	text-align:left;
}








A
	{
		color: #8a734a; 
		font: 12px arial, helvetica, sans-serif;		
		text-decoration: none;
	}


A:hover, A:focus 
	{	
		color: #bb9ac4;
		font: 12px arial, helvetica, sans-serif;
		text-decoration: none;
	}


span.unav2_striche
	{
		color: #bb9ac4; 
		font: 12px arial, helvetica, sans-serif;		
		text-decoration: none;
	}	

A.unav2
	{
		color: #bb9ac4; 
		font: 12px/20px arial, helvetica, sans-serif;		
		text-decoration: none;
	}

A.unav2:hover, A.unav2:focus, A.unav2:active
	{	
		color: #8a734a;
		font: 12px/20px arial, helvetica, sans-serif;
		text-decoration: none;
	}
	
	
A.shop
	{
		color: #61bce8; 
		font: 12px arial, helvetica, sans-serif;		
		text-decoration: none;
		font-weight:bold;
	}
	
A.shop:hover, A:focus 
	{	
		color: #bb9ac4;
		font: 12px arial, helvetica, sans-serif;
		text-decoration: none;
		font-weight:bold;
	}

