#item { width: 200px; height: 200px; padding: 20px; }

a { outline: none; color: #fff; }
a img { border: none; margin: 0 0 0 0; }
body, html { margin: 0; }

.contactgegevens ul, 
.contactgegevens li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

li.ajax-loading a,
div.ajax-loading { 
	
	display: none;
	visibility: hidden;

}

li.ajax-loading a { background: #000042 url(../img/ajax-loader-blok.gif) center center no-repeat !important; }

div.ajax-loading { 
	
	position: absolute;	
	width: 16px;
	height: 16px;
	background: #fff url(../img/ajax-loader.gif) no-repeat !important;
	z-index: 999;

}

#testresultaten-zoeken div.ajax-loading { 
	
	top: 3px;
	left: 126px;
	
}

#form-zoeken div.ajax-loading { top: 2px; right: 4px; }




label { text-transform: lowercase; }

p,
h1, h2, h3 { margin: 5px 0 15px 0; }

p.message { font-weight: bold; }

h1, h2, h3, h4 { font-family: Calibri, Verdana, Geneva, sans-serif; } 

h1 { font-size: 19px; }
h2 {
	font-size: 20px;
	font-style:italic;
}
h3 { font-size: 13px; }
.right h4 { font-size: 20px; font-style: italic; }
.right h4 span { display: block; text-align: right; }

a.button-top { 
	
	position: absolute;
	right: -80px;
	top: 30px;
	z-index: 1;
	
	display: none;
	text-indent: -9999px;
	width: 76px;
	height: 77px;
	
	background: url(../img/back-top-top.png);
	
}


html, body { height:100%; }

body {
	background: #546d9b url(../img/site-bg.png);
	background-size:cover;
	text-align: center;
	font: 12px/19px Verdana, Geneva, sans-serif;
	color: #fff;
	background-attachment:fixed;
}

#container {
	
	position: relative;

	margin-top:0px;

	width: 980px;
	box-sizing:border-box;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
	
	margin: 0 auto 0 auto;
	text-align: left; 
	
	background: -moz-linear-gradient(top,  rgba(1,0,66,1) 0%, rgba(95,124,172,0.45) 55%, rgba(125,185,232,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,0,66,1)), color-stop(55%,rgba(95,124,172,0.45)), color-stop(100%,rgba(125,185,232,0)));
	background: -webkit-linear-gradient(top,  rgba(1,0,66,1) 0%,rgba(95,124,172,0.45) 55%,rgba(125,185,232,0) 100%);
	background: -o-linear-gradient(top,  rgba(1,0,66,1) 0%,rgba(95,124,172,0.45) 55%,rgba(125,185,232,0) 100%);
	background: -ms-linear-gradient(top,  rgba(1,0,66,1) 0%,rgba(95,124,172,0.45) 55%,rgba(125,185,232,0) 100%);
	background: linear-gradient(to bottom,  rgba(1,0,66,1) 0%,rgba(95,124,172,0.45) 55%,rgba(125,185,232,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010042', endColorstr='#007db9e8',GradientType=0 );

	background:#5a729a url(../img/homepage-bg1.png) repeat-x top center;
	padding-top:20px;

}

#background {
	
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -637px;
	
	width: 1275px;
	height: 320px;

}

#background img { position: absolute; top: 324px; right: 140px; z-index: 20; }

#header {
	position: relative;
	z-index: 1;
	width: 980px;
	width: 1050px;
	height: 301px;
	clear: both;
	box-sizing:border-box;
	margin-left:-52px;
	padding-left:52px;
	background:url(../img/header/bg-1.png);
}

/*
	Header
*/

.background0 { background-position: 0 0; }
#header.header0 { background: url(../img/header/bg-1.png); }

.background1 { background-position: 0 -321px; }
#header.header1 { background: url(../img/header/bg-1.png); }

.background2 { background-position: 0 -642px; }
#header.header2 { background: url(../img/header/bg-2.png); }

.background3 { background-position: 0 -963px; }
#header.header3 { background: url(../img/header/bg-3.png); }

.background4 { background-position: 0 -1284px; }
#header.header4 { background: url(../img/header/bg-4.png); }

.background5 { background-position: 0 -1605px; }
#header.header5 { background: url(../img/header/bg-5.png); }

