/* CSS Document */
body {
	text-align: center;
	background: #b52126 url("../images/bg_body.jpg") repeat-x;
	margin: 0 0 24px 0;
	}

a img {
	border: 0;
	}

#website {
	width: 960px;
	margin: auto;
	text-align: left;
	}

#header {
	width: 960px;
	height: 182px;
	background: url("../images/header.jpg") no-repeat;
	}

#hoofdmenu ul {
	list-style-type: none;
	margin: 6px 0 12px 0;
	padding: 0;
	}

#hoofdmenu ul li {
	display: inline;
	margin-right: 12px;
	}

#hoofdmenu ul li a:LINK, #hoofdmenu ul li a:VISITED, #hoofdmenu ul li a:HOVER, #hoofdmenu ul li a:ACTIVE {
	color: #FFFFFF;
	text-decoration: none;
	}

#contentblock {
	background-color: #FFFFFF;
	min-height: 500px;
	padding: 20px 45px 20px 45px;
	}

*html #contentblock {
	height: 500px;
	}

#footer ul {
	list-style-type: none;
	margin: 12px 0 0 0;
	padding: 0;
	text-align: center;
	}

#footer ul li {
	display: inline;
	margin-right: 20px;
	color: #FFFFFF;
	font-size: 85%;
	}

#footer ul li a:LINK, #footer ul li a:VISITED, #footer ul li a:HOVER, #footer ul li a:ACTIVE {
	color: #FFFFFF;
	}

#submenu {
	width: 200px;
	float: left;
	}

#content {
	width: 640px;
	float: right;
	margin: 24px 0 0 0;
	}

#submenu {
	margin: 60px 0 0 0;
	}

#submenu select {
	font-size: 85%;
	}

#submenu ul {
	list-style-type: none;
	margin: 0 0 24px 12px;
	padding: 0;
	font-size: 85%;
	}

#submenu ul li {
	margin: 6px 0 6px 0;
	}

#submenu ul li a:LINK, #submenu ul li a:VISITED {
	color: #2c2c2c;
	text-decoration: none;
	}

#submenu ul li a:HOVER, #submenu ul li a:ACTIVE {
	color: #b52126;
	text-decoration: none;
	}

ul.paginanavigatie {
	list-style-type: none;
	margin: 16px 0 0 0;
	padding: 0;
	text-align: right;
	font-size: 85%;
	}

ul.paginanavigatie li {
	display: inline;
	margin-left: 20px;
	}

ul.paginanavigatie li a:LINK, ul.paginanavigatie li a:VISITED {
	color: #929191;
	text-decoration: none;
	}

ul.paginanavigatie li a:HOVER, ul.paginanavigatie li a:ACTIVE {
	color: #b52126;
	text-decoration: none;
	}

ul.paginanavigatie li a.actief {
	color: #b52126;
	font-weight: bold;
	}

.show {
	display: block;
	}

.hide {
	display: none;
	}

#indekijker {
	background: url("../images/bg_home.jpg") no-repeat;
	width: 870px;
	height: 440px;
	padding-top: 12px;
	padding-left: 10px;
	}

#rubrieken {
	margin-left: auto;
	margin-right: auto;
	width: 870px;
	margin-bottom: 12px;
	}

.rubriek_1 {
	width: 103px;
	height: 175px;
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
	text-align: center;
	}

.rubriek_1 img, .rubriek_2 img {
	margin: 6px 3px 3px 3px;
	}

.rubriek_2 {
	width: 103px;
	height: 175px;
	float: left;
	margin-right: 12px;
	margin-top: 25px;
	text-align: center;
	}


.rubriek_1 p, .rubriek_2 p {
	margin: 3px 0 0 0;
	}

.rubriek_1 a:LINK, .rubriek_1 a:VISITED, .rubriek_1 a:HOVER, .rubriek_1 a:ACTIVE,
.rubriek_2 a:LINK, .rubriek_2 a:VISITED, .rubriek_2 a:HOVER, .rubriek_2 a:ACTIVE
	{
	color: #222222;
	text-decoration: none;
	font-weight: bold;
	font-size: 85%;
	}


#rubriekdetailfotos {
	width: 320px;
	float: left;
	}

#rubriekdetailtekst {
	width: 550px;
	float: right;
	}

#rubriekdetailfoto_1,
#rubriekdetailfoto_2,
#rubriekdetailfoto_3,
#rubriekdetailfoto_4,
#rubriekdetailfoto_5,
#rubriekdetailfoto_6,
#rubriekdetailfoto_7,
#rubriekdetailfoto_8,
#rubriekdetailfoto_9
	{
	float: left;
	}

#rubriekdetailfoto_1 img,
#rubriekdetailfoto_3 img,
#rubriekdetailfoto_7 img,
#rubriekdetailfoto_9 img
	{
	border: 5px solid #FFFFFF;
	}

#rubriekdetailfoto_4 img,
#rubriekdetailfoto_6 img
	{
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
	}

#rubriekdetailfoto_2 img,
#rubriekdetailfoto_8 img
	{
	border-top: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
	}

ul#submenurubriek {
	margin: 0 0 12px 0;
	padding: 0;
	list-style-type: none;
	font-weight: bold;
	}

ul#submenurubriek li {
	padding: 0 12px 0 0;
	display: inline;
	}

ul#submenurubriek a.ActieveNavigatielink {
	font-weight: bold;
	color: #b52126;
	text-decoration: underline;
	}





.stepcarousel {
	position: relative; /*leave this value alone*/
	border: 0;
	overflow: scroll; /*leave this value alone*/
	width: 500px; /*Width of Carousel Viewer itself*/
	height: 500px; /*Height should enough to fit largest content's height*/
	text-align: center;
	margin-left: 40px;
	}

.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	}

.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px; /*margin around each panel*/
	width: 500px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}

#footer ul li.left {
	margin-left: 0;
	margin-right: 130px;
	}

#footer ul li.right {
	margin-right: 0;
	margin-left: 130px;
	}

#extra, #extra h2, #extra h3, #extra h4, #extra a:LINK, #extra a:VISITED, #extra a:HOVER, #extra a:ACTIVE {
	color: #FFFFFF;
	}









/* CLEARFIX */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */