html,
body {

	background-color	: #efefef;
	background-image	: url(../images/achtergrond.gif);
	background-repeat	: repeat-x;
	margin				: 0;
	padding				: 0;
}

* {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
	line-height			: 16px;
}

a,
a:link,
a:visited {
	text-decoration		: none;
	color				: #6622dd; /* aangepast LINKS*/
}
 

a:hover {
	text-decoration		: underline;
	color				: 6622dd; /* aangepast LINKS*/
}

#website {
	margin				: 0 auto;
	width				: 770px;
}

#organisatie {
	clear				: both;
	float				: left;
	height				: 115px;
	width				: 770px;
	margin				: 0;
	padding				: 0;
	background-image	: url(../images/logoh.gif);
	background-repeat:no-repeat;
}

#contact {
	clear				: both;
	float				: left;
	height				: 20px;
	margin				: 10px 0;
	width				: 770px;
}

#navigatie {
	float				: left;
	width				: 190px;
}

#content {
	float				: right;
	width				: 570px;
	margin-left			: 10px;
}

#paginaTitel {
	background-image	: url(../images/bg_pagina_titel.gif);
	background-position	: top;
	background-repeat	: no-repeat;
	margin				: 0;
	padding				: 0;
	float				: left;
	line-height			: 24px;
	vertical-align		: middle;
	height				: 24px;
	width				: 570px;
	clear				: both;
}

#pagina {
	background-image	: url(../images/bg_pagina.gif);
	background-position	: top;
	background-repeat	: repeat-y;
	float				: left;
	clear				: both;
	margin				: 0;
	padding				: 10px;
	width				: 550px;
}

#paginaFooter {
	background-image	: url(../images/bg_pagina_footer.gif);
	background-position	: top;
	background-repeat	: no-repeat;
	float				: left;
	clear				: both;
	height				: 6px;
	margin				: 0;
	padding				: 0;
	width				: 570px;
}

#printOrganisatie {
	display				: none;
}

#footer {
	float				: left;
	clear				: both;
	margin				: 0;
	margin				: 10px 0;
	padding				: 0;
	width				: 570px;
}

/* -------------------------------------------------------------------------------- //
// ICONS                                                                            //
// -------------------------------------------------------------------------------- */

a.icon {
	float				: left;
	display				: block;
}

a.icon,
a.icon:link,
a.icon:visited {
	background-position	: 0 -20px;
}

a.icon:hover {
	background-position	: 0 -40px;
}

.icon {
	background-repeat	: no-repeat;
	height				: 20px;
	width				: 20px;
}

.home_16		{ background-image: url(../images/icons/home_16.gif); margin-left:2px; }
.mail_16		{ background-image: url(../images/icons/mail_16.gif); margin-right:2px; }
.print_16		{ background-image: url(../images/icons/print_16.gif); margin:2px 0; margin-right:2px; }
.rss_16			{ background-image: url(../images/icons/rss_16.gif); margin-right:2px; }
.sitemap_16		{ background-image: url(../images/icons/sitemap_16.gif); }
.document_16	{ background-image: url(../images/icons/document_16.gif); }
.video_16		{ background-image: url(../images/icons/video_16.gif); }

/* -------------------------------------------------------------------------------- //
// MENU HORIZONTAAL                                                                 //
// -------------------------------------------------------------------------------- */

ul.menuHorizontaal {
	float				: right !important;
	list-style-type		: none;
	margin				: 0;
	padding				: 0;
}

ul.menuHorizontaal * {
	font-size			: 10px;
}

ul.menuHorizontaal li.firstItem {
	margin-left			: 0;
	border-left			: none;
	padding-left		: 0;
}

ul.menuHorizontaal li {
	height				: 20px;
	line-height			: 20px;
	text-align:left;
	vertical-align		: middle;
	float				: left;
	margin-left			: 4px;
	border-left			: #666666 solid 1px;
	padding-left		: 4px;
}

ul.menuHorizontaal li a,
ul.menuHorizontaal li a:link,
ul.menuHorizontaal li a:visited {
	height				: 20px;
	line-height			: 20px;
	vertical-align		: middle;
	display				: block;
	text-decoration		: none;
}

ul.menuHorizontaal li a:hover,
ul.menuHorizontaal li.active a,
ul.menuHorizontaal li.active a:link,
ul.menuHorizontaal li.active a:visited {
	display				: block;
	text-decoration		: underline;
}