.background6 { background-position: 0 -1926px; }
#header.header6 { background: url(../img/header/bg-6.png); }


#logo{
	margin:0;
	padding:0;
}
	#logo a{
		display: block;
		width: 217px;
		height: 176px;
		background: url(../img/logo.png);
		text-indent:-9999px;
		position:relative;
		top:22px;
	}

#slogan { 
	position: absolute;
	top: 186px;
	left: 52px;
	width: 455px;
	height: 51px;
	background: url(../img/slogan.png);
}

#breadcrumb {	
	position: absolute;
	bottom: 29px;
	left: 38px;
	width: 517px;
	height: 35px;
	background: url(../img/breadcrumb.png);
	font-size: 14px;
	color: #fff;
	text-transform: lowercase;
	
}

#breadcrumb .breadcrumbs { display: block; margin: 10px 0 0 28px; }

#breadcrumb .breadcrumbs,
#breadcrumb a { color: #fff; text-decoration: none; font-size: 14px; font-weight: bold; font-style: italic; }

/*
	@	Language Selection
	#	- Taalkeuze menu
*/

#language-select {
	
	position: absolute;
	z-index: 999;
	top: 3px;
	left: 652px;
	width: 169px;
	
}

#language-select h3 { 

	display: block;
	height: 20px;
	width: 160px;
	background: #ccc;
	
	font-size: 14px; 
	font-weight: normal;
	color: #fff; 
	text-indent: 15px;
	margin: 0; 
	background: url(../img/lang-select.jpg) 145px 4px no-repeat;
	cursor: pointer;
	text-transform: lowercase;
	
}

#language-select h3:hover { color: #6c96c5; }

#language-select div.inhoud { display: none; }

#language-select div.bg {
	
	position: absolute;
	top: 18px;
	left: 0;
	width: 166px;
	height: 220px !important;
	height: 112px;
	background: #050034;
	opacity: 0.7;
	
}

#language-select ul {
	
	position: relative;
	top: 18px;
	left: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	
}

#language-select ul li { text-indent: 15px; display:list-item;}

#language-select ul li img { position: relative; top: 3px; margin: 0 10px 0 0; display: none; }

#language-select ul li a {
	
	display: block;
	width: 165px;
	height: 34px;
	
	font-size: 11px;
	/*line-height: 30px;*/
	color: #fff;
	text-decoration: none; 
	text-indent: 10px;
	
}

#language-select ul li a:hover { background: #1a1a55; }
#language-select ul li#active_language a { color: #6c96c5; }
#language-select ul li#active_language a { font-weight: bold; }

/*
	@	Header - Links - Onder
*/

#header-links-onder {
	
	position: absolute;
	bottom: 0px;
	right: 200px;
	z-index: 8;
	
	width: 240px;
	height: 117px;
	text-align: center;
	
}

#header-links-onder a { display: block; margin: 15px 0 0 0; }

/*
	@	Header - Rechts - Onder
*/

#header-rechts-onder {
	position: absolute;
	bottom: 20px;
	right: 0;
	z-index: 8;
	width: 402px;
	height: 158px;
	background:right center no-repeat;
}
#header-rechts-onder.nl-nl {
	background-image:url(https://trello-attachments.s3.amazonaws.com/5728c33aa47b318eba033290/422x127/d98027b50dfb81ff9038c44966c7898e/lily-league-nl.png);
}
#header-rechts-onder.en-gb {
	background-image:url(https://trello-attachments.s3.amazonaws.com/5728c33aa47b318eba033290/422x127/06665982b55bf98b60a35dcd4ac3a40a/lily-league-en.png);
}
#header-rechts-onder.es-es {
	background-image:url(https://trello-attachments.s3.amazonaws.com/5728c33aa47b318eba033290/422x127/06c843557b273c65d67a1982d4d02c95/lily-league-es.png);
}
#header-rechts-onder.zh-cn,
#header-rechts-onder.zh-tw {
	background-image:url(https://trello-attachments.s3.amazonaws.com/5728c33aa47b318eba033290/422x127/47decaa25dd280da7f11570b5e65e908/lily-league-ch.png);
}

