@charset "utf-8";
/* CSS Document */


/* force scrollbar */

html {
	height:100%;
	margin-bottom:1px;
	
	}


* {
	font-size:100%;
	margin:0;
	padding:0;
	border:0;
	outline:none;
	}


ul,li,th,td,tr {
	margin:0;
	padding:0;
	border:0;
	}



body {
	-x-system-font:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:0.84em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5;
	margin:0;
	padding:0;
	background:#1d398d;
	text-align:center;
	}



h1 {
	font-size:2em;
	color:#1d398d;
	}

h2 {
	padding:5px 0;
	font-family:"Trebuchet MS", trebuchet, sans-serif;
	font-size:1.8em;
	color:#396882;
	}

h3 {
	margin:3px 0;
	font-family:"Trebuchet MS", trebuchet, sans-serif;
	font-size:1.33em;
	font-weight:normal;
	color:#396882;
	}

h4 {
	font-size:1.1em;
	}

h5 {
	font-size:1em;
	}

h6 {
	font-size:0.85em;
	}


p {
	margin:1em 0;
	}

a {
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}

.hidden {
	display:none;
	}

/* wrapper */


#shadow_wrapper {
	width:1124px;
	overflow:hidden;
	margin:0 auto;
	background:url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20171020055640im_%2Fhttp%3A%2F%2Fwww.bonas.be%2Fpublic%2Fimages%2Flayout%2Fshadow_bg.gif) repeat-y center top; 
	}


#wrapper {
	position:relative;	
	overflow:none;
	width:1000px;
	margin:0 auto;
	text-align:left;
	background-color:#fff;
	}


/* header */


#header {
	position:relative;
	width:1000px;
	height:410px;
	}

#logo {
	float:left;
	margin-top:30px;
	}

#logo a {
	text-decoration:none;
	color:#929292;
	font-size:0.9em;
	font-weight:bold;
	font-family:arial, sans-serif;
	}

#logo a span {
	position:absolute;
	top:40px;
	left:213px;
	}

#memberlink {
	display:block;
	position:absolute;
	top:45px;
	right:0px;
	width:160px;
	height:24px;
	text-indent:-9999px;
	background:url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20171020055640im_%2Fhttp%3A%2F%2Fwww.bonas.be%2Fpublic%2Fimages%2Flayout%2Fmember_vandewiele_logo-v2.gif) 0 0 no-repeat; 
	}

#toplinks {
	position:absolute;
	top:0;
	right:0;
	}

#toplinks a {
	position:relative;
	text-decoration:none;
	font-family:"Trebuchet MS", trebuchet, arial, sans-serif;
	font-size:11px;
	color:#000;
	}

#toplinks a:hover {
	text-decoration:underline;
	}

#b4nn3r {
  	overflow:hidden;
	width:1000px; 
    height:254px; 
	position:absolute;
	bottom:1px;
	left:0;
	}

#b4nn3r img {  
    width:1000px; 
    height:254px; 
    top:0; 
    left:0;
}

/****  TAALSWITCH  ****/
.languageSwitcher{
	position:absolute;
	top:0;
	right:0;
}

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

.languageSwitcher ul li{
	display:inline;
}

.languageSwitcher ul li a{
	display:block;
	float:left;
	margin-left:3px;
	background:url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20171020055640im_%2Fhttp%3A%2F%2Fwww.bonas.be%2Fpublic%2Fimages%2Flayout%2FbgLang.jpg) 0 0 no-repeat;
	height:26px;
	line-height:26px;
	text-align:center;
	width:34px;
	font-family:"Trebuchet MS",trebuchet,sans-serif;
	color:#FFF;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
}

.languageSwitcher ul li a:hover, .languageSwitcher ul li.active a{
	background-position:0 -26px;
	text-decoration:none;
}

/* menu */

#menu {
	position:relative;
	width:1000px;
	height:65px;
	margin:0;
	top: 90px;	
	}

#menubar {
	position: absolute;
	bottom: 0;
	height:26px;
	width: 1000px;
	background:#1d398d; 
	}


