body {
	font-family: "Arial", sans-serif;
	font-size: 12px;
	margin: 0px;
	color: #000000;
	background-color: #FFFFFF;
	background-position: top left;
}

html {
	height: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
}

th, td {
	padding: 0px;
	font-size: 12px;
}

form {
	margin: 0px;
}

img {
	border: 0px;
}

hr {
	color: #bd1388;
}

p {
	margin: 0px;
	padding: 0px;
	padding-bottom: 15px;
}

a:link, 
a:hover, 
a:active, 
a:visited {
	color: #009ee0;
	outline-style: none;
	outline-width: 0;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Arial", sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #009ee0;
	padding: 0px;
	margin: 0px;
}

h2 {
	font-size: 22px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}

h5, h6 {
	font-size: 14px;
}

/* BODY BACKGROUNDS */
body.Blue div.MainWrapper {
	background-image: url( ../images/Backgrounds/Blue.jpg );
}

body.Blue .Active,
body.Blue div.MainWrapper div.Content a:link,
body.Blue div.MainWrapper div.Content a:hover,
body.Blue div.MainWrapper div.Content a:active,
body.Blue div.MainWrapper div.Content a:visited,
body.Blue .MFTD,
body.Blue div.MainWrapper div.Content h1,
body.Blue div.MainWrapper div.Content h2,
body.Blue div.MainWrapper div.Content h3,
body.Blue div.MainWrapper div.Content h4,
body.Blue div.MainWrapper div.Content h5,
body.Blue div.MainWrapper div.Content h6,
body.Blue div.MainWrapper div.Titel h1,
body.Blue div.MainWrapper div.Titel h2,
body.Blue div.MainWrapper div.Titel h3,
body.Blue div.MainWrapper div.Titel h4,
body.Blue div.MainWrapper div.Titel h5,
body.Blue div.MainWrapper div.Titel h6,
a.PaginaID8:hover,
a.PaginaID8Active:link,
a.PaginaID8Active:hover,
a.PaginaID8Active:active,
a.PaginaID8Active:visited {
	/*BLUE*/
	color: #00A0DF !important;
}

body.Blue .MFSubmitButton, .MFCancelButton, .MFConfirmButton {
	background-color: #00A0DF !important;
}

body.Red div.MainWrapper {
	background-image: url( ../images/Backgrounds/Red.jpg );
}

body.Red .MFSubmitButton, .MFCancelButton, .MFConfirmButton {
	background-color: #E2001A !important;
}

body.Red .Active,
body.Red div.MainWrapper div.Content a:link,
body.Red div.MainWrapper div.Content a:hover,
body.Red div.MainWrapper div.Content a:active,
body.Red div.MainWrapper div.Content a:visited,
body.Red .MFTD,
body.Red div.MainWrapper div.Content h1,
body.Red div.MainWrapper div.Content h2,
body.Red div.MainWrapper div.Content h3,
body.Red div.MainWrapper div.Content h4,
body.Red div.MainWrapper div.Content h5,
body.Red div.MainWrapper div.Content h6,
body.Red div.MainWrapper div.Titel h1,
body.Red div.MainWrapper div.Titel h2,
body.Red div.MainWrapper div.Titel h3,
body.Red div.MainWrapper div.Titel h4,
body.Red div.MainWrapper div.Titel h5,
body.Red div.MainWrapper div.Titel h6,
a.PaginaID6:hover,
a.PaginaID6Active:link,
a.PaginaID6Active:hover,
a.PaginaID6Active:active,
a.PaginaID6Active:visited {
	/*RED*/
	color: #D70826 !important;
}

body.Yellow div.MainWrapper {
	background-image: url( ../images/Backgrounds/Yellow.jpg );
}

body.Yellow .Active,
body.Yellow div.MainWrapper div.Content a:link,
body.Yellow div.MainWrapper div.Content a:hover,
body.Yellow div.MainWrapper div.Content a:active,
body.Yellow div.MainWrapper div.Content a:visited,
body.Yellow .MFTD,
body.Yellow div.MainWrapper div.Content h1,
body.Yellow div.MainWrapper div.Content h2,
body.Yellow div.MainWrapper div.Content h3,
body.Yellow div.MainWrapper div.Content h4,
body.Yellow div.MainWrapper div.Content h5,
body.Yellow div.MainWrapper div.Content h6,
body.Yellow div.MainWrapper div.Titel h1,
body.Yellow div.MainWrapper div.Titel h2,
body.Yellow div.MainWrapper div.Titel h3,
body.Yellow div.MainWrapper div.Titel h4,
body.Yellow div.MainWrapper div.Titel h5,
body.Yellow div.MainWrapper div.Titel h6,
a.PaginaID9:hover,
a.PaginaID9Active:link,
a.PaginaID9Active:hover,
a.PaginaID9Active:active,
a.PaginaID9Active:visited {
	/*YELLOW*/
	color: #EFBF00 !important;
}

body.Yellow .MFSubmitButton, .MFCancelButton, .MFConfirmButton {
	background-color: #EFBF00 !important;
}

body.Green div.MainWrapper {
	background-image: url( ../images/Backgrounds/Green.jpg );
}

body.Green .Active,
body.Green div.MainWrapper div.Content a:link,
body.Green div.MainWrapper div.Content a:hover,
body.Green div.MainWrapper div.Content a:active,
body.Green div.MainWrapper div.Content a:visited,
body.Green .MFTD,
body.Green div.MainWrapper div.Content h1,
body.Green div.MainWrapper div.Content h2,
body.Green div.MainWrapper div.Content h3,
body.Green div.MainWrapper div.Content h4,
body.Green div.MainWrapper div.Content h5,
body.Green div.MainWrapper div.Content h6,
body.Green div.MainWrapper div.Titel h1,
body.Green div.MainWrapper div.Titel h2,
body.Green div.MainWrapper div.Titel h3,
body.Green div.MainWrapper div.Titel h4,
body.Green div.MainWrapper div.Titel h5,
body.Green div.MainWrapper div.Titel h6,
a.PaginaID7:hover,
a.PaginaID7Active:link,
a.PaginaID7Active:hover,
a.PaginaID7Active:active,
a.PaginaID7Active:visited {
	/*GREEN*/
	color: #009036 !important;
}
body.Green .MFSubmitButton, .MFCancelButton, .MFConfirmButton {
	background-color: #009036 !important;
}
body.Orange div.MainWrapper {
	background-image: url( ../images/Backgrounds/Orange.jpg );
}

