html, body {
	/* height:					100%; */
	font-family: 'Arial';
	font-size:				12px;
}

* { margin: 0; padding:0;
}

body {
	border: 				0;
	padding:				18px 0px 0px 0px;
	background: 			#DCDCDC;
}

/* holder */
#holder {
	position:				relative;
	width: 					964px;
	padding-left:			10px;
	padding-right:			10px;
	min-height:				100%;
	margin:					0 auto; 
	background: 			url(/skins/default/pics/bgBackgroundFade_680.jpg) no-repeat 0 10px;
}

* html #holder { 
	height:					400px;
}

/* ###############################
Header
################################*/
#header {
	position:				relative;
	width: 					100%;
	height: 				160px;
	margin: 				0;
	padding: 				0 0 100px 0;
	background: 			#fff url(/skins/default/pics/bgHeader.jpg) no-repeat 0 0;
	z-index: 				2;
}

#logo {
	background: 			#fff url(pics/logo.gif) no-repeat 0 0;
	height:					140px;
	width:					220px;
	position: 				absolute;
	left: 					20px;
	top:					30px;
}

#headerImageLeft {
	background: 			#fff url(pics/headerImageLeft.jpg) no-repeat 0 0;
	height:					180px;
	width:					235px;
	position: 				absolute;
	float:					left;
	left: 					247px;
	top:					9px;
}

#headerImageCenter {
	height:					170px;
	width:					176px;
	float:					left;
	position: 				absolute;
	float:					left;
	left: 					483px;
	top:					9px;
	background-color:		#50A12A
}

#headerImageCenter_top {
	color:					#fff;
	float:					left;
	border-bottom:			solid 1px #fff;
	height:					89px;
	width:					176px;
}

#headerImageCenter_top h3 {
	font-size:				17px;
	line-height:			24px;
	text-align:				center;
	font-weight:			bold;
	margin:					8px 18px 12px 18px;
	display: block; width: 138px; height: 70px; background: url(pics/veller_slogan.gif) top left no-repeat;
}
#headerImageCenter_top h3 span { display: none; }

#headerImageCenter_bottom {
	background: 			transparent url(pics/headerImageCenter.jpg) no-repeat 0px 0px;
	height:					90px;
	float:					left;
	width:					176px;
}

#headerImageRight {
	background: 			#fff url(pics/headerImageRight.jpg) no-repeat 0 0;
	height:					180px;
	width:					294px;
	float:					left;

	position: 				absolute;
	float:					left;
	left: 					660px;
	top:					9px;
}

/* ###############################
General menu
################################*/
#generalMenuHolder {
	position:				relative;
	display:				block;
	float:					left;
	background-color:		#fff;
	padding:				0px 10px 0px 10px;
	width:					944px;
	border-bottom:			solid 1px #fff;
}

ul.generalMenu {
	position:relative;
	float:					left;
	display:block;
	background: 			#50A12A url(pics/bgMainMenu.jpg) repeat-y 177px 0px ;
	padding-left:			10px;
	height:					22px;
	width:					934px;
	padding-top:			5px;
	list-style-image:		none;
	list-style-position:	outside;
	list-style-type:		none;
}

ul.generalMenu li {
	float:					left;
	background: 			url(pics/bgMainMenuDivider.jpg) no-repeat right ;
}

ul.generalMenu a {
	color:					#fff;
	font-weight:			bold;
	text-decoration:		none;
	font-size:				14px;
	padding:				0px 16px 0px 12px;
}

ul.generalMenu li.lastNode {
	background: 			none;
}

ul.generalMenu a:hover {
	color:					#000;
}


ul.generalMenu li a.active {
	color:					#000;
}

/* ###############################
Main menu
################################*/
#mainMenuHolder {
	float:					left;
	display:block;
	position:relative;
	background-color:		#5DCBE6;
	border-left:			solid 10px #fff;
	border-right:			solid 10px #fff;
	padding:				0px 10px 0px 0px;
	width:					934px;
}

ul.mainMenu {
	float:					left;
	position:relative;
	display:block;
	background: 			#5DCBE6 url(pics/bgSubMenu.jpg) repeat-y right ;
	height:					27px;
	padding:				10px 10px 0px 0px;
	border-top:				solid 1px #5DCBE6;
	list-style-image:		none;
	list-style-position:	outside;
	list-style-type:		none;
}

ul.mainMenu ul {
	display:				none;
}


ul.mainMenu li {
	float:					left;
	background: 			url(pics/bgSubMenuDivider.jpg) no-repeat right ;
}

ul.mainMenu li a {
	color:					#fff;
	font-weight:			bold;
	text-decoration:		none;
	font-size:				17px;
	padding:				0px 28px 0px 24px;
}

ul.mainMenu li.lastNode {
	background: 			none;
}

