@font-face {font-family:Ubuntu;src: url("/css/Ubuntu-R.ttf") format('truetype');}
body {font-family:Ubuntu, Arial, Helvetica, sans-serif; font-size:15px;color:black;line-height:1.4em;background-color: white;margin:0px;padding:0px;}

/*main div*/
#container {width:100%;height:auto;background-color:#fff;top:auto;margin:0 auto;padding:0px;}
#topmenu {width:100%;height:auto;position:relative;float:left;box-shadow: 0 1px 0 0 #d3d3d3;
    background: #eaeaea linear-gradient(white, 28%, rgba(0, 0, 0, 0));}
#hoofdmenu {
    width: 100%;
    height: auto;
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    box-shadow: 0 1px 0 0 #d3d3d3;
    background: #eaeaea linear-gradient(white, 28%, rgba(0, 0, 0, 0));
    color: black;
    margin-bottom: 1em;
}
#mainspace {width:96%;height:auto;min-height:500px;position:relative;float:left;margin:0 2% 0 2%;background-color: #fff;}
#footer {width:100%;height:auto;position:relative;float:left;background-color: #fff;padding-top:30px;}
/*main div*/

/*alg*/
h1 {font-family:Ubuntu, Arial, Helvetica, sans-serif;font-size:1.5em;font-weight:normal;line-height:1.8em;color:#009cda;border:none;}
h2 {font-family:Ubuntu, Arial, Helvetica, sans-serif;font-size:1.2em;font-weight:normal;line-height:1.2em;color:#009cda;}
h3 {font-family:Ubuntu, Arial, Helvetica, sans-serif;font-size:1.2em;font-weight:normal;line-height:1.1em;color:black;}
hr {background-color:#009cda;color:#009cda; height:1px;border:none;}
p {color:#333333;margin-top:0;}
a, a:link {color:#009cda;}
a:visited, a:hover {color:#009cda;}
a:active {color:#009cda;}
/*alg*/

/*overzicht tabellen*/
#tbl_default {margin:0em;border: 1px solid #e5e5e5;border-collapse: collapse;clear:left;}
#tbl_default th {background-color: #99ccff;height:2em;text-transform:capitalize;text-align: left;}
#tbl_default tr, .tbl_default td, .tbl_default th {border:1px solid #e5e5e5;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: #e2e2e2;}
#tbl_default tr:nth-child(odd) {background-color: #fff}
/*overzicht tabellen*/

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

/*topmemu*/
#topmenu {height:35px;position:relative;float:right;}
#topmenu ul {position:relative;float:right;display:inline;border: 1px;color:#009cda;margin:0;padding:0.5em;}
#topmenu ul li {position:relative;float:left;list-style: none;display: inline;margin-right:1em;}
#topmenu ul li a:link, #topmenu ul li a:visited {position:relative;float:left;list-style: none;display:inline;text-decoration: none;}
#topmenu ul li a:hover, #topmenu ul li a:active {color:#009cda;text-decoration:none;}
#topmenu img {padding:0;margin:0;vertical-align:top;border:0;}
/*topmemu*/

/*hoofdmenu*/
#logo {display:inline-flex;align-items:center;margin:1em 2em;padding:1em}
#systemec_logo {position:relative;float:right;background:none;margin:1em 2em}
#menu {width:100%;height:auto;font-family:Ubuntu, Helvetica, sans-serif;color:white;margin:0}
#menu ul {font-size: 1.1em;color: white;display: inline-flex;margin: 0.2em;background-color: #004F9F;border-radius:.5em;}
#menu ul li {position: relative;float: left;color: white;list-style: none;margin: 0.4em;border-left: 1px solid #009fe3;padding-left: 0.4em;}
#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:#009cda;text-decoration: none;}
/*hoofdmenu*/

/*div binnen mainspace*/
#operations {width:100%;height:auto;position:relative;float:left;background-color:#eee;border: 1px solid #e5e5e5;margin:0.8em 0%;}
#content_search {width:35%;height:auto;position:relative;float:left;clear:left;font-weight:bold;padding:1%;border:1px solid #009cda;margin:1% 0%;}
#content_search input {padding:3px;margin:4px;border-radius:4px;}

#overzicht {max-width:92%;width:auto;height:auto;position:relative;float:left;clear:left;padding:1%;margin:0%;}
#overzicht_zoeken {max-width:92%;width:auto;height:auto;position:relative;float:left;clear:left;padding:1%;margin:0%;}

.content_login {width:40%;height:auto;margin:2% auto;font-weight:bold;border:1px solid #e5e5e5;}
.content_login table{width:100%;margin:0 auto;}
/*div binnen mainspace*/

#koptitel {width:40%;position:relative;float:left;padding:0.2em;}
#acties {width:40%;position:relative;float:right;text-align:right;padding:0.2em;}
#omschrijving {width:80%;position:relative;float:left;}


#overzicht_tabs {width:100%;height:auto;position:relative;float:left;}
#tabs {width:100%;height:auto;min-height:400px;position:relative;float:left;}
.tbl_insidetabs {width:95%;position:relative;float:left;margin:0.1em 0;border: 1px solid #e5e5e5;border-collapse: collapse;clear:left;}
.tbl_insidetabs th {background-color: #99ccff;height:1em;text-transform:capitalize;}
.tbl_insidetabs tr, .tbl_insidetabs td, .tbl_insidetabs th {border:1px solid #e5e5e5;padding-right:1em;padding-left:1em;}
.tbl_insidetabs img {width:225px;margin:3px;border:1px solid #333333;}

/*groep data*/
.groeprow {width:100%;position:relative;float:left;margin-bottom:.5em}
.kenmerk {width:18%;position:relative;float:left;color:#333333;padding:0.3em;margin:0.1em;}
.kenmerkvalue {width:auto;position:relative;float:left;}
/*groep data*/

/*alg*/
textarea {width:500px;height:200px;background-color:#f4f4f4;}
input, textarea {padding:0.4em;margin:0.3em;}
select {padding:0.4em;margin:0.4em;}
/*alg*/

/*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: #99ccff;height:2em;text-transform:capitalize;}
.tbl_user tr, .tbl_user td, .tbl_user th {padding-right:1em;padding-left:1em;}
/*user login*/

/*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*/

/*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;}
#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*/


#payoff {width:90%;text-align: center;color: #009cda;font-size: 2.5em;text-decoration:none;border-top:1px solid #7f4098;padding:15px 0px;margin:0 auto;line-height:1.2em;}
#payoff a, #payoff a:link {text-decoration:none;color: #009cda;}

.column {width:100%;float:left;position:relative;padding:0;/*background-color:#eee;*/}
.portlet {margin: 0 0.5em 1.3em 0; }
.portlet-header { margin: 0.3em; padding-bottom:0.2em; padding-left: 0.2em;}
.portlet-header .ui-icon {float: right;}
.portlet-content {padding: 0.1em;}
.ui-sortable-placeholder {border: 1px dotted #333333; visibility: visible !important; height: 50px !important;}
.ui-sortable-placeholder * {visibility: hidden; }

.mailwrapper {position:relative;float:left;width:40%;margin-left:10px;border-color:#009cda;border-style:solid;border-width:1px;margin-top:10px;min-width:300px;}
.mailwrapper h1 {margin-left:10px;}
.mailrow {width:100%;float:left;position:relative;}
.mailkolom1 {margin-left: 5%;position:relative;float:left;margin-top:10px;width: 20%;}

.mailkolom2 {position:relative;float:left;margin-left:5%;}
.mailfooter {margin-left:30%;position:relative;float:left;width:100%;}
.mailheader {float:left;position:relative; width:85%;margin-left:5%;min-width:120px;}

.storingoverzicht {position: relative;float: left;width: 70%;min-width: 300px;}

.divcontent {position:relative;float:left;width:70%;min-width:300px;}

.wrapperright1{position:relative;width:100%;float:left;}

.meldingmessage{width:100%;float:left;position:relative;}

.aanmelderror{float:left;position:relative;color:Red;margin-left:10px;margin-bottom:5px;margin-right:10px;margin-top:5px;}

.aanmeldok{float:left;position:relative;color:Green;margin-left:10px;margin-right:10px;margin-bottom:5px;margin-top:5px;}

.afmeldok{float:left;position:relative;color:Green;margin-left:10px;margin-right:10px;margin-bottom:5px;margin-top:5px;}

/*passwordStrength*/
#passwordfield {position:relative;float:left;height:20px;}

#passwordstrength {height:25px;width:100px;position:relative;float:right;margin-top:6px;padding-top:5px;text-align:center;border:1px solid #eee;}
.strength0 { width:100px; background:#ccc;}
.strength1 { width:10px; background:#ff0000; color:#FFF;}
.strength2 { width:25px; background:#ff5f5f; color:#FFF;}
.strength3 { width:50px; background:#ffcc00; color:#333;}
.strength4 { width:75px; background:#80b506; color:#FFF;}
.strength5 { width:100px; background:#66cc00; color:#FFF;}
/*passwordStrength*/

.intablewrapper {float:left;position:relative;width:600px;}
.intable {float:left;position:relative;}
.intableleft {float:left;width:300px;position:relative;}
.intableright {float:left;position:relative;width:300px;}

.kenmerkvalue input[type=text] {width:300px;}
.kenmerkinfo {color: red;margin-top:7px;}
.items_loop {width:100%;float:left;position:relative;margin: 0;background-color: #caebe9;}
.fotoloop {width:100%;max-width:100px;float:left;position:relative;margin: 0;background-color: #caebe9;}
.tabelfotoloop {width: 100%;float: left;position: relative;margin: 0;background-color: #caebe9;min-width:300px}
.mediakrant_foto {width:100px;position:relative;float:left;}

.media_foto {width: 100px;position:relative;float:left;}
.mediadm_foto {width: 100px;position:relative;float:left;}
.media_gebfoto {width:100px;position:relative;float:left;}
.vergrootglas {width:15px;height:15px;position: absolute;bottom: 0px;right: 0px;background-color: #fff;padding: 0.3em; margin: 0;border: 1px solid #ccc;}



/*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:7px;}
.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}
.FormField2 {position:relative;float:left;width:auto;width:65%;padding:.3em}
.FormInfo {position:relative;float:left;width:auto;text-align:left;padding:.3em}
/*Form*/

/*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*/

.ContentFullColumn {position:relative;float:left;width:100%;padding-top:1em}
.ContentFullColum img {width: auto; max-width: 90%;padding-top: 1em;}


/*plugins vensters*/
.cms_dialog {margin:0em;background-color:#e5e5e5;padding:1em;min-height:230px;}
/*plugins vensters*/