@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);@font-face{font-family:'codropsicons';src:url('../fonts/codropsicons/codropsicons.eot');src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
url('../fonts/codropsicons/codropsicons.woff') format('woff'),
url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');font-weight:normal;font-style:normal;}
*, *:after, *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body, html{font-size:100%;padding:0;margin:0;}
.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
body{font-family:'Lato', Calibri, Arial, sans-serif;color:#b3b9bf;}
a{color:#888;text-decoration:none;}
a:hover,
a:active{color:#333;}
.container > header{margin:0 auto;padding:2em;text-align:center;background:rgba(0,0,0,0.01);}
.container > header h1{font-size:2.625em;line-height:1.3;margin:0;font-weight:300;}
.codrops-top{background:#fff;background:rgba(255, 255, 255, 0.6);text-transform:uppercase;width:100%;font-size:0.69em;line-height:2.2;}
.codrops-top a{padding:0 1em;letter-spacing:0.1em;color:#888;display:inline-block;}
.codrops-top a:hover{background:rgba(255,255,255,0.95);color:#333;}
.codrops-top span.right{float:right;}
.codrops-top span.right a{float:left;display:block;}
.codrops-icon:before{font-family:'codropsicons';margin:0 4px;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;}
.codrops-icon-drop:before{content:"\e001";}
.codrops-icon-prev:before{content:"\e004";}
.codrops-icon-archive:before{content:"\e002";}
.codrops-icon-next:before{content:"\e000";}
.codrops-icon-about:before{content:"\e003";}
.codrops-demos{padding-top:1em;font-size:0.9em;}
.codrops-demos a{display:inline-block;margin:0.5em;padding:0.7em 1.1em;border:3px solid #b3b9bf;color:#b3b9bf;font-weight:700;}
.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover{border-color:#2c3f52;color:#2c3f52;}
@media screen and (max-width:25em){.codrops-icon span{display:none;}
}
.card{padding-top:20px;margin:10px 0 20px 0;background-color:rgba(214, 224, 226, 0.2);border-top-width:0;border-bottom-width:2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.card .card-heading{padding:0 20px;margin:0;}
.card .card-heading.simple{font-size:20px;font-weight:300;color:#777;border-bottom:1px solid #e5e5e5;}
.card .card-heading.image img{display:inline-block;width:46px;height:46px;margin-right:15px;vertical-align:top;border:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.card .card-heading.image .card-heading-header{display:inline-block;vertical-align:top;}
.card .card-heading.image .card-heading-header h3{margin:0;font-size:14px;line-height:16px;color:#262626;}
.card .card-heading.image .card-heading-header span{font-size:12px;color:#999999;}
.card .card-body{padding:0 20px;margin-top:20px;}
.card .card-media{padding:0 20px;margin:0 -14px;}
.card .card-media img{max-width:100%;max-height:100%;}
.card .card-actions{min-height:30px;padding:0 20px 20px 20px;margin:20px 0 0 0;}
.card .card-comments{padding:20px;margin:0;background-color:#f8f8f8;}
.card .card-comments .comments-collapse-toggle{padding:0;margin:0 20px 12px 20px;}
.card .card-comments .comments-collapse-toggle a,
.card .card-comments .comments-collapse-toggle span{padding-right:5px;overflow:hidden;font-size:12px;color:#999;text-overflow:ellipsis;white-space:nowrap;}
.card-comments .media-heading{font-size:13px;font-weight:bold;}
.card.people{position:relative;display:inline-block;width:170px;height:300px;padding-top:0;margin-left:20px;overflow:hidden;vertical-align:top;}
.card.people:first-child{margin-left:0;}
.card.people .card-top{position:absolute;top:0;left:0;display:inline-block;width:170px;height:120px;background-color:#ffffff;}
.card.people .card-top.green{background-color:#53a93f;}
.card.people .card-top.blue{background-color:#427fed;}
.card.people .card-info{position:absolute;top:150px;display:inline-block;width:100%;height:101px;overflow:hidden;background:#ffffff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.card.people .card-info .title{display:block;margin:8px 14px 0 14px;overflow:hidden;font-size:16px;font-weight:bold;line-height:18px;color:#404040;}
.card.people .card-info .desc{display:block;margin:8px 14px 0 14px;overflow:hidden;font-size:12px;line-height:16px;color:#737373;text-overflow:ellipsis;}
.card.people .card-bottom{position:absolute;bottom:0;left:0;display:inline-block;width:100%;padding:10px 20px;line-height:29px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.card.hovercard{position:relative;padding-top:0;overflow:hidden;text-align:center;background-color:rgba(214, 224, 226, 0.2);}
.card.hovercard .cardheader{background:url("http://lorempixel.com/850/280/nature/4/");background-size:cover;height:135px;}
.card.hovercard .avatar{position:relative;top:-50px;margin-bottom:-50px;}
.hovercardclose{background-color:#FFF;border:1px solid #C3C3C3;color:#000000;right:20px;position:absolute;z-index:22;width:32px;border-radius:50%;height:32px;line-height:30px;text-align:center;cursor:pointer;font-size:13px;}
.card.hovercard .avatar img{width:100px;height:100px;max-width:100px;max-height:100px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:2px solid rgba(255,255,255,0.5);}
.card.hovercard .info{padding:4px 8px 10px;}
.card.hovercard .info .title{margin-bottom:4px;font-size:24px;line-height:1;color:#262626;vertical-align:middle;}
.card.hovercard .info .title a{font-size:16px;margin-top:3px;}
.card.hovercard .info .desc{overflow:hidden;font-size:12px;line-height:20px;color:#737373;text-overflow:ellipsis;}
.card.hovercard .bottom{padding:0 20px;margin-bottom:17px;}
.rowklant{background-color:#FFF;border:rgba(167,167,167,1.00) 1px solid;padding:20px;}
.search_container{width:100%;background-color:#ffffff;padding:20px;text-align:left;}
.zoekheader .icon{float:left;text-align:center;width:50px;font-size:30px;background-color:#FFFFFF;color:red;margin-left:20px;height:50px;margin-top:-28px;border-radius:5px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
.zoekheader .titel{margin-left:20px;font-size:18px;float:left;margin-top:-10px;text-transform:uppercase}
.zoekInput{width:100%;padding:15px;margin-top:-8px;border-radius:5px;border:none;color:red;}
.wachtwoordvergeten{display:block;text-align:center;font-size:12px;margin:0px;color:#8F8F8F}
.logoDetails{border:5px solid red;height:120px;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#FFFFFF;margin-top:-120px;margin-left:40px;border-radius:50%;width:120px;}
input[type=checkbox] + label{display:inline-block;font-size:30px;padding:0 0 0 0px;}
input[type=checkbox]:checked + label{display:inline-block;padding:0 0 0 0px;}
.rowoverlay:hover .overlay_overlay{display:block}
.overlay_overlay{display:none;position:absolute;background-color:rgba(255,255,255,0.90) !important;z-index:123;width:654px;height:180px;}
.overlay_overlay_plus{text-align:center;display:block;padding-top:50px;}
.infoklanticon{margin-bottom:17px;}
.overlaybutton{border:1px solid #CCC;display:block;padding:10px;border-radius:5px;background-color:rgba(221,221,221,1.00);font-size:12px;}
.rowoverlay{overflow:hidden !important}
.pluspunten{list-style:none;margin:0px;padding:0px;}
.pluspunten li{font-size:16px !important;padding-bottom:20px;font-weight:bold}
.pluspunten span{display:inline-block;width:27px;text-align:center;}
.pluspunten .fa{color:green;font-size:20px !important;margin-right:5px;}
.btn-search{background-color:#FFFFFF;margin:7px;display:inline-block;}
.blogItem{border:1px solid #BEBEBE;padding:7px;background-color:#FFFFFF;position:relative}
.blogItem .img-circle{width:90px;position:absolute;border:2px solid #ffffff;margin-top:-50px;right:10px;border-color:#575150 !important}
.blogItem .titel{margin-top:43px;margin-bottom:10px;padding-right:0px !important;display:block}
.blogItem .btn{color:#FFFFFF;border:none;margin-bottom:7px;}
.blogItem .views{font-size:13px;}
.blogItem .auteur{font-size:13px;display:inline-block;margin-bottom:10px;}
.blogItem .likes{font-size:13px;}
.blogItem .intro{font-size:13px;margin-bottom:20px;color:#575150 !important}
.blogItem .likes .fa{color:red}
.tableopeningstijden p{margin:0px;}
.ribbon{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right;}
.ribbon span{font-size:10px;font-weight:bold;color:#FFF;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:#79A70A;background:linear-gradient(#9BC90D 0%, #79A70A 100%);box-shadow:0 3px 10px -5px rgba(0, 0, 0, 1);position:absolute;top:19px;left:-21px;}
.ribbon span::before{content:"";position:absolute;left:0px;top:100%;z-index:-1;border-left:3px solid #79A70A;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #79A70A;}
.ribbon span::after{content:"";position:absolute;right:0px;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #79A70A;border-bottom:3px solid transparent;border-top:3px solid #79A70A;}
.extraIcons{font-size:12px}
@media screen and (max-width:780px){.blogItem .titel{padding:0px !important;}
.headerhome{margin-top:20px !important;}
.blogItem{margin-bottom:20px;}
}

