/*------------------Browser Reset--------------------*/

html, body, div, span, p, blockquote, pre, a, em, font, img, strong, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }

a:focus {outline: none;}

/*--------------------------------------------------*/


#content h1 { font-size:1em; color:#584036; }
#content h2 { font-size: 0.82em; font-weight: bold; text-decoration: none; font-style: normal; color: #584036; }
#content h3, h4 { font-size: 0.75em; font-weight: bold; color: #584036; }
#content p { font-size: 0.75em; margin: 0; padding:0; color: #333; line-height: 1.4;}
#content strong, #content em, #content u, #content b, #content i { font-size: 1em; font-weight: normal; text-decoration: none; font-style: normal; color: #333 }
#content a:link, #content a:visited { text-decoration:none; font-weight:bold; color:#584036;}
#content a:hover, #content a:active { text-decoration:underline; font-weight:bold; color:#584036;}
#content ul li { margin-left: 1em; font-size:0.75em; list-style-type:square; color: #333}




/*###############  Layout  ###############*/

body {
	width: 1000px; 
	height: auto;
	margin: 0 auto;
	background: #CDBDA4 url(../images/layout/bg_kachel.jpg) top center scroll repeat-y; 
	font-family: verdana, arial, sans-serif; 
	font-size: 100.1%; 	
    color: #000000;
	}


#wrapper {
	width:990px; 
	height: auto; 
	margin: 0 auto;
	}




/***************  Head  ****************/

#logo {
	width:291px; 
	height:110px; 
	float:left; 
	margin: 10px 0 0 0;
	background: url(../images/layout/logo.jpg) no-repeat;
	}



/*-----  Navi Buttons  -----*/

#navi {
	width:524px; 
	height:110px; 
	margin: 10px 0 0 0;
	float:left; 
	}

#container {
	position: relative; width: 524px; height: 110px; padding: 0; margin: 0;
	}
    
#nav {
	position: absolute; top: 0px; left:0px; list-style: none; height: 110px; display: inline; overflow: hidden; width: 524px;
	}
    
#nav li {
	display: inline; list-style-type: none;
	}
    
#nav a {
	float: left; padding: 110px 0 0 0; overflow: hidden; height: 0px !important; /* height /* :110px; /* for IE5/Win */
	}
    
#nav a:hover {
	background-position: 0 -110px; margin:0px
	}
    
#nav a:active, #nav a.selected {
	background-position: 0 -110px; margin:0px
	}
    
#tface_beauty a  {
	width: 104px; background: url(../images/layout/face_beauty.jpg) top left no-repeat; margin:0px
	}
    
#tbody_wellness a  {
	width: 105px; background: url(../images/layout/body_wellness.jpg) top left no-repeat; margin:0px
	}
    
#thand_nails a  {
	width: 105px; background: url(../images/layout/hand_nails.jpg) top left no-repeat; margin:0px
	}
    
#tfeet_care a  {
	width: 105px; background: url(../images/layout/feet_care.jpg) top left no-repeat; margin:0px
	}
    
#tshop a  {
	width: 105px; background: url(../images/layout/shop.jpg) top left no-repeat; margin:0px
	}


/*-----   Drucker  -----*/

#druck {  
	position: relative; 
	margin: 2px 5px 0 0; 
	padding: 0;
	float: right; 
	font-size:0.8em; 
	color:#584036; 
	}



/*-----  Navi2 / List  -----*/

#navi2 {
	width:175px; 
	height:110px; 
	margin: 10px 0 0 0; 
	float:left; 
	background: url(../images/layout/rechts.jpg) left no-repeat;
	list-style-type: none;
	}

#hilfsnavi ul {
	margin: 0 0 0 0;
    font-size: 1em; 
	line-height: 1em; 
	color:#EAE1D2;  
	list-style-type: none;
    }

#hilfsnavi ul li {
	position: relative; 
	margin: 5px 0 0 5px;	
	list-style-type: none; 
	line-height: 0.5em;
	}

#hilfsnavi ul li a:link, #hilfsnavi ul li a:visited {
	font-size: 0.82em;
	font-weight:bold;
	text-decoration:none;  
	line-height: 1em; 
	color:#EAE1D2; 
	list-style-type: none;
	}

#hilfsnavi ul li a:hover, #hilfsnavi ul li a:active {
	font-size: 0.82em;
	font-weight:bold; 
	text-decoration:none; 
	line-height: 1em;  
	color:#FAFAFA; 
	list-style-type: none;
	}

/*############### /Header ###############*/




/*###############  Leftside ###############*/

/***********  MainNavi  ***********/

#menue {
	width:165px; 
	height: 100%;
	margin: 20px 10px 0 0;  
	float:left; 
	text-align: right;
	}

#menue ul {
	margin: 0;
	padding: 0; 
	font-family: verdana;
	}

#menue ul li {
	position: relative; 
	list-style-type: none;
	}

#menue ul li a.title:link, #menue ul li a.title:visited {
	font-size: 14px; 
	font-weight: bold;
	text-decoration:none;  
	color:#584036; 
	background:transparent;
	}

#menue ul li a.title:hover, #menue ul li a.title:active{
	font-size: 14px;
	font-weight: bold; 
	text-decoration:none; 
	color:#E3D9CB;  
	background:transparent;
	}

#menue ul li a.utitle:link, #menue ul li a.utitle:visited, {
	font-size: 12px; 
	font-weight: normal; 
	text-decoration:none; 
	color:#584036; 
	line-height:12px; 
	background:transparent;
	}

