/* -- resetten ---------------------------------------------------------------------------------------- */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,th,td,p{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font-size:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ul {margin:0 0 0 15px;padding:0;} ol {margin:0 0 0 30px;padding:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
form {display: inline;}
*:focus {outline:none;}
/* -- basic  ------------------------------------------------------------------------------------------- */
html {
	/* voor het tonen van de (non)actieve scrolbar, zodat de pagina niet verschuift */
	height: 100%;
	overflow: -moz-scrollbars-vertical;
}

body {
	background: #fff url("../images/bg.gif") repeat scroll 0 0;
	color: #6d6f71;
	font: normal 0.75em/140% Arial, Verdana, Tahoma, Trebuchet MS;
	text-align: center;
}

div.container {
	width: 854px;
	margin: 0 auto;
	border: 0;
	background-color: #fff;
	text-align: left;
	min-height: 500px;/*zie lt_ie7.css*/
}

/* -- basic link --- do change! ------------------------------------------------------------------------ */
a {color:#00ae62; text-decoration: none;}
a:visited {color:#00ae62;}
a:hover {color:#c5dc52;}
a:active {color:#c5dc52;}

a.btn {
	background: #fff url(../images/icon_btn.gif) no-repeat scroll 0 0;
	padding-left: 20px;
}

div.btn-search a, div.btn-search a:visited {
	background: transparent url(../images/icon_btn01.gif) no-repeat scroll 0 0;
	padding-left: 20px;
	color: #0e6142;
}

div.btn-search a:hover, div.btn-search a:active {color: #e2eea8;}

/* -- Text elements ----------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {color:#00af62; margin-bottom: 20px;}
h1 {font-size: 2.0em;}
h2 {font-size: 1.4em; margin-bottom: 10px;}
h2.lightgreen {font-size: 1.4em; margin-bottom: 10px; color:#e7ffbb;}
h3 {font-size: 1.1em;}
h4, h5, h6 {font-size: 1em;}

p {color: #6d6f71; margin-bottom: 20px;}

p.italic {font-style: italic; color: #6d6f71; margin: 0;}
p.bold {font-weight: bold; margin-bottom: 30px;}

/* -- form specifications ----------------------------------------------------------------------------- */
select, input, textarea {
	font: normal 100% Arial, Verdana, Tahoma, Trebuchet MS;
	color: #0e6142;
}

input.textfield, textarea.textfield {
	padding: 5px 10px 0 5px;
	background: transparent url("../images/bg_input.gif") no-repeat scroll 0 0;
	width: 97px;/*112*/
	height: 20px;/*25*/
	border: 0px;
}

select.select {
	border: solid 1px #aaa;
	padding: 2px;
}

/* -- Basic layout elements --- dont change! ---------------------------------------------------------- */
/* -- Om kolommen te maken zet je een 'wrapper' direct om gefloate elementen heen. zie voorbeeldkolommen hieronder */
div.wrapper {overflow:hidden;width:100%;}

/* -- kolommen (gebruiken voor layout) ------------------------------------------------------- */

div.main {margin: 0 0 0 0;}

div.col1-left {
	width:550px;
	float:left;
	margin-top: 37px;
}

div.col1-right {
	width:251px; 
	float:right;
}

/* -- specific elements ------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------- */
/* -- header ------------------------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */

div.header {
	height: 82px;
	width: 854px;
	margin: 0;
	padding: 0;
}

div.logo {
	float: left;
	margin: 21px 0 0 0;
	padding-left: 33px;
	width: 393px;
}

div.slogan {
	float: left;
	width: 167px;
	height: 58px;
	margin: 22px 0 0 0;
	padding-left: 43px;
}

div.language {
	width: 125px; /*145*/
	margin: 62px 0 0 0;
	padding: 0 20px 0 0;
	float: right;
}

ul.language {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 100%;
	text-align: right;
}

ul.language li {
	float: left;
	margin: 0;
	padding: 0 5px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* -- navigatie --------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

ul.nav {
	height: 42px;/*64*/
	width: 829px;/*854*/
	padding: 22px 0 0 25px;
	margin: 0;
	list-style: none;
	overflow: hidden;
}

ul.nav-subpage {
	background: transparent url(../images/bg_nav_navsubpage.gif) no-repeat scroll 0 0;
}

ul.nav-single {
	background: transparent url(../images/bg_subnav-single.gif) no-repeat scroll 0 0;
	height: 47px;/*69*/
	width: 829px;/*854*/
	padding: 22px 0 0 25px;
	margin: 0;
	list-style: none;
	overflow: hidden;
}

ul.nav li {float: left; height: 47px;}
ul.nav-single li {float: left; height: 47px;}

ul.nav li.nav-item1 a {background: transparent url(../images/m_home_false.gif) no-repeat scroll 0 0; width: 56px;}
ul.nav li.nav-item2 a {background: transparent url(../images/m_samengroeien_false.gif) no-repeat scroll 0 0; width: 125px;}
ul.nav li.nav-item3 a {background: transparent url(../images/m_demerken_false.gif) no-repeat scroll 0 0; width: 100px;}
ul.nav li.nav-item4 a {background: transparent url(../images/m_catalogus_false.gif) no-repeat scroll 0 0; width: 89px;}
ul.nav li.nav-item5 a {background: transparent url(../images/m_media_false.gif) no-repeat scroll 0 0; width: 66px;}
ul.nav li.nav-item6 a {background: transparent url(../images/m_nieuws_false.gif) no-repeat scroll 0 0; width: 72px;}
ul.nav li.nav-item7 a {background: transparent url(../images/m_overons_false.gif) no-repeat scroll 0 0; width: 86px;}
ul.nav li.nav-item8 a {background: transparent url(../images/m_contact_false.gif) no-repeat scroll 0 0; width: 69px;}
/*ul.nav li.nav-item9 a {background: transparent url(../images/m_inloggen_false.gif) no-repeat scroll 0 0; width: 80px; margin-left: 105px;}*/

ul.nav li.nav-item1 a:hover {background: transparent url(../images/m_home_true.gif) no-repeat scroll 0 0;}
ul.nav li.nav-item2 a:hover {background: transparent url(../images/m_samengroeien_true.gif) no-repeat scroll 0 0;}
ul.nav li.nav-item3 a:hover {background: transparent url(../images/m_demerken_true.gif) no-repeat scroll 0 0;}
ul.nav li.nav-item4 a:hover {background: transparent url(../images/m_catalogus_true.gif) no-repeat scroll 0 0;}
ul.nav li.nav-item5 a:hover {background: transparent url(../images/m_media_true.gif) no-repeat scroll 0 0;}
ul.nav li.nav-item6 a:hover {background: transparent url(../images/m_nieuws_true.gif) no-repeat scroll 0 0;}
ul.nav li.nav-item7 a:hover {background: transparent url(../images/m_overons_true.gif) no-repeat scroll 0 0;}
ul.nav li.nav-item8 a:hover {background: transparent url(../images/m_contact_true.gif) no-repeat scroll 0 0;}
/*ul.nav li.nav-item9 a:hover {background: transparent url(../images/m_inloggen_true.gif) no-repeat scroll 0 0;}*/

ul.nav li.nav-item1 a.true {background: transparent url(../images/m_home_true.gif) no-repeat scroll 0 0;}
ul.nav li.nav-item2 a.true {background: transparent url(../images/m_samengroeien_true.gif) no-repeat scroll 0 0;}
ul.nav li.nav-item3 a.true {background: transparent url(../images/m_demerken_true.gif) no-repeat scroll 0 0;}
ul.nav li.nav-item4 a.true {background: transparent url(../images/m_catalogus_true.gif) no-repeat scroll 0 0;}
ul.nav li.nav-item5 a.true {background: transparent url(../images/m_media_true.gif) no-repeat scroll 0 0;}
ul.nav li.nav-item6 a.true {background: transparent url(../images/m_nieuws_true.gif) no-repeat scroll 0 0;}
ul.nav li.nav-item7 a.true {background: transparent url(../images/m_overons_true.gif) no-repeat scroll 0 0;}
ul.nav li.nav-item8 a.true {background: transparent url(../images/m_contact_true.gif) no-repeat scroll 0 0;}
/*ul.nav li.nav-item9 a.true {background: transparent url(../images/m_inloggen_true.gif) no-repeat scroll 0 0;}*/

ul.nav a {
	float: left;
	margin: 0 0 0 0;
	text-decoration: none;
	height: 47px;
}

ul.subnav {
	background: transparent url(../images/bg_subnav.gif) no-repeat scroll 0 0;
	height: 37px;/*37*/
	width: 822px;/*854*/
	padding: 0 0 0 32px;
	margin: 0;
	list-style: none;
	overflow: hidden;
}

ul.home {
	background: transparent url(../images/bg_subnav_home.gif) no-repeat scroll 0 0;
}

ul.subnav li {float: left; height: 37px; margin-right: 20px;}

ul.subnav li.subnav-item1 a {background: transparent url(../images/sm_item1_false.gif) no-repeat scroll 0 0; width: 30px;}
ul.subnav li.subnav-item2 a {background: transparent url(../images/sm_item2_false.gif) no-repeat scroll 0 0; width: 31px;}
ul.subnav li.subnav-item3 a {background: transparent url(../images/sm_item3_false.gif) no-repeat scroll 0 0; width: 32px;}
ul.subnav li.subnav-item4 a {background: transparent url(../images/sm_item4_false.gif) no-repeat scroll 0 0; width: 32px;}
ul.subnav li.subnav-item5 a {background: transparent url(../images/sm_item5_false.gif) no-repeat scroll 0 0; width: 32px;}
ul.subnav li.subnav-item6 a {background: transparent url(../images/sm_item6_false.gif) no-repeat scroll 0 0; width: 32px;}
ul.subnav li.subnav-item7 a {background: transparent url(../images/sm_item7_false.gif) no-repeat scroll 0 0; width: 31px;}
ul.subnav li.subnav-item8 a {background: transparent url(../images/sm_item8_false.gif) no-repeat scroll 0 0; width: 32px;}
ul.subnav li.subnav-item9 a {background: transparent url(../images/sm_item9_false.gif) no-repeat scroll 0 0; width: 32px;}

ul.subnav li.subnav-item1 a:hover {background: transparent url(../images/sm_item1_true.gif) no-repeat scroll 0 0; width: 30px;}
ul.subnav li.subnav-item2 a:hover {background: transparent url(../images/sm_item2_true.gif) no-repeat scroll 0 0; width: 31px;}
ul.subnav li.subnav-item3 a:hover {background: transparent url(../images/sm_item3_true.gif) no-repeat scroll 0 0; width: 32px;}
ul.subnav li.subnav-item4 a:hover {background: transparent url(../images/sm_item4_true.gif) no-repeat scroll 0 0; width: 32px;}
ul.subnav li.subnav-item5 a:hover {background: transparent url(../images/sm_item5_true.gif) no-repeat scroll 0 0; width: 32px;}
ul.subnav li.subnav-item6 a:hover {background: transparent url(../images/sm_item6_true.gif) no-repeat scroll 0 0; width: 32px;}
ul.subnav li.subnav-item7 a:hover {background: transparent url(../images/sm_item7_true.gif) no-repeat scroll 0 0; width: 31px;}
ul.subnav li.subnav-item8 a:hover {background: transparent url(../images/sm_item8_true.gif) no-repeat scroll 0 0; width: 32px;}
ul.subnav li.subnav-item9 a:hover {background: transparent url(../images/sm_item9_true.gif) no-repeat scroll 0 0; width: 32px;}

ul.subnav li.subnav-item1 a.true {background: transparent url(../images/sm_item1_true.gif) no-repeat scroll 0 0;}

ul.subnav a {
	float: left;
	margin: 0 0 0 0;
	text-decoration: none;
	height: 37px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* -- content ----------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

div.content {
	background: #fff url(../images/bg_content.gif) no-repeat scroll 0 0;
	height: 100%;
	padding: 0 0 0 31px;
	margin: 0;
}

div.right {
	float:right;
	margin-left: 20px;
}

div.image {padding-top: 67px;}

/* ---------------------------------------------------------------------------------------------------- */
/* -- nieuwsberichten --------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

div.news-item {
	width: 566px;
	margin-bottom: 15px;
}

div.news-item-left {
	float: left;
	height: 136px;
	width: 114px;
}

div.news-item-right {
	float: right;
	width: 415px;
	margin-right: 10px;
	border-bottom: #ccc 1px solid;
}

div.last {border-bottom: 0px;}
div.news-item-title {float: left;}
div.news-item-date {float: right;}

div.links {
	background: transparent url(../images/bg_box_links.gif) no-repeat scroll 0 0;
	width: 213px;/*233*/
	height: 272px;/*319*/
	margin-top: 17px;
	padding: 47px 0 0 20px;
}

ul.links {
	margin: 0;
	list-style: none;
}

ul.links li {
	background: transparent url(../images/arrow.gif) no-repeat scroll 0 5px;
	padding-left: 15px;
}

ul.links li a, ul.links li a:visited {color: #0e6142;}
ul.links li a:hover, ul.links li a:active {color: #e7ffbb;}

div.input {float: left; margin-top: 28px;}
div.btn-search {
	float: left;
	padding: 5px;
	margin-top: 28px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* -- footer ------------------------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */

ul.footer-home {
	margin: 0;
	padding-left: 350px;
	list-style: none;
	background-color: #fff;
	overflow: hidden;
}

ul.footer-home li {
	float: left;
	border-right: #ccc 1px solid;
	margin: 0;
	padding: 0 10px;
}

ul.footer-home li.last {
	border-right: 0px;
	margin: 0;
	padding: 0 0 0 10px;
}

ul.footer-home a, ul.footer-home a:visited {
	float: left;
	color: #a8a9aa;
	font-size: 0.9em;
	text-decoration: none;
	height: 16px;
}

ul.footer-home a:hover, ul.footer-home a:active {color: #6d6f72;}

ul.footer-sub {
	margin: 0;
	background: transparent url(../images/bg_footer_sub.gif) no-repeat scroll 0 0; 
	width: 554px;/*854*/
	padding-left: 350px;
	height: 68px;
	list-style: none;
	overflow: hidden;
}

ul.footer-sub li {
	float: left;
	border-right: #fff 1px solid;
	margin: 15px 0 0 0;
	padding: 0 10px;
}

ul.footer-sub li.last {
	border-right: 0px;
	margin: 15px 0 0 0;
	padding: 0 0 0 10px;
}

ul.footer-sub a, ul.footer-sub a:visited {
	float: left;
	color: #fff;
	font-size: 0.9em;
	text-decoration: none;
	height: 16px;
}

ul.footer-sub a:hover, ul.footer-sub a:active {color: #6d6f72;}


/* ---------------------------------------------------------------------------------------------------- */
/* -- Aanpassingen   27 november ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

input.textfield-header, textarea.textfield-header {
	padding: 5px 10px 0 8px;
	background: transparent url("../images/bg_input_header.gif") no-repeat scroll 0 0;
	width: 104px;/*112*/
	height: 20px;/*25*/
	border: 0px;
}

div.input-header {float: left; margin-top: 55px;}
div.btn-search-header {
	float: left;
	padding: 5px;
	margin-top: 55px;
}

div.btn-search-header a, div.btn-search-header a:visited {
	background: transparent url(../images/icon_btn01.gif) no-repeat scroll 0 0;
	padding-left: 20px;
	color: #0e6142;
}

div.btn-search-header a:hover, div.btn-search-header a:active {color: #8BD360;}

div.search {
	float: right;
}


ul.subnav li {
	padding:10px 0 0 0;
	color: #fff;
}

ul.subnav li a, ul.subnav li a:visited {
	color: #fff;
}

ul.subnav li a:hover, ul.subnav li a:active {
	color: #6ea048;
}

ul.subnav li.true a, ul.subnav li.true a:visited {color:#11975C;}


/* ---------------------------------------------------------------------------------------------------- */
/* -- Aanpassingen   12 augustus 2009 ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

input.formtextfield {
	padding: 5px 10px 0 5px;
	background: transparent url("../images/bg_inputform.gif") no-repeat scroll 0 0;
	width: 300px;
	height: 20px;
	border: 0px;
}

textarea.formtextfield {
	padding: 5px 10px 0 5px;
	background: transparent url("../images/bg_textarea.gif") no-repeat scroll 0 0;
	width: 300px;
	height: 100px;
	border: 0px;
}


div.searchresult-item {
	width: 566px;
	margin-bottom: 15px;
	border-bottom: #ccc 1px solid;
}

a.pdf {
	background: #fff url(/images/icon_pdf.jpg) no-repeat scroll 0 0;
	padding-left: 20px;
}

a.sum {
	background: #fff url(/images/icoontje14x14.jpg) no-repeat scroll 0 0;
	padding-left: 20px;
}

ul li.sum {
	background: url(/images/icoontje14x14.jpg) no-repeat 2px left;
	padding-left: 20px;
	margin-left: -15px;
	color: #6d6f71;
	vertical-alignment: top;
}

.search-input
{
	border: none;
	background: transparent url(../images/icon_btn01.gif) no-repeat scroll 0 2px;
	padding-left: 15px;
	color: #0e6142;
	cursor: hand;
}