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

.container_top {
	width:100%;
	background:#fff;
	height: 140px;
	margin: 0 auto;
	position:fixed;
	top:0;
}

.container_bottom {
	width:100%;
	background:#eee;
	margin: 0 auto;
	margin-top: 450px;
}

.container_gesicht {
	width:100%;
	background:#eee;
	margin: 0 auto;
	margin-top: 450px;
}

.container_2 {
	width:100%;
	background:#eee;
	margin: 0 auto;
	margin-top: 50px;
}

.container_kontakt {
	width:100%;
	background:#eee;
	margin: 0 auto;
	margin-top: 450px;
}

.container_anfahrt {
	width:100%;
	background:#eee;
	margin: 50px auto 70px;
}

.container_last {
	width:100%;
	background:#eee;
	margin: 50px auto 70px;
}


.container_haende {
	width:100%;
	background:#eee;
	height: 408px;
	margin: 0 auto;
	margin-top: 50px;
}

.container_main {
	width:100%;
	background:#eee;
	margin: 0 auto;
	margin-top: 50px;
}


.container_makeup {
	width:100%;
	background:#eee;
	height: 478px;
	margin: 0 auto;
	margin-top: 50px;
}

.container_augen {
	width:100%;
	background:#eee;
	height: 400px;
	margin: 50px auto 70px;
}


.container_galerie {
	width:100%;
	background:#eee;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom:10px
}


.container {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0 50px 0;
}



.nav_container img {
	margin-left: -125px;
	padding:25px 0 15px 0;
	float:left
}

.footer{
	float: left;
    height: 50px;
    margin-top: 67px;
    position: fixed;
    top: 0;
    width: 100%;
}

#footnavcontainer {
	float: left;
    height: 45px;
    margin-left: 53%;
    width: 600px;}

#footnav li {
    float: left;
    font: 13px/13px 'OpenSansLight',Arial,sans-serif;
	letter-spacing: 1px;
    list-style: none outside none;
    text-transform: uppercase;
	padding: 0 10px
}

* {
-webkit-font-smoothing: antialiased;
}

h1 {
	font: 20px/36px 'Times New Roman', Times, serif; color:#555;
	letter-spacing: 0;
	font-weight:lighter;
	font-variation:uppercase;
}

p.style4 {font: 24px/27px 'OpenSansLightItalic', Arial, sans-serif; }

p.style1 {font: 18px/27px 'OpenSansLight', Arial, sans-serif; }

p.style2 {font: 18px/27px 'OpenSansLightItalic', Arial, sans-serif; }

p.style3 {font: 18px/27px 'OpenSansRegular', Arial, sans-serif; }

p.style5 {font: 14px/18px 'OpenSansLight', Arial, sans-serif; }

p { color:#555;}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a { 
	text-decoration:none;		
}	
		
a:link {
	color: #555;
}
a:visited {
	color: #555;
}
a:hover {
	color: #e41770;
}
a:active {
	color: #e41770;
}

nav.mobileNav {
	position: fixed;
	transform: none;
	font-family: OpenSansLight, Arial, sans-serif;
	bottom: 0;
	top: auto;
	background-color: #58585a;
	width: 100%;
	padding: 40px;
	display: none;
	z-index: 2;
	left: auto;
	color: #FFF;
	font-size: 22px;
	line-height: 2;
	text-transform: uppercase;
	letter-spacing: 2.2px;
}

nav.mobileNav ul {
	list-style: none;
	margin:0;
	padding:0;
}

button.hamburger {
	display: none;
	position:fixed;
	top: 20px;
	right: 5px;
	z-index: 3;
	-webkit-tap-highlight-color: transparent;
}

button.hamburger:focus {outline:0; background: transparent}

button.hamburger .hamburger-inner, button.hamburger .hamburger-inner, button.hamburger .hamburger-inner:after, button.hamburger .hamburger-inner:before {
	background-color: #e30077;
	width: 28px;
	height: 2px;
	margin-top: 0;
}

nav.mobileNav a:link {
	color: #FFF;
}
nav.mobileNav a:visited {
	color: #FFF;
}

hr {
	border-top: 1px solid #bbb;
}

body {
	background: url(../pics/main_back.jpg) no-repeat center center fixed;
	background-color: #100c09;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}