body 
{
	background: #686d64;
	margin: 10px 0 0 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #7f7f7f;	
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
}

#siteWrapper
{
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #f5feeb;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #b5b5b5;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

	#siteContent
	{
		padding: 15px 15px 0 15px;
	}
	
		#leftPane
		{
			float: left;
			width: 193px;
		}
	
			#menu
			{
				width: 153px;
				height: 160px;
				padding: 20px;
				background: url(../images/menuBg.gif) no-repeat top left;
			}		
			
				#menu table
				{
					width: 100%;
				}
				
				#menu td
				{
					padding:  8px 10px 8px 10px;
				}
				
				#menu td.separator
				{
					padding: 0;
					background-color: #c7c7c7;
					height: 1px;
				}
				
				#menu td a
				{
					display: block;
					height:9px;
					color: #0f4d2a;
					text-transform: uppercase;
					text-decoration: none;
					letter-spacing: 1px;
				}
				#menu td a span
				{
					display: none;
				}
				
				#menuHome
				{
					background:url(../images/menuHome.gif) no-repeat top left;
					width: 38px;
				}
				
				
				#menuNieuws
				{
					background:url(../images/menuNieuws.gif) no-repeat top left;
					width: 54px;
				}
				
				#menuBestellen
				{
					background:url(../images/menuBestellen.gif) no-repeat top left;
					width: 76px;
				}
				
				#menuBedrijf
				{
					background:url(../images/menuBedrijf.gif) no-repeat top left;
					width: 58px;
				}
				
				#menuContact
				{
					background:url(../images/menuContactRoute.gif) no-repeat top left;
					width: 115px;
				}
				
				#menuLinks
				{
					background:url(../images/menuLinks.gif) no-repeat top left;
					width: 42px;
				}
				
				.over
				{
					filter: alpha(opacity=40);
					-moz-opacity: 0.40;
					opacity:0.4; 
					-khtml-opacity:0.4;
				}
				
				.out
				{
					filter: alpha(opacity=100);
					-moz-opacity: 1;
					opacity:1; 
					-khtml-opacity:1;
				
				}
				
			#slideshow
			{
				margin-top: 10px;
			}
		
		#content
		{
			float: left;
			width: 470px;
			margin-left: 30px;
		}
		
		#banner
		{
			float:left;
			width: 195px;
			margin-left: 30px;
		}
		
	#footer
	{
		background-color:#e6f7d7;
		height: 25px;
		padding: 13px 25px 0 25px;
		border-top: solid 1px #cccccc;
		margin-top: 25px;
	}


.clear
{
	clear: both;
}

h1
{
	margin: 3px 0 8px 0;
	padding-bottom: 3px;
	color: #4b88a1;
	border-bottom: solid 1px #d2d2d2;
	font-size: 13px;
	text-transform: uppercase;
}

a
{
	color: #72a743;
}

a:hover
{
	color: #4B88A1;
}

.newsItem
{
	background-color: #e3ebef;
	margin-bottom: 10px;
	padding: 6px;
}

p
{
	 margin: 5px 0 5px 0;
}

input, textarea
{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.orderTable td
{
	padding-top: 5px;
}

.order
{
	background-color: #e3ebef;
	border: dashed 1px #c5c5c5;
	padding: 6px;
	margin-top: 10px;
}

.orderTableHeader
{
	font-weight: bold;
	padding: 5px 0 2px 0;
}

.contentPic
{
	border: solid 1px #c5c5c5;
}

#categories a.title
{
	font-weight:bold;
	text-decoration:none;
	color: #7f7f7f;
	background: url(../images/iconPlus.gif) no-repeat 5px 6px;
	padding:  3px 0 3px 22px;
	border-top: solid 1px #e0e0e0;
	display: block;
}

div.category
{
	background: url(../images/ChapterNumberBg.jpg) no-repeat right 3px;
}

div.selected
{
	background: #e3ebef url(../images/ChapterNumberBgSelected.jpg) no-repeat right 3px;
}

div.category div
{
	padding: 0 15px 10px 25px;
}

#categories a.selected
{
	background-image: url(../images/iconMin.gif);
}

#categories a:hover
{
	color: #56afdb;
}

#categories .chapterNumber
{
	display: block;
	float: right;
	margin-right: 4px;
	width: 15px;
	text-align: center;
	font-size: 9px;
	color: #909090;
	font-weight: normal;
	letter-spacing: -1px;
}

.subCategories
{ 
	text-align: left;
}

.downloadLink
{
	text-align: right;
}

.downloadLink a
{
	background: url(../images/iconPDF.gif) no-repeat left top;
	padding-left: 20px;
	padding-bottom: 3px;
}

.clear
{
	clear: both;
}