html {
	margin: 0;
	
	width: 100%;
	height: 100%;
	min-height: 100%;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom left;
	background-image: url('welkomstscherm-background2.jpg');
	background-attachment: fixed;
}
body {
	/*min-height: 100%;*/
}

#container {
	position: relative;
	/*margin-top: 35px;*/
	margin-left: auto;
	margin-right: auto;
	width: 850px;
	height: 600px;
}

#main {
	position: absolute;
	margin-top: 50pt;
	/*top: 0px;
	left: 0px;*/
	width: 100%;
	height: 100%;
	border-radius: 20px;
	background: none;
}

#main-title {
	position: absolute;
	top: 1.6%;
	left: 1.7%;
	width: 94%;
	font-family: Calibri;
	font-weight: bold;
	font-size: 26pt;
	color: #FFF;
	
	/*opacity: 0.98;*/
}
#main-title i {
	position: relative;
	float: right;
	font-size: 28pt;
	/*opacity: 0.25;*/
}

#main-doorgaan-bar {
	position: absolute;
	top: 12.0%;
	left: 71.8%;
	width: 24%;
	height: 5%;
	padding: 0.5%;
	font-family: Calibri;
	font-weight: bold;
	font-size: 17pt;
	color: #FFF;
	border-radius: 15px;
	text-align: center;
	
	/*opacity: 0.98;*/
}
.dg-button-normal {
	cursor: normal;
	border: 2px solid #EEE;
	background: #1d1d1d;
	background: -webkit-linear-gradient(#4a4a4a, #1d1d1d); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#4a4a4a, #1d1d1d); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#4a4a4a, #1d1d1d); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#4a4a4a, #1d1d1d); /* Standard syntax */
}
.dg-button-over {
	cursor: pointer;
	border: 2px solid #FFF;
	box-shadow: 0 2px 5px rgba(255,255,255,0.8);
	background: #1d1d1d;
	background: -webkit-linear-gradient(#1d1d1d, #4a4a4a); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#1d1d1d, #4a4a4a); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#1d1d1d, #4a4a4a); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#1d1d1d, #4a4a4a); /* Standard syntax */
}
#main-doorgaan {
	position: absolute;
	top: 6%;
	left: 12%;
}

#main-doorgaan-bar-2 {
	position: absolute;
	top: 12.0%;
	left: 94.5%;
	width: 4%;
	height: 5%;
	padding: 0.5%;
	font-family: Calibri;
	font-weight: bold;
	font-size: 17pt;
	color: #FFF;
	border-radius: 15px;
	text-align: center;
	
	/*opacity: 0.98;*/
}
.dg-button-normal-2 {
	cursor: normal;
	border: 2px solid #EEE;
	background: #494949;
	background: -webkit-linear-gradient(#1e1e1e, #5b5a5c); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#1e1e1e, #5b5a5c); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#1e1e1e, #5b5a5c); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#1e1e1e, #5b5a5c);
}
.dg-button-over-2 {
	cursor: pointer;
	border: 2px solid #FFF;
	box-shadow: 0 2px 5px rgba(255,255,255,0.8);
	background: #402661;
	background: -webkit-linear-gradient(#402661, #f3c486); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#402661, #f3c486); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#402661, #f3c486); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#402661, #f3c486); /* Standard syntax */
}


#main-doorgaan-bar-handleidingen {
	position: absolute;
	top: 22.0%;
	left: 71.8%;
	width: 26.5%;
	height: 5%;
	padding: 0.5%;
	font-family: Calibri;
	font-weight: bold;
	font-size: 17pt;
	color: #FFF;
	border-radius: 15px;
	text-align: center;
}
.dg-button-normal-handleidingen {
	cursor: normal;
	border: 2px solid #EEE;
	background: #750941;
	background: -webkit-linear-gradient(#a93570c2, #5c308c); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#a93570c2, #5c308c); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#a93570c2, #5c308c); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#a93570c2, #5c308c); /* Standard syntax */
}
.dg-button-over-handleidingen {
	cursor: pointer;
	border: 2px solid #FFF;
	box-shadow: 0 2px 5px rgba(255,255,255,0.8);
	background: #1d1d1d;
	background: -webkit-linear-gradient(#5c308c, #a93570c2); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#5c308c, #a93570c2); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#5c308c, #a93570c2); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#5c308c, #a93570c2); /* Standard syntax */
}


#main-doorgaan-bar-helpdesk {
	position: absolute;
	/*top: 21.0%;*/
	top: 30.5%;
	left: 71.8%;
	width: 26.5%;
	height: 5%;
	padding: 0.5%;
	font-family: Calibri;
	font-weight: bold;
	font-size: 17pt;
	color: #FFF;
	border-radius: 15px;
	text-align: center;
}
.dg-button-normal-helpdesk {
	cursor: normal;
	border: 2px solid #EEE;
	background: #750941;
	background: -webkit-linear-gradient(#b7b7b7c2, #750941); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#b7b7b7c2, #750941); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#b7b7b7c2, #750941); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#b7b7b7c2, #750941); /* Standard syntax */
}
.dg-button-over-helpdesk {
	cursor: pointer;
	border: 2px solid #FFF;
	box-shadow: 0 2px 5px rgba(255,255,255,0.8);
	background: #1d1d1d;
	background: -webkit-linear-gradient(#750941, #b7b7b7c2); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#750941, #b7b7b7c2); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#750941, #b7b7b7c2); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#750941, #b7b7b7c2); /* Standard syntax */
}



#main-content {
	position: absolute;
	top: 10%;
	left: 1%;
	width: 69%;
	/*height: 88.5%;*/
	border-radius: 20px;
	background: #f3f3f37a;
	
	/*overflow: auto;*/
	/*opacity: 0.98;*/
}

.md-container {
	position: relative;
	left: 2%;
	margin-top: 1.0%;
	margin-bottom: 2.5%;
	padding-bottom: 0.5%;
	width: 96%;
	border-radius: 10px;
	box-shadow: -1px 1px 35px rgba(3,3,3,0.2);
	background: #00998D;
}
.md-container:first-child {
	margin-top: 2%;
}

.md-title-bar {
	position: relative;
	float: left;
	clear: both;
	width: 99%;
	border-radius: 10px;
	background: #4F89C3;
	border: 1px solid red;
	display: none;
}
.md-title {
	position: relative;
	top: 2.8%;
	left: 1.2%;
	margin-top: 0.5%;
	margin-bottom: 0.5%;
	padding-top: 0.7%;
	padding-left: 0.2%;
	width: 99%;
	font-family: Calibri;
	font-weight: bold;
	font-size: 14pt;
	color: #FFF;
}
.md-content {
	position: relative;
	left: 0.5%;
	padding: 1%;
	padding-bottom: 2.5%;
	width: 97%;
	font-family: Calibri;
	font-size: 11pt;
	color: #333;
	border-radius: 5px;
	background: #FFF;
}
.md-content p:first-child {
	padding: 0px !important;
	margin: 0px !important;
}
.md-content a {
	font-family: Calibri;
	font-size: 11pt;
	color: #006FB4;
}

.important{
	background: #333;
}
.important-notice{
	background: #ffb576c7;
}
.important-notice .md-title {
	/*color: #5c5c5c;*/
}
.important-warning {
	background: #FF3311;
}


#main-files {
	position: absolute;
	top: 42.0%;
	left: 71.5%;
	width: 26%;
	max-height: 70%;
	padding-top: 1.5%;
	padding-bottom: 0.5%;
	border-radius: 20px;
	/*box-shadow: -1px 1px 20px rgba(3,3,3,0.1);*/
	box-shadow: -1px 1px 20px rgb(3 3 3 / 50%);
	background: none;
}

.mf-container {
	position: relative;
	left: 4%;
	width: 85%;
	float: left;
	clear: clear;
	padding: 3.0%;
	padding-left: 5.0%;
	padding-right: 3%;
	margin-bottom: 3%;
	font-family: Calibri;
	font-size: 13pt;
    line-height: 14pt;
	text-align: left;
	border-radius: 14px;
}

.mf-button-normal {
	color: #FFF;
	cursor: normal;
	background: #00988dad;
	background: -webkit-linear-gradient(#00988dad, #24242445); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#00988dad, #24242445); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#00988dad, #24242445); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#00988dad, #24242445); /* Standard syntax */
    border: 1px solid #f1f1f1;
}
.mf-button-qtip {
	padding-top: 4% !important;
	padding-bottom: 4% !important;
}
.mf-button-qtip .mf-qtip {
    position: relative;
    float: left;
	top: 3px;
}
.mf-button-qtip .mf-qtip div {
	margin: 2px 5px 0px 0px;
    width: 10px;
    height: 2px;
    background-color: #EEE;
	border: 1px;
}


.mf-button-qtip-handleidingen {
	/*padding-top: 4% !important;
	padding-bottom: 4% !important;*/
}
.mf-button-qtip-handleidingen .mf-qtip {
    position: relative;
    float: left;
    top: 8px;
    left: 8px;
	margin-right: 3px;
}
.mf-button-qtip-handleidingen .mf-qtip div {
	margin: 2px 5px 0px 0px;
    width: 10px;
    height: 2px;
    background-color: #EEE;
	border: 1px;
}


.mf-button-qtip-helpdesk {
	/*padding-top: 4% !important;
	padding-bottom: 4% !important;*/
}
.mf-button-qtip-helpdesk .mf-qtip {
    position: relative;
    float: left;
    top: 8px;
    left: 8px;
	margin-right: 3px;
}
.mf-button-qtip-helpdesk .mf-qtip div {
	margin: 2px 5px 0px 0px;
    width: 10px;
    height: 2px;
    background-color: #EEE;
	border: 1px;
}



.mf-button-over {
	color: #FFF;
	cursor: pointer;
	box-shadow: -1px 1px 5px rgba(255,255,255,0.7);
	background: #0c6762;
	background: -webkit-linear-gradient(#24242445, #00988dad); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#24242445, #00988dad); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#24242445, #00988dad); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#24242445, #00988dad); /* Standard syntax */
	border: 1px solid #f1f1f1;
}
.mf-button-normal-extra {
	color: #666;
	font-size: 8pt;
	cursor: normal;
	background: #FFF;
	background: -webkit-linear-gradient(#EEE, #FFF, #FFF); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#EEE, #FFF, #FFF); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#EEE, #FFF, #FFF); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#EEE, #FFF, #FFF); /* Standard syntax */
	opacity: 0.3;
}
.mf-button-normal-extra-1{
	margin-top: 15%;
}
.mf-button-over-extra {
	color: #555;
	font-size: 8pt;
	cursor: pointer;
	box-shadow: -1px 1px 5px rgba(255,255,255,0.7);
	background: #FFF;
	background: -webkit-linear-gradient(#EEE, #FFF, #FFF); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#EEE, #FFF, #FFF); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#EEE, #FFF, #FFF); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#EEE, #FFF, #FFF); /* Standard syntax */
	/*opacity: 0.9;*/
}

.mf-button-normal-sidebar {
	color: #FFF;
	cursor: normal;
	background: #00988dad;
	background: -webkit-linear-gradient(#00988dad, #24242445); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#00988dad, #24242445); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#00988dad, #24242445); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#00988dad, #24242445); /* Standard syntax */
    border: 1px solid #f1f1f1;
}
.mf-button-over-sidebar {
	color: #FFF;
	cursor: pointer;
	box-shadow: -1px 1px 5px rgba(255,255,255,0.7);
	background: #7AB859;
	background: -webkit-linear-gradient(#7AB859, #41A62A); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#7AB859, #41A62A); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#7AB859, #41A62A); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#7AB859, #41A62A); /* Standard syntax */
}


.mf-button-normal-helpdesk {
	margin-top: 8%;
	color: #FFF;
	cursor: normal;
	background: #06615a;
	background: -webkit-linear-gradient(#06615a, #24242445); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#06615a, #24242445); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#06615a, #24242445); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#06615a, #24242445); /* Standard syntax */
    border: 1px solid #f1f1f1;
}
.mf-button-over-helpdesk {
	margin-top: 8%;
	color: #FFF;
	cursor: pointer;
	box-shadow: -1px 1px 5px rgba(255,255,255,0.7);
	background: #0c6762;
	background: -webkit-linear-gradient(#24242445, #06615a); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#24242445, #06615a); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#24242445, #06615a); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#24242445, #06615a); /* Standard syntax */
	border: 1px solid #f1f1f1;
}


.mf-button-normal-handleidingen {
	margin-top: 8%;
	color: #FFF;
	cursor: normal;
	background: #06615a;
	background: -webkit-linear-gradient(#06615a, #24242445); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#06615a, #24242445); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#06615a, #24242445); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#06615a, #24242445); /* Standard syntax */
    border: 1px solid #f1f1f1;
}
.mf-button-over-handleidingen {
	margin-top: 8%;
	color: #FFF;
	cursor: pointer;
	box-shadow: -1px 1px 5px rgba(255,255,255,0.7);
	background: #0c6762;
	background: -webkit-linear-gradient(#24242445, #06615a); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#24242445, #06615a); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#24242445, #06615a); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#24242445, #06615a); /* Standard syntax */
	border: 1px solid #f1f1f1;
}




#main-logo-bar {
	position: absolute;
	top: 83.5%;
	left: 71.5%;
	width: 24%;
	height: 15%;
	border-radius: 20px;
	background: none;

}
#main-logo {
	position: absolute;
	top: 5%;
	left: 3.5%;
	width: 100%;
	height: 100%;
	/*opacity: 0.3;*/
}


#kompas {
	position: absolute;
	top: 25%;
	left: 75%;
	width: 447px;
	height: 692px;
}

.hide {
	display: none;
}