@charset "utf-8";
/* CSS Document */

body, html{position: relative; width: 100%; margin: 0px; height:auto; min-height: 100vh; background-color: #FFFFFF; font-family:Calibri; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; font-size: 1.2rem;}
.page_top{position: relative; width: 100%; height: 2.0rem; padding-top: 0.5rem; float: right; padding-bottom: 0.5rem; background: linear-gradient(#c1c1c1, #ffffff); }
.page_top a{border: none;}
.wrapper{margin-left:auto; margin-right:auto; width:100%; height: 100%; min-height: 100vh; position: relative; float: left;} 
.logo{position: relative; margin-left: 1.0rem; margin-top: 0.1rem; width: 20%; height: 4rem; float: left; background-image: url("../image/logo-sm.png"); background-size: contain; background-repeat: no-repeat; z-index: 999;}
.page_loginbox{position: relative; float: right;  margin-right: 1.0rem;border: thin solid #EB7830;  border-radius: 0.4rem; width: auto;  padding-right: 1.0rem; padding-left: 1.0rem;}
.page_login{position: relative; background: url("../image/bg_login.png"); background-repeat:  repeat-x; background-size:  contain; float: right; margin: auto; width: auto; height: 2.0rem; padding-right: 1.0rem; padding-left: 1.0rem; margin-right: 1.0rem; cursor: pointer; border-radius: 0.4rem;}
.page_login a{border: none; text-decoration: none; color: black;}

.page_menubox{position: relative; float: left;margin-left: 2.0rem;  margin-right: 1.0rem; border: thin solid #EB7830; border-radius: 0.4rem; width: auto;  padding-left: 0.2rem; padding-right: 0.2rem;}
.page_menu{position: relative; background-repeat:  repeat-x; background-size:  contain; float: left; margin: auto; width: auto; height: 2.0rem; padding-right: 1.0rem; padding-left: 1.0rem; margin-left: 0.2rem; cursor: pointer; border-radius: 0.4rem;}
.page_menu a{border: none; text-decoration: none; color: black;}

.page_categoriebox{position: relative; float: left; width: 200px; min-height: calc(100vh - 7.0rem); height: 100%; border-right: 1px solid #C1C1C1; margin-top: 4rem;}
.page_categorieboxr{position: relative; float: right; width: 200px; min-height: calc(100vh - 7.0rem); height: 100%; border-left: 1px solid #C1C1C1; margin-top: 4rem; margin-right: 2%; padding-left: 2%;  scrollbar-color: linear-gradient(darkgray orange);  scrollbar-width: thin;}
.page_categorie{position: relative; float: left; margin: auto; width: 98%; text-align: left; height: 2.0rem;  margin-left: 1%; cursor: pointer; border-radius: 0.4rem;}
.page_categorie_img{position: relative; float: left; margin: auto; width: 4rem;  height: 2.0rem;  margin-left: 5%; cursor: pointer; border-radius: 0.4rem;}
.page_categorie a{border: none; text-decoration: none; color: black;}

.page_header{position: relative; float: left; margin-left: 5%; margin-right: 5%; width: 54%; height: 6.0rem; margin-top: 2.0rem; border-bottom: thin solid #d58c0b;}
.page_header_titel{position: relative; float: left; width: 100%; font-size: 1.6rem; line-height: 2.0rem; height: 2.0rem; font-weight: bold; text-align: center;}
.page_header_sub{position: relative; float: left; width: 100%; font-style: italic; font-size: 1.4rem; text-align: center;}

.page_body{position: relative; float: left; display: block;  padding: 2%; padding-bottom: 4%;  margin-left: 2%; margin-right: 2%;  width: calc(88% - 406px); height: auto; margin-top: 2.0rem; border: 0px solid #586abe; background: linear-gradient(#e1e1e1, #ffffff); border-radius: 0.5rem;}

.page_picture_holder{ position: relative; float: left; width: 95%;}
.page_picture{position: relative; float: left; margin: auto;  width: 100%; height: 10rem;  background-image: url("../image/front.png"); background-repeat: no-repeat; background-size: contain; background-position: center;  }
.page_picture2{position: relative; float: left; margin: auto;  width: 100%; height: 10rem;  background-image: url("../image/menu1.png"); background-repeat: no-repeat; background-size: contain; background-position: center;  }
.page_picture3{position: relative; float: left; margin: auto;  width: 100%; height: 10rem;  background-image: url("../image/menu2.png"); background-repeat: no-repeat; background-size: contain; background-position: center;  }
.page_picture4{position: relative; float: left; margin: auto;  width: 100%; height: 10rem;  background-image: url("../image/form.png"); background-repeat: no-repeat; background-size: contain; background-position: center;  }
.page_picture5{position: relative; float: left; margin: auto;  width: 100%; height: 10rem;  background-image: url("../image/stand.png"); background-repeat: no-repeat; background-size: contain; background-position: center;  }
.page_picture6{position: relative; float: left; margin: auto;  width: 100%; height: 10rem;  background-image: url("../image/uitslag.png"); background-repeat: no-repeat; background-size: contain; background-position: center;  }
.page_datum{position: absolute; width: auto; right: 10px; bottom: 0px; height: 2.0rem; color: brown; font-style: italic; font-size: 0.8rem;}

/* LOGIN */
.login_regbox{position: relative; margin-left: auto; margin-right: auto; width: 50%; display: block; padding: 35px; background-color:#f6f6f6; border-radius: 15px; border: 1px solid #ffffff; min-height: 200px; color: #000000;box-shadow: 0px 16px 32px 0px rgba(0,0,0,0.4); margin-top: 30px; }
.login_reghead{font-size: 1.2rem; font-weight: bold; padding-bottom: 10px; height: 26px; width: 60%; border-bottom: thin solid #586abe ; margin-left: 20%; }
.login_regline{font-size: 1.1rem; line-height: 1.8rem; font-style: italic; margin-top: 10px; position: relative; float: inherit; width: 60%; height: 2.0rem; margin-left: 20%;}
.login_regdesc{position: relative; float: left; width: 25%; }
.login_regtext{position: relative; float: right; width: 50%; height: 1.8rem; line-height: 2.0rem; border-radius: 5px; padding: 2.5px; padding-left: 12px; clear: right;}

.repage{visibility: hidden;}
.login_regbox_menu{ position:absolute; width: 100%; border-radius:  0px 0px 0.5rem 0.5rem; left: 0px; z-index: 100; height: 35px; bottom:0px; margin: auto; margin-bottom: 0px; box-shadow: 0px 8px 32px 0px rgba(0,0,0,0.4);}
.top-item{position: relative; float: right;  height: 1.8rem; line-height: 2.0rem; min-width: 100px;  cursor: pointer; vertical-align: middle; border-radius: 0.4rem; font-weight: bold; margin-top: 0.1rem; text-align: center; color:#092D18; clear: right; background: url("../image/bg_login.png"); background-repeat:  repeat-x; background-size:  contain;}
.top-item a{color:#f6f6f6f;}
.top-item:hover{background-color: #f6f6f6; color: #384f81; box-shadow: 0px 12px  32px 0px rgba(0,0,0,0.4);  }
.login_oms{font-size: 1.1rem; font-style: italic; margin-top: 10px; position: relative; float: inherit; width: 60%; height: 2.0rem;}

/* /LOGIN */

/* SCOREBORD */
.scorebord_settings{position: relative; float: left; clear:left; background-color: white; width: 950px; text-indent: 0px; padding-inline-start: 0; height: auto; min-height: 40vh; border-radius: 0px 0.5rem 0.5rem 0.5rem; border: 1px outset #eeeeee;}
.scorebord_settings li{list-style: none; display: block; height: 2.0rem; float: left; padding: 0 2.0rem 0 2.0rem; position: relative; background: linear-gradient(#888888, #ffffff); margin-right: 0.0rem; margin-left: 0px; top:-2.0rem; border-right: 2px outset #586abe;}
.scorebord_setting{display: none; top:-1.0rem; position: relative; float: left; left:0%; width: 96%;  padding: 2%; }
.scorebord_settings li:hover{background: linear-gradient(#CCCCCC, #FFFFFF);}
.scorebord_settings li:first-child{border-radius: 0.5rem 0 0 0;}
.scorebord_settings li:last-child{border-radius: 0 0.5rem 0 0; border: none;}
.scorebord_bond{position: relative; float: left; width: 100%; height: 2.0rem; top:-2.0rem;}

.settings_result{position: relative; float: left; text-indent: 20px; width: 100%; text-align: left; font-size: 1.0rem; height: auto; cursor: pointer; border-bottom: 1px solid #000000; background-color: white;   -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.config_row{position: relative; float: left; height: 2.0rem; width: 900px; padding: 2px 0px;}
.config_setting_local{position: relative; float: left;font-size: 1.0rem; width: 400px;}
.config_setting_local input{font-size: 1.0rem; width: 60%;}
.config_waarde_local{position: relative; float: left;font-size: 1.0rem; width: 400px;}
.config_waarde_local input{font-size: 1.0rem; width: auto; width: 60%;}
.config_setting{position: relative; float: left;font-size: 0.8rem; width: 30%;}
.config_setting input{font-size: 0.8rem; width: 50%;}
.config_waarde{position: relative; float: left;font-size: 0.8rem; width: 35%;}
.config_waarde input{font-size: 0.8rem; width: auto; width: 65%;}
/* /SCOREBORD */