* { margin:0px; padding:0px; }
html { background-color:#f0f0f0; }
body { margin:0; padding:0; width:100%; background-color:#ffffff; font-family:Arial,Verdana; font-size:15px; line-height:22px; color: #333333; }
ul { margin-left:20px; }
th { text-align: left; }
.beige { background-color:#f4c084; }
.brown { background-color:#651515; }
.green { background-color:#006600; }
.green2 { background-color:#009900; }
.bluedark { background-color:#000066; }
.blue { background-color:#44ccff; }
.lightblue { background-color:#99ffff; }
.grey { background-color:#eeeeee; }
.orange { background-color:#ff8822; }
.red { background-color:#ff3333; }
.white { background-color:#ffffff; }
.font-white { color: #ffffff; }
.font-black { color: #000000; }
.font-green { color: #006600; }
.font-red { color: #ff3333; }
.shadow { box-shadow: 1px 2px #888888; }
.shadowdark { box-shadow: 1px 2px #333333; }
.center { text-align:center; }
.fullwidth { width:100%; }
.float-none { float:none; }
.float-left { float:left; }
.float-right { float:right; }
.position-relative { position: relative; }
.position-absolute { position: absolute; }
.textAlignLeft { text-align: left; }
.container { margin: 0px; padding: 10px; }
.container1 { margin: 0px; padding: 0px 10px 10px 10px; }
.container2 { margin: 0px; padding: 0px 10px 0px 10px; }
.headwhite {	color: #ffffff;	padding: 8px; }
.slide {	width: 100%;}
.app-logo {	padding-top: 10px;	background-color: #ffffff;	text-align: center;	min-height: 68px; }
.top-head {	background-color: #006600;	width: 100%; }
footer ul { margin:20px 0 0 0; padding:0; list-style:none }
footer a {  text-decoration:none }
footer .social { width: 36px; height:36px; border:0; margin:16px 2px }	
footer .partner img { margin: 8px 8px 0px 0px; float: left; height:72px; width:auto; border:0 }

@media print {
	#route-head-1.block-2 { width:80%; }
	#route-head-2.block-2 { width:20%; }
	#map_canvas, #map-panel-content { page-break-inside:avoid; }
}
@media (max-width: 480px) {
	#wide-menu { display: none; }
	.block-1, .block-2, .block-3 { float: none; width: 100%; display: inline-block; }
}
@media (min-width: 481px) {
	#wide-menu { display: block; }
	.block-1 { float: none; width: 100%; }
	.block-2 { float: left; width: 50%; }
	.block-3 { float: left; width: 33.3%; }
}
.clr {	clear: both; }
.lijst2_div_box {
	float: none;
    display: inline-block;
    height: 80px;
    width: 160px;
}
.lijst2_div_box img {
    float: left;
    height: 70px;
    margin: 5px;
    width: 70px;
}
.lijst2_div_box .km {
    float: left;
    height: 60px;
    margin: 10px;
    text-align: center;
    width: 60px;
}
.lijst2_div_box .km  p {
	margin-top: 20px;
	color: #ffffff;
	font-weight: bold;
}
.extra-button, .extra-button:hover {
	width:72px;
	margin:0 4px 10px 0;
}
.button {
	float:left;
	background: #006600;
	padding: 6px 8px 6px 8px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #FFFFFF;
	font-size: 13px;
	-webkit-appearance: none;
	cursor:pointer;
}
.button:hover {	background: #00aa00; }
.button2, .button2:hover {
	float:left;
	padding: 6px 8px 6px 8px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: solid 2px #006600;
	background-color: #22aacc;
	color: #FFFFFF;
	font-size: 13px;
	-webkit-appearance: none;
}
.button-orange, .button-orange:hover {
	float:left;
	background: #ff8822;
	padding: 6px 8px 6px 8px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #FFFFFF;
	font-size: 13px;
	-webkit-appearance: none;
	cursor: pointer;
}
.button-blue, .button-blue:hover {
	float:left;
	background: #44ccff;
	padding: 6px 8px 6px 8px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #FFFFFF;
	font-size: 13px;
	-webkit-appearance: none;
	cursor: pointer;
}
.button-bluedark, .button-bluedark:hover {
	float:left;
	background: #000066;
	padding: 6px 8px 6px 8px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #FFFFFF;
	font-size: 13px;
	-webkit-appearance: none;
	cursor: pointer;
}.button-grey, .button-grey:hover {
	float:left;
	background: #aaaaaa;
	padding: 6px 8px 6px 8px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #FFFFFF;
	font-size: 13px;
	-webkit-appearance: none;
	cursor: pointer;
}
.button-groot, .button-groot:hover {
	background: #006600;
	padding: 12px 12px 12px 12px;
	min-width: 200px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
 	-webkit-appearance: none;
 }
.button-groot2 {
	padding: 8px;
	min-width: 90px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #000066;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
 	-webkit-appearance: none;
 }
.button-groot2:hover {
	background-color: #0000aa;
}
.button-small, .button-small:hover {
	float:left;
	background: #006600;
	padding: 4px 8px 4px 8px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	-webkit-appearance: none;
}
.button-small2, .button-small2:hover {
	float:left;
	padding: 4px 8px 4px 8px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: solid 2px #006600;
	background-color: #22aacc;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	-webkit-appearance: none;
}
.button-txt, .button-txt:hover {
	float:left;
	padding: 2px 4px 2px 4px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: solid 1px #006600;
	background-color: #22aacc;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	-webkit-appearance: none;
}
.button-controle, .button-controle:hover {
	background: #006600;
	margin: 4px 4px 0 0;
	padding: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	-webkit-appearance: none;
}
.button-controle.blue, .button-controle.blue:hover {	background-color: #336699; }
.button-label, .button-label:hover {
	float:left;
	background: #6666ff;
	margin-right: 8px;
	padding: 4px 8px 4px 8px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	-webkit-appearance: none;
}
.button-datum, .button-datum:hover {
	float:none;
	background: #6666ff;
	margin-bottom: 2px;
	padding: 4px 8px 4px 8px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	-webkit-appearance: none;
}
.delete-label a {
	padding: 2px 6px 0 0;
	color: #ff9933;
	font-weight: bold;
}
.input {
	width: 240px;
	font-size: 14px;
	font-weight: normal;
	color: #006600;
	margin-bottom: 8px;
}
.input-responsive {
	width: 80%;
	max-width: 300px;
	font-size: 14px;
	font-weight: normal;
	color: #006600;
}
.input-responsive2 {
	width: 100%;
	max-width: 300px;
	font-size: 14px;
	font-weight: normal;
	color: #006600;
}
.selectbox {
	border: 1px solid #333333;
	padding: 2px;
	font-size: 14px;
	line-height: 20px;
}
#misbruik-div { position: relative; }
#misbruik {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #eeeeee;
	border-radius: 4px;
	border: 2px solid #ff8822;
	padding:8px;
	z-index: 1;
}
form input[type='text'],
form input[type='email'],
form input[type='password'] {
	border: 1px solid #003300;
	border-radius: 2px;
	background-color: #ffffff;
	padding: 2px;
	-webkit-appearance: none;
}
.inputlabel {
	font-size: 14px;
	padding-left: 4px;
}
.inputvalue {
	font-size: 15px;
	padding: 6px !important;
}
.inputextra {
	font-size: 13px;
	padding-left: 4px;
}
.inputwidth {
	width: 264px;
}
/* Pagination control */
.pagination { width: 100%; height: 24px; }
.pagination ul { text-align: center; padding-left: 0px; }
.pagination ul li { list-style: none; float: left; margin: 8px; }
.pagination .active { font-weight: bold; }
/* Rating control */
#rating-div {
	position: relative;
	padding: 0px 4px 0px 0px;
}
#rating-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	display:none;
	background-color: #eeeeee;
	border-radius: 4px;
	border: 2px solid #ff8822;
	padding:8px;
	z-index: 9999;
}
.rating-promo {
	border: 2px dashed red;
	padding: 8px 8px 8px 8px;
	margin-bottom: 20px;
}
.melden {	background-color: #6666ff; }
tr.inapp { background-color: #ccccff; }
tr.disabled { background-color: #cccccc; }
tr.admin { background-color: #ffcccc; }
/* in fk_v5X.js en hoger */
.adres-title {
	font-weight: bold;
	color: #000099;
}
.table-view {
   	padding: 10px 10px 10px 10px;
}
.div-filters {
	margin: 10px 0 10px 0;
	border-top: 1px solid #006600;
	border-bottom: 1px solid #006600;
}
.div-buttons {
	margin: 0 0 10px 0;
}
#tabs {
	border: 1px solid #cccccc;
	padding: 0 10px 10px 10px;
}
#tabs ul {
	margin: 0;
}
#tabs ul li {
	list-style: none;
	padding: 2px;
	margin-bottom: 10px;
	border-bottom: 1px solid #999999;
}
.label { min-width: 200px; }
.ldata { font-weight: bold; }	
.input-medium { width: 240px; }
.input-large { width: 400px; }
.marginT10 { margin-top: 10px; }
.marginB10 { margin-bottom: 10px; }
.marginL10 { margin-left: 10px; }
.marginR10 { margin-right: 10px; }
.marginB0 { margin-bottom: 0px; }
.bgRed { background-color: red; }
.bgBlue { background-color: blue; }
.height500 { min-height: 500px; }
.overflowscroll { overflow-x: scroll; }

/* Popup message */
#popup-overlay { display:none; background-color:#666666; opacity:0.7; width:100%; height:100%; position:fixed; right:0; top:0; z-index:999997; }
#popup-container { display:none; background-color:#eeeeee; border-radius:4px; width:320px; height:auto; max-height:80%; position:fixed; top:15%; left:50%; margin:0 0 0 -160px; z-index:999998; }
#popup-close { border:2px solid #666666; border-radius:4px; position:absolute; top:0; right:0; width:28px; height:28px; z-index:999999; background-color:#dddddd; font-weight:bold; font-size:24px; line-height:24px; text-align:center; cursor:pointer; }
#popup-container2 { border-radius:4px; border:1px solid #666666; margin:10px; }
#popup-inner { padding:10px 5px 10px 5px; text-align:center; max-height:440px; overflow-y:auto; }
#popup-inner p { margin-bottom:20px; }
.popup-button { margin:4px 8px 4px 8px; padding:8px 20px 8px 20px; border-radius:4px; background-color:#006600; color:#ffffff; font-size:16px; font-weight:bold; min-width:40px; -webkit-appearance:none; cursor:pointer; }
/* Other components */
.dashboard-knop {
	width: 24%;
	float: right;
	padding: 6px 0 2px 0;
	border: 1px solid #ffffff;
	border-radius: 6px;
	text-align: center;
	color: #ffffff;
	background-color: #6666ff;
	font-size: 13px;
}
.dashboard-knop:hover {
	background-color: #66aaff;
}
.dashboard-knop-grey {
	width: 24%;
	float: right;
	padding: 6px 0 2px 0;
	border: 1px solid #ffffff;
	border-radius: 6px;
	text-align: center;
	color: #ffffff;
	background-color: #ccccdd;
	font-size: 13px;
}
.dashboard-knop-orange {
	width: 24%;
	float: right;
	padding: 6px 0 2px 0;
	border: 1px solid #ffffff;
	border-radius: 6px;
	text-align: center;
	color: #ffffff;
	background-color: #ff8822;
	font-size: 13px;
}
.dashboard-knop-orange:hover {
	background-color: #ffaa44;
}
.dashboard-table th {
	height: 28px;
	border-bottom: 1px solid #006600;
}
.dashboard-table td {
	height:26px;
	line-height: 22px;
	font-size: 14px;
}
.dashboard-table tr:hover {	background-color: #e0ffe0; }
.dashboard-table .button {
	float:left;
	background: #006600;
	padding: 0px 4px 0px 4px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	-webkit-appearance: none;
}
.img-icon-groot { width: 48px; height: 48px; border: none; }
.img-icon-normaal { width: 32px; height: 32px; border: none; }
.prijsvraag { font-size: 32px; font-weight: bold; font-style: italic; }
.tekst-oknotok { font-size: 120%; margin: 0 0 0 20px; }
.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.small { font-size: 90%; }
/* TopNav begin */
.topnav { background-color:#006600; overflow:hidden; }
.topnav a { float:left; display:block; color:#f2f2f2; text-align:center; padding:8px 12px 8px 12px; text-decoration:none; font-size:16px; }
.active { background-color:#4CAF50; color:white; }
.topnav .icon { display:none; }
.dropdown { float:left; overflow:hidden; }
.dropdown .dropbtn { font-size:16px; border:none; outline:none; color:white; padding:8px 12px; background-color:inherit; font-family:inherit; margin:0; }
.dropdown-content { display:none; position:absolute; left:0; background-color:#f1f1f1; width:1080px; z-index:1; overflow:hidden; }
.dropdown-content-div,.dropdown-content-div2 { float: left; width: 260px; padding:4px 4px 20px 4px; }
.dropdown-content a { float:none; color:black; font-size: 16px; padding:6px 10px 6px 10px; text-decoration:none; display:block; text-align:left; }
.topnav a:hover, .dropdown:hover .dropbtn { background-color:#555; color:white; }
.dropdown-content-img { margin: 10px 0 8px 0; width:252px; height:126px; }
.dropdown:hover .dropdown-content { display:block; }
@media (max-width:600px) {
	.topnav a:not(:first-child), .dropdown .dropbtn { display:none; }
	.topnav a.icon { float:right; display:block; }
	.dropdown-content-div { width:100%; padding-left:0; padding-right:0; }
	.dropdown-content-div2 { display:none; }
}
@media (max-width:600px) {
	.topnav.responsive { position:relative; }
	.topnav.responsive a.icon { position:absolute; right:0; top:0; }
	.topnav.responsive a { float:none; display:block; text-align:left; }
	.topnav.responsive .dropdown { float:none; }
	.topnav.responsive .dropdown-content { position:relative; }
	.topnav.responsive .dropdown .dropbtn { display:block; width:100%; text-align:left; }
}
/* TopNav einde */
.route-lijst { text-align: right; font-size: 15px; }
.route-lijst th, .route-lijst td { padding: 4px; }
.route-lijst img { width: 40px; height: 40px; border: none; }