/* -------------------------------------------------------------------------------- //
// MENU VERTICAAL                                                                   //
// -------------------------------------------------------------------------------- */

ul.menuVerticaal {
	float				: left;
	clear				: both;
	list-style-type		: none;
	margin				: 0;
	padding				: 0;
	margin-bottom		: 10px;
	width				: 190px;
}

ul.menuVerticaal li,
ul.menuVerticaal li.active,
ul.menuVerticaal li.active ul li,
ul.menuVerticaal li.active ul li.active {
	float				: left;
	clear				: both;
	width				: 190px;
	color				: #ffffff;  /* aangepast Hoofd menu #151015 */
}

ul.menuVerticaal li.header {
	background-image	: url(../images/bg_menu_header.gif);
	background-position	: top;
	background-repeat	: no-repeat;
	height				: 24px;
}

ul.menuVerticaal li.header h4 {
	margin				: 0;
	padding				: 0;
	border				: 0;
	text-indent			: 10px;
	display				: block;
	line-height			: 24px;
	height				: 24px;
	text-transform		: uppercase;
}

ul.menuVerticaal li a,
ul.menuVerticaal li a:link,
ul.menuVerticaal li a:visited {
	background-image	: url(../images/bg_menu_item1.gif);
	background-position	: top;
	background-repeat	: no-repeat;
	text-indent			: 10px;
	line-height			: 20px;
	display				: block;
	height				: 20px;
	text-decoration		: none;
	width				: 190px;
	color				: #453345;  /* #453345 aangepast menu items */
}

ul.menuVerticaal li a:hover,
ul.menuVerticaal li.active a,
ul.menuVerticaal li.active a:link,
ul.menuVerticaal li.active a:visited {
	background-position	: 0 -20px;
	display				: block;
	line-height			: 20px;
	height				: 20px;
	text-decoration		: none;
	color				: #ffffff;  /* #151015 aangepast menu items hofer */
}

ul.menuVerticaal li.active ul {
	float				: left;
	clear				: both;
	list-style-type		: none;
	margin				: 0;
	padding				: 0;
	width				: 190px;
	color				: #ffffff;  /* #151015 aangepast menu items hofer*/
}

ul.menuVerticaal li.active ul li a,
ul.menuVerticaal li.active ul li a:link,
ul.menuVerticaal li.active ul li a:visited {
	background-image	: url(../images/bg_menu_item2.gif);
	background-position	: top;
	background-repeat	: no-repeat;
	text-indent			: 20px;
	line-height			: 20px;
	display				: block;
	height				: 20px;
	text-decoration		: none;
	width				: 190px;
	color				: #151015;  /* aangepast menu items hofer*/
}

ul.menuVerticaal li.active ul li a:hover,
ul.menuVerticaal li.active ul li.active a,
ul.menuVerticaal li.active ul li.active a:link,
ul.menuVerticaal li.active ul li.active a:visited {
	background-position	: 0 -20px;
	display				: block;
	line-height			: 20px;
	height				: 20px;
	text-decoration		: none;
	color				: #ffffff;  /* aangepast menu items hofer*/
}

ul.menuVerticaal li.footer {
	background-image	: url(../images/bg_menu_footer.gif);
	background-position	: top;
	background-repeat	: no-repeat;
	display				: block;
	height				: 6px;
}

/* -------------------------------------------------------------------------------- //
// GADGET                                                                           //
// -------------------------------------------------------------------------------- */

ul.gadget {
	float				: left;
	clear				: both;
	list-style-type		: none;
	margin				: 0;
	padding				: 0;
	margin-bottom		: 10px;
	width				: 190px;
}

ul.gadget li {
	float				: left;
	clear				: both;
	width				: 190px;
}

ul.gadget li.header {
	background-image	: url(../images/bg_gadget_header.gif);
	background-position	: top;
	background-repeat	: no-repeat;
	height				: 24px;
}

ul.gadget li.header h4 {
	margin				: 0;
	padding				: 0;
	border				: 0;
	text-indent			: 10px;
	display				: block;
	line-height			: 24px;
	height				: 24px;
	text-transform		: uppercase;
	font-weight			: bold;
}

ul.gadget li.content {
	background-image	: url(../images/bg_gadget_content.gif);
	background-position	: top;
	background-repeat	: repeat-y;
	padding				: 10px;
	margin				: 0;
	width				: 170px;
}

