@CHARSET "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Lobster);

body { padding: 0; margin: 0; overflow-y: scroll; font-family: Blend-Bold, 'Blend Bold'
font-family: Blend, 'Blend'
font-family: BlendScript, 'Blend Script'
font-family: BlendCapsWestern, 'Blend Caps Western' }

.centered { width: 1000px; position: relative; margin: 0 auto; }

#lp_link { position: absolute; z-index: 10; top: 0; left: 0; background: url(../img/layout/special_link.png) 0 0 no-repeat; width: 83px; height: 493px; }

#head_wrapper { z-index: 2; position: relative; height: 210px; background: url(../img/layout/head_background.png) top center repeat-x	; }
 #head { height: 123px; }
  #logo { position: relative; width: 182px; height: 166px; margin: 0 auto; display: block; }
  #topnav_left { position: absolute; top: 0px; left: 0; height: 28px; font-size: 14px; }
  #topnav_right { position: absolute; top: 0px; right: 0; height: 28px; font-size: 14px; }
  .navigation { }
  .navigation ul { display: block; list-style: none; padding: 0; margin: 0; }
   .navigation li { display: inline-block; padding: 0; margin: 0; }
   .navigation li a:link,
   .navigation li a:visited { display: inline-block; text-decoration: none;  margin-right: 5px; }
   .navigation li a:hover,
   .navigation li a:active,
   .navigation li a.active {}
   .navigation a span.link { padding: 10px 0;     font-weight: bold;    margin: 76px 23px 0 23px; border-top: 1px dotted #0990a2; border-bottom: 1px dotted #0990a2; font-size: 21px; color: #0990a2; display: inline-block; text-decoration: none;  }
   .navigation a span.before { display: none; }
   .navigation a span.after { padding: 87px 23px 17px 23px; font-weight: bold;  font-size: 21px; margin: 0; z-index: 10; color: #fff; display: none; background: url(../img/layout/topnav_active.png) 0 0 no-repeat; }
   .navigation a:hover span.after,
   .navigation a:active span.after,
   .navigation a.active span.after { display: inline-block; background-size: 100% 100%; }
   .navigation a:hover span.link,
   .navigation a:active span.link,
   .navigation a.active span.link { display: none; }
   .navigation li a[rel="Onlineshop"] { margin-top: 70px !important; }
   .navigation li a[rel="Onlineshop"] span,
   .navigation li a[rel="Onlineshop"]:hover span { margin: 0 0 0 0 !important; padding: 13px 17px 17px 14px !important; color: #fff; background: url(../img/layout/topnav_shop.png) 0 0 no-repeat; border: 0 !important; }
  #social_links { position: absolute; right: 0; top: 0; width: 126px; height: 48px; z-index: 5 }
   #social_links a { display: block; float: left; margin: -10px 3px 0 4px; height: 48px; width: 35px; background: url(../img/layout/social.png) 0 0 no-repeat; }
   #social_links a:hover { margin-top: 0; }
   #social_links .pinterest { background-position: 0 0; }
   #social_links .googleblog { background-position: -35px 0; }
   #social_links .facebook { background-position: -70px 0; }
 
 #slider_wrapper
  #gmap { position: relative; z-index: 1; margin: -22px 0 -18px 0 }
 
 #content_wrapper_top { z-index: 2; position: relative; background: url(../img/layout/content_top_bg.png) 0 0 repeat-x; height: 19px; }
 #content_wrapper { background: url(../img/layout/content_back1.png) 0 0 repeat; padding: 1px 1px 40px 1px; 
    -webkit-box-shadow: 0 -4px 10px -6px #555555 inset;
       -moz-box-shadow: 0 -4px 10px -6px #555555 inset;
            box-shadow: 0 -4px 10px -6px #555555 inset;}
 #content_wrapper.type2,
 #content_wrapper.type3 { margin: -30px 0 0 0; padding: 30px 1px 30px 1px; background: url(../img/layout/content_back2.png) 0 0 repeat;     background: #B6B6B6;}
 
 #content_wrapper.type3 {  }
 #content_wrapper.type3 #main-content { width: 474px; float: left; }
 #content_wrapper.type3 #main-content-top { margin-top: 17px; width: 474px; height: 21px; background: url(../img/layout/othercontent_top.png) 0 0 no-repeat; }
 #content_wrapper.type3 #main-content-bottom { width: 474px; height: 21px; background: url(../img/layout/othercontent_bottom.png) 0 0 no-repeat; }
 #content_wrapper.type3 #content { width: 430px; color: #505050; padding: 1px 22px; background: url(../img/layout/othercontent.png) 0 0 repeat-y; }
 #content_wrapper.type3 #content h1 { margin: 0; }
 #right-content { width: 250px; float: left; margin-left: 23px; margin-top: 17px; }
 
 #left-content { width: 230px; margin-right: 23px; float: left; }
  #left-content ul { list-style: none; }
  #left-content ul li { display: block; padding: 5px; margin-bottom: 10px; background: url(../img/layout/content_back.png) 0 0 no-repeat; }
  #left-content ul li a span { display: none; }
  #left-content ul li a span.link { font-family: BlendCaps-Bold, 'Blend Caps Bold', Lobster; display: block; padding: 6px 10px; }
  #left-content ul li a:link,
  #left-content ul li a:visited { font-size: 21px; color: #0c92a3; display: block; text-decoration: none;}
  #left-content ul li a:hover span.link,
  #left-content ul li a:active span.link,
  #left-content ul li a.active span.link { text-decoration: none; color: #fff; }
  #left-content ul li:hover,
  #left-content ul li:active,
  #left-content ul li.active { background: url(../img/layout/content_back22.png) 0 0 no-repeat; }
 
 #footer_wrapper { border-top: 4px solid #fff; }
 #footer { padding: 20px 0; color: #fff; font-size: 12px; }
  #footer a:link,
  #footer a:visited { color: #505050; text-decoration: none; }
  #footer a:hover { text-decoration: underline; }
  #footer p.title { font-size: 36px; color: #f9ffff; margin: 0; font-weight: bold; }
  #foot_left { float: left; width: 250px; margin-right: 150px; }
  #foot_middle { float: left; width: 250px; margin-right: 150px; }
  #foot_right { float: left; width: 141px; }
   #foot_contact p { font-size: 10px; }

#copyright { position: relative;  z-index: 2; font-size: 12px; margin: 10px auto; width: 980px; position: relative; background: #fff; padding: 10px; border: 1px solid #deddde; }
 #copyright .left { float: left; }
 #copyright .right { float: right; }
 
 
 /** Navi active .. */
 .navigation a[rel="Willkommen"] span.after { background: url(../img/layout/LP_home.png) 1px 0 no-repeat; }
 .navigation a[rel="Neue Kreationen"] span.after { background: url(../img/layout/LP_kreationen.png) 5px 0 no-repeat; }
 .navigation a[rel="Atelier"] span.after { background: url(../img/layout/LP_atelier.png) 0 0 no-repeat; }
 .navigation a[rel="Über uns"] span.after { background: url(../img/layout/LP_about.png) 4px 0 no-repeat; }
 .navigation a[rel="Öffnungszeiten"] span.after { background: url(../img/layout/LP_oeffnungszeiten.png) 8px 0 no-repeat; }

#main-content > a:nth-child(1) > div > div.image, #main-content > a:nth-child(2) > div > div.image > a, #main-content > a:nth-child(3) > div > div.image > a {
pointer-events: none;
}

.navigation li a[rel="Atelier"] span.after {
    padding: 87px 23px 17px 18px;
}

.navigation li a[rel="Atelier"] span.link {
        margin: 76px 23px 0 18px;
}

.navigation li a[rel="Über uns"] span.after {
    padding: 87px 23px 17px 20px;
}

.navigation li a[rel="Über uns"] span.link {
        margin: 76px 23px 0 20px;
}

.navigation li a[rel="Über uns"] {
            margin-right: -8px;
}

.opening_time.normaltext {
    margin-top: 1em;
}