/* CSS Document */
body {
	text-align:center;
	background-color: #666666;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	margin: 0px;
}
.container {
	width: 909px;
	margin: 0px auto;
	background-color: #121212;
}
.header {
	float: left;
	width: 909px;
	text-align: left;
	border-bottom: dotted #333333 3px;
	background-color: #121212;
}
.toolbar {
	float: left;
	width: 909px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	border-bottom: dotted #7f7f7f 2px;
	color: #eaeaea;
	background-color: #121212;
}
.toolbar ul, .footer ul { 
	padding: 0px;
	margin: 0px;
}
.toolbar ul li { 
	float: left; 
	display: block; 
	position: relative; 
}
.footer ul li { 
	float: left;
	width: 180px;
	display: block; 
	position: relative; 
}
.footer ul li a {
	font-size: 12px;
	border-top: 1px transparent;
	color: #ffffff;
	background:transparent url(nav_pipe.gif) no-repeat scroll 0% 49%;
	color: #ffffff;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	text-decoration: none;
}
.toolbar ul li a{
	font-size: 12px;
	border-top: 1px transparent;
	color: #ffffff;
	background:transparent url(nav_pipe.gif) no-repeat scroll 100% 49%;
	color: #ffffff;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	text-decoration: none;
}
.toolbar ul li a.selected, .footer ul li a.selected { 
	color: #CC0000;
}
.toolbar ul li a:hover, .footer ul li a:hover 	{ 
	color: #CC0000;
}

.content {
	float: left;
	width: 909px;
	background-color: #121212;
	padding-top: 5px;
	margin-bottom: 1px;
	border-top: dotted #333333 2px;
	border-bottom: dotted #7f7f7f 2px;
}

.content .thumb{
	float:left;
	margin-left: 5px;
	margin-top: 5px;
	width: 175px;
	height: 135px;
	position:relative;
	text-align: left;
	}
.content .thumb img{
	width: 167px; /*-6*/
	height: 127px; /*-10*/
	margin-top: 3px;
	padding: 3px;
	border: 1px solid #999999;
}
.content .thumb h6{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	background-color:#000000;
	margin: 0px;
	padding: 0px;
	padding-left: 3px;
}
.content .thumb a img{
	z-index:1;
	border: 1px solid #999999;
}

.content .thumb a:hover img{
	border: 1px dashed #CC0000;
	background-color: #2E2E2E;
}
.content .thumb span{
	bottom: 1px;
	display:block;
	filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;
	margin-bottom: 0px;
	margin-left: 4px;
	left:0;
	width: 50px; /*-8*/
	height: 14px;
	overflow: hidden;
	z-index:2;
	position:absolute;
}

.footer {
	margin-top: 2px;
	padding-top: 5px;
	float: left;
	width: 909px;
	text-align: left;
	border-top: dotted #333333 2px;
	background-color: #121212;
}

/* LIST */
.kolom1 {
	float: left;
	width: 725px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
}
.kolom3 {
	float: left;
	width: 142px;
	margin-left: 5px;
	margin-top: 7px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	border: 1px solid #999999; 
}
.arrowlistmenu{
	width: 142px;
	text-align: left;
	padding-top: 4px;
	margin-bottom: 4px;
	border-bottom: 1px solid #999999; 
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	margin: 0px;
	font: bold 14px Arial;
	color: #CC0000;
	background: #121212;
	text-transform: uppercase;
	padding-left: 4px;
	cursor: hand;
	cursor: pointer;
	border-top: 1px solid #999999; 
	border-left: 1px solid #999999; 
	border-right: 1px solid #999999; 
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
/*background-image: url(titlebar-active.png); */
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-left: 1px solid #999999; 
	border-right: 1px solid #999999; 
}

.arrowlistmenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding: 3px;
	padding-left: 10px; 
	text-decoration: none;
	border-bottom: 1px solid #999999;
	text-transform: capitalize;
}

.arrowlistmenu ul li a:visited{
	color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #000000;
	background-color: #999999;
}

/* EINDE LIST */

/* navigatie */
.content .topnavigatie {
	float: left;
	width: 721px;
	padding-left: 2px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 2px;
}

.content .topnavigatie .navleft {
	float: left;
	width: 290px;
	height: 14px;
	padding-top: 3px;
	padding-left: 3px;
	padding-bottom: 1px;
	text-align: left;
}
.content .topnavigatie .navright {
	float: right;
	width: 290px;
	height: 14px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 1px;
	text-align: right;
}
.content .topnavigatie .navright a {

	padding-left: 36px;
	padding-right: 29px;
	border: 1px solid #999999;
	color: #FFFFFF;
	text-decoration: none;
}
.content .topnavigatie .navleft a {

	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #999999;
	color: #FFFFFF;
	text-decoration: none;
}
.content .topnavigatie .navright a:hover, .content .topnavigatie .navleft a:hover {

	color: #CC0000;
	border: 1px solid #CC0000; 
}
.content .navigatie {
	float: left;
	width: 721px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	font-size: 12px;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 3px;
}
.content .navigatie .nummeractief {
	float: left;
	margin-right: 3px;
	margin-bottom: 1px;
	color: #CC0000;
}
.content .navigatie a {
	float: left;
	margin-right: 3px;
	margin-bottom: 1px;
	color: #CCCCCC;
}
.content .navigatie a:link,
.content .navigatie a:active,
.content .navigatie a:visited {
	text-decoration: none;
}
.content .navigatie a:hover{
	color: #CC0000;
	text-decoration: none;
}
/* einde navigatie */