body.Orange .Active,
body.Orange div.MainWrapper div.Content a:link,
body.Orange div.MainWrapper div.Content a:hover,
body.Orange div.MainWrapper div.Content a:active,
body.Orange div.MainWrapper div.Content a:visited,
body.Orange .MFTD,
body.Orange div.MainWrapper div.Content h1,
body.Orange div.MainWrapper div.Content h2,
body.Orange div.MainWrapper div.Content h3,
body.Orange div.MainWrapper div.Content h4,
body.Orange div.MainWrapper div.Content h5,
body.Orange div.MainWrapper div.Content h6,
body.Orange div.MainWrapper div.Titel h1,
body.Orange div.MainWrapper div.Titel h2,
body.Orange div.MainWrapper div.Titel h3,
body.Orange div.MainWrapper div.Titel h4,
body.Orange div.MainWrapper div.Titel h5,
body.Orange div.MainWrapper div.Titel h6 {
	/*ORANGE*/
	color: #ec7404 !important;
}

body.Orange .MFSubmitButton, .MFCancelButton, .MFConfirmButton {
	background-color: #ec7404 !important;
}

body.Purple div.MainWrapper {
	background-image: url( ../images/Backgrounds/Purple.jpg );
}

body.Purple .Active,
body.Purple div.MainWrapper div.Content a:link,
body.Purple div.MainWrapper div.Content a:hover,
body.Purple div.MainWrapper div.Content a:active,
body.Purple div.MainWrapper div.Content a:visited,
body.Purple .MFTD,
body.Purple div.MainWrapper div.Content h1,
body.Purple div.MainWrapper div.Content h2,
body.Purple div.MainWrapper div.Content h3,
body.Purple div.MainWrapper div.Content h4,
body.Purple div.MainWrapper div.Content h5,
body.Purple div.MainWrapper div.Content h6,
body.Purple div.MainWrapper div.Titel h1,
body.Purple div.MainWrapper div.Titel h2,
body.Purple div.MainWrapper div.Titel h3,
body.Purple div.MainWrapper div.Titel h4,
body.Purple div.MainWrapper div.Titel h5,
body.Purple div.MainWrapper div.Titel h6,
a.PaginaID10:hover,
a.PaginaID10Active:link,
a.PaginaID10Active:hover,
a.PaginaID10Active:active,
a.PaginaID10Active:visited {
	/*PURPLE*/
	color: #93117e !important;
}
body.Purple .MFSubmitButton, .MFCancelButton, .MFConfirmButton {
	background-color: #93117e !important;
}

/*DIVS*/

div.TopWrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 80px;
	background-color: white;
	z-index:1;
}

a.Logo:link,
a.Logo:hover,
a.Logo:active,
a.Logo:visited {
	position: absolute;
	display: block;
	top: 28px;
	left: 20px;
	height: 25px;
	width: 277px;
}

div.TopWrapper div.Left {
	height: 80px;
	width: 930px;
	padding-left: 20px;
	padding-right: 50px;
}

div.MainWrapper {
	position: relative;
	margin-top: 80px;
	padding-left: 20px;
	padding-right: 50px;
	width: 930px;
	z-index: 2;
}

div#KaartHolder,
div#FotoHolder {
	position: relative;
	background-color: white;
	height: 560px;
	width: 930px;
	background-repeat: no-repeat;
	background-position: top left;
}

div#KaartHolder {
	background-image: url( ../upload/Kaarten/LargeArnhem.jpg );
}

div#KaartHolder div.Routes {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 550px;
	width: 930px;
	background-repeat: no-repeat;
	background-repeat: top left;
	background-image: url( ../upload/Kaarten/Routes.png );
	display: none;
}

div.Reizen div.Routes {
	display: block !important;
}

div#KaartHolder div.Legenda {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 145px;
	height: 168px;
	background-color: white;
	padding-top: 30px;
	padding-left: 15px;
}

div#KaartHolder div.Legenda table {
	margin-top: 10px;
}

div#KaartHolder a.Pin:link,
div#KaartHolder a.Pin:hover,
div#KaartHolder a.Pin:active,
div#KaartHolder a.Pin:visited {
	position: absolute;
	width: 30px;
	height: 30px;
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -5000px;
	display: none;
}

div.Actueel a.PinActueel:link,
div.Actueel a.PinActueel:hover,
div.Actueel a.PinActueel:active,
div.Actueel a.PinActueel:visited {
	background-image: url( ../images/PinActueel.gif );
	display: block !important;
}

div.Reizen a.PinReizen:link,
div.Reizen a.PinReizen:hover,
div.Reizen a.PinReizen:active,
div.Reizen a.PinReizen:visited {
	background-image: url( ../images/PinReizen.gif );
	display: block !important;
}

div.Project a.PinProject:link,
div.Project a.PinProject:hover,
div.Project a.PinProject:active,
div.Project a.PinProject:visited {
	background-image: url( ../images/PinProject.gif );
	display: block !important;
}

div.Beeld a.PinBeeld:link,
div.Beeld a.PinBeeld:hover,
div.Beeld a.PinBeeld:active,
div.Beeld a.PinBeeld:visited {
	background-image: url( ../images/PinBeeld.gif );
	display: block !important;
}

div#KaartHolder a.Label:link,
div#KaartHolder a.Label:hover,
div#KaartHolder a.Label:active,
div#KaartHolder a.Label:visited {
	position: absolute;
	padding-left: 5px;
	padding-right: 5px;
	background-color: red;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	display: none;
	cursor: pointer;
}

div.Actueel a.LabelActueel:link,
div.Actueel a.LabelActueel:hover,
div.Actueel a.LabelActueel:active,
div.Actueel a.LabelActueel:visited {
	background-color: #e2001a !important;
	color: white !important;
	display: block !important;
}

div.MainWrapper div.Reizen a.LabelReizen:link, 
div.MainWrapper div.Reizen a.LabelReizen:hover, 
div.MainWrapper div.Reizen a.LabelReizen:active, 
div.MainWrapper div.Reizen a.LabelReizen:visited {
	background-color: #fecc00 !important;
	color: black !important;
	display: block !important;
}

div.MainWrapper div.Project a.LabelProject:link,
div.MainWrapper div.Project a.LabelProject:hover,
div.MainWrapper div.Project a.LabelProject:active,
div.MainWrapper div.Project a.LabelProject:visited {
	background-color: #009ee0 !important;
	color: white !important;
	display: block !important;
}

div.MainWrapper div.Beeld a.LabelBeeld:link,
div.MainWrapper div.Beeld a.LabelBeeld:hover,
div.MainWrapper div.Beeld a.LabelBeeld:active,
div.MainWrapper div.Beeld a.LabelBeeld:visited {
	background-color: #8d0d7c !important;
	color: white !important;
	display: block !important;
}

div.MainWrapper div#KaartHolder div.InfoPopup {
	position: absolute;
	width: 350px;
	height: 144px;
	display: none;
	font-size: 11px;
	overflow: hidden;
	z-index: 1000;
}

div.MainWrapper div#KaartHolder div.InfoPopup div.InfoBG {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url( ../images/PopupBG.png );
	background-position: top left;
	background-repeat: no-repeat;
	width: 350px;
	height: 144px;
	overflow: hidden;
}

div.MainWrapper div#KaartHolder div.InfoPopup div.ReverseBG { 
	background-image: url( ../images/PopupBGRev.png );
}

div.MainWrapper div#KaartHolder div.InfoPopup div.ReverseContent { 
	padding-right: 0px !important;
	padding-left: 10px !important; 
}
	
div.MainWrapper div#KaartHolder div.InfoPopup div.InfoContent {
	position: absolute;
	top: 20px;
	left: 10px;
	width: 280px;
	height: 104px;
	padding-left: 40px; 
	padding-right: 10px;
	overflow-x: hidden;
	overflow-y: auto;
}

div#KaartHolder div.InfoPopup h1 a:link,
div#KaartHolder div.InfoPopup h1 a:hover,
div#KaartHolder div.InfoPopup h1 a:active,
div#KaartHolder div.InfoPopup h1 a:visited {
	font-size: 12px;
	color: black !important;
	padding: 0px;
	padding-bottom: 5px;
	margin: 0px;
	width: 250px;
}

div.InfoPopup a.CloseButton:link,
div.InfoPopup a.CloseButton:hover,
div.InfoPopup a.CloseButton:active,
div.InfoPopup a.CloseButton:visited {
	position: absolute;
	top: 0px;
	right: 15px;
	width: 11px;
	height: 9px;
	background-image: url( ../images/CloseButton.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	text-decoration: none;
}

div.InfoPopup a:link,
div.InfoPopup a:hover,
div.InfoPopup a:active,
div.InfoPopup a:visited {
	color: black;
}

div.InfoPopup div.Thumbnail {
	position: relative;
	float: left;
	width: 100px;
	height: 70px;
	margin-top: 5px;
	margin-right: 5px;
	text-align: center;
	overflow: hidden;
}

div.InfoPopup div.Thumbnail div.Mask {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 70px;
	width: 100px;
	background-image: url( ../images/MaskerPopup.png );
	background-repeat: no-repeat;
	background-position: top left;
}

div#FotoHolder {
	overflow: hidden;
}

div.Loading {
	background-image: url( ../images/spinner.gif );
	background-position: center center !important;
	background-repeat: no-repeat;
}

div#FotoHolder img {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
}

.Visible {
	visibility: visible !important;
}

.Invisible {
	visibility: hidden !important;
}

div#FotoHolder a:link,
div#FotoHolder a:hover,
div#FotoHolder a:active,
div#FotoHolder a:visited {
	position: absolute;
	width: 165px;
	height: 165px;
	background-repeat: no-repeat;
	line-height: 165px;
	display: block;
	text-indent: -5000px;
	text-align: center;
	z-index: 6000;
	font-weight: bold;
	font-size: 14px;
	color: white !important;
	text-decoration: none;
	cursor: pointer;
}

div#FotoHolder a.Actueel:link,
div#FotoHolder a.Actueel:hover,
div#FotoHolder a.Actueel:active,
div#FotoHolder a.Actueel:visited {
	top: 50px;
	left: 110px;
	background-image: url( ../images/DotRed.png );
	}

div#FotoHolder a.Kaart:link,
div#FotoHolder a.Kaart:hover,
div#FotoHolder a.Kaart:active,
div#FotoHolder a.Kaart:visited {
	top: 50px;
	left: 375px;
	background-image: url( ../images/DotGreen.png );

} 

div#FotoHolder a.Project:link,
div#FotoHolder a.Project:hover,
div#FotoHolder a.Project:active,
div#FotoHolder a.Project:visited {
	top: 50px;
	left: 650px;
	background-image: url( ../images/DotBlue.png );
}


div#FotoHolder a.Reizen:link,
div#FotoHolder a.Reizen:hover,
div#FotoHolder a.Reizen:active,
div#FotoHolder a.Reizen:visited {
	top: 325px;
	left: 110px;
	background-image: url( ../images/DotYellow.png );
}

div#FotoHolder a.Beeld:link,
div#FotoHolder a.Beeld:hover,
div#FotoHolder a.Beeld:active,
div#FotoHolder a.Beeld:visited {
	top: 325px;
	left: 375px;
	background-image: url( ../images/DotPurple.png );
} 

div#FotoHolder a.Contact:link,
div#FotoHolder a.Contact:hover,
div#FotoHolder a.Contact:active,
div#FotoHolder a.Contact:visited {
	top: 325px;
	left: 650px;
	background-image: url( ../images/DotOrange.png );
}

div.ShowTitles a:link,
div.ShowTitles a:hover,
div.ShowTitles a:active,
div.ShowTitles a:visited {
	text-indent: 0px !important;
	color: white;
}

div.MainWrapper div.Header {
	position: relative; 
	height: 80px;
	width: 930px;
}

div.MainWrapper div.Titel h1 {
	line-height: 28px;	
}

body#PaginaID7 div.Titel,
body#PaginaID1 div.Titel {
	visibility: hidden !important;
}

div.MainWrapper div.Header div.KruimelPad {
	position: absolute; 
	top: 0px;
	left: 0px;
	width: 600px; 
	height: 40px;
	background-color: white;
	font-weight: bold;
}

div.MainWrapper div.Header div.KruimelPad a:link,
div.MainWrapper div.Header div.KruimelPad a:hover,
div.MainWrapper div.Header div.KruimelPad a:active,
div.MainWrapper div.Header div.KruimelPad a:visited {
	color: black;
	text-decoration: none;
} 

div.MainWrapper div.Header div.KruimelPad span.Active {
	color: #009ee0;
}

div.MainWrapper div.Titel {
	position: absolute; 
	top: 25px;
	left: 20px;
	width: 600px; 
	height: 50px;
	line-height: 25px;
	font-size: 20px;
	font-weight: bold;
	color: #009ee0;
	background-color: white;
	
}

div.MainWrapper div.Buttons {
	position: absolute; 
	top: 0px;
	left: 600px;
	width: 50px; 
	height: 53px;
	padding-top: 27px;	
	background-color: white;
	text-indent: -5000px;
}

div.MainWrapper div.Legenda div.Buttons {
	left: 112px;
	padding: 0px;
} 

div.MainWrapper div.Buttons a:link,
div.MainWrapper div.Buttons a:hover,
div.MainWrapper div.Buttons a:active,
div.MainWrapper div.Buttons a:visited {
	display: block;
	float: left;
	height: 20px;
 	width: 25px;
 	background-image: url( ../images/Buttons.jpg );
 	background-repeat: no-repeat;
 	overflow: hidden;
}

div.MainWrapper div.Buttons a.Back:link,
div.MainWrapper div.Buttons a.Back:hover,
div.MainWrapper div.Buttons a.Back:active,
div.MainWrapper div.Buttons a.Back:visited {
	background-position: 0px 0px;
}

div.MainWrapper div.Buttons a.Print:link,
div.MainWrapper div.Buttons a.Print:hover,
div.MainWrapper div.Buttons a.Print:active,
div.MainWrapper div.Buttons a.Print:visited {
	background-position: -30px 0px;
}

div.MainWrapper div.Header .Zoeken {
	position: absolute; 
	top: 20px;
	right: 0px;
	width: 230px; 
	height: 34px;
	padding-top: 6px;
	background-color: white;
}

div.MainWrapper div.Header div.Zoeken input.MFNaamType {
	width: 140px !important;
}

div.MainWrapper div.Header div.Zoeken input.MFSubmitButton {
	position: absolute;
	top: 6px;
	left: 158px;
	background-image: url( ../images/ZoekButton.jpg );
	background-color: transparent;
	width: 61px;
	border: 0px;
	height: 19px;
	color: white;
	padding-bottom: 3px !important;
	font-size: 13px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

div.MainWrapper div.Content span.blue {
	font-weight: bold;
	color: #009ee0;
}

div.MainWrapper div.Content ul.Zoekresultaten li a:link,
div.MainWrapper div.Content ul.Zoekresultaten li a:hover,
div.MainWrapper div.Content ul.Zoekresultaten li a:active,
div.MainWrapper div.Content ul.Zoekresultaten li a:visited {
	font-size: 16px;
	color: black !important;
	text-decoration: none;
}

div.MainWrapper div.Content ul.Zoekresultaten span.Searchstring {
	background-color: #009ee0;
	padding-left: 2px;
	padding-right: 2px;
	color: white; 
}

div.MainWrapper div.Content ul.Zoekresultaten { 
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

div.MainWrapper div.Content ul.Zoekresultaten li { 
	padding-bottom: 25px;
}
	
div.MainWrapper div.Content {
	position: relative;
	float: left;
	line-height: 18px;
	padding-right: 50px;
	width: 600px;
	padding-right: 20px;
	width: 630px;
	background-color: white;
	padding-bottom: 20px;
}

div#ProjectHolder {
	float: left;
	width: 660px;
	background-color: white;
}

div.MainWrapper div.ProjectContent {
	width: 420px;
}

div.MainWrapper div.ProjectMenu {
	width: 180px;
	padding-bottom:20px;
	padding-right: 20px;
	float: left;
	background-color: white;
	
}

div.MainWrapper div.Breed {
	padding-right: 0px;
	width: 930px;
}

div.MainWrapper div.Transparent {
	background-color: transparent !important;
}

div.MainWrapper div.RightColumn {
	position: relative;
	float: right;
	width: 220px;
	padding-left: 10px;
	margin-top: 20px;
	background-color: white;
}

div.MainWrapper div.RightColumn h1 {
	padding-bottom: 5px;
	font-size: 16px;
	color: black;
}

div.MainWrapper div.RightColumn a:link,
div.MainWrapper div.RightColumn a:hover,
div.MainWrapper div.RightColumn a:active,
div.MainWrapper div.RightColumn a:visited {
	color: black;
}

/* LightBox */
div#DarkLayer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	opacity: 0.7;
	z-index: 3000;
	background-color: black;
	display: none;
}

div#LightBoxHolder {
	position:absolute;
	height:550px;
	width: 830px;
	left: 50%;
	top: 50%;
	margin-left: -415px;
	margin-top: -275px;
	background-color: white;
	display: none;
	z-index: 4000;
}

