.foto_selected {
	opacity: 0.3;
}
.foto {
	cursor: pointer;
}

#nav_top a {
	color: #fff;
	text-decoration: none;
}

.mobile_only {
    display:none;
}

/* webfonts */
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on April 22, 2016 */

@font-face {
    font-family: 'DroidSans';
    src: url('../fonts/droidsans-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidSans';
    src: url('../fonts/droidsans-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
  font-family: "icons";
  src:url("../fonts/icons.woff") format("woff");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* spinner */

.spinner {
  margin: 0 auto;
  margin-left: 92px;
  margin-top: -105px;
  width: 40px;
  height: 40px;
  position: absolute;
  opacity: 1;
}

.spinner .spinner_circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;				
	transition: all 0.2s ease-in-out;  
}

.spinner .spinner_circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: spinner_circleFadeDelay 1.2s infinite ease-in-out both;
          animation: spinner_circleFadeDelay 1.2s infinite ease-in-out both;
}

.spinner .c2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}

.spinner .c3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}

.spinner .c4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.spinner .c5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}

.spinner .c6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}

.spinner .c7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.spinner .c8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}

.spinner .c9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}

.spinner .c10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}

.spinner .c11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}

.spinner .c12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}

.spinner .c2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}

.spinner .c3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}

.spinner .c4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}

.spinner .c5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}

.spinner .c6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}

.spinner .c7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}

.spinner .c8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}

.spinner .c9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}

.spinner .c10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}

.spinner .c11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}

.spinner .c12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes spinner_circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes spinner_circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}


/* general styles */
/* icon font styles */

.icon-home:before,
.icon-home_active:before,
.icon-search:before,
.icon-chevron-right:before,
.icon-chevron-left:before,
.icon-chevron-top:before,
.icon-active_aanb:before,
.icon-active_hhw:before,
.icon-active_tips:before,
.icon-active_vw:before,
.icon-active_cont:before {
	content: "\6a";
	font-size: 1.8em;
	position: absolute;
	margin-top: -16px;
}

.icon-home_active:before {
	color: rgb(255, 255, 255);
}

.icon-search:before {
	font-size: 1em;
	content: "\50";
	transform: rotate(-90deg);
	color: rgb(90, 90, 90);
	margin-top: 1px;
	margin-left: -26px;
}

.icon-chevron-right:before {
	font-size: 0.6em;
	content: "\46";
	margin-top: 0;
	position: relative;
	margin-right: 4px;
	color: rgb(4, 150, 26);
}

.icon-chevron-left:before {
	font-size: 0.6em;
	content: "\47";
	margin-top: 0;
	position: relative;
	margin-right: 4px;
	color: rgb(212, 22, 51);
}

.icon-chevron-top:before {
	font-size: 0.8em;
	content: "\45";
	margin-top: 0;
	position: relative;
	margin-right: 4px;
	color: rgb(212, 22, 51);
}

.active_nav {
	width: 100%;
	height: 100%;
	text-align: center;
}

.icon-active_aanb:before,
.icon-active_hhw:before,
.icon-active_tips:before,
.icon-active_vw:before,
.icon-active_cont:before {
  content: "\44";
  transform: scale(0.7,0.5);
  margin-top: -14px;
  margin-left: -18px;
}

.icon-active_vw:before {
	margin-left: 30px;
}


/* IE 9 and 10 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.icon-active_cont:before {
		margin-left: 20px;
	}
}

/* Edge 12 */
@supports (-ms-accelerator:true) {
	.icon-active_cont:before {
		margin-left: 10px;
	}
}

@media screen and (min-width:0\0) {
	
	.active_nav {
		width: 100%;
		height: 100%;
		text-align: center;
	}	

	.icon-active_aanb:before,
	.icon-active_hhw:before,
	.icon-active_tips:before,
	.icon-active_vw:before,
	.icon-active_cont:before {
		content: "\44";
		transform: scale(0.7,0.5);
		margin: 0 auto;
		margin-top: -13px;
	}
	
	.icon-active_aanb:before {
		margin-left: 10px;
	}
	
	.icon-active_hhw:before {
		margin-left: 30px;
	}
	
	.icon-active_tips:before {
		margin-left: -2px;
	}
	
	.icon-active_vw:before {
		margin-left: 29px;
	}
	
	.icon-active_cont:before {
		margin-left: 10px;
	}			
}

#logged_in {	
	width: 1000px;
	margin: 0 auto;
	margin-top: 10px;
	text-align: right;
}

#logged_in span {
	margin-right: 8px;
}

#logged_in span strong {
    color: rgb(20, 80, 200);
}

header {
	width: 1000px;
	min-height: 170px;
	margin: 0 auto;
	padding-bottom: 12px;
	text-align: center;	
	background-color: white;
}

#search_mob {
	display: none;
}

#logo {
	display: inline-block;
	float: left;
}

#logo img {
	 width: 300px;
	 height: 156px;
}

#head_txt {	
	margin-top: 40px;
	margin-left: 246px;
	display: inline-block;
}

#head_txt ul {
	text-align: left;
}

#head_txt li {
	list-style: none;
	font-weight: normal;
	font-size: 21px;
	line-height: 26px;
	color: rgb(70, 70, 70);
}

#head_txt li span.last_line {
	width: 325px;
	height: 56px;
	margin-left: 0;
}

#head_txt li span.last_line img {
	width: 325px;
	height: 52px;
	margin-top: 4px;
}

#nav_top {
	width: 100%;
	background-color: rgb(4, 150, 26);
	margin: 0 auto;
}

nav ul {
	margin: 0 auto;
}

nav li#nav_lnk_3,
nav li#nav_lnk_4 {
	font-size: 17px;
	padding: 10px 12px 7px 12px;
	background-color: #72a857;
	border-radius: 4px;
	margin-right: 8px;
	margin-left: 0;
}

nav li#nav_lnk_4 {
	margin-left: 4px;
}

nav li#nav_lnk_3:hover,
nav li#nav_lnk_4:hover {
	background-color: rgb(91, 142, 208);
	color: white;
}

#slide_menu {	
	background-color: rgb(4, 150, 26);
}

#not_logged_in {	
	background-color: rgb(255, 255, 255);
}

#slide_menu_inner {
	max-width: 1000px;
	height: 0px;
	opacity: 0;	
	margin: 0 auto;
	margin-bottom: 4px;
	background-color: rgb(4, 150, 26);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#slide_menu_ul_aanmelden {
	padding-top: 8px;
}

#slide_menu_ul_aanmelden h2,
#slide_menu_ul_aanmelden p {
	font-size: 20px;
	font-weight: bold;
	color: rgb(120, 200, 250);
	text-transform: uppercase;
	margin-left: 8px;
	margin-top: 4px;
}

#slide_menu_ul_aanmelden p {
	font-weight: normal;
	font-size: 15px;
	line-height: 18px;
	text-transform: none;
	margin-top: 12px;
	color: white;
}

#slide_menu_ul {
	margin-top: 4px;
	margin-left: 12px;
}


#slide_menu_ul_aanmelden input {
	width: 250px;
	margin: 0;
	margin-right: 10px;
}

#slide_menu_ul_aanmelden table {
	margin-top: 16px;
	margin-left: 6px;
}

#slide_menu_ul_aanmelden td {
	padding: 4px;
}

