:root {
   //--kleur1:#409970;
   //--kleur2:#1d2c40;
   //--kleur3:#be152c;
   --kleur1:#0094f0;
   --kleur2:#3c4798;
   --kleur3:#555555;
   --kleur4:#cccccc;
   --kleur5:#777777;
}

::-webkit-input-placeholder {
   color: black;
}

:-moz-placeholder { /* Firefox 18- */
   color: black;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: black;  
}

:-ms-input-placeholder {  
   color: black;  
}

input[type="text"] {
  padding: 6px;
  margin: 1px;
  border: solid 1px var(--kleur2);
  border-radius: 3px;
  background-color:var(--kleur1);
  transition: box-shadow 0.3s, border 0.3s;
}
input[type="text"]:focus,
input[type="text"].focus {
  border: solid 1px var(--kleur2);
  box-shadow: 0 0 5px 1px #969696;
}

input[type="password"] {
  padding: 6px;
  margin: 1px;
  border: solid 1px var(--kleur2);
  background-color:var(--kleur1);
  border-radius: 3px;
  transition: box-shadow 0.3s, border 0.3s;
}
input[type="password"]:focus,
input[type="password"].focus {
  border: solid 1px var(--kleur2);
  box-shadow: 0 0 5px 1px #969696;
}

textarea {
  padding: 6px;
  border:solid 1px var(--kleur2);
  background-color:var(--kleur1);
  border-radius: 3px;
  transition: box-shadow 0.3s, border 0.3s;
}
textarea:focus,
textarea.focus {
  border:solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}

select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#666;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

.button {
  -moz-box-shadow:inset 0px 1px 0px 0px var(--kleur1);
  -webkit-box-shadow:inset 0px 1px 0px 0px var(--kleur1);
  box-shadow:inset 0px 1px 0px 0px var(--kleur1);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, var(--kleur1)), color-stop(1, var(--kleur2)));
  background:-moz-linear-gradient(top, var(--kleur1) 5%, var(--kleur2) 100%);
  background:-webkit-linear-gradient(top, var(--kleur1) 5%, var(--kleur2) 100%);
  background:-o-linear-gradient(top, var(--kleur1) 5%, var(--kleur2) 100%);
  background:-ms-linear-gradient(top, var(--kleur1) 5%, var(--kleur2) 100%);
  background:linear-gradient(to bottom, var(--kleur1) 5%, var(--kleur2) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--kleur1)', endColorstr='var(--kleur2)',GradientType=0);
  background-color:var(--kleur1);
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid var(--kleur2);
  display:inline-block; 
  cursor:pointer;
  color:#ffffff;
  font-family:arial;
  font-size:15px;
//  font-weight:bold;
  padding:6px 24px;
  text-decoration:none;
  text-shadow:0px 1px 0px #ffffff;
}
.button:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, var(--kleur2)), color-stop(1, var(--kleur1)));
  background:-moz-linear-gradient(top, var(--kleur2) 5%, var(--kleur1) 100%);
  background:-webkit-linear-gradient(top, var(--kleur2) 5%, var(--kleur1) 100%);
  background:-o-linear-gradient(top, var(--kleur2) 5%, var(--kleur1) 100%);
  background:-ms-linear-gradient(top, var(--kleur2) 5%, var(--kleur1) 100%);
  background:linear-gradient(to bottom, var(--kleur2) 5%, var(--kleur1) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--kleur2)', endColorstr='var(--kleur1)',GradientType=0);
  background-color:var(--kleur2);
}
.button:active {
  position:relative;
  top:1px;
}
.buttonNL {
  -moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
  -webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
  box-shadow:inset 0px 1px 0px 0px #c1ed9c;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
  background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
  background-color:#9dce2c;
  -webkit-border-top-left-radius:20px;
  -moz-border-radius-topleft:20px;
  border-top-left-radius:20px;
  -webkit-border-top-right-radius:20px;
  -moz-border-radius-topright:20px;
  border-top-right-radius:20px;
  -webkit-border-bottom-right-radius:20px;
  -moz-border-radius-bottomright:20px;
  border-bottom-right-radius:20px;
  -webkit-border-bottom-left-radius:20px;
  -moz-border-radius-bottomleft:20px;
  border-bottom-left-radius:20px;
  text-indent:0;
  border:1px solid #83c41a;
  display:inline-block;
  color:#ffffff;
  font-family:Trebuchet MS;
  font-size:15px;
  font-weight:bold;
  font-style:normal;
  height:50px;
  line-height:50px;
  width:100px;
  text-decoration:none;
  text-align:center;
  text-shadow:1px 1px 0px #689324;
}
.buttonNL:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
  background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
  background-color:#8cb82b;
}.buttonNL:active {
  position:relative;
  top:1px;
}

label {position:relative}
label:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:0px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}