/* #header-rechts-onder {
	position: absolute;
	bottom: -24px;
	right: -40px;
	z-index: 8;
	width: 402px;
	height: 158px;
	background:url(../img/header/company-video-notext.png) right center no-repeat;
}
 */
#header-rechts-onder span{
	font-style: italic;
	font-weight: bold;
	font-size: 19px;
	margin-bottom: 20px;
	text-decoration: none;
	display: inline-block;
	margin-top: 103px;
	margin-left: 9px;
	text-shadow: 0.1em 0.1em 0.1em #666;
	text-shadow: 0 0 0.4em rgba(0,0,0,0.8);
}
#header-rechts-onder span{
	display:none;
}


#header-rechts-onder div.wrapper { position: absolute; bottom: 0; padding: 0 10px 10px 15px; }
#header-rechts-onder div.nieuwsitem { margin: 0 0 9px 0; }
#header-rechts-onder div.nieuwsitem a.title { display: block; margin: 0 0 0 0; font: bold italic 12px Calibri Verdana, Geneva, sans-serif; }
#header-rechts-onder div.nieuwsitem a.title span { display: block; font: 12px Verdana, Geneva, sans-serif; margin: 2px 0 0 0; }
#header-rechts-onder div.nieuwsitem a { color: #fff; text-decoration: none; font-size: 10px; }
#header-rechts-onder div.nieuwsitem a:hover { color: #050034 !important; }

/*
	@	Menu
	#	- Het hoofdmenu
*/

#menu {
	position: absolute;
	z-index: 11;
  left: 335px; /* Afstand voor 5 Hoofditems */
  left: 350px; /* Afstand voor 6 Hoofditems */
	bottom: 63px;
	width: 294px;
	height: 205px;
	height: auto;
}

#menu ul.menu {
	
	background: url(../img/menu-top.png) right no-repeat;
	padding: 1px 0 0 0;
	margin: 2px 0 0 0; 
	list-style: none;
	
}

pre { display: block; background: #000; padding: 10px; clear: both; float: none; position: relative; z-index: 2; }

#menu ul li {
	
	position: relative;
	display: block;
	width: 278px;
	height: 34px;
	background: url(../img/menu-item.png) right;

	*margin-bottom: -1px;
	float: right;
	clear: both;
	overflow: hidden;

}

#menu ul li.menuitem0 { display: none; }
#menu ul li.menuitem1 { right: 1px; }
#menu ul li.menuitem2 { right: 17px; }
#menu ul li.menuitem3 { right: 33px; }
#menu ul li.menuitem4 { right: 49px; }
#menu ul li.menuitem5 { right: 65px; }
#menu ul li.menuitem6 { right: 81px; }
#menu ul li.menuitem7 { right: 97px; }

#menu ul li a { 
	
	display: block;
	float: right;
	height: 33px;
	width: 258px;
	padding-right: 20px;

	font: 12px/31px Verdana, Geneva, sans-serif; 
	text-decoration: none; 
	text-align: right;
	text-transform: lowercase;
	color: #fff;
	clear: both;
	overflow: hidden;
	
}	

#menu ul li a:hover { background: url(../img/menu-hover.png) no-repeat; }
#menu ul li.active a { background: url(../img/menu-active.png) no-repeat; }

#menu ul.menu,
#submenu ul.menu { visibility: hidden; }

/*
	@	Submenu
	#	- Het submenu
*/

#submenubg {
	
	position: absolute;
	
	top: 63px;
	left:526px;
	
	width: 365px;
	height: 238px;
	
	background: url(../img/submenu.png);
	
}

#submenu {
	
	position: absolute;
	
	top: 62px;
	left:527px;
	
	z-index: 10;
	
	width: 267px;
	height: 239px;
	height: auto;
	
	background: url(../img/submenu-lijnen.png);
	
}

#submenu ul.menu {
	
	margin: 0;
	list-style: none;
	background: url(../img/submenu-top.png) 62px no-repeat;
	background: none;
	padding: 1px 0 0 0;
	
}

#submenu ul li {
	
	position: relative;
	display: block;
	width: 398px;
	height: 34px;
	background: url(../img/submenu-item.png) no-repeat;
	background: none;
	float: left;
	clear: both;
	*margin-bottom: -1px;
	
}

#submenu ul li.menuitem1 { left: 83px; _left: 58px; }
#submenu ul li.menuitem1 a { background-position: 17px 1px; }

#submenu ul li.menuitem2 { left: 68px; _left: 42px; }
#submenu ul li.menuitem2 a { background-position: 16px 1px; }

#submenu ul li.menuitem3 { left: 53px; _left: 26px; }
#submenu ul li.menuitem3 a { background-position: 15px 1px; }

#submenu ul li.menuitem4 { left: 38px; _left: 10px; }
#submenu ul li.menuitem4 a { background-position: 14px 1px; }

#submenu ul li.menuitem5 { left: 23px;  _left: -5px;}
#submenu ul li.menuitem5 a { background-position: 13px 1px; }

#submenu ul li.menuitem6 { left: 8px; _left: -20px; }
#submenu ul li.menuitem6 a { background-position: 12px 1px; }

#submenu ul li.menuitem7 { left: -7px; _left: -36px; }	
#submenu ul li.menuitem7 a { background-position: 11px 1px; }

#submenu ul li a { 
	
	display: block;
	height: 34px;
	padding-right: 20px;
	margin: 0 0 1px 0;
	
	font: 11px/31px Verdana, Geneva, sans-serif; 
	text-decoration: none; 
	text-transform: lowercase;
	text-indent: 34px;
	color: #fff; 
	
	background-repeat: no-repeat;

}	

#submenu ul li a:hover { background-image: url(../img/submenu-hover.png); }
#submenu ul li.active a { background-image: url(../img/submenu-active.png); /*_background: none;*/ }	
#submenu ul li.active a:before { /*content: "- ";*/ }



#content {
	position: relative;
	width: 980px;
	box-sizing:border-box;
	clear: both;
	padding-bottom: 60px;
}
#content:before,
#content:after {
  content:"";
  display:table;
}
#content:after {
  clear:both;
}

#zoekcontent { z-index: 999; display: none; position: absolute; background: none; overflow: scroll; overflow: visible !important; }

#content div.right {
	min-height: 200px;
}
	#content div.right .custom h2{
		font-family:Calibri, Verdana, Geneva, sans-serif;
		font-size:19px;
	}

#content div.inhoud { 
	
	clear:both;
	width: 400px;
	width: auto;
	min-height:550px;
	
	/*background: #fff url(../img/content.jpg) repeat-y;*/
	padding: 20px 20px 0 20px;
	
}

.zoekvlak {
	
	width: auto;
	padding: 20px 20px;
	background: #fff url(../img/content.jpg) repeat-y;
	overflow: hidden;
	
}

#site-footer{
	background-color:#050034;	
}
	#site-footer a{
		text-decoration:none;
		display:block;
	}
	#site-footer a:hover{
		text-decoration:underline;
	}
	#site-footer .inner{
		position:relative;
		width:980px;
		margin:0 auto;
		text-align:left;
		padding:30px;
		box-sizing:border-box;
		background:url(../img/footer-bg.jpg) left top repeat-x;
		min-height:285px;
	}
	#site-footer .copyright{
		bottom:10px;
		position: absolute;
	}
		#site-footer .copyright small,
		#site-footer .copyright small a{
			color:#777;
			display:inline-block;
		}
		#site-footer .copyright a:hover{
			text-decoration:underline;
		}
		#footer-sitemap,
		#footer-sitemap li{
			list-style:none;
			margin:0;
			padding:0;
			vertical-align:top;
		}
		#footer-sitemap > li{
			margin-right:20px;
			display:inline-block;
		}
		#footer-sitemap > li:first-child{
			display:none;
		}
			#footer-sitemap > li > a{
				font-weight:bold;
				padding-bottom:10px;
			}
			#footer-sitemap ul{
				font-size: 11px;
				margin:0;
				padding:0;
				line-height: 18px;
		  }

#footer-wrapper {
	display:none;
} 
#footer { 
	clear: both;
	margin: 80px 0 10px 0; 
	padding: 0; 
	list-style: none;
}

#footer li { display: inline; color: #fff; font-size: 10px; margin: 0 10px 0 0; }
#footer li:first-child { padding: 0 10px 0 0; border-right: 1px solid #fff;  }