#menue ul a.utitle:hover, #menue ul a.utitle:active{
	font-weight: normal;
	font-size: 12px; 
	text-decoration:none; 
	color:#E3D9CB; 
	}

/*###############  /left  ###############*/





/*################  content  ##################*/

#content {
	width:640px; 
	height: auto; 
	margin: 20px 0 0 0;
	padding:0px 0 0px 0; 
	float:left; 
	}
    

/***********  unternehmen ***********/

#umenue { 
	width: 632px; 
	height: 26px; 
	line-height: 26px; 
	margin: 0 auto 10px auto;
	text-align:center;
	background-image: url(../images/layout/navibalken.jpg);
	}

#umenue ul {
	margin-left:0; 
	padding-left:0; 
	font-size:0.75em; 
	text-align:center;  
	color:#EAE1D2;
	display:inline;
	}

#umenue ul li {
	margin-left:0; 
	padding:0 15px;
	border-left:1px solid #EAE1D2; 
	list-style:none; 
	display:inline;
	color: #EAE1D2;
	}

#umenue ul li.first {
	margin-left: 0; 
	border-left: none; 
	list-style: none; 
	display: inline;
	color: #EAE1D2;
	}

#umenue ul li a:link, #umenue ul li a:visited {
	text-decoration:none; 
	font-weight:bold; 
	color:#FAFAFA;
	}

#umenue ul li a:hover, #umenue ul li a:active{
	text-decoration:underline; 
	font-weight:bold; 
	color:#FAFAFA;
	}


/***********  Roundbox  **********/
.ro {
background:url(../images/layout/roundbox_ro.jpg) top right no-repeat;
}

.lo {
background:url(../images/layout/roundbox_lo.jpg) top left no-repeat;
}

.ru {
background:url(../images/layout/roundbox_ru.jpg) bottom right no-repeat;
}

.lu {
background:url(../images/layout/roundbox_lu.jpg) bottom left no-repeat;
}



/**********  Inhalt ***********/

.inhalt {
	min-height: 350px;
	margin: 0; 
	padding: 0.5em 1.5em 0.5em 1.5em; 
	}

.inhalt ul {
	font-size: 0.82em; 
	line-height: 1.2em; 
	color:#584036;
	}

.inhalt ul li {
	margin: 5px 0 0 5px;
	font-size:0.82em;  
	list-style-type: disc; 
	color:#584036;
	}

.inhalt ul li a, .inhalt ul li a:visited, .inhalt ul li a:link {
	font-weight: normal;
	text-decoration:none; 
	color:#584036; 
	}

.inhalt ul li:hover a, .inhalt ul li a:hover {
	font-weight: normal;
	text-decoration:underline; 
	color:#584036; 
	}


/***********  Navigationspfad  ***********/

#navipath a:link, #navipath a:visited, {
	font-size: 0.82em;
	font-weight:bold; 
	text-decoration:none; 
	line-height: 1em; 
	color:#584036; 
	}

#navipath a:hover, #navipath a: active {
	font-size: 0.82em;
	font-weight:bold; 
	line-height: 1em; 
	text-decoration:underline; 
	color:#584036; 
	}


/*################  /content  ##################*/




/*################  right  ##################*/

#right  {
	width: 170px; 
	height: 100%;
	margin: 5px 0 0 5px; 
	float: left; 
	}

#right ul li {
	position: relative; 
	list-style-type: none; 
	line-height: 0.5em;
	}

/*################  /right  ##################*/




/*################  footer  ##################*/

#footer { 
	width:990px; 
	padding: 10px 0px 0px 0px; 
	clear:both;
	text-align:center; 
	text-decoration:none;
	font-size: 10px; 
	vertical-align:bottom;
	}

#footer a, #footer a:visited, #footer a:link{
	font-size: 1.2em;
	font-weight:bold;
	text-decoration:none;  
	line-height: 2em; 
	color:#584036; 
	}

#footer a:hover{
	font-size: 1.2em;
	font-weight:bold; 
	text-decoration:underline;
	line-height: 2em;  
	color:#584036; 
	}

/*################  /footer  ##################*/



/*################  copy  ##################*/

#copy { 
	width:990px; 
	margin: 5px;
	padding: 10px 0px 0px 0px;
	clear:both; 
	font-size: 0.7em; 
	font-weight:normal; 
	text-align:center; 
	vertical-align:bottom; 
	text-decoration:none;  
	color:#584036; 
	}

#copy a:link, #copy a:visited { 
	font-weight: normal; 
	text-decoration:none; 
	color:#584036; 
	}

#copy a:hover, #copy a:active{ 
	font-weight: normal; 
	text-decoration:underline; 
	color:#584036; 
	}

/*################  /copy  ##################*/

/*################  sitemap  ##################*/

#sitemap ul { margin: 5px; padding: 0; list-style-type: none; font-size: 1.0em; }
#sitemap li { list-style-type: none; margin: 5px; }
#sitemap a { display: block; color: #584036; background-color: #CDBDA4; width: 9em; padding: 3px 12px 3px 8px; text-decoration: none; font-weight: bold; }
#sitemap a:hover { background-color: #584036; color: #FFF; }
#sitemap li li { display: block; color:#584036; width: 9em; font-weight: bold; padding: 3px 3px 3px 17px; margin: 2px 0 2px 0; text-decoration: none; }
#sitemap li li a { color:#584036; background:transparent; text-decoration: none; font-weight: bold; }
#sitemap li li a:hover { color:#CDBDA4; background:transparent; text-decoration: none; font-weight: bold; 
}
/*################  /sitemap ##################*/