html, body {
	height: 100%;
	margin: 0px;
}

a:link,
a:visited,
a:active {
	text-decoration: underline;
	color: #cc0000;
}

a:hover {
	text-decoration: none;
	color: #cc0000;
}

img.left {
	margin: 0px;
	margin-right: 10px;
}

img.right {
	margin: 0px;
	margin-left: 10px;
}

img,
img a,
table {
	border: 0px;
}

body, td, input, select, textarea {
	color: #000;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
}

.Pagina 
{
	background: url(images/bg-pagina.gif) left top repeat-x;
}
.PaginaHome
{
	background: url(images/bg-paginahome.gif) left top repeat-x;
}
p {
	margin: 0px 0px 0px 0px;
}

hr 
{
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	height: 1px;
	overflow: hidden;
	border-top: 1px dashed black;
}

h1 {
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #cc0000;
	text-transform: uppercase;
}

h2 {
	margin: 0px;
	font-size: 18px;
	font-weight: normal;
	color: #cc0000;
}

.Pagina {
}

.Blokje 
{
	background: url(images/blokje.gif) left top no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	display: block;
}

a:link .KnopSubmenu,
a:visited .KnopSubmenu,
a:active .KnopSubmenu,
a:hover .KnopSubmenu 
{
	width/**/:/**/154px; /* 159px */
	height/**/:/**/23px; /* 26px */
	margin: 1px 0px 0px 0px;
	padding: 3px 0px 0px 5px;
	display: block;
	background: url(images/but-submenu.gif) left top no-repeat;
	text-decoration: none;
	cursor: hand;
	color: white;
}

.MainContainer {
	width: 1060px;
	min-height: 10px;
	_height: 10px;
	margin: 0px auto;
}

.HeaderContainer {
	width: 960px;
	height: 142px;
	margin-left: 50px;
}

.HeaderSmallMenuContainer {
	height: 26px;
}

.HeaderSmallMenuContainer a:link,
.HeaderSmallMenuContainer a:visited,
.HeaderSmallMenuContainer a:active,
.HeaderSmallMenuContainer a:hover {
	font-size: 11px;
	color: #cc0000;
	text-decoration: none;
}

.HeaderMenuContainer {
	position: relative;
	width: 960px;
	height: 26px;
	top: 89px;
	left: 0px;
}

.HeaderMenuContainer a {
	display:block;
	float:left;
	padding-left:1px;


}

.ContentContainer 
{
	position: absolute;
	min-height: 400px;
	_height: 400px;
	width: 1060px;
}

.Content {
	position: absolute;
	top: 140px;
	width: 1060px;
	min-height: 100px;
	_height: 100px;
}

.SubmenuContainer 
{
	position: absolute;
	left: 50px;
	top: 0px;
	width: 159px;
}

.MiddenContainer 
{
	position: absolute;
	left: 50px;
	top: 0px;
	width: 640px;
}

.liMouseOver {
	color:#CC0000;
}

.liMouseOut {
	color: #000;
}

.MiddenContent
{
	width/**/:/**/600px; /* 620px */
	background-color: #e5eaf1;
	padding: 10px;
	margin: 10px;
}

.RechtsContainer 
{
	position: absolute;
	top: 0px;
	left: 690px;
	width/**/:/**/300px; /* 320px */
	padding: 10px;
}

.RechtsContainerGekleurd
{
	position: absolute;
	left: 680px;
	width/**/:/**/290px; /* 310px */
	padding: 10px;
	margin: 10px;
	background-color: #e5eaf1;
}

.MiddenMetSubmenuContainer
{
	position: absolute;
	top: 0px;
	left: 210px;
	width: 640px;
}

.MiddenMetSubmenuContent
{
	width/**/:/**/600px; /* 620px */
	background-color: #e5eaf1;
	padding: 10px;
	margin: 10px;
}

.MiddenMetSubmenuWegvervoerContainer
{
	position: absolute;
	top: 0px;
	left: 210px;
	width: 320px;
}

.MiddenMetSubmenuWegvervoerContent
{
	width/**/:/**/280px; /* 300px */
	background-color: #e5eaf1;
	padding: 10px;
	margin: 10px;
}

.MiddenMetSubmenuKaartContainer
{
	position: absolute;
	top: 0px;
	left: 210px;
	width: 490px;
}

.MiddenMetSubmenuKaartContent
{
	width/**/:/**/450px; /* 470px */
	background-color: #e5eaf1;
	padding: 10px;
	margin: 10px;
}

.MiddenFotos {
	width:610px;
	margin:0px auto;
}

.MiddenFoto1 {
	float:left;
	margin:0px 0px 0px -7px;
}

.MiddenFoto2 {
	float:right;
	margin:0px -7px 0px 0px;
}

.margin10 {
	margin-top:15px;
}

.RechtsMetSubmenuKaartContainer
{
	position: absolute;
	top: 0px;
	left: 690px;
	width/**/:/**/300px; /* 320px */
	padding: 10px;
	font-size: 10px;
	line-height: 10px;
}

.RechtsMetSubmenuWegvervoerContainer
{
	position: absolute;
	top: 0px;
	left: 520px;
	width/**/:/**/470px; /* 490px */
	padding: 10px;
	font-size: 10px;
	line-height: 10px;
}

.RechtsMetSubmenuContainer
{
	position: absolute;
	top: 0px;
	left: 840px;
	width/**/:/**/150px; /* 170px */
	padding: 10px;
	font-size: 10px;
	line-height: 10px;
}

.homelinks {
	position: absolute;
	top: 40px;
	left: 50px;
	width/**/:/**/440px; /* 480px */
	background-color: #e5eaf1;
	margin: 10px;
	padding: 10px;
}

.homemidden {
	position: absolute;
	top: 50px;
	left: 530px;
	width: 160px;
	text-align: center;
}

.homerechts {
	position: absolute;
	top: 0px;
	left: 690px;
	width: 330px;
	min-height: 205px;
	background: url(images/bg-home-rechts.gif) top left no-repeat;
}

.homerechtscontent 
{
	position: absolute;
	left: 10px;
	width/**/:/**/270px; /* 290px */
	background-color: #e5eaf1;
	padding: 10px;
	margin: 10px;
}

.videoContainer {
	margin-top:-5px;
	margin-left:-5px;
	margin-bottom:10px;
}

.InvulVeld140 
{
	width: 140px;
}

.InvulVeld460
{
	width: 460px;
}


/* DATEPICKER */
/* the div that holds the date picker calendar */
.dpDiv {
}
/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #003373;
	background-color: #e5eaf1;
	border: 1px solid #003682;
}
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
}
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
}
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
}
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
}
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #d2dff2;
}
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #ccdbf1;
	border: 1px solid #d2dff2;
}
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #cc0000;
	border: 1px solid #888888;
	cursor: pointer;
	color: #fff;
}
/* the table cell that holds the name of the month and the year */
.dpTitleTD {
}
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
}
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
}
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #1f6ab1;
	border: 1px solid #003682;
	color: white;
}
/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #1f6ab1;
	font-weight: bold;
}
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #1f6ab1;
	font-weight: bold;
}
/* the forward/backward buttons at the top */
.dpButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background: #1f6ab1;
	font-weight: bold;
	padding: 0px;
	border: 1px solid black;
}
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background: #1f6ab1;
	font-weight: bold;
	border: 1px solid black;
}



/* Styles voor de print variant */

@media print
{
    .NoPrint {
    	display: none;
    }

	.HeaderContainer {
		display: none;
	}

	.HeaderMenuContainer {
		display: none;
	}	
}