#menu ul {
	position:absolute;
	top:2px;
	right:0px;
	height:37px;
	line-height:34px;
	text-align:center;
	color:#000;
	}

#menu ul li {
	display:inline;
	list-style-type:none;
	}

#menu ul li a {
	display:block;
	float:left;
	height:37px;
	margin-right:5px;
	padding:0 0 0 10px;
	font-size:12px;
	font-family:"Trebuchet MS", trebuchet, sans-serif;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	line-height:13px;
	color:#fff;
	background:url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20171020055640im_%2Fhttp%3A%2F%2Fwww.bonas.be%2Fpublic%2Fimages%2Flayout%2Fmenu_bg_left_on.gif) no-repeat top left; 
	}

#menu ul li.last a {
	margin-right: 0;
}

#menu ul li a span {
	display:block;
	float:left;
	height:37px;
	padding:0 20px 0 10px;
	line-height:36px;
	background:url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20171020055640im_%2Fhttp%3A%2F%2Fwww.bonas.be%2Fpublic%2Fimages%2Flayout%2Fmenu_bg_right_on.gif) no-repeat top right; 
	cursor:pointer;
	}
	

#menu ul li a:hover, #menu ul li.active a, #menu ul li.active_parent a{
	color:#fff;
	background:url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20171020055640im_%2Fhttp%3A%2F%2Fwww.bonas.be%2Fpublic%2Fimages%2Flayout%2Fmenu_bg_left_off.gif) no-repeat top left;
	} 

#menu ul li a:hover span, #menu ul li.active a span, #menu ul li.active_parent a span{
	color:#fff;
	background:url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20171020055640im_%2Fhttp%3A%2F%2Fwww.bonas.be%2Fpublic%2Fimages%2Flayout%2Fmenu_bg_right_off.gif) no-repeat top right;
	}

#menu ul ul{
	display:none;
}

#search_box { position: absolute; top: 9px; left:0; width: 150px; height: 30px; background: #19398e url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20171020055640im_%2Fhttp%3A%2F%2Fwww.bonas.be%2Fpublic%2Fimages%2Flayout%2Fsearch-icon.png) 98% 0px no-repeat; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; }
#search_box input[type=text] { float: left; margin-left: 10px; width: 80px; height: 8px; padding: 5px 10px; }
#search_box input[type=submit] { float: right; width: 30px; height: 30px; border: none; background: transparent; text-indent: -9999px; }
.searchpager { margin-bottom: 10px; }

#rightcolumn ul.ul-pager { margin: 10px 0 0 0; padding-top:5px; list-style: none; }
#rightcolumn ul.ul-pager li { margin: 0 5px 0 0; display: block; float: left; }
#rightcolumn ul.ul-pager li a, ul.ul-pager li span { padding:4px 6px; background: #eee; border: 1px solid #ccc; display: block; float: left; }
#rightcolumn ul.ul-pager li.current span { color: #fff; background: #19398E; }

/* breadcrumb */

#breadcrumb {
	font-family:Arial, Helvetica, sans-serif;
	color:#1d398d;
	margin:15px 0 0 25px;
	padding-bottom:5px;
	background:url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20171020055640im_%2Fhttp%3A%2F%2Fwww.bonas.be%2Fpublic%2Fimages%2Flayout%2Fstippellijntje.gif) bottom left repeat-x;
}

#breadcrumb ul li{
	list-style:none;
	display:inline;
	margin-right:4px;
}

/* content */

#content {
	position:relative;
	width:1000px;
	margin:0;
	text-align:left;
	}


#leftcolumn {
	position:relative;
	overflow:hidden;
	width:340px;
	float:left;
	padding-top:38px; /* align leftboxes with breadcrumb */
	}

#rightcolumn {
	position:relative;
	overflow:hidden;
	width:660px;
	float:right;
	}

#rightcolumn a{
	color:#1d398d;
	text-decoration:underline;
}

#rightcolumn a:hover{
	text-decoration:none;
}

#realcontent {
	margin:20px 0;
	padding-left:25px;
	}