ul.gadget li.content form {
	margin				: 0;
	padding				: 0;
}

ul.gadget li.footer {
	background-image	: url(../images/bg_gadget_footer.gif);
	background-position	: top;
	background-repeat	: no-repeat;
	display				: block;
	height				: 6px;
}
/* -------------------------------------------------------------------------------- //
// DIVERSEN                                                                         //
// -------------------------------------------------------------------------------- */

h1 {
	margin				: 0;
	padding				: 0;
	display				: block;
	float				: left;
	line-height			: 24px;
	vertical-align		: middle;
	height				: 24px;
	text-transform		: uppercase;
	font-weight			: bold;
	text-indent			: 10px;
	color				: #ffffff; /* aangepast */
}

#pagina>h2 {
	background-color	: #b889b8; /* aangepast */
	color				: #ffffff; /* aangepast */
	margin				: 0;
	margin-bottom		: 10px;
	padding				: 0;
	display				: block;
	float				: left;
	line-height			: 20px;
	vertical-align		: middle;
	height				: 20px;
	font-weight			: bold;
	text-indent			: 10px;
	clear				: both;
	width				: 550px;
}

.floatRight {
	float				: right !important;
}

label {
	cursor				: pointer;
}

label:hover {
	text-decoration		: underline;
}

fieldset {
	width				: 548px;
	border				: #FFFFFF solid 1px;
	margin				: 0;
	padding				: 0;
	float				: left;
	display				: block;
	clear				: both;
}

legend {
	margin				: 0;
	padding				: 0 2px;
	margin-left			: 10px;
	font-weight			: bold;
}

table.formulier,
table.formulier tr,
table.formulier tr th,
table.formulier tr td {
	margin				: 0;
	padding				: 0;
	border				: none;
}

table.formulier {
	margin				: 10px;
}

table.formulier tr th {
	width				: 100px;
	text-align			: left;
	font-weight			: normal;
}

table.data,
table.data tr th,
table.data tr td {
	margin				: 0;
	padding				: 0;
	border				: none;
	text-align			: left;
}

table.data {
	width				: 550px;
}

input[type="text"],
input[type="password"] {
	border				: #999999 solid 1px;
	height				: 16px;
	vertical-align		: middle;
}

input[type="button"] {
	border				: #999999 solid 1px;
	height				: 20px;
	cursor				: pointer;
}

div.alinea {
	margin				: 0;
	margin-bottom		: 10px;
	padding				: 0;
	width				: 550px;
	float				: left;
	clear				: both;
 	text-align			: justify;
}

table.horizontaal th {
	width				: 175px;
	text-align			: left;
}

table.horizontaal td {
	/*width				: 425px;*/
	text-align:left;
}

table.horizontaalcheck td {
	width				: 125px;
}


div.alinea p {
	margin				: 0;
	padding				: 0;
}

div.alinea form {
	margin				: 0;
	border				: none;
	padding				: 0;
}

.afbeeldingRechts {
	cursor				: pointer;
	float:right;
	margin: 5px;
}
.afbeeldingLinks {
	cursor				: pointer;
	float:left;
	margin: 5px;
}

/* -------------------------------------------------------------------------------- //
// AANBOD NIEUWS                                                                    //
// -------------------------------------------------------------------------------- */

ul.aanbodNieuws {
	margin				: 0;
	padding				: 0;
	clear				: both;
	list-style-type		: none;
	float				: left;
}

ul.aanbodNieuws li {
	background-color	: #f3b5f3; /*  aangepast */
	display				: block;
	height				: 114px;
	width				: 550px;
	margin-bottom		: 10px;
}

ul.aanbodNieuws li:hover {
	background-color	: #b889b8; /* aangepast */
}

ul.aanbodNieuws li a.afbeelding {
	/*background-color	: #f3b5f3;*//* aangepast */
	display				: block;
	float				: left;
	height				: 114px;
	width				: 160px;
}

ul.aanbodNieuws li a.afbeelding img {
	display				: block;
	float				: left;
/*	height				: 120px;
	width				: 160px;*/
	border				: none;
}

ul.aanbodNieuws li h2 {
	font-weight			: bold;
	height				: 16px;
	line-height			: 16px;
	vertical-align		: middle;
	margin				: 0;
	padding				: 0;
	display				: block;
	float				: left;
}

