/*
	meese Friseur Layout
	Copyright 2012 feingestalten webdesign.
	Alle Rechte vorbehalten.
	
	black:	#111111
	gold:	#bb9933
*/

body { background:#fff; }

header { position:relative; margin-bottom:5px; }
header a.logo { display:block; padding:50px 20px; }

header a.icon-fb { display:block; position:absolute; top:20px; right:15px; width:32px; height:32px; background:url(../images/icons/facebook-black.png) 0 0 no-repeat; }
header a.icon-fb:hover { background-position-y:-32px; }

nav { float:right; margin-right:5px; }
nav ul { list-style:none; }
nav ul li { margin:0; float:left; margin-right:1px; font-size:12px; letter-spacing:1px; text-transform:uppercase; list-style:none; }
nav ul li a { background:#000 url(../images/graphics/stripe.png) 50% -100px no-repeat; color:#fff; display:block; padding:5px 20px; }
nav ul li a:hover {  }
nav ul li.section a,
nav ul li.current a { background:#fff url(../images/graphics/nav-edge.png) bottom right no-repeat; color:#b93; }
nav ul li ul { display:none; }

#main {  }

.content { margin-top:30px; min-height:100px; }
.content a { font-weight:600; }
.content img.left { float:left; padding:0 10px 10px 0; }
.content img.right { float:right; padding:0 0 10px 10px; }
.subheader { margin-top:80px; margin-bottom:20px; }
.frisur { position:relative; height:290px; overflow:hidden; margin-bottom:20px; }
.frisur img { display:block; }
.frisur h3 { display:block; position:absolute; bottom:-50px; height:20px; padding:10px; margin:0; background:rgba(255,255,255,1.0); }

.main-image { margin-bottom:20px; height:400px; }
.images {  }

.slideshow-image { position:relative; }
.slideshow-image .caption { position:absolute; bottom:100px; right:100px; width:800px; }
.slideshow-image .caption h2 { color:#fff; font-weight:300; font-size:32px; text-align:right; margin-right:100px; }
.slideshow-image .caption h2.subline { margin-right:0; }


ul.frisurenmenu-wrapper { padding:10px; margin-top:30px; position:relative; overflow:hidden; }
.frisurenmenu-box a { display:block; border:0 none; padding:0; margin:0; }
li.frisurenmenu-item { display:block; position:relative; overflow:hidden; width:940px; height:280px; padding:0; margin:0 0 20px; }
.frisurenmenu-overlay { position:absolute; display:block; bottom:-50px; right:-50px; background:url(../images/graphics/edge.png) bottom right no-repeat; width:50px; height:50px; }
.frisurenmenu-caption { position:absolute; display:block; top:0; left:0; }
.frisurenmenu-caption h3 { color:#fff; background:#000; display:block; line-height:1; padding:20px 30px; margin:0; }

ul.gallery-wrapper.ausblenden { padding:0; margin-top:30px; position:relative; overflow:hidden; }
ul.gallery-wrapper.ausblenden .gallery-box a { border:0 none; padding:0; margin:0; }
ul.gallery-wrapper.ausblenden li.gallery-item { display:block; position:relative; float:left; overflow:hidden; width:220px; height:165px; padding:10px; margin:0; }
ul.gallery-wrapper.ausblenden li.gallery-item img { display:block; width:220px; height:165px; }
ul.gallery-wrapper.ausblenden .galleryimage-overlay { position:absolute; display:block; bottom:-50px; right:-50px; background:url(../images/graphics/edge.png) bottom right no-repeat; width:50px; height:50px; }
ul.gallery-wrapper.ausblenden .galleryimage-caption { position:absolute; display:none; bottom:0; left:0; }
ul.gallery-wrapper.ausblenden .galleryimage-caption-product { position:absolute; display:none; }


ul.gallery-wrapper.einblenden { padding:0; margin-top:30px; position:relative; overflow:hidden; }
ul.gallery-wrapper.einblenden .gallery-box a { border:0 none; padding:0; margin:0; }
ul.gallery-wrapper.einblenden li.gallery-item { display:block; position:relative; float:left; overflow:hidden; width:300px; height:225px; padding:10px 10px 110px; margin:0; }
ul.gallery-wrapper.einblenden .galleryimage-overlay { position:absolute; display:block; bottom:-50px; right:-50px; background:url(../images/graphics/edge.png) bottom right no-repeat; width:50px; height:50px; }
ul.gallery-wrapper.einblenden .galleryimage-caption { position:absolute; display:block; top:200px; right:20px; }
ul.gallery-wrapper.einblenden .galleryimage-caption-product { position:relative; display:block; color:#fff; height:80px; background:#000; padding:10px; }
ul.gallery-wrapper.einblenden .galleryimage-caption-product h4 { color:#fff; text-transform:uppercase; margin-bottom:10px; font-weight:300; }
ul.gallery-wrapper.einblenden .galleryimage-caption-product p { color:#bbc; font-size:13px; line-height:1.3; }


footer { margin-top:80px; }
footer .break { height:15px; background:url(../images/graphics/footer-line.png) center center repeat-y; margin-bottom:20px; }
footer .impress {  }
footer .impress p.icon { display:block; /* text-align:right; height:32px; */ }
footer .impress a.icon-fb { display:block; float:right; width:32px; height:32px; background:url(../images/icons/facebook-black.png) 0 0 no-repeat; }
footer .impress a.icon-fb:hover { background-position-y:-32px; }
footer ul.quicklinks { list-style:none; }
footer ul.quicklinks li { list-style:none; margin-left:0; }
footer .copy { padding:40px 0; text-align:left; color:#aaa; }
footer .center { text-align:center; }
footer .logo { padding:30px; }
footer a.imglink,
footer a.imglink:hover { border:0 none; }