@font-face {
    font-family: 'robotoblack'; 
    src: url('../fonts/roboto-black-webfont.eot');
    src: url('../fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-black-webfont.woff') format('woff'),
         url('../fonts/roboto-black-webfont.ttf') format('truetype'),
         url('../fonts/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
====================================================================================
	TEMPLATE CSS
================================================================================ */

	/* basic fonts */
	.clr{ clear:both; }
	.buttonheading{ display:none; }
	
	h1, h1 span, h1 a{ font-family: 'robotoblack', Arial, Verdana, Tahoma, Helvetica; font-size:18px; color:#333333; line-height:1.5em; padding-bottom:9px; text-transform:uppercase; text-decoration:none;}
	h2, h2 span, h2 a{ font-family: 'robotoblack', Arial, Verdana, Tahoma, Helvetica; font-size:18px; color:#333333; line-height:1.5em; padding-bottom:9px; text-transform:uppercase; text-decoration:none;}
	h3, h3 span, h3 a{ font-family: 'robotoblack', Arial, Verdana, Tahoma, Helvetica; font-size:18px; color:#333333; line-height:1.5em; padding-bottom:9px; text-transform:uppercase; text-decoration:none;}
	h4, h4 span{ font-family: 'robotoblack', Arial, Verdana, Tahoma, Helvetica; font-size:16px; color:#333333; line-height:1.5em; padding-bottom:9px; }
	h5, h5 span{ font-family: 'robotoblack', Arial, Verdana, Tahoma, Helvetica; font-size:14px; color:#333333; line-height:1.5em; padding-bottom:9px; }
	h6, h6 span{ font-family: 'robotoblack', Arial, Verdana, Tahoma, Helvetica; font-size:11px; color:#333333; line-height:1.5em; padding-bottom:9px; }
	
	h1 a:hover, h2 a:hover, h3 a:hover{text-decoration:none;}
	
	body, p, span, td, a{ font-family: Arial, Verdana, Tahoma, Helvetica; font-size:12px; color:#000000; line-height:1.5em; }
	a{ color:#333333; text-decoration:underline; }
	a:hover{ color:#6eaaff; text-decoration:underline; }
	
	/* link animation */
	a{ -o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s;} 
	
	/* pagination */
	.items-more{ display:none; visibility:hidden; }
	.pagination ul li{ float:left; }
	.pagination ul li a, .pagination ul li span{ padding:2px 3px; border:1px solid #ccc; margin-right:1px; }
	.pagination ul li a{ background:#fff; }
	.pagination ul li a:hover{ background:#ccc; }
	.pagination ul li span{ background:#fff; color:#999; }
	
	/* contactpage */
	.contact{ padding-bottom:20px;}
	.contact fieldset{ border:none; padding:0px; }
	.contact .contact-address span{ display:block; }
	.contact .contact-contactinfo{ margin-top:20px; }
	.contact .contact-contactinfo p{ margin-bottom:0px; }
	.contact legend{ padding:0px 0px 5px 0px; }
	
	/* list */
	.maincontent ul{list-style-type:disc;}
	.maincontent ul li{margin-left:15px;}
	
	a.leesmeerlink{padding:8px 16px; background:#231f20; color:#fff; text-align:center; text-decoration:none; -webkit-border-radius: 8px; border-radius: 8px; font-family: 'robotoblack'; font-size:10px; text-transform:uppercase;}
	a.leesmeerlink:hover{background:url(../images/readmorelinkbg2.jpg) repeat-x center center #014bb9;}

	/* template */
	.body{
		background:#000000;
	}
	
	.topcontainer{
		width:100%;
		height:60px;
		background:url(../images/bgtopcontainer.jpg) repeat-x top;
	}
		.topcontainercenter{
			width:960px;
			height:60px;
			margin:0px auto;
			position:relative;
		}
			.logocontainer{
				position:absolute;
				z-index:1000;
				width:227px;
				height:88px;
				top:15px;
				left:0px;
			}
			.navcontainer{
				float:right;
				height:45px;
				margin:15px 0px 0px 0px;
			}
				.moduletablehoofdmenu{float:right; position: relative;}
				.moduletablehoofdmenu ul{ }
				.moduletablehoofdmenu ul li{ float:left; position:relative; z-index:9000; background:url(../images/bgmenuline.jpg) no-repeat right bottom;}
				.moduletablehoofdmenu ul li a,
				.moduletablehoofdmenu ul li span{ font-family: 'robotoblack'; font-size:12px; color:#ffffff; text-decoration:none; text-transform:uppercase; display:block; height:35px; line-height:35px; padding:5px 11px 5px 10px; }
				.moduletablehoofdmenu ul li a:hover,
				.moduletablehoofdmenu ul li.active a{color:#6eaaff;}
				
				.moduletablehoofdmenu ul li ul{ display:none; position:absolute; left:0px; top:45px; z-index:9000;}
				.moduletablehoofdmenu ul li:hover ul{display:block; background:#094fa4; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; opacity:0.9; filter:alpha(opacity=90); }
				.moduletablehoofdmenu ul li ul li{float:none; background:none;}
				.moduletablehoofdmenu ul li ul li a{font-size:12px; color:#fff; width:240px; height:32px; line-height:32px; text-transform:uppercase; padding:2px 10px 4px 10px!important;}
				.moduletablehoofdmenu ul li.active ul li a{color:#fff;}
				.moduletablehoofdmenu ul li.active ul li a:hover,
				.moduletablehoofdmenu ul li.active ul li.active a{color:#6eaaff;}
				
				.moduletablehoofdmenu ul li ul li ul{ display:none!important; position:absolute; left:260px; top:0px; z-index:9000; }
				.moduletablehoofdmenu ul li:hover ul li:hover ul{display:block!important; background:#094fa4; -webkit-border-radius: 10px; border-radius: 10px;}
				.moduletablehoofdmenu ul li ul li ul li{float:none;}
				.moduletablehoofdmenu ul li ul li ul li a{font-size:12px; color:#fff; width:240px; text-transform:none;}
				.moduletablehoofdmenu ul li.active ul li.active ul li a{color:#fff;}
				.moduletablehoofdmenu ul li.active ul li.active ul li.active a{color:#6eaaff;}
				
				.item-101 a{background:url(../images/home1.png) no-repeat center center!important; text-indent:-9999px; width:24px;}
				.item-101 a:hover, .item-101.current a{background:url(../images/home2.png) no-repeat center center!important;}
				
	.slidercontainer{
		width:100%;
		height:280px;
		background:#ccc;
		position:relative;
	}
		.cycle-slideshow { width:100%; height:280px; margin:auto; }
		.cycle-slideshow img { opacity:0; filter:alpha(opacity=0); width:100%; }
		.cycle-slideshow div { width:100%; height:280px; }
	    .cycle-slide{-webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important;}
		
		.slidercartoverlay{
			width:100%;
			position:absolute;
			top:0px;
			z-index:999;
		}
			.slidercartoverlaycenter{
				width:960px;
				margin:0px auto;
			}
				.moduletablecart{
					float:right;
					width:120px;
					height:80px;
					padding:10px 20px 10px 80px;
					background:url(../images/cartoverlaybg.png) no-repeat bottom right;
				}
					.moduletablecart h3{text-align:left; font-size:14px; padding-bottom:0px;}
					.moduletablecart .total{float:left!important;}
					.moduletablecart .total_products{float:left!important;}
					.moduletablecart .show_cart a{float:left!important;}
		
		.slideroverlaycontainer{
			width:100%;
			height:60px;
			background:url(../images/bgslideroverlay.png) repeat;
			position:absolute;
			bottom:0px;
			z-index:100;
		}
			.slideroverlaycontainercenter{
				width:960px;
				height:60px;
				margin:0px auto;
			}
				.moduletablesliderpijler{text-align:center;}
				.moduletablesliderpijler p{color:#fff; font-family: 'robotoblack'; font-size:16px; text-transform:uppercase; padding:18px 0px 0px 0px; margin:0px;}
	.contentcontainer{
		width:100%;
		background:#ffffff;
	}
		.contentcontainercenter{
			width:960px;
			margin:0px auto;
			padding:15px 0px;			
		}
			.bestellenbg{width:472px; height:129px; background:url(../images/bestellenbg.jpg) no-repeat top center;}
			.werktbg{width:472px; height:129px; background:url(../images/werktbg.jpg) no-repeat top center;}
			.winkelbg{width:472px; height:129px; background:url(../images/winkelbg.jpg) no-repeat top center;}
			.videobg{width:472px; height:129px; background:url(../images/videobg.jpg) no-repeat top center;}
			
			.bestellenbg.over{background:url(../images/bestellenbg2.jpg) no-repeat top center;}
			.werktbg.over{background:url(../images/werktbg2.jpg) no-repeat top center;}
			.winkelbg.over{background:url(../images/winkelbg2.jpg) no-repeat top center;}
			.videobg.over{background:url(../images/videobg2.jpg) no-repeat top center;}
			
			.bestellenbg h2{margin-top:10px; color:#fff;}
			.bestellenbg h2 a{color:#fff;}
			.bestellenbg h2 a:hover{color:#BFD4EF;}
			.werktbg h2 a:hover, .winkelbg h2 a:hover, .videobg h2 a:hover{color:#333333;}
			.werktbg h2, .winkelbg h2, .videobg h2{margin-top:10px;}
			
			.bestellenbg p{color:#bfd4ef;}
			
			.article-info-term{display:none;}
			dd.create{color:#aaa;}
			
	.subcontentcontainer{
		width:100%;
		background:#e8e8e8;
	}
		.subcontentcontainercenter{
			width:960px;
			margin:0px auto;
			padding:30px 0px;			
		}
			.subcontentcontainercenter h2{text-transform:uppercase; font-size:24px; padding-bottom:25px;}
			.subcontentcontainercenter table td p{ margin:0px; }
			.subcontentcontainercenter table td.toepassingtxt p{margin-bottom:16px;}

	.footercontainer{
		width:100%;
		background:url(../images/bgfootercontainer.jpg) repeat-x top #000000;
	}
		.footercontainercenter{
			width:960px;
			margin:0px auto;
			padding:30px 0px;			
		}
			.footerl{float:left; width:280px; margin-right:50px;}
			.footerm{float:left; width:280px; margin-right:50px;}
			.footerr{float:left; width:300px; margin-right:0px;}
			
			.footercontainercenter h3{color:#ffffff; margin-bottom:20px; font-size:16px;}
			.footercontainercenter h2{color:#ffffff;}
			.footercontainercenter p,
			.footercontainercenter span{color:#ffffff;}
			.footercontainercenter a{color:#ffffff;}
			.footercontainercenter a:hover{color:#bfd4ef;}
			
			.footercontainercenter a.leesmeerlink{margin-top:15px; background:#e9e8e8; color:#000;}
			.footercontainercenter a.leesmeerlink:hover{background:url(../images/readmorelinkbg2.jpg) repeat-x center center #014bb9; color:#fff;}
			.footercontainercenter .rsform-submit-button{margin-top:10px; background:#e9e8e8; color:#000!important; padding:8px 16px!important; display:block; width:110px!important; text-align:center; text-decoration:none; -webkit-border-radius: 8px; border:0px none!important; cursor:pointer; border-radius: 8px; font-family: 'robotoblack'; font-size:10px; text-transform:uppercase;}
			.footercontainercenter .rsform-submit-button:hover{background:url(../images/readmorelinkbg2.jpg) repeat-x center center #014bb9; color:#fff!important;}
			
			p.articleinfo{margin-bottom:9px;}
			
			.rsformcontactform fieldset{border:0px none;}
			.rsformcontactform fieldset.formFieldset ol.formContainer li{padding:0px 0px 0px 0px;}
			.rsformcontactform fieldset.formFieldset ol.formContainer li input{margin-bottom:5px; padding:10px 10px; border:1px solid #000; color:#999; width:260px;}
			.rsformcontactform fieldset.formFieldset ol.formContainer li textarea{margin-bottom:5px; padding:10px 10px; border:1px solid #000; color:#999; font-family:Arial, Verdana, Tahoma, Helvetica; width:260px;}
			.rsformcontactform .rsform-block .formCaption2{display:none;}
			.rsformcontactform .rsform-block-antispam .formBody{position:relative;}
			.rsformcontactform .rsform-block-antispam img{position:absolute!important; left:0px; top:0px;}
			.rsformcontactform .rsform-block-antispam input{position:absolute; left:105px; top:0px;}
			.rsformcontactform .rsform-block-antispam a{position:absolute; left:205px; top:7px;}
			.rsformcontactform .rsform-block-verzenden input{}
			
			.copyright{width:960px; text-align:center; padding:30px 0px 0px 0px;}
			.copyright span{color:#807f7f; font-family: 'robotoblack'; font-size:10px;}
			.copyright a{color:#807f7f; text-decoration:none; font-family: 'robotoblack'; font-size:10px;}