@font-face { font-family: 'erasdemi'; src: url('/css/ERASDEMI.TTF') format('truetype') }
@font-face { font-family: 'prem_free'; src: url('/css/prem_free.TTF') format('truetype'); font-style:normal; font-weight:400}
/*popup*/
#blend { visibility: hidden; position:fixed; background-color:black; top:0px;bottom:0px;left:0px;right:0px;  opacity:0; transition: all ease 0.5s; z-index:9 }
#just_pop { visibility:hidden; z-index:15; position:fixed;top:0px; bottom:0px; display:table; width:100%; height:100%; opacity:1}
#just_pop>div { display:table-cell; vertical-align:middle; text-align:center }
#pop { opacity:0; display:inline-block; position:relative; transition: all ease 1s }
#pop>div { position:relative; overflow-y:auto; overflow-x:hidden; transition: all ease 1s; border-radius:20px; background-color:#F6DEFF; box-shadow:6px 6px 6px 6px #292929 }
.X {z-index:1000; position:absolute; top:-25px; right:-10px; font-weight:900; font-size:18px; width:20px; height:20px; border:2px solid black; border-radius:10px; background-color:#DAFF67; cursor:pointer; box-shadow:2px 2px 2px 2px #62446B; z-index:100 }
.warten { position:static; text-align:center; margin-top:40%; font-weight:bold;  }
html{ background-image:url(/images/Hintergrund/b4.jpg); background-position:0px 100px; background-repeat:repeat; background-attachment: fixed; }
body,html { /*width:100%; height:100%;*/ margin:0px; padding:0px; font-family:Verdana,"DejaVu Serif",sans-serif,Helvetica,Arial; font-size:16px  }
/* Feste Werte für Layout */
#srl,#srm,#srr { top:101px; width:9px; bottom:0px; position:fixed; z-index:1; background-image:linear-gradient(to right, #753C88 0% ,#F6DEFF 90%) }
#srmr { top:101px; width:9px; bottom:0px; position:fixed; z-index:1; background-image:linear-gradient(to left, #753C88 0% ,#F6DEFF 90%) }
#srl { z-index:1 }
#srm { border-bottom-left-radius:1em }
#wro,#wru { width:100%; height:10px;  z-index:1; ; background-repeat:repeat-x; bottom:0px }
#wro { position:absolute; background-image: linear-gradient(to top, #F6DEFF 0%, #753C88 90%); }
#wru {border-bottom-left-radius:40px; width:auto; position:fixed; right:220px; left:182px;z-index:1;  background-image: url(/images/Hintergrund/rille_bottom.png) } 
a { text-decoration:none }
header {z-index:2; position:fixed; right:0px; left:0px; }
main, main section, main article { position:absolute; }
main article,main section { top:0px; }
main { bottom:0px; }
main, article { left:0px }

main, main section { right:0px }
footer { position:relative; text-align:center; padding:8px 8px 8px 8px; margin-top:20px; border-top-right-radius: 20px; border-top-left-radius: 20px; border-top: 4px solid #C595D9; line-height: 0.8 }
.smb{ width:30px; max-width:50px }
#content footer a { font-weight:normal !important }
.impressum { position:static; display:block; right:0px; bottom:10px;margin-top:10px; font-size:70%; font-weight:300 !important; text-align:right }
.anmelden { position:absolute; height:26px;z-index:100; right:10px; top:5px}
.anmelden a { display:block; height:inherit; color:#CDFF64; font-family:erasdemi; font-size:90%; text-decoration:none;z-index:100 }
.fb_icon {display:none; width:30px; position:absolute }
.fb_icon { bottom:10px; right:10px }
.anchor { display: block; position: relative; visibility: hidden }
 /*aGroßbuchstabe */
.initial {font-size: 130%;font-family: Georgia, Verdana, Helvetica, Arial, sans-serif;}
.melden { position:absolute; width:200px;  height:300px;  top:10px;  margin:50%;  z-index:30; background-color:white; transition: all ease 0.5s; }
/*header*/
.header { background-image:url(/images/Hintergrund/background_header.jpg); background-repeat: no-repeat  }
.header .logo { position:absolute; left:5px; top:5px; z-index:4 }
.header .textlogo { position:absolute; top:8px; left:100px; color:white; line-height:20px; font-family:erasdemi; font-size:120%; z-index:4 }
.header .textlogo a { color:white }
.header .aromazentrum { font-family:prem_free; font-size:120%;}
.header .path { font-size:80%; color:inherit }
.header .underline { font-size:70% }
aside .aktiv_link[href], .flexnav ul li .aktiv_link[href]{ color:rgba(42,24,59,1) } /*Grundeinstellung aktiver Link*/
nav { z-index:3; position:fixed; width:100%; height:100%; overflow:auto; visibility:hidden}

.frontCol { background-color:rgba( 118, 84, 135, 0.9 ) }		
.li-with-ul { border:0px; margin:0px;padding:0px }
 
@media (max-width: 480px) {
	article { font-size:80% !important}
	header { font-size:80% !important }
	#lbl { display: none !important }
	section { font-size:80% !important }
	.header .textlogo { left:80px }
	.underline { padding-right:60px }
	.flexnav ul { padding-left:8px }
} 
@media (max-width: 800px) {
#content { padding-top:10px }
.flexnav .aktiv_link[href]{ color:rgba(42,24,59,1) }
	aside,#srl,#srm,#srr,#wru { display:none }
	main { overflow:auto; }
	main article { position:relative; }
	main section { position:relative; width:100% !important}
	/*main section .termine,main section .aklink { float:left }*/
	article { margin-bottom:10px  }
	nav { z-index:1; position:relative }
	#content { min-height:0px !important}
	.anmelden { top:75px; right:80px }
	.fb_icon { bottom:12px; right:180px }
}
/* Linker Frame Navigation für grosse darstellung*/
	aside { overflow:auto; color:white; padding:0px 0 10px 8px; font-size:80%; line-height:18px }
	aside a { display:block; padding:6px 0 10px 5px; font-family:erasdemi; font-size:120%; line-height:16px; max-width: 92%; }
	aside .aktiv_link { border-radius: 10px/10px }
	aside a[href] { color:#BFFF38 }
	aside a[name] { color:white !important;  }
	
	/*aside li a:hover { color:#F1CFFF !important }*/
	aside ul { padding:0px 0px 0px 10px; margin:0px; list-style-type:none }
	aside li { padding:0px 0px 0px 0px; list-style-type:none  }
	aside li div { padding-top:8px }
	aside>ul>li { margin-top:10px }

	.erasdemi{ font-family: erasdemi }
	.prfst { font-family: prem_free; font-weight:bold }
/* Klapmenue*/
	.textbox li {  padding:5px 0px 0px 0px }
	.clickable { cursor: pointer; font-size:small; font-weight:600; } 
	.box { display:none; clear:both; padding-left:0px} 
	.textbox{ position:relative }
/* neues Klapmenue*/ 
	.klappen { transition:height ease 1s; overflow:hidden }	
	
	.klapplink { cursor:pointer; font-weight:bold; font-size:12px }
/* ####### Hauptinhalt} */
	#content { font-size:90%; color:rgba(42,24,59,1) ; padding:1px 10px 0px 10px; text-align:left; background-color:#F2E3FB; min-height:100%; }
	#content a, #content .pseudo-link { color:#0B4D0F  !important; font-weight:bold; text-decoration:underline; cursor:pointer }
	#content h1, #content h2, #content h3, #content h4 {font-weight: bold; margin:16px 0px 0px 0px; background-image: url(/images/Hintergrund/bullet.png); background-repeat: no-repeat; font-family: Georgia,"DejaVu Serif",Verdana, Helvetica, Arial, sans-serif; font-style: italic; background-color:#F0D7FF; color:rgba(42,24,59,1); border-radius: 20px/20px}
	#content h5, #content h6 { border-radius: 20px/20px; font-weight: bold; margin: 10px 0px 10px 0px; font-family: Arial,Verdana,Helvetica,Georgia,"DejaVu Serif", sans-serif; font-style: italic; background-color: #F0D7FF; color:rgba(42,24,59,1) }
	#content h1 { background-position: 0 30px; font-size: 180%; padding: 30px 20px 20px 55px }
	#content h2 { background-position: 0 30px; font-size: 180%; padding: 30px 20px 20px 55px }
	#content h3 { background-position: 0 18px; font-size: 150%; padding: 20px 20px 20px 55px }
	#content h4 { background-position: 0 17px; font-size: 120%; padding: 20px 20px 20px 55px }
	#content h5 { background-position: 0 18px; font-size: 130%; padding: 5px 20px 5px 55px }
	#content h6 { background-position: 0 17px; font-size: 100%; padding: 5px 20px 5px 55px }
	#content p { line-height: 140%; padding: 0px 20px 0px 30px;  margin: 10px 0px 10px 0px; font-size-adjust:0.53 }
	#content blockquote p {font-size:95%;font-style:italic; margin-top:-5px; margin-bottom:-5px }
	#content li p { padding-left:0px }
	#content li { margin:0px; padding:2px }
	#content ul { margin-bottom:10px;  margin-top:10px }
	#content .X { display:none !important }

	#forum {font-size:80%; background-color:#F6DEFF}
	#forum p  {  font-size: 100%; margin-top: 2px; margin-bottom: 6px; line-height: 120% }
	#forum .sw b  {  color:#0B4D0F !important }
	#forum h3 {  font-size: 105%; margin-top:0px; padding:0px; margin-bottom: 0px;   }
	#forum a[onclick] {cursor:pointer}
	#forum a:visited { text-decoration: none}
	#forum a:link {   text-decoration: none; border-style: none}
	#forum a:active {   border-style: none; text-decoration: none}
	#forum a:hover {   border-style: none; text-decoration: none}
	#forum .sw h3{  color: #000000}
	#forum .tb { margin: 0px; padding:0px; width: 100%; height: 100%; position: relative}
	#forum table table table form { background-color:#F6DEFF; font-size: 110% }
	#forum .knopf { background-image: url(../images/chat/kupf_button.gif); height: 25px; font-weight: 800; color: #000000; border-style: none; }
	
	
	.termine, .aklink  {font-size:14px; background-color:#DFDCF9; border-radius: 20px/20px; margin:6px; padding:10px; width:184px; /*border:1px solid black*/  }
	#content .termine { float:right }
	#content .termine *, .termine * { font-size:14px;  background-image:none ; background-color:transparent; padding:0px; margin:0px; font-style:normal }
	.termine a { text-decoration:none; color:inherit !important; font-size:inherit }
	.termine h1,.termine h5,.termine h6,.termine h2,.termine p {clear:both; display:block; margin-bottom:4px !important  }
	#content .termine h1,.termine h1 { font-size:110%  }
	#content .termine h2,.termine h2 { font-size:90% }
	#content .termine h5,.termine h5 { font-size:90%; border-radius: 20px/20px; border:1px solid black; padding:0 10px 0 10px ; margin:5px 0 5px 0 ;}
	#content .termine h6,.termine h6 { font-weight:normal; margin-left: 30px; font-size:90%; font-family:arial  }
	#content .termine p,.termine p { font-size:90%; line-height:120% }
	

#kalender table { width:290mm; height:210mm; background-color:white; border-radius:20px; border:3px solid black; padding:10px; font-size:70%}
#kalender .icfb { min-width:100px; font-size:110%; margin:1px; padding:2px 4px 2px 4px; display:inline-block; border-radius:5px; text-align:center; }
#kalender .sll{ border-left:1px solid black; text-align:center; height:19px; vertical-align:middle } 
#kalender .slr{ border-right:1px solid black; text-align:left;; vertical-align:top }
#kalender .wlu {}
#kalender .tbh{ border-top:1px solid black; border-bottom:1px solid black; border-left:1px solid black; height:25px; text-align:center; font-weight:bold; background-color:#E5E4E4;font-size:18px }
#kalender .tbhr { border-right:1px solid black; }
#kalender td { text-align:center; vertical-align:middle; }
#kalender td p { margin:0px; padding:3px 0 2px 0 }
#kalender td div { padding:1px; border-radius:5px }

@media print {
	header,aside,footer,section, .flexnav { display:none !important}
	main article{ position:absolute !important; left:0px !important; right: 0px !important; top:0px !important; margin:0px !important; padding:0px !important}
	body { background-image:none !important; background-color:white }
	table { border:none !important }
	#content, article {  position:absolute; }
	#content,#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 { background-color:white; background-image:none }
	.box { display:block }
}
@page { margin:5mm 2mm 0mm 2mm; }

#content .aklink {position:relative; display:inline-block;float:left; min-height:240px}
#content .aklink h4 {border-radius:0px; position:absolute; bottom:5px; right:20px} 
.aklink { font-weight:600;padding-bottom:0px }	
#content .aklink a, .aklink a { color:#0B4D0F  !important; font-weight:bold; text-decoration:none }
#content .aklink *, .aklink * {font-weight:300; font-size:inherit; margin:0 0 5px 0; padding:0; background-image:none; background-color:transparent; font-style:normal }
#content .aklink h1, #content .aklink h2, .aklink h1,.aklink h2 { font-size:14px }
#content .aklink h4	,.aklink h4 { font-size:10px; text-align:right; border-top:1px solid black}	
#content .mehr ,.mehr { padding:5px 5px 5px 10px !important;margin-top:20px; cursor:pointer; color:#0B4D0F; width:174px; min-height:20px; display:inline-block }
#content .aktuelle ,.aktuelle { padding:10px 0 10px 30px; width:174px; min-height:20px }

/* Detail Frischekosmetisk */
	#content #tbkos {border-collapse:collapse; border:1px solid #CC99CC; margin: 5px 0px 5px 5px }
	#content #tbkos tr {width:100%;}
	#content #tbkos td { border:2px solid #B29CBA} /*groove */
	#content #tbkos td p {padding-left:10px}
	#content #tbkos td input {font-size:9px }

/* shop  nur noch für Warenkorb*/
	#content .pf, #content .pf2 {width:90px; height:18px; font-size:95%; border-style: solid; border-width: 0px 2px 2px 0px; border-color: white #5B445E #5B445E white; background-color:#F1CFFF; margin-right: 3px; word-spacing:-2px}
	#content .pf2 {font-size:95%; height:14px}

	#wa2 { vertical-align: middle; text-align: center; background-color: #F1CFFF;  color: #3f405f; font-weight: bold;  margin-top: 5px; padding-right:20px}
	#wa3 { margin-top:5px; border-bottom:1px solid #CC99CC; padding-right:20px}
	.wa4 { width:37px; background-image:  url(/images/Hintergrund/hervorhebung_klein.gif)}

.konzept,.ausbildungen,.veranstaltungen,.behandlungen,.shop,.lavendel,.frische{ color:rgba(42,24,59,1);box-shadow: 3px 3px 4px 2px rgba(0,0,0,0.6) }
.konzept { background-color:#E4C9FF;border-color:#E4C9FF  }
.ausbildungen { background-color:#fed1be;border-color:#fed1be }
.veranstaltungen { background-color:#f0e0a2;border-color:#f0e0a2 }
.behandlungen { background-color:#BDFCC2;border-color:#BDFCC2  }
.shop { background-color:#abe1fd;border-color:#abe1fd  }
.frische { background-color:#FFBF80;border-color:#FFBF80 }
.aromanetz { background-color:#CCFFCC; border-color:#176E39 }

.lavendel {background-color: #6F5387; border-color:#6F5387; color:#E8E8E8 }
.lavendel h5 { border-color:#FDFDFD}
.rund { border-radius: 20px/20px; padding:4px}
.bildbox{ text-align:left; position:relative; border-style:solid; border-width:1px;padding:0px; margin:8px 8px 0 0; border-bottom-width:20px; display:inline-block; height:360px; overflow:hidden; max-width:270px; }
.bildbox div:nth-of-type(1){ line-height:30px; text-align: center; font-size:18px; padding:10px;  }
.bildbox div:nth-of-type(2){ width: inherit; height: 100px; overflow:hidden  }
.bildbox div:nth-of-type(3){  display:table-cell; vertical-align:middle; background-color: white; width:260px; height:200px; font-size:14px; padding:5px; overflow:hidden }
#content .bildbox p { padding:0px; line-height:normal}
.bildbox ul { padding-left:8px } 
.bildbox div:nth-of-type(3) div{  padding:0px; line-height:normal  }
.rechtsOben { position:absolute; top:0px; right:0px }
.aus { display:none }

.forum1 { background-color:#DDB3FF }