body,
html {
    color: black; 
	 background:#827f7a url(background.gif) no-repeat top;
    font-size: 100.01%;
	 font-family:arial;
    height:650px;
    margin: 0; 
    padding: 0 0;
    text-align: center;  /* Zentrierung im Internet Explorer */
  }

#window {
    position:relative;
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 1024px;
    padding: 0;
    height: 100%;
}

/* +++++++++++++++++++++++ */
/*         Men�            */
/* +++++++++++++++++++++++ */

#menu{
	position:absolute;
	top:163px;
	left:77px;
	width:860px;
	height:30px;
	z-index:100;
	font-size:1em;
	text-align:center;
	border: 0px solid black;
	 }
	 
/* +++++++++++++++++++++++ */
/* Globale Definitionen Men� */
/* +++++++++++++++++++++++ */
	
#home, 
#facial, 
#nail,
#nagel,
#essentials,
#company,
#unternehmen,
#news,
#newsde,
#contact,
#kontakt,
#currenthome,
#currentfacial,
#currentnail,
#currentnagel,
#currentessentials,
#currentcompany,
#currentunternehmen,
#currentnews,
#currentnewsde,
#currentcontact,
#currentkontakt {
	margin:0; padding:0;
	}

#home a,
#facial a, 
#nail a,
#nagel a,
#essentials a,
#company a,
#unternehmen a,
#news a,
#newsde a,
#contact a,
#kontakt a,
#currenthome a,
#currentfacial a,
#currentnail a,
#currentnagel a,
#currentessentials a,
#currentcompany a,
#currentunternehmen a,
#currentnews a,
#currentnewsde a,
#currentcontact a,
#currentkontakt a {
	position:absolute;
	top:0;
	height:30px;
	margin:0;
	padding:0;
	text-decoration: none;
	}
	
#home a span, 
#facial a span, 
#nail a span,
#nagel a span,
#essentials a span,
#company a span,
#unternehmen a span,
#news a span,
#newsde a span,
#contact a span,
#kontakt a span,
#currenthome a span,
#currentfacial a span,
#currentnail a span,
#currentnagel a span,
#currentessentials a span,
#currentcompany a span,
#currentnews a span,
#currentnewsde a span,
#currentkontakt a span,
#currentfacial a span, 
#currentnail a span,
#currentessentials a span,
#currentcompany a span,
#currentunternehmen a span,
#currentnews a span,
#currentcontact a span,
#currentkontakt a span {
	display:none;
	}
	
/* +++++++++++++++++++++++ */
/*  Home-Button Men�       */
/* +++++++++++++++++++++++ */	
	
#home a, 
#currenthome a {
	left:22px;
	width:70px; 
}

#home a { 
	background: url("buttonhomeinactive.gif") top left no-repeat;
}

#home a:hover, 
#currenthome a {
	background: url("buttonhomeactive.gif") top left no-repeat;
	}
	
/* +++++++++++++++++++++++ */
/*  Facial-Button Men�     */
/* +++++++++++++++++++++++ */
	
#facial a, 
#currentfacial a {
	left:97px;
	width:160px;
	}

#facial a {
	background: url("buttonfacialinactive.gif") top left no-repeat;
	}
	
#facial a:hover, 
#currentfacial a {
	background: url("buttonfacialactive.gif") top left no-repeat;
	}
	
/* +++++++++++++++++++++++ */
/*  Nail-Button Men�       */
/* +++++++++++++++++++++++ */
	
#nail a, 
#currentnail a {
	left:262px;
	width:160px;
	}
	
#nail a {
	background: url("buttonnailinactive.gif") top left no-repeat;
}
	
#nail a:hover, 
#currentnail a {
	background: url("buttonnailactive.gif") top left no-repeat;
	}
	
#nagel a, 
#currentnagel a {
	left:262px;
	width:160px;
	}
	
#nagel a {
	background: url("buttonnagelpflegeinactive.gif") top left no-repeat;
}
	
#nagel a:hover, 
#currentnagel a {
	background: url("buttonnagelpflegeactive.gif") top left no-repeat;
	}
	
/* +++++++++++++++++++++++ */
/*  Essentials-Button Men�  */
/* +++++++++++++++++++++++ */

#essentials a, 
#currentessentials a {
	left:427px;
	width:160px;
	}
	
#essentials a {
	background: url("buttonessentialsinactive.gif") top left no-repeat;
	}
	
#essentials a:hover, 
#currentessentials a {
	background: url("buttonessentialsactive.gif") top left no-repeat;
	}
	
/* +++++++++++++++++++++++ */
/*   Company-Button Men�   */
/* +++++++++++++++++++++++ */

#company a, 
#currentcompany a {
	left:592px;
	width:80px;
	}
	
#company a {
	background: url("buttoncompanyinactive.gif") top left no-repeat;
}
	
#company a:hover, 
#currentcompany a {
	background: url("buttoncompanyactive.gif") top left no-repeat;
	}
	
#unternehmen a, 
#currentunternehmen a {
	left:592px;
	width:105px;
	}
	
#unternehmen a {
	background: url("buttonunternehmeninactive.gif") top left no-repeat;
}
	
#unternehmen a:hover, 
#currentunternehmen a {
	background: url("buttonunternehmenactive.gif") top left no-repeat;
	}
	
/* +++++++++++++++++++++++ */
/*  News-Button Men�       */
/* +++++++++++++++++++++++ */
	
#news a, 
#currentnews a {
	left:677px;
	width:70px;
	}
	
#news a,
#newsde a {
	background: url("buttonnewsinactive.gif") top left no-repeat;
	}
	
#news a:hover, 
#currentnews a,
#newsde a:hover, 
#currentnewsde a {
	background: url("buttonnewsactive.gif") top left no-repeat;
	}
	