ul.aanbodNieuws li h2 a,
ul.aanbodNieuws li h2 a:link,
ul.aanbodNieuws li h2 a:visited {
	text-decoration		: none;
}

ul.aanbodNieuws li h2 a:hover {
	text-decoration		: underline;
}

ul.aanbodNieuws li div.datum {
	margin				: 0;
	padding				: 0;
	height				: 16px;
	line-height			: 16px;
	vertical-align		: right;
	text-align			: right;
	display				: block;
	color				: #FFFFFF;
}


ul.aanbodNieuws li p {
	margin				: 0;
	padding				: 0;
	border				: none;
	float				: left;
	width				: 390px;
}



/* -------------------------------------------------------------------------------- //
// AANBOD nieuws_KLEIN                                                                    //
// -------------------------------------------------------------------------------- */

ul.aanbodNieuws_klein {
	margin				: 0;
	padding				: 0;
	clear				: both;
	list-style-type		: none;
	float				: left;
}

ul.aanbodNieuws_klein li {
	display				: block;
	height				: 20px;
	width				: 550px;
	margin-bottom		: 10px;
	float				: left;
}

ul.aanbodNieuws_klein li {
	font-weight			: bold;
	height				: 16px;
	line-height			: 16px;
	vertical-align		: middle;
	margin				: 0;
	padding				: 0;
	display				: block;
	float				: left;
	color				: #aa00ff;
}

ul.aanbodNieuws_klein li a,
ul.aanbodNieuws_klein li a:link,
ul.aanbodNieuws_klein li a:visited {
	text-decoration		: none;
	color				: #6622dd; /* AANGEPAST LINKS */
}


ul.aanbodNieuws_klein li a:hover {
	text-decoration		: underline;
	color				: #6622dd; /* AANGEPAST LINKS */
}

/* POPUP */



.popup_invisible {
	display		: none;
}

.popup_visible {
	display		: block;
	height		: 100%;
}

#popup_content {
	position		: fixed;
	_position		: absolute;
	top				: 0 ;
	_top			: expression(eval(document.body.scrollTop)) ;
	left			: 0;
	width			: 100%; 
	height			: 100%;
	z-index			: 99;
}

.popup_bar {
	background-color	: #b889b8;
	color				: #ffffff;
	height				: 25px;
}

#popup_placeHolder_name {
	font-weight			: bold;
	font-size			: 10px;
	color				: #FFFFFF;
	float				: left;
	margin				: 5px;
}

#popup_achtergrond {
	position			: fixed;
	_position			: absolute;
	top					: 0;
	_top				: expression(eval(document.body.scrollTop));
	left				: 0;
	width				: 100%; 
	height				: 100%;
	z-index				: 98;
	background-color	: #000000;
	filter				: alpha(opacity=75);
	opacity				: 0.75;
}

#popup_holder_img {
	height			: 800px;
	width			: 600px;
}

/* slideshow */

div.slideshow {
	position		: relative;
	height			: 326px;
	width			: 580px;
}

div.slideshow img {
	top				: 0;
	left			: 0;
	position		: absolute;
}

/* afbeeldingen */
.imageContainerController {
	cursor			: pointer;
}
/*pointer*/
.imageContainer.horizontal {
	width			: 550px;
	height			: 90px;
	position		: relative;
	overflow		: hidden;
}

.imageContainer.horizontal .imageContainerSlider {
	overflow		: hidden;
	position		: relative;
	height			: 90px;
	left			: 0;
}

.imageContainer.horizontal .selectImg {
	cursor			: pointer;
	height			: 65px;
	width			: 115px;
	display			: block;
	float			: left;
}


.imageContainer.vertical {
	width			: 115px;
	height			: 480px;
	position		: relative;
	overflow		: hidden;
}

.imageContainer.vertical .imageContainerSlider {
	overflow		: hidden;
	position		: relative;
	width			: 115px;
	top				: 0;
}

.imageContainer.vertical .selectImg {
	height			: 180px;
	width			: 115px;
	display			: block;
	float			: left;
}

/*GoogleMaps*/
table.googlMaps {
	border:3px;	
}
div.googleMaps {
	margin				: 0;
	margin-bottom		: 10px;
	padding				: 0;
	width				: 550px;
	float				: left;
	clear				: both;
 	text-align			: justify;
	
}