/* homepage only */


#buttons {
	overflow:hidden;
	width:660px;
	margin:20px 0 0 25px;
	}
	
#buttons ul {
	list-style:none;
	}
		
#buttons ul li {
	float:left;
	overflow: hidden;
	width:108px;
	height:81px;
	margin-right:11px;
	padding:4px;
	border:1px solid #ccc;
	}

#buttons ul li a {
	display:block;
	height:81px;
	font-size:17px;
	text-decoration:none;
	text-align:center;
	line-height:109px;
	color:#fff;
	}

#buttons ul li a img{
	width:110px;
}

#extracontent {
	margin:10px 0 0 25px;
	padding-top:10px;
	background:url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20171020055640im_%2Fhttp%3A%2F%2Fwww.bonas.be%2Fpublic%2Fimages%2Flayout%2Fstippellijntje.gif) top left repeat-x;
	}



/* realcontent */

#realcontent img, #extracontent img {
	padding:3px;
	border:1px solid #ccc;
	margin:3px 0;
	}

#realcontent img.left, #extracontent img.left {
	float:left;
	margin:3px 10px 3px 0px;
	}  

#realcontent img.right, #extracontent img.right {
	float:right;
	margin:3px 0px 3px 10px;
	}  

#realcontent table img {
	margin:0;
	}

#realcontent a {
	color:#1D398D;
	}

#realcontent ul, #extracontent ul {
	list-style:inside;
	}

#realcontent ol li{
	margin-left:2em;
	}

#realcontent ul li, #extracontent ul li {
	margin-left:1em;
	}

/* leftboxes */

.leftbox {
	width:287px;
	background:url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20171020055640im_%2Fhttp%3A%2F%2Fwww.bonas.be%2Fpublic%2Fimages%2Flayout%2Fstippellijntje.gif) top left repeat-x;
	margin-bottom:20px;
	} 

.leftbox ul {
	list-style:none;
	} 

.leftbox ul li{
	display:block;
	overflow:hidden;
	width:287px;
	}
	 
.leftbox ul li.uneven {
	background-color:#f1f5f7;
	}
.leftbox ul li.even {
	background-color:#fff;
	}

.leftbox h3 {
	padding:10px 0 2px 30px;
	background:url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20171020055640im_%2Fhttp%3A%2F%2Fwww.bonas.be%2Fpublic%2Fimages%2Flayout%2Ftarget.gif) -5px 8px no-repeat;
	font-family:"Trebuchet MS", trebuchet, sans-serif;
	color:#1d398d;
	}


#referenties ul li a, #subnav ul li a, #contacts li a {
	display:block;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#666;
	background: url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20171020055640im_%2Fhttp%3A%2F%2Fwww.bonas.be%2Fpublic%2Fimages%2Flayout%2Fpijltje_off.png) no-repeat 98% 50%;
	} 

#referenties ul li a:hover, #subnav ul li a:hover, #subnav ul li.current a, #contacts li a:hover {
	color:#1d398d;
	background: url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20171020055640im_%2Fhttp%3A%2F%2Fwww.bonas.be%2Fpublic%2Fimages%2Flayout%2Fpijltje_on.png) no-repeat 98% 50%;
	}

#news li {
	margin-bottom:10px;
	padding:5px;
	}

#news li a {
	font-size:11px;
	color:#1d398d;
	text-decoration:none;
	}

#news li a:hover {
	text-decoration:underline;
	}

#news .newscontent {
	line-height:1.2;
	font-size:11px;
	}

#news .newstitle {
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#1d398d;
	}

#contacts h4 {
	margin-top:3px;
	cursor:pointer;
	}
	
#contacts h4:hover {
	color:#396882;
	}

#contacts ul {
	display:block;
	}

.news_item {
	padding-bottom:10px;
	margin-bottom:10px;
	background:url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20171020055640im_%2Fhttp%3A%2F%2Fwww.bonas.be%2Fpublic%2Fimages%2Flayout%2Fstippellijntje.gif) bottom left repeat-x;
	}

