/* CSS Document */

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	background: #333333;
	margin: 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: #ffffff;
}
.oneColFixCtr #container {
	width: 952px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 594px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
	width:952px;
	height:450px;
	padding: 0 px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0 px;
	background: #767676;
}
#header {
	width:952px;
	height:109px;
	position:relative;
	margin:0px;
	padding:0px;
	background: #767676;
}

#footer {
	width:952px;
	height:36px;
	position:relative;
	margin:0px;
	padding:0px;
	color: #FFFFFF;
	background: #767676;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#footer a {
	color: #FFFFFF;
}
.oneColFixCtr #container #mainContent h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 28px;
}
 /* Navigatie 2 nivo's */
 /* Navigatie 2 nivo's */

.menu-item-active a{
	background: #767676;
	height: 20px;
	border-left: 1px solid #767676;
	border-bottom: 1px solid #767676;
	border-right: none;
	padding: 2px 10px 2px 10px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	text-align: center;
	font: bold 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}


#navcontainer
{
	margin: 0;
	padding: 0;
	height: 50px;
	border-bottom: 1px solid #555552;
	width: 952px;
	background: url('../img/shapes/bg-menu.gif') repeat-x;
}

#navlist, #subnavlist
{
	border: 0;
	border-top: 1px solid #919191;
	margin: 0;
	margin-left: 35px;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#subnavlist {
    border-top: 0;
}

#navlist li, #subnavlist li
{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#navlist li.menu-item a
{
	background: #555552;
	height: 20px;
	border-left: 1px solid #767676;
	border-bottom: 1px solid #767676;
	border-right: none;
	padding: 2px 10px 2px 10px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	text-align: center;
	font: bold 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navlist li.menu-item a:hover
{
	color: #FFFFFF;
	background: #767676;
}

#navlist a:active
{
	background: #767676;
	color: #fff;
}

#navlist li#active a
{
	background: #c60;
	border: 1px solid #c60;
	color: #fff;
}

/*Second and subsequent levels*/
#subnavlist
{
	border: 0;
	margin: 0 0 0 35px;
	padding: 0;
	list-style-type: none;
	text-align: center;
	background-color: #767676;
}

#subnavlist li 	
{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}
#subnavlist a
{
	background: #767676;
	height: 20px;
	border-left: 1px solid #555552;
	border-bottom: 1px solid #555552;
	border-right: none;
	padding: 2px 10px 2px 10px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	text-align: center;
	font: bold 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#subnavlist a:hover,
#subnavlist a:focus
{
	background: #767676;
	color: #fff;
}

/*current Link*/
#subnavlist a#subcurrent,
#subnavlist a#subcurrent:link,
#subnavlist a#subcurrent:visited { font-weight: bold; }

.image_padding_right {
	padding-right: 10px;
}

.image_padding_left {
	padding-left: 10px;
}