img {border:0}
.fleft {float:left}
.fright {float:right}
.fclear {clear:both}
body {font:13px Verdana,Arial,Helvetica,sans-serif;color:#000;background:#B4B4B4;line-height:20px}
#bg2 {width:100%;height:100%;background:url(images/bg_top.gif) top repeat-x}
#header {width:1016px;background:url(images/header.jpg) left top no-repeat;height:376px}
#logologin {height:304px;width:100%;background:url(images/big_imglogin.jpg) left top no-repeat;border-radius: 15px;}
#logo {height:304px;width:100%;background:url(images/big_img.jpg) left top no-repeat;border-radius: 15px;}
#logo H2 {font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:18px;font-style:italic}
#logologin a {text-decoration:none;font-style:italic;font-size:16px;color:#fff}
#logo a {text-decoration:none;text-transform:lowercase;font-style:italic;font-size:16px;color:#fff}
.logo_l {float:left;width:290px;padding:185px 0 0 14px}
.logo_r {float:left;width:800px;padding:100px 0px 0px 540px}
H5 {font-style:italic;font-size:16px;color:#fff;padding:0 0 10px 33px;font-weight:100}
.f_ibw {font-style:italic;font-size:12px;color:#fff;font-weight:bold}
.inner_copy {border:0;color:#f00;float:left;width:50% !important;margin:-100% 0 0 0;overflow:hidden;line-height:0;padding:0;font-size:11px}
#logo H2 a {font-size:12px;font-family:Arial,Helvetica,sans-serif;text-transform:none;font-weight:100}
#buttons {text-align:center;height:66px;margin-left:0;padding-top:0;background:url(images/buttons.jpg) left top no-repeat}
#buttons a {font-family:Arial,Helvetica,sans-serif;font-size:18px;display:block;float:left;text-decoration:none;color:#fff;text-align:center;padding-top:19px;height:40px}
.but {width:201px;background:url(images/but.png) left top no-repeat}
#buttons .but:hover {text-decoration:underline}
.razd_b {float:left;width:2px;height:43px;background:url(images/b_razd.gif) 0 15px no-repeat}
#mainlogin {width:1016px;margin:0 auto;padding-top:8px}
#main {margin:0 auto;padding-top:8px}
#contentOLD {width:1016px;background:url(images/cont_razd.gif) 296px 0 repeat-y}
#content {width:1016px}
#left {width:290px;float:left;color:#000}
.list {padding:0 0 20px 0}
.opt {background:url(images/opt.gif) bottom repeat-x;height:38px}
.opt_a {padding:10px 0 0 33px;background:url(images/opt_a.gif) 10px 14px no-repeat}
.opt_a:hover {padding:10px 0 0 33px;background:url(images/opt_ah.gif) 10px 14px no-repeat}
.opt_a a {color:#000;text-decoration:none}
.left_b {padding:5px 17px 0 17px;font-size:12px;line-height:18px}
.box10 {background:#EFEFEF;width:288px}
.box11 {background:url(images/img_13.gif) 7px 10px no-repeat #EFEFEF;width:288px}
.box_bot {height:9px;background:url(images/box_bot.gif) left bottom no-repeat;width:288px}
.box_top {height:9px;background:url(images/box_top.gif) left top no-repeat;width:288px}
.text {padding:10px 10px 10px 12px;line-height:18px;background:url(images/bg_text.jpg) left top no-repeat}
.text a {color:var(--kleur2);font-weight:bold}
#left .img {float:left;margin:6px 15px 5px 0}
#right .img {float:left;margin:3px 15px 3px 0}
#left span {color:var(--kleur3);text-decoration:none;font-size:12px;font-weight:bold}
#right span {color:var(--kleur3);text-decoration:none;font-size:12px;font-weight:bold}
#left H1 {font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:100;color:#fff;text-align:center;padding:17px 0 20px 0;background:url(images/tit_left.jpg) left top no-repeat}
#right H1 {font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:100;color:#fff;text-align:left;padding:17px 0 20px 13px;background:url(images/tit_right.jpg) 0 0 no-repeat}
.title {background:url(images/right_tit2.gif) left bottom repeat-x}
.read {text-align:right;padding-right:5px;padding-top:10px;font-weight:bold;font-size:12px}
#right {float:right;width:710px;padding:0}
#footer {height:54px;font-size:12px;color:#fff;text-align:center;padding:13px 0 0 0;background:url(images/footer.jpg) 0 8px no-repeat}
#footer div {padding:0 15px}
#footer a {color:#fff;font-size:12px;text-decoration:none}
#footer a:hover {color:#fff;font-size:12px;text-decoration:underline}

.textvolledig {padding:10px 10px 10px 12px;line-height:18px;background:url(images/bg_text.jpg) left top no-repeat; background-size:100%;}
.textvolledig a {color:var(--kleur2);font-weight:bold}
#volledig .img {float:left;margin:3px 15px 3px 0}
#volledig span {color:var(--kleur3);text-decoration:none;font-size:12px;font-weight:bold}
#volledig H1 {font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:100;color:#fff;text-align:left;padding:17px 0 20px 13px;background:url(images/footer.jpg) 0 0 no-repeat}
#volledig {float:right;width:100%;padding:0}


.tblOverzicht {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid var(--kleur2);
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.tblOverzicht table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.tblOverzicht tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.tblOverzicht table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.tblOverzicht table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.tblOverzicht tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.tblOverzicht tr:hover td{
	
}
.tblOverzicht tr:nth-child(odd){ background-color:var(--kleur1); }
.tblOverzicht tr:nth-child(even)    { background-color:#ffffff; }.tblOverzicht td{
	vertical-align:middle;
	
	
	border:1px solid var(--kleur2);
	border-width:0px 1px 1px 0px;
	
	padding:7px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.tblOverzicht tr:last-child td{
	border-width:0px 1px 0px 0px;
}.tblOverzicht tr td:last-child{
	border-width:0px 0px 1px 0px;
}.tblOverzicht tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.tblOverzicht tr:first-child td{
		background:-o-linear-gradient(bottom, var(--kleur1) 5%, var(--kleur2) 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, var(--kleur1)), color-stop(1, var(--kleur2)) );
	background:-moz-linear-gradient( center top, #5fbf00 5%, #3f7f00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--kleur1)", endColorstr="var(--kleur2)");	background: -o-linear-gradient(top,#5fbf00,#3f7f00);

	background-color:var(--kleur1);
	border:0px solid var(--kleur2);
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}

.tblOverzicht tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.tblOverzicht tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

.mappenstructuur {
	color:#000;
	font-size:12px;
	text-decoration:none
}

.mappenstructuur:hover {
	color:#000;
	font-size:12px;
	text-decoration:underline
}