ul.mainMenu a:hover { color: #1E3365; }

ul.mainMenu li a.active { color: #1E3365; }


/* ###############################
Under menu decoration
################################*/
#underMenu {
	position:relative;
	display:inline;
	float:					left;
	background:				#fff url(pics/bgUnderMenuDecoration.jpg) repeat-y 10px;
	width:					954px;
	height:					5px;
}

/* ###############################
Left Side bar
################################*/
#leftSideBar {
	float:					left;
	width:					236px;
}

#leftSideBar h2 {
	float:					left;
	background-color:		#50A12A;
	padding:				4px 0px 4px 20px;
	margin-bottom:			6px;
	color:					#fff;
	width:					216px;
	font-size:				16px;
}

/* ###############################
Sub Menu
################################*/

ul.subMenu {
	float:					left;
	width:					236px;
	padding:				3px 0px 10px 0px;
	list-style-image:		none;
	list-style-position:	outside;
	list-style-type:		none;
	border:					solid 0px #cc3;
}

ul.subMenu ul {
	padding:				3px 0px 10px 0px;
	list-style-image:		none;
	list-style-position:	outside;
	list-style-type:		none;
	float:					left;
	border:					solid 0px #cc3;
	width:					216px;
}

ul.subMenu li {
	background:				url(pics/bgLeftMenu.jpg) repeat-x;
	float:					left;
	color:					#50A12A;
	padding:				6px 0px 0px 20px;
	font-size:				13px;
	font-weight:			bold;
	width:					216px;

}

ul.subMenu li a {
	color:					#50A12A;
	text-decoration:		none;
	line-height:			12px;
}

ul.subMenu ul li {
	background:				none;
}

ul.subMenu ul li a {
	line-height:			12px;
	float:					left;
	width:					170px;
	color:					#000;
	margin:					0px 0px 3px 0px;
	text-decoration:		none;
	font-weight:			normal;
}

ul.subMenu ul li a.active {
	font-weight:			bold;
}

/* ###############################
Left News Menu
################################*/
div.newsholder ul {
	float:					left;
	width:					236px;
	padding:				3px 0px 10px 0px;
	list-style-image:		none;
	list-style-position:	outside;
	list-style-type:		none;
}

div.newsholder ul li h3 a,
div.newsholder ul li h3 a:visited { font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; }
div.newsholder ul li h3 a:hover { font-size: 12px; font-weight: bold; color: #000000; text-decoration: underline; }
div.newsholder ul li h3 span.date { float: left; width: 100%; display: block; padding-top: 3px; margin: 3px 0px; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; }


div.newsholder ul li.archive {
	padding:				0px;
	margin:					0px;
}

div.newsholder ul li {
	background:				url(pics/bgLeftNewsMenu.jpg) repeat-x;
	float:					left;
	color:					#000000;
	padding:				6px 20px 20px 20px;
	width:					195px;
	font-weight:			normal;
	line-height:			13px;
}

div.newsholder ul li a.more {
	float:					left;
	color:					#50A12A;
	font-weight:			normal;
	margin-top:				5px;
	width:					100%;
}

/* ###############################
Left Contact
################################*/
#leftContact {
	padding:				10px 0px 0px 20px;
}

#leftContact h4 {
	color:					#50A12A;
	font-weight:			bold;
	font-size:				13px;
}

#leftContact h5 {
	color:					#50A12A;
	font-weight:			normal;
	font-size:				13px;
	margin-top:				2px;
}

#leftContact a {
	color:					#000;
	text-decoration:		none;
}

/* ###############################
Content
################################*/
#content {
	position:relative;
	display:inline;
	float:					left;
	width:					478px;
	padding:				0px 20px 0px 20px;
}

#content h1 {
	font-size:				28px;
	font-weight:			bold;
	float:					left;
	position: relative;
	width:					100%;
	border:					solid 0px blue;
	clear: both;
margin-bottom:10px;
}

#content h2 {
	color:					#50A12A;
	font-size:				15px;
	margin:					10px 0px 5px 0px;
	float:					left;
	width:					100%;
}

#author {
	font-size:				10px;
	color:					#50A12A;
	float:					left;
	width:					100%;
}

#content p {
	width: 100%;
	margin-bottom:			10px;
}

#content a {
	color:					#50A12A;
}

#content a:hover {
	color:					#1E3365;
}

#content ul { margin-left: 15px; }

/* ###############################
Nieuws
################################*/
div.newsdate {
	font-size:				10px;
	color:					#50A12A;
	margin-bottom:			5px;
	float:					left;
	width:					100%;
}

div.newsintro {
	float:					left;
	margin-bottom:			10px;
	font-style:				italic;
	font-weight:			bold;
	width:100%;
}

div.newscontent {
	float:					left;
	border:					solid 0px #ccc;
}

div.news {

}

div.news ul {
	list-style-image:		none;
	list-style-position:	outside;
	list-style-type:		none;
}

div.news ul li {
	color:					#000;
	font-size:				12px;
	background:				url(pics/bgLeftNewsMenu.jpg) repeat-x bottom;

	padding-bottom:			10px;
}