#slide_menu_ul_aanmelden td:first-child {
	width: 200px;
}

#slide_menu_ul_aanmelden tr td {
	height: 30px;
}

#slide_menu_ul_aanmelden td span {
	padding: 4px;
}

#slide_menu_ul_aanmelden input[type="radio"]:nth-child(2) {
	margin-left: 10px;
}

#slide_menu_ul_aanmelden input[type="checkbox"] {
	width: unset;
}

.akkoord {
	margin-top: 3px;
}

.akkoord a {
	color: rgb(120, 200, 250);
	text-decoration: none;
}

.star,
#edit_data .star {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: rgb(120, 200, 250);
}

#edit_data .star {
	color: rgb(40, 70, 110);
}

#edit_data input[name="adres"] {
	margin-left: 0;
}

#voorwaarden_txt,
#tips_txt,
#hhw_txt {
	/*font-family: 'DroidSans';*/
	border: 2px solid black;
	color: rgb(70, 70, 70);
	padding: 16px;
	font-size: 14px;
}

#voorwaarden_txt,
#tips_txt,
#hhw_txt {
	border: none;
	padding: 34px;
	padding-top: 0;
	font-size: 15px;
}

#voorwaarden_txt h2,
#voorwaarden_txt h3,
#tips_txt h2,
#tips_txt h3 {
	color: black;
	margin-left: 0;
	margin-bottom: 16px;
}

#tips_txt h2 {
	font-weight: bold;
}

#voorwaarden_txt h3,
#tips_txt h3 {
	font-size: 16px;
	margin-top: 16px;
	font-weight: bold;
}

#voorwaarden_txt ol,
#voorwaarden_txt ul,
#tips_txt ol,
#tips_txt ul,
#hhw_txt ol,
#hhw_txt ul {
	margin-left: 10px;
	line-height: 18px;
}

#slide_menu_ul_aanmelden strong.hl{
	color: #f3ff3c;
}


#tips_txt ol li,
#hhw_txt ol li {
	list-style: decimal;
}

#hhw_txt ol li {
	list-style: none;
	line-height: 18px;
	margin-bottom: 12px;
}

#voorwaarden_txt ul li {
	list-style: none;
	line-height: 16px;
	margin-bottom: 6px;
}

span.hhw_num {
	color: rgb(4, 150, 26);
	font-size: 16px;
	font-weight: bold;
}

#tips_txt ul li {
	list-style:  none;
}

#hhw_txt h1,
#hhw_txt h2,
#tips_txt h1,
#voorwaarden_txt h1 {
	font-size: 17px;
	font-weight: bold;
	margin-top: 16px;
	margin-bottom: 16px;
}

#hhw_txt h1 {
	color: rgb(4, 150, 26);
}

#hhw_txt h2 {
	color: rgb(4, 150, 26);
}

#hhw_images {
	width: 750px;
	margin: 0 auto;
}

#hhw_txt ul li {
	display: inline-block;	
}

#hhw_txt .hhw_img {
	width: 220px;
	height: 165px;
	padding: 12px;
}

#search_mob input {
	width: 250px;
	height: 23px;
	border: 2px solid rgb(190, 190, 190);
}

/* normal search input left in nav bar  */
#digits_2 {
	width: 168px;
}

#search_mob button {
	padding: 9px 12px 6px 12px;
}

#slide_menu_ul input {
	width: 180px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

nav li.search_input {
	margin-right: 0;
}

nav li button,
#slide_menu_ul button {
	font-size: 18px;
	padding-top: 6px;
	padding-bottom: 5px;
}

#slide_menu_ul button {
	margin-left: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

#forgot_pw {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

#forgot_pw p {
	color: white;
	margin-bottom: 4px;
}

#forgot_pw_email {
	width: 280px;
}

.forgot_pw_txt {
	font-size: 11px;
	padding: 2px 0 6px 0;
	margin-left: 268px;
	color: white;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.forgot_pw_txt:hover {
	color: rgb(120, 200, 250);
	cursor: pointer;
}

strong {
	font-weight: 700;
}

.dred {
	color: rgb(145, 0, 0);
}


/* main sections and containers */

#layout_container {
	height: 100%;
	overflow: auto;
	background: url(../_img/bg_main3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;	
}

#top_div_aanbod {
	margin: 0 auto;
	margin-top: 14px;
	background-color: white;
}

#top_div .slide {              
    width: 968px;
    height: 400px;
    margin: 16px;
    position: absolute;
    opacity: 0;                    
    -webkit-transition: opacity 4s ease-in-out;
    -moz-transition: opacity 4s ease-in-out;
    -o-transition: opacity 4s ease-in-out;
    transition: opacity 4s ease-in-out;                                   
}

#search_left,
#search_left_aanbod,
#search_left_details {
	padding-top:8px;
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 4px;
	color: #000
}

#search_left_aanbod h1, #search_left h1 {
	color: #fff;
}

.dd_left {
	color: #000
}

#search_left_aanbod {
	position: inherit;
	height: 100%;
}

#search_left_inner {
	margin: 20px;
	font-size: 14px;
}

#search_left_inner label {
	line-height: 18px;
	padding: 0 0 4px 2px;
	color: rgb(255, 255, 255);
}

#search_left_inner h1 {
	font-size: 24px;
	margin-bottom: 12px;
	margin-left: 2px;
	color: #fff;
}

div#fb-right {
    position: relative;
    float: right;
    margin-top: 22px;
    margin-right: -136px;    
}

/* IE 9 and 10 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	div#fb-right {
	    margin-right: -142px;    
	}
}


/* #1 DROPDOWN SELECT STYLES */

#submit_msg {
	color: black;
	font-size: 18px;
	font-family: "pt_sans_narrowregular";
	margin-left: 4px;
}
   
.dd_outer,
#edit_ad .dd_outer {
	width: 250px;
	cursor: pointer;	
	margin-bottom: 10px;
}

#edit_ad .dd_outer {
	margin-top: 4px;
	margin-bottom: -4px;
	display: inline-block;
}

#edit_ad h1,
#contact h1 {
	margin-top: 20px;
	margin-bottom: 10px;
}

#ad_number {
    background-color: #0088dd;
    color: white;
    padding: 5px 10px 5px 10px;
    width: auto;
    float: right;
    border-radius: 4px;
}

#edit_ad input[type="text"],
#contact input[type="text"] {
	margin-top: 6px;
	margin-bottom: 10px;
}

.edit_ad_error_msg,
.edit_ad_error_msg_select {
	color: rgb(212, 22, 51);
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 0;	
	position: relative;
	margin-left: -98px;
}

.edit_ad_error_msg_select {
	display: block;
	margin-left: 6px;
	font-size: 14px;
}

@-moz-document url-prefix() { 
	.edit_ad_error_msg {
		margin-left: 0px;
	}
}

#edit_ad input#Van,
#edit_ad input#tot {
	width: 76px;
}

#edit_ad button.seldate {
	width: 28px;
	padding-top: 9px;
	padding-bottom: 6px;
}

#datepicker {
	background-color: white;
	border: 2px solid #72a857;
	padding: 4px;
	border-radius: 4px;
	font-size: 14px;
}

#datepicker .dpDayHighlight {
	color: green;
	padding-left: 4px;
	font-weight: bold;
}

#datepicker .dpDayTD {
	font-weight: bold;
	padding: 4px;
}

