body {
	background-position	: 50% 0;
	background-attachment	: fixed;
	margin			: 0; 
	padding			: 0;
}

.bodyrood {
	background		: #be0000 url(/images/base/bg-rood.gif) no-repeat;
	background-attachment	: fixed;
	background-position	: 50% 0;
}
.bodygeel {
	background		: #f5a600 url(/images/base/bg-geel.gif) no-repeat;
	background-attachment	: fixed;
	background-position	: 50% 0;
}
.bodypaars {
	background		: #8c0082 url(/images/base/bg-paars.gif) no-repeat;
	background-attachment	: fixed;
	background-position	: 50% 0;
}
.bodygroen {
	background		: #469600 url(/images/base/bg-groen.gif) no-repeat;
	background-attachment	: fixed;
	background-position	: 50% 0;
}
.bodyblauw {
	background		: #005096 url(/images/base/bg-blauw.gif) no-repeat;
	background-attachment	: fixed;
	background-position	: 50% 0;
}

* {
	padding			: 0; 
	margin			: 0;
}

img {	
	border			: none;
}


/* Basisboxen ------------------------------------------------*/
    
#main {
	background		: none;
	position		: relative;
	width			: 960px;
	margin			: 0 auto;
}

/* Basisitems pagina -----------------------------------------*/

#header {
	float			: left;
	width			: 960px;
	height			: 230px;
	margin-top		: 15px;
}

#kruimelpad {
	float			: left;
	width			: 412px;
	height			: 15px;
	margin-left		: 193px;
	margin-top		: 193px;
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	font-weight		: normal;	
	color			: #777777;
	overflow		: hidden;
}

.header-rood {
	background		: url(/images/base/header-rood.png) no-repeat;
}
.header-blauw {
	background		: url(/images/base/header-blauw.png) no-repeat;
}
.header-geel {
	background		: url(/images/base/header-geel.png) no-repeat;
}
.header-groen {
	background		: url(/images/base/header-groen.png) no-repeat;
}
.header-paars {
	background		: url(/images/base/header-paars.png) no-repeat;
}

#mid {
	float			: left;
	width			: 960px;
	background		: url(/images/base/bg-mid.gif) repeat-y;
}
#mid.team {
	float			: left;
	width			: 960px;
	background		: url(/images/base/bg-mid-team.gif) repeat-y;
}

#menu {
	float			: left;
	width			: 290px;
}

#content {
	float			: left;
	width			: 420px;
	margin-bottom		: 25px;
	padding-left		: 12px;
	padding-right		: 13px;
}

#content-team {
	float			: left;
	width			: 630px;
	padding-left		: 12px;
	padding-right		: 13px;
}

#context {
	float			: left;
	width			: 210px;
	padding-left		: 15px;
	padding-top		: 15px;
}

#footer {
	float			: left;
	width			: 960px;
	height			: 100px;
	background		: #ffffff;
	padding-top		: 20px;
}

#footerspacer {
	float			: left;
	width			: 960px;
	height			: 50px;
	background		: none;
}

/* Onderdelen header -----------------------------------------*/

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


/* Onderdelen hoofdmenu --------------------------------------*/

#menu ul {
	list-style		: none;
}

#menu li.menu.level1 a {
	background		: url(/images/base/bg-menu-bol.png) no-repeat;
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 10pt;
	font-weight		: bold;	
	text-decoration		: none;
	height			: 22px;
	width			: 165px;
	display			: block;
	margin-left		: 78px;
	margin-bottom		: 5px;
	padding-left		: 35px;
	padding-top		: 4px;
	color			: #000000;
}

#menu li.menu.level1 a:hover {
	color			: #ffffff;
	background-color	: #be0000;
}

#menu li.menu.level1 a.werkt:hover, #menu li.menu.level1 a.werkt.active {
	color			: #ffffff;
	background-color	: #469600;
}

#menu li.menu.level1 a.team:hover, #menu li.menu.level1 a.team.active {
	color			: #ffffff;
	background-color	: #8c0082;
}

#menu li.menu.level1 a.nieuws:hover, #menu li.menu.level1 a.nieuws.active {
	color			: #ffffff;
	background-color	: #005096;
}

#menu li.menu.level1 a.contact:hover, #menu li.menu.level1 a.contact.active {
	color			: #ffffff;
	background-color	: #f5a600;
}

#menu li.menu.level2 a {
	background		: none;
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 10pt;
	font-weight		: normal;
	text-decoration		: none;
	height			: 22px;
	width			: 165px;
	display			: block;
	margin-left		: 78px;
	margin-bottom		: 5px;
	padding-left		: 35px;
	padding-top		: 4px;
	color			: #00488f;
	text-decoration		: underline;
}