div#LightBoxFotoHolder {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 640px;
	height: 480px;	
	text-align: center;
}

div.LightBoxNavHolder {
	position: absolute;
	overflow: hidden;
	width: 100px;
	height: 435px;
	top: 50px;
	right: 30px;
	background-color: white;
}

div.LightBoxNavHolder div#Thumbnails {
	position: absolute;
}

a#Down:link,
a#Down:hover,
a#Down:active,
a#Down:visited,
a#Up:link,
a#Up:hover,
a#Up:active,
a#Up:visited {
	position: absolute;
	right: 30px;
	width: 100px;
	height: 20px;
	background-position: top left;
	background-repeat: no-repeat;
}

a#Up:link,
a#Up:hover,
a#Up:active,
a#Up:visited { 
	top: 30px;
	background-image: url( ../images/Up.jpg );
}

a#Down:link,
a#Down:hover,
a#Down:active,
a#Down:visited {
	top: 490px;
	background-image: url( ../images/Down.jpg );
}

div.LightBoxNavHolder div#Thumbnails a:link,
div.LightBoxNavHolder div#Thumbnails a:hover,
div.LightBoxNavHolder div#Thumbnails a:active,
div.LightBoxNavHolder div#Thumbnails a:visited {
	margin-top: 7px;
	width: 96px;
	height: 80px;
	display: block;
	text-align: center;
}
div.LightBoxNavHolder img {
	cursor: pointer;
}

div#LightBoxHolder span#Naam {
	padding-left: 5px;
}

div.LightBoxNavHolder img.Actief {
	border: solid 2px #93117e;
}

div.LightBoxNavHolder img.InActief {
	border: solid 2px #ffffff;
}

div#LightBoxTitel {
	position: absolute;
	top: 520px;
	left: 30px;
	width: 640px;
	height: 15px;
	line-height: 15px;
	font-weight: bold;
	color: #93117e;
}

a.PopupSluiten:link,
a.PopupSluiten:hover,
a.PopupSluiten:active,
a.PopupSluiten:visited {
	position: absolute;
	display: block;
	color: black;
	top: 520px;
	left: 700px;
	width: 100px;
	height: 15px;
	background-image: url( ../images/CloseButton.jpg );
	background-repeat: no-repeat;
	background-position: right center;
}	
/* Archiefscroller */
ul.ArchiefHolder {
	position: relative;
	padding: 0px;
	margin: 0px;
	list-style-type: none;	
	overflow: hidden;
	height: 500px;
}

ul.ArchiefHolder li {
	position: absolute;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

ul.ArchiefHolder li.JaarHolder {
	height: 480px;
	overflow: auto;
}

ul.ArchiefHolder li ul.Jaar {
	line-height: 18px;
}

ul.ArchiefHolder li ul.Jaar h1 {
	width: 395px;
	height: 40px;
	background-image: url( ../images/ArchiefHead.jpg );
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 40px;
	color: black !important;
	font-size: 20px;
	padding-left: 65px;
	padding-bottom: 30px;
}

ul.ArchiefHolder li ul.Jaar h3 {
	padding-top: 10px;
}

ul.ArchiefHolder li ul.Jaar li {
	position: relative;
}

ul.ArchiefHolder li ul.Jaar a:link,
ul.ArchiefHolder li ul.Jaar a:hover,
ul.ArchiefHolder li ul.Jaar a:active,
ul.ArchiefHolder li ul.Jaar a:visited {
	color: black !important;
}

ul.ArchiefHolder {
	margin-left: 0px;
}

ul.ArchiefHolder li.MaandenHolder {
	overflow: auto;
	height: 430px;
}

ul.Jaar {
	padding: 0px;
	margin: 0px;
	width: 460px;
	list-style-type: none;	
}

/*
a.Inactief:link,
a.Inactief:hover,
a.Inactief:active,
a.Inactief:visited,
a.Actief:link,
a.Actief:hover,
a.Actief:active,
a.Actief:visited {
	position: absolute;
	width: 20px;
	height: 20px;
	display: block;
	background-repeat: no-repeat;
	background-position: top left;
	text-decoration: none;
}

a.Inactief:link,
a.Inactief:hover,
a.Inactief:active,
a.Inactief:visited,
a.Actief:hover {
	background-position: bottom left;
}
/**/

div.MainWrapper div.Content div.ArchiefNavigator {
	position: absolute;
	top: 45px;
	left: 0px;
	width: 920px;
	height: 15px;
	z-index: 3000;
}

div.MainWrapper div.Content div.ArchiefNavigator a:link,
div.MainWrapper div.Content div.ArchiefNavigator a:hover,
div.MainWrapper div.Content div.ArchiefNavigator a:active,
div.MainWrapper div.Content div.ArchiefNavigator a:visited {
	position: absolute;
	top: 0px;
	width: 100px;
	height: 15px;
	line-height: 15px;
	background-repeat: no-repeat;
	display: block;
}

div.MainWrapper div.Content div.ArchiefNavigator a#ArchiefLeft:link,
div.MainWrapper div.Content div.ArchiefNavigator a#ArchiefLeft:hover,
div.MainWrapper div.Content div.ArchiefNavigator a#ArchiefLeft:active,
div.MainWrapper div.Content div.ArchiefNavigator a#ArchiefLeft:visited {
	left: 0px;
	background-image: url( ../images/PijlLinks.jpg );
	padding-left: 30px;
}

div.MainWrapper div.Content div.ArchiefNavigator a#ArchiefRight:link,
div.MainWrapper div.Content div.ArchiefNavigator a#ArchiefRight:hover,
div.MainWrapper div.Content div.ArchiefNavigator a#ArchiefRight:active,
div.MainWrapper div.Content div.ArchiefNavigator a#ArchiefRight:visited {
	right: 0px;
	background-image: url( ../images/PijlRechts.jpg );
	background-position: top right;
	padding-right: 30px;
	text-align: right;
}

div.MainWrapper div.Content ul.Archief,
div.MainWrapper div.RightColumn ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

div.MainWrapper div.RightColumn ul li {
	height: 20px;
}

div.MainWrapper div.RightColumn div#FAQHolder {
	position: relative;
	width: 230px;
	height: 155px;
	overflow: hidden;
}

div.MainWrapper div.RightColumn div#FAQHolder a:link,
div.MainWrapper div.RightColumn div#FAQHolder a:hover,
div.MainWrapper div.RightColumn div#FAQHolder a:active,
div.MainWrapper div.RightColumn div#FAQHolder a:visited {
	position: absolute;
}

div.MainWrapper div.RightColumn a.FAQImage:link,
div.MainWrapper div.RightColumn a.FAQImage:hover,
div.MainWrapper div.RightColumn a.FAQImage:active,
div.MainWrapper div.RightColumn a.FAQImage:visited {
	position: absolute;
	top: 0px;
	left: 0px;
}

div.MainWrapper div.RightColumn a.SideImage:link,
div.MainWrapper div.RightColumn a.SideImage:hover,
div.MainWrapper div.RightColumn a.SideImage:active,
div.MainWrapper div.RightColumn a.SideImage:visited {
	position: absolute;
	display: block; 
}

div.MainWrapper div.RightColumn div.LinksHolder,
div.MainWrapper div.RightColumn div.RSSTeaserHolder,
div.MainWrapper div.RightColumn div.ArchiefTeaserHolder,
div.MainWrapper div.RightColumn div.NieuwsbriefHolder {
	position: relative;
	width: 230px;
	padding-bottom: 20px;
	background-color: white;
}
div.MainWrapper div.RightColumn div.RSSTeaserHolder h1 a.RSS:link,
div.MainWrapper div.RightColumn div.RSSTeaserHolder h1 a.RSS:hover,
div.MainWrapper div.RightColumn div.RSSTeaserHolder h1 a.RSS:active,
div.MainWrapper div.RightColumn div.RSSTeaserHolder h1 a.RSS:visited { 
	background-image: url( ../images/rssfeed.jpg );
	background-repeat: no-repeat;
	background-position: middle left;
	line-height: 22px;
	height: 22px;
	padding-left: 25px;
	display: block;
}

div.MainWrapper div.Content div.ItemHolder h2 {
	font-size: 12px;
}

div.MainWrapper div.Content div.TeaserHolder {
	position: relative;
	width: 630px;
	padding-bottom: 30px;
}

div.MainWrapper div.Content div.TeaserHolder div.Thumbnail {
	position: relative;
	float: left;
	width: 130px;
	height: 90px;
	overflow: hidden;
	padding-right: 30px;
	background-position: top left;
	background-repeat: no-repeat;
}

div.MainWrapper div.Content div.TeaserHolder div.Teaser {
	position: relative;
	float: left;
	width: 450px;
	padding-left: 0px;
}

div.MainWrapper div.ProjectContent div.TeaserHolder {
	width: 420px;
}

div.MainWrapper div.ProjectContent div.TeaserHolder div.Teaser {
	width: 260px;
}

div.MainWrapper div.Content div.BeeldTeaser {
	position: relative;
	width: 280px; 
	height: 160px;
	margin-bottom:30px;
	padding-bottom:10px;
	padding-right: 10px;
	float: left;
	background-repeat: no-repeat;
	background-position: top left;
	background-color: white; 
}
div.MainWrapper div.Content div.Padding {
	margin-right: 30px;
	
}

div.MainWrapper div.Content div.BeeldTeaser h1{
	font-size: 12px;
	padding-bottom: 10px;
	color: black !important;
}

div.MainWrapper div.Content div.BeeldTeaser div.Thumbnail {
	position: relative;
	cursor: pointer;
}


div.MainWrapper div.Content div.BeeldTeaser div.Thumbnail div.Mask {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 130px;
	width: 280px;
	background-image: url( ../images/MaskerThumbnailBeeld.png );
	background-repeat: no-repeat;
	background-position: top left;
}

div.MainWrapper div.Content div.BeeldTeaser div.Thumbnail div.Mask {
	cursor: pointer;
}

div.MainWrapper div.Content div.WerkzaamhedenHolder {
	position: relative;
	padding-top: 10px;
	margin-bottom: 30px;
	width: 450px;
	background-image: url( ../images/WerkzaamhedenTop.jpg );
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #ffcc00;
}

div.MainWrapper div.Content div.WerkzaamhedenHolder div.WerkzaamhedenContent {
	width: 430px;
	padding: 10px;
	padding-top: 0px;
	background-image: url( ../images/WerkzaamhedenBottom.jpg );
	background-position: bottom left;
	background-repeat: no-repeat;
	overflow: hidden;
}

div.MainWrapper div.Content div.WerkzaamhedenHolder div.WerkzaamhedenContent h1,
div.MainWrapper div.Content div.WerkzaamhedenHolder div.WerkzaamhedenContent h2,
div.MainWrapper div.Content div.WerkzaamhedenHolder div.WerkzaamhedenContent h3,
div.MainWrapper div.Content div.WerkzaamhedenHolder div.WerkzaamhedenContent h4,
div.MainWrapper div.Content div.WerkzaamhedenHolder div.WerkzaamhedenContent h5,
div.MainWrapper div.Content div.WerkzaamhedenHolder div.WerkzaamhedenContent h6,
div.MainWrapper div.Content div.WerkzaamhedenHolder div.WerkzaamhedenContent a:link,
div.MainWrapper div.Content div.WerkzaamhedenHolder div.WerkzaamhedenContent a:hover,
div.MainWrapper div.Content div.WerkzaamhedenHolder div.WerkzaamhedenContent a:active,
div.MainWrapper div.Content div.WerkzaamhedenHolder div.WerkzaamhedenContent a:visited {
	color: black !important;
}

