@charset "utf-8";

/****PAGE BASISOPMAAK***********************************************************/   
* {	margin:0; padding:0}

body{ color: #333333; background: #F3EEEA url(bg_patroon.png) repeat-x top left; font-size: 12px; font-family: Arial, Helvetica, sans-serif;  line-height:15px;}
p {color: #333333; font-size: 12px; font-family: Arial, Helvetica, sans-serif;  line-height:15px;}
img { border: 0; -ms-interpolation-mode: bicubic } /* Makes resized images in IE look better */
big { font-size: 130% }
small, sup, sub { font-size: 80% }

#close { width: 100%; display: block; clear: both; font-size: 0; line-height: 0;}

#mainWrapper { width: 974px; margin: 0 auto; }

/* ------------------------------------------------ */
/* H E A D E R
/* ------------------------------------------------ */
.printlogo { display: none;}
#headerWrapper { width: 974px; height: 404px;}
#topMenu { width: 974px; height: 69px;}
#topMenu #menu { float: right; height: 30px; display: block; clear: right; text-align: right; padding-right: 35px;}
#topMenu #menu a { color: #5F5F4B; text-transform: uppercase; padding-left: 20px; font-size: 0.9em; text-decoration: none; line-height: 30px;}
#logo { float: left; margin-left:7px}
#taalkeuze {float: right; display: block; clear: right; height: 25px; color: #fff; background-color:#807B00; margin-right:10px; padding:5px 10px 0px 10px; margin-bottom:10px }
#taalkeuze a.groepkeuze, a.taalkeuze { text-transform: uppercase; color: #fff; font-size: 0.9em; text-decoration:none}
#taalkeuze a.groepkeuzeHL, a.groepkeuze:hover { color:#FFF; font-weight:bold; text-decoration:none }

#header { width: 974px; height: 287px; line-height: 0; font-size: 0;}
#bottomMenu { width: 960px; height: 48px; background: url(bg_bottomMenu.jpg) no-repeat top center; padding-left: 14px; line-height: 0;}

/* ------------------------------------------------ */
/* C O N T E N T W R A P P E R
/* ------------------------------------------------ */
#contentWrapper { width: 974px; margin-top: 20px; }

/* ------------------------------------------------ */
/* H O M E 
/* ------------------------------------------------ */
.home #contentWrapper { padding: 0 10px; width: 954px;}

.home #banners { float: left; width:684px; height: 260px;}
.home .banner { width: 178px; height: 220px; display: block; float: left; padding: 40px 25px 0 25px; color: #FFF; text-decoration: none; }
.home a#bannerOSB2 { background: url(home_OSB2.jpg) no-repeat top left; }
.home a#bannerOSB2:hover { background: url(home_OSB2_f2.jpg) no-repeat top left; }
.home a#bannerOSB3 { background: url(home_OSB3.jpg) no-repeat top left; }
.home a#bannerOSB3:hover { background: url(home_OSB3_f2.jpg) no-repeat top left; }
.home a#bannerOSB4 { background: url(home_OSB4.jpg) no-repeat top left; }
.home a#bannerOSB4:hover { background: url(home_OSB4_f2.jpg) no-repeat top left; }

.home #page { float: left; width: 260px; padding-right: 10px; }
.home #bottom { width: 954px; display: block; clear: both; padding-top: 25px; padding-bottom: 15px;  }
.home #indekijker { width: 437px; float: left; padding: 0 40px 0 0; }
.home #nieuws { width: 406px; float: right; padding: 0 30px 0 40px; border-left: 1px dotted #5F604B;}
.home h1, .home #nieuws strong { font-size: 16px; display: block; color: #807B00; padding-bottom: 10px; font-weight: bold; line-height: 22px;}
.home #home_allnews a { padding-top: 10px; display: block; text-align: left;}
.home .fototekst {padding: 0 0 5px 0} 

/* ------------------------------------------------ */
/* S I D E B A R
/* ------------------------------------------------ */
#product img { margin-bottom: 3px}
#product .adminknoppen { display: none;}
#product a { padding: 0 }
#product br { display: none;}
#subBox #categorie { color: #BED230; padding-bottom: 5px;}
#subBox hr { border: 1px dotted #CCC; margin: 8px 0;}

#sidebar { float: left; width: 213px; padding-left: 7px;}
#sidebar #box {width: 211px; border: 1px solid #DBD7D3; margin-bottom: 5px;}
#sidebar #subBox {width: 183px; border: 4px solid #FFF; background-color: #5F604B; padding: 7px 10px;}
a.subMenu2, a.subMenu3, #sidebar a { color: #FFF; display: block; text-decoration: none; padding-top: 2px; padding-bottom: 2px; }
a.subMenu2HL, a.subMenu2:hover, a.subMenu3HL, a.subMenu3:hover, a.subMenu4HL, a.subMenu4:hover, #sidebar a:hover { color: #BED230 !important; text-decoration: none;}
a.subMenu3, a.subMenu3HL, a.subMenu3:hover { padding-left: 10px;}
a.subMenu3HL, a.subMenu2HL { background-color: #6E6E5B}
a.subMenu4, a.subMenu4HL, a.subMenu4:hover { padding-left: 20px; font-size:11px}
a.subMenu4HL { background-color: #6E6E5B}

/* ------------------------------------------------ */
/* C O N T E N T
/* ------------------------------------------------ */
#content { float: right; width: 684px; padding: 0 30px 0 40px;}

#footer { width: 974px; display: block; clear: both; padding: 16px 0 20px 0; background: url(footer.jpg) no-repeat top center; text-align: center;}

#footer a:hover { text-decoration:none }

/* SITEMAP */
#content #sitemap a { color: #7F7900; padding: 0 0 0 15px; text-decoration:none; }
#content #sitemap a:hover { color: #7F7900; font-weight:bold; padding: 0 0 0 15px }
	
#content #sitemap .level1 { font-size:12px; line-height:19px }
#content #sitemap .level2 { margin: 0 0 0 30px }
#content #sitemap .level3 { margin: 0 0 0 60px }
#content #sitemap .level4 { margin: 0 0 0 90px }

/* ------------------------------------------------ */
/* A L G E M E N E     T A G S
/* ------------------------------------------------ */
h1, h2, h3, h4 { color: #807B00; font-weight: normal;}
h1 { font-size: 18px; /*padding-bottom: 5px; padding-top: 5px;*/ line-height: 20px; }
h2 { font-size: 14px; font-weight: bold; /*padding-bottom: 15px;*/ line-height: 20px; padding-bottom: 20px; }
h3 { font-size: 13px; font-weight: bold; /*padding-bottom: 25px;padding-top: 5px;*/ line-height: 20px; padding-top: 10px;}
h4 { font-size: 13px; text-transform: uppercase; color: #FFF; line-height: 19px;}

a { color: #7F7900; }

li {list-style-position:outside; list-style-image: url(listItem.gif); margin-left: 20px; padding-bottom: 5px;}

/* ------------------------------------------------ */
/* M O D U L E S
/* ------------------------------------------------ */
.fototekst { display: block; clear: both; padding: 10px 0px 10px 0;} 
.BeeldRechts { float: right; margin: 0 0 10px 15px; border: 4px solid #FFF;}
.BeeldLinks { float: left; margin: 0 15px 10px 0; border: 4px solid #FFF;}
.BeeldGroot { margin: 10px 0;}
.BeeldGrootRechts { float: right; border: none; }
.BeeldGrootLinks { float: left; border: none; }

table.portal {margin:10px 0 10px 0; width:100%;}
table.portal .kolom1 {padding: 0 20px 0 0; vertical-align:top; width:40%;}
table.portal .kolom2 {padding: 0 0 0 20px; vertical-align:top; width:40%;}

.url, 
.home #nieuws a.newslink,
.home #indekijker a.nieuwsitem { background: url(link_pijl.jpg) no-repeat top left; display: block; clear: both; line-height: 26px; padding-left: 30px; margin-top: 5px; text-align:left}
a.url:hover,
.home #nieuws a.newslink:hover,
.home #indekijker a.nieuwsitem:hover { background: url(link_pijl_f2.jpg) no-repeat top left; text-decoration: none;}

#pdflink { margin-top: 5px; }
#pdflink .Ikoonlinks { }
#pdflink .pdfopmerking { position: relative; top: -10px; margin-right: 10px; padding-left: 5px; }
#pdflink .box { position: relative; top: -10px;}
#pdflink #memo { padding-left: 27px; font-style: italic;}
#pdflink .url { display:inline; background: none; padding-left: 0;}

#page_news_year_navigation { text-align: right; font-weight: bold;}
#page_news_item { /*width: 312px; float: left;*/ display: block; /*border-left: 1px dotted #5F604B;*/ padding: 10px 30px 10px 0;}
#page_news_item h2 { padding-bottom: 10px;}
.page_news_image { float: left; border: 4px solid #FFF;}
#page_news_navigation { display: block; clear: both; text-align: right; font-weight: bold;}
/*************************************************************
  F O R M U L I E R
*************************************************************/
#formES { margin: 10px 0;}
input,textarea, select { border: 1px solid #DBD7D3; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px 2px; color: #666; margin: 2px 0;}
.checkbox, .radio { border: none; margin-right: 5px;}
.form {
	margin-bottom: 5px;
	margin-left: 0;
	padding: 2px;
	line-height: 190%;
}
.content{
	margin: 0 0 0 105px;
}
.content2{
	margin:0;
	float:left;
}
.label{
	margin: 0 5px 0 0;
	padding: 0;
	width: 100px;
	text-align:right;
	display: block;
	float:left;
	clear:left;
	line-height: 190%;
}
input.knop {
	background-color: #5F604B;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	border: none;
	margin: 5px 0 0 0;
	padding: 2px;
	border: 3px solid #FFF;
}