#datepicker .dpDayTD:first-child {
	text-align: right;
	padding-right: 15px;
}

#datepicker .dpTD {
	padding: 4px;
	cursor: pointer;
}

#datepicker .dpTDHover {
	padding: 4px;
	cursor: pointer;
	background-color: #72a857;
	color: white;
	border-radius: 4px;
}

#datepicker .dpTDHover div.dpDayHighlight {
	padding-left: 0px;
	background-color: #72a857;
	color: white;

}

#edit_ad input[type="checkbox"] {
	margin-left: -116px;
	margin-top: 4px;
	width: 10px;
	height: 10px;
	background-color: white;
	-ms-transform: scale(1.8); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.7);
	-o-transform: scale(1.4); /* Opera */	
}

#edit_ad li {
	font-size: 14px;
	padding: 4px;
}

#edit_ad li span {
	margin-left: 6px;
}

@-moz-document url-prefix() { 
	#edit_ad li span {
		margin-left: -90px;
	}
}

#edit_ad td:first-child {
	width: 220px;
}

#contact td:first-child {
	width: 180px;
}

#edit_ad > li:last-child {
	width: 400px;
	background-color: green;	
}

#edit_ad td span {
	font-size: 14px;
}

#edit_ad .m2 {
	margin-left: 200px;
}


/* photo manager styles */

#edit_ad_photo_manager {
	margin-bottom: 10px;
}

#edit_ad_photo_manager li {
	display: inline-block;
	background-color: white;
	border-radius: 4px;
	background-color: rgb(180, 180, 180);
	margin-bottom: 4px;
}

#edit_ad_photo_manager li.sub_buttons {
	padding: 0;
	margin-top: 10px;
	background-color: white;
}

div.edit_ad_photo {
    padding: 2px;
    border: 2px solid rgb(180, 180, 180);
    border-radius: 4px;
    width: auto;
    height: auto;
}

div.edit_ad_photo {
	width: 214px;
	height: 142px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;				
	transition: all 0.2s ease-in-out;	
		
}

div.edit_ad_photo img {
	width: 100%;
	height: 100%;
	cursor: pointer;		
}

div.edit_ad_photo_full {
	position: absolute;
	padding: 12px;
	background-color: white;
	border-radius: 8px;
    margin-top: -166px;
    margin-left: -6px;
	cursor: pointer;
	z-index: 9;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;				
	transition: all 0.5s ease-in-out;
}

div.edit_ad_photo_full > img {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;				
	transition: all 0.4s ease-in-out;
}

div.edit_ad_photo_num {
	position: absolute;
    color: white;
    background-color: rgb(0, 0, 0);
    padding: 3px 8px 3px 8px;
    margin-top: -141px;
    margin-left: 3px;
    border-radius: 4px;
    opacity: 0.7;
    font-size: 21px;
    font-weight: bold;	
}

div.edit_ad_photo_buttons {
	margin-top: 3px;
    border-radius: 4px;    
    
}

button.gray_button {
	background-color: rgb(80, 80, 80);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;				
	transition: all 0.2s ease-in-out;	
}

button.gray_button:hover {
	background-color: rgb(140, 140, 140);
}



.edit_ad_photo_del_confirm {
	position: absolute;
    width: 180px;
    height: 60px;
    background-color: white;
    border-radius: 2px;
    margin-top: -140px;
    margin-left: 12px;
    padding: 8px;
	box-shadow: 4px 5px 15px rgb(200, 200, 200);
}

@-moz-document url-prefix() {
	div.edit_ad_photo_del_confirm {
		width: 192px !important;
		margin-top: -137px !important;
		margin-left: 7px !important;
	}
}

.edit_ad_photo_upload {
	position: absolute;
    width: 280px;
    height: auto;
    background-color: white;
    border-radius: 2px;
    margin-top: -160px;
    margin-left: 2px;
    padding: 8px;
    box-shadow: 4px 5px 15px rgb(200, 200, 200);    
}

@-moz-document url-prefix() {
	div.edit_ad_photo_del_confirm > span,
	div.edit_ad_photo_upload > span {
		margin-left: 6px !important;
	}
}



.dd_inner {
	height: 22px;
	background-color: rgb(250, 250, 250);
	border: 1px solid rgb(210, 210, 210);
	border-radius: 4px;
	padding: 4px;
}

.dd_left {
	height: 22px;				
	display: inline-block;
	float: left;
}

.dd_txt {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	margin: 3px;
	position: absolute;
}

.dd_right {
	width: 18px;
	height: 22px;				
	background-color: rgb(180, 180, 180);
	border-radius: 3px;
	display: inline-block;
	float: right;
}

.triangle {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid rgb(240, 240, 240);
	position: absolute;
	margin-top: 8px;
	margin-left: 4px;
}

.dd_list_outer,
#edit_ad .dd_list_outer {
	width: 240px;
	height: 208px;
	background-color: rgb(250, 250, 250);
	border: 1px solid rgb(210, 210, 210);
	border-top: none;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	padding: 4px;
	margin-top: -2px;
	position: absolute;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;				
	transition: all 0.2s ease-in-out;
}

.dd_list_inner li {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;				
	list-style: none;
	margin: 0;
	padding: 7px;
}

.dd_list_inner li:hover,
.dd_list_inner li.active {
	background-color: rgb(120, 120, 120);
	color: white;
}


#search_left_inner button {
	font-size: 18px;
	margin-left: 1px;
}

/* Modern Internet Explorer style for button padding */


/* IE 9 and 10 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	button {
		padding: 9px 10px 7px 10px;
	}
}

/* Edge 12 */
@supports (-ms-accelerator:true) {
	button {
		padding: 9px 10px 8px 10px;
	}
}

button:hover {
	background-color: rgb(91, 142, 208);
}

button:active {
	position:relative;
	top:1px;
}

.button_l {
	float: left;
}

.button_r {
	float: right;
}



section#main,
section#main_aanbod,
section#main_edit_data,
section#main_edit_ad,
div#info_msg {
	overflow: visible;
	max-width: 1000px;
	min-height: 400px;
	margin: 0 auto;
	background-color: rgb(250, 250, 250);
	padding-top: 12px;
	padding-bottom: 20px;
}

div#info_msg {
	height: auto;
	min-height: auto;
}

section#main_aanbod {
	background-color: white;
	padding-top: 0;
}

section#main_edit_data {
	padding-bottom: 20px;
}

.featured {
	width: 268px;
	padding-bottom: 37px;
	margin-top: 10px;
	border: 1px solid rgb(170, 170, 170);
	border-radius: 4px;	
}

.featured:hover {
	border-color: rgb(4, 150, 26);
}

.feat_img_container img {
	width: 260px;
	height: 170px;
	padding: 4px;
}

.no_img {
	width: 252px;
	height: 88px;
	padding: 4px;
	padding-top: 74px;
	margin: 4px;
	text-align: center;
	background-color: rgb(240, 240, 240);
}

.no_img span {
	width: 252px;
	font-size: 16px;
	font-weight: bold;
	color: black;
	
}

.feat_img_container a {
	text-decoration: none;
}

.feat_flag {
	position: absolute;
	margin-top: -184px;
	margin-left: 198px;
	opacity: 0.9;
}

.feat_flag img {
	width: 64px;
	height: 64px;
}

.featured_info {
	padding: 0 0 4px 4px;
}

