html{overflow-y:scroll;}
body{padding:0;margin:0;font-family:Helvetica, "Trebuchet MS", Verdana, Tahoma, serif;font-size:14px;background-color:#4d4d4f;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}
.clear{clear:both;}
img{border:0;}
input{background-color:white;border:1px solid #84795c;color:#555555;font-family:Helvetica, "Trebuchet MS", Verdana,Arial,sans-serif;font-size:15px;padding:8px;}
textarea{width:288px;height:50px;background-color:white;border:1px solid #84795c;color:#555555;font-family:Helvetica, "Trebuchet MS", Verdana,Arial,sans-serif;font-size:13px;padding:5px;}
input[type=button], input[type=submit]{cursor:pointer;}
input[type=submit]{font-weight:bold; background-color:#84795c;border:1px solid #84795c;color:white; padding: 8px 15px;}
.submit{font-weight:bold;}
.hide{display:none;}
table td{padding-bottom:4px;}
a{outline:none;}
:focus{outline-style:none;}
#patient_area {
  text-align: right;
  color: white;
  line-height: 50px;
  height: 50px;
  margin:0 auto;
  font-size: 0.9rem;
  width:906px;
  font-weight: bold;
}
#patient_area a {
  display: inline-block;
  color: white;
  text-decoration: none;
  border: 1px solid white;
  border-radius: 6rem;
  padding: 0rem 1rem;
  line-height: 30px;
  font-weight: normal;
  margin-left: 1rem;
}
#patient_area a:hover { background-color: #ccc; color: black; }
#content{background-image:url('../images/bg-main.jpg');background-repeat:repeat-x;background-position:0 -188px;}
#content.frontpage{background-image:url('../images/bg-main.jpg');background-position:0 -54px;}
#content .center{margin:0 auto;width:906px;}
#content .center .holder{height:97px;}
#content .center .holder .right{float:right;}
#content .center .holder .right .hamburger { display: none; }
#content .center .holder .logo-holder{float:left;}
#content .center .holder .resize{margin-right:30px;float:right;}
#content .center .holder .resize a{float:left;display:block;background-image:url('../images/resize.png');width:34px;height:34px;}
#content .center .holder .right .hamburger a:hover { text-decoration: none; }
#content .center .holder .resize .big{background-position:-35px 0px;}
#content .center .holder .resize .bigger{background-position:33px 0px;}
#content .center .holder .resize ul{padding:0;margin:0;margin-right:18px;padding-top:76px;}
#content .center .holder .resize li{list-style-type:none;float:left;color:white;padding-left:15px;padding-right:15px;border-right:1px solid #454347;}
#content .center .holder .resize li.last{border:none;}
#content .center .holder .logo{margin-left:30px;margin-top:9px;position:absolute;width: 246px;}
#content .center .holder a{text-decoration:none;color:#454347;}
#content .center .holder a:hover{text-decoration:underline;}
#content .content-top{height:263px;}
#content.frontpage .content-top{height:397px;}
#content .mobile_top_menu { display: none; }
#content .menu{margin-top:-54px;position:absolute;height:54px;width:906px;}
#content .menu a{color:#555555;display:block;float:left;height:56px;line-height:62px;font-size:13px;text-decoration:none;text-align:center;letter-spacing:-0.5px;}
#content .menu .first{width:216px;background-image:url('../images/menu-top.png');padding-left:14px;background-position:2px -2px;}
#content .menu .second{width:222px;background-image:url('../images/menu-top.png');padding-right:2px;background-position:-228px -2px;}
#content .menu .third{width:228px;background-image:url('../images/menu-top.png');padding-right:3px;background-position:-452px -2px;}
#content .menu .fourth{width:201px;background-image:url('../images/menu-top.png');padding-right:20px;background-position:-683px -2px;}
#content .menu .first:hover{background-image:url('../images/menu-top-bg.png');}
#content .menu .second:hover{background-image:url('../images/menu-top-bg.png');}
#content .menu .third:hover{background-image:url('../images/menu-top-bg.png');}
#content .menu .fourth:hover{background-image:url('../images/menu-top-bg.png');}
#content .center .content{background-image:url('../images/content-slider.png');margin-top:52px;}
#content .center .content .image{margin-left:31px;padding-bottom:21px;margin-top:22px;padding-top:22px;}
#content .main .centernav{padding-bottom:22px;}
#content .main .centernav .first{float:left;background-color:#4d4d4f;border-bottom-left-radius:12px;height:134px;width:211px;}
#content .main .centernav .second{float:left;background-color:#636366;height:134px;width:211px;}
#content .main .centernav .third{float:left;background-color:#767677;height:134px;width:211px;}
#content .main .centernav .fourth{float:left;background-color:#8c8c8e;height:134px;width:212px;border-bottom-right-radius:12px;}
#content .main .centernav h3{color:white;font-size:18px;padding:0;margin:0;font-weight:normal;padding-left:15px;padding-top:12px;}
#content .main .centernav p{color:white;padding-left:15px;padding-right:15px;}
#content .main .redbutton{float:right;margin-right:8px;margin-top:-8px;}
#content .main{border-left:17px solid #f7f7f7;margin-left:14px;border-right:17px solid #f7f7f7;margin-right:13px;}
#content .main .navigation{float:left;width:190px;margin-left:20px;}
#content .main .navigation h3{padding:0;margin:0;margin-bottom:12px;color:#555555;font-size:18px;font-weight:normal;letter-spacing:-0.6px;}
#content .main .navigation ul a{font-size:14px;background-position:0px 1px;padding-left:11px;color:#84795c;text-decoration:none;letter-spacing:-0.2px;display:block;background-image:url('../images/navigation-arrow.png');background-repeat:no-repeat;padding-bottom:5px;padding-right:5px;}
#content .main .navigation ul a:hover{text-decoration:underline;}
#content .main .navigation ul{margin:0;padding:0;list-style:none;margin-left:10px;}
#content .main .navigation a.nivel{display:block;width:168px;height:208px;background-image:url('../images/nivelgrey.png');background-size:168px 208px;}
#content .main .navigation a.nivel:hover{background-image:url('../images/nivel.png');}
#content .main .navigation a.nhg{display:block;width:168px;height:300px;background-image:url('../images/keurmerk-nhg-bw.jpg');background-size: cover; margin-top: 40px;}
#content .main .navigation a.nhg:hover{background-image:url('../images/keurmerk-nhg.jpg');}
#content .main .data{color:#555555;float:left;border-left:1px solid #afafaf;width:585px;padding-left:20px;padding-right:20px;}
#content .main .data h1{margin:0;padding:0;font-size:22px;font-weight:normal;letter-spacing:-0.6px;color:#555555;}
#content .main .data h2{margin:0;padding:0;color:#84795c;font-size:20px;letter-spacing:-0.6px;font-weight:normal;}
#content .main .data h3{margin:0;padding:0;color:#84795c;font-size:16px;letter-spacing:-0.6px;font-weight:bold;margin-top:15px;margin-bottom:15px;}
#content .main .data p{color:#555555;line-height:18px;}
#content .main .data li{line-height:18px;}
#content .main .data ol li { list-style-position: inside; }
#content .main .data a{color:#84795c;}
#content .main .data .button{text-decoration:none;font-weight:bold;background-color:#84795c;border:1px solid #84795c;color:white;font-family:Helvetica, "Trebuchet MS", Verdana,Arial,sans-serif;font-size:13px;padding:5px;padding-left:25px;padding-right:25px; display: inline-block; text-align: center; line-height: 22px;}
#content .main .data .medication{font-size:15px;}
#content .main .data .more_info { float: right; position: relative; top: -45px;  margin-bottom: -20px; }
#content .main .data .steps{padding:3px;padding-left:52px;padding-right:52px;float:left;background-color:white;border:1px solid #84795c;color:#555555;}
#content .main .data .step1{border-right:0px;}
#content .main .data .step2{border-right:0px;}
#content .main .data .step3{border-right:0px;}
#content .main .data .list{color:#555555;border:1px solid #84795c;display:block;width:300px;padding-left:10px;padding-top:3px;padding-bottom:3px;text-decoration:none;margin-bottom:5px;}
#content .main .data .news{padding-bottom:10px;padding-top:10px;}
#content .main .data .news video {width: 400px; padding: 2rem;}
#content .main .data .news p{margin-left:80px;width:470px;}
#content .main .data .news img{border-radius:60px;position:absolute;width:60px;height:60px;}
#content .main .data .news .news-image { border-radius: 0px; position: static; width: 400px; height: auto; margin: 0 auto; display: block; }
#content .main .data .news .news-table { margin-left: 75px; }
#content .main .data .news .clear{margin:0 auto;width:426px;border-bottom:1px solid #c4c4c4;padding-top:18px;}
#content .main .keuze{border:1px solid #ccc;float:left;min-height:80px;line-height:18px;margin-left:25px;margin-right:25px;padding:10px;text-align:center;width:120px;cursor:pointer;padding-bottom:0px;}
#content .main .thuisarts { width: 175px; display: block; position: relative; right: -411px; top: -46px; }
#content .main .thuisarts-zoeken input[type="text"] { margin-left: 20px; width: 270px; padding: 10px 10px; font-size: 16px; }
#content .main .thuisarts-zoeken input[type="submit"] { padding: 10px 14px; font-size: 16px; }
#content .main .keuze.selected{background-color:#f2f2f2}
#content .main .keuze i{display:block;font-size:34px;margin-bottom:10px;}
.table{border-width:1px;border-spacing:0px;border-style:none;border-color:#84795c;border-collapse:collapse;background-color:white;}
.table th{border-width:1px;padding:1px;border-style:solid;border-color:#84795c;background-color:white;padding:3px;}
.table td{text-align:center;border-width:1px;padding:1px;border-style:solid;border-color:#84795c;background-color:white;padding:3px;}
input.warning{border:1px solid red;}
textarea.warning{border:1px solid red;}
#content .main .data .table a{display:block;text-decoration:none;color:#555555;}
#content .main .data .table td.selected a{color:white;}
.table .selected{font-weight:bold;color:white;background-color:#84795c;}
.table .disabled{background-color:#bbbbbb;}
.table .finished{background-color:#dfdfdf;font-weight:normal;}
.table a:hover{background-color:#f0e8d7;}
#step_2{display:none;}
#content .bottom .content{margin:0 auto;width:906px;}
#content .bottom .ending{background-image:url('../images/content-bottom.png');height:40px;}
#content .bottom .copyright{color:white;font-size:12px;padding-bottom:10px;margin-left:40px;}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av{border:1px solid white;border-radius:20px;overflow:hidden;cursor:pointer;}
.jssorb05{position:absolute;top:325px;right:18px;}
.jssorb05 div{position:absolute;width:8px;height:8px;}
.jssorb05 .av{background-color:white;}
#slider1_container{position:relative;top:22px;left:31px;width:844px;height:351px;overflow:hidden;}
#slider1_container .slides{cursor:move;position:absolute;left:0px;top:0px;width:844px;height:351px;overflow:hidden;}
.image #slider1_container{top:0px;left:0px;height:215px;}
.image #slider1_container .slides{height:215px;}
.image .jssorb05{top:192px;}
#moetdoktor{display:block;margin-left:30px;margin-top:35px;height:123px;width:121px;background-image:url('../images/moetdoktor2.png');}
#moetdoktor:hover{background-image:url('../images/moetdoktor.png');}
#privacy{line-height:18px;display:none;}
#privacy > li{margin-bottom:20px;}

#callme { position: fixed; bottom: 100px; right: 0; width: 0px; height: 50px; line-height: 50px; text-decoration: none; font-size: 20px; }
#callme p {  background-size: 55% 55%; background-repeat: no-repeat; background-image: url('../images/phone.min.svg'); background-color: #e5e5e5; width: 150px; float: left; margin: 0; background-position: -30px center; padding-left: 60px;  border-top-left-radius: 30px; border-bottom-left-radius: 30px; box-shadow: 0 3px 13px -5px #393939; letter-spacing: -1px; color: #515151;  }

.staff { height: 216px; width: 846px; overflow: hidden; display: flex; flex-direction: row; }
.staff .member { height: 216px; display: flex; flex-direction: column; width: inherit; z-index: 1; }
.staff .member .cutout { background-image: url('../images_pictures/personal-cutout.jpg'); height: 192px; width: 100%; background-size: cover; background-position: center; }
.staff .member .cutout.flip { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }
.staff .member .name { height: 26px; color: grey; text-align: center; line-height: 26px; font-style: italic; font-size: 0.8rem; }
.staff .member.hidden { opacity: 0.5;  }
.staff .member.unknown .cutout { background-color: #eeeeee; background-image: none; }
.staff .background { position: absolute; background-color: #e2e2e2; width: 845px; height: 190px; z-index: 0; margin-left: -70px;}

#popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #3d4043c9;
  flex: 1;
  justify-content: center;
  display: flex;
  align-items: center;
}

#popup .inner {
  display: flex;
  padding: 30px;
  width: 40%;
  background-color: white;
  flex-direction: column;
}

#popup .inner p {
  margin-bottom: 0;
}

/* Mobile */
@media (max-width: 920px) {
  body { font-size: 16px; min-width: 374px; }
  input { font-size: 15px; }
  textarea { font-size: 15px; }
  #patient_area { display: none; }
  #content { background: #ffffff; }
  #content.frontpage { background: #ffffff; }
  #content .center .holder .logo { margin-left: 25px; margin-top: 20px; }
  #content .center { width: 100%; margin: 0; }
  #content .center .holder .right .resize { display: none; }
  #content .center .holder .right .hamburger { margin-top: 40px; margin-right: 25px; display: block; }
  #content .center .holder .right .hamburger .show { display: block; margin-left: 15px; width: 50px; }
  #content .center .holder .right .hamburger .show div { border-bottom: 6px solid #888; margin-bottom: 12px; }
  #content .center .holder .right .hamburger .mobile-menu { overflow-y: auto; display: none; border-left: 1px solid #ccc; position: absolute; background-color: white; top: 0; width: 90%; right: 0; bottom: 0; z-index: 10; }
  #content .center .holder .right .hamburger .mobile-menu .close { display: block; text-align: right; font-size: 60px; margin-right: 35px; margin-top: 30px; font-weight: bold; color: #ccc; }
  #content .center .holder .right .hamburger .mobile-menu ul { display: block; padding: 0; padding-bottom: 30px; list-style-type: none; margin-top: 30px; margin-left: 30px; margin-right: 30px; }
  #content .center .holder .right .hamburger .mobile-menu li { text-align: left; }
  #content .center .holder .right .hamburger .mobile-menu li a { font-size: 16px; display: block; margin-bottom: 2px; background-color: #777;
    padding-left: 15px; padding-top: 12px; padding-bottom: 12px; font-weight: bold; color: #fff; }
  #content .center .holder .right .hamburger .mobile-menu li ul { padding: 0; margin: 0; margin-left: 25px; }
  #content .center .holder .right .hamburger .mobile-menu li ul li a { background-color: #eee; color: #555; }
  #content .center .content { background: white; margin-top: 25px; }
  #content .main .centernav { display: none; }
  #content .main .data .news img { width: 50px; height: 50px; }
  #content .main .data .news video {width: 300px; padding: 1rem;}
  #content .main .data .news p { width: auto; margin-right: 20px; margin-top: 0; margin-left: 65px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; }
  #content .main .data .news .clear { width: auto; }
  #content .main .data .news .news-image { width: 75%; margin-left: 65px; margin-bottom: 20px; }
  #content .main .data .news .news-table { margin-left: 62px; margin-bottom: 20px; }
  #content .main .data .more_info { float: none; position: initial; margin-bottom: 0; }
  #content .main .data li { line-height: 22px; }
  #content .content-top { height: auto; margin-top: 0; }
  #content .content-top .image { display: none; }

  #content .menu { display: none; }
  #content.frontpage .mobile_top_menu { display: block; margin-top: 40px; margin-left: 25px; margin-right: 25px; }
  #content.frontpage .mobile_top_menu a { text-decoration: none; background-color: #4d4d4f; margin: 0 auto; display: block; margin-bottom: 15px; color: white; font-weight: bold; font-size: 22px; height: auto; line-height: 53px; }
  #content.frontpage .mobile_top_menu a:nth-child(2) { background-color: #636366; }
  #content.frontpage .mobile_top_menu a:nth-child(3) { background-color: #767677; }
  #content.frontpage .mobile_top_menu a:nth-child(4) { background-color: #8c8c8e; }
  #content.frontpage .mobile_top_menu .arrow {
    display: inline-block;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 22px solid #fff;
    margin-left: 22px; margin-right: 36px;
    position: relative;
    top: 3px;
  }
  #content .main .thuisarts { width: 175px; display: block; position: inherit; margin-bottom: 20px; }
  #content .main .thuisarts-zoeken input[type="text"] { margin-left: 0px; width: 62%; padding: 10px 10px; font-size: 16px; }
  #content .main .thuisarts-zoeken input[type="submit"] { padding: 10px 14px; font-size: 16px; }

  #content .main { border: 0; margin-left: 25px; margin-right: 25px; }
  #content .main .navigation { display: none; }
  #content .main .data { width: 100%; border: 0; padding: 0; width: auto; padding-top: 20px; padding-bottom: 20px; }
  #content .main .data p { line-height: 22px; }

  #content.frontpage .menu { display: none; }
  #content.frontpage .content-top { margin-top: 0px; }
  #content.frontpage .content-top { height: auto; }

  #content .main .keuze { float: none; margin-top: 10px; margin-bottom: 10px; width: auto; font-size: 15px; }
  #content .main .keuze i { font-size: 28px; }

  #content .bottom .content { margin: 0; width: auto; }
  #content .bottom .ending { background: none; height: 11px; }
  #content .bottom .copyright { margin-left: 9px; }

  #slider1_container { display: none; }

  #popup .inner { width: 80%; }
}