html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
}

a img,
fieldset {
border: none;
}

html, body {
	height: 100%;
}

body {
background: #e9e9e9 url(../images/bg.png) repeat-x center top;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: #484848;
}

h1 {
font-size: 18px;
font-weight: normal;
color: #000;
padding-bottom: 10px;
background: url(../images/horizontalDotsAverage.png) repeat-x left bottom;
}

h2 {
font-size: 15px;
font-weight: bold;
color: #f60;

}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */
	width: 942px;
	position: relative;
	background: url(../images/canvasBg.png) repeat-y left top;
	z-index: 1;
}


	#canvas {
	width: 916px;
	margin: auto;
	}
		
		#logo {
		margin-left: 26px;
		width: 877px;
		}
		
		#menu {
		width: 100%;
		height: 30px;
		background: #8f97a0 url(../images/menuBg.png) repeat-x left top;
		text-align: left;
		}
		
		#menu ul {
		margin-left: 40px;
		width: 900px;
		border-left: 1px solid #fff;
		height: 30px;
		}
		
			#menu ul li {
			float: left;
			display: block;
			line-height: 30px;
			border-right: 1px solid #fff;
			text-transform: uppercase;
			font-weight: bold;
			position: relative;
			}
			
				#menu ul li a {
				color: #fff;
				text-decoration: none;
				display: block;
				padding-left: 20px;
				padding-right: 20px;
				}
				
					#menu ul li a:hover {
					background: #fff;
					color: #000;
					}
					
						#menu ul li.current_page_item a,
						#menu ul li.current_page_ancestor a {
						background: #fff;
						color: #f60;
						}
				
				#menu ul li ul {
				position: absolute;
				left: -46px !important;
				top: 30px;
				display: none;
				}
				
					#menu ul li:hover ul {
					display: block;
					background: url(../images/ulul.png) no-repeat left bottom !important;
					width: 160px;
					padding: 15px 11px 15px;
					height: auto;
					}
				
					#menu ul li ul li {
					float: none;
					display: block;
					margin-left: 0px;
					font-size: 10px;
					line-height: 17px;
					padding: 2px 0px 3px 0px;
					width: 140px;
					}
					
						#menu ul li ul li a {
						color: #f60;
						padding-left: 15px;
						background: url(../images/ululli_normal.png) no-repeat left 1px !important;
						}
						
							#menu ul li ul li a:hover {
							color: #333333;
							background: url(../images/ululli_hover.png) no-repeat left 0px !important;
							}
							
							.page-item-4 a,
							.page-item-6 a,
							.page-item-12 a,
							.page-item-17 a {
							cursor: default !important;
							}
					
		#content {
		padding: 40px;
		padding-bottom: 0px;
		}
		
			#contentVlak {
			width: 620px;
			padding-top: 10px;
			padding-right: 20px;
			padding-bottom: 20px;
			background: url(../images/verticalDotsAverage.png) repeat-y right 4px;
			float: left;
			}
			
			#contentVlak a {
			color: #f60;
			}
			
			#contentVlak a:hover {
			color: #000;
			}
			
			#contentVlak p {
			margin-bottom: 10px;
			line-height: 20px;
			font-size: 12px !important;
			color: #484848 !important;
			}
			
			#contentVlak p span {
			font-size: 12px !important;
			color: #484848 !important;
			}
			
			#contentVlak ul {
			margin-bottom: 10px;
			}
			
				#contentVlak li {	
				list-style: none;
				line-height: 15px;
				padding: 2px 0px 2px 13px;
				background: url(../images/li.png) no-repeat left 3px;
				}
				
			#sideBar {
			padding: 20px;
			margin: auto;
			width: 155px;
			float: left;
			text-align: center;
			}
			
				.onderschrift {
				font-size: 10px;
				color: #666;
				font-style: italic;
				}

#footer, #push {
	height: 40px; /* .push must be the same height as .footer */
}

#footer {
position: relative;
z-index: 2;
width: 912px;
margin: auto;

}

	#footerContent {
	width: 840px;
	margin: auto;
	margin-left: 40px;
	font-size: 11px;
	line-height: 40px;
	background: url(../images/horizontalDotsAverage.png) repeat-x left top;
	}
	
			#footerContent a {
			color: #f60;
			}
			
			#footerContent a:hover {
			color: #000;
			}

/* Standard styles --------------------------  */

q { font-style: italic; }

input, label { vertical-align: middle; }

.FloatLeft { float: left; }
.floatRight { float: right; }
.displayInline { display: inline; }

.imgLeft { margin-right: 10px; margin-bottom: 10px; }
.imgRight { margin-left: 10px; margin-bottom: 10px; }

.clearboth { clear: both; display: block; float: none; }
.hidden { display: none; }

.noPadding { padding: 0em; }
.noMargin  { margin: 0em; }

.noBorder { border: none !important; }
.noBackground { background: none; }

.topMargin20    { margin-top: 10px; }
.bottomMargin20 { margin-bottom: 20px; }
.topMargin10    { margin-top: 10px; }
.bottomMargin10 { margin-bottom: 10px; }
.rightMargin10  { margin-right: 10px; }
.rightMargin20  { margin-right: 10px; }
.leftMargin5   { margin-left: 5px; }
.leftMargin10   { margin-left: 10px; }
.leftMargin20   { margin-left: 10px; }

.textLeft { text-align: left; }
.textRight { text-align: right; }

.p100 { width: 100%; }
.p90 { width: 90%; }
.p75 { width: 75%; }
.p70 { width: 70%; }
.p66 { width: 66%; }
.p50 { width: 50%; }
.p33 { width: 33%; }
.p25 { width: 25%; }

/* jQuery styles ----------------------------- */

.jafbeeldingenbox {
position: relative;
left: 0px;
top: 0px;
}

.jafbeeldingenbox ul {
    z-index: 1;
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    width:  100%;
    height: 209px;
	list-style: none;
	background: url(../images/w540BlockBottom.png) no-repeat right bottom;
}


	.jafbeeldingenbox li {
    list-style-type: none !important;
    float: left;
    position: absolute;
    width: 916px;
    height: 209px;
	top: 0px;
	left: 0px;
	padding: 0px !important;
	}

.jafbeeldingenbox li img {
width: 100% !important;
height: 100% !important;
}
	
	.jafbeeldingenbox li.item1 {
	z-index: 40;
  	}
	.jafbeeldingenbox li.item2 {
  	z-index: 30;
 	 }
	.jafbeeldingenbox li.item3 {
  	z-index: 20;
  	}
	.jafbeeldingenbox li.item4 {
  	z-index: 10;
  	}
	.jafbeeldingenbox li.item5 {
  	z-index: 1;
  	}


    
.jcarousel-clip {
    z-index: 2;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    position: relative;
}

.jcarousel-control {
  position: absolute;
  width: auto !important;
  overflow: hidden;
  right: 10px;
  top: 10px;
  z-index: 130;
  }
  
.jcarousel-control a {
  float: left;
  height: 15px;
  width: 15px;
  margin-right: 4px;
  text-align: center;
  overflow: hidden;
  font-weight: bold;
  font-size: 11px;
  text-decoration:none;
  display: block;
  background: #ccc;
  border: 1px solid #fff;
  color: #fff;
  outline: 0px;
  line-height: 15px;
  }
  
.jcarousel-control a.active {
background: #f60;
color: #FFF !important;
}