body {
background-repeat:repeat;
xscrollbar-3dlight-color: #444444;
xscrollbar-arrow-color: #444444;
xscrollbar-face-color: #444444;
xscrollbar-highlight-color: #444444;
xscrollbar-track-color: #000000;
 }
.maintext{
font-family:ubuntu,verdana,arial,helvetica,sans-serif;
font-size:12px;
font-weight: normal;
color:#000000;
}
a:link {font-family:ubuntu,verdana,arial,helvetica,sans-serif;
color: #3e84c5;
text-decoration: none;
font-size:12px;
font-weight:normal;
}
a:hover {
font-family:ubuntu,verdana,arial,helvetica,sans-serif;
color: #3e84c5;
text-decoration: underline;
font-size:12px;
font-weight:normal;
}
a:active {
font-family:ubuntu,verdana,arial,helvetica,sans-serif;
color: #444444;
text-decoration: underline;
font-size:12px;
font-weight:normal;
}
a:visited {
font-family:ubuntu,verdana,arial,helvetica,sans-serif;
color: #3e84c5;
text-decoration: none;
font-size:12px;
font-weight:normal;
}
  text-decoration: none;}
 	b { font-family: arial, helvetica, sans-serif;
        font-size:12px;
		font-weight: 700;
        color: #000000;}
		}
h2 { font-family: arial, helvetica, sans-serif;
        font-size:12px;
		font-weight: normal;
        color: #444444;}
th { font-family: arial, helvetica, sans-serif;
        font-size:12px;
		font-weight: 700;
        color: #444444;
		}
td { font-family: verdana, arial, helvetica, sans-serif;
        font-size:12px;
		font-weight: normal;
        color: #000000;
		}
h3 { font-family: arial, helvetica, sans-serif;
        font-size:12px;
		font-weight: normal;
        color: #444444;}
	th { font-family: arial, helvetica, sans-serif;
        font-size:12px;
		font-weight: 700;
        color: #444444;
		}
ul{ margin-top: 0px;
 margin-left: 30px;margin-bottom:0px;}
.maintext2 {        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 12px;
        color: #444444;
		}
		.titel { font-family: verdana, arial, helvetica, sans-serif;
        font-size:12px;
		font-weight: 700;
        color: #444444;
		width: 400px;
		}
	.database {        font-family: arial, helvetica, sans-serif;
        font-size:12px;
     	color: #444444;
                background: #f7f7f7;
                border-style: solid;
                border-width: thin;
                border-color: #aaaaaa;
                margin-top: 3px;
                padding: 10px;
                width: 150px;
      		display: block;
        	visibility: visible;}
.linksnav {        font-family: arial, helvetica, sans-serif;
        font-size:12px;
        color: #000000;
                background: #F7F7F7;
                border-style: solid;
                border-width: 1px;
                border-color: #aaaaaa;
                margin-top: 3px;
                padding: 10px;
                width: 210px;
		top: 4px;
		left: 20px;
      		display: block;
        	visibility: visible;
       }
 .list {font-family: arial, helvetica, sans-serif;
        font-size:12px;
        color: #444444;
                background: #fffffff;
                border-style: solid;
                border-width: 1px;
                border-color: #888888;
                margin-top: 3px;
                padding: 10px;
                width: 800px;
      	display: block;
		position: absolute;
		top: 70px;
margin-left: 10%;
margin-right: 10%;
width:80%;
       }
.overviewlist {font-family: arial, helvetica, sans-serif;
        font-size:12px;
        color: #444444;
                background: #fffffff;
                border-style: solid;
                border-width: 1px;
                border-color: #888888;
                margin-top: 3px;
                padding: 10px;
                width: 94%;
      	display: block;
		position: absolute;
		top: 70px;
margin-left: 3%;
margin-right: 3%;
       }
.form {font-family: arial, helvetica, sans-serif;
        font-size:9px;
        color: #444444;
                background: #f7f7f7;
                border-style: solid;
                border-width: 0px;
                margin-top: 3px;
                padding: 10px;
                width: 80%;
      	display: block;
		position: absolute;
		top: 3px;
		left: 10px;
       }
 .list1 {font-family: ubuntu, verdana, arial, helvetica, sans-serif;
        font-size:12px;
        color: #444444;
                background: #ffffff;
                border-style: solid;
                border-width: 1px;
                border-color: #9dc1e1;
                margin-top: 3px;
                padding: 10px;
                margin-left: auto; 
                margin-right: auto;
                width: 600px;
      		display: block;
		top: 80px;
       }
.list2 {font-family: arial, helvetica, sans-serif;
        font-size:12px;
        color: #660000;
                background: #e7e7e7;
                border-style: solid;
                border-width: thin;
                border-color: #444444;
                margin-top: 3px;
                padding: 10px;
                width: 750px;
      	display: block;
		       }
.inhoud-list {font-family: arial, helvetica, sans-serif;
        font-size:12px;
        color: #444444;
                 background-repeat:no-repeat;
                 background-position:center; 

}
.buttonx	{
	background-color: #ffeedd;
	border: 2px #444444  solid;
	color: #444444;
	font-family:verdana,arial, helvetica, sans-serif;
	font-size: 8px
	font-weight:700;
	}
.readonly	{
	background-color: #f7f7f7;
	border: none;
	color: #000000;
	font-family:verdana,arial, helvetica, sans-serif;
	font-size: 8px

}
.leveroij { font-family: arial, helvetica, sans-serif;
        font-size: 48px;
		font-weight: normal;
        color: #3e84c5;}

       /* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}