#menu li.menu.level2 a:hover {
	background		: none;
	text-decoration		: none;
	font-weight		: normal;
	color			: #00488f;
}

#menu li.menu.level2 a.active {
	background		: none;
	font-weight		: bold;
	text-decoration		: none;
	color			: #000000;
}

#menu li.menu.level3 a {
	display			: none;
}

#menu li.menu.level3 a:hover {
	display			: none;
}

#menu li.menu.levelx a {
	background		: none;
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 10pt;
	font-weight		: normal;
	text-decoration		: none;
	width			: 155px;
	display			: block;
	margin-left		: 88px;
	margin-bottom		: 5px;
	padding-left		: 35px;
	padding-top		: 4px;
	color			: #777777;
}
#menu li.menu.levelx a:hover {
	text-decoration		: underline;
	font-weight		: normal;
}

#level3menublok {
	float			: left;
	width			: 420px;
	padding-bottom		: 10px;
	border-bottom		: 1px solid #000000;
}

#level3menublok li.level3optie {
	list-style-type		: square;
	float			: left;
	width			: 120px;
	color			: #469600;
}

#level3menublok li.level3optie a {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 12pt;
	font-weight		: normal;
	color			: #469600;
}

#level3menublok li.level3optie.level3nieuws {
	list-style-type		: square;
	float			: left;
	width			: 120px;
	color			: #00488f;
}

#level3menublok li.level3optie.level3nieuws a {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 12pt;
	font-weight		: normal;
	color			: #00488f;
}

#level3menublok li a:hover {
	text-decoration		: none;
	color			: #00488f;
}

#level3menublok li.level3optie.active a {
	font-weight		: bold;
	color			: #000000;
}
#level3menublok li.level3optie.active {
	color			: #000000;
}

/* Onderdelen content ----------------------------------------*/

#content h1, #content-team h1 {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 18pt;
	line-height		: 24pt;
	font-weight		: bold;
	margin-bottom		: 25px;
}

#content h2, #content-team h2 {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 13pt;
	line-height		: 13pt;
	font-weight		: bold;
	margin-bottom		: 5px;
}


.geel {
	color			: #f5a600;
}

.rood {
	color			: #be0000;
}
.paars {
	color			: #8c0082;
}
.groen {
	color			: #469600;
}
.blauw {
	color			: #005096;
}

	

#content p, #content-team p {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 10pt;
	line-height		: 13pt;
	font-weight		: normal;
	color			: #000000;
	text-align		: left;
	margin-bottom		: 13pt;
}

#content p a, #content-team p a {
	color			: #00488f;
}

#content li {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 10pt;
	line-height		: 13pt;
	font-weight		: normal;
	color			: #000000;
	margin-left		: 20px;
}

#content ul, #content ol {
	margin-bottom		: 13pt;
}


/* Onderdelen footer -----------------------------------------*/

#zwartebalk {
	float			: left;
	width			: 900px;
	height			: 20px;
	background-color	: #000000;
	color			: #ffffff;
	margin-left		: 25px;
	margin-right		: 25px;
	padding			: 5px;
}

#zwartebalk p {
	color			: #ffffff;
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 12pt;
	font-weight		: bold;
	text-align		: right;
}

#metanav {
	float			: left;
	width			: 910px;
	margin-left		: 25px;
	margin-right		: 25px;
	margin-top		: 25px;
	text-align		: center;
}

#metanav p {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 10pt;
	color			: #127dc2;
}

#metanav p a {
	color			: #127dc2;
	margin-left		: 10px;
	margin-right		: 10px;
}

#disclaimer {
	float			: left;
	width			: 910px;
	height			: 20px;
	margin-left		: 25px;
	margin-right		: 25px;
	margin-top		: 25px;
	text-align		: center;
}

#disclaimer p {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 9pt;
	color			: #999999;
}

/* Onderdelen formulieren ------------------------------------*/

.inputname {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 10pt;
	line-height		: 13pt;
	font-weight		: normal;
	color			: #000000;
	text-align		: left;
}

.inputfield input {
	width			: 400px;
	margin-bottom		: 13pt;
}

.inputfield textarea {
	width			: 400px;
	margin-bottom		: 13pt;
}

.inputfield select {
	width			: 400px;
	margin-bottom		: 13pt;
}

.invoerknop {
	padding			: 3px;
	border			: 1px solid #f5a600;
	color			: #000000;
	font-weight		: bold;
	background		: #ffffff;
}

/* Onderdelen formulier editor -------------------------------*/

.formelementname, .formelementtype, .example {
	margin			: 4px;
}

/* Nieuwsbox contextkolom ------------------------------------*/

#nieuwsbox {
	float			: left;
	width			: 185px;
	height			: 100px;
	border			: 1px solid #000000;
	margin-top		: 20px;
	padding-bottom		: 10px;
}

