body {
  font-size:17px;
  line-height:25px;
}
body, p, a, label, select, input, li {
  font-family: 'Muli', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Muli', sans-serif;
  line-height:1.2em;
  color:#333;
}
img { max-width:100%; }
.tac { text-align:center; }
.tar { text-align:right; }

.wrap {
  max-width:1024px;
  margin:0 auto;

}

.header {
  border-top:8px solid #767676;
  padding:20px 0;
}


.logo img {
  max-width:100%;
  margin-top:10px;
}

.logo h1 {
  margin:0;
  padding:0;
}



#mbtnwrap { display:none; }
.toggle, [id^=drop] { display: none; }
nav { 
  margin:0;
  padding: 0;
  float:right;
  line-height:30px;
  background:#fff;
  margin-top:25px;
}
nav:after {
  content:"";
  display:table;
  clear:both;
}
.nav {
  z-index:9999;
  line-height: 32px;
  word-wrap:break-word !important;
  background:#fff;
}
nav ul {
  padding:0;
  margin:0;
  list-style: none;
  position: relative;
  background:#fff;
}

nav ul li {
  margin: 0px;
  display:inline-block;
  float: left;
  border-radius:10px;
}

nav a {
  display:block;
  padding:7px 10px;
  color:#333;
  font-size:17px;
  text-decoration:none;
}
nav ul li.active {
  font-weight:bold;
}
nav ul li.active ul li { font-weight:normal; }
nav ul li.active ul li.active { font-weight:bold; }

nav ul li ul li:hover { background:#eee; }
nav ul ul a:hover { background-color: #eee; }
nav ul ul {
  display: none;
  position: absolute; 
  top: 46px; 
  border-top:1px solid #ddd;
}
nav ul li:hover > ul { display:inherit; }
nav ul ul li {
  width:300px;
  float:none;
  display:list-item;
  position: relative;
  border-bottom:1px solid #ddd;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  border-radius:0;
}
nav ul ul ul li {
  position: relative;
  top:-60px;
  left:200px; 
}
/* 
 * li > a:after { content:  ' ▼'; }
*/
nav li > a:only-child:after { content: ''; }






.splash {
  text-align:center;
  padding:80px 0;
  background:url(https://www.bouwservice.eu/projects/bsn/img/header.jpg) center center no-repeat;
  background-size:cover;
  margin-bottom:15px;
}
.splash h2 {
  font-weight:300;
  font-size:28px;
  line-height:40px;
}
.splash .wrap {
  max-width:640px;
}

.mccontent {
  margin-bottom:35px;
}
.mccontent a {
  color:#464646;
  font-weight:bold;
  text-decoration:none;
}


.sidebar {
  margin-left:30px;
  margin-top:35px;
  background:#fff;
  border:2px solid #767676;
  border-radius:20px 0 20px 0;
  padding:20px;
  background:url(https://www.bouwservice.eu/projects/bsn/img/bgsidebar.png) bottom right no-repeat;
}
.sidebar a.phone {
  text-align:center;
  display:block;
  font-size:24px;
  font-weight:bold;
  border-bottom:2px solid #767676;
  padding-bottom:15px;
  color:#333;
}
.sidebar a.phone i { margin-right:10px; }

.subfooter {
  background:#767676;
  color:#fff;
  text-align:center;
}
.subfooter .wrap {
  background:url(https://www.bouwservice.eu/projects/bsn/img/bgsubfooter.png) right center no-repeat;
}

.subfooter h2 {
  margin:0;
  padding:0;
  color:#fff;
}

.subfooter .wrap {
  padding:35px 0 30px 0;
}
.subfooter .pdl {
  padding-left:30px;
}
.subfooter img {
  max-width:100%;
  margin:0;
  padding:0;
  border-radius:10px 0;
  /* border:1px solid rgba(255,255,255,.6); */
}
.subfooter a {
  color:#fff;
  text-decoration:none;
}
.subfooter p.social {
  display:block;
  margin-top:5px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.2);
}


.mcfooter {
  padding:20px 0;
  text-align:center;
}

.mcfooter a {
  color:#464646;
  text-decoration:none;
}

@media all and (max-width : 1024px) {
  .mc .wrap {
    padding-left:20px;
    padding-right:20px;
  }
  nav { margin-top:10px; }
  .sidebar {
    margin-left:0; 
    margin-top:15px;
    margin-bottom:10px;
  }
}

@media all and (max-width : 767px) {
  h1, h2, h3, h4, h5, h6 {
    font-size:1.5em;
  }

  .logo { 
    text-align:center; 
    margin-bottom:30px;
  }

  .splash {
    padding:40px 0;
  }
  .splash h2 {
    font-size:24px;
    line-height:35px;
  }

  .subfooter .pdl { margin-left:0; padding-left:0; }
  .subfooter h2 { margin-top:20px; }

  /* Menu */
  nav { float:none; }
  nav { padding-left:0; }
  .nav .nolg { display:inline; }
  nav { margin: 0; border-radius:0; }
  .toggle + a, .menu { display: none; }
  .toggle {
    display: block;
    padding:5px 10px;    
    color:#333;
    font-size:18px;
    text-decoration:none;
    border:none;
  }
  .toggle:hover { background-color: #fff; }
  [id^=drop]:checked + ul { display: block; }
  nav ul li {
    display: block;
    width: 100%;
    border-bottom:1px solid rgba(255,255,255,.2);
  }
  nav ul ul .toggle, nav ul ul a { padding: 0 10px; }
  nav ul ul { }
  nav ul ul ul a { padding: 0 80px; }
  nav a:hover, nav ul ul ul a { background:#eee; }
  nav ul li ul li .toggle, nav ul ul a, nav ul ul ul a {
    padding:5px 10px;
    padding-left:20px;
    color:#333;
    font-size:18px; 
  }
  nav ul li ul li .toggle, nav ul ul a { background-color: #fff; }
  nav ul ul {
    float: none;
    position:static;
    color: #333;
  }
  nav ul ul li:hover > ul, nav ul li:hover > ul { display: none; }
  nav ul ul li {
    display: block;
    width: 100%;
  }
  nav ul ul ul li { position: static; }

  #mbtnwrap {
    display:block;
    padding:10px 0;
    padding-top:0;
  }
  .nav .mobilebtn {
    width:100px;
    border:2px solid #fff;
    line-height:25px;
    border-radius:10px;
    padding:3px 10px;
    text-align:center;
    margin:0 auto;
    font-size:16px;
    text-decoration:none;
    text-transform:uppercase;
    font-weight:bold;
    background:#464646;
    color:#fff;
  }
  .nav .mobilebtn a {
    color:#333;
  }
}

@media all and (max-width : 468px) {
  .splash {
    padding:15px 0;
  }
  .splash h2 {
    font-size:18px;
    line-height:25px;
  }
}



/* Fonts */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local('Muli Regular'), local('Muli-Regular'), url(https://www.bouwservice.eu/xmedia/fonts/muli-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local('Muli Regular'), local('Muli-Regular'), url(https://www.bouwservice.eu/xmedia/fonts/muli-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 800;
  src: local('Muli Bold'), local('Muli-Bold'), url(https://www.bouwservice.eu/xmedia/fonts/muli-latin-ext-bold.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 800;
  src: local('Muli Bold'), local('Muli-Bold'), url(https://www.bouwservice.eu/xmedia/fonts/muli-latin-bold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://www.bouwservice.eu/xmedia/fonts/opensans-latin-ext-bold.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://www.bouwservice.eu/xmedia/fonts/opensans-latin-bold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}