/* General */

html { overflow-y:scroll; }

html, body { font-family: 'alegreyaregular', serif;padding: 0; margin:0; color: #333; background-color: #fff; background: url(../img/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

#out {min-width:1099px;}

#navigation .active, #subnav .active {
    color: #9AA3AB;
}

/* Header */

#header { height:137px; width:100%; background-color:white; -webkit-box-shadow: 0px 2px 5px 0px #000); -moz-box-shadow: 0px 2px 5px 0px #000; box-shadow: 0px 2px 5px 0px #000; overflow:hidden;}

#header .logo { position:absolute; margin-left:131px; margin-top:14px; height:104px; width:241px; background-image: url(../img/logo.png);}

#header #info { position:relative; float:right; min-width:543px; height:137px; top:0;}

.info { position:absolute; margin-top:73px;}
#info .right {height:137px; }
 
.red {font-size:18px; color:#9c1a36;}
.grey {color: #878787;}


.right { float:right; height:135px; width:143px; background-image:  z-index:1;}

/* Page Wrapper */

#page-wrap { position:absolute; margin-left:270px; margin-top:40px; width:628px; height:580px; background-image: url(../img/content.png); clear:both;}

#page-wrap-faq { position:absolute; margin-left:270px; margin-top:40px; width:628px; height:765px; background-image: url(../img/content-faq.png); clear:both;}

#page-wrap-pn { position:absolute; margin-left:270px; margin-top:40px; width:628px; height:1115px; background-image: url(../img/content-pn.png); clear:both;}

#page-wrap-mani { position:absolute; margin-left:270px; margin-top:40px; width:628px; height:1115px; background-image: url(../img/content-mani.png); clear:both;}

#page-wrap-wax { position:absolute; margin-left:270px; margin-top:40px; width:628px; height:1115px; background-image: url(../img/content-wax.png); clear:both;}

#page-wrap-long { position:absolute; margin-left:270px; margin-top:40px; width:628px; height:1300px; background-image: url(../img/content-lgn.png); clear:both;}


/* Navigation */

#navigation { position:absolute; padding-left:125px; padding-top:77px; font-family:"broadwayregular", sans-serif; font-size:17px; width:130px; text-align:right;}

#navigation ul,li, a {margin:0; padding-left:0; margin-bottom:30px; list-style-type:none; color:#fff; text-decoration: none; color:#d7d7d7;}


/* Content */

#content {
    margin: 55px 0 0 55px;
    width: 400px;
    color: #FFFFFF;
}

#content h2 {
    font-family: arizoniaregular;
    color: #A8A8A8;
    font-weight: normal;
    font-size: 35px;
    margin-bottom: 5px;
}

.fliess {
    white-space: pre;
    font-size: 16px;
    line-height: 1.5;
    color: #FFFFFF;
}

.fliess a {color:#000; text-decoration:underline;}
.fliess a:hover {
    text-decoration: none;
    color: #808080;
}

/* Tabelle Preise */

table { border: 0;  }

td { min-width:30px; padding-right:25px; padding-left:0px; padding-bottom:5px;}

/* Subnav */

#subnav { height:20px; padding-left:25px; padding-bottom:0px; margin-bottom:0px;}
#subnav a {color:#fff; font-size: 18px; margin-bottom:0px; padding-right:15px;}

/* Sidebar */

#sidebar { display:block; position:absolute; margin-left: 880px; margin-top:190px; height:432px; width:216px;}
#fb {display:block; position:absolute; margin-left:885px; margin-top:580px; height:32px; width:32px; background-image: url(../img/fb.png);}

.home {background-image: url(../img/sb_home.png);}

.kontakt {background-image: url(../img/sb_kontakt.png);}

.waxing {background-image: url(../img/sb_waxing.png);}

.preise {background-image: url(../img/sb_preise.png);}

.faq {background-image: url(../img/sb_faq.png);}

.events {background-image: url(../img/sb_events.png)}

.pedikuere {background-image: url(../img/sb_pedikuere.png)}

.manikure {background-image: url(../img/sb_manikure.png)}

.impressum {background-image: url(../img/sb_impressum.png)}

.angebote {background-image: url(../img/sb_angebote.png)}

.weitere {background-image: url(../img/sb_weitere.png)}