html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var {
    margin: 0;
    padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4d4d4d;
}

h1{
font-size:20px;
color:#231d67;
font-weight:normal;
background:url(../img/bg_h2.gif) left bottom repeat-x;
padding-bottom:15px;
margin-bottom:15px;
}

h2{
	font-size:20px;
	color:#231d67;
	font-weight:normal;
	background:url(../img/bg_h2.gif) left bottom repeat-x;
	padding-bottom:15px;
}

h2.nieuwsbrief{
	font-size:20px;
	color:#231d67;
	font-weight:normal;
	background:url(../img/bg_h2_nieuwsbrief.gif) left bottom no-repeat;
	padding-bottom:15px;
	margin-bottom:20px;
}

h3, h3 a{
	font-size:14px;
	color:#231d67;
	text-decoration:none;
	/*background:url(../img/bg_h2.gif) left bottom repeat-x;*/	
}

h3 span{
font-size:11px;
color:#999999;
}

td h3 span{
font-family: Arial, Helvetica, sans-serif;
}

td p{
font-family: Arial, Helvetica, sans-serif;
color:#4d4d4d;
}



a{
text-decoration:underline;
color:#231d67;
font-size:12px;
}

a:hover{
text-decoration:none;
}





#wrapper{
	width:940px;
	position:relative;
	margin:0 auto;
	overflow:hidden;
	background:url(../img/wrapper_bg.gif) left repeat-y;
}

div.header{
width:940px;
height:139px;
float:left;
background:url(../img/Logo.jpg) top no-repeat;
}

div.meta_nav{
float:right;
width:200px;
padding-right:23px;
padding-top:15px;
font-size:11px;
text-align:right;
color:#a0a0a0;
}

div.meta_nav a{
color:#a0a0a0;
text-decoration:none;
font-size:10px;
}

div.header p{
text-indent:-900px;
}


/************************* main nav *************************/
div.main_nav{
width:937px;
float:left;
padding-left:3px;
}

ul#nav {
	float:left; 
	list-style:none; 
	width:937px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	
	}
	
	ul#nav li {
		float:left;
	}
	
		ul#nav li a {
			background-position: 0px 0px;
			display:block; 
			width:131px; 
			height:47px;
			text-indent: -9999px;
			font-weight:bold;
			font-size:12px;
		}
		
		ul#nav li a:hover {
			display:block;
			width:131px;
			height:47px;
			text-indent: -9999px;
			font-weight:bold;
			font-size:12px;
			background-position: 0px -47px;
		}
		
		ul#nav li a.active {
			display:block;
			width:131px;
			height:47px;
			text-indent: -9999px;
			font-weight:bold;
			font-size:12px;
			background-position: 0px -47px;
		}
		
/*		

	
	ul#nav li {
		float:left;
	}
	
		ul#nav li a {
			background: url(../img/bg_menu.jpg) 0 0 no-repeat;
			display:block; 
			width:116px; 
			height:37px;
			text-decoration: none;
			color:#626262; 
			text-transform:uppercase;
			font-weight:bold;
			font-size:12px;
			padding-top:10px;
			padding-left:15px;
		}
		
		
		ul#nav li a:hover, ul#nav li a.active {
			background: url(../img/bg_menu_active.jpg) 0 0 no-repeat;
			color:#FFFFFF;
		}		
		
		
		ul#nav li#nav_home a{background: url(../img/Home_bg_nav.gif) 0 0 no-repeat; text-indent:-900px;}
		ul#nav li#nav_home a:hover{background: url(../img/Home_bg_nav.gif) 0 -47px no-repeat;}
		ul#nav li#nav_home a.active{background: url(../img/Home_bg_nav.gif) 0 -47px no-repeat;}
		
		
		ul#nav li#nav_overbp a{background: url(../img/bg_OverBP.gif) 0 0 no-repeat; text-indent:-900px;}
		ul#nav li#nav_overbp a:hover{background: url(../img/bg_OverBP.gif) 0 -47px no-repeat;}
		ul#nav li#nav_overbp a.active{background: url(../img/bg_OverBP.gif) 0 -47px no-repeat;}
		
		ul#nav li#nav_consumer a{background: url(../img/bg_consumer.gif) 0 0 no-repeat; text-indent:-900px;}
		ul#nav li#nav_consumer a:hover{background: url(../img/bg_consumer.gif) 0 -47px no-repeat;}
		ul#nav li#nav_consumer a.active{background: url(../img/bg_consumer.gif) 0 -47px no-repeat;}
		
		ul#nav li#nav_marketing a{background: url(../img/bg_marketing.gif) 0 0 no-repeat; text-indent:-900px;}
		ul#nav li#nav_marketing a:hover{background: url(../img/bg_marketing.gif) 0 -47px no-repeat;}
		ul#nav li#nav_marketing a.active{background: url(../img/bg_marketing.gif) 0 -47px no-repeat;}
		
		ul#nav li#nav_b2b a{background: url(../img/bg_b2b.gif) 0 0 no-repeat; text-indent:-900px;}
		ul#nav li#nav_b2b a:hover{background: url(../img/bg_b2b.gif) 0 -47px no-repeat;}
		ul#nav li#nav_b2b a.active{background: url(../img/bg_b2b.gif) 0 -47px no-repeat;}
		
		ul#nav li#nav_exlusive a{background: url(../img/bg_exlusive.gif) 0 0 no-repeat; text-indent:-900px;}
		ul#nav li#nav_exlusive a:hover{background: url(../img/bg_exlusive.gif) 0 -47px no-repeat;}
		ul#nav li#nav_exlusive a.active{background: url(../img/bg_exlusive.gif) 0 -47px no-repeat;}
		
		ul#nav li#nav_last a{background: url(../img/last_bg_nav.gif) 0 0 no-repeat; text-indent:-900px;}
		ul#nav li#nav_last a:hover{background: url(../img/last_bg_nav.gif) 0 -47px no-repeat;}
		ul#nav li#nav_last a.active{background: url(../img/last_bg_nav.gif) 0 -47px no-repeat;}
		
*/


