BODY {
	scrollbar-face-color : #FFF0DC ;
	scrollbar-shadow-color : #c8c8c8 ;
	scrollbar-highlight-color : #FFFFFF ;
	scrollbar-3dlight-color : #c8c8c8 ;
	scrollbar-darkshadow-color : #FF6600 ;
	scrollbar-track-color : #FBBA82 ;
	scrollbar-arrow-color : #000000 ;
	menu-arrow-color : #FFFFFF;
	margin: 0px;
	padding:0px;
}




#header {
	height:92px;
	background: url('../images/specifiek/header.jpg') right top no-repeat;
	background-size: 100%;
}

#footer {
	background:url('../images/specifiek/onderrand.jpg');
	background-size: 300%;
	height:72px;
	margin-top:10px;
	visibility: visible;
}
@media screen and (min-width: 566px) {
	#footer {
		height: 36px;
	}
}
#menu {
	width:200px;
	padding-right: 20px;
}

/*
@media screen and (min-device-height: 600px) {

	#container {
		height: 400px;
		width: 100%;
		overflow: auto;
	}
}*/
#main, #bottomBar {
	margin-left: 14px;
	margin-right: 6px;
}

div.menu, div.menuActive {
}

	.menuOption0, .menuOption1, .menuOption2, .menuOption3 {
		white-space: nowrap;
		text-decoration:none;
		line-height: 32px;
		float: left;
		margin-right: 20px;
	}
	.menuOption0:hover, .menuOption0Active:hover { color: #FDBC1F }
	.menuOption0Active {
		font-weight: bold;
		white-space: nowrap;
		text-decoration:none;
		line-height: 32px;
		float: left;
		margin-right: 20px;
	}


div.tekstMenuItem {
}
div.tekstMenuItemBody {
	margin-top:12px;
	padding-bottom: 10px;
	border-bottom: 1px solid #666666;
	margin-bottom: 10px;
}
div.tekstMenuItemDatum {
	float: right;
	display: inline;
}

div.menu a		 {
	Font-Size : 12pt ;
	Color : #FFF0DC ;
	Text-Decoration : None
}
div.menuActive a {
	Font-Size : 12pt ;
	Color : #FFF0DC ;
	Text-Decoration : None
}
div.menu a:hover	 {
	Font-Size : 12pt ;
	Color : #FDBC1F ;
	Text-Decoration : None
}


#agreementDiv {
	border: 1px solid black;
	background-color: white;
	padding: 10px;
	margin-bottom: 1px;
}

.pntInfo {
	background-image: url(../images/info.gif);
	background-repeat: no-repeat;
	background-position: top right;
	font-size: 10px;
}

.pntInfoOk {
	background-image: url(../images/info.gif);
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #adffaf;
	font-size: 10px;
}

.pntInfoError {
	background-image: url(../images/info.gif);
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #ff6f5f;
	font-size: 10px;
}
.pntDetailsTextArea {
	width:			265px;
	// width:		266px;
	height: 		80px;
	scrollbar-base-color: white;
 	scrollbar-face-color : #FFCE63;
	scrollbar-shadow-color: #FFCE63;
	scrollbar-highlight-color : #FFCE63;
	scrollbar-3dlight-color : #FFCE63;
	scrollbar-darkshadow-color : #FFCE63;
	scrollbar-track-color : #014A9E;
	scrollbar-arrow-color : #014A9E;
}

.pntTextWidget, .pntDetailsTextArea {
	border: 2px solid  #FFBD29;
	color: #FFCE63;
	background-color: #014A9E;
}

.aanmeldenButton {
	border: 4px solid #FFBD29;
	background-color: white;
	font-family: arial, helvetica, sans serif, sans;
	color: #014A9E;
	font-size: 14px;
	font-weight:bold; 
 	font-style: italic; 
}

.pntHeader, .pntDetailsExtra {
	color: #014A9E;
	font-weight:bold; 
}
.pntHeader, .pntDetailsExtra, .pntNormal {
	float: left;
	display: inline;
	padding: 2px;
}
.pntDetailsRow {
	display: block;
	clear:	both; 
}

TD.video {
	background-color: #014A9E;
	color: #FFCE63;
}

div.commentsPart { margin-top: 20px; }
div.comment {
	border-top: 1px solid #666666; /* #A9B0A0; */
	border-right: 1px solid #666666;
	padding: 8 8 8 0;
	margin-top: 2px;
}
div.commentHeader { font-weight: bold; }
div.commentSender { float: left; }
div.commentOorsprong {margin-left: 6px; float: left; font-weight: normal; }
div.commentDateTime { float: right; }
div.commentText { margin-top: 8px;}
td.commentFieldLabel {font-weight: bold; }
td.commentField {  }
.commentTextArea { width: 100%; height: 120px; }
.commentTextWidget { width: 200px; }
input, textArea { border: 1px solid #666666; }

#menuToggleDiv {
	padding-top: 45px;
	padding-left: 10px;
	display: none;
}
#menuToggleButton {
	border-style: solid;
	box-sizing: border-box;
	border-radius: 0.25rem;
	border-width: 1px;
	border-color: #e94;
	--tw-border-opacity: 1;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	display: flex;
	-webkit-appearance: button;
	Background-Color: #FFF0DC;
	background-image: none;
	cursor: pointer;
}
.fill-current {
	fill: currentColor;

}
.w-3 {
	width: 0.75rem;

}
.h-3 {
	height: 0.75rem;

}


@media screen and (max-width: 600px) {
	#header {
		background-size: 160%;
	}
}
@media screen and (min-width: 1000px) {
	#header {
		height:108px;
	}
	#menuToggleDiv {
		padding-top: 65px;
	}
}
@media screen and (min-width: 1700px) {
	#header {
		height:150px;
	}
	#menuToggleDiv {
		padding-top: 75px;
	}
}