/* ################################################## */
/*  Made by: www.DIRECT BASING.com                    */
/*  Semantisch correcte xHTML Basing                  */
/* ################################################## */

/* ### general ### */
:root{
  --bg: #2b160f;           /* donkere rand/achtergrond */
  --tile: #b59679;         /* tegelkleur */
  --tile-2: #c2a48a;       /* subtiele gradient */
  --text: #1a120d;         /* standaard tekst */
  --text-strong: #0b0705;  /* extra donker */
  --title: #ffffff;        /* titel "LOCATIES" */
  --accent: #e0b35a;       /* goudtint voor hover/focus */
  --hover: #3a2117;        /* donkere hover achtergrond */
}

* { margin: 0px; padding: 0px; }
html, body, table { font-family: Arial; font-size: 11px; color: #4a2500; }
input, select, textarea { font-family: Arial; font-size: 11px; color: #8c806e; }
body { background: #170801; }
img { border: 0px; }
a img{border:0;}
p, address{font-style:normal;}
a, input { outline: none; text-decoration: none;}
/* ### global classes ### */
.clear { clear: both; height: 0; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 1028px; background: #fff url(../images/main_bg.png) no-repeat; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 1028px; height: 95px; }
	#headerCntr a.logo { position: absolute; top: 35px; left: 10px; display: block; width: 191px; height: 42px; text-indent: -9999px; background: url(../images/logo.png) no-repeat; }
	#miniMenu {
		float: right;
		position: relative;
		list-style: none;
		margin: 60px 0 0 0;
		padding: 0;
		}
		#miniMenu li { float: left; margin: 0 0 0 10px;  background-color: #533929; padding: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
		#miniMenu li:hover { background-color: #ad9174; }
		#miniMenu li a { width: 16px; height: 16px; display: block;  float: left; overflow: hidden; }
		/* ### menu box ### */
		.menuBox { position: absolute; top: 180px; left: 0px; width: 1028px; height: 20px; }
		
		#melding { position: absolute; top: 85px; vertical-align: middle; left: 220px; width: 578px; height: 35px; font-size: 12px; max-height: 35px;background-color: #170801; color: #fff; border: 1px solid #663822; padding: 5px;-webkit-border-radius: 5px;border-radius: 5px;opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */}
		#melding img { width: 578px; height: 35px; vertical-align: middle;}
		#melding strong { color: #fff; }
	/* ### content container ### */
	#contentCntr { overflow: hidden; width: 1028px; }
	
		/* ### left container ### */
		#leftCntr { float: left; width: 211px; }
		
			/* ### link box ### */
			.linkBox { width: 195px; margin: 9px 0 0 8px; background: url(../images/mid1.png) repeat-y; }
			.linkBox .top { background: url(../images/top1.png) no-repeat; }
			.linkBox .bot { background: url(../images/bot1.png) no-repeat 0 bottom; padding-bottom: 10px; }
			.linkBox h3 { font-size: 12px; color: #fff; font-weight: normal; text-transform: uppercase; padding: 8px 23px 3px; }
			.linkBox h3 span { font-size: 17px; }
			.linkBox ul { list-style: none; width: 176px; padding: 10px; padding-bottom: 15px; }
			.linkBox li { background: url(../images/border.png) no-repeat right bottom; font-size: 11px; }
			.linkBox li a { display: block; line-height: 24px; color: #4a2500; text-decoration: none; padding-left: 25px; background: url(../images/bullet.png) no-repeat 0 8px; }
			.linkBox li a:hover { color: #fff; background: url(../images/bullet1.png) no-repeat 0 8px; }
			
			.linkBox ul.count { list-style: none; width: 176px; padding: 10px; padding-bottom: 0; }
			.linkBox ul.count li {  display: block; font-size: 11px; color: #4a2500; padding-left: 25px; line-height: 24px; background: url(../images/bullet.png) no-repeat 0 8px;}
			
		
		/* ### center container ### */
		#centerCntr { float: left; width: 606px; }
			/* ### FIXED de table layout ### */
			/*table { table-layout:fixed;  width:100%;}*/
		
			.marginBorder { margin-top: 33px; }
			
			/* ### watch box ### */
			.watchBox { width: 606px; margin-top: 6px; }
			.watchBox h3 { font-size: 12px; color: #fff; font-weight: normal; text-transform: uppercase; line-height: 38px; padding: 0 20px; background: url(../images/top2.png) no-repeat; }
			.watchBox h3 a { color: #fff; text-decoration: none;}
			.watchBox h3 a:hover { color: #fa0000; text-decoration: none;}
			.watchBox h3 span { font-size: 17px; }
			.wachtBox span.right { font-size: 11px; }
			.watchBox .content { overflow: hidden;background: #e2dac2 url(../images/bot2.png) no-repeat 0 bottom; line-height: 18px; padding: 10px; min-height: auto; word-wrap:break-word; color: #4a2500; padding-bottom: 20px; margin-bottom: 10px;}
			.watchBox .content a { color: #4a2500; }
			.watchBox .content ul li { list-style-type: square; margin: 0px 0px 0px 15px;}
			/* ### watch box ### */
			
			.BoxLinks { float:left; width: 300px; margin-top: 6px; margin-right: 3px; }
			.BoxLinks h3 { font-size: 12px; color: #fff; font-weight: normal; text-transform: uppercase; line-height: 38px; padding: 0 20px; background: url(../images/top2.png) no-repeat;-webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }
			.BoxLinks h3 span { font-size: 17px; }
			.BoxLinks .content { background: #e2dac2 url(../images/bot2.png) no-repeat 0 bottom; line-height: 18px; padding: 10px; min-height: auto; word-wrap:break-word; color: #4a2500; padding-bottom: 20px; margin-bottom: 10px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;}
			.BoxLinks .content a { color: #4a2500; }
			
			.BoxRechts { float:left; width: 300px; margin-top: 6px; margin-left: 3px; -webkit-border-radius: 5px; border-radius: 5px;}
			.BoxRechts h3 { font-size: 12px; color: #fff; font-weight: normal; text-transform: uppercase; line-height: 38px; padding: 0 20px; background: url(../images/top2.png) no-repeat; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;}
			.BoxRechts h3 span { font-size: 17px; }
			.BoxRechts .content { background: #e2dac2 url(../images/bot2.png) no-repeat 0 bottom; line-height: 18px; padding: 10px; min-height: auto; word-wrap:break-word; color: #4a2500; padding-bottom: 20px; margin-bottom: 10px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;}
			.BoxRechts .content a { color: #4a2500; }
				
		/* ### right container ### */
		#rightCntr { float: right; width: 211px; }
		
			/* ### statics box ### */
			.staticsBox { width: 195px; margin: 9px 0 0 8px; background: url(../images/mid2.png) repeat-y; }
			.staticsBox .top { background: url(../images/top1.png) no-repeat; }
			.staticsBox .bot { background: url(../images/bot1.png) no-repeat 0 bottom; }
			.staticsBox h3 { font-size: 12px; color: #fff; font-weight: normal; text-transform: uppercase; padding: 8px 23px 3px; }
			.staticsBox h3 span { font-size: 17px; }
			.staticsBox ul.count { list-style: none; padding: 10px; overflow: hidden; padding-bottom: 0; }
			.staticsBox ul.count li { overflow: hidden; font-size: 11px; color: #4a2500; margin-bottom: 7px; }
			.staticsBox ul.count li img { display: inline; vertical-align: middle; margin-right: 10px; color: #4a2500; font-size: 11px;}
			.staticsBox ul.count li span { color: #ff0000; font-weight: bold; }
			.staticsBox ul.status { list-style: none; padding: 10px; padding-bottom: 20px; padding-top: 0; overflow: hidden; }
			.staticsBox ul.status li { overflow: hidden; margin-bottom: 0px; }
			.staticsBox ul.status label { float: left; width: 50px; color: #4a2500; font-weight: bold; }
			.staticsBox ul.status .holder { margin-top: 6px; height: 17px; background: #8c633a; border: 1px solid #baa993; width: 110px; position: relative; float: left; }
			.staticsBox ul.status .holder span { position: absolute; top: 2px; left: 5px; font-size: 11px; color: #fff; text-shadow: 1px 1px 0px #000; }
			.staticsBox ul.status .status1 { background: #8dbf22; height: 17px; width: 85%; }
			.staticsBox ul.status .status2 { background: #f50000; height: 17px; width: 35%; }
			
			/* ### inlog box ### */
			.staticsBox fieldset { border: 0px; padding: 10px; color: #4a2500; padding-bottom: 20px;}
			.staticsBox label { padding: 10px 0px 5px 0px; display: block; font-weight: bold; }
			.staticsBox form .input-text {float:left;width:120px;height:35px;}
			.staticsBox form .input-value {float:left;width:200px;height:35px;}
			.staticsBox input.check { float: right; }
			.staticsBox label.left { float: left; width: 120px; }
			.staticsBox a { margin-right: 0px; margin-top: -25px; width: 70px; color: #4a2500; text-decoration: none;}
			.staticsBox #servertime { color: #4a2500;}
			
		.clear { clear: both; height: 1px; }
		input.text {border:1px solid #9A9A9A;padding:4px;color:#333333;width:35%;background:white;line-height:16px;vertical-align:middle;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; margin-bottom: 5px;}
		input.text.groot {width:95%;}
		input.text.medium {width:65%;}
		input.text.klein {width:35%;}
		select{border:1px solid #9A9A9A;padding:4px;color:#333333;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;}

		input.error, input:focus.error {border:1px solid #f50000; box-shadow: 0 0 5px rgba(255, 57, 57, 1);}

		input:focus, textarea:focus {
		  box-shadow: 0 0 5px rgba(93, 67, 51, 1);
		  border: 1px solid rgba(80, 56, 40, 1);
		}

		
		/* ### Meldingen ### */
		.meldingen	{ width: 100%; height: auto; }
			.meldingen .info, 
			.meldingen .succes, 
			.meldingen .warning, 
			.meldingen .error,
			.meldingen .validation 
			{
				border: 1px solid;
				margin: 10px 0px;
				padding:15px 10px 15px 50px;
				background-repeat: no-repeat;
				background-position: 10px center;
			}

			.meldingen .info 
			{
				color: #00529B;
				background-color: #BDE5F8;
				background-image: url('../images/icons/Info.png');
			}
			.meldingen .succes 
			{
				color: #4F8A10;
				background-color: #DFF2BF;
				background-image:url('../images/icons/ValidGreen.png');
			}
			.meldingen .warning 
			{
				color: #9F6000;
				background-color: #FEEFB3;
				background-image: url('../images/icons/Attention.png');
			}
			.meldingen .error 
			{
				color: #D8000C;
				background-color: #FFBABA;
				background-image: url('../images/icons/Cancel.png');
			}
			.meldingen .validation 
			{
				color: #D63301;
				background-color: #FFCCBA;
				background-image: url('../images/icons/Cancel.png');
			}
			
			.meldingen span.ervaring { background: url(../images/icons/wrench-screwdriver.png) left no-repeat; }
			.meldingen span.geld 	{ background: url(../images/icons/gray_coins.png) left no-repeat; }
			.meldingen span.leven 	{ background: url(../images/icons/gray_heart.png) left no-repeat; }
			.meldingen span 			{ padding: 0 0 0 20px; margin: 0 0 0 15px; color: #444; font-size: 12px; float: right; }

.alert-box {
	color:#555;
	border-radius:10px;
	font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
	padding:10px 36px;
	margin:10px;
}
.alert-box span {
	font-weight:bold;
	text-transform:uppercase;
}
.error {
	background:#ffecec url('../images/error.png') no-repeat 10px 50%;
	border:1px solid #f5aca6;
}
.success {
	background:#e9ffd9 url('../images/success.png') no-repeat 10px 50%;
	border:1px solid #a6ca8a;
}
.warning {
	background:#fff8c4 url('../images/warning.png') no-repeat 10px 50%;
	border:1px solid #f2c779;
}
.notice {
	background:#e3f7fc url('../images/notice.png') no-repeat 10px 50%;
	border:1px solid #8ed9f6;
}
	
	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 1028px; margin: 0 auto; min-height: 50px;  background: url(../images/footer_bg.png) no-repeat; padding-top: 15px; text-align: center;}
		#footerCntr a { color: #fff; }
	
	
/* Compact input veld */
.bank-input {
  padding: 4px 8px;
  border: 1px solid #c2a876;
  border-radius: 3px;
  background: #fdfbf7;
  color: #4a3b2a;
  font-size: 13px;
  width: 100px;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.bank-input:focus {
  border-color: #a88750;
  outline: none;
  background: #fffdf8;
}

/* Compacte buttons */
.bank-btn {
  padding: 4px 10px;
  margin-left: 4px;
  border: 1px solid #a88750;
  border-radius: 3px;
  background: linear-gradient(#f4e4c1, #d6b87d);
  color: #3b2a1a;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.bank-btn:hover {
  background: linear-gradient(#ffe9b6, #c79c52);
  border-color: #8d6c3b;
}

.bank-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.captcha-img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.zk-wrap {
    background: #f5f1eb;        /* zacht beige */
    border: 1px solid #d3c6b8;  /* lichte rand */
    border-radius: 6px;
    color: #2a1c10;
    padding: 12px;
}
.zk-hdr {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 6px;
    color: #7b4a1f;             /* bruin accent */
}
.zk-sub { 
    color: #4a3b2c; 
    margin-bottom: 12px; 
}
.zk-table {
    width: 100%;
    border-collapse: collapse;
    background: #fffdf9;        /* bijna wit */
    border-radius: 4px;
    overflow: hidden;
}
.zk-table th {
    background: #e7dacb;        /* licht beige voor header */
    color: #2e1f14;             /* donkerbruin voor tekst */
    padding: 8px 10px;
    text-align: left;
    border-bottom: 1px solid #d3c6b8;
}
.zk-table td {
    padding: 8px 10px;
    border-bottom: 1px solid #ece2d7;
    color: #3b2b1c;
}
.zk-table tbody tr:nth-child(2n) {
    background: #f9f4ef;        /* heel licht zebra-effect */
}
.zk-muted {
    color: #6e5b46;
}