body{ margin:0; padding: 0; font-family: Verdana, sans-serif; line-height: 1.4em;	color: #444;	
background: #f7f7f7 url(images/bg_grad01.jpg) repeat-x 0 0 fixed;	}

a:link { color: #40659B; text-decoration: underline; }
a:visited {/* color: #8EA4C2;*/ /*color: #40659B;*/ text-decoration: none; }
a:hover { 	color: #036; text-decoration: undeline; }
a.more { padding-right: 7px; background: url(more-blue.gif) no-repeat 100% 5px; }

/* ****** hyperlink and anchor tag styles ****** */

/*a:link, a:visited{ color: #005FA9; 	text-decoration: none;}
a:hover{	text-decoration: underline;}*/

/* default RED logo color RGB:226-61-40; #e23d28 */

h1{ font: bold 120% "Trebuchet MS", Verdana, sans-serif;  color: #40659B; margin: 0px; padding: 0px; }
h2{ font: bold 114% "Trebuchet MS", Verdana, sans-serif; color: #40659B; margin: 0px; padding: 0px; }
h3{ font: bold 100% "Trebuchet MS", Verdana, sans-serif; color: #40659B; margin: 0px; padding: 0px; }
h4{ font: 100% "Trebuchet MS", Verdana, sans-serif; color: #40659B; margin: 0px; padding: 0px; }
h5{ font: 100% "Trebuchet MS", Verdana, sans-serif; color: #40659B; margin: 0px; padding: 0px; }

ul { margin: 0; padding: 10px 0 0 25px; /* list-style-type: disc; */ }
li { margin: 0; padding: 0; /* list-style: outside; */ }
li a:link { color: #40659B; text-decoration: underline; }
li a:visited {/* color: #8EA4C2;*/ /*color: #40659B;*/ text-decoration: none; }
li a:hover { 	color: #036; text-decoration: undeline; }

/********* form and related tag styles *********/

form {	margin: 0;	padding: 0;}
label{ font: bold 1em Arial,sans-serif; color: #334d55;}				
input{font-family: Arial,sans-serif;}
select {BORDER-RIGHT: #ccc 1px inset; BORDER-TOP: #ccc 1px inset; BACKGROUND: #f7f7f7; MARGIN: 7px 0px 7px 7px; BORDER-LEFT: #ccc 1px inset; WIDTH: 200px; BORDER-BOTTOM: #ccc 1px inset; HEIGHT: 20px; }
.EmailFormLabel{font: bold 1em Arial,sans-serif; color: #334d55;font-size: 80%;	}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#box { margin: 0 auto; padding :0 0 90px 0; height:100%; border-top:1px solid #aaa;}
/* onderste class-es zorgen voor verschillende background images in rechter boven hoek ban de HEADER. ze zijn niet via CMS te benaderen */
.salesbox, .worldwidebox, .contactbox, .newsbox, .applicationbox, .productbox, .aboutbox, .homebox   { background: url(images/bgd_box05.gif) no-repeat 98% 7px; }

/*
.homebox {  background: url(images/bgd_box03.gif) no-repeat 98% 7px; }
.aboutbox { background: url(images/bgd_box01.gif) no-repeat 98% 7px; }
.productbox { background: url(images/bgd_box04.gif) no-repeat 98% 7px; }
.salesbox { background: url(images/bgd_box05.gif) no-repeat 98% 7px; }
.applicationbox { background: url(images/bgd_box06.gif) no-repeat 98% 7px; }
.newsbox { background: url(images/bgd_box07.gif) no-repeat 98% 7px; }
.contactbox { background: url(images/bgd_box08.gif) no-repeat 98% 7px; } */

#header {	position: relative;	top: 0px; left: 4%;	right: 4%;	width:91.6%; }

#pagecell1 { position:relative; top: 90px; left: 5%; right: 8%; width:87.6%;  z-index: 1; background:#fff; background: #fff url(images/bgd_pagecell1.gif) repeat-x 0 0;}
#tl {	position:absolute;	top: 0px;	left: 0px;	margin: 0px;	padding: 0px;	z-index: 10;}
#tr {	position:absolute;	top: 0px;	right: 0px;	margin: 0px;	padding: 0px;	z-index: 10;}

#content {	padding: 0px 10px 0px 20px;margin:0px 260px 0px 0px;	}

#siteName {	margin: 0px;	padding: 16px 0px 8px 0px;	color: #ffffff;	font-weight: normal;}

#utility{	font: 75% Verdana,sans-serif;	position: absolute;	top: 16px;	right: 0px;	color: #fff;}
#utility a{	color: #000 ; text-decoration:none; }
#utility a:hover{ text-decoration: underline;}

#pageName{	padding: 0px 0px 14px 10px;	margin: 0px;	/*border-bottom:1px solid #ccd2d2;*/}
#pageName h2{	font-size: 165%;	margin:0px;	padding: 0px;}
#pageName img{	position: absolute;	top: 0px;	right: 6px;	padding: 0px;	margin: 0px;}

#globalNav{position: relative; width: 100%; min-width: 640px; height: 32px; padding: 0px; margin: 0px;
background: url(images/glbnav_background.gif) no-repeat; 
/* filter:alpha(opacity=0.9); -moz-opacity: 0.9; opacity: 0.9; -opacity: 0.9; -khtml-opacity: 0.9; */}

#globalNav img{	margin-bottom: -4px;} 
#gnl {	position: absolute;	top: 0px;	left:0px;}
#gnr {	position: absolute;	top: 0px;	right:0px;}

#globalLink{ position: absolute; top: 7px;	height: 22px;	min-width: 640px;	padding: 0px;	margin: 0px;
	left: 6px;	}


#title { clear: left; padding: 30px 3px 5px 20px; display: block; width: 100%;}
#title h1 { margin: 0; padding: 0; font-weight: normal; color: #444; font-size:150%; font-style:italic;	}
#title h1 span { color: #666; }
#title h2 { font: normal 90% Verdana, Arial, Helvetica, sans-serif; margin: 0px 0 0 0; padding: 0;  color: #555; line-height:1.35em; }
#title a { border-bottom-color: #333; 	}
#title a:visited { 	color: #40659B; }
#title a:hover { color: #036; 	}

h2#recent {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 90%;
	font-weight: normal;
	color: #7B9905;
	}
/*************** search styles *****************/

#search{	position: absolute;	top: 3px;	right: 10px;	z-index: 101;}
#search input{  font-size: 70%;  margin: 0px  0px 0px 10px; border:2px solid #bbb8b1; background: #fff;}
#search a:link, #search a:visited {	font-size: 80%;	font-weight: bold; color:#22486f;}
#search a:hover{ margin: 0px; }

/************* breadCrumb styles ***************/

#breadCrumb{ text-align: right;	padding: 12px 250px 8px 10px; font: 11px Verdana,sans-serif;	color: #AAAAAA;}
#breadCrumb a{	color: #AAAAAA;}
#breadCrumb a:hover{	color: #005FA9;	text-decoration: underline;}

/************** feature styles *****************/

.feature{ padding: 0px 0px 10px 10px; font-size: 80%; /*min-height: 200px; height: 200px;*/ }
html>body .feature {height: auto;}
.feature h3{ font: bold 135%"Trebuchet MS", Verdana, sans-serif; padding: 0px 0px 8px 0px; }
.feature img{ float: left; padding: 15px 15px 0px 10px; overflow: hidden;}
.feature a { font-weight: bold; text-decoration: underline; color: #40659B;}
.feature a:visited { font-weight: bold; text-decoration: none; color: #40659B;}
.feature a:hover { font-weight: bolder; text-decoration: none; border-bottom:1px dashed #d00; }

/*************** story styles ******************/

.story { padding: 0px 0px 0px 10px; font-size: 80%; clear:left; line-height: 1.45em; }
.story h3{ font: bold 135% "Trebuchet MS", Verdana, sans-serif; padding: 0px 0px 4px 0px; margin: 0; }
.story p { padding: 0; margin:0;  display: block; }
.story img { float:right; /*padding: 20px 15px 0px 0px;*/ padding:4px; margin: 0 0 0 7px; border:1px solid #e7e7e7; }
.clear { clear:both; }
.story img.border { float: right; margin-left:18px; padding:4px; border:1px solid #e7e7e7; margin-top:1px;  }
.story img.noborder { float: right; margin-left:18px; padding:4px; border:1px solid #fff; margin-top:1px;  }
.story a { font-weight: bold; text-decoration: underline; }
.story a:visited { font-weight: normal; text-decoration: none; }
.story a:hover { font-weight: bolder; text-decoration: none; border-bottom:1px dashed #d00; }
.story a.capsule{ font: bold 1em Arial,sans-serif;	color: #005FA9;	display:block;	padding-bottom: 5px; }
.story a.capsule:hover{ text-decoration: underline; }

.story ol {  width:auto;  height: auto; padding: 0 0 0 20px; margin: 10px 0 0 0px; ;/* list-style: inside; */} 
.story ol li { height:auto; font-size: 80%; line-height:1.3em; padding: 2px 0 1px 0; margin: 1px 0 0 0; background:#f7f7f7; border-bottom:1px solid #eee; border-right:1px solid #eee;}
.story ol li a /* , .story ul li a:visited  */ { text-decoration: none; background:#40659B; color:#fff; padding: 1px 2px; font-weight: bold;}
.story ol li a:hover { text-decoration: none; background:#f7f7f7; color:#b00;}
.story ul {  width:auto;  height: auto; padding: 0 0 0 20px; margin: 7px 0 4px 0px; } 
.story ul il { height:auto; font-size: 80%; line-height:1.4em;  }

.faq-table { font-size: 75%; color:#444; padding: 0; margin: 0; border:1px solid #ddd; background:#f7f7f7;}
table { border: none; } 
td.storyLeft{ padding-right: 12px; }
td.storyLeft p img, 
td.storyLeft p a img { border:1px solid #e7e7e7; padding: 4px; float:left; margin-right:10px; }

/************** footer styles ****************/

#footer{ background:#373737; clear: both; border-top: 2px solid #ddd; border-bottom: 2px solid #e23d28;font-size: 80%; color: #666; padding: 5px 10px 4px 10px; margin-top: 30px;}
#footer img{ padding: 4px 4px 4px 0px;	vertical-align: middle;}
#footer a {color: #999999;}
#footer a:hover {text-decoration:none;}

/************** meerinfo styles ****************/

#meerinfo{ background: url(images/bgd_3x300_01.gif) repeat-x 0 0;  border: 2px solid #f7f7f7; font-size: 80%; color: #666; padding: 10px 10px 7px 20px; margin:25px 260px 10px 10px; clear:both;}
#meerinfo a:link { color: #40659B; text-decoration: underline; }
#meerinfo a:visited {/* color: #8EA4C2;*/ color: #40659B; text-decoration: none; }
#meerinfo a:hover { 	color: #036; text-decoration: undeline; }

/************ side bar navigation **************/

#pageNav{ 	float: right;	width:260px; padding: 0px; font-size: 80%; line-height: 1.5em;}
#pageNav h3 { background: #ddd; border:1px solid #eee;}
#pageNav a strong { border-bottom:1px dotted #40659B;  text-decoration: none; }
#sectionLinks{ margin: 0px;	padding: 0px;}

#sectionLinks h3{padding: 10px 0px 2px 0px;	border-bottom: 1px solid #cccccc;}

#sectionLinks a:link, #sectionLinks a:visited {	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image: url(images/bg_nav.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;}

#sectionLinks a:hover{	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;}

/************* relatedLinks styles **************/

.relatedLinks {	margin:0px;	padding: 0px 1px 5px 10px; font-size:90%;}
.relatedLinks h3{padding: 7px 0px 4px 10px; font-weight:normal; letter-spacing:1px; color:#e23d28; font-size:120%;}
.relatedLinks a {  text-decoration: none; }
.relatedLinks a img, .relatedLinks img{ float: left; margin-right:8px; padding:2px; border:1px solid #e7e7e7;}
.relatedLinks p { padding-left:0px;}
.relatedLinks ul { margin: 0; padding: 10px 0 0 14px;  }
.relatedLinks li { margin: 0; padding: 0;  height: auto; list-style: outside; border: 1px solid #fff; color:#666;}
.relatedLinks li a, .relatedLinks li a:visited { /* list-style: inside; */ text-decoration: none; color: #40659B;}
.relatedLinks li a:hover { text-decoration: underline; border-bottom: none; color: #036; }
/* --------------- sideArticle --------------- */

#sideArticle {margin: 0px;	padding: 0px 1px 5px 10px; font-size:90%;}
#sideArticle h3{ padding: 7px 0px 4px 10px; font-weight:normal;  letter-spacing:1px; color:#e23d28; font-size:120%;}
#sideArticle h4{ padding: 2px 0px 1px 10px; font-weight:bold;  letter-spacing:1px; color:#e23d28; font-size:110%; background: none;}
#sideArticle img{	display: block;}
#sideArticle p { padding-left:0px;}
#sideArticle ul { margin: 0; padding: 10px 0 0 14px;  }
#sideArticle li { margin: 0; padding: 0; list-style: outside; color:#555; }
#sideArticle li a, #sideArticle li a:visited {/* list-style: inside; */ text-decoration: none; border-bottom:1px dotted #ccc; }
#sideArticle li a:hover { text-decoration: underline; border-bottom: none;  }


/* Navigation */

#navigation { float:left; margin:0; padding:0; display:block; visibility: visible; }

.selected{ 	font-weight:bold; text-decoration: underline;  }


/* CSS voor producten range pagina */

.thumbsg {
	BORDER-RIGHT: #aaa 4px solid;
	PADDING-RIGHT: 0px;
	BORDER-TOP: #aaa 4px solid;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	BORDER-LEFT: #aaa 4px solid;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #aaa 4px solid;
	BACKGROUND-COLOR: #fff;
	TEXT-DECORATION: none;}
#thumbsg{
	padding:0px 0px 0px 0px;
	overflow:hidden;
	text-align:left;}
	#thumbsg a{
		border-bottom:none;}
	/*	#thumbsg a:visited{
			border-bottom:none; }*/
		#thumbsg a img, #thumbsg a:visited img{
			display: inline;
			padding:4px;
			border:1px solid #69a4ce;
			margin:2px 2px 12px 2px;
			text-decoration:none;
			background-color: #fff; }
			#thumbsg a:hover img{
				/*display:block;*/
				padding:3px;
				border:2px solid #e23d28;
				margin:2px 2px 12px 2px;
				text-decoration:none;
				background-color: #fff;}
			#thumbsg a:visited img{
				display:block;
				padding:4px;
				border:1px solid #69a4ce;
				margin:2px;
				text-decoration:none;
				background-color: #fff;}
#thumbsg ul{
	padding:1px;
	margin-left:5px;}
	#thumbsg li{
		list-style: none;
		float:left;
		padding:0;
		background-image: none;}
		
		#thumbsg ul li {width: 170px; }

.sitemap1 a:link { font-size: 11px;color: #40659B; text-decoration: underline; }
.sitemap1 a:visited {color: #40659B;font-size: 11px; text-decoration: none; }
.sitemap1 a:hover { font-size: 11px;color: #036; text-decoration: undeline; }
.sitemap1 li {  font-size: 11px;color: #40659B; text-decoration: none; }
.sitemap1 ul {  font-size: 11px;color: #40659B; text-decoration: none; }


/* HACKS FOR FCK EDITOR */

/* Empty anchors images */
.story h3 span, .FCK__Anchor
{
	border: none; visibility:none; display:none;
	background: none;
	/* background-position: center center;
	background-image: url(images/fck_anchor.gif);
	background-repeat: no-repeat; */
	width: 0;
	height: 0;
	/* vertical-align: middle; */
}

/* Anchors with content */
.FCK__AnchorC
{
	border: none; visibility:none; display:none;
	background: none;
	/* border: 1px dotted #00F;
	background-position: 1px center;
	background-image: url(images/fck_anchor.gif);
	background-repeat: no-repeat;
	padding-left: 18px; */
}

/* Any anchor for non-IE, if we combine it with the previous rule IE ignores all. */
a[name]
{
	border: 1px dotted #00F;
	background-position: 0 center;
	background-image: url(images/fck_anchor.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
}