/* Friseur Lux
--------------------------------------------*/

/*  CSS Reset Hack  */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { font-size: 100%; font-family: inherit; vertical-align: baseline; margin: 0; padding: 0; border: 0; outline: 0; }

.button { padding: 5px; border: 2px solid #c4ae95; }
body { font-family: 'Open Sans', sans-serif; background-color: #000;}
a { text-decoration: none; color: #C4AE95; }
a:hover { text-decoration: underline; }
#page {  }
.hidden { display: none; }
.more { background: #C4AE95; padding: 5px 15px; color: #fff; }
.morebox { color: black; margin-bottom: 10px; }

#content .aktuelles h2 { padding-bottom: 5px; }
#content .aktuelles p { padding-bottom: 5px; }

/* Header
--------------------------------------------*/
#header-wrap {background-color: #000000;}

#header {width: 950px; overflow: hidden; margin: 0 auto;}

#nav {float: right; }

#nav ul {list-style: none; }

#nav ul li {float: left; padding: 14px 15px; margin: 0 7px;}

#nav ul li:last-child { margin-right: 0px;}

#nav ul li a {color: #fff; font-size: 12pt; font-weight: 100; text-transform: uppercase; text-decoration: none;}

#nav ul li a:hover {color: #C4AE95;}

#nav ul li.current {background-color: #fff;}

#nav ul li.current a {color: #000; }

#nav-responsive{display: none; }

#header-img {height: 415px; background-color: #ccc;}

#logo-wrap {width: 950px; margin: 0 auto;}


/* Main
--------------------------------------------*/
#content-wrap {background-color: #fff;}

#content {width: 950px; margin: 0 auto; padding: 45px 0; position: relative; }

#content .make-meeting-button { position: absolute; top: 45px; right: 0px; background-color: #c4ae95; color: white; padding: 10px; font-weight: bold; }
@media (max-width: 950px){ 
    #content .make-meeting-button { right: 15px; }
}

#content h1 {font-size: 22px; color: #C4AE95; padding-bottom: 20px; font-weight:700;}

@media (max-width: 650px){ 
    #content h1.margin-mobile {margin-top: 55px;}
}

#content h2 {font-size: 16px; padding-bottom: 20px;}

#content h4 {font-size:14px; color: #C4AE95;}

#content p {font-size: 14px; color: #000; padding-bottom: 15px;}

#content ul {margin-left: 20px;}

#content li {font-size: 14px;}

#slider_wrap_carousel { position: relative; width: 914px; padding: 0 18px; }

#slider_wrap_carousel .cycle-slideshow .slide {width: 184px !important; height: 240px; position: relative !important;}

#slider_wrap_carousel .cycle-slideshow img {width: 178px; height: 184px;}

#slider_wrap_carousel .cycle-slideshow .slide_box {position: absolute; width: 152px; height: 32px; padding: 13px; background: #000000; bottom: 0px; left: 0px; color: #FFFFFF; font-size: 11px;}

#slider_wrap_carousel .cycle-slideshow .slide_box strong {font-size: 13px;}

.prev_carousel {position: absolute; width: 46px; height: 63px; background: url(/img/button_slider_links.png); left: 0px; top: 89px; z-index: 1000;}

.next_carousel {position: absolute; width: 46px; height: 63px; background: url(/img/button_slider_rechts.png); right: 0px; top: 89px; z-index: 1000;}

.prev_carousel:hover, .next_carousel:hover {background-position: 0 -63px;}

#slider_wrap_reg { position: relative; width: 212px; padding: 0 9px; }

#slider_wrap_reg .cycle-slideshow img {width: 212px; height: 165px;}

.prev_reg {position: absolute; width: 25px; height: 34px; background: url(/img/button_slider_links.png); background-size: 25px 68px; left: 0px; top: 67px; z-index: 1000;}

.next_reg {position: absolute; width: 25px; height: 34px; background: url(/img/button_slider_rechts.png); background-size: 25px 68px; right: 0px; top: 67px; z-index: 1000;}

.prev_reg:hover, .next_reg:hover {background-position: 0 -34px;}

.caption {margin-top: -50px; padding-left: 10px;}

.clear {clear:both}

.gallery-img img {width: 148px; height: 223px; margin-right: 52.5px; margin-bottom: 20px;}

.gallery-kunst a img {width: 230px; height: 185px; margin-right: 10px; margin-bottom: 10px;}

.content-border {border-bottom: 1px solid #000;}

#content table tr td { vertical-align: top; }

.impressum_table tr { color: #000000; font-size: 14px; }

.product_img { margin-right: 10px; }

/*Aktuelles*/
.aktuelles { padding-bottom: 20px; }

/* Footer
--------------------------------------------*/
#footer-wrap {background-color: #000000; }

#footer {width: 950px; height: 215px; margin: 0 auto;}

.footer-columns {padding-top: 25px; float: left; width: 230px; padding-left: 10px; }

#footer-1 {padding-left:0px;}

p, tr {color: #fff; font-size: 10pt; font-weight: 100;}

#footer p a {color: #fff;}

.heading-footer {font-size: 12pt; font-weight: 200;}

#footer-2 {}

.footer-border {width: 100%; border-bottom: 1px solid #fff;}

#footer-3 {}

#footer-4 {padding-top:0px;}

#image-wrap {float:right; clear:both;}

#fb-image {float:left; width:52px; height:89px; background:url('/img/fb_button.png') no-repeat; background-position:0 0; padding-right: 10px;}

#fb-image:hover {background-position:0 -89px;}

#mail-image {float:left; width:52px; height:89px;; background:url('/img/mail_button.png') no-repeat; background-position:0 0; padding-right: 10px;}

#mail-image:hover {background-position: 0px -89px;}

#up-image {float:left; width:52px; height:89px; background:url('/img/up_button.png') no-repeat; background-position:0 0;}

#up-image:hover {background-position:0 -89px;}