#footer li a { color: #fff; text-decoration: none; }
ul.latestnews {
	list-style:none;
	margin:0;
	padding:0;
}

/* Hide "Links" from footer */
#footer-sitemap .item-66 {
	display: none;
}

#ckform1 textarea  {
  width:136px;
}
#ckform1 label  {
  text-transform: lowercase !important;
}

.captchaCont {
  margin-left: 160px;
  margin-top: 10px;
}

#ckformcontainer {
	padding: 3px;
	max-width: 400px;
}	
	#ckformcontainer .ck_mandatory{
		color:#fff;
	}


.ckform .ckCSSlabel {
    display: block;
    float: left;
    font-size: 1em;
    margin-top: 10px;
    width: 40%;
}
.ckform .inputbox,
.ckform .ckCSSinput  {
    display: block;
    float: left;
    margin-top: 10px;
    width: 57% !important;
}
	textarea[name="vraag"]{
		min-height:100px;
	}

	.ckform input[type="submit"]{
		background: #769dce;
		background: -moz-linear-gradient(top,  #769dce 0%, #5b82b2 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#769dce), color-stop(100%,#5b82b2));
		background: -webkit-linear-gradient(top,  #769dce 0%,#5b82b2 100%);
		background: -o-linear-gradient(top,  #769dce 0%,#5b82b2 100%);
		background: -ms-linear-gradient(top,  #769dce 0%,#5b82b2 100%);
		background: linear-gradient(to bottom,  #769dce 0%,#5b82b2 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#769dce', endColorstr='#5b82b2',GradientType=0 );
		border-radius:6px;
		border:solid #fff 1px;
		display:inline-block;
		text-decoration:none;
		min-width:120px;
		height:30px;
		line-height:30px;
		text-align:center;
		color:#fff;
		text-shadow: 0.1em 0.1em 0.2em #000;
		font-weight:bold;
		box-sizing:border-box;
		margin-top:10px;
		margin-left:266px;
	}
		.ckform input[type="submit"]:hover{
			background: #5b82b2;
			background: -moz-linear-gradient(top,  #5b82b2 0%, #769dce 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b82b2), color-stop(100%,#769dce));
			background: -webkit-linear-gradient(top,  #5b82b2 0%,#769dce 100%);
			background: -o-linear-gradient(top,  #5b82b2 0%,#769dce 100%);
			background: -ms-linear-gradient(top,  #5b82b2 0%,#769dce 100%);
			background: linear-gradient(to bottom,  #5b82b2 0%,#769dce 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#769dce', endColorstr='#5b82b2',GradientType=0 );
		}

a[href*="www.faboba.com"] {
	display:none !important;
}

label.error {
	display: none !important;
}

.contentpaneopen .ckform input.error,
.contentpaneopen .ckform textarea.error {
	border-color: red !important;
}

/** Home News */
.right .moduletable > h3{
	font-style:italic;
	font-weight:bold;
	/*font-size:16px;*/
	font-size:20px;
	margin-bottom:20px;
}
.home-news-title{
}
	.newsflash{
		box-sizing:border-box;
		margin-bottom:43px;
		-moz-box-shadow: -2px 2px 13px rgba(0,0,0,0.2);
		-webkit-box-shadow: -2px 2px 13px rgba(0,0,0,0.2);
		box-shadow: -2px 2px 13px rgba(0,0,0,0.2);
		box-sizing: border-box;
		padding: 14px;
	}
	.news-item{
		box-sizing:border-box;
		padding:14px;
	}
	.news-item .title{
		font-weight: bold;
		margin-bottom: 14px;
	}
	.newsflash .readmore{
		text-align:right;
		font-style:italic;
		display:block;
	}


/** Home Assortment */
.home-assortment{
	clear:both;
	padding-top:30px;
	border-top:solid #8299be 1px;
}
	.home-assortment-title{
		font-style:italic;
		font-weight:bold;
		font-size:16px;
		margin-bottom:20px;
	}
	.home-assortment .item_front {
		width:170px;
		box-sizing:border-box;
		margin-right:22px;
		border:solid 1px #fff;
		float:left;
		box-sizing:border-box;
		display:block;
		text-decoration:none;
	}
	.home-assortment .item_front.lastitem_front {
		margin-right:0;
	}
		.home-assortment .item_front .image{
			max-height:210px;
			overflow:hidden;
		}
		.home-assortment .item_front img{
			display:block;
		}
		.home-assortment .item_front .Naam_kl{
			line-height:50px;
			border-top:1px solid #fff;
			height:50px;
			margin:0;
			padding:0;
			background:url(../img/assortiment/product-title-bg.png);
			text-align:center;
			font-weight:bold;
			text-decoration:none;
			font-style:italic;
			font-weight:bold;
			font-size:14px;
		}

/**
 * Newsletter banner
 */
#newsletter-banner{
	background:url(../img/newsletter-banner-notext.png) center center no-repeat;
	width:200px;
	height:87px;
	display:block;
	position:fixed;
	top:400px;
	right:-148px;
	z-index:1;
	-webkit-transition:right 1s;
	transition:right 1s;
	box-sizing: border-box;
}

#newsletter-banner span{
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 20px;
	padding-top: 24px;
	text-decoration: none;
	display: inline-block;
	width: 148px;
	margin-left: 46px;
	/*margin-top:20px;*/
	text-shadow: 0.1em 0.1em 0.1em #666;
	text-shadow: 0 0 0.4em rgba(0,0,0,0.8);
	-webkit-transition:margin 1s;
	transition:margin 1s;
}
	#newsletter-banner::before{
		content:"";
		display:block;
		position:absolute;
		background:url(../img/envelop.png);
		left:25px;
		top:25px;
		width:17px;
		height:33px;
		-webkit-transition:left 0.8s, opacity 0.8s;
		transition:left 0.8s, opacity 0.8s;
	}
	#newsletter-banner:hover{
		right:0;
		background-image:url(../img/newsletter-banner-notext.png);
		-webkit-transition:right 1s;
		transition:right 1s;
	}
	#newsletter-banner:hover span{
		margin-left:12px;
		-webkit-transition:margin 1s;
		transition:margin 1s;
	}
		#newsletter-banner:hover::before{
			left:200px;
			opacity:0;
			-webkit-transition:left 1s, opacity 0.8s;
			transition:left 1s, opacity 0.8s;
		}

/**
 * Form styles
 */
.left input,
.left select{
	height:30px;
	box-sizing:border-box;
	padding:0 10px;
	border:none;
	border-radius:5px;
	box-sizing:border-box;
  -webkit-box-shadow:inset -1px 1px 2px #808080;
     -moz-box-shadow:inset -1px 1px 2px #808080;
          box-shadow:inset -1px 1px 2px #808080;
  background:#fff;
  margin:3px 0;
}

#mc_embed_signup .mc-field-group #mce-gdpr_consent {
  width: auto;
  display: inline-block;
  text-indent: 0;
  padding: 0;
  float: left;
  vertical-align: top;
  position: relative;
  margin-right: 10px;
}
#mc_embed_signup .mc-field-group label[for="mce-gdpr_consent"] {
  top: 0 !important;
}

/**
 * Assortment search form
 */
#assortiment-title{
	margin-top:18px;
	margin-bottom:0;
	margin-left:18px;
}
#bovencontent #form-zoeken{
	padding:18px 14px;
	background: #536ea4;
	margin:9px 18px;
	background: -moz-linear-gradient(top,  #536ea4 0%, #8ba6cc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#536ea4), color-stop(100%,#8ba6cc));
	background: -webkit-linear-gradient(top,  #536ea4 0%,#8ba6cc 100%);
	background: -o-linear-gradient(top,  #536ea4 0%,#8ba6cc 100%);
	background: -ms-linear-gradient(top,  #536ea4 0%,#8ba6cc 100%);
	background: linear-gradient(to bottom,  #536ea4 0%,#8ba6cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#536ea4', endColorstr='#8ba6cc',GradientType=0 );
	-moz-box-shadow: -2px 2px 13px rgba(0,0,0,0.2);
	-webkit-box-shadow: -2px 2px 13px rgba(0,0,0,0.2);
	box-shadow: -2px 2px 13px rgba(0,0,0,0.2);
	position:relative;
}
	#bovencontent #form-zoeken .inner-left{
		width:380px;
		display:inline-block;
		vertical-align:top;
	}
	#bovencontent #form-zoeken .inner-right{
		display:inline-block;
	}

	#catalog-search-label{
		font-style:italic;
		font-weight:bold;
		margin-bottom:10px;
		display:block;
	}
	#bovencontent #form-zoeken .item label{
		width:100px;
		text-transform: none;
		font-weight:bold;
	}
	#bovencontent #form-zoeken .item label,
	#bovencontent #form-zoeken .item input,
	#bovencontent #form-zoeken .item select,
	#bovencontent #form-zoeken .item .itemsmal{
		display:inline-block;
	}
	#bovencontent #form-zoeken select{
		min-width:244px;
	}
	#bovencontent #form-zoeken .item .itemsmal select{
		min-width:120px;
	}
	#bovencontent #form-zoeken #naam{
		min-width:348px;
	}
	#bovencontent #form-zoeken input,
	#bovencontent #form-zoeken select{
		height:30px;
		box-sizing:border-box;
		border:none;
		border-radius:5px;
		box-sizing:border-box;
	  -webkit-box-shadow:inset -1px 1px 2px #808080;
	     -moz-box-shadow:inset -1px 1px 2px #808080;
	          box-shadow:inset -1px 1px 2px #808080;
	  background:#fff;
	  margin:3px 0;
	}
	#bovencontent #form-zoeken input{
		padding:0 8px;
	}

	#kleurenkiezer,
	#kleurenkiezer li{
		list-style:none;
		margin:0;
		padding:0;
	}
	#kleurenkiezer{
		margin:3px 0 0 104px;
	}
	#kleurenkiezer li{
		width:37px;
		height:37px;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		border-radius:6px;
		box-sizing:border-box;
		text-indent:-9999px;
		cursor:pointer;
		display:inline-block;
		margin-right: 0;
		-moz-box-shadow:inset 0px -2px 3px rgba(0,0,0,0.6);
		-webkit-box-shadow:inset 0px -2px 3px rgba(0,0,0,0.6);
		box-shadow:inset 0px -2px 3px rgba(0,0,0,0.6);
	}
	#kleurenkiezer li[value="1"]{
		background:#ffcccb;
	}
	#kleurenkiezer li[value="2"]{
		background:#e2017b;
	}
	#kleurenkiezer li[value="3"]{
		background:#e3001b;
	}
	#kleurenkiezer li[value="4"]{
		background:#f29400;
	}
	#kleurenkiezer li[value="5"]{
		background:#feed01;
	}
	#kleurenkiezer li[value="6"]{
		background:#ffffff;
	}
	#catalog-search-submit,
	#mc_embed_signup input.button/* Inschrijven voor nieuwsbrief */
	{
		background: #769dce;
		background: -moz-linear-gradient(top,  #769dce 0%, #5b82b2 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#769dce), color-stop(100%,#5b82b2));
		background: -webkit-linear-gradient(top,  #769dce 0%,#5b82b2 100%);
		background: -o-linear-gradient(top,  #769dce 0%,#5b82b2 100%);
		background: -ms-linear-gradient(top,  #769dce 0%,#5b82b2 100%);
		background: linear-gradient(to bottom,  #769dce 0%,#5b82b2 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#769dce', endColorstr='#5b82b2',GradientType=0 );
		border-radius:6px;
		border:solid #fff 1px;
		display:inline-block;
		text-decoration:none;
		min-width:120px;
		height:30px;
		line-height:30px;
		text-align:center;
		color:#fff;
		text-shadow: 0.1em 0.1em 0.2em #000;
		font-weight:bold;
		box-sizing:border-box;
	}
	#catalog-search-submit{
		bottom:18px;
		right:11px;
		position:absolute;
	}
	#mc_embed_signup input.button/* Inschrijven voor nieuwsbrief */
	{
		font: 12px/19px Verdana, Geneva, sans-serif;
		font-weight: bold;
		text-transform: lowercase;
	}
	#catalog-search-submit:hover{
		background: #5b82b2;
		background: -moz-linear-gradient(top,  #5b82b2 0%, #769dce 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b82b2), color-stop(100%,#769dce));
		background: -webkit-linear-gradient(top,  #5b82b2 0%,#769dce 100%);
		background: -o-linear-gradient(top,  #5b82b2 0%,#769dce 100%);
		background: -ms-linear-gradient(top,  #5b82b2 0%,#769dce 100%);
		background: linear-gradient(to bottom,  #5b82b2 0%,#769dce 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#769dce', endColorstr='#5b82b2',GradientType=0 );
	}

/**
 * Catalog
 */
#assortiment .popupLink .item {
	width:140px;
	box-sizing:border-box;
	margin-right:16px;
	border:solid 1px #fff;
	float:left;
	box-sizing:border-box;
	display:block;
	text-decoration:none;
}
	#assortiment .popupLink .item img{
		display:block;
		width:140px;
		height:180px;
	}
	#assortiment .popupLink .item .Naam{
		line-height:45px;
		border-top:1px solid #fff;
		height:50px;
		margin:0;
		padding:0;
		background:url(../img/assortiment/product-title-bg.png);
		text-align:center;
		font-weight:bold;
		text-decoration:none;
		font-style:italic;
		font-weight:bold;
		font-size:14px;
		display:block;
		width:100%;
		color:#fff;
	}
		#assortiment .popupLink .item .Naam span{
			display: inline-block;
			vertical-align: middle;
			line-height: normal;
		}
	#catalog-pagination{
		clear:both;
		text-align:center;
	}
		#catalog-pagination .onings-button{
			font-size:10px;
			
		}
		#catalog-pagination .page{
			padding:0 35px;
			font-weight:bold;
		}

#button-top{
	display:none !important;
}