.featured_info h2 {
	font-weight: bold;
	line-height: 22px;
	font-size: 17px;
	color: rgb(50, 70, 90);	
	padding-bottom: 3px;
	border-bottom: 1px dotted rgb(200, 200, 210);
}

.featured_info ul {
	display: inline-block;
	margin-top: 3px;
	color: rgb(100, 100, 100);
}

.featured_info ul:last-child {
	color: rgb(20, 50, 120);
}

.featured_info ul li {
	font-size: 14px;
	padding: 4px 4px 4px 2px;
}

#feat_buttons {
	border-top: 1px dotted rgb(200, 200, 210);
}

#pros {
	margin: 0 auto;
	border-top: 2px solid rgb(230, 230, 230);
	padding: 16px;
	padding-top: 6px;
}

#pros_left {
	width: 274px;
	display: inline-block;
	vertical-align: top;
}

#responsecontainer {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;				
	transition: all 0.2s ease-in-out;	
}

#pros_right{
	width: 690px;
	display: inline-block;
	vertical-align: top;
}

#pros_right_inner,
#aanbod_right_inner {
	line-height: 22px;
}

#bladkop {
	margin-top: 19px;
	margin-left: 6px;
}

.object_outer {
	margin-top: 20px;
}

.object_inner {
	border: 2px solid #4F4D47;
	border-radius: 4px;
	color: #000;
}

.object_inner li {
	display: inline-block;
	vertical-align: top;
}

.object_inner img {
	margin: 8px;
}

.aanbod_flag img {
	position: absolute;
	width: 64px;
	height: 64px;
	margin-top: -4px;
	margin-left: -4px;
}

.aanbod_header {
	position: absolute;
	margin-left: 63px;
	margin-top: 8px;
}

.aanbod_header span {
	display: block;
}

.aanbod_info {
	margin-top: 58px;
	padding-top: 4px;
	border-top: 1px solid #4F4D47;
	font-size: 14px;
}

.aanbod_desc_small {
	line-height: 16px;
	margin-top: 8px;
	padding-top: 4px;
	border-top: 1px solid #4F4D47;
	font-size: 14px;
}

.aanbod_info ul {
	display: inline-block;
	vertical-align: top;
}

.aanbod_info li {
	display: block;
	padding: 2px;
}

#pros_right_inner h2,
#aanbod_right_inner h2 {
	font-weight: bold;
	line-height: 22px;
	padding: 6px 12px 6px 12px;
	font-size: 17px;
	color: rgb(70, 70, 70);
}

#pros_right_inner h2 em,
#pros_right_inner li em {
	color: rgb(4, 150, 26);
	font-style: normal;
}

#pros_right_inner li em {
	font-weight: bold;
	font-size: 16px;
}

#pros_right_inner ul {
	padding: 6px;
	margin-left: 14px;
}

#pros_right_inner p {
    margin-left: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#tips_txt li {
	margin-bottom: 12px;
	margin-left: 12px;
}

#voorwaarden_txt li.checklist {
	margin-left: 16px;
}

#pros_right_inner li:before,
#tips_txt li:before,
#voorwaarden_txt li.checklist:before {
	content: "\61";
	color: rgb(4, 150, 26);
	font-family: "icons";
	display: inline-block;
	margin-top: 2px;
	margin-left: -10px;
	width: 20px;
}

#tips_txt li:before,
#voorwaarden_txt li.checklist:before {
	position: absolute;
	margin-top: 2px;
	margin-left: -20px;
}

#range {
	margin-bottom: 16px;
	margin-top: 14px;
	margin-left: 4px;
	line-height: 38px;
}

.pag_active {
	background-color: #72a857;
	padding: 3px 7px 1px 7px;
	border-radius: 6px;
	color: white;
	border: 1px solid #72a857;
	margin: 0px 3px 0px 3px;
}

.pag_not_active {
	background-color: white;
	color: black;
	border-radius: 6px;
	padding: 3px 7px 1px 7px;
	border: 1px solid rgb(100, 100, 100);
	margin: 0px;
}

.pag_not_active:hover {
	background-color: rgb(4, 150, 26);
	border: 1px solid rgb(4, 150, 26);
	color: white;
}

.pag_next,
.pag_prev,
.pag_first,
.pag_last {
	background-color: white;
	padding: 2px 8px 1px 8px;
	border-radius: 6px;
	color: black;
	padding: 3px 7px;
	border: 1px solid rgb(100, 100, 100);
}

.pag_next:hover,
.pag_prev:hover,
.pag_first:hover,
.pag_last:hover {
	background-color: rgb(4, 150, 26);
	border: 1px solid rgb(4, 150, 26);
	color: white;
}

#range a {
	text-decoration: none;
	margin: 0px 3px 0px 3px;	
}


/* EDIT USER DATA STYLES */

#edit_data h1,
#edit_ad h1,
#contact h1,
#edit_ad_photo_manager > h1 {
	margin-bottom: 8px;
	margin-left: 4px;
}

#edit_ad_photo_manager > h1 {
	font-size: 22px;
	margin-top: 6px;	
	margin-bottom: 16px;	
}

#edit_data fieldset {
	padding-right: 10px;
}

#edit_data td,
#edit_ad td,
#contact td {
	padding: 8px;
}

#edit_data td:first-child {
	width: 300px;
}

#edit_data td:last-child {
	width: 300px;
}


#edit_data input[type="checkbox"] {
	width: auto;
	height: auto;
	margin: 0 4px 0 0;
}

textarea#Opmerkingen_hdoppas,
textarea#Opmerkingen,
textarea#Opmerkingen_,
#contact textarea {
	margin-top: 10px;
	height: 200px;
	border: solid 1px rgb(204, 204, 204);
	margin-bottom: 6px;
	padding: 6px;
	font-size: 15px;
	background: rgb(248, 248, 248);
	border-radius: 3px;
	color: rgb(102, 102, 102);
	display: block;
	box-shadow: inset 0 1px 0 0px white;
	-webkit-box-shadow: inset 0 1px 0 0px white;	
}

/* DETAILS PAGE STYLES */

#details_main {
	width: auto;	
	margin-top: 14px;
	margin-right: 8px;
	border-radius: 4px;	
}

#details_header {
	padding-left: 8px;
	border-radius: 4px;
	background-color: rgb(255, 255, 255);

	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-color: #4F4D47;
	color: #fff;
	position: relative;
}

.details_flag {
	display: inline-block;
	width: 64px;
}

.details_title {
	display: inline-block;
	margin-top: 17px;
	vertical-align: top;
}

.details_title_place {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 4px;
}

.details_title_region {
	font-size: 17px;
	line-height: 17px;
	font-weight: bold;
}

.details_adnr {
	display: inline-block;
	margin-top: 17px;
	vertical-align: top;
	font-size: 17px;
	text-align: right;
	position: absolute;
	right: 0;
	width: 225px;
	padding-right: 12px;
}

#details_mid {
	margin: 10px 0 0 0;
}

#details_photos button {
	margin-top: 8px;
	margin-left: 0px;
}

.details_photo {
	width: 280px;
	margin: 5px;
	margin-left: 0;
	vertical-align: top;
}

.details_photo img {
	max-height: 76px;
}

.details_desc {
	padding: 2px;
	line-height: 22px;
	margin-bottom: 4px;
	font-size: 16px;
}

