/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{
	margin-bottom: 10px;
}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}


/* uit fontend.css
===================================*/

.imgDIVinTextLeft {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0;
}
.imgDIVinTextRight {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 0;
} 
.imgDIVtopLeft { 
	margin:8px 10px 5px 20px; 
	padding:0px; 
	border:0; 
} 
.imgDIVtopCenter { 
	margin:8px -50% 5px -50%; 
	padding:0px; 
	border:0; 
}

.imgDIVblockImgLeft { 
	margin-right: 10px;
}
.imgDIVblockImgRight {
	margin-left: 10px; 
} 

.phpwcmsImgListRight {
	text-align: right;
	margin: 0;
	padding: 0;
}
.phpwcmsImgListLeft {
	text-align: right;
	margin: 0;
	padding: 0;
}


.phpwcmsSearchResult {
	margin: 15px 0 15px 0;
}
.phpwcmsSearchResult h3 {
	margin: 10px 0 1px 0;
	font-size: 12px;
	font-weight: bold;
}
.phpwcmsSearchResult p {
	margin: 0;
}
.phpwcmsSearchResult em.highlight, em.highlight {
	background-color: #FFFF00;
	font-style:inherit;
}

.phpwcmsArticleListEntry {
	clear: both;
	padding: 10px 0 0 0;
}
.phpwcmsArticleListImage {
	float: right;
	margin: 10px;
}
.phpwcmsArticleListImageCaption {
	padding-top: 5px;
}
.phpwcmsArticleListMore {
	clear: right;
	text-align: right;
	border-bottom: 1px dashed;
	padding: 0 10px 5px 0;
}

div.cpPagination {
	margin: 10px 0 10px 0;
	text-align: right;
}
a.cpPaginate, a.cpPaginateActive, a.cpPaginationPrev, a.cpPaginationNext {
	padding: 0px 3px 1px 3px;
	background-color: #FFFFFF;
	color: #BBBBBB;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #CBCBCB;
}
a.cpPaginateActive {
	background-color: #CBCBCB;
	color: #FFFFFF;
	border: 1px inset #CBCBCB;
}

a.cpPaginationPrev:hover, a.cpPaginationNext:hover, a.cpPaginate:hover {
	background-color: #DDDDDD;
	color: #666666;
	border: 1px inset #CBCBCB;
}
/* einde uit fontend.css
===================================*/

/*algemene settings
-----------------------------------------------------------------*/
html {
   background: #fff url(bg_body.jpg) repeat-x; /*tbv testomgeving #ffcc66*/	
}
body {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	min-width: 952px;
/*	text-align:	justify; */
	text-align: left
	margin: 0;
	padding: 0;
}
a,a:visited, a:link {
	text-decoration: none;
	color: #0062ac;
}
a:hover {
	text-decoration: underline;
	color: #0062ac;
}
strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
/* fix voor yui reset en nested em strong */
strong, b, strong *, b * { font-weight: bold !important; }
em, i, em *, i * { font-style: italic !important; }

a:active {
	color: #000;
}
.clear {
	clear: both;
}

.news p{
	margin: 0px;
	padding: 5px;
	color: blue;
}
td {
	border-bottom-style: none;
	border-width: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}
h1 {
	font-size: 18px;
	color: #015da7;
	margin-bottom: 5px;
	margin-top: 5px;
	font-weight: bold;
}
h2 {
	font-size: 16px;
	color: #015da7;
	margin-bottom: 5px;
	margin-top: 5px;
	font-weight: bold;
}
h3 {
	font-size: 14px;
	color: #015da7;
	margin-bottom: 5px;
	margin-top: 0px;
	font-weight: bold;
	}
h4 {
	font-size: 12px;
	color: #015da7;
	margin-bottom: 5px;
	margin-top: 0px;
	font-weight: bold;
}
h5 {
	font-size: 16px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-weight: bold;
}
h6 {
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-weight: bold;
}

.h1_special {
	margin: 5px 10px 10px 20px;	
}
.h1_special h1 {
	font-size: small;	
}

.rode_tekst {
	color: #900;
}

img {
	border: 0px;
}
table.borderon {
	border: 1px solid black;
}

table.borderon td{
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	padding: 5px 2px;
	margin: 2px;
	
	}

