@charset "utf-8";
html {height:101%}

body  {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	background-color: #F9ECD4;
	line-height:1.2em; 
	margin: 0 auto; 
	padding: 0;
	text-align: center; 
	color: #000000;	
}

#box  {
	width: 800px;
	margin: 0 auto;
	text-align:left;
	background-image: url(../bilder/fernoestliches1.jpg);
	background-repeat: no-repeat;
}


	
#box2 {
	width: 800px;
	margin: 0 auto;
	text-align:left;
	background-image: url(../bilder/schoenheit2.jpg);
	background-repeat: no-repeat;
}
#box3 {
	width: 800px;
	margin: 0 auto;
	text-align:left;
	background-image: url(../bilder/permanent-makeup3.jpg);
	background-repeat: no-repeat;
}

#box4 {
	width: 800px;
	margin: 0 auto;
	text-align:left;
	background-image: url(../bilder/medizin4.jpg);
	background-repeat: no-repeat;
}


#box5 {
	width: 800px;
	margin: 0 auto;
	text-align:left;
	background-image: url(../bilder/akupunktur5.jpg);
	background-repeat: no-repeat;
}
#box6 {
	width: 800px;
	margin: 0 auto;
	text-align:left;
	background-image: url(../bilder/entspannung6.jpg);
	background-repeat: no-repeat;
}

#box7 {
	width: 800px;
	margin: 0 auto;
	text-align:left;
	background-image: url(../bilder/aerztin7.jpg);
	background-repeat: no-repeat;
}

#header {height:120px;}

.headline {
	font-family: 'Noto Sans', sans-serif;
	font-weight:500;
	font-style:italic;
	font-size:1.8em;
	color:#681A1E; 
	line-height:1.1em;
	}

#leftside {
	width: 160px; 
	background-image: url(../bilder/verlauf.png); 
	background-repeat: repeat-y;	
	margin: 2px 6px 0px 0px; 
	padding: 0px 6px 0px 0px;  
	border-left:1px solid #FFFFFF;}

#menu1 {width: 160px; margin: 0px 6px 0px 0px; padding: 2px 6px 0px 0px; }	
#menu1active {width: 160px; color:#681A1E; background-image: url(../bilder/verlauf-over.png); background-repeat: repeat-y;	
	margin: 0px 6px 0px 0px; padding: 2px 6px 0px 0px; border-bottom:1px solid #FFFFFF; }	
	
#menu {width: 160px;  margin: 0px 6px 0px 0px; padding: 0px 6px 0px 0px; }

#menuactive {width: 160px; color:#681A1E; background-image: url(../bilder/verlauf-over.png); background-repeat: repeat-y;	
	margin: 0px 6px 0px 0px; padding: 2px 6px 0px 0px; border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF;}	

.nav h1 {font-size: 1.0em; color:#681A1E;  margin: 0px 0 2px -16px;}
.nav ul {border-bottom: 1px solid #FFFFFF;	
		 padding:0 2px 0px 2px;	
		 margin: 0px 0px 0px 2px;
		 color: #000000;	
         list-style-type: disc;	display:block;	}
.nav li {margin-bottom: 2px; color:#000000;}			 
.nav a:link {color:#000000; text-decoration:none; font-weight:normal; }
.nav a:visited{color:#000000;text-decoration:none; font-weight:normal;}
.nav li a:hover {color: #681A1E;}
.nav a:hover {color: #681A1E;text-decoration:none; font-weight:normal;}



.active h1 {font-size: 1.0em; color:#681A1E; font-style:italic;  margin: 0px 0 2px 0px;}
.active ul {border-bottom: 1px solid #FFFFFF;	
			padding:0 2px 0px 2px;	
			margin: 0px 0px 0px 2px; 
			color:#681A1E; 
			list-style-type: disc;	display:block;	}
.active li {margin-bottom: 2px; color:#681A1E;}	
.active a:link {color:#681A1E;text-decoration:none; font-weight:normal; }
.active a:visited{color:#681A1E;text-decoration:none; font-weight:normal;}
.active a:hover {color: #000000;text-decoration:none; font-weight:normal;}

.inhalt1 { margin-top: 40px; padding: 40px 6px 0px 50px; letter-spacing:0.7px;	line-height:1.2em;}
.inhalt1 p {width:400px;}
.inhalt1 h1 {font-size: 1.0em; color:#681A1E;}
.inhalt1 h2 {font-size:0.9em; color:#681A1E; line-height:1.2em; font-weight:lighter;}
.inhalt1 a:link, a:visited{color: #681A1E; text-decoration:none;}
.inhalt1 a:hover { text-decoration:underline;}


.inhalt { margin-top: 10px; padding: 10px 6px 0px 50px; letter-spacing:0.7px;	line-height:1.2em;}
.inhalt p {width:400px;}
.inhalt ul {padding-left:20px; padding-right:0;}
.inhalt h1 {font-size: 1.0em; color:#681A1E;}
.inhalt h2 {font-size:0.9em; color:#681A1E; line-height:1.2em; font-weight:lighter;}
.inhalt a:link, a:visited{color: #681A1E; text-decoration:none;}
.inhalt a:hover { text-decoration:underline;}

.unter {padding:10px 0 0 10px; font-weight:lighter; color:#000000;}
.schwarz {color:#000000;}

.weiter {text-align:right;}

#info {	
	margin-top:10px;
	width: 150px; 
	height:70px;
	padding: 4px 2px 4px 30px; 
	background-image: url(../bilder/verlauf-re.png);
	background-repeat: repeat-y;
	border: 1px dotted ;
	border-color: #FFFFFF #FFFFFF #FFFFFF #F9ECD4;
	}
	
	
	#noinfo
	{width: 150px; 
	height:70px;}
	
	
	
	  * html #info {  /* Korrekturen fuer IE 5.x */
    width: 180px;
    w\idth: 150px;
    padding-left: 0;
    padd\ing-left: 0.8em;
}
	
#info h1 {font-size: 1.0em; color:#681A1E;  margin: 2px 0 0 0; }
#info li {list-style-position:outside;
list-style-type: disc;
margin-right:10px;
}
	
#info a:link {color:#681A1E; text-decoration:none; }
#info a:hover {text-decoration:underline;}

#footer {margin: 0 auto ; width: 800px; padding: 10px 0 10px 35px;  color: #000000; background-color: #F9ECD4; height:10px; font-size:0.9em; text-align:left;  }

.rechts { 
	float: right;
	margin-left: 8px;
}
.links { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
    height:0;
    font-size: 1px;
    line-height: 0px;
}