div.MainWrapper div.Content div.WerkzaamhedenHolder div.WerkzaamhedenContent h1 {
	font-size: 12px; 
	padding-bottom: 5px;	
	color: black;
}

div.MainWrapper div.Content dl {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

div.MainWrapper div.Content dt {
	float: left;
	width: 70px;
	line-height: 17px;
	font-weight: bold;
}

div.MainWrapper div.Content dd {
	margin-left: 80px;
	line-height: 17px;
}

div.MainWrapper div.Content div.ReisTeaser {
	position: relative;
	float: left;
	width: 200px;
	height: 95px;
	padding-left: 75px;
	padding-right: 25px;
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;
	margin-bottom: 20px;
}

div.MainWrapper div.Content div.ReisTeaser h1,
div.MainWrapper div.Content div.TeaserHolder div.Teaser h1 {
	font-size: 16px;
	padding-bottom: 5px;
}

div.ReisColumn {
	width: 300px;
	float: left;
}

div.MainWrapper div.Content div.ItemHolder {
	position: relative;
	width: 610px;
}

div.MainWrapper div.ProjectContent div.ItemHolder {
	width: 440px;
}

div.MainWrapper div.ProjectContent div.ItemHolder div.Thumbnail {
	width: 360px;	
}

div.MainWrapper div.Content div.ItemHolder td.Thumbnail  {
	padding-right: 20px;
	vertical-align: top;
}

div.MainWrapper div.Content div.ItemHolder div.Bericht {
	/* padding-top: 25px; */
	padding-right: 20px;
	padding-bottom: 20px;
}
	
div.MainWrapper div.Content td.Teaser {

	font-weight: bold;
	vertical-align: bottom;
}


div.MainWrapper div.Content a.ToonOpKaart:link,
div.MainWrapper div.Content a.ToonOpKaart:hover,
div.MainWrapper div.Content a.ToonOpKaart:active,
div.MainWrapper div.Content a.ToonOpKaart:visited {
	position: absolute;
	background-image: url( ../images/Green.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	height: 14px;
	padding-left: 20px;
	top: 0px;
	left: 380px;
	left: 515px;
	color: #00962B !important;
}

div.MainWrapper div.Content div.ReisColumn a.ToonOpKaart:link,
div.MainWrapper div.Content div.ReisColumn a.ToonOpKaart:hover,
div.MainWrapper div.Content div.ReisColumn a.ToonOpKaart:active,
div.MainWrapper div.Content div.ReisColumn a.ToonOpKaart:visited {
	position: relative;
	left: 0px;
	display: block;
	padding-bottom: 20px;
}
 
div.MainWrapper div.ProjectContent a.ToonOpKaart:link,
div.MainWrapper div.ProjectContent a.ToonOpKaart:hover,
div.MainWrapper div.ProjectContent a.ToonOpKaart:active,
div.MainWrapper div.ProjectContent a.ToonOpKaart:visited {
	left: 330px;
}

div.MainWrapper div.Content span.Datum {
	position: relative;
	display: inline-block;
	width: 75px;
	height: 14px;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
}

/* FAQ */
div.MainWrapper div.Content div.FaqHolder h2 {
	padding-top: 20px;
	padding-bottom: 4px;
	font-size: 18px;
} 

div.MainWrapper div.Content div.FaqHolder div.VraagHolder {
	border-bottom: 1px solid #c5c5c5;
	padding-top: 3px;
	padding-bottom: 3px;
}
	
div.MainWrapper div.Content div.FaqHolder div.Open,
div.MainWrapper div.Content div.FaqHolder div.Close {
	font-weight: bold;
	cursor: pointer;
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 3px;
	padding-top: 3px;
}

div.MainWrapper div.Content div.FaqHolder div.Close {
	background-image: url( ../images/Closed.jpg );
}

div.MainWrapper div.Content div.FaqHolder div.Open {
	background-image: url( ../images/Open.jpg );
	display: block;
}

div.MainWrapper div.Content div.FaqHolder div.NotDetails {
	display: none;
	padding-left: 20px;
}

div.MainWrapper div.Content div.FaqHolder p {
	padding: 0px;
}

div.MainWrapper div.Content ul.SiteMap1,
div.MainWrapper div.Content ul.SiteMap2 {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

div.MainWrapper div.Content ul.SiteMap1 a:link,
div.MainWrapper div.Content ul.SiteMap1 a:hover,
div.MainWrapper div.Content ul.SiteMap1 a:active,
div.MainWrapper div.Content ul.SiteMap1 a:visited {
	font-size: 16px;
	padding-bottom: 5px;

}

div.MainWrapper div.Content ul.SiteMap1 li {
	padding-bottom: 20px;
} 

div.MainWrapper div.Content ul.SiteMap2 a:link,
div.MainWrapper div.Content ul.SiteMap2 a:hover,
div.MainWrapper div.Content ul.SiteMap2 a:active,
div.MainWrapper div.Content ul.SiteMap2 a:visited {
	font-size: 11px;
	color: black !important;
	background-image: url( ../images/raquo.jpg );
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 10px;
}

div.MainWrapper div.Content ul.SiteMap2 li {
	padding-bottom: 0px;
}

/**/

div.MainWrapper div.Footer {
	position: relative;
	width: 930px;
	padding-top: 20px;
	padding-bottom: 20px;
}

div.MainWrapper div.Footer div.Partners { 
	float: left;
	height: 35px;
	width: 450px;
	padding-top: 5px;
	background-color: white;
}

.Hide {
	display: none !important;
}

.Show {
	display: block !important;
	z-index: 5000;
}

.Melding {
	font-weight: bold;
	padding-bottom: 5px;
}
 
.Rood {
	color: #D70826;
}

.Groen {
	color: #0db420;
}

.Clear {
	overflow: hidden;
	height: 0px;
	width: 0px;
	clear: both;
}

/* MENU */
ul#LeftMenu {
	position: relative;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

ul#LeftMenu li {
	margin: 0px;
	padding: 0px;
	padding-bottom: 15px;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	list-style-type: none;
}

ul#LeftMenu li ul {
	position: relative;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

ul#LeftMenu li ul li {
	font-size: 12px;
	list-style-type: none;
	background-image: url( ../images/Arrow.jpg );
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px;
	margin: 0px;
	line-height: 18px;
	padding-left: 14px;
}

ul#LeftMenu li ul li ul {
	position: relative;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

ul#LeftMenu li ul li ul li {
	font-size: 12px;
	list-style-type: none;
	background-image: none;
	padding: 0px;
	margin: 0px;
}

ul#LeftMenu li ul li a:link,
ul#LeftMenu li ul li a:active,
ul#LeftMenu li ul li a:visited{
	color: black;
}
ul#LeftMenu li ul li ul li a:link,
ul#LeftMenu li ul li ul li a:active,
ul#LeftMenu li ul li ul li a:visited {
	color: black;
	font-weight: normal;
}

ul#LeftMenu li ul li a:hover,
ul#LeftMenu li ul li ul li a:hover {
	color: #00A0DF;
}

ul#LeftMenu li ul li a.Active:link,
ul#LeftMenu li ul li a.Active:hover,
ul#LeftMenu li ul li a.Active:active,
ul#LeftMenu li ul li a.Active:visited,
ul#LeftMenu li ul li ul li a.Active:link,
ul#LeftMenu li ul li ul li a.Active:hover,
ul#LeftMenu li ul li ul li a.Active:active,
ul#LeftMenu li ul li ul li a.Active:visited {
	color: #00A0DF;
	font-weight: bold;
}

ul#TopMenu {
	position: relative;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	line-height: 30px;
	float: right;
}

ul#TopMenu li {
	display: inline;
	margin: 0px;
	padding: 0px;
	padding-left:20px;
}

ul#TopMenu li a:link,
ul#TopMenu li a:hover,
ul#TopMenu li a:active,
ul#TopMenu li a:visited {
  	text-decoration: none;
	font-weight: bold;
	color: black;
}

ul#TopMenu li a:hover,
ul#TopMenu li a#Active:link,
ul#TopMenu li a#Active:hover,
ul#TopMenu li a#Active:active,
ul#TopMenu li a#Active:visited {
	color: #009ee0;
}

ul#Menu {
	position: relative;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	height: 30px;
	line-height: 30px;
	float: right;
}

ul#Menu li {
	display: inline;
	margin: 0px;
	padding: 0px;
	padding-left:65px;
}

ul#Menu li a:link,
ul#Menu li a:hover,
ul#Menu li a:active,
ul#Menu li a:visited {
  	text-decoration: none;
	font-weight: bold;
	color: black;
	font-size: 20px;
}

ul#Menu li a:hover,
ul#Menu li a#Active:link,
ul#Menu li a#Active:hover,
ul#Menu li a#Active:active,
ul#Menu li a#Active:visited {
	color: #009ee0;
}

ul#FooterMenu {
	position: relative;
	float: right;
	height: 35px;
	width: 190px;
	background-color: white;
	padding: 0px;
	margin: 0px;
	line-height: 35px;
}

ul#FooterMenu li {
	display: inline;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	list-style-type: none;	
}

ul#FooterMenu li a:link,
ul#FooterMenu li a:hover,
ul#FooterMenu li a:active,
ul#FooterMenu li a:visited {
  	text-decoration: none;
	font-weight: bold;
	color: black !important;
}

ul#FooterMenu li a:hover,
ul#FooterMenu li a#Active:link,
ul#FooterMenu li a#Active:hover,
ul#FooterMenu li a#Active:active,
ul#FooterMenu li a#Active:visited {
	color: #009ee0 !important;
}
/* MAILFORMULIER */

.MFKop {
  color: #e53138;
  font-size: 18px;
}

.MFErrorMessage {
  color: red;
}

.MFSubmitButton, .MFCancelButton, .MFConfirmButton {
  width: 100px;
  padding: 0px;
  margin: 0px;
  margin-bottom: 4px;
  padding-left: 10px;
  padding-right: 10px;
  height: 18px;
  color: #ffffff;
  font-size: 11px;
  background-color: #E2001A;
  border: 0 none;
  text-align: center;
  font-weight: bold;
}

.MFConfirmButton {
	height: 20px;
	line-height: 20px;
	width: 150px;
}

.MFSubmitTD {
  text-align: left;
}

.MFDataTD {
  text-align: left;
  width: 150px;
}

.MFTD {
  width: 100px;
  vertical-align: top;
  font-weight: bold;
}

.MFMedium, .MFSmall, .MFLarge,
.MFNaamType, .MFEmailType, .MFFileType {
  border: 2px solid black;
  width: 200px;
  margin: 0px;
  margin-bottom: 3px;
  margin-right: 30px;
  padding: 0px;
  padding-left: 3px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-family: "Arial", sans-serif;
  font-size: 11px;
  color: #000000;
}

textarea.MFNaamType {
	width: 400px;
}

.MFSmall {
	width: 50px;
}

.MFMedium {
	width: 120px;
}

.MFLarge {
	width: 190px;
}

.MFExtraUitleg {
  font-weight: normal;
  font-style: italic;
  padding-bottom: 10px;
}

.MFVerplichtTD {
  color: red;
  font-weight: bold;
  vertical-align: top;
  padding-top: 3px;
  width: 10px;
}

.MFFileType {
  color: #7b797a;
  border: 1px solid black;
  margin: 2px;
  padding-left: 3px;
  padding-right: 3px;
  width: 304px;
}

/* DEBUG CONSOLE */

div.DebugConsole {
	position: absolute;
	top: 50px;
	left: 250px;
	width: 600px;
	border: 1px solid black;
	overflow: auto;
	background-color: white;
	padding: 50px;
	z-index: 3000;
}

.Inactief {
	position: relative;
	background-color: white;
	opacity: 0.3;
}

.Actief {
	position: relative;
	background-color: white;
	opacity: 1;
}