.hn-none{ display: none; }
.hn-small{ font-size: 12px; display: inline-block; }
.hn-rules{ background: #fff !important; }
.hn-rules td{ padding: 10px 25px 20px !important; }
.hn-rules strong{ color: #6BC533; }
.hn-rules ul{ list-style: disc; padding: 10px 0 10px 20px; }

/* Map */
#hn-map{ width: 100%; height: 900px; }
#hn-map img{ max-width: none !important; }

/* Profile */
.hn-profile{ /*float: left; width: 700px;*/ background: #fff; padding: 0 0 50px; position: relative; overflow: hidden; }

.hn-certificaat{ padding: 165px 5px 0; width: 100%; max-width: 319px; height: 285px; text-align: center; margin: 0 auto; background: url(http://www.tuinkeur.nl/wp-content/uploads/2013/10/tuinkeur_gecrtificeerd_certificaat.png) no-repeat; }

/*.hn-profile-header{ display: inline-block; }*/
.hn-profile-box{ width: 100%; position: relative; float: left; }

.hn-breadcrumbs{ background: #6BC533; padding: 3px 20px; color: #fff; margin: 0 0 20px 0; }
.hn-breadcrumbs a, .hn-breadcrumbs strong{ color: #fff; }

.hn-profile-logo{ max-width: 350px; height: auto; }
.hn-profile-title{ font-size: 30px; margin-bottom: 20px; }

.hn-profile-bar{ position: relative; height: 25px; margin: 50px 0; padding: 0 50px; background: #6BC533; }
.hn-profile-bar-rating{ position: relative; width: 100px; height: 25px; font-size: 40px; top: -25px; background: #6BC533; color: #fff; text-align: center; padding: 25px 0; }
.hn-profile-bar-rating-count{ color: #fff; position: absolute; top: 3px; left: 175px; }

.hn-profile-socialmedia{ text-align: right; padding: 5px 5px 10px; width: 120px; text-align: center; }
.hn-profile-socialmedia a{  }
.hn-profile-socialmedia a img{ width: 30px; margin: 5px; }

.hn-profile-keurmerk{ position: absolute; right: 50px; width: 75px; padding: 10px; background: #fff; }
.hn-profile-keurmerk img{ width: 75px; }
.hn-keurmerk-tuinkeur{ top: -35px; border-radius: 100%; }
.hn-keurmerk-groenkeur{ top: -15px; }

.hn-profile-description{ padding: 20px 50px; }

.hn-content-height-box{ position: relative; }
.hn-content-height-outer{ overflow: hidden; }
.hn-content-height-more{ position: relative; height: 1px; background: #ccc; cursor: pointer; margin: 7px 0; text-align: right; padding: 0 50px 0 0; }
.hn-content-height-more span{ position: absolute; color: #9B9B9B; display: block; right: 25px; top: -9px; padding: 0 5px; z-index: 1; }
.hn-content-height-more span:before{ content: " "; background: #fff; height: 1px; width: 100%; position: absolute; top: 9px; z-index: -1; left: 0; }
.hn-content-height-trigger{ cursor: pointer; }

.hn-line{ border-top: 1px solid #ccc; display: block; width: 100%; margin: 20px 0; }
.hn-head-line{ border-top: 1px solid #6BC533; display: block; width: 100%; margin: 20px 0; }

.hn-link{ font-size: 12px; color: #6BC533; cursor: pointer; font-weight: bold; }

/* Rating */
.hn-new-rating-stars{ width: 115px; }
.hn-new-rating-stars li{ cursor: pointer; }
.hn-star{ color: #FFBF00; font-size: 20px !important; padding: 0 2px; }
.hn-star-small{ color: #FFBF00; font-size: 17px !important; padding: 0 1px; }
.hn-star-red{ color: rgb(217,83,79); }
.rating-table-avg{ color: #6BC533; font-weight: bold; }

/* Reviews */
.hn-profile-review{ margin-bottom: 20px; }
.hn-profile-review .hn-head-line{ margin: 5px 0; }
.hn-profile-review .hn-line{ margin: 5px 0; }

.hn-table-review{ margin: 0; width: 100%; }
.hn-table-review-head{ margin: -5px 0; background: #6BC533; color: #fff !important; }
.hn-table-review-head .hn-review-title, .hn-table-review-head strong{ color: #fff !important; }
.hn-table-review-rating tr:not(:last-child){ border-bottom: 1px solid #ccc; }
.hn-table-review-rating tr:nth-child(even){ background: #eee; }
.hn-table-review-rating tr:nth-child(odd){ background: #fff; }
.hn-table-review td{ padding: 6px; }
.hn-table-review > tbody > tr > td:first-child{ padding: 6px 50px; }
.hn-table-review .hn-review-title{ color: #6BC533; font-size: 17px; }

.hn-table-review-images td{ padding: 20px; border: 1px solid #ccc; border-width: 1px 0; }
.hn-table-review-images td:nth-child(even){ border-width: 1px;  background: #eee; }
.hn-review-image{ max-width: 100%; max-height: 200px; }

/* Progress */
.hn-progress{ background: rgb(217,83,79); position: relative; padding: 0 !important; height: 10px; overflow: hidden; white-space: nowrap; }
.hn-progress .hn-progress-current{ margin-left: -10px; position: relative; z-index: 1; background: #ff6600; display: inline-block; width: 0; border-top: 10px solid #ff6600; border-right: 10px solid rgb(217,83,79); }
.hn-progress .hn-progress-completed{ background: #6BC533; position: relative; z-index: 2; display: inline-block; width: 0; border-top: 10px solid #6BC533; border-right: 10px solid #ff6600; }
.hn-progress-errors{ display: none; width: 96%; padding: 3px 2%; }
.hn-progress-errors span{ color: rgb(217,83,79); display: block; width: 100%; font-size: 12px; }

.hn-profile-recensie-stappen{ position: relative; }
.hn-profile-recensie-stap{ position: relative; width: 100%; top: 0; left: 0; }
.hn-recensie-image{ width: auto; max-width: 100%; height: auto; }

/* Zoeken */
.hn-zoeken{ /* float: left; width: 700px; */ background: #fff; padding: 0 0 50px; position: relative; overflow: hidden; }
h1.hn-zoeken-titel{ color: #6BC533; text-align: center; padding: 20px 0; }
h2.hn-zoeken-titel{ border-top: 1px solid #ccc; color: #fff; background: #6BC533; text-align: center; padding: 10px 0; }
/* .hn-zoeken .hn-zoeken-resultaten> table > tbody > tr:first-child > td:not(:first-child){ padding: 26px 0 0; } */
/* .hn-zoeken .hn-zoeken-resultaten > table > tbody > tr:last-child > td{ padding: 0 0 26px; } */
.hn-zoeken table{ width: 100%; }
.hn-zoeken table td{ padding: 6px; }
.hn-zoeken small{ font-size: 10px; }

.hn-zoeken .hn-zoek-resultaat{ border-top: 1px solid #ccc; }
.hn-zoeken .hn-zoek-resultaat td > table{ color: #6BC533; }
.hn-zoeken .hn-zoek-resultaat td > table td{ padding: 0; }
.hn-zoeken .hn-zoek-resultaat:nth-child(even){ background: #eee; }
.hn-zoeken .hn-zoek-resultaat:nth-child(even) td{ border-top-color: #fff; }
.hn-zoeken .hn-zoek-resultaat img{ max-width: 100%; max-height: 50px; }
.hn-zoeken .hn-zoek-resultaat h2{ font-size: 17px; }
.hn-zoeken .hn-zoek-resultaat h2 a{ color: #000; text-decoration: none; }
.hn-zoeken .hn-zoek-resultaat .hn-distance{ margin: 0 20px; float: right; font-size: 14px; }
.hn-zoeken .hn-zoek-resultaat-adverteerder{  }
.hn-zoeken .hn-zoek-resultaat-adverteerder img{ max-height: 100px; }
.hn-zoeken .hn-zoek-resultaat-adverteerder h2{ font-size: 20px; }

/* Zoeken form */
.header_zoeken .hn-zoeken-form{ margin: 40px 0 0 0; background: transparent; padding: 0; border: 0; }
.container > .hn-zoeken-form { position: relative; z-index: 9999; width: 50%; float: right; text-align: left; }
.hn-zoeken-form{ position: relative; z-index: 9999; text-align: left; }
.hn-zoeken-form table{ width: 100%; }
.hn-zoeken-form table td{ padding: 6px; }

/* Sidebar */
.hn-sidebar{ float: left; width: 200px; margin-left: 20px;  }
.hn-sidebar > div{ background: #fff; margin: 0 0 20px; padding: 20px; border-top: 10px solid #6BC533; }
.hn-sidebar > div:empty{ display: none; }
.hn-sidebar h3{ font-size: 17px; }

/* Map */
#hn-profile-map{ width: 100%; height: 450px; }
#hn-profile-map img{ max-width: none !important; }

/* Table */
.hn-table{ width: 80%; margin: 0 auto; }
.hn-table-full{ width: 100%; margin: 30px 0; }
.hn-table-blank, .hn-table-blank tr, .hn-table-blank td{ border: 0 !important; padding: 0 !important; margin: 0 !important; }
.hn-table-no-margin{ margin: 0; }
.hn-table-padding td:nth-child(1){ padding: 6px 50px; }
.hn-table-full tr{ border-bottom: 1px solid #ccc; }
.hn-table-full tr:nth-child(even){ background: #eee; }
.hn-table-full td{ padding: 6px; font-size: 16px; }

/* Input */
.hn-input{ width: 96%; padding: 10px 2% !important; border: 1px solid #ddd !important; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.07); box-shadow: inset 0 1px 2px rgba(0,0,0,.07); background-color: #fff; color: #333; -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; }
textarea.hn-input{ min-height: 100px; resize: vertical; }
.hn-button{ display: inline-block; border: 0; background: #6BC533; padding: 10px 15px; color: #fff !important; font-size: 15px; cursor: pointer; text-decoration: none; }
a.hn-button{ color: #fff !important; }
.hn-button:hover{ text-decoration: none; }
.hn-button-small{ font-size: 12px; padding: 5px 10px; }
.hn-button-full{ padding: 10px 2%; width: 96%; }
.hn-button table, .hn-button tr{ padding: 0 !important; }
.hn-button td{ padding: 0 5px !important; }