#archivelink {
	float:right;
	margin-bottom:1em;
	color:#1d398d;
	font-size:11px;
	}

/*#productnav li {
	display: block;
	float:left;
	width: 41px;
	height: 30px;
	margin: 0 6px 4px 0;
	border: 1px solid #95b3d7;	
}   
	
#productnav li a {
	overflow: hidden;
	display: block;
	float: left;
	width: 41px;
	height: 30px;
}

#productnav li a img{
	width:40px;
}*/

#productnav{
	width:300px;
}

#productnav .photoBox{
	float:left;
	margin:0 7px 5px 0;
}

#productnav .photoBox a{
	display:block;
	width:40px;
	border:#95b3d7 1px solid;
}

#productnav .photoBox a img{
	width:40px;
}


/* footer */


#footer {
	width:1000px;
	height:30px;
	clear:both;
	background:#d1d1d0;
	margin-top:20px;
	font-size:12px;
	font-family:"Trebuchet MS", trebuchet, sans-serif;
	text-indent:350px;
	}

#footer span {
	color:#fff;
	padding:0 15px;
	line-height:30px;
	}

#footer span a {
	color:#fff;
	text-decoration:none;
	}

#footer span a:hover {
	color:#fff;
	text-decoration:underline;
	}

#waxlogo a {
	float:right;
	display:block;
	margin:20px 0 0 0;
	width:26px;
	height:40px;
	background:url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20171020055640im_%2Fhttp%3A%2F%2Fwww.bonas.be%2Fpublic%2Fimages%2Flayout%2Fwax_logo_transp50.png) no-repeat top left;
	cursor:pointer;
	}

#waxlogo a:hover {
	background:url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20171020055640im_%2Fhttp%3A%2F%2Fwww.bonas.be%2Fpublic%2Fimages%2Flayout%2Fwax_logo.png) no-repeat top left;
	}
	
	
#shadow_bottom {
	overflow:hidden;
	margin:0 auto;
	width:1124px;
	height:20px;
	background:url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20171020055640im_%2Fhttp%3A%2F%2Fwww.bonas.be%2Fpublic%2Fimages%2Flayout%2Fbottom_shadow_bg.gif) center top no-repeat; 
	}
	
.box{
	float:left;
	margin:0 0 30px 30px;
	width:313px;
}

.first{
	margin-left:0;
}

.box strong.title{
	background:url(./?mortyurl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20171020055640im_%2Fhttp%3A%2F%2Fwww.bonas.be%2Fpublic%2Fimages%2Flayout%2Fcircle.png) no-repeat left top;
	border-bottom:#CCC 1px solid;
	color:#1d398d;
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:17px;
	padding:0 0 12px 25px;
}

.box .content a, .box .content strong {
    color: #19398E;
}
.box .content {
    border-bottom: 1px solid #CCCCCC;
    height: 192px;
    padding: 0 10px 0 0;
    position: relative;
    width: 303px;
	overflow:hidden;
}
.box .content .space {
    padding-top: 10px;
}

#worldWideClickThrough {
    display: block;
    height: 191px;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 313px;
    z-index: 5;
}

#corporateVideo .space{
	padding:8px 0 0 0;
}

#corporateVideo p{
	margin:0;
}

.homepageSlider{
	width:234px;
	height:176px;
	margin:11px auto 0;
}

@media (max-width: 1048px){
    #shadow_wrapper {
   		width: 1004px;
   }

   #shadow_bottom {
   		width: auto;
   }

   #wrapper {
	   	width: 1000px;
	   	margin: 0 auto;
   }
}
/*
     FILE ARCHIVED ON 05:56:40 Oct 20, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 00:44:35 Apr 19, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.53
  exclusion.robots: 0.031
  exclusion.robots.policy: 0.021
  esindex: 0.009
  cdx.remote: 6.343
  LoadShardBlock: 1179.188 (3)
  PetaboxLoader3.datanode: 1080.866 (4)
  PetaboxLoader3.resolve: 124.498 (3)
  load_resource: 76.157
*/