html, body {
	height: 100%;
	width: 100%;
	
	background: url(http://www.provi.nl/images/background.jpg) left top repeat-x fixed;

	scrollbar-track-color: #efefef; 
	scrollbar-arrow-color: white;
	scrollbar-face-color: #2f4b94;
	
	scrollbar-highlight-color: #2f4b94;
	scrollbar-shadow-color: #2f4b94;
 	scrollbar-darkshadow-color: #2f4b94;
}

body{
	overflow: -moz-scrollbars-vertical;
}

a {
	outline: none;	
}

#page {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
}

#overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.6;
	background: #000000;
	visibility: hidden;
}

#documentAanvraag{
	width: 440px;
	height: 500px;
	
	position: absolute;
	left: 50%;
	margin-left: -220px;	
	
	visibility: hidden;
}

#nieuwsBriefAanvraag{
	width: 440px;
	height: 500px;
	
	position: absolute;
	left: 50%;
	margin-left: -225px;
	
	visibility: hidden;
}

#adviesAanvraag{
	width: 440px;
	height: 200px;
	
	position: absolute;
	left: 50%;
	margin-left: -225px;
	
	visibility: hidden;
}
#actieLayer{
	width: 600px;
	height: 500px;
	
	position: absolute;
	left: 50%;
	margin-left: -225px;
	
	visibility: hidden;
}

.proviMenuTekst{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #294283;
	text-decoration: none;
}

.proviMenu a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviMenu a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviMenu a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviMenu a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviMenuActief a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
    text-decoration: none;
}

.proviMenuActief a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
    text-decoration: none;
}

.proviMenuActief a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
    text-decoration: none;
}

.proviMenuActief a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
    text-decoration: none;
}

.proviMenuCategorie a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviMenuCategorie a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviMenuCategorie a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviMenuCategorie a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviMenuCategorieActief a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #294283;
    text-decoration: none;
}

.proviMenuCategorieActief a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #294283;
    text-decoration: none;
}

.proviMenuCategorieActief a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #294283;
    text-decoration: none;
}

.proviMenuCategorieActief a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #294283;
    text-decoration: none;
}

.proviMenuGroep a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviMenuGroep a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviMenuGroep a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviMenuGroep a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviMenuGroepActief a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
    text-decoration: none;
}

.proviMenuGroepActief a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
    text-decoration: none;
}

.proviMenuGroepActief a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
    text-decoration: none;
}

.proviMenuGroepActief a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
    text-decoration: none;
}

.proviPersluchtMenuTekst{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #294283;
	text-decoration: none;
}

.proviPersluchtMenu a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #36559b;
	text-decoration: none;
}

.proviPersluchtMenu a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #36559b;
	text-decoration: none;
}

.proviPersluchtMenu a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #36559b;
	text-decoration: none;
}

.proviPersluchtMenu a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #36559b;
	text-decoration: none;
}

.proviPersluchtMenuActief a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #294283;
    text-decoration: none;
}

.proviPersluchtMenuActief a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #294283;
    text-decoration: none;
}

.proviPersluchtMenuActief a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #294283;
    text-decoration: none;
}

.proviPersluchtMenuActief a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #294283;
    text-decoration: none;
}

.proviPersluchtMenuCategorie a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #294283;
	text-decoration: none;
}

.proviPersluchtMenuCategorie a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviPersluchtMenuCategorie a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviPersluchtMenuCategorie a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviPersluchtMenuCategorieActief a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #294283;
    text-decoration: none;
}

.proviPersluchtMenuCategorieActief a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #294283;
    text-decoration: none;
}

.proviPersluchtMenuCategorieActief a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #294283;
    text-decoration: none;
}

.proviPersluchtMenuCategorieActief a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #294283;
    text-decoration: none;
}

.proviPersluchtMenuGroep a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviPersluchtMenuGroep a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviPersluchtMenuGroep a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviPersluchtMenuGroep a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviPersluchtMenuGroepActief a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
    text-decoration: none;
}

.proviPersluchtMenuGroepActief a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
    text-decoration: none;
}

.proviPersluchtMenuGroepActief a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
    text-decoration: none;
}

.proviPersluchtMenuGroepActief a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
    text-decoration: none;
}


.proviAgenturenMenuTekst{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviAgenturenMenu a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviAgenturenMenu a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviAgenturenMenu a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviAgenturenMenu a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviAgenturenMenuActief a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
    text-decoration: none;
}

.proviAgenturenMenuActief a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
    text-decoration: none;
}

.proviAgenturenMenuActief a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
    text-decoration: none;
}

.proviAgenturenMenuActief a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
    text-decoration: none;
}

.proviAgenturenMenuCategorie a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviAgenturenMenuCategorie a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviAgenturenMenuCategorie a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviAgenturenMenuCategorie a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviAgenturenMenuCategorieActief a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #294283;
    text-decoration: none;
}

.proviAgenturenMenuCategorieActief a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #294283;
    text-decoration: none;
}

.proviAgenturenMenuCategorieActief a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #294283;
    text-decoration: none;
}

.proviAgenturenMenuCategorieActief a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #294283;
    text-decoration: none;
}

.proviAgenturenMenuGroep a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviAgenturenMenuGroep a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviAgenturenMenuGroep a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviAgenturenMenuGroep a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.proviAgenturenMenuGroepActief a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
    text-decoration: none;
}

.proviAgenturenMenuGroepActief a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
    text-decoration: none;
}

.proviAgenturenMenuGroepActief a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
    text-decoration: none;
}

.proviAgenturenMenuGroepActief a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
    text-decoration: none;
}


.footer a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: white;
	text-decoration: none;
}

.footer a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: white;
	text-decoration: none;
}
.footer a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: white;
	text-decoration: underline;
}
.footer a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: white;
	text-decoration: none;
}


.textField{
	width: 143px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	border: 1px solid #76a2af;
}

.fout{
	width: 143px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	border: 1px solid #FF0000;
}

.label{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #294283;
	text-decoration: none;
}

.textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	border: 1px solid #76a2af;
}

.submit{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	border: 1px solid #76a2af;
}

a img{
	border: none;
}
.tekstVerticaal {
	writing-mode: tb-rl;
	filter: flipv fliph;
}

.Titel{
	margin-bottom: 0px;
}


.FormTextField, .FormTextFieldFout {
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	border: 1px solid #cccccc;
}
.FormTextFieldFout {
	border: 1px solid Red;
}
.FormTextarea {
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	border: 1px solid #cccccc;
	
	scrollbar-track-color: #cccccc; 
	scrollbar-arrow-color: #333333;
	scrollbar-face-color: #cccccc;
	
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color:#999999;
	scrollbar-shadow-color: #666666;
	scrollbar-darkshadow-color: #000000;
}
.FormCheckbox {
	padding: 0;
	margin: 0;
	width: 15px;
	height: 15px;
}
.FormSubmit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	width: 100px;
	height:30px;
	background: #2f4b94;
	border: 0;
}

