@charset "utf-8";
/* CSS Document */
body, html {
font-family: Arial,sans-serif;
margin: 0px 0px 0px 0px;
color:#333333;
margin:0; padding:0; width:100%; height:100%; overflow:hidden;
}
#background{position:absolute; z-index:1; width:100%; height:100%; }
img {
	behavior:	url("pngbehavior.htc");
	
}
#mitte {
	border: 0;
	width: 990px;
	margin:0 auto;
	position:relative;
	text-align:left;
	clear:left;
	z-index:50;
	
}
#scroller {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:-6px;
	overflow:auto;
	z-index:2;
}
#logo {
position:absolute;
top:20px;
width:181px;
height:237px;
}
#headerbar {
position:absolute;
top:20px;
margin-left:181px;
width:809;
height:237px;
z-index:49;
}
#faces {
position:absolute;
top:20px;
margin-left:606px;
width:384px;
height:237px;
z-index:75;
}
#menu {
position:absolute;
z-index:50;
top:300px;
width:200px;
height:462px;
background:url(../images/brieshi_menu.jpg) top left no-repeat;
}
#menu ul {
width:200px;
padding:0;
margin:60px 0px 0px 0px;
}
#menu ul li a {
width:200px;
height:40px;
text-decoration:none;
color:#581e00;
text-align:center;
display:block;
line-height:2.4em;
color:#581e00;
padding:0px;
margin:0px 0px 0px 0px;
}
#menu ul a:hover {
background:#FFF;
}
#menu ul li {
list-style:none;
margin:0px;
padding:0px;
}
#quotes {
position:absolute;
top:120px;
margin-left:250px;
z-index:51;
font-size:16px;
font-weight:bold;
color:#581e00;
}
#mainindeximage {
position:absolute;
margin-left:300px;
top:305px;
width:245px;
height:401px;
}
#maintext {
height:401px;
margin-left:582px;
position:absolute;
top:305px;
width:236px;
font-size:11px;
line-height:2em;
color:#581E00;
}
#sideimage {
height:404px;
margin-left:875px;
position:absolute;
top:305px;
width:115px;
}
#footer {
border:1px none;
color:#581E00;
font-size:12px;
margin-left:298px;
position:absolute;
top:731px;
width:570px;
}
#footer a {
color:#581E00;
font-size:12px;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
#auswahl {
position:absolute;
margin-left:255px;
top:200px;
width:282px;
font-size:16px;
}
#liste {
margin:0px;
padding:0px;
width:282px;
list-style:none;
}
#liste li a {
width:282px;
height:31px;
margin:0px;
line-height:2em;
color:#581E00;
text-decoration:none;
cursor:pointer;
display:block;
z-index:150;
}
#liste li a:hover {
background:#d3e3b8;
text-decoration:none;
cursor:pointer;
width:282px;
height:31px;
}
#stroke {
position:absolute;
margin-left:537px;
top:40px;
width:5px;
height:675px;
background:#d3e3b8;
}
#haircuts {
color:#581E00;
font-size:11px;
height:401px;
line-height:2em;
margin-left:560px;
position:absolute;
top:141px;
width:236px;
display:block;
}
#special {
color:#581E00;
font-size:11px;
height:401px;
line-height:2em;
margin-left:560px;
position:absolute;
top:174px;
width:236px;
display:none;
}
#color {
color:#581E00;
font-size:11px;
height:401px;
line-height:2em;
margin-left:560px;
position:absolute;
top:196px;
width:236px;
display:none;
}
#hairspa {
color:#581E00;
font-size:11px;
height:401px;
line-height:2em;
margin-left:560px;
position:absolute;
top:218px;
width:236px;
display:none;
}
#manicures {
color:#581E00;
font-size:11px;
height:401px;
line-height:2em;
margin-left:560px;
position:absolute;
top:240px;
width:236px;
display:none;
}
#specialrequest {
color:#581E00;
font-size:11px;
height:401px;
line-height:2em;
margin-left:560px;
position:absolute;
top:283px;
width:236px;
display:none;
}
#chair {
color:#581E00;
font-size:11px;
height:401px;
line-height:2em;
margin-left:560px;
position:absolute;
top:389px;
width:236px;
display:none;
}
#avedamakeup {
color:#581E00;
font-size:11px;
height:401px;
line-height:2em;
margin-left:560px;
position:absolute;
top:371px;
width:236px;
display:none;
}
#natural {
color:#581E00;
font-size:11px;
height:401px;
line-height:2em;
margin-left:560px;
position:absolute;
top:271px;
width:236px;
display:none;
}
#tinting {
color:#581E00;
font-size:11px;
height:200px;
line-height:2em;
margin-left:560px;
position:absolute;
top:486px;
width:236px;
display:none;
}
#avedafacials {
color:#581E00;
font-size:10px;
height:401px;
line-height:1.8em;
margin-left:560px;
position:absolute;
top:40px;
width:236px;
display:none;
}
table {
font-size:14px;
}
#team {
height:668px;
margin-left:239px;
position:absolute;
top:35px;
width:735px;
overflow:auto;
color:#581E00;
line-height:1.9em;
font-size:12px;
}
#gallery {
height:470px;
position:absolute;
width:640px;
top:163px;
margin-left:238px;
}

