html, body { min-height:100% }
html { 
  height:100%;
  background:url(https://www.merkenbrillen.nl/sites/www.merkenbrillen.nl/img/Header-1.png) top center no-repeat fixed;
  background-size:cover;
}
body {
  font-size:17px;
  line-height:25px;
  margin-top:-25px;
}
body, p, a, label, select, input, li {
  font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', 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 {
  padding:0px 0 0 0;
}


.logo img {
  max-width:100%;
}

.logo h1 {
  margin:0;
  padding:0;
}
.logo h1 a {
  text-decoration:none;
  color:#fff;
  margin-top:65px;
  display:block;
  text-shadow:1px 2px #000;
}


#mbtnwrap { display:none; }
.toggle, [id^=drop] { display: none; }

nav { 
  margin:0;
  padding: 0;
  padding:70px 50px 10px 10px;
  float:right;
  line-height:30px;
  background:rgba(255,255,255,.5);
  border-radius:0px 0px 0px 40px;
}
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 {
  margin-top:-40px;
  text-align:center;
  padding:80px 0 40px 0;
  background:url({Sys:Folder}/img/header.jpg) center center no-repeat;
  background-size:cover;
}
.splash h2 {
  font-weight:300;
  font-size:26px;
  line-height:40px;
  color:#fff;
  text-shadow:2px 2px #000;
}
.splash .wrap {
  max-width:640px;
}

.content { 
  background:rgba(0,0,0,.7);
  color:#fff;
  padding:30px;
  border-radius:30px 0px;
}
.mccontent {
  margin-bottom:0;
}
.mccontent a {
  color:#1f2e43;
  font-weight:bold;
  text-decoration:none;
}

.mccontent h1 {
  color:#fff;
}
.mccontent h3 {
  margin-bottom:-15px;
}


.sidebar {
  margin-top:35px;
  background:rgba(0,0,0,.7);
  border:2px solid rgba(0,0,0,.0);
  border-radius:0 20px 20px 0;
  padding:20px;
  /*background:url(https://www.merkenbrillen.nl/sites/www.merkenbrillen.nl/img/bgsidebar.png) bottom right no-repeat;*/
}
.sidebar a.phone {
  text-align:center;
  display:block;
  font-size:18px;
  font-weight:bold;
  border-bottom:2px solid #8c8a8b;
  padding-bottom:15px;
  color:#333;
}
.sidebar a.phone i { margin-right:10px; }

.subfooter {
  background:rgba(0,0,0,.7);
  color:#fff;
}
.subfooter .wrap {
  /*background:url(https://www.merkenbrillen.nl/sites/www.merkenbrillen.nl/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;
  font-weight:bold;
}
.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:#1f2e43;
  text-decoration:none;
}

@media all and (max-width : 1024px) {
  .logo h1 a {
    margin-top:75px;
  }
  .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) {
  .header {
    background:#fff;
    border-bottom:5px solid rgba(0,0,0,.2);
  }
  h1, h2, h3, h4, h5, h6 {
    font-size:1.5em;
  }

  .logo { 
    text-align:center; 
  }
  .logo h1 a {
    color:#333;
    font-size:40px;
    text-shadow:none;
  }

  .splash {
    padding:40px 0 20px 0;
    background-size:150%;
    margin-top:-50px;
  }
  .splash h2 {
    font-size:24px;
    line-height:35px;
    margin-top:35px;
  }

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

  /* Menu */
  nav { float:none; margin-right:0; padding-right:0; }
  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;
    margin-bottom:20px;
    font-size:16px;
    text-decoration:none;
    text-transform:uppercase;
    font-weight:bold;
    background:#a9bbc9;
    color:#fff;
  }
  .nav .mobilebtn a {
    color:#333;
  }
}

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