/* alg cms aangepast*/
body {font-family: Lato, Arial, Helvetica, sans-serif;font-size:16px;color:black;line-height:1.4em;background-color: white;margin:0px;padding:0px;}

h1 {font-size:1.5em;margin-bottom:0px;}
hr {color:#ddd;margin-bottom:15px;margin-top:15px;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: 1px 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:focus, 
 .tel-number-field:focus, 
 .textarea-field:focus,  
 .select-field:focus{
    border: 1px solid #0C0;
}
 .textarea-field{
    height:100px;
    width: 55%;
}

/* 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:black;color:white;margin-bottom:0.5em;z-index:100;}
#mainspace {width:100%;height:auto;min-height:500px;position:relative;float:left;background-color: #fff;}
#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:70px;/*background-color:white*/margin:10px 50px 5px 4%;z-index:100;}
#logo img {height:70px;}
.jstree_wrapper {
     width: 16%;
    float: left;
    position: relative;
    background:azure;
    padding: 1%;
    border: 1px solid #E5E5E5;
    min-height: 700px;
    font-size:1.2em;
}

.jstree_form {float:left;position:relative;margin-left:5%;width:76%;}
.jstree_row {
    width:100%;float:left;position:relative;
}

/*hoofdmenu*/
#menu {width:96%;height:40px;position:relative;float:left;background-color:Black;color:White;z-index:100;margin-left:4%}
#menu ul {font-size:1.1em;color:white;display:inline;margin-left:2%;}
#menu ul li {position:relative;float:left;color:white;list-style: none;display: inline;margin:8px 25px 12px 0px;}
#menu ul li a:link, #menu ul li a:visited {position:relative;float:left;list-style: none;display: inline;color:White;text-decoration: none;}
#menu ul li a:hover, #menu ul li a:active {color:White;text-decoration: none;}


#menu2 {width:auto;height:55px;position:relative;float:right;background-color:Black;margin:5px 50px 5px 4%;z-index:100;color:white;z-index:100;}
#menu2 ul {font-size:1.1em;color:white;display:inline;}
#menu2 ul li {position:relative;float:left;color:White;list-style: none;display: inline;margin:1em;line-height:26px;}
#menu2 ul li a:link, #menu2 ul li a:visited {position:relative;float:left;list-style: none;display: inline;color:White;text-decoration: none;}
#menu2 ul li a:hover, #menu2 ul li a:active {color:White;text-decoration: none;}
#menu2 img {padding:3px;vertical-align:middle;margin-right:0.2em;background-color:white;}
/*uitloggen*/
/*hoofdmenu*/

/*Paginadefinities*/
.ContentWrapper {position:relative;float:left;width:98%;margin:1%; height:auto;}
.FullColumn {position:relative;float:left;width:100%;}
.HalfColumn {position:relative;float:left;width:50%;}
/*Paginadefinities*/

/*Form*/
.FormWrapper {position:relative;float:left;width:100%;}
.FormHeader {position:relative;float:left;width:100%;}
.FormRow {position:relative;float:left;width:100%;margin-bottom:1.2em;}
.FormLabel {position:relative;float:left;width:20%;min-width:140px;}
.FormField {position:relative;float:left;width:80%;}
/*Form*/



/*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: #fff;}
/*overzicht tabellen*/

.tpthumbs {width:110px;padding:.3em}

/*Old CSS*/
#acties {
    width: auto;
    position: relative;
    float: right;
    text-align: right;
    padding: 0.2em;
    margin-right: 6%;
}
/*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*/


    /*buttons*/
    .btn_green, .btn_red, .btn_blue {width:auto;font-size:1em;color:white;padding:0.3em;font-weight:bold;cursor: pointer;}
    .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_green:hover, .btn_red:hover, .btn_blue:hover {border:2px solid white;}
    /*buttons*/
/*Old CSS*/


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