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

@font-face { font-family: 'Rotis SemiSans Std'; src: url('../fonts/rotis_semisans_std.eot'); src: url('../fonts/rotis_semisans_std.eot?#iefix') format('embedded-opentype'), url('../fonts/rotis_semisans_std.svg#Rotis SemiSans Std') format('svg'), url('../fonts/rotis_semisans_std.woff') format('woff'), url('../fonts/rotis_semisans_std.ttf') format('truetype'); font-weight: normal; font-style: normal;}

/* @font-face { font-family: 'Rotis SemiSans Std ExtraBold'; src: url('../fonts/rotis_semisans_std_extrabold.eot'); src: url('../fonts/rotis_semisans_std_extrabold.eot?#iefix') format('embedded-opentype'), url('../fonts/rotis_semisans_std_extrabold.svg#Rotis SemiSans Std ExtraBold') format('svg'), url('../fonts/rotis_semisans_std_extrabold.woff') format('woff'), url('../fonts/rotis_semisans_std_extrabold.ttf') format('truetype'); font-weight: normal; font-style: normal;} */

@font-face { font-family: 'Rotis SemiSans Std Bold'; src: url('../fonts/rotis_semisans_std_bold.eot'); src: url('../fonts/rotis_semisans_std_bold.eot?#iefix') format('embedded-opentype'), url('../fonts/rotis_semisans_std_bold.svg#Rotis SemiSans Std Bold') format('svg'), url('../fonts/rotis_semisans_std_bold.woff') format('woff'), url('../fonts/rotis_semisans_std_bold.ttf') format('truetype'); font-weight: normal; font-style: normal;}


html, body { background: #f5f5f5; }

body * { margin-top: 0;  }

.mb-header { position: relative; background: url(../img/michels-bestattungshaus.png) no-repeat right 20px; /* height: 140px; */ height: 110px; }
.mb-header2 { background: url(../img/background_bar.png) repeat-x 0 27px; margin-top: 20px; margin-bottom: 7px; }
.mb-header3 { background: url(../img/background_bar.png) repeat-x 0 25px; margin-top: 20px; margin-bottom: 7px; }
.mb-background { background: #f5f5f5; }
.mb-logo { padding: 20px; }

.hero { position: fixed; width: 100%; z-index: 100; }

.mb-navigation {  margin-top: 46px; }
.mb-navigation * { text-transform: uppercase; font-size: 17px; color: #b29f6b; }
.mb-navigation a { text-decoration: none; }
.mb-navigation a:hover, .mb-navigation a.current, .mb-navigation a.active,
  .mb-navigation .active_nosub a, .mb-navigation .current_nosub a { color: #4e4d42; text-decoration: none; }
.mb-navigation li { margin-right: 15px; }
.mb-navigation li.last { margin-right: 0; }

.mb-subnavigation ul { line-height: 120%; }
.mb-subnavigation li { margin-bottom: 0.5em; }
.mb-subnavigation h5 { line-height: 32px; margin-bottom: 0; text-transform: uppercase;  }
.mb-subnavigation a { color: #b29f6b; text-decoration: none; }
.mb-subnavigation a:hover, .mb-subnavigation a.current, .mb-subnavigation a.active,
  .mb-subnavigation .active_nosub a, .mb-subnavigation .current_nosub a  { color: #4e4d42; }

.mb-body { margin-top: 56px; }
.ly1 .mb-body { margin-top: 136px;  }

h1 { font-family: 'Rotis SemiSans Std Bold', sans-serif; font-size: 29px; font-weight: 500; }

.mb-content ul { margin-left: 0; padding-left: 0; }
.mb-content li { 
  list-style-type: none;
    padding-left: 15px;
    margin-left: 0px;
    background-image: url(../img/listitem.png);
    background-repeat: no-repeat;
    background-position: left 10px;
}

.mb-content * { margin-top: 0; }

.mb-content h3 { margin-bottom: 0px; font-size: 24px; }
.mb-content h4 { margin-bottom: 0px; font-size: 18px; }
.mb-content strong, .mb-content b { font-family: 'Rotis SemiSans Std Bold'; }

.mb-metanavigation { margin-top: 4em; margin-bottom: 4em; }
.mb-metanavigation .list-inline { margin-left: 0; }
.mb-metanavigation .list-inline>li { padding-left: 0; padding-right: 0; }
.mb-metanavigation a { color: #b29f6b; text-decoration: none; }
.mb-metanavigation a:hover { color: #4e4d42; }

.navmobile { margin-top: 15px; }
.navmobile ul { margin-left: 1em; }

.mb-content a { color: #000000; }
.mb-content a:hover { text-decoration: underline; }

.mb-sidebar { background: url(../img/bar.png) no-repeat 15px 5px; padding-top: 21px; }
.mb-sidebar a { color: #4e4d42; }
.mb-sidebar a:hover { text-decoration: underline; }

body.ly1 {
  /* background: url(../img/start.jpg) no-repeat; */
/*  background: url(../../user_upload/Bestattungshaus/Startseite/start.jpg) no-repeat;
  background-size: cover;
  min-height: 100%;
/*  height: 100%; */
  background: transparent;
}

.ly2 .mb-sidebar { display: none; }



html { height: 100%; }

.mb-home { color: #b29f6b; }
.mb-home h1 { font-family: 'Rotis SemiSans Std Bold', sans-serif; color: #b29f6bf; background: url(../img/bar_header.png) no-repeat left bottom; line-height: 180%; margin-bottom: 0.5em; }
.mb-home p { font-size: 18px; line-height: 22px; margin-bottom: 1.0em; }
.mb-home a { color: #b29f6b; }
.mb-home .csc-default { margin-left: 7px; }

@media (min-width: 768px) {
  .mb-header2 { background: url(../img/background_bar.png) repeat-x 0 43px; margin-top: 0em; }
  .mb-navigation  { margin-top: 38px; }
  .mb-navigation a { font-size: 15px; }
}

@media (min-width: 992px) {
  .mb-header2 { background: url(../img/background_bar.png) repeat-x 0 25px; margin-top: 20px; margin-bottom: 7px; }
  .mb-navigation { margin-top: 44px; }
  .mb-navigation a { font-size: 17px; }
  
}

@media (min-width: 1220px) {
  .mb-navigation li { margin-right: 40px; }
  .mb-navigation { margin-top: 47px; }
  .mb-header2 { background: url(../img/background_bar.png) repeat-x 0 27px; margin-top: 20px; margin-bottom: 7px; }  
  .mb-navigation a { font-size: 18px; }
}



/* 
 * Naver v3.0.4 - 2014-01-29 
 * A jQuery plugin for responsive navigation. Part of the Formstone Library. 
 * http://formstone.it/naver/ 
 * 
 * Copyright 2014 Ben Plum; MIT Licensed 
 */ 

   .naver .naver-handle { color: #333; cursor: pointer; display: none; font-size: 14px; height: 30px; line-height: 28px; text-transform: uppercase;
     -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
         -o-user-select: none;
          user-select: none;
   }
   .naver .naver-handle:before { background: url(../img/jquery.fs.naver-icon.png) no-repeat center; content: ''; display: block; float: left; height: 15px; margin: 7px 10px 0 0; width: 20px; }
   .naver .naver-wrapper { height: auto; }
   .naver .naver-container:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }

  .naver.enabled .naver-handle { display: block; }
  .naver.enabled .naver-wrapper { height: 0px; overflow: hidden; }