/*
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
body {font-size: 13px; color: #ffffff; font-family: "Roboto", sans-serif;}

@import url('https://fonts.googleapis.com/css2?family=PTsans&display=swap');
body {font-size: 13px; color: #444444; font-family: "PTsans", sans-serif;}
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
body {font-size: 14px; color: #444444; font-family: "Montserrat", sans-serif;}



/*
body {
  background-image: url('../main-background.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  font-size:14px;
  background-color:#ffffff;
}
*/



input {font-size:18px;padding:4px;text-align: left; width:90%;  display: inline-block;}
input.readonly {font-size:18px;padding:4px;background-color: #e5e5e5;}



P {font-size:16px;color:#000000;font-weight:400;}
H1 {font-size:22px;}
H2 {font-size:18px;}
td {font-size:16px;font-weight:400;}
textarea{font-size: 16px;}
label {font-size:16px;font-weight:400;}

.button {color:#ff0000; font-size:16px; font-weight:600; text-align: center;width:150px; height:38px;}
.datum {font-family:Arial; font-size:18px; text-align: left; width:200px; display: inline-block;}
.select-option {font-size: 18px; padding: 6px; background: #ffffff;line-height: 2.8em;}
.keeptogether {    display: inline-block;    width: 100%;}
.resize_img {display: block; max-width:100%; max-height:auto;}
a:link {color: blue;}
a:visited {color:blue;}
a:hover {color:red;}
a:active {color:red;}


div[data-lastpass-icon-root] { display: none; }
div[data-lastpass-root] { display: none; }

.checkboxlabel {
    width:20px;
    /* Double-sized Checkboxes */
        -ms-transform: scale(2); /* IE */
        -moz-transform: scale(2); /* FF */
        -webkit-transform: scale(2); /* Safari and Chrome */
        -o-transform: scale(2); /* Opera */
       }

.radiobuttonscaled{width:30px; height:30px;}


* {box-sizing: border-box;}
.row { display: flex;}
/* Create two equal columns that sits next to each other */
.column { flex: 50%; padding: 10px; }


.center {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*standaard structuur met 2 kolommen main en aside */
#wrapper {width: 100%; max-width:1850px; margin: auto;}
#main {width: 60%; margin-right: 5%; float: left;}
#onecolumn{width:100%;}
aside {width: 35%;float: right;}