body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td, object {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style: normal;font-weight: normal;}
strong {font-weight: bold;}
li {list-style: none;}
caption,th { text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}
q:before,q:after {content: '';}
abbr,acronym {border: 0;font-variant: normal;}
sup,sub {line-height: -1px;vertical-align: text-top;}
sub {vertical-align: text-bottom;} 
input, textarea, select {font-family: inherit;font-size: inherit;font-weight: inherit;}
body, html, #outer {width:100%;height:100%;}
a:link, a:visited, a:active {text-decoration:underline;color:#666;cursor:pointer;}
a:hover, #header a:hover, #navi li.act a, h3 span small, h4 span small, .menu li small, .large a.act span, .large a:hover {color:#0083d7;}

body {font-family:'Helvetica Neue', Arial, Helvetica, Sans-Serif, Times; font-size:11px; line-height:1.6em; text-align:center; color:#121212; background:#212120 url(../img/bg.jpg) top center repeat;}
#h2 {background-color:#2D5C80; background-image:url(../img/h2-bg.jpg);}
h1 {display:none;}
#outer {background:transparent url(../img/stripes.png) center -60px no-repeat;}
#h2 #outer {background:none;}
#container {margin:0 auto; width:960px; padding:10px 0px; text-align:left;}
#wrap {position:relative;}
#header {margin-bottom:1px; padding-top:24px; height:26px; font-size:10px; color:#fff; background:#000 url(../img/logo.gif) 13px 16px no-repeat;}
#h2 #header {background-image:none;}
#header a, #navi a, #flashMessage {text-decoration:none; color:#fff; text-transform:uppercase;}
#homelink, #header #h2-link, #navi li#fb a {display:block; width:171px; height:18px; left:13px; top:16px; text-indent:-500em; overflow:hidden;}
#header #h2-link {width:76px; height:61px; background:transparent url(../img/h2-link.png) 0 0 no-repeat; position:absolute; left:auto; right:-14px; top:-10px;}
#header #h2-link:hover {background-position:0 -69px;}
#header #h2-link:active {background-position:0 0;}
#navi_label, #navi-wrap, #flashMessage, #homelink {position:absolute; z-index:10;}
#navi_label {width:54px; height:34px; right:-20px; top:43px; background:transparent url(../img/navi.gif) right top no-repeat;}
#navi-wrap, #flashMessage {z-index:9; right:0px; top:51px; width:320px; color:#fff; line-height:1.4em;}
#navi-wrap {width:340px; right:-20px;}
#navi {width:260px; padding:10px 70px 30px 10px; background:transparent url(../img/menu-bg.gif) right bottom no-repeat; position:relative;}
#navi li, #sub-navi li {display:inline; font-size:11px; word-spacing:0.15em;}
#navi li a:hover {color:#ccc;}
#navi li#fb a {position:absolute; left:auto; right:10px; top:9px; width:64px; height:20px; background:transparent url(../img/facebook.gif) 0 0 no-repeat;}
#navi li#fb a:hover {background-position:0 -20px;}
#navi li a:hover {color:#0083d7;}
#h2 #h2-link {display:none;}
#sub-navi {width:320px; position:relative; line-height:1em; color:#000; font-family:Georgia, Times, Garamond; font-style:italic; padding:9px 10px 30px 10px; background:transparent url(../img/menu-sub-bg.gif) right bottom no-repeat; z-index:10;}
#sub-navi li {font-size:10px;}
#sub-navi li a {text-decoration:none; color:#000; text-transform:uppercase;}
#sub-navi li.act a, #sub-navi li a:hover {color:#fff;}

#h2 #homelink {width:172px; height:70px; background:transparent url(../img/h2-logo.png) 0 0 no-repeat; left:-10px; top:-10px;}

#navi span.lower {text-transform:lowercase;}

#content {border-bottom:2px solid #000; margin-bottom:10px;}
#flashMessage {right:auto; left:0px;}
#home {line-height:1px; background:transparent url(../img/backgrounds/home.jpg) 0 0 no-repeat;}
#home #home-h2-link {display:block; width:355px; height:114px; position:absolute; left:458px; top:205px;}
#home .top-layer {line-height:1.6em;}

#links div div div {line-height:0;}
#links div div div img {width:152px; margin:8px 4px 0;}

.bottom-layer {position:relative; background-color:#000; background-position:top center; background-repeat:no-repeat; min-height:529px;}
.bottom-layer .top-layer {position:absolute; z-index:7; padding-top:360px; width:960px; min-height:169px; left:0px; top:0px;}
* html .bottom-layer {height:529px;}
* html .bottom-layer .top-layer {height:169px;}
#news {background-image:url(../img/backgrounds/default_news.jpg);}
#preise {background-image:url(../img/backgrounds/preise.jpg);}
#philo {background-image:url(../img/backgrounds/philosophie.jpg);}
#yp {background-image:url(../img/backgrounds/yp.jpg);}
#personal {background-image:url(../img/backgrounds/personal.jpg);}
#hv {background-image:url(../img/backgrounds/extensions.jpg);}
#umfrage {background-image:url(../img/backgrounds/umfrage.jpg);}
#links {background-image:url(../img/backgrounds/links.jpg);}
#media {background-image:url(../img/backgrounds/video.jpg);}
#preise h4, #yp h4 {float:left;}

#h2 #content, #h2 #preise h4 span small {font-family:Georgia, 'Times New Roman', Garamond; font-style:italic;}
#h2 #content strong {font-style:italic;}
#h2-konzept {background-image:url(../img/backgrounds/h2.jpg);}
#h2-salon {background-image:url(../img/backgrounds/h2-salon.jpg);}
#h2 #preise h4 span {font-family:'Helvetica Neue', Arial, Helvetica, Sans-Serif, Times;}
#h2 #preise h4 span small {margin-right:2px;}

#skip {display:block; z-index:1000; cursor:pointer; position:absolute; width:163px; height:163px; right:20px; top:410px; background:transparent url(../img/skip.png) 0px 0px no-repeat;}

#map {height:529px; overflow:hidden;}

#preise {min-height:655px;}
#gallery, * html #preise {height:655px;}
#gallery .top-layer, #contact .top-layer, #h2 #gallery .top-layer {padding-top:0; top:460px;}
#contact .top-layer {top:250px; width:400px; overflow:hidden;}
#preise .top-layer, #h2 #preise .top-layer { padding-top:200px;}
#philo .top-layer, #umfrage .top-layer, #links .top-layer {padding-top:260px;}
#yp .top-layer, #h2 .top-layer {padding-top:280px;}
#hv .top-layer {padding-top:250px;}
.bottom-layer .pullup {padding-top:60px;}
#gallery #slides, #gallery #slides img {position:absolute; z-index:1;}
#gallery #slides, #gallery #slides img {width:960px; height:655px; top:1px; left:0px;}
#gallery #slides img {top:0px; z-index:2;}
#gallery #slides img.activeslide {z-index:3;}
#gallery #slides img.nextslide {z-index:1;}
#swf {position:absolute; left:50%; top:50%; margin-left:-260px; margin-top:-190px;}

.map_inner_w {padding:10px 0 0 30px;}
.map_inner_h2 {padding:24px 10px 20px 74px; background:transparent url(../img/map-h2.jpg) left center no-repeat;}

#gallery #thumbs {width:100%;}
#gallery #thumbs li {float:left; background:#000; border:1px solid #000; border-left:none; line-height:1px;}
#gallery .team-layer #thumbs li img {width:40px;}

#toggle_left, #toggle_right {display:block; width:150px; height:150px; position:absolute; top:210px; left:20px; background:transparent url(../img/togglers.png) 0px 0px no-repeat; z-index:5; cursor:pointer;}
#toggle_right {left:auto; right:20px; background-position:-150px 0px;}
#toggle_left:hover {background-position:0px -150px;}
#toggle_right:hover {background-position:-150px -150px;}

h2 {position:relative; margin:0 0 -12px -20px; padding:9px 10px 0 30px; font-size:30px; color:#000; font-weight:bold; min-width:130px; 
    text-transform:uppercase; font-style:italic; height:51px; float:left; background:transparent url(../img/heading_bg.gif) 0px 0px no-repeat;}
.content {clear:both; position:relative;}
.white, h3 span, .menu li span {background:#fff; padding:0.2em 0.5em 0.2em 0; word-spacing:1px;}
h3, h4 {font-size:20px; text-transform:uppercase; line-height:1.2em; color:#fff; margin-bottom:2px; margin-top:2px;}
h3 span, h4 span {background:#000; padding:0.1em 0.5em 0.1em 0;}
h3 span small, h4 span small, .menu li small {font-size:1em;}

h3.pad {margin:5px 0 4px;}
h4 {display:inline; font-size:11px;}
h4 span, span.pad, h3.pad span {padding:0.3em 0.5em 0.3em 0; padding-left:10px;}

span.inner {margin-left:0px;}

.menu {line-height:2em;}
.menu li, .large {display:block;}
.menu li span, .large span {background:#000; padding:0.5em 0.5em 0.5em;}
.menu li.act span, .menu li a:hover span, .large a:hover span, .large a.act span {background:#fff;}
.menu li a, .large a, h3.large {color:#fff; font-size:10px; text-decoration:none; text-transform:uppercase;}
.menu li.act a, .menu li a:hover {color:#000;}
.large {margin:3px 0 2px;}
.large span {padding-right:80px;}
.large a.act span {padding-right:100px;}
.small-pad {margin-top:4px;}
.small-pad a.act span {padding-right:60px;}

form.r_form label {text-transform:uppercase; color:#fff; float:left; width:100px; margin-top:0.3em;}
form.r_form .input input {width:200px; border:none; padding:0.3em; margin-bottom:1px; background:#000; color:#0083d7; font-size:13px; line-height:1.6em; clear:both;}
form.r_form .submit {text-align:right; width:320px;}

#specials {position:absolute; right:20px; top:203px;}

.clear {width:100%!important; height:0!important; float:none!important; clear:both!important; border:none!important;}