#googlemapscontainer .proFormList {
	overflow: hidden;
}

/**
 * Itemlists
 */

table.searchresult {
	margin: 1em 0;
	padding: 0.5em;
}

table.searchresult thead tr th {
	border: 1px solid #DDDDDD;
}

table.searchresult thead tr th.distance {
	text-align: right;
}

table.searchresult tbody tr.clickable td {
	cursor: pointer; /* needed for IE7: gets even slower when changing cursor on hover states */
	border: 1px solid #DDDDDD;
}

/* row hover */
table.searchresult tbody tr.clickable:hover td {
	background-color: #f2f2f2;
}

table.searchresult tbody tr td.distance {
	text-align: right;
}

table.searchoptions thead tr th {
	border: 1px solid #DDDDDD;
}

table.searchoptions tbody tr.active td {
	background-color: #f2f2f2;
}

table.searchoptions tbody tr.clickable td {
	cursor: pointer; /* needed for IE7: gets even slower when changing cursor on hover states */
	border: 1px solid #DDDDDD;
}

/* row hover */
table.searchoptions tbody tr.clickable:hover td {
	background-color: #f2f2f2;
}

table.routedescription tbody tr.fromaddress th {
	padding: 5px 2px;
}

table.routedescription tbody tr.fromaddress th.print {
	text-align: center;
}

table.routedescription tbody tr.fromaddress th.print img:hover {
	cursor: pointer; /* needed for IE7: gets even slower when changing cursor on hover states */
}

table.routedescription tbody tr.clickable td {
	border-top: 1px solid #DDDDDD;
}

table.routedescription tbody tr.clickable td {
	cursor: pointer; /* needed for IE7: gets even slower when changing cursor on hover states */
	padding: 5px 2px;
}

table.routedescription tbody tr.clickable:hover td {
	background-color: #f2f2f2;
}

table.routedescription tbody tr td.distance {
	text-align: right;
}

table.routedescription tbody tr.last {
	border-bottom: 1px solid #DDDDDD;
}

table.routedescription tbody tr.toaddress td {
	padding: 5px 2px;
}

@media screen and (max-width: 670px) {
	#googlemapscontainer #informationcontainer {
		width: inherit !important;
		float: none !important;
	}

	#googlemapscontainer #searchbox {
		width: inherit !important;
	}

	#googlemapscontainer #googlemaps {
		width: 100% !important;
		float: none !important;
	}

	#googlemapscontainer #search_result_box {
		width: inherit !important;
		height: inherit !important;
	}
}

/**
 * Styling specific for the nationwide homepage
 */

#home-landelijk #googlemapscontainer {
    box-shadow: 0 0 0 1px #dcddde;
}

#home-landelijk #informationcontainer {
    padding: 1.25em;
}

#home-landelijk #informationcontainer,
#home-landelijk #informationcontainer #search_result_box {
    width: unset !important;
}

#home-landelijk #informationcontainer #searchbox {
    width: 100% !important;
}

#home-landelijk #googlemaps {
    width: unset !important;
    flex: 1 1 50%;
    float: none !important;
}

#home-landelijk #informationcontainer #search_result_box {
    height: 378px !important;
}

#home-landelijk #informationcontainer #search_result_box > span,
#home-landelijk #search_result_box td[class],
#home-landelijk #search_result_box th[class]{
    display: none;
}

#home-landelijk .pbuic-tablinks::before {
    box-shadow: none;
}

#home-landelijk .pbuic-tablinks {
    border-bottom: none;
}

#home-landelijk .pbuic-tablinks li a {
    text-decoration: none;
}

#home-landelijk .google-infowindow a[href*='http'] {
    display: block;
    margin-block: 0.7rem;
    padding: 0.7rem;
    border-radius: 0.3rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #303030;
    background: #bbc9d5;
}

#home-landelijk .google-infowindow a[href*='http']:hover {
    background: #abb7c2;
}

/** Form */
#home-landelijk #googlemapscontainer fieldset {
    margin-bottom: 0;
}

#home-landelijk .w-xlarge {
    width: 100%;
}

#home-landelijk div.submit {
    margin-top: 0;
}

#home-landelijk button.submit {
    width: 100%;
    margin-right: 0;
}

@media (min-width: 670px) {
    #home-landelijk #googlemapscontainer {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        gap: 1rem;
    }

    #home-landelijk #googlemaps {
        flex: 1 1 50%;
    }

    #home-landelijk #informationcontainer,
    #home-landelijk #informationcontainer #search_result_box {
        flex: 1 1 40%;
    }
}