div.news ul li h2 a {
	color:					#50A12A;
	font-size:				12px;
}

div.news ul li a.more {
	color:					#50A12A;
	margin-left:			10px;
}

div.news ul li h2 span {
	color:					#000;
	font-size:				12px;
	margin-left:			6px;
}

div.navigator {
	margin:					10px 0px 10px 0px;
}

div.navigator a {
	color:					#50A12A;
}

div.navigator a.active {
	font-weight:			bold;
	text-decoration:		none;
}


/* ###############################
Bestuur
################################*/
#bestuur {
	float:					left;
	height:					320px;
	width:					500px;
	background: 			url(pics/bestuur.jpg) no-repeat 0 10px;
}

#bestuur p {
	font-weight:			bold;
	margin-top:				295px;
	padding-top:			5px;
	padding-left:			10px;
	color:					#fff;
	background-color:		#50A12A;
	float:					left;
	height:					20px;
	width:					490px;
	-moz-opacity: 			8.0;
	opacity: 				.8;
	filter: 				alpha(opacity=80);
}

/* ###############################
Right Side bar
################################*/
#rightSideBar {
	float:					right;
	width:					180px;
}

#rightSideBar img {
	margin-bottom:			15px;
	border-width:			0px;
}

/* ###############################
Body
################################*/
#bodyWrapper {
	position:relative;
	display:block;
	float:					left;
	background-color:		#fff;
	width:              	944px;
	overflow:hidden;
	padding:				16px 10px 0px 10px;
	z-index:1;

}

#menuHolder {
	position:absolute;
	background: #fff;
	left:0;
	top:189px;
	width:		924px;
	height:		71px;
	z-index: 20;
	margin:			0px 10px 0px 10px;
	padding:0;
}


/* ###############################
Body
################################*/
#form {
	width:					600px;
	display:				block;
	float:					left;
}

#form input {
	border:					solid 1px #333;
	margin:					1px;
}


#form textarea {
	border:					solid 1px #333;
	margin:					1px;
}

#form TABLE TR TH {
	width:					160px;
	text-align:				left;
	vertical-align:			top;
	font-weight:			normal;
}

a.submit {
	float:						right;
	display:					block;
	padding:					2px 5px 2px 5px;
	background-color:			#fff;
	border:						solid 1px #333;
	color:						#000;
	margin-top:					10px;
}

a.submit:hover {
	background-color:			#50A12A;
}

/* ###############################
Footer
################################*/
ul.footMenu {
/*
	position:				relative;*/
	width:              	664px;
	height: 				50px;
	background: 			#D9D9D8	 url(pics/bgFooter.jpg) no-repeat 0 0;
	clear: 					both;
	bottom: 				0;
	left: 					0;
	margin: 				0;
	padding:				16px 0px 0px 300px;
	color:					#6E6E6E;
	list-style:				none;
	border:					solid 0px #ff0000;
	
}

ul.footMenu li {
	float:					left;
	background: 			url(pics/bgFooterMenuDivider.jpg) no-repeat right ;
}

ul.footMenu li a {
	color:					#6E6E6E;
	text-decoration:		none;
	padding:				0px 10px 0px 6px;
}

ul.footMenu li.lastNode {
	background:				none;
}


#bodyWrapper #footer { position: relative; float: left; padding: 10px 12px 0px 12px; margin-top: 20px; width: 924px; height: 78px; background: url(pics/bgFooter.gif) top repeat-x; }
#bodyWrapper #footer h2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #50a12a; }
#bodyWrapper #footer .footer { position: relative; float: left; height: auto; line-height: 78px; vertical-align: middle; padding-right: 250px; } 
#bodyWrapper #footer .footer img { float: right; margin-left: 10px; border: 0px;}
#bodyWrapper #footer .footer img.e-difference { margin-top: 18px; }
#bodyWrapper #footer .footer img.rvanbeek { margin-top: 4px; }
#bodyWrapper #footer .footer img.drieklomp {}
#bodyWrapper #footer .footer img.middennederland { margin-top: 0px; }
#bodyWrapper #footer .footer img.vanmanen { margin-top: 18px; }
#bodyWrapper #footer .footer img.rabo { margin-top: 3px; }
#bodyWrapper #footer .footer img.bdu { margin-top: 0px; }

/* ###############################
Sitemap
################################*/
#sitemap { position:relative; float: left;}
#sitemap .menu { position:relative; float:left; clear: left; width:150px; margin-top:40px;  }
#sitemap .menu ul { position:relative; float: left; clear: left; margin:0; padding:0; text-decoration: none; margin:0 0 0 10px; }
#sitemap .menu ul li { position:relative;  padding-left:15px; background: url(../../skins/default/pics/dquote.gif) no-repeat 3px 8px; line-height:20px; list-style: none; }
#sitemap .menu ul li a { position:relative; display:block; } 
#sitemap .menu ul li a:hover { color:#000000; }