table.borderoff {
	border: 0px solid black;
	padding: 0px;	
}

table.borderoff td{
	border: 0px solid black;
	padding: 0px;
	}
	
.imagelistimg {
	padding: 10px 0;
}
.phpwcmsSearchResult{
	text-align: left;
}

.mutaties {
	padding:20px 0 10px 10px; 
}
#content_menu .mutaties a {
	font-weight: normal;
}

.brochurePagina p {
	display: inline;
	padding: 0;
	margin:0;

	}
.brochurePagina a {
	font-weight: bold;
	}

.intranet-loginform {
	width: 400px;
}
.formulier .formLabel, .formulier .formLabelRequired {
	font-weight: bold;
}
.formvraag {
	margin-bottom: 10px;
}
/*page layout
-----------------------------------------------------------------*/
html { overflow: -moz-scrollbars-vertical;} /*vert scroll bar fix ff*/

#wrapper {
	width: 952px;
	margin: 0 auto;
	background-image: url(bg_wrapper09.gif);
	background-repeat: repeat-y;
	min-height: 400px;
}
#kop{
	position: relative;
	height: 107px; 
	background-image:  url(bg_kop09.jpg);
	background-repeat: no-repeat;
}
#kop_menu {
	position: relative;
	height: 18px; 
	width: 952px;
	padding-top:3px;
	color: #fff;
	background:	url(bg_kopmenu09.gif) no-repeat;
}
#kop_menu a {
	color: #fff;
	font-weight: bold;
}
#kop_menu_main {
	float:left;
}
#kop_menu_extra {
	float:right;
	padding: 0 25px 0 0;
}
#content {
	position: relative;
	background-image: url(bg_content09.jpg);
	background-repeat: no-repeat;
	min-height: 515px;
	line-height: 18px;
}
#content p {
	padding: 8px 0;
}
* html #content {
	height: 515px;
}
#content_menu {
	display:inline; /*ie6 double margin float bug*/
	min-height: 1px; /*ff fix */
	float: left;
	width: 165px;	
	margin:0;
	padding: 0;
	font-weight: bold;
	font-size: 12px;

}
#content_menu h2 {
	color: #fff;
	font-family: Arial Black, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;	
}
#content_menu .sub_menu, #content_menu .dochter_menu { 
/*tbv top marges voor beide menus aan de linkerkant. */
	margin-top:15px;
}
#content_body {
	display:inline; /*ie6 double margin float bug*/
	float:left;
	width:382px;
	padding: 15px 10px 10px 20px ; 
}

#content_body.full_width { /*volledige breedte content, zonder infoblokken*/
	display:inline; /*ie6 double margin float bug*/
	float:left;
	width:570px;
	padding: 15px 10px 10px 20px ; 
}
#content_body.full_width #images_products {
	display:inline; /*ie6 double margin float bug*/
	float: right;
	width: 150px;
	margin-left: 30px;
	
}
#content_body .imageEntry {
	float: left;
	padding: 0 8px 8px 0;
}	 
#content_body .imageEntry img {
/*
	border: 1px solid #008ee2;
*/
}	 
#content_body .overzicht .imageEntry { /* voor overzichtspagina's een vaste breedte (your products)*/
	width: 100px;
	color: #008ee2;
	font-weight: bold;
	text-align: center;
}	
#content_body .overzicht p { /* voor overzichtspagina's een vaste breedte (your products)*/
	padding: 0 0 16px 0;
}	

#content_body h1{ /*Artikel titel */
	display: inline;		 
	padding-right: 5px;		 
	line-height: 32px;
	vertical-align: top; 
	font-size: 16px;
	font-weight: bold;
	color: #0062ac;
}
#content_body h3{ /*Artikel subtitel */
	display: inline;
	line-height: 32px;
	vertical-align: top;
	font-size: 16px;
	font-weight: normal;
	color: #008ee2;
}

#content_body ul,#content_body ol{
	margin-left: 20px;
}
#content_body li{
	padding-left: 5px;
	list-style: disc;
}
 
#content_body.full_width .images /*,
#content_body.full_width form*/ {
	float: left;
}

#infoblok {
	display:inline; /*ie6 double margin float bug*/
	float: left;
	width: 150px;
	margin-left: 30px;
	padding: 15px 0 10px 0;
	text-align: left;
	font-size:11px;
}
#infoblok a {
	color:#000;
	font-weight:bold;
}
#infoblok h2 a{
 	color: #fff;
 }