#nieuwsbox h2 {
	background		: #000000;
	height			: 25px;
	padding-left		: 10px;
	width			: 175px;
	color			: #ffffff;
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 10pt;
	line-height		: 13pt;
	font-weight		: bold;
	padding-top		: 5px;
}

#nieuwsbox h3 {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 10pt;
	line-height		: 13pt;
	font-weight		: bold;
	margin-left		: 10px;
	margin-right		: 10px;
	margin-top		: 5px;
	color			: #00488f;
}

#nieuwsbox h3 a {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 10pt;
	line-height		: 13pt;
	font-weight		: bold;
	color			: #00488f;
}

#nieuwsbox h3 a:hover {
	text-decoration		: none;
}


#nieuwsbox p {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 9pt;
	line-height		: 13pt;
	font-weight		: normal;
	color			: #000000;
	text-align		: left;
	margin-bottom		: 13pt;
	margin-left		: 10px;
	margin-right		: 10px;
}

#nieuwsbox p a {
	color			: #00488f;
}

.nieuwstabel {
	border-bottom		: 1px solid #000000;
	margin-bottom		: 10px;
	padding-bottom		: 10px;
}

.nieuwstabeldatum {
	width			: 80px;
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 9pt;
	line-height		: 13pt;
	font-weight		: normal;
	color			: #000000;
	text-align		: left;
}

.nieuwstabelheadline {
	width			: 340px;
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 9pt;
	line-height		: 13pt;
	font-weight		: normal;
	color			: #000000;
	text-align		: left;
}

.nieuwstabelheadline a {
	color			: #00488f;
}

#marqueeTest {
	overflow		: hidden;
	height			: 100px;
}

#marqueeTest h3 {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 10pt;
	line-height		: 13pt;
	font-weight		: bold;
	margin-left		: 10px;
	margin-right		: 10px;
	margin-top		: 5px;
	color			: #00488f;
}

#marqueeTest h3 a {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 10pt;
	line-height		: 13pt;
	font-weight		: bold;
	color			: #00488f;
}



/* Aankondigingsboxje ----------------------------------------*/

#aankondigingsbox {
	float			: left;
	width			: 185px;
	border			: 1px solid #000000;
	margin-top		: 20px;
	padding-bottom		: 10px;
}

#aankondigingsbox h2 {
	background		: #000000;
	height			: 25px;
	padding-left		: 10px;
	width			: 175px;
	color			: #ffffff;
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 10pt;
	line-height		: 13pt;
	font-weight		: bold;
	padding-top		: 5px;
}

#aankondigingsbox h3 {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 10pt;
	line-height		: 13pt;
	font-weight		: bold;
	margin-left		: 10px;
	margin-right		: 10px;
	margin-top		: 5px;
	color			: #00488f;
}

#aankondigingsbox h3 a {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 10pt;
	line-height		: 13pt;
	font-weight		: bold;
	color			: #00488f;
}

#aankondigingsbox h3 a:hover {
	text-decoration		: none;
}


#aankondigingsbox p {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 9pt;
	line-height		: 13pt;
	font-weight		: normal;
	color			: #000000;
	text-align		: left;
	margin-bottom		: 13pt;
	margin-left		: 10px;
	margin-right		: 10px;
}

#aankondigingsbox p a {
	color			: #00488f;
}

/* Maps items ------------------------------------------------*/
#map_container {
	position		: relative;
}

#map_canvas {
	z-index			: 1;
}

#mappopupdaan {
	width			: 110px;
	z-index			: 1001;
	background		: #ffffff;
	position		: absolute;
	top			: 276px;
	left			: 379px;
	padding			: 10px;
	border			: 1px solid #000000;
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 9pt;
	line-height		: 13pt;
	color			: #000000;	
}

#mappopupsaskia {
	width			: 110px;
	z-index			: 1001;
	background		: #ffffff;
	position		: absolute;
	top			: 149px;
	left			: 411px;
	padding			: 10px;
	border			: 1px solid #000000;
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 9pt;
	line-height		: 13pt;
	color			: #000000;	
}

#mappopuprianca {
	width			: 110px;
	z-index			: 1001;
	background		: #ffffff;
	position		: absolute;
	top			: 225px;
	left			: 270px;
	padding			: 10px;
	border			: 1px solid #000000;
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 9pt;
	line-height		: 13pt;
	color			: #000000;	
}

#mappopupjaap {
	width			: 110px;
	z-index			: 1001;
	background		: #ffffff;
	position		: absolute;
	top			: 61px;
	left			: 372px;
	padding			: 10px;
	border			: 1px solid #000000;
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 9pt;
	line-height		: 13pt;
	color			: #000000;	
}

#mappopupdaan a, #mappopupsaskia a, #mappopuprianca a, #mappopupjaapa {
	color			: #00488f;
}