/**
 * Common
 */
.onings-button{
	background: #769dce;
	background: -moz-linear-gradient(top,  #769dce 0%, #5b82b2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#769dce), color-stop(100%,#5b82b2));
	background: -webkit-linear-gradient(top,  #769dce 0%,#5b82b2 100%);
	background: -o-linear-gradient(top,  #769dce 0%,#5b82b2 100%);
	background: -ms-linear-gradient(top,  #769dce 0%,#5b82b2 100%);
	background: linear-gradient(to bottom,  #769dce 0%,#5b82b2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#769dce', endColorstr='#5b82b2',GradientType=0 );
	border-radius:6px;
	border:solid #fff 1px;
	display:inline-block;
	text-decoration:none;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#fff;
	padding:0 14px;
	text-shadow: 0.1em 0.1em 0.2em #000;
	font-weight:bold;
	box-sizing:border-box;
}
.onings-button:hover{
	background: #5b82b2;
	background: -moz-linear-gradient(top,  #5b82b2 0%, #769dce 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b82b2), color-stop(100%,#769dce));
	background: -webkit-linear-gradient(top,  #5b82b2 0%,#769dce 100%);
	background: -o-linear-gradient(top,  #5b82b2 0%,#769dce 100%);
	background: -ms-linear-gradient(top,  #5b82b2 0%,#769dce 100%);
	background: linear-gradient(to bottom,  #5b82b2 0%,#769dce 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#769dce', endColorstr='#5b82b2',GradientType=0 );
}

/**
 * Tmp
 */
#header-links-onder .custom{
	display:none;
}


/**
 * Colorbox video overlay
 */

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}



@media only screen and (min-width:1350px) {
	#newsletter-banner{
		right:0;
		background-image:url(../img/newsletter-banner-notext.png);
		-webkit-transition:right 1s;
		transition:right 1s;
	}
		#newsletter-banner::before{
			left:200px;
			opacity:0;
			-webkit-transition:left 1s, opacity 0.8s;
			transition:left 1s, opacity 0.8s;
		}
	#newsletter-banner span{
		margin-left:12px;
	}

/**
	* Blog
	*/

.blog .items-leading{
	overflow:hidden;
	width:640px;
}
.blog .items-leading > div{
	margin-bottom: 50px;
	border-bottom: solid #fff 1px;
	padding-bottom: 50px;
}

#ckform1 label{
	text-transform:capitalize;
}

/**
 * News: video icon
 */
.vidicon{
	width: 34px;
	height: 34px;
	display: block;
	float: right;
	background: url("/templates/onings/img/news/video-icon.svg");
	background-size: 34px 34px;
}
.blog .vidicon{
	top: -6px;
	right:20px;
	position: relative;
}