#newsde a,
#currentnewsde a {
	left:702px;
	width:70px;
}
	
/* +++++++++++++++++++++++ */
/*   Kontakt-Button Men�   */
/* +++++++++++++++++++++++ */
	
#contact a, 
#currentcontact a {
	left:752px;
	width:70px;
	}
	
#contact a {
	background: url("buttoncontactinactive.gif") top left no-repeat;
	}
	
#contact a:hover, 
#currentcontact a {
	background: url("buttoncontactactive.gif") top left no-repeat;
	}	
	
#kontakt a, 
#currentkontakt a {
	left:777px;
	width:70px;
	}
	
#kontakt a {
	background: url("buttonkontaktinactive.gif") top left no-repeat;
	}
	
#kontakt a:hover, 
#currentkontakt a {
	background: url("buttonkontaktactive.gif") top left no-repeat;
	}	
	
/* +++++++++++++++++++++++ */
/*  Globale Textdeklarationen */
/* +++++++++++++++++++++++ */
	
p {
	color:#707173;
	padding:0;
	margin:0 10px 10px 0;
	font-size:0.8em;
	text-align: justify;
}
li{
	color:#707173;
	padding:0;
	font-size:0.8em;
	text-align: justify;
}
li li {
	font-size:1em;
}
a, li a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
a:visited , li a:visited {
	color:#666;
	text-decoration:none;	
}
a:hover, li a:hover{
	text-decoration:underline;
}

h1 {
	color:#707173;
	font-size:0.9em;
	font-weight:bold;
}

h2 {
	color:#707173;
	font-size:0.8em;
	font-weight:bold;
}
	
dt, dd {
	color:#707173;
	font-size:0.8em;
	text-align: justify;	
}
dd {
	padding-right:5px;
}
dt {
	padding-top:1em;
	font-weight: bold;
}


/* +++++++++++++++++++++++ */
/*  Linkes Content-Feld    */
/* +++++++++++++++++++++++ */

#contentleft {
	position:absolute;
	overflow: hidden;
	float:left;
	top:213px;
	left:51px;
	height:365px;
	width:255px;
	background-color: #fefefe;
	margin: 0;
	padding:0;
	text-align: left;
	font-size:0.9em; 
	border:0px solid black;
	}
	
#contentleft img{
	text-align: left;
	padding:0;
	margin:0;
	margin-top:10px;
	border:0px solid black;
}	

/* +++++++++++++++++++++++ */
/*  Mittleres Content-Feld */
/* +++++++++++++++++++++++ */
                                           
#contentcenter {
	position:absolute;
	overflow: auto;
	float:right;
	top:213px;
	left:316px;
	width:335px;
	height:365px;
	background-color: #fefefe;
	margin: 0;
	padding:0;
	text-align: left;
	font-size:0.9em; 
	border:0px solid black;
	}

/* +++++++++++++++++++++++ */
/*  Content-Feld f�r Links UND Mitte (Kontaktseite) */
/* +++++++++++++++++++++++ */
                                           
#leftcenter {
	position:absolute;
	overflow: auto;
	float:right;
	top:213px;
	left:51px;
	width:600px;
	height:365px;
	background-color: #fefefe;
	margin: 0;
	padding:0;
	text-align: left;
	font-size:0.9em; 
	border:0px solid black;
	}

/* +++++++++++++++++++++++ */
/*  Rechtes Content-Feld 213  */
/* +++++++++++++++++++++++ */

#contentright {
	position:absolute;
	/*overflow: hidden;*/
	top:213px; /* So schlie�en die Bilder pixelgenau mit dem unteren Rand des Hintergrundbildes ab */
	left:657px; /* So ist der rechte Contentbereich pixelgenau abschlie�end mit dem grauen Unterstrich des Men�s */
	height:385px; /* Die Bilder sind maximal 385 Pixel hoch */
	width:320px; /* Das breiteste Bild hat 319 Pixel */
	margin: 0;
	padding:0;
	text-align: center;
	text-align: left;
	font-size:0.9em;
	
	}	
	
#contentright img{
	position:absolute;
	text-align: center;
	right:0; /* Bilder rechtsb�ndig */
	padding:0;
	margin:0;
	border:0px solid black;
}

/* +++++++++++++++++++++++ */
/*     Footer- Bereich     */
/* +++++++++++++++++++++++ */	

#footer {
    position:absolute;
    top:610px;
    left:40px;
    height:18px;
	 width:600px;
    padding:0;
    margin:0;
	 color:#cdcbcc;
	 font-size:0.8em;
	 text-align:left;
	 border:0px solid black;
}

#footer a {
	text-decoration:none;
	color:#cdcbcc;
}

#footer span {
	margin:0 10px;
}
	 
#footer a:hover {
    color:#eec750;
    }
	 
#footer img {
	margin:0;
	margin-left:20px;
	padding:0;
	border:0px solid black;
}
/* +++++++++++++++++++++++ */
/*    Formularelemente     */
/* +++++++++++++++++++++++ */	


label {
	display:block;
	width:400px;
	/* float: left; */
	color:#707173;
	font-size:0.8em;
	margin-top: 0.5em;
	
	clear:left;
}
input, textarea {
	margin:2px;
	color:#707173;
}
.csc-mailform-submit {
	margin-left:300px;
}
fieldset{border:0 }

.csc-mailform-label {
	display:block;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-weight: bold;
	color:#707173;
	font-size:0.8em;
	text-align: justify;
	
	clear:left;
}
option {
	color:#707173;
	font-size:0.8em;
}
select {
	margin:2px;
	width:300px;
}
.mail-form-field: clear:left;
/*  .csc-mailform-check {	clear:left;} */