#infoblok li {
	list-style: disc;
}
#infoblok .infoblok{
	display: block;
	background: url(bg_infoblok09.gif);
	background-repeat: repeat-x;
	padding-bottom: 10px;

}
#infoblok .infoblok ul{
	margin-left: 15px;
	list-style-type: disc;

}
#infoblok .infoblok h1,#infoblok .infoblok h2 {
	height: 21px;
	color: #fff;
	font-family: Arial Black, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 0px 0px 4px;
	margin-bottom:2px;
}
#infoblok h3{
	display: block;		 
 	color: #000;
	font-size:11px;
	font-weight: bold;
 }

#content_extra {
	display:inline; /*ie6 double margin float bug*/
	float: right;
	width: 150px;	
	margin:15px 0 0 0;
	padding: 0 10px 10px 0; /*links 0 speciaal voor ie6*/
	color: #fff;
	font-size: 11px;
}

#content_extra h2 {
	color: #fff;
	font-family: Arial Black, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;	
}
#content_extra a {
	color: #fff;
	font-weight: bold;	
}
#nieuws {
	padding: 0 0 10px 0;
	font-size: 10px;
}
#banner .imageEntry {
	border:1px solid black;
	width: 150px;
	background: #fff;
	text-align: center;
}


#voet {
	height: 21px;
	background-image: url(bg_voet09.gif);
	background-repeat: no-repeat;
	color:#fff;
	font-weight: bold;
	font-size: 10px;
	padding: 0 10px;
}
#voet_tekst {
	margin-top:4px;
	float: left;
	width: 290px;
}

#wijzigingen{
	padding: 5px;
}
#voskotan {
	width: 952px;
	margin: 0 auto;
	text-align: right;
}
#voskotan h2, #voskotan a {
	font-size: xx-small;
}

/*STYLING GEDEELTE HIERONDER
==================================================================*/

/*links stylen
-----------------------------------------------------------------*/
#kop a {
	color: #fff;
}

/*Main menu stylen
-----------------------------------------------------------------*/


/*sub menu stylen
-----------------------------------------------------------------*/

#content_menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}
#content_menu a {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}
/* voor alle hovers onderstrepen, dus maar 1x opgenomen*/
#content_menu a:hover {
	text-decoration: underline;
}

/* hier de padding anders loopt de streep niet door achter het active menuitem
   padding voor 3 niveaus is gezet en sprint trelkens 15px (15,30,45) verder in
	en ook de kleuren van de links goedzetten
	LET OP het verschil tussen :active en .active (class en pseudo-class*/

/* niveau1 hoofdniveau definities*/
#content_menu li a {
	padding-left: 10px;
	line-height:28px;
}
#content_menu li.active,
#content_menu li.active a {
	width: 100%;
	background: #002D53;
}

/* niveau2 subniveau definities*/
#content_menu li li a {
	padding-left: 10px;
	line-height: 15px;
	font-size: 12px;
	font-weight: normal;
}
/* niveau3 subniveau definities*/
#content_menu li li li a {
	padding-left: 30px;
	font-size: 10px;
}

/* niveau4 subniveau definities*/
#content_menu li li li li a {
	padding-left: 40px;
}

/* niveau5 subniveau definities*/
#content_menu li li li li li a {
	padding-left: 50px;
}

/*styling voor het 'submenu' aan de linker bovenkant
hetzelfde als het kaakdochtermenu alleen 1 niveau lager qua styling*/

/* niveau1 hoofdniveau definities*/
#content_menu .sub_menu li a {
	padding-left: 10px;
	line-height: 15px;
	font-size: 12px;
	font-weight: normal;
}
/* niveau2 subniveau definities*/
#content_menu .sub_menu li li a {
	padding-left: 30px;
	font-size: 10px;
}

/* niveau3 subniveau definities*/
#content_menu .sub_menu li li li a {
	padding-left: 40px;
}

/* niveau4 subniveau definities*/
#content_menu .sub_menu li li li li a {
	padding-left: 50px;
}

.formField label {
	margin-right: 10px;
	margin-left: 5px;
}
 form td {
	 padding: 5px;
 }