@charset "utf-8";
/* CSS Document */


/*
// -----------------------------------------------------------------------
// global.css by leuchtfeuer - design + technologie | www.leuchtfeuer.net
// -----------------------------------------------------------------------
*/



/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/


body { background:#f6f3ee url(../images/bg_body.gif) repeat-x top; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:2px }

a:link, a:visited { color:#f8f3ea; text-decoration:underline} 
a:hover { color:#bcc132; text-decoration:underline} 

p { font-size:12px; font-weight:normal; color:#f8f3ea; letter-spacing:1px; line-height:20px;}

 

/*
---------------------------------------------
02. main container and wrapper
---------------------------------------------
*/


#container { width:990px; margin:0 auto}

#wrapper { width:922px; float:left; background: url(../images/bg_flowerbottom.gif) no-repeat bottom left;  padding:77px 0 104px 67px}
#wrapperman { width:922px; float:left; background: url(../images/bg_flowerbottom_man.gif) no-repeat bottom left;  padding:77px 0 104px 67px}


/*
---------------------------------------------
03. header wrapper
---------------------------------------------
*/

#headerwrapper { width:902px; float:left; padding:0 10px}


/*
---------------------------------------------
04. header - index page
---------------------------------------------
*/

#bg_header { width:891px; height:375px; float:left; border:1px solid #ECEAE4; background:url(../images/bg_header.jpg) no-repeat; padding-top:9px; padding-left:9px; border-bottom:none }

#header { width:882px; float:left; background:#40452F; position:relative}

#header_behandlungen { width:882px; float:left; background:#476A67}
#header_kosmetik { width:882px; float:left; background:#9D5227}
#header_produkte { width:882px; float:left; background:#4B2D44}
#header_kontakt { width:882px; float:left; background:#2D364B}

#header_haarentfernung { width:882px; float:left; background:#476A67}
#header_gefassveranderungen { width:882px; float:left; background:#476A67}
#header_faltenbehandlungen { width:882px; float:left; background:#476A66}
#header_faceandbody { width:882px; float:left; background:#476A67}
#header_entschlackung { width:882px; float:left; background:#476A66}
#header_permanent_makeup { width:882px; float:left; background:#476A66}
#header_for_men { width:882px; float:left; background:#202523}
#header_impressum { width:882px; float:left; background:#6C4511}


.photo { width:609px; float:left}
.logo { width:254px; float:left; padding-left:9px; padding-top:62px}




/*
---------------------------------------------
05. content styles
---------------------------------------------
*/


#content { width:882px; float:left; background:url(../images/bg_content_home.png) repeat-y; padding:0 20px; padding-bottom:34px}

#content_behandlungen { width:882px; float:left; background:url(../images/bg_content_face.png) repeat-y; padding:0 20px; padding-bottom:50px}

#content_kosmetik { width:882px; float:left; background:url(../images/bg_content_kosmetik.png) repeat-y; padding:0 20px; padding-bottom:10px}

#content_produkte { width:882px; float:left; background:url(../images/bg_content.png) repeat-y; padding:0 20px; padding-bottom:140px}

#content_kontakt { width:882px; float:left; background:url(../images/bg_content_kontakt.png) repeat-y; padding:0 20px; padding-bottom:140px}

#content_haarentfernung { width:882px; float:left; background:url(../images/bg_content_face.png) repeat-y; padding:0 20px; padding-bottom:140px}

#content_gefassveranderungen { width:882px; float:left; background:url(../images/bg_content_face.png) repeat-y; padding:0 20px; padding-bottom:140px}

#content_faltenbehandlungen { width:882px; float:left; background:url(../images/bg_content_face.png) repeat-y; padding:0 20px; padding-bottom:140px}

#content_faceandbody { width:882px; float:left; background:url(../images/bg_content_face.png) repeat-y; padding:0 20px; padding-bottom:140px}

#content_entschlackung { width:882px; float:left; background:url(../images/bg_content_face.png) repeat-y; padding:0 20px; padding-bottom:140px}

#content_permanent_makeup { width:882px; float:left; background:url(../images/bg_content_face.png) repeat-y; padding:0 20px; padding-bottom:140px}

#content_for_men { width:882px; float:left; background:url(../images/bg_content_furmanner.png) repeat-y; padding:0 20px; padding-bottom:50px}

#content_impressum { width:882px; float:left; background:url(../images/bg_content_impressum.png) repeat-y; padding:0 20px; padding-bottom:140px}


/*
---------------------------------------------
06. left panel
---------------------------------------------
*/


#leftpanel { width:516px; float:left;  padding:37px 102px 0px 15px}

#leftpanel h1 { font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight: bold; color:#D9D3C1; letter-spacing:3px; text-transform:uppercase; padding-bottom:18px}
#leftpanel h6 { font-size:11px; font-weight:normal; color:#F3D6BE; line-height:1.6em; letter-spacing:3px; text-transform:uppercase; padding:10px 0px} 
#leftpanel p { padding-bottom:20px; padding-right:10px}

#leftpanel_big h1 { font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight: bold; color:#D9D3C1; letter-spacing:3px; text-transform:uppercase; padding-bottom:18px}
#leftpanel_big p { padding-bottom:20px; padding-right:10px}


.neues { padding:25px 0; font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
.neues h4 { text-decoration:none;}
.neues h4 a:link, .neues h4 a:visited { color:#F8F3EA;  text-decoration: underline}
.neues h4 a:hover { color:#F8F3EA;  text-decoration:underline}

.text_bold { font-weight:bold}
.text_bold_neues { font-weight:bold; color:#FC3}

#leftpanel_big { width:610px; float:left; padding:31px 8px 0 15px}



/*
---------------------------------------------
07. right panel 
---------------------------------------------
*/


#rightpanel { width:248px; float:left}


/*
---------------------------------------------
07.1 right panel  - ul li styles Nav
---------------------------------------------
*/

#rightpanel ul { list-style:none}

#rightpanel ul li { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#543019; text-transform:uppercase; letter-spacing:2px; line-height:23px; background:url(../images/bg_rightlist_li_divider.gif) repeat-x bottom}

#rightpanel ul li ul { list-style:none}
#rightpanel ul li ul li { background:url(../images/bg_rightlist_li_divider.gif) repeat-x top;text-transform:none; padding-left:40px; font-size:13px; letter-spacing:1px }
#rightpanel ul li ul li a:link, a:visited {color:#9D5227; text-decoration:none; } 
#rightpanel ul li ul li a:hover { color:#F95900; text-decoration:none} 

.rightnav_top { width:135px; float:left; padding-left:14px; padding-top:12px}
#rightpanel .rightnav_top ul li.bordernone { background:none}
.rightnav_top ul li a:link, a:visited { color:#543019; text-decoration:none}
.rightnav_top ul li a:hover { color:#4DC1E5; text-decoration:none}
#rightpanel .rightnav_top ul li a.selected { color:#4DC1E5; text-decoration:none}

.rightnav_middle { float:left; padding-left:23px; padding-top:35px}
#rightpanel .rightnav_middle ul li { line-height:25px;}
.rightnav_middle ul li .numbering { color:#4DC1E5; letter-spacing:1px}
.rightnav_middle ul li a:link, .rightnav_middle ul li a:visited { color:#B14D1C; text-decoration:none}
.rightnav_middle ul li a:hover { color:#BCC132; text-decoration:none}

#rightpanel .rightnav_middle ul li a.selected { color:#bcc132; text-decoration:none}



/*
---------------------------------------------
07.2 right panel  - beauty box
---------------------------------------------
*/

.beautybox { width:160px; float:left; border:7px solid #F8F3EA; margin-left:-88px; margin-top:-38px; position:relative}
.beautyboxman { width:160px; float:left; border:7px solid #F8F3EA; margin-left:-88px; margin-top:-38px; position:relative}


/*
---------------------------------------------
07.3 right panel  - logo plasmalite
---------------------------------------------
*/

.logo_plasmalite { float:left; padding-top:60px; padding-left:60px}

.schweizerische { width:162px; float:left; padding-top:205px; padding-left:45px}
.schweizerische p { font-size:12px; color:#6F765E; line-height:1.4em; text-align:center; font-family:Arial, Helvetica, sans-serif; letter-spacing:normal; padding-top:8px}
.schweizerische_behandlungen { width:162px; float:left; padding-top:50px; padding-left:45px}
.schweizerische_behandlungen p { font-size:12px; color:#6F765E; line-height:1.4em; text-align:center; font-family:Arial, Helvetica, sans-serif; letter-spacing:normal; padding-top:8px}
.schweizerische_FPL { width:162px; float:left; padding-top:80px; padding-left:45px}
.schweizerische_FPL p { font-size:12px; color:#6F765E; line-height:1.4em; text-align:center; font-family:Arial, Helvetica, sans-serif; letter-spacing:normal; padding-top:8px}


/*
---------------------------------------------
08. footer styles
---------------------------------------------
*/


#footer { width:882px; float:left; background:url(../images/bg_footer_home.png) no-repeat; padding:0 20px; padding-bottom:40px}

#footer_behandlungen { width:882px; float:left; background:url(../images/bg_footer_face.png) no-repeat; padding:0 20px; padding-bottom:40px }

#footer_kosmetik { width:882px; float:left; background:url(../images/bg_footer_kosmetik.png) no-repeat; padding:0 20px; padding-bottom:40px }

#footer_produkte { width:882px; float:left; background:url(../images/bg_footer.png) no-repeat; padding:0 20px; padding-bottom:40px }

#footer_kontakt { width:882px; float:left; background:url(../images/bg_footer_kontakt.png) no-repeat; padding:0 20px; padding-bottom:40px }

#footer_haarentfernung { width:882px; float:left; background:url(../images/bg_footer_face.png) no-repeat;  padding:0 20px; padding-bottom:40px }

#footer_gefassveranderungen { width:882px; float:left; background:url(../images/bg_footer_face.png) no-repeat;  padding:0 20px; padding-bottom:40px }

#footer_faltenbehandlungen { width:882px; float:left; background:url(../images/bg_footer_face.png) no-repeat; padding:0 20px; padding-bottom:40px }

#footer_faceandbody { width:882px; float:left; background:url(../images/bg_footer_face.png) no-repeat; padding:0 20px; padding-bottom:40px;}

#footer_entschlackung { width:882px; float:left; background:url(../images/bg_footer_face.png) no-repeat; padding:0 20px; padding-bottom:40px }

#footer_permanent_makeup { width:882px; float:left; background:url(../images/bg_footer_face.png) no-repeat; padding:0 20px; padding-bottom:40px }

#footer_for_men { width:882px; float:left; background:url(../images/bg_footer_furmanner.png) no-repeat; padding:0 20px; padding-bottom:40px }

#footer_impressum { width:882px; float:left; background:url(../images/bg_footer_impressum.png) no-repeat; padding:0 20px; padding-bottom:40px }



.link_bottom { width:620px; float:left; padding-top:70px; position:relative;}
.link_bottom h4 { text-transform:uppercase; text-align:right; letter-spacing:2px; color:#F8F3EA; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px}
.link_bottom h4 a:link, .link_bottom h4 a:visited { color:#F8F3EA;  text-decoration:none}
.link_bottom h4 a:hover { color:#F8F3EA;  text-decoration:underline}


.address { width:200px; float:left; padding-left:33px; position: relative;}
.address h4 { float:left; color:#967B5F; letter-spacing:1px}
.address p { font-family: Arial, Helvetica,Geneva,Sans-serif; color:#967B5F; line-height:19px; letter-spacing:1px }


.footer_content { width:500px; float:right; padding-top:35px; text-align:right}
.footer_content p { font-family:Arial, Helvetica, sans-serif; color:#6F765E; position:relative; letter-spacing:normal}


/*
---------------------------------------------
09. behandlungen page
---------------------------------------------
*/


#photolistbox { width:516px; float:left; background:url(../images/bg_photolistbox_bordertop.png) no-repeat; margin-top:10px; margin-bottom:30px}
.photolistbox { width:516px; float:left; background:url(../images/bg_photolistbox_borderbottom.png) no-repeat bottom; padding:25px 0 20px 0px}

.divider { width:516px; height:1px; float:left; background:url(../images/divider_face.gif) no-repeat top center} 

.photolist { width:468px; float:left; padding:30px 24px;}
.photobox { float:left; border:3px solid #B8B3AD}
.photobox_middle { float:left; border:3px solid #B8B3AD; margin:0 9px}


.images2 {width: 516px;float: left;margin: 0 0 25px;padding: 36px 75px 28px;background: url(../images/haarentfernung_back.png) no-repeat top left; }
.images2 .row {width: 360px;float: left;margin: 0;padding: 0 0 20px; }
.images2 .thumb {width: 144px;height: 110px;float: left; }
.images2 .thumb2 {width: 144px;height: 110px;float: right; }
.images2 img { border: #b8b3ad 3px solid; }


/*
---------------------------------------------
10. ueber uns page
---------------------------------------------
*/

.listbox { width:516px; float:left; padding-top:25px; padding-bottom:60px}
.listbox ul { list-style:none}
.listbox ul li { background:url(../images/li_bullet.gif) no-repeat 0 6px; font-size:12px; font-weight:normal; color:#F8F3EA; line-height:2.4em; padding-left:22px; letter-spacing:1px}
.listbox ul li a:link, .listbox ul li a:visited { color:#F8F3EA; text-decoration:none}
.listbox ul li a:hover { color:#F8F3EA; text-decoration:underline}


.listbox_bordertop { width:516px; height:3px; float:left; background:url(../images/bg_listbox_bordertop.gif) no-repeat}
.listbox_bordermiddle { width:492px; float:left; background:url(../images/bg_listbox_bordermiddle.gif) repeat-y; padding:12px}
.listbox_borderbottom { width:516px; height:3px; float:left; background:url(../images/bg_listbox_borderbottom.gif) no-repeat}


#content_kosmetik .listbox { padding-top:5px; padding-bottom:20px}
#content_kosmetik .listbox_bordertop { background:url(../images/bg_kosmetk_listbox_bordertop.gif) no-repeat}
#content_kosmetik .listbox_bordermiddle {  background:url(../images/bg_kosmetk_listbox_bordermiddle.gif) repeat-y}
#content_kosmetik .listbox_borderbottom { background:url(../images/bg_kosmetk_listbox_borderbottom.gif) no-repeat}

.halten { width:516px; float:left}

#content_kosmetik .divider { background:url(../images/divider_kosmetik.gif) no-repeat top center} 

#content_kosmetik .photolist { width:400px; padding-left:52px; padding-right:52px}
#content_kosmetik .photobox_middle { margin:0 30px}


#mordernste { width:516px; float:left}
#mordernste h1 { padding-bottom:20px}
#mordernste h5 a { width:480px; float:left; background:url(../images/bg_modern_link.gif) no-repeat; color:#F8F3EA; text-decoration:none; padding:9px 18px}

.content_inner { width:515px; float:left; padding:15px 0 0px 0}
.content_inner p { width:345px; float:left;  color:#F8F3EA; font-size:13px; text-align:left; line-height:1.5em; padding:0px 5px 0px 18px;}
.content_inner .photo_inner { float:left; border:3px solid #B8B3AD}


/*
---------------------------------------------
11. produkte page
---------------------------------------------
*/

.produkte { width:520px; float:left;padding-right:70px;}

.subnavi { width:560px; float:left; padding:60px 0 4px 25px;  background:url(../images/divider.png) no-repeat top center; }
.subnavi ul { list-style:none}
.subnavi ul li { float:left; font-size:12px; font-weight:normal; color:#D9D3C1; padding-right:1px}
.subnavi ul li a { width:135px; height:31px; float:left; background:url(../images/bg_subnav_li.gif) no-repeat; color:#D9D3C1; text-decoration:none; text-align:center; padding-top:8px}
.subnavi ul li a:hover { background:url(../images/bg_subnav_li_hover.gif) no-repeat; color:#D9D3C1; text-decoration:none}
.subnavi ul li a.selected { background:url(../images/bg_subnav_li_hover.gif) no-repeat; color:#D9D3C1; text-decoration:none}



.baumann { width:576px; float:left; background: url(../images/bg_bauman_bordertop.gif) no-repeat; margin-left:10px }

.baumannbox { width:511px; float:left; background:url(../images/bg_bauman_borderbottom.gif) no-repeat bottom; padding:35px 30px 10px 35px}

.baumannbox p { width:510px; float:left; font-family:Verdana, Geneva, sans-serif; } 

.baumann .baumannbox h6 { float:left; text-transform:uppercase; font-size:11px; line-height:18px; color:#AFA860; padding-bottom:20px}
.baumann .baumannbox h2 { float:left; font-size:11px; color:#AFA860; padding-bottom:20px}
.baumann .baumannbox h4 { float: right; font-size:14px; color:#fff; padding-bottom:20px; letter-spacing:2px; padding-top:15px}
.baumann .baumannbox h4 a { text-decoration:none; background-color:#9e5d86; color:#fff; padding:3px 3px 3px 3px;}
.baumann .baumannbox h4 a:hover { text-decoration:underline; color:#fff;}


.logo_baumann { float:right}


/*
---------------------------------------------
12. kontakt page
---------------------------------------------
*/

#content_kontakt h4 { color:#fff; text-align:right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; padding-right:20px}
#content_kontakt h4 a { color:#fff; text-decoration:none; background-color:#444955; padding:3px 3px 3px 3px}
#content_kontakt h4 a:hover { color:#C63; text-decoration:underline; background-color:#bed0de; padding:3px 3px 3px 3px}
#content_kontakt h5 { color:#AFA860; padding-bottom:5px}
#content_kontakt h6 { color:#AFA860; padding-top:20px; padding-bottom:5px}

#content_kontakt p { padding-bottom:35px}
#content_kontakt p a { text-decoration:underline}
#content_kontakt p a:hover { text-decoration:underline; color:#C90}

#content_kontakt p .left { width:65px; float:left}


.divider_kontakt { width:516px; height:1px; background:url(../images/divider_kontakt.gif) no-repeat right} 


/*
---------------------------------------------
13. haarentfernung page
---------------------------------------------
*/


.contentbox { width:516px; float:left; padding-top:15px; }
.contentbox p { padding-top:10px; padding-bottom:0px}

#content_haarentfernung #photolistbox { margin:38px 0}
#content_haarentfernung .listbox_bordermiddle { padding-bottom:0px; padding-left:20px}


.lichtimpuls { width:516px; float:left}
.lichtimpuls_leftcontent { width:365px; float:left}
.lichtimpuls_leftcontent h6 { padding-bottom:5px}
.lichtimpuls_rightphoto { float:right; border:3px solid #B8B3AD; margin-right:-20px; position:relative} 


/*
---------------------------------------------
14. gefaessveraenderung page
---------------------------------------------
*/

#content_gefassveranderungen h6 { padding-bottom:10px}

#photolistset { width:426px; float:left; background:url(../images/bg_photolistsetbox.png) no-repeat; padding:25px 0px 35px 75px; margin:15px 0; margin-bottom:20px}

.photolistset { float:left; padding:8px 0}
.photolist_left { float:left; padding-right:50px} 
.photolist_right { float:left} 

/*
---------------------------------------------
15. faltenbehandlung page
---------------------------------------------
*/

#content_faltenbehandlungen #photolistbox { margin:20px 0; margin-bottom:30px}
#content_faltenbehandlungen p a  { text-decoration:underline; color:#f8f3ea}


/*
---------------------------------------------
16. face-and-body page
---------------------------------------------
*/

#content_faceandbody .listbox { width:516px; float:left; padding-top:0px; padding-bottom:50px}


#content_faceandbody #photolistbox { width:516px; float:left; background:url(../images/bg_photolistbox_bordertop.png) no-repeat; padding-bottom:20px}



/*
---------------------------------------------
17. permanent-make-up page
---------------------------------------------
*/

#content_permanent_makeup #photolistbox { margin:30px 0}


/*
---------------------------------------------
18. for men page
---------------------------------------------
*/

#content_for_men .divider { background:url(../images/divider_furmanner.gif) no-repeat right center; padding:50px 0 }

#content_for_men h6 { text-transform:uppercase; padding:5px 0px; color:#AFA860}

#photolistbox_men { width:516px; float:left; background:url(../images/bg_photolistbox_bordertop.png) no-repeat; margin-top:10px; margin-bottom:30px}
.photolistbox_men { width:516px; float:left; background:url(../images/bg_photolistbox_borderbottom.png) no-repeat bottom; padding:25px 0 20px 0px}

.divider_men { width:516px; height:1px; float:left; background:url(../images/divider_furmanner.gif) no-repeat top center} 

.photolist_men { width:468px; float:left; padding:30px 24px;}
.photobox_men { float:left; border:3px solid #B8B3AD}
.photobox_middle_men { float:left; border:3px solid #B8B3AD; margin:0 9px}


/*
---------------------------------------------
19. impressum page
---------------------------------------------
*/

#content_impressum h6 { color:#AFA860; padding-top:20px; padding-bottom:5px}

#content_impressum p { padding-bottom:25px}
#content_impressum p a { text-decoration:underline; color:#f8f3ea}
#content_impressum p a:hover { text-decoration:underline; color:#EBB754}

#content_impressum p .left { width:65px; float:left}

.divider_impressum { width:516px; height:1px; float:left; background:url(../images/divider_impressum.gif) no-repeat right; padding:10px 0px; margin-bottom:20px} 


/*
---------------------------------------------
20. diverse 
---------------------------------------------
*/

ul#submenu-to-show {display:none}
div.heig{ min-height: 450px; float: left;}

#zum {width: 517px; float: right;margin: 70px 0 0 0;}
#zum a{color:#fff; font-size:10px; margin:0; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing: 2px;cursor: pointer;text-align: right; float: right; display: block;width: 200px;text-decoration:none;}
#zum span{display: block;float: right;width: 10px;height: 10px;background: url(../images/top.png) no-repeat top left;margin: 1px 0 0 5px;}

#zum_prod {width: 517px; float: right;margin: 28px 22px 0 0;}
#zum_prod a{color: #fff;font-size: 10px;margin: 0;text-transform: uppercase;font-family:Verdana, Arial, Helvetica, sans-serif;letter-spacing: 2px;cursor: pointer;text-align: right;float: right; display: block;width: 200px;text-decoration:none;}
#zum_prod span{display: block;float: right;width: 10px;height: 10px;background: url(../images/top.png) no-repeat top left;margin: 1px 0 0 5px;}