#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:left;}
#gallery ul li {display:inline; width:46px; height:150px; float:left; margin:10px 10px 0px 0px;}
#gallery ul li a {display:block; width:46px; height:150px; text-decoration:none;}
#gallery ul li a img {display:block; width:46px; height:150px; border:0; cursor:pointer; }
#gallery ul li a:hover {white-space:normal; border-color:#ddd; cursor:pointer; }
#gallery ul li a:hover b {position:absolute; left:175px; top:10px; width:450px; height:470px; }
b.default {background:url(../images/tour1.jpg); position:absolute; left:175px; top:10px; width:450px; height:470px; }
#gallery ul li.t1 {
background:url(../images/tour1_l.jpg);
}
#gallery ul li.t1:hover {
background:url(../images/tour1_h.jpg);
}
#gallery ul li.t1:hover b {
background:url(../images/tour1.jpg);
}
#gallery ul li.t2 {
background:url(../images/tour2_l.jpg);
}
#gallery ul li.t2:hover {
background:url(../images/tour2_h.jpg);
}
#gallery ul li.t2:hover b {
background:url(../images/tour2.jpg);
}
#gallery ul li.t3 {
background:url(../images/tour3_l.jpg);
}
#gallery ul li.t3:hover {
background:url(../images/tour3_h.jpg);
}
#gallery ul li.t3:hover b {
background:url(../images/tour3.jpg);
}
#gallery ul li.t4 {
background:url(../images/tour4_l.jpg);
}
#gallery ul li.t4:hover {
background:url(../images/tour4_h.jpg);
}
#gallery ul li.t4:hover b {
background:url(../images/tour4.jpg);
}
#gallery ul li.t5 {
background:url(../images/tour5_l.jpg);
}
#gallery ul li.t5:hover {
background:url(../images/tour5_h.jpg);
}
#gallery ul li.t5:hover b {
background:url(../images/tour5.jpg);
}
#gallery ul li.t6 {
background:url(../images/tour6_l.jpg);
}
#gallery ul li.t6:hover {
background:url(../images/tour6_h.jpg);
}
#gallery ul li.t6:hover b {
background:url(../images/tour6.jpg);
}
#gallery ul li.t7 {
background:url(../images/tour7_l.jpg);
}
#gallery ul li.t7:hover {
background:url(../images/tour7_h.jpg);
}
#gallery ul li.t7:hover b {
background:url(../images/tour7.jpg);
}
#gallery ul li.t8 {
background:url(../images/tour8_l.jpg);
}
#gallery ul li.t8:hover {
background:url(../images/tour8_h.jpg);
}
#gallery ul li.t8:hover b {
background:url(../images/tour8.jpg);
}
#gallery ul li.t9 {
background:url(../images/tour9_l.jpg);
}
#gallery ul li.t9:hover {
background:url(../images/tour9_h.jpg);
}
#gallery ul li.t9:hover b {
background:url(../images/tour9.jpg);
}
#blog {
background:#FFF;
height:550px;
position:absolute;
width:640px;
top:160px;
margin-left:238px;
border:3px solid #7e543a;
font-size:12px;
color:#7e543a;

}
#blog input, #blog textarea {
border:1px solid #7e543a;
width:500px;
height:20px;
font-size:12px;
color:#7e543a;
}
#blog textarea {
border:1px solid #7e543a;
width:500px;
height:250px;
}
#blog table.blog {
font-size:12px;
line-height:1.6em;
color:#7e543a;
margin:-10px 0px 30px 10px;
}
#blog table.pages {
font-size:12px;
line-height:1.6em;
color:#7e543a;
margin:-20px 0px 0px 10px;
}
#blog table.pages a, #blog table.blog a {
font-size:12px;
line-height:1.6em;
color:#7e543a;
}
#advice {
display:block;
height:34px;
position:relative;
width:650px;
top:-37px;
margin-left:-3px;
}
#blog table.add {
font-size:12px;
font-weight:bold;
color:#7e543a;
}
#blog h1 {
font-size:18px;
font-weight:bold;
color:#7e543a;
}
#comments {
overflow:auto;
width:620px;
margin:-10px 0px 0px 10px;
height:200px;
}
#comments input {
border:1px solid #7e543a;
width:200px;
font-size:12px;
color:#7e543a;
}
#comments textarea {
border:1px solid #7e543a;
width:200px;
height:100px;
}