/******************* headers with slogan and header for inner pages **********************/

.panel{
    width: 940px;
    height: 206px;
    background: url(../scrollimages/Slogan_img2.jpg) top no-repeat;
}

#first{
    background: url(../scrollimages/Slogan_img1.jpg) top no-repeat;
}
#second{
    background: url(../scrollimages/Slogan_img2.jpg) top no-repeat;
}
#third{
    background: url(../scrollimages/Slogan_img3.jpg) top no-repeat;
}

.panel .show-next-banner{width: 20px; height: 68px; display: block; float: right; position: relative; top: 110px;}

.slogan{
    width: 450px;
    padding: 65px 0 0 300px;
}

.slogan p{
    color: #fff;
    line-height: 1.5;
    padding: 10px 0 15px 0;
}

.slogan strong{
    color: #adddff;
    font-size: 2.1em;
    font-family: Arial, sans-serif;
}

/**************** scrolling effect **********************/
#slider {
  width: 926px;
  float: left;
  height:195px;
  background:url(../img/flash_bg.gif) left no-repeat;
  padding-left:14px;
  padding-top: 11px
}

.scroll {
  height: 206px;
  width: 940px;
  overflow: hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  margin: 0 0 0 0;
  z-index: 0;
}

.scrollContainer div.panel {
  width: 940px;
  height: 206px;
  z-index: 0;
}

/*******************************content_wrapper***********************************/

div.content_wrapper{
	float: left;
	width:936px;
	padding-left:4px;
}

div.content_left{
	float:left;
	width:263px;
	min-height:500px;
	padding-top:22px;
	background:url(../img/bg_content_links.gif) top repeat-x;
}

div.nieuwsbrief_wrapper{
	float:left;
	width:239px;
	padding-left:12px;
	padding-right:12px;
	padding-bottom:50px;
}

input.nieuwsbrief{
	width:176px;
	height:16px;
	font-size:12px;
	color:#999999;
	border:1px solid #cccccc;
}

div.content_left table{
	margin-top:10px;
}

div.werken_bij{
	float:left;
	width:239px;
	padding-left:12px;
	padding-right:12px;
	padding-top:19px;
	background-color:#f6f6f6;
}

div.werken_bij ul{
	list-style:none;
	width:239px;
	padding-top:10px;
	padding-bottom:10px;
}

div.werken_bij li{
	background:url(../img/bg_li.gif) top left no-repeat;
	padding-left:25px;
	min-height:20px;
	margin-bottom:5px;

}

div.werken_bij li a{
color:#231d67;
text-decoration:none;
font-weight:bold;
background:url(../img/bg_h2.gif) bottom repeat-x;
display:block;
padding-bottom:7px;
}

div.werken_bij li a:hover{
text-decoration:underline;
}

div.img_links{
	float:left;
	width:239px;
	padding-left:12px;
	padding-right:12px;
}



/********************************************subnav******************************************/

div.subnav_wrapper{
	float:left;
	width:239px;
	padding-left:12px;
	padding-right:12px;
	padding-bottom:50px;
}

div.subnav_wrapper ul{
list-style:none;
width:239px;
}

div.subnav_wrapper li{
background:url(../img/bg_h2.gif) left bottom repeat-x;
padding-top:8px;
padding-bottom:7px;
width:235px;
padding-left:5px;

}

div.subnav_wrapper li a{
background:url(../img/Submenu_Pijltje.gif) left no-repeat;
text-decoration:none;
padding-left:10px;
color: #231d67;
}

div.subnav_wrapper li:hover{
background-color:#d3d3d3;
cursor:pointer;
}



div.subnav_wrapper li.active{
background-color:#d3d3d3;
font-weight:bold;
color:#FFFFFF;
cursor:pointer;
}

/********************************************midden_wrapper*********************************/
div.midden_wrapper{
float:left;
width:616px;
padding-left:34px;
padding-top:22px;
background:url(../img/bg_content_wrapper.gif) top repeat-x;
}
div.content_midden{
float:left;
width:315px;
}

div.content_midden ul{
padding-left: 15px;
padding-top:5px;
padding-bottom:5px;
}

div.content_midden ol{
padding-left: 25px;
padding-top:5px;
padding-bottom:5px;
}


div.content_midden p{
padding-bottom:5px;
padding-top:5px;
}

div.content_midden h2{
margin-bottom:15px;
}

div.content_rechts{
float:left;
width:250px;
padding-left:35px;
}

div.img_rechts{
	float:left;
	width:250px;
}

div.meer_info{
float:left;
width:250px;
}

div.leer_meer{
float: right;
width:315px;
text-align:right;
padding-bottom:15px;
}

div.leer_meer a{
font-size:11px;
}

div.volgende_vorige{
float:right;
width:300px;
text-align:right;
}

div.volgende_vorige a{
font-size:11px;
text-decoration:none;
}
div.volgende_vorige a:hover{
text-decoration:underline;
}

div.volgende_vorige a.active{
font-weight:bold;
text-decoration:underline;
}
/*********************************footer**********************************/

div.footer{
	width:940px;
	position:relative;
	margin:0 auto;
	text-align:center;
	padding-top:10px;
	padding-bottom:5px;
}

div.footer a{
text-decoration:none;
font-size:11px;
color:#7d7c7d;
}

div.footer a:hover{
text-decoration:underline;
}