html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}

body{
	color: #555555;
	margin: 0px;
	padding: 0px;
	min-width: 49rem;
	background-color: #FFF;
	font-family: 'Open Sans',Helvetica,Arial,sans-serif;
	font-size: 12pt;
}


/* SECTION */
section.top{
	height: 90px;
}
section.menu{
	background-color: #383f43;
	text-align: center;
	border-bottom: 0.2em solid #cc0033;
	box-shadow: 0 0.3rem 0.3rem #888888;
}
section.mid{
	min-height: 25rem;
	padding: 0;
	margin: 0;
	text-align: center;
}	
section.bot{
	background-color: #304a54;
	height: 10rem;
}


/* DIV */
div.box{
	width: 100%;
}

div.logo {
	background-color: #cc0033;
	background-image: url('body/logo.jpg');
    width: 9.3rem;
    height: 9.3rem;
    position: relative;
    left: -11rem;
    bottom: 7.9rem;
}
div.parg{
	display: inline-block;
	min-width: 35em;
	max-width: 90%;
	padding: 1.5em;
}


/* SPAN */
span.mark{
	display: block;
	position: absolute;
	bottom: 0.3rem;
	left: 1rem;
	width: 1rem;
	height: 1rem;
	background-color: white;
	text-align: center;
	line-height: 0.8rem;
	bottom: -0.5rem;
}


/* MENU */
ul{
	list-style: none;
	margin: 0;
	padding: 0;
	list-style: colapse;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;           /* Non-prefixed version, currently
                                 not supported by any browser */
}
ul li{
	position: relative;
	left: 0;
	display: inline-block;
	margin: 0;
}
ul li.logo {
    width: 0;
    height: 0;
    padding: 0;
    position: relative;
    background-color: #f4f3f8;
    box-sizing: border-box;
}
ul li a{
	color: #FFF;
	text-decoration: none;
	padding: 1.1rem;
	text-transform: uppercase;
	display: inline-block;
	margin: 0;
	font-size: 0.9rem;
}
ul a:hover{
	background-color: #cc0033;
	cursor: pointer;
}
#m1-content{
	display: display;
	position: relative;
	width: 100%;
	background-color: #cc0033;
	z-index: 1;
	border-bottom: 0.2em solid #383f43;
	box-shadow: 0 0.3rem 0.3rem #888888;
	text-align: center;
	font-weight: bold;
}


/* HEADERS & PARAGRAPHS */
h1{
	margin: 0;
	padding: 0;
	position: relative;
	top: 0.6em;
	left: -1.8em; /* meer li element dit aanpassen */
	text-align: center;
	font-size: 3.2em;
	color: #cc0033;
}
h2{
	position: relative;
	font-size: 1.2em;
	margin: auto;
	padding: 0;
	color: #383f43;
	text-transform: uppercase;
	border-bottom: 0.05em solid #cc0033;
	text-align: center;
	line-height: 2;
	box-sizing: border-box;
}
p{
	font-size: 0.85rem;
}


/* TABLES */
table{
	border-collapse: collapse;
	
	font-size: 0.8rem;
}
th,td{
	padding: 0.5rem;
	border-bottom: 1px solid #555;
}
tr:hover{
	background-color: #DDD;
}


/* FORMS */
form{
	width: 100%;
	padding:0;
	margin: 0;
	text-align: center;
}
form input{
	display: inline-block;
	width: 10rem;
	margin-bottom: 0.5rem;
}
form select{
	display: inline-block;
	width: 10.34rem;
	margin-bottom: 0.5rem;

}
.green{
	border: 2px solid lightgreen;
}
.red{
	border: 2px solid orangered;
}
label{
	display: inline-block;
	width: 10rem;
}
label.l{
	text-align: right;
}
label.r{
	text-align: left;
}
.invis{
	display: none;
}