/* alg cms aangepast*/
body {font-family: Arial, Helvetica, sans-serif;font-size:15px;color:black;line-height:1.4em;background-color:#e5e5e5;margin:0;padding:0;}
h1 {font-size:1.5em;margin-bottom:0;}
hr {color:#ddd;margin-bottom:.5em;margin-top:.5em;position:relative;float:left;width:100%;}

 input.input-field, .tel-number-field, .textarea-field, .select-field {font-size:1em;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;border: 2px solid #C2C2C2;box-shadow: 1px 1px 4px #EBEBEB;-moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;padding: 7px;outline: none;/*width:100%;max-width:400px;min-width:150px;*/}
 
 .input-field-small {border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;padding: 7px; outline: none;/*width:100%;max-width:400px;*/}

 .input-field:focus, .tel-number-field:focus, .textarea-field:focus,  .select-field:focus{border: 2px solid #0C0;}


  input.input-field-lang {font-size:1em;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;border: 2px solid #C2C2C2;box-shadow: 1px 1px 4px #EBEBEB;-moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;padding: 7px;outline: none;width:100%;max-width:400px;min-width:300px}
 
.textarea-field {font-family: Arial, Helvetica, sans-serif;height: 100px;width: 100%;max-width: 650px;min-width: 280px;}
.highlight_veld {background-color: #d2f582;padding: .3em}

/* input[type=submit],
 input[type=button]{
    border: none;
    padding: 8px 15px 8px 15px;
    background: #FF8500;
    color: #fff;
    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
 input[type=submit]:hover,
 input[type=button]:hover{
    background: #EA7B00;
    color: #fff;
}*/
/*main div*/
#container {
    width: 100%;
    height: auto;
    background-color: #fff;
    top: auto;
    margin: 0 auto;
    padding: 0px;
}
#hoofdmenu {width:100%;height:auto;position:relative;float:left;background-color:white/*#383838*/;color:white;margin:0;z-index:100;border-top:3px solid #0073b1}
#mainspace {width:100%;height:auto;min-height:500px;position:relative;float:left;background-color:#e5e5e5;}
#footer {width:100%;height:auto; position: fixed; height: 20px;bottom: 0px;float:left;display:none;background-color: #b7b7b7;border-top: 1px solid #aaa;padding-top:15px;}
/*main div*/

/*hoofdmenu*/
#logo {position:relative;float:left;height:auto;margin:1em;z-index:100;}
#logo img {margin:.5em;}

.jstree_wrapper {width:16%;min-width:350px;max-width:400px;float: left;position: relative;background:rgba(0,115,175,.20);padding:1em;margin:.4em;border: 1px solid #E5E5E5;min-height:600px;font-size:1.2em;border-radius:10px;}
.jstree_form {float:left;position:relative;margin-left:1em;width:75%;}
.jstree_row {width:100%;float:left;position:relative;}

.menu {width:auto;height:auto;position:relative;float:left;background-color:black;color:#0073b1;z-index:100;margin:1em;border-radius:10px;background-color:rgba(0,115,175,.25)}
.menu ul {font-size:1.1em;color:#0073b1;display:inline;}
.menu ul li {position:relative;float:left;color:#0073b1;list-style: none;display: inline;padding:1em}
.menu ul li a:link, .menu ul li a:visited {position:relative;float:left;list-style: none;display: inline;color:#0073b1;text-decoration: none;}
.menu ul li a:hover, .menu ul li a:active {color:#009cda;text-decoration: none;}
.menu img {padding-right:.5em;vertical-align:bottom;margin:0}
/*hoofdmenu*/

/*Paginadefinities*/
.ContentWrapper {position:relative;float:left;width:98%;margin:1%; height:auto}
.FullColumn {position:relative;float:left;width:100%;padding-top:1em}
.HalfColumn {position:relative;float:left;width:50%;padding-top:1em}
.TabelSpace {width:75%;max-width:1500px}
/*Paginadefinities*/

/*Form*/
.FormWrapper {position:relative;float:left;width:100%;padding-top:1em;padding-bottom:1em;border-bottom:1px solid grey;border-top:1px solid grey}
.FormHeader {position:relative;float:left;width:100%;padding-bottom:.5em;}
.FormRow {position:relative;float:left;width:100%;margin-bottom:0px;}
.FormLabel {position:relative;float:left;width:auto;/*width:20%;*/min-width:150px;/*max-width:190px*/padding:.3em}
.FormField {position:relative;float:left;width:auto;/*width:65%;*/padding:.3em}
.FormInfo {position:relative;float:left;width:auto;text-align:left;padding:.3em}
/*Form*/

.acties_knoppen {width:auto;position:relative;float:left;text-align:right;padding-top:1em;margin:0;}
/*#acties {width:auto;position:relative;float:right;text-align:right;padding:0.2em;margin-right:6%;}*/

/*buttons*/
.btn_green, .btn_red, .btn_blue, .btn_purple, .btn_grayt {width:auto;font-size:1em;color:white;padding:0.5em;font-weight:bold;cursor: pointer;border-radius:10px;margin-top:.5em}
.btn_green {background-color:#80b506;border:2px solid #80b506;}
.btn_red {background-color:#cc3300;border:2px solid #cc3300;}
.btn_blue {background-color:#009cda;border:2px solid #009cda;}
.btn_purple {background-color:#993399;border:2px solid #009cda;}
.btn_grayt {background-color: rgba(0, 115, 175, 0.55);border: 2px solid #009cda;}
.btn_green:hover, .btn_red:hover, .btn_blue:hover, .btn_purple:hover, .btn_grayt:hover {border: 2px solid white;border-radius: 10px}
/*buttons*/

/*legenda*/
.legenda h3 {width:331px;min-width:331px;height:151px;font-size:1.5em;font-weight:700;color:white;margin:.5em  0 .5em 0;padding:1em;box-sizing:border-box} 
.legenda h4 {width:331px;min-width:331px;height:151px;font-size:1.5em;font-weight:500;color:white;margin:.5em  0 .5em 0;padding:1em;box-sizing:border-box} 
.legenda h5 {width:331px;min-width:331px;height:151px;font-size:1.5em;font-weight:500;color:white;margin:.5em  0 .5em 0;padding:1em;box-sizing:border-box} 
.legenda h6 {width:331px;min-width:331px;height:151px;font-size:1.5em;font-weight:500;color:white;margin:.5em  0 .5em 0;padding:1em;box-sizing:border-box} 
.legenda h3 {background: #00A6E0 url(/layout/b-lblauw.png) no-repeat}
.legenda h4 {background: #0073AF url(/layout/b-blauw.png) no-repeat}
.legenda h5 {background: #74B643 url(/layout/b-groen.png) no-repeat}
.legenda h6 {background: #F37920 url(/layout/b-orange.png) no-repeat}
/*legenda*/

/*plugins vensters*/
.cms_dialog {margin:1em}
/*plugins vensters*/

/*overzicht tabellen*/
.tbl_default {margin:0em;border: 1px solid #c5c5c5;border-collapse: collapse;clear:left;}
.tbl_default th {color:black;background-color:#e5e5e5;height:2em;text-transform:capitalize;text-align: left;}
.tbl_default tr, .tbl_default td, .tbl_default th {border:1px solid #c5c5c5;padding-right:1em;padding-left:1em;white-space:nowrap;}
.tbl_default img {margin:3px;}
.tbl_default a, .tbl_default a:link {color:#333333;}
.tbl_default a:visited {color:#333333;}
.tbl_default a:hover, .tbl_default a:active {color:#009cda;}
.tbl_default tr:nth-child(even) {background-color: #e4f0d0;}
.tbl_default tr:nth-child(odd) {background-color: white;}
/*overzicht tabellen*/


/*Old CSS*/
/*user login*/
.tbl_user {width:auto;height:auto;font-weight: bold;border: 1px solid #e5e5e5;border-collapse: collapse;margin:0 auto;}
.tbl_user th {background-color: #D2D2D2;height:2em;text-transform:capitalize;}
.tbl_user tr, .tbl_user td, .tbl_user th {padding-right:1em;padding-left:1em;}
/*user login*/

/*groep data*/
.groeprow {width:100%;position:relative;float:left;/*min-height:30px;*/vertical-align:middle;}
.kenmerk {width:15%;position:relative;float:left;;color:#333333;padding:0.3em;margin:0.1em;/*min-height:30px;*/}
.kenmerkvalue {width:auto;position:relative;float:left;padding:0.3em;margin:0.1em;/*min-height:30px;*/}
.kenmerkinfo {position:relative;float:left;color:#333333;padding:0.3em;margin:0.3em;/*min-height:30px;*/}
/*groep data*/

/*errors*/
#errordiv {width:40%;height:auto;position: fixed;top:5%;left:30%;background-color:#e05353;margin:auto;min-height:2em;padding:0.5em;text-align:center;-moz-box-shadow: 3px 3px 3px #595959;-webkit-box-shadow: 3px 3px 3px #595959;box-shadow: 3px 3px 3px #595959;z-index:110;}
#errortext {width:90%;position:relative;float:left;color:white;text-align:left;}
#errortext ul {list-style: none;}
#close_w {width:auto;position:relative;float:right;margin-top:0px;}
/*errors*/
/*Old CSS*/

@media screen and (max-width: 700px) {
    .HalfColumn {width:100%;}
    .ContentWrapper {position:relative;float:left;width:98%;margin:5px; height:auto;}
}