.details_desc h3 {
	margin: 0px 0px 2px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid rgb(150, 180, 190);
}

#details_info td:first-child {
	width: 250px;
	font-weight: bold;
}

#details_info td {
	border-top: 1px solid rgb(150, 180, 190);
	padding: 12px;
	line-height: 22px;
	color: rgb(70, 70, 70);
	font-size: 16px;
}

#details_info h2 {
	margin-top: 8px;
	margin-bottom: 8px;
	color: rgb(4, 150, 26);
}
#details_info h3 {
	color: rgb(70, 70, 70);
	margin: 0px 0px 2px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
}

#details_info table.details_info_ruil td {
	border-top: none;
	border-bottom: 1px solid rgb(0, 0, 0);
}

#details_info table.details_info_ruil td:first-child {
	width: 150px;
}

#details_info table.details_info_ruil td:last-child {
	width: 200px;
}

#details_info table.details_info_ruil tr:last-child td {
	border-bottom: none;	
}

#details_info ul {
	margin-left: 13px;
}

#details_info li {
	list-style: disc;
	margin-bottom: 8px;
}

.details_send_msg p {
	margin-left: 12px;
	font-size: 16px;
}

.details_send_msg ul {
	margin-top: 4px;
	margin-left: 12px;
	font-size: 16px;
}

.details_send_msg li {
	margin-left: 12px;
}

.details_send_msg textarea {
	width: 100%;
	height: 140px;
	margin-top: 12px;
	display: block;
}

.details_send_msg button {
	margin-left: 0;
}

.verstuurd {
	color: rgb(60, 126, 63);
	font-size: 16px;
	margin-top: 16px;
	font-weight: bold;
}

#payment_img {
	position: absolute;
	margin-left: 430px;
	margin-top: -250px;
}

#join_button_div {
    position: relative;
    float: right;
    /* marginp-top below only relevant when facebook button is visible */
    /* margin-top: 100px; */
    margin-top: 130px;
    margin-right: 25px;  	
}

button#join_button {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 20px;
}

#join_button_div_bottom {
	display: none;
}

#content_wrap {
	padding: 18px;
	display: block;
}

footer {
	width: 100%;
	padding-bottom: 24px;
	border-top: 6px solid #4F4D47;
	background-color: #456E2F;
}

#back_to_top_outer {
	width: 100%;
}

#back_to_top_inner {
	width: 120px;
	text-align: center;
	margin: 0 auto;
	background-color: #4F4D47;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

#back_to_top_inner .arr_up {
	font-size: 1.8em;
	font-weight: 900;
	color: white;
	padding-top: 6px;
}

#back_to_top_inner .back_up_txt {
	font-size: 18px;
	font-weight: 700;
	color: white;
	margin-top: -4px;	
}

#back_to_top_inner a {
	text-decoration: none;
	color: white;	
}

#footer_nav {
	width: 100%;
	height: 50px;
	padding-top: 18px;
}

#footer_nav ul {
	text-align: center;
}

#footer_nav ul li {
	display: inline-block;
	padding: 14px;
} 

#footer_nav ul li a {
	font-size: 16px;
	font-weight: 700;	
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
}

#copyright {
	width: 100%;
	height: 50px;
	text-align: center;
}

#copyright_inner {
	margin: 0 auto;
}

#copyright span {
	font-size: 13px;	
	color: #fff;
}





/* responsive standard containers */

.full {
	width: 100%;
	display: inline-block;
}

.half {
	width: 49%;
	float: left;
}

.quarter {
	width: 32%;
	float: left;
	margin-left: 2%;
}

.quattro {
	width: 23.5%;
	float: left;
	margin-left: 2%;
}


/* (sub) content container styles */

.content_container {
	background: white;
	clear: both;
}

/* mobile screensize menu styles */

#sub_nav {
	width: 180px;
	height: 100%;
	float: left;
	border-radius: 3px 0px 0px 0px;
}

#sub_nav strong {
	color: rgb(70, 70, 90);
}

#sub_nav ul {
	margin: 21px 15px;
}

#sub_nav ul li {
	list-style: none;
	padding: 12px 0px;
	border-top: solid 1px rgb(220, 223, 224);
	line-height: 100%;
	box-shadow: inset 0px 1px 0px white;
}

#sub_nav ul li:first-child {
	border-top: none;
	box-shadow: none;
}

#sub_nav ul li a {
	color: rgb(100, 100, 100);
	font-size: 15px;
	text-decoration: none;
	display: inline-block;
	line-height: 17px;
	cursor: pointer;
}

#sub_nav ul li a:hover {
	color: black;
}

#sub_nav ul li a span {
	font-size: 12px;
	float: left;
	margin: 0 8px 0px 5px;
}

#sub_nav ul li.active a {
	font-weight: bold;
}

#responsive_nav {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.menu_button_animated {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0;
	margin-top: 10px;
	margin-left: 10px;
	padding: 0;
	width: 40px;
	height: 28px;
	font-size: 0;
	text-indent: -9999px;
	appearance: none;
	box-shadow: none;
	border-radius: 7px;
	border: 1px solid rgb(140, 140, 140);
	cursor: pointer;
	transition: background 0.3s;
}

.menu_button_animated:focus {
	outline: none;
}

.menu_button_animated span {
	display: block;
	position: absolute;
	top: 12px;
	left: 7px;
	right: 8px;
	height: 2px;
	background: rgb(255, 255, 255);
}

.menu_button_animated span::before,
.menu_button_animated span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: rgb(255, 255, 255);
	content: "";
}

.menu_button_animated span::before {
	top: -6px;
}

.menu_button_animated span::after {
	bottom: -6px;
}

.menu_button_animated_arr {
background: rgb(191,229,255);
background: -moz-linear-gradient(top,  rgb(117,245,83) 0%, rgb(70,147,50) 100%);
background: -webkit-linear-gradient(top,  rgb(117,245,83) 0%,rgb(70,147,50) 100%);
background: linear-gradient(to bottom,  rgb(117,245,83) 0%,rgb(70,147,50) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfe5ff', endColorstr='#7db9e8',GradientType=0 );

}

.menu_button_animated_arr span {
	transition: transform 0.3s;
}

.menu_button_animated_arr span::before {
	transform-origin: top right;
	transition: transform 0.3s, width 0.3s, top 0.3s;
}

.menu_button_animated_arr span::after {
	transform-origin: bottom right;
	transition: transform 0.3s, width 0.3s, bottom 0.3s;
}

.menu_button_animated_arr.is-active {
	background-color: white;
}

.menu_button_animated_arr.is-active span {
	transform: rotate(180deg);
	height: 3px;
}

.menu_button_animated_arr.is-active span::before,
.menu_button_animated_arr.is-active span::after {
	width: 40%;
}

.menu_button_animated_arr.is-active span::before {
	height: 3px;	
	top: 4px;
	transform: translateX(8px) translateY(4px) rotate(140deg);
}

.menu_button_animated_arr.is-active span::after {
	height: 3px;
	bottom: 4px;
	transform: translateX(8px) translateY(-4px) rotate(-140deg);
}

#menu_icon,
#arr_up,
#responsive_nav {
	display: none;
}

@media only screen and (max-width: 1020px) {

	#logged_in {	
		width: 800px;
	}

	nav ul {
		padding-top: 6px;
	}

	
	nav li.search_input {
		display: none;
	}
	
	#slide_menu_inner {
		max-width: 800px;
	}
	
	header {
		width: 800px;
	}

	#search_mob {
		width: 800px;
		display: block;
		margin: 0 auto;
		margin-bottom: 10px;
	}	
	
	.dd_outer {
		width: 220px;
	}
	
	.dd_inner {
		height: 18px;
	}
	
	.dd_list_inner li {
		font-size: 12px;
	}
	
	.dd_txt {
		font-size: 12px;
		line-height: 12px;
	}
	
	.dd_right {
		height: 18px;
	}
	
	.triangle {
		margin-top: 6px;
	}
	
	.dd_list_outer {
		width: 210px;
	}
	
	#search_left_inner {
		margin-top: 16px;
	}
	
	#search_left_inner h1 {
		margin-bottom: 8px;
	}

	#head_txt {
		margin-left: 66px;
	}
		
	#head_txt li {
		font-size: 20px;
	}
	
	#head_txt li span {
		font-size: 21px;
	}
	
	#top_div{
		width: 800px;
		height: 337px;
		background-size: cover;
	}
	
	#top_div .slide {              
	    width: 768px;
	    height: 317px;                         
	}
		
	section#main,
	section#main_edit_data,
	section#edit_ad {
		max-width: 800px;
	}
	
	#pros_right {
		width: 490px;
	}

	.object_inner img {
		/*width: 200px;
		height: 133px;*/
		margin: 8px;
	}

	.aanbod_flag img {
		margin-left: -6px;
		margin-top: -4px;
		width: 64px;
		height: 64px;
	}
	
	.aanbod_header span {
		display: block;
	}

	.aanbod_info ul {
		display: inline-block;
	}
	
	.aanbod_info li {
		display: block;
		padding: 2px;
	}
	
	
	#details_main {
		margin-right: 6px;
	}
	
	#details_info {
		width: auto;
	}
	
	#details_info table.details_info_ruil td:last-child {
		width: auto;
	}
	
	.details_title_place {
		font-size: 20px;
	}
		
	.details_title_region {
		font-size: 15px;
	}

	.details_desc {
		padding-left: 0;
	}

	.details_photo {
		width: 100%;
	}

	
	.verstuurd {
		margin-left: 29px;
	}
	
	#payment_img {
		margin-left: 306px;
		margin-top: -227px;
		transform: scale(0.8, 0.8);
	}	

	#back_to_top_inner .back_up_txt {
		font-size: 16px;
		margin-top: -20px;
	}		
	
	#copyright_inner {
		max-width: 700px;
	}		
		
}


@media only screen and (max-width: 820px) {

	#foto_groot_src img {
		height: unset;
	}
	.foto_selected {
		opacity: 1;
	}
	#logged_in {	
		width: 700px;
	}
	
	#head_txt {
		margin-left: 52px;
	}	
	
	#head_txt li {
		font-size: 16px;
	}
	
	#head_txt li span {
		font-size: 16px;
	}
		
	#head_txt li i.head_arrow {
		transform: scale(0.8, -0.8);
	}	
	
	header {
		width: 700px;
	}
	
	#search_mob {
		width: 700px;
	}
	
	#search_mob input {
		width: 220px;
	}
		
	nav {
		line-height: 12px;
	}

	#top_div{
		width: 700px;
		height: 296px;
	}

	#top_div .slide {              
	    width: 668px;
	    height: 276px;                         
	}
	
	#slide_menu_inner {
		max-width: 700px;
	}

	#search_left_inner {
		margin: 12px;
		margin-top: 10px;
		padding-bottom: 12px;
	}
	
	#search_left_inner h1 {
		margin-bottom: 4px;
		font-size: 18px;
	}
		
	#search_left_inner button {
		font-size: 14px;
		margin: 0;
	}

	section#main,
	section#main_edit_data,
	section#edit_ad {
		max-width: 700px;
	}
	
	#pros_right{
		width: 390px;
	}

	.object_inner img {
		/*width: 150px;
		height: 100px;*/
		margin: 8px;
	}	
	
	.aanbod_flag img {
		margin-left: -6px;
		margin-top: -4px;
		width: 64px;
		height: 64px;	
	}
	
	.aanbod_header span {
		display: block;
	}

	.aanbod_info ul {
		display: inline-block;
	}
	
	.aanbod_info li {
		display: block;
		padding: 2px;
	}	
	
	#details_main {
		margin-left: 4px;
		margin-right: 6px;
	}
	
	.details_title_place {
		font-size: 18px;
	}
	
	.details_title_region {
		font-size: 14px;
	}
	
	.details_desc {
		font-size: 14px;
		max-width: 406px;
	}

	.details_photo {
		width: 100%;
	}

	#payment_img {
		margin-left: 206px;
		margin-top: -212px;
		transform: scale(0.7, 0.7);
	}
	
	#join_button_div {
		margin-left: 38px;
		/* marginp-top below only relevant when facebook button is visible */
		/* margin-top: -26px; */
		margin-top: -30px;
	}
		
	button#join_button {
		font-size: 15px;
	}	
	
	button#join_button {
		margin-left: -6px;
    	margin-top: 126px;
	}
	
    div#fb-right {        
        margin-right: -136px;
    }
    
	/* IE 9 and 10 */
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
		div#fb-right {
		    margin-right: -140px;    
		}
	}    	
	
	#hhw_images {
		width: auto;
	}	
	
	#copyright_inner {
		max-width: 600px;
	}
	
	#pros_right_inner ul {
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	#footer_nav ul li {
		padding: 10px;
	} 
	
	#footer_nav ul li a {
		font-size: 13px;
	}
	
	#back_to_top_inner {
		width: 114px;
		height: 54px;
	}
	
	#back_to_top_inner .back_up_txt {
		font-size: 15px;
	}



	#search_left {
		position: absolute;
		width: 290px;
		margin-top: 20px;
		margin-left: 30px;
	}
	
}



@media only screen and (max-width: 720px) {

	#logged_in {	
		width: 100%;
	}
	
	#layout_container {
		background: none;
		overflow: visible;
	}
	
	#logo {
		float: none;
		margin: 0 auto;
	}
	
	#logo img {
		width: 260px;
		height: 135px;
	}
	
	.dd_outer {
		width: 100%;
	}
	
	.dd_list_outer {
		width: auto;
	}
	
	header {
		width: 100%;
		min-height: auto;
	}
	
	#head_txt {	
		display: none;
	}
	
	#search_mob {
		width: 94%;
		margin-left: 10px;
	}

	#search_mob input {
		width: 64%;
	}
		
	nav {
		width: 100%;
		height: auto;		
	}
	
	nav ul {
		display: none;
	}
	
	#top_div {
	   width: auto;
	   height: auto;
	   margin-top: 25px;                
	}	

	#top_div .slide {              
	    display: none;                        
	}
	
	#slide_menu_inner {
		background-color: white;
	}
		
	#slide_menu,
	#not_logged_in {
		background-color: rgb(187, 220, 249);
	
	}
	
	#slide_menu_ul_aanmelden {
		background-color: #72a857;
	}
	
	#slide_menu_ul_aanmelden input[type="text"],
	#slide_menu_ul_aanmelden input[type="password"] {
		width: 250px;
	}
	
	#slide_menu_beheer {
		background-color: white;
	}
	
	#slide_menu_beheer button {
		margin-bottom: 10px;
	}
	
	#forgot_pw_li {
		color: white;
	}
	
	.forgot_pw_txt {
		margin-left: 0;
	}
	
	p#forgot_pw_msg {
		color: white;
		padding-top: 4px;
		width: 340px;
	}
	
	#forgot_pw_email {
		width: 200px;
	}
	
	section#main,
	section#main_edit_data,
	section#edit_ad {
		width: 100%;
	}
	
	#edit_data {
		margin-top: 28px;
		margin-left: 12px;
	}
	
	#pros {
		padding: 4px;
	}
	
	#pros_left{
		display: none;
	}

	#pros_right{
		width: 99%;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#bladkop h1 {
		font-size: 22px;
		line-height: 22px;
	}
	
	.object_inner {
		margin-left: 1px;
	}
	
	.object_inner img {
		/*width: 300px;
		height: 199px;*/
		margin: 8px;
	}
	
	.aanbod_flag img {
		margin-left: -6px;
		margin-top: -4px;
		width: 50px;
		height: 50px;
	}	

	.aanbod_info li {
		padding: 1px;
	}

	/*
	.aanbod_header {
		margin-left: 44px;
		width: auto;
		margin-top: 9px;
	}
	*/

	#search_left_inner .button {
		width: 100%;
	}
	
	#search_left_inner h1 {
		margin-bottom: 8px;
		font-size: 22px;
	}

	.details_photo {
		width: 100%;
	}

	.details_desc {
		width: auto;
		max-width: none;
	}
	
	textarea#Opmerkingen,
	textarea#Opmerkingen_,	
	#contact textarea {
		height: auto;
		min-width: 254px;
		min-height: 100px;
	}

	#contact input[name="code"] {
		width: 122px;
	}
	
	#payment_img {
		display: none;
	}
	
	#join_button_div {
		display: none;	
	}
	
	#join_button_div_bottom {
		display: block;
		margin-left: 12px;
	}		

	button#join_button {
		position: absolute;
		margin-left: -200px;
		font-size: 18px;
	}
	
	#copyright {
		padding-top: 20px;
		padding-bottom: 60px;
	}	

	#footer_nav {
		display: none;
	}
	
	#menu_icon {
		display: block;
	}
	
	#responsive_nav {
		position: absolute;
		z-index: 999;
		width: 100%;
		height: 100%;
		top: 36px;
		margin: 0px;
		margin-top: 7px;
		overflow: hidden;
		box-shadow: 0px 3px 3px rgb(187, 187, 187);
		-webkit-box-shadow: 0px 3px 3px rgb(187, 187, 187);
		background-color: rgb(70,147,50);
	}

	
	#responsive_nav > li {
		border-top: solid 1px rgb(163, 184, 206);
	}
	
	#responsive_nav > li:first-child {
		border-top-width: 3px!important;
	}
	
	#responsive_nav li a {
		padding: 9px 8px 8px 12px;
		line-height: 100%;
		color: rgb(255, 255, 255);
		font-weight: bold!important;
		font-family: Arial, Helvetica, sans-serif!important;
		/*text-shadow: 0px 1px white;*/
		text-decoration: none;
	}
	
	
	#responsive_nav li a:hover {
		background-color: rgb(250, 250, 255);
	}
		
	#responsive_nav > li > a {
		display: block!important;
	}
	
	#responsive_nav li ul {
		margin: 5px 0px 0px;
	}
	
	#responsive_nav li ul li {
		padding: 4px 0px 4px 0px!important;
		border-bottom: none!important;
		box-shadow: none!important;
		border-left: dotted 1px rgb(189, 189, 189);
	}
	
	#responsive_nav li ul li:before {
		content: '--  ';
		color: rgb(189, 189, 189);
	}
	
	#responsive_nav li ul li a {
		font-weight: normal!important;
	}
		
    div#fb-right {
        margin-right: -40px;
    }
    
    div#fb-right img {
        width: 70%;
    }
    
    .mobile_only {
	    display:block;
    }
    .mobile_green {
	    background-color: rgb(4, 150, 26)
    }
}

@media only screen and (max-width: 500px) {

	#join_button_div {
		display: none;	
	}

	#contact input[type="text"] {
		width: auto;
	}
	
	#contact input[name="code"] {
		margin-top: 20px;
	}
	
	#edit_ad input[name="Plaats"] {
		width: 184px;
	}	
	
	#edit_ad div.dd_left > span.dd_txt {
		font-size: 12px !important;
	}
	
	#edit_ad div.dd_list_inner > ul > li {
		font-size: 12px !important;
	}
	
	#edit_ad div.dd_outer {
		width: 200px !important;
	}
	
	#edit_data td:first-child {
		width: 25%;
	}
	
	#edit_data td:last-child {
		width: 75%;
	}
	
}


@media only screen and (max-width: 420px) {

	#edit_ad div.dd_left > span.dd_txt {
		font-size: 12px !important;
	}
	
	#edit_ad div.dd_list_inner > ul > li {
		font-size: 12px !important;
	}
	
	#edit_ad div.dd_outer {
		width: 140px !important;
	}
			
	#edit_ad input[name="Plaats"] {
		width: 124px;
	}
	
	#edit_ad > table > tbody > tr > td > span {
		margin-left: 4px !important;
	}				
	#edit_ad > table > tbody > tr > td > ul {
		width: 130px !important;
	}
	
	#slide_menu_ul_aanmelden input[type="text"],
	#slide_menu_ul_aanmelden input[type="password"] {
		width: 200px;
	}
					
}

@media only screen and (max-width: 380px) {
	
	.aanbod_flag img {
		margin-left: -45px;
		margin-top: 3px;
		width: 34px;
		height: 34px;	
	}

	/*
	.aanbod_header {
		margin-left: -8px;
		width: auto;
		margin-top: 9px;
	}
	*/
	
	#slide_menu_ul_aanmelden input[type="text"],
	#slide_menu_ul_aanmelden input[type="password"] {
		width: 150px;
	}
	
	input#gnaam {
		width: 80px;
	}
	
	input#ww {
		width: 80px;
	}
			
			
}


/* Position the image container (needed to position the left and right arrows) */
.fotocontainer {
  position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
  background-color: rgba(0, 0, 0, 0.3);
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* Position the "next button" to the right */
.prev {
  left: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 1;
}

.active,
.demo:hover {
  opacity: 0.6;
}



#top_div {
	height: calc(100vh - 71px);
}

#top_div_loggedin {
	height: calc(100vh - 125px);
}

@font-face {
	font-family: 'Mont';
	font-weight: bolder;
	src: url("/fonts/Mont-HeavyDEMO.otf") format("opentype");
}
@font-face {
	font-family: 'HeartWarming';
	font-weight: bolder;
	src: url("/fonts/HeartWarming.otf") format("opentype");
}
@font-face {
	font-family: 'Bahnschrift';
	font-weight: bolder;
	src: url("/fonts/Bahnschrift.ttf") format("truetype");
}
#slogan {
	position: absolute;
	right: 0;
	bottom: 3rem;
	color: #fff;
}
#slogan h2 {
	font-weight:bolder;
	font-size: 3rem;
	font-family: 'Mont';
	text-align: right;
	text-shadow: 2px 2px 7px #000000;
	-webkit-text-stroke: 1px black;
}
#slogan h3 {
	font-weight: bolder;
	font-family: 'HeartWarming';
	text-align: right;
	text-shadow: 2px 2px 7px #000000;
	/*-webkit-text-stroke: 1px white;*/
}
body {
	font-family: 'Bahnschrift' !important;
}

.stripeheader {
	width:100%;
	text-align:center;
	border-bottom: 3px solid #000;
	line-height:0.1em;
	margin:40px 0 40px;
}
.stripeheader span {
	background:#fff;
	padding:0 10px;
}
#publicity {
	color: #000;
	text-align: center;
}

#publicity .stripeheader span {
	background-color: #F0DE9E;
}

#publicity .stripeheader {
	border-bottom: 3px solid #000;
}

.house {
	background-color: #456E2F;
	padding: 6px;
	color: #fff;
}

.img_holder {
	height: 250px;
}
.img_holder img {
	max-height: 250px;
}
.text_holder {
	padding-top: 1rem;
}
.text_holder_2 {
	padding-top: 1rem;
	background: #fff;
	color: #456E2F;
}
.stripe {
	margin: 0 auto;
	width: 150px;
	border-bottom: 2px solid #456E2F;
}
.text_holder .stripe {
	border-bottom: 2px solid #fff !important;
}

.object_inner ul {
	padding: 0 !important;
	margin-bottom: 0;
}

.object_inner {
	position: relative;
}
.aanbod_buttons {
	position: absolute;
	bottom: 1rem;
}

#details_main a {
	text-decoration: none;
}

.dd_inner {
	height: 30px;
	color: #000;
}

#foto_groot img {
	/*height: 650px;*/
	margin: 0 auto;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px
}

.btn-primary.active, .btn-primary:active {
	border-color: #fff !important;
}

.btn-primary:hover {
	background-color: #85b7d5 !important;
	border-color: #85b7d5 !important;
}
.favorites_amount {
	font-size: 11px !important;
}

.mb-10 {
	margin-bottom: 6rem!important;
}

.reviews h3, .register h4 {
	font-weight: bolder;
	font-family: 'HeartWarming';
	margin-bottom: 3rem;
}

.fas.fa-heart {
	color: #f50057;
}

.navbar-brand img {
	max-width: 200px;
}

.circle_img {
	max-width: 450px;
	-webkit-clip-path: circle(125px at 50% 50%);
	clip-path: circle(125px at 50% 50%);
	opacity: 75%
}

.forgot_pw {
	margin-left: 10px;
}

@media screen and (max-width: 768px) {
	#slogan h2 {
		font-size: 2rem;
	}
	#slogan h3 {
		font-size: 1.3rem;
	}
	.stripeheader {
		font-size: 14px;
		font-weight: bold;
	}
/*	.navbar-brand img {
		max-width: calc(100vw - 120px);
	}*/

	#top_div {
		height: calc(100vh - 116px);
	}
	#top_div_loggedin {
		height: calc(100vh - 150px);
	}

	.navbar {
		z-index: 9999;
		background-color: #fff;
	}
	#logged_in_buttons .btn {
		font-size: 11px;
	}
	.circle_img {
		max-width: 300px;
	}
	#foto_groot img {
		height: unset;
	}
	#Van, #tot {
		max-width: 200px;
	}
	.details_title_place{
		font-size: 14px;
	}
	.details_title_region {
		font-size: 11px;
	}
	/*
	.aanbod_desc_small {
		padding-bottom: 60px;
	}
	 */
	.object_inner .img_fluid {
		margin: unset;
		margin-top: 8px;
	}
	.forgot_pw {
		margin-left: unset;
	}
}

.navbar-toggle {
	margin: 12px;
}

.brown {
	padding-top: 32px;
	background-color: #F0DE9E;
	color: #000;
	padding-bottom: 32px;
}

.brown .stripeheader {
	width:100%;
	text-align:center;
	border-bottom: 3px solid #000;
	line-height:0.1em;
	margin:40px 0 40px;
}
.brown .stripeheader span {
	background:#F0DE9E;
	padding:0 10px;
}

@media (min-width: 768px) {
	.collapse.dont-collapse-sm {
		height: auto !important;
		display: block !important;
	}
	#search_left {
		position: absolute;
		width: 290px;
		margin-top: calc(50vh - 240px);
		margin-left: 30px;
	}
}

@media (max-width: 768px) {
	.hidden-xs {
		display: none !important;
	}
	#slogan {
		bottom: 4.5rem;
	}
	/*.aanbod_desc_small {
		margin-bottom: 50px;
	}*/
	.details_adnr {
		font-size: 9px;
	}
}

.icon {
	max-width: 100px !important;
}

.heartwarming{
	font-weight: bolder;
	font-family: 'HeartWarming';
}

#reviews {
	background-color: #4090C3;
	color: #fff;
}

.stripeheader2 {
	width:100%;
	text-align:center;
	border-bottom: 3px solid #fff;
	line-height:0.1em;
	margin:40px 0 40px;
}
.stripeheader2 span {
	background:#4090C3;
	padding:0 10px;
}

.btn-primary {
	background-color: #456E2F !important;
	border-color: #456E2F !important;
}

.btn-primary:hover {
	background-color: #72a857 !important;
	border-color: #72a857 !important;
}

.btn-outline-primary {
	color: #456E2F !important;
	border-color: #456E2F !important;
}
.btn-outline-primary:hover {
	background-color: #456E2F !important;
	border-color: #456E2F !important;
	color: #fff !important;
}

.btn-outline-secondary {
	color: #000 !important;
	border-color: #000 !important;
}

.house h2 {
	font-size: 1.5rem;
}

h5 {
	font-family: 'HeartWarming';
	padding-top:22px;
}

#sub_block {
	background-color: ;

	background-image: linear-gradient(top, transparent 120px,#F0DE9E 120px, #F0DE9E 100%);
	background-image: -webkit-linear-gradient(top, transparent 120px,#F0DE9E 120px, #F0DE9E 100%);
	background-image: -moz-linear-gradient(top, transparent 120px,#F0DE9E 120px, #F0DE9E 100%);
	background-image: -ms-linear-gradient(top, transparent 120px,#F0DE9E 120px, #F0DE9E 100%);
	background-image: -o-linear-gradient(top, transparent 120px,#F0DE9E 120px, #F0DE9E 100%);
	
}
#sub_block h3 {
	font-family: 'HeartWarming';
}
.green_block {
	padding: 5px;
	background-color: #456E2F;
	color: #fff;
}
.green_block a {
	color: #fff !important;
	border-color: #fff !important;
}

.sub_block_block {
	color: #456E2F;
	background-color: #fff;
	border-radius: .25rem;
}

.edit_ad_photo_upload ul, .table-responsive ul {
	padding-left: 0 !important;
}

.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.btn-outline-secondary:hover {
	background-color: #FDEBBD !important;
}

#forgot {
	color: #fff !important;
}

@media screen and (max-width: 1024px) {
	.aanbod_info li {
		font-size: 11px;
	}
	.btn-sm {
		font-size: 11px !important;
	}
	.navbuttons {
		margin-bottom: 20px;
	}
	.form-select {
		font-size: 0.875rem !important;
	}
}

@media screen and (max-width: 375px) {
	.aanbod_flag {
		margin-left: 60px;
		margin-top: 0px;
	}
}