body{	margin: 10%;
        text-align:center;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        scrollbar-base-color:#D4E9D7;
        scrollbar-arrow-color:#ffffff;
        scrollbar-highlight-color:#ffffff;
        scrollbar-shadow-color:#ffffff;
        scrollbar-3dlight-color:#D4E9D7;
        scrollbar-track-color: #ffffff;
        scrollbar-darkshadow-color:#ffffff;
       
		
		scroll:auto;
        }
		
.text 	{
	font-size: 11px;
	color: #666666;
	line-height: 150%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		}
a:hover{background-color: #D4E9D7}
a.text {BORDER-BOTTOM: #2e873c 1px dotted;	}


h1 		{
	font-size: 14px;
	font-style: italic;
	color: #2e873c;
	line-height: 150%;
        }
h2 		{
        font-size: 12px;
        color: #2e873c;
        font-weight: normal;font-style: italic;line-height: 120%;
        }
li 		{
        list-style: url(images/margarite_kl.gif);
        line-height: 200%;
        padding-left: 7px;
        margin-left: 20px;
        }
.but{
	border: 1px solid #D4E9D7;
	background: url(images/margarite_kl.gif)no-repeat top right;
	}
.in, .but {
	border: 1px solid #D4E9D7;
	background-color: #FFFFFF;
	}

#oben{
	position:absolute;
	left: 0px;
	top:0px;
	height: 300px;
	width: 100%;
	background: url(images/bg_oben.jpg) repeat-x top;
	z-index: 1;
    }
#unten{
	position:absolute;
	left: 0px;
	bbottom:0px;
	height: 300px;
	width: 100%;
	 background: url(images/bg_unten.jpg) repeat-x  bottom;
	z-index: 1;
    }
#klmen{
        position:absolute;
        left: 500px;
        top:  -26px;
        width: 249px;
        height: 20px;
        background: url(images/schleifeoben1.jpg) no-repeat top;
        border-top: 1px solid #d6ead9;
        border-right: 1px solid #d6ead9;
        border-left: 1px solid #d6ead9;
        }
#men{
        position:absolute;
        left: 0px;
        top:  0px;
        width: 100%;
        height: 55px;
        background: url(images/schleifeoben.gif) no-repeat bottom;
        z-index: 4
        }
#men a, #klmen a, #text a, #scrolltext a{
	COLOR: #2e873c;
	LETTER-SPACING: 1px;
	TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
}
#tip{
	position:absolute;
	left: -70px;
	top:  -70px;
	width: 250px;
	height: 220px;
	background: #FFF url(images/bg_unten.jpg) repeat-x bottom;
	border: thin solid #D4E9D7;
	padding:6px;
	z-index: 7;
	text-align: center;

}
#tip a:hover{BACKGROUND: #d6ead9; COLOR: #ffffff; }
#tip a 		{BORDER-BOTTOM: #339933 1px dotted; color:  #2e873c;	}


a.men {DISPLAY: block;
        PADDING-LEFT: 6px;  PADDING-TOP: 6px; padding-bottom: 6px;
        MIN-HEIGHT: 1.5em;
        FONT-SIZE: 12px; TEXT-DECORATION: none
        }
a.men:hover {DISPLAY: block;
        PADDING-LEFT: 6px; PADDING-TOP: 6px; padding-bottom: 6px;
        MIN-HEIGHT: 1.5em;
        BACKGROUND: #d6ead9;
        COLOR: #ffffff;
        FONT-WEIGHT: normal; FONT-SIZE: 12px;  LETTER-SPACING: 1px; TEXT-DECORATION: none
}
.sub_w { BORDER-BOTTOM: #ffffff 1px solid; }
.sub_g { BORDER-BOTTOM: #d6ead9 1px solid; }
a.menkl {font-size: 10px;}
a.menkl:hover{
        BACKGROUND: #d6ead9;
        COLOR: #ffffff;
        FONT-SIZE: 10px;
        }
#pm, #pm_over, #kb, #kb_over, #manik, #manik_over, #ped, #ped_over, #prod, #prod_over, #stud, #stud_over{
                        position:absolute;        top: 0px
                        }
#pm, #pm_over, #pmu        {left:   0px; width: 150px}
#kb, #kb_over, #kbu {left: 150px; width: 190px}
#manik,#manik_over         {left: 337px; width:  90px; text-align: center}
#ped, #ped_over           {left: 430px; width: 120px}
#prod, #prod_over        {left: 546px; width:  90px; text-align: center}
#stud, #stud_over        {left: 630px; width: 120px}

#kb_over, #kbu, #manik_over, #ped_over, #prod_over, #stud_over{
                        visibility: hidden
                        }
#pm_over, #pmu{
                        border-top:1px solid #d6ead9;
                        border-right: 1px solid #d6ead9;
                        border-bottom: 1px solid #d6ead9;
                        border-left:  none ;
                        visibility: hidden
                        }
#pmu, #kbu {
                        position:absolute;
                        top: 28px;
                        padding-top:10px;
                        background-image: url(images/bg_oben.jpg);
                        }

#pm_over, #kb_over, #manik_over, #ped_over, #prod_over, #stud_over{
                        top: 0px;
                        height: 28px;
                        background-color: #d6ead9;
                        z-index: 4
                        }
#pm, #kb, #manik, #ped, #prod, #stud{
                        padding-top: 5px; padding-bottom: 5px;
                        height: 25px;
                        z-index: 5
                        }
#marg1, #marg2, #marg3, #marg4, #marg5{
        top: 9px;
        height: 20px;
        width: 20px;
        position:absolute;
        background: url(images/margarite_kl.gif) no-repeat center center;
        z-index: 3;

        }
#marg1{        left: 135px;}
#marg2{        left: 335px;}
#marg3{        left: 414px;}
#marg4{        left: 543px;}
#marg5{        left: 622px;}

#marggr1, #marggr2, #marggr3, #marggr4, #marggr5, #marggr6, #marggr7 {
        height: 30px;
        width: 30px;
        position:absolute;
        background: url(images/margarite.gif) no-repeat;
        z-index: 10;
        }
#marggr1{top: 102px; left: 838px}
#marggr2{top: 264px; left: 751px}
#marggr3{top: -109px; left: 774px}
#marggr4{top: 84px; left: 678px}
#marggr5{top: 178px; left: 756px}
#marggr6{top: -89px; left: 663px}
#marggr7{top: -42px; left: 737px}

#main{
	position:relative;
	width:750px;
	height:400px;
	margin:0px auto;
	text-align:left;
	border: 1px solid #d6ead9;
	background: url(images/schleifeunten.gif) no-repeat 0px bottom;
	z-index: 3;
	}

#logo{
        position:absolute;
        left: 620px;
        top:330px;
        width: 120px;
        height: 60px;
        background: url(images/logo.gif);
        z-index: 5;
        }
#schleife{
        position:absolute;
        left: 0px;
        top:  30px;
        width: 750px;
        height: 60px;
        background-image: url(images/schleifeoben1.jpg);
        background-repeat: no-repeat;
        background-position: left;
        }
#mh, #start, #mani, #pedi, #lippen, #ruecken, #gesicht, #wimpern, #depilation, #produkte{
        position:absolute;
        left: 0px;
        bottom: 0px;
        width: 370px;
        height: 360px;
        z-index: 2;}
#nix{   position:absolute;
        left: 0px;
        bottom: 0px;
        width: 370px;
        height: 360px;
        z-index: 3;}
#mh{background: url(images/margarete_hurtenbach.jpg) no-repeat}
#start{background: url(images/start.jpg) no-repeat}
#mani{background: url(images/naegel2.jpg) no-repeat}
#pedi{background: url(images/pedi.jpg) no-repeat}
#lippen{background: url(images/start.jpg) no-repeat}
#ruecken{background: url(images/ruecken.jpg) no-repeat}
#gesicht{background: url(images/gesichtsbehandlungen.jpg) no-repeat}
#wimpern{background: url(images/wimpern.jpg) no-repeat}
#depilation{background: url(images/depilation.jpg) no-repeat}
#produkte{background: url(images/produkte.jpg) no-repeat}

#text{
        position:absolute;
        left: 320px;
        top:  70px;
        width: 428px;
        height: 295px;
        overflow: auto;
        z-index: 3;
        scroll: auto;
        }
#scrolltext,#gb,#gb1,#gb2,#gb3,#gb4,#gb5,#gb6,#gb7,#gb8,#gb9,#gb10,#gb11,#gb12{
        position:absolute;
        left: 2px;
        top:  0px;
        width: 90%;
        padding-left: 10px;
        }
#gb1,#gb2,#gb3,#gb4,#gb5,#gb6,#gb7,#gb8,#gb9,#gb10,#gb11,#gb12{visibility: hidden}

#kontakt{
	position:absolute;
	left: 0px;
	top:  0px;
	width: 100%;
    }

.bildre {
	
	margin-left: 5px;
	
}
.bildli{
	
	margin-right: 10px;
}