/* Fonts */
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Cabin-Regular.eot');
  src: 	url('fonts/Cabin-Regular.eot#iefix') format('embedded-opentype'),
	url('fonts/Cabin-Regular.woff2') format('woff2'),
	url('fonts/Cabin-Regular.woff') format('woff'),
	url('fonts/Cabin-Regular.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/Cabin-Medium.eot');
  src: 	url('fonts/Cabin-Medium.eot#iefix') format('embedded-opentype'),
	url('fonts/Cabin-Medium.woff2') format('woff2'),
	url('fonts/Cabin-Medium.woff') format('woff'),
	url('fonts/Cabin-Medium.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/Cabin-SemiBold.eot');
  src: 	url('fonts/Cabin-SemiBold.eot#iefix') format('embedded-opentype'),
	url('fonts/Cabin-SemiBold.woff2') format('woff2'),
	url('fonts/Cabin-SemiBold.woff') format('woff'),
	url('fonts/Cabin-SemiBold.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/Cabin-Bold.eot');
  src: 	url('fonts/Cabin-Bold.eot#iefix') format('embedded-opentype'),
	url('fonts/Cabin-Bold.woff2') format('woff2'),
	url('fonts/Cabin-Bold.woff') format('woff'),
	url('fonts/Cabin-Bold.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/Cabin-Italic.eot');
  src: 	url('fonts/Cabin-Italic.eot#iefix') format('embedded-opentype'),
	url('fonts/Cabin-Italic.woff2') format('woff2'),
	url('fonts/Cabin-Italic.woff') format('woff'),
	url('fonts/Cabin-Italic.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/Cabin-MediumItalic.eot');
  src: 	url('fonts/Cabin-MediumItalic.eot#iefix') format('embedded-opentype'),
	url('fonts/Cabin-MediumItalic.woff2') format('woff2'),
	url('fonts/Cabin-MediumItalic.woff') format('woff'),
	url('fonts/Cabin-MediumItalic.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/Cabin-SemiBoldItalic.eot');
  src: 	url('fonts/Cabin-SemiBoldItalic.eot#iefix') format('embedded-opentype'),
	url('fonts/Cabin-SemiBoldItalic.woff2') format('woff2'),
	url('fonts/Cabin-SemiBoldItalic.woff') format('woff'),
	url('fonts/Cabin-SemiBoldItalic.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/Cabin-BoldItalic.eot');
  src: 	url('fonts/Cabin-BoldItalic.eot#iefix') format('embedded-opentype'),
	url('fonts/Cabin-BoldItalic.woff2') format('woff2'),
	url('fonts/Cabin-BoldItalic.woff') format('woff'),
	url('fonts/Cabin-BoldItalic.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  font-display: swap;
}
/* Algemeen */
* {font-family:Cabin,Tahoma,Helvetica,sans-serif;font-size:13px;outline:none!important;}
html,body {height:100%;min-width:1024px;margin:0px;background:#FFFFFF;}
html {-webkit-font-smoothing: antialiased!important;-webkit-text-stroke: 1px transparent;}
strong {color:#333;}
img {border:none;}

/* Input velden */
input,
select,
textarea {border:1px solid silver;color:#000;vertical-align:middle;background:#FFF;padding:0px;}

input[type="checkbox"],
input[type="radio"],
input[type="image"] {border:none;}

input[type="checkbox"],
input[type="radio"] {margin:0px 5px 0px 0px;padding:0px;width:15px;}

input[type="number"] {
    -moz-appearance:textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input:focus,
select:focus,
textarea:focus {background-color:#FFD;}

/* Fieldset */
fieldset {border:1px #ccc solid;text-align:left;padding:5px;margin:0px;margin-bottom:5px;}
legend {color:#0B55C4;font-weight:bold;margin:0px 0px 2px;padding:0px;}

/* Hyperlinks */
a {color:#0B55C4;text-decoration:none;}
a:hover{text-decoration:underline;}

/* Pseudo-elementen */
/*action styles */
*:active {outline:none!important;}
*:focus {outline:none!important;}
button::-moz-focus-inner,
select::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	border: none;
}

/* text-align */
.leftalign {text-align:left;}
.rightalign {text-align:right;}
.centeralign {text-align:center;}
.verticalalign {vertical-align:middle;}

/* Floats */
.left {float:left;}
.right {float:right;}
.clear {clear:both;}

/* Hoofdstructuur */
#body {min-height:100%;}

/* Header */
#header {background-color:#0B3962;height:118px;margin-bottom:10px;}
#header .logo {line-height:93px;display:inline-block;}
#header .logo img {height:50px;vertical-align:middle;}

#header .main,
#header .menu {width:960px;margin:0px auto;clear:both;padding:0px;}

#header .main {height:93px;}
#header .main p {color:#8C969D;margin:0px 10px;float:right;text-align:right;padding-top:5px;font-size:12px;}
#header .main p span {color:#FFF;}
#header .main a {color:#8C969D;font-size:12px;}
#header .main a strong {color:#FFF;font-size:12px;}
#header .main a:not(.logo):hover {color:#FFF;font-size:12px;}
#header .main a.logo:hover {text-decoration:none;}

#header .main form {float:right;padding:0px;color:#FFF;text-align:right;border:none;margin-right:10px;margin-top:5px;clear:both;}
#header .main form input[type='text'] {
	background: -moz-linear-gradient(top, #CCC 0, #EEEFFF 24px, rgba(225,225,225,1) 100px, rgba(238,238,238,1) 124px) no-repeat left top transparent;
	background: -webkit-linear-gradient(top, #CCC 0,#EEEFFF 24px,rgba(225,225,225,1) 100px,rgba(238,238,238,1) 124px) repeat left top transparent;
	background: -ms-linear-gradient(top, #CCC 0,#EEEFFF 24px,rgba(225,225,225,1) 100px,rgba(238,238,238,1) 124px) no-repeat left top transparent;
	background: linear-gradient(to bottom, #CCC 0,#EEEFFF 24px,rgba(225,225,225,1) 100px,rgba(238,238,238,1) 124px) no-repeat left top transparent;
	border: 1px solid #000000;
	border-radius: 13px 13px 13px 13px;
	box-shadow: 0 1px 0 #555555;
	color: #888888;
	float: left;
	font-family: Arial,Helvetica;
	font-style: italic;
	height: 17px;
	padding: 3px 30px 2px 10px;
	transition: background 0s linear 0s;
	width: 180px;
}
#header .main form input[type='submit']{
	background: url(../img/icons/22/search.png) no-repeat scroll 0 -114px transparent;
	border: 0 none;
	color: transparent;
	cursor: pointer;
	float: left;
	height: 21px;
	margin-left: -30px;
	position: relative;
	text-align: right;
	text-indent: -999em;
	width: 24px;
}

#header .main .buttons {float:right;clear:both;/*margin:5px 10px 0px 0px;*/}
#header .main .buttons a {display:block;text-align:center;margin-left:10px;float:left;color:#FFF;}
#header .main .buttons a img {margin:0px auto;position:relative;}
#header .main .buttons a span {display:block;font-size:12px;}
#header .main .buttons a img.default {display:inline;}
#header .main .buttons a img.overlay {display:none;}
#header .main .buttons a:hover {color:#8C969D;}
#header .main .buttons a:hover img.overlay {display:inline;}
#header .main .buttons a:hover img.default {display:none;}

/*Menustructuur*/
#header .menu-background{background-color:#DDDEDE;}
#header .menu {border-width:0px 0px 0px 1px;border-color:#FFF;border-style:solid;font-weight:bold;height:25px;}
#header .menu ul {list-style:none;margin:0px;padding:0px;width:100%;display:table;}
#header .menu ul li {padding:0px;border-width:0px 1px 0px 0px;border-color:#FFF;border-style:solid;width:11.11%;display:table-cell;font-weight:bold;line-height:25px;text-align:center;}
#header .menu ul li a {display:block;text-decoration:none;color:#8C969D;font-size:13px;}

#header .menu ul li ul {background:#CCC;display:none;position:absolute;width:225px;z-index:200;}
#header .menu ul li ul li {border-width:0px 0px 1px 0px;border-color:#FFF;border-style:solid;display:block;text-align:left;font-style:normal;padding-left:0px;width:100%;}
#header .menu ul li ul li a {background:url(../img/diverse/menu.png) 5px center no-repeat;padding:5px 5px 5px 20px;line-height:15px;}

#header .menu ul li:hover {background:#7C7C7C;}
#header .menu ul li:hover a {color:#FFFFFF;text-decoration:none;}
#header .menu ul li:hover ul li a {color:#666;}
#header .menu ul li:hover ul li:hover a {color:#FFF;}
#header .menu ul li:hover ul{display:block;}

/* content */
#content {width:960px;margin:0px auto 20px;min-height:100%;overflow:hidden;height:100%;padding-bottom:300px;position:relative;clear:both;}

/* Linkerkolom */
#content .leftnav {width:195px;height:100%;float:left;}
#content .leftnav img.top {width:195px;height:195px;}

/* Hoofdcontent */
#content .main {width:745px;position:relative;color:#666;float:left;margin-left:20px;}

/*Footer*/
#footer {bottom:0px;position:relative;width:100%;margin-top:-300px;}
#footer .sitemap {background: none repeat scroll 0 0 #DDDEDE/*#EEEEEF*/;display:block;overflow:hidden;padding:7px 0 0;width:100%;height:223px;}
#footer .footer div.wrapper, .sitemap  > div{width:960px;margin:0px auto;text-align:left;position:relative;}
#footer .sitemap div ul {list-style-type:none;margin:0px; padding:0px;float:left;width:20%;}
#footer .sitemap div ul li {font-weight:bold;}
#footer .sitemap div ul li a{color:#000;text-decoration:none;}
#footer .sitemap div ul li a:hover{text-decoration:underline;}
#footer .sitemap div ul li ul{float:none;width:100%;padding:0px 5px;}
#footer .sitemap div ul li ul li {font-weight:normal;padding:1px 0px;}
#footer .sitemap div ul li ul li a {font-size:12px;color:#666;}
#footer .footer {background-color:#0B3962;display: block;overflow: hidden;padding: 10px 0px;width: 100%;}

/* Grote knoppen (catalogus, rubrieken, concepten) */
.buttons ul {list-style-type:none;width:100%;margin:0px;padding:0px;clear:both;}
.buttons ul li {padding:0px;text-align:center;float:left;}
.buttons ul li a {display:block;text-decoration:none;color:#8C969D;font-size:13px;margin:0px auto;min-height:225px;}
.buttons ul li a img {display:block;margin:0px auto;border:2px solid #FFF;max-width:70%;}
.buttons ul li a span {}

.buttons.two-in-a-row ul li {width:50%;}
.buttons.three-in-a-row ul li {width:33%;}
.buttons.three-in-a-row ul li a img {max-width:175px;}
.buttons.four-in-a-row ul li {width:25%;}
.buttons.five-in-a-row ul li {width:20%;}
.buttons.five-in-a-row ul li a img {max-width:130px;max-height:130px;margin-bottom:20px;}
.main .buttons.five-in-a-row ul li a img {max-width:130px;max-height:130px;}

.artikelfoto div.kleinefoto div:hover,
.buttons ul li a:hover img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity:0.6;
	border:2px solid #000;
}
.buttons ul li a:active {transform: translateY(1px);
	-mz-transform: translateY(1px);
	-moz-transform: translateY(1px);
	-o-transform: translateY(1px);
	-webkit-transform:translateY(1px);
	top:1px;
}

/* Grote artikelfoto (met kleine foto's bij) */
div.artikelfoto {float:right;}
div.artikelfoto div.hoofdfoto {width:310px;height:310px;text-align:center;margin-bottom:10px;}
div.artikelfoto div.hoofdfoto img {max-width:310px;max-height:310px;margin:0px auto;}
div.artikelfoto div.kleinefoto {width:320px;overflow:visible;clear:both;}
div.artikelfoto div.kleinefoto div {width:68px;height:68px;margin:0px 10px 10px 0px;float:left;cursor:pointer;border:1px solid #000;text-align:center;line-height:66px;padding:0px;}
div.artikelfoto div.kleinefoto div img {max-width:68px;max-height:68px;margin:0px auto;}
div.artikelfoto div.kleinefoto div:hover{border:1px solid #000;}

/*Table*/
table.boma-table {color:#000;table-layout:fixed;text-align:left;width:100%;empty-cells:show;border-collapse:collapse;border:1px solid #E7E7E7;clear:both;}
table.boma-table caption,table.boma-table caption a {color:#000;border-bottom:3px solid #EEEEEF;font-size:15px;padding:0.5em 0.5em 0.5em 0em;margin-bottom:15px;font-weight:bold;clear:both;position:relative;text-align:left;}
table.boma-table td {padding:3px 5px;vertical-align:top;border-width:1px 1px 0px;border-style:solid;border-color:#E7E7E7;}
html>body table.boma-table td {*border-width:0px 1px 1px;*border-style:solid;*border-color:#E7E7E7;} /*IE7 want die moet weer anders doen*/
/*Table body*/
table.boma-table tbody {border:1px solid #E7E7E7;}
table.boma-table tbody tr {cursor:default;}
table.boma-table tbody tr.nietactief td{color:red;}

table.boma-table tbody tr:hover td,
table.boma-table tbody tr:hover td.sortering,
table.boma-table tbody tr.hover td,
table.boma-table tbody tr.hover td.sortering {background:#DBE4E9;border-width:1px;border-style:solid;border-color:#025A8D #E7E7E7 !important;cursor:pointer;}

table.boma-table tbody tr.nohover:hover,
table.boma-table tbody tr.nohover,
table.boma-table tbody tr.row0.nohover:hover td,
table.boma-table tbody tr {background:#FFFFFF;cursor:default;}

table.boma-table tbody tr.nohover:hover td {cursor:default;border-width:1px 1px 0px;border-style:solid;border-color:#E7E7E7 #E7E7E7 !important;}
table.boma-table tbody tr.nohover:hover td.title  {border-color:#E7E7E7;border-bottom:1px solid #999;background:#F0F0F0;}

table.boma-table tbody tr.row1.nohover:hover,
table.boma-table tbody tr.row1.nohover,
table.boma-table tbody tr.row1.nohover:hover td,
table.boma-table tbody tr.row1 {background:#F9F9F9;cursor:default;}

table.boma-table tbody tr.melding {background:#FFF;color:#666;cursor:default;font-weight:bold;text-align:center;}
table.boma-table tbody tr.melding:hover td {background:#FFF;border-width:1px 1px 0px;border-style:solid;border-color:#E7E7E7 #E7E7E7;cursor:default;}

table.boma-table tbody tr td  input.text {width:65px!important;text-align:left;}
table.boma-table tbody tr td a:not(.normal) {text-decoration:none;color:#000;display:block;}
table.boma-table tbody tr td a[rel="artikelfoto"] {height:68px!important;}
table.boma-table tbody tr td.foto {height:68px!important;}
table.boma-table tbody tr td.foto img{height:68px; width:68px;}
table.boma-table tbody tr td div span span {vertical-align:top;}
table.boma-table tbody tr td div span img {width:16px;height:16px;}

table.boma-table tbody tr td.sortering{background-color:#DBE4E9;}

/*Table header*/
table.boma-table thead tr th, table.boma-table  tr td.title  {background:#F0F0F0;color:#666;font-weight:bold;padding:5px;overflow:hidden;border-bottom:1px solid #999;cursor:default;}
table.boma-table thead tr th img {width:16px;vertical-align:middle;}
table.boma-table thead tr th a {display:block;color:#666;text-decoration:none;padding-right:10px;}
.asc a {background:url(../img/grid/asc.png) no-repeat right center;}
.desc a {background:url(../img/grid/desc.png) no-repeat right center;}
table.boma-table thead tr th a:hover {text-decoration:none;}
table.boma-table thead tr th:hover,
table.boma-table thead tr th.hover {background:url(../img/grid/thead_hover.gif) repeat-x bottom #FFF;cursor:pointer;}
table.boma-table thead tr th.nohover:hover,
table.boma-table thead tr th.nohover.hover {background:#F0F0F0;cursor:default;}

/*Table footer*/
table.boma-table tfoot tr {cursor:default;}
table.boma-table tfoot tr td {background:#F0F0F0;border-top:1px solid #999;height:16px;}

/* paging buttons in tabel */
.paging {margin:0px;width:300px;float:left;height:16px;padding:1px;}
.paging a {width:16px;height:16px;}
.paging a img{margin-right:5px;}
.paging span {margin-right:5px;vertical-align:top;}

/* Export buttons in tabel */
.export {margin:0px auto;width:100px;}
.export a {width:16px;display:inline-block;margin:0px 5px 0px 0px;}
.export img {vertical-align:middle;}

/* Aantal records weergeven in grid footer */
.aantal_records_weergeven {width:200px;float:right;text-align:right;height:16px;padding:1px;}
.aantal_records_weergeven label{margin-right:5px;vertical-align:top;}
.aantal_records_weergeven  input{width:20px;margin-right:5px;vertical-align:top;}
.aantal_records_weergeven  input[type="image"]{width:16px;height:16px;background:transparent;/*box-shadow: 0 1px 3px #999;*/}

/* Navigatie in linkerkolom */
.leftnav ul {width:100%;display:block;overflow:hidden;padding:0px;list-style-type:none;margin:12px 0px;}
.leftnav ul li a {padding:10px 10px 10px 15px;display:block;border-bottom:1px solid #bde4f7;color:#666;text-decoration:none;background:url(../img/diverse/menu.png) left center no-repeat;}
.leftnav ul li a.hoofditem {border-bottom: 2px solid #bde4f7;}
.leftnav ul li a.actief {font-weight:bold;text-shadow:1px 1px #EEE;}
.leftnav ul li a.actief,
.leftnav ul li a:hover{color:#000;}
.leftnav ul li ul {padding-left:15px;width:180px;}

/* verschillende kleuren blokjes list-items */
.leftnav ul.menu_01 li a{background:url(../img/diverse/menu_01.png) left center no-repeat;}
.leftnav ul.menu_01 li a:hover,
.leftnav ul.menu_01 li a.actief {color:#d8de95;}

.leftnav ul.menu_02 li a{background:url(../img/diverse/menu_02.png) left center no-repeat;}
.leftnav ul.menu_02 li a:hover,
.leftnav ul.menu_02 li a.actief {color:#f9de8e;}

.leftnav ul.menu_03 li a{background:url(../img/diverse/menu_03.png) left center no-repeat;}
.leftnav ul.menu_03 li a:hover,
.leftnav ul.menu_03 li a.actief {color:#f3a694;}

.leftnav ul.menu_04 li a{background:url(../img/diverse/menu_04.png) left center no-repeat;}
.leftnav ul.menu_04 li a:hover,
.leftnav ul.menu_04 li a.actief {color:#a0d4ea;}

.leftnav ul.menu_05 li a{background:url(../img/diverse/menu_05.png) left center no-repeat;}
.leftnav ul.menu_05 li a:hover,
.leftnav ul.menu_05 li a.actief {color:rgba(139, 211, 230, 1);}

.leftnav ul.menu_06 li a{background:url(../img/diverse/menu_06.png) left center no-repeat;}
.leftnav ul.menu_06 li a:hover,
.leftnav ul.menu_06 li a.actief {color:#f9de8e;}

.leftnav ul.menu_07 li a{background:url(../img/diverse/menu_07.png) left center no-repeat;}
.leftnav ul.menu_07 li a:hover,
.leftnav ul.menu_07 li a.actief {color:#95cccb;}

.leftnav ul.menu_08 li a{background:url(../img/diverse/menu_08.png) left center no-repeat;}
.leftnav ul.menu_08 li a:hover,
.leftnav ul.menu_08 li a.actief {color:#fcd19a;}

.leftnav ul.menu_09 li a{background:url(../img/diverse/menu_09.png) left center no-repeat;}
.leftnav ul.menu_09 li a:hover,
.leftnav ul.menu_09 li a.actief {color:#d6d3bc;}

.leftnav ul.menu_10 li a{background:url(../img/diverse/menu_10.png) left center no-repeat;}
.leftnav ul.menu_10 li a:hover,
.leftnav ul.menu_10 li a.actief {color:#eeb3b7;}

/* Banner */
.banner {height:195px;margin-bottom:13px;color:#0B3962;font-weight:bold;white-space:normal;text-transform:uppercase;}
.banner img {width:745px;height:195px;}
.banner img.hidden {display:none;}
.banner h1 {
	background: -moz-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#Ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	font-size:35px;
	height:94px;
	margin:0px;
	padding:0 0 0 2rem;
	line-height:94px;
	position:absolute;
	top:46px;
	left:0px;
	width:85%;
	z-index: 99;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.banner h1 > span{display:none;}

/* Toolbar met actieknoppen */
ul.boma-toolbar {padding:0px;margin:0px;clear:both;}
ul.boma-toolbar li {display:block;margin:0px;padding:0px;width:33%;float:left;height:38px;}
ul.boma-toolbar li a{}
ul.boma-toolbar .toolbar-links {text-align:left;}
ul.boma-toolbar .toolbar-center {text-align:center;}
ul.boma-toolbar .toolbar-rechts {text-align:right;width:34%;}

/* Tekst met hoofdingen */
.text-with-heading h1,.text-with-heading h2 {color:#0B3962;border-bottom:3px solid #EEEEEF;font-size:15px;padding:0.5em 0.5em 0.2em 0;margin-bottom:5px;margin-top:0px;font-weight:bold;clear:both;position:relative;}
.text-with-heading h1 > span,.text-with-heading h2 > span {color:#0B3962;font-size:15px;font-weight:bold;}
.text-with-heading h2 label {font-size:15px;}
.text-with-heading h2 a.boma-button,
.text-with-heading h2 button {right:0px;position:absolute;top:0px;margin:0px;}
.text-with-heading h2 a {text-decoration:none;font-size:13px;font-weight:bold;}
.text-with-heading p {/*margin-right:200px;*/margin-top:0px;}
.text-with-heading > img{width:150px;float:right;margin-left:10px;}
.text-with-heading .ui-accordion .ui-accordion-content {padding:0px 15px; margin-bottom:15px;overflow:hidden;}
.text-with-heading h2.ui-corner-all, .text-with-heading h3.ui-corner-top {font-weight: normal;border-bottom-right-radius:0px;border-bottom-left-radius:0px;border-top-right-radius:0px;border-top-left-radius:0px;border-bottom: 0px solid #FFF;}
.text-with-heading .ui-widget-content {border:1px solid #FFF;color:#666;}

/* Vensters met extra tips */
fieldset.tip {background:#fcf8e3;padding-right:250px;position:relative;}
fieldset.tip h2 {background:url(../img/icons/32/dialog-information.png) 13px center no-repeat;vertical-align:middle;line-height:32px;padding-left:52px;margin-top:0px;font-size:12px;color:#000;}
fieldset.tip p {padding-left:20px;}
fieldset.tip ul {list-style-type:none;padding-left:20px;}
fieldset.tip ul li {background:url(../img/icons/20/check-hover.png) left center no-repeat;padding-left:25px;line-height:25px;}
fieldset.tip ul li span{line-height:12px;display:inline-block;}

/* Speciale checkboxen bij list-items */
ul.special-list-items {list-style-type:none;padding-left:20px;}
ul.special-list-items li {background:url(../img/icons/20/check.png) no-repeat;padding:5px 0px 5px 25px;background-position:left center;margin-top:10px;}
ul.special-list-items.news {padding:0px;}
ul.special-list-items.news li  {background:none;padding:0px;display:block;}
ul.special-list-items.news li a {background:url(../img/icons/16/newspaper.png) left center no-repeat;padding:2px 0px 0px 20px;display:block;}
ul.special-list-items.news li a.link {background:url(../img/icons/16/world_link.png) left center no-repeat;}
ul.special-list-items.news li a.movie {background:url(../img/icons/16/tvtime.png) left center no-repeat;}
ul.special-list-items.news li a span {display:inline-block;vertical-align:middle;}

/* Ul voor fiches */
ul.fiches {list-style-type:none;margin:0px 0px 10px 0px;padding:0px;width:50%;float:left;}

/* Speciale ordered lists */
ol.boma-ol {
	counter-reset:li; /* Initiate a counter */
	padding-left:0; /* Remove the default left padding */
	margin:0px;
}
ol.boma-ol > li {
	position:relative; /* Create a positioning context */
	margin:0 0 3px 2em; /* Give each list item a left margin to make room for the numbers */
	padding:0px 10px 0px 1.2em; /* Add some spacing around the content */
	list-style:none; /* Disable the normal item numbering */
}
ol.boma-ol > li:before {
	content:counter(li) ":"; /* Use the counter as content */
	counter-increment:li; /* Increment the counter by 1 */
	/* Position and style the number */
	position:absolute;
	top:-4px;
	left:-2em;
	/*-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;*/
	width:2em;
	/* Some space between the number and the content in browsers that support
	generated content but not positioning it (Camino 2 is one example) */
	margin-right:8px;
	padding:3px 5px;
	color:#666;
	/*background:#f6f6f6;*/
	font-weight:bold;
	text-align:right;
	/*border-bottom:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;*/
}
ol.boma-ol li input {width:100%;}
.boma-ol li ol,
.boma-ol li ul {margin-top:6px;}
ol.boma-ol ol li:last-child {margin-bottom:0;}

/* Dialoog-boxen */
.ui-dialog {box-shadow: 0 2px 10px #000000;}
.dialog-message {display:none;}
.ui-button-text{color: #555;}
.ui-widget-overlay {opacity:0.6;}

/*.dialog-message p span.confirm {background:url(../img/dialog/icon_confirm_sm.gif) no-repeat left top;}
.dialog-message p span.info {background:url(../img/dialog/icon_info_sm.gif) no-repeat left top;}
.dialog-message p span.warning {background:url(../img/dialog/icon_warning_sm.gif) no-repeat left top;}*/
.dialog-message p.dialog-tekst {margin:0px;}

.systeemmelding{color:red;font-weight:bold;display:block;}

#artikelfoto img {max-width:330px;max-height:330px;margin:0px auto;}

/*buttons*/
a.boma-button,
button.boma-button {
	cursor:pointer;
	border:0px none;
	margin:5px 0px;
	padding: 5px 10px!important;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	text-decoration:none;
	box-shadow: 0 1px 3px #999;
	/*-moz-border-radius:5px; /* Firefox*/
	/*-webkit-border-radius:5px; /* Webkit-browsers*/
	-ms-border-radius:5px;
	border-radius:5px; /*Officiële standaard */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color:#FFF;
	display:inline-block;
	/*font-weight:bold;*/
}
button.boma-button a {color:#FFF;}
a.boma-button span,
button.boma-button span {vertical-align:middle;margin-left:5px;padding:0px;}
a.boma-button img,
button.boma-button img {vertical-align:middle;}
a.boma-button:active,
button.boma-button:active {transform: translateY(1px);
	-mz-transform: translateY(1px);
	-moz-transform: translateY(1px);
	-o-transform: translateY(1px);
	-webkit-transform:translateY(1px);
	top:1px;
}

/* Achtergrondkleuren */
.groen {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top, #7db72f, #4e7d0e);
	background: -o-linear-gradient(top, #7db72f, #4e7d0e);
	background: -ms-linear-gradient(top, #7db72f, #4e7d0e);
	background: linear-gradient(to bottom, #7db72f, #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
table.boma-table tbody tr:hover td.groen,
.groen:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top, #6b9d28, #436b0c);
	background: -o-linear-gradient(top, #6b9d28, #436b0c);
	background: -ms-linear-gradient(top, #6b9d28, #436b0c);
	background: linear-gradient(to bottom, #6b9d28, #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.groen:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
	background: -o-linear-gradient(top, #4e7d0e, #7db72f);
	background: -ms-linear-gradient(top, #4e7d0e, #7db72f);
	background: linear-gradient(to bottom, #4e7d0e, #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}
.grijs {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top, #888, #575757);
	background: -o-linear-gradient(top, #888, #575757);
	background: -ms-linear-gradient(top, #888, #575757);
	background: linear-gradient(to bottom, #888, #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
table.boma-table tbody tr:hover td.grijs,
.grijs:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top, #757575, #4b4b4b);
	background: -o-linear-gradient(top, #757575, #4b4b4b);
	background: -ms-linear-gradient(top, #757575, #4b4b4b);
	background: linear-gradient(to bottom, #757575, #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.grijs:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top, #575757, #888);
	background: -o-linear-gradient(top, #575757, #888);
	background: -ms-linear-gradient(top, #575757, #888);
	background: linear-gradient(to bottom, #575757, #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}
.blauw {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top, #00adee, #0078a5);
	background: -o-linear-gradient(top, #00adee, #0078a5);
	background: -ms-linear-gradient(top, #00adee, #0078a5);
	background: linear-gradient(to bottom, #00adee, #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
table.boma-table tbody tr:hover td.blauw,
.blauw:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top, #0095cc, #00678e);
	background: -o-linear-gradient(top, #0095cc, #00678e);
	background: -ms-linear-gradient(top, #0095cc, #00678e);
	background: linear-gradient(to bottom, #0095cc, #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blauw:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top, #0078a5, #00adee);
	background: -o-linear-gradient(top, #0078a5, #00adee);
	background: -ms-linear-gradient(top, #0078a5, #00adee);
	background: linear-gradient(to bottom, #0078a5, #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
.wit {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top, #fff, #ededed);
	background: -o-linear-gradient(top, #fff, #ededed);
	background: -ms-linear-gradient(top, #fff, #ededed);
	background: linear-gradient(to bottom, #fff, #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
table.boma-table tbody tr:hover td.wit,
.wit:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top, #fff, #dcdcdc);
	background: -o-linear-gradient(top, #fff, #dcdcdc);
	background: -ms-linear-gradient(top, #fff, #dcdcdc);
	background: linear-gradient(to bottom, #fff, #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.wit:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top, #ededed, #fff);
	background: -o-linear-gradient(top, #ededed, #fff);
	background: -ms-linear-gradient(top, #ededed, #fff);
	background: linear-gradient(to bottom, #ededed, #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
.oranje  {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top, #faa51a, #f47a20);
	background: -o-linear-gradient(top, #faa51a, #f47a20);
	background: -ms-linear-gradient(top, #faa51a, #f47a20);
	background: linear-gradient(to bottom, #faa51a, #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
table.boma-table tbody tr:hover td.oranje,
.oranje:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top, #f88e11, #f06015);
	background: -o-linear-gradient(top, #f88e11, #f06015);
	background: -ms-linear-gradient(top, #f88e11, #f06015);
	background: linear-gradient(to bottom, #f88e11, #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.oranje:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top, #f47a20, #faa51a);
	background: -o-linear-gradient(top, #f47a20, #faa51a);
	background: -ms-linear-gradient(top, #f47a20, #faa51a);
	background: linear-gradient(to bottom, #f47a20, #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
.rood {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top, #ed1c24, #aa1317);
	background: -o-linear-gradient(top, #ed1c24, #aa1317);
	background: -ms-linear-gradient(top, #ed1c24, #aa1317);
	background: linear-gradient(to bottom, #ed1c24, #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
table.boma-table tbody tr:hover td.rood,
.rood:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top, #c9151b, #a11115);
	background: -o-linear-gradient(top, #c9151b, #a11115);
	background: -ms-linear-gradient(top, #c9151b, #a11115);
	background: linear-gradient(to bottom, #c9151b, #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.rood:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top, #aa1317, #ed1c24);
	background: -o-linear-gradient(top, #aa1317, #ed1c24);
	background: -ms-linear-gradient(top, #aa1317, #ed1c24);
	background: linear-gradient(to bottom, #aa1317, #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}
/*Forms*/
form fieldset {color:#666;border:0px solid #CCC;padding:0px;margin:0px;}
form fieldset label.boma-label {
	display:inline-block;
	background-color:#f6f6f6;
	border-bottom:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	font-weight:bold;
	padding:3px;
	text-align:right;
	vertical-align:middle;
	width:150px;
	white-space:normal;
	text-overflow: ellipsis;
	overflow:hidden;
}
form fieldset input {width:223px;}
form fieldset textarea {width:582px;vertical-align:top;display:inline-block;}
form fieldset span {display:inline-block;vertical-align:top;padding:4px 0px 0px;max-width:585px;}
form fieldset span.mceEditor  {vertical-align:top;display:inline-block;margin-bottom:5px;}
form fieldset img {vertical-align:middle;}
form fieldset button.boma-button.groen{display:block;}
form fieldset button.boma-button.groen,
form fieldset a.boma-button.groen {margin:10px 0 10px 160px;}
form fieldset button.boma-button.selectie_box {padding:3px 5px!important;margin:0px 0px 0px 5px;}
form fieldset span.radio_afbeeldingen input {position: absolute;left:-9999px;}
form fieldset span.radio_afbeeldingen label img {border:1px solid #CCC;width:80px;height:60px;}
form fieldset span.radio_afbeeldingen label img:hover,
form fieldset span.radio_afbeeldingen label.selected img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity:0.6;
}

/* Validator */
label.error {font-weight:bold;vertical-align:middle;margin-left:5px;}
ol.boma-ol li label.error {margin-left:0px;}
.error ,.errorlabel {color:red;}
input.error, textarea.error {border:1px red solid;}

/* Links met afbeeldingen */
a.pdf {background:url(../img/icons/16/application-pdf.png) no-repeat;padding-left:20px;line-height:16px;display:inline-block;vertical-align:middle;text-align:left;}
/*a.zoeken {background:url(../img/icons/16/icon-16-zoeken.png) no-repeat;padding-left:20px;line-height:16px;display:inline-block;vertical-align:middle;text-align:left;margin-left:5px;}*/

/*Nivo slider*/
.nivoSlider {
	position:relative;
	background:url(nivo-slider/themes/default/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.nivoSlider a {
	border:0;
	display:block;
}

/* kalender icoontje */
img.ui-datepicker-trigger {cursor:pointer;margin-left:5px;}

/*Meldingen*/
.melding {font-weight:bold;padding:0em 15px;text-align:center;border:0px solid #F9F9F9;overflow:hidden;clear:both;margin:5px 0px;position:relative;}
.melding.ok {background:#dee6c5;border:3px solid #8db362;}
.melding.fout {background: #E6C0C0;border:3px solid #DE7A7B;}
.melding.waarschuwing {background:#EFE7B8;border:3px solid #F0DC7E;}
.melding span {padding:8px 0px 8px 30px;display:inline-block;vertical-align:middle;}
.melding.ok span {background: url(../img/icons/48/dialog-information.png) no-repeat left center;color:#008000;background-size: 24px 24px;}
.melding.fout span {background: url(../img/icons/48/dialog-error.png) no-repeat left center;color:#c00;background-size: 24px 24px;}
.melding.waarschuwing span {background: url(../img/icons/48/dialog-warning.png) no-repeat left center;color:#FF3F00;background-size: 24px 24px;}
.melding .ui-btn {margin:0px 5px;position:absolute;right:20px;}

p.fout {color:red;font-weight:bold;}
p.waarschuwing {color:orange;font-weight:bold;}

span#werfnaam {display:block;margin-left:160px;}
span#artikel_omschrijving {display:block;margin-left:160px;}

/* Colorbox probeersel */
#cboxTopLeft {
    background: url(images/borderTop.png) no-repeat scroll 0 0 transparent;
    height: 43px;
    width: 14px;
}
#cboxTopCenter {background: url(images/borderTopCenter.png) no-repeat scroll left top transparent;height:43px;}
#cboxTopRight {
    background: url(images/borderTop.png) no-repeat scroll -36px 0 transparent;
    height: 43px;
    width: 14px;
}
#cboxClose{top:-30px;}

/* Advanced search in catalogus */
div.advanced_search_button {position:absolute;right:5px;top:5px;cursor:pointer;}
fieldset.advanced_search {display:none;}
div.ph-slider-wrapper {display:inline-block;vertical-align:top;padding:4px 0px 0px;max-width:585px;}
.ui-slider {display:inline-block;width:200px;margin:0px 15px;vertical-align:middle;}
.ui-slider .ui-slider-handle {
	background: url(smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50% #E6E6E6!important;
	border: 1px solid #D3D3D3!important;
	text-decoration:none;
	text-align:center;
}
#ph-slider.ui-slider.ui-slider-horizontal {
	background: -webkit-gradient(linear, left top, right top, from(#ed1c24), to(#00adee));
	background: -moz-linear-gradient(left, #ed1c24, #00adee);
	background: -o-linear-gradient(left, #ed1c24, #00adee);
	background: -ms-linear-gradient(left, #ed1c24, #00adee);
	/*background: linear-gradient(to right, #ed1c24, #00adee);*/
	background: linear-gradient(to right, red, #FFE100, lime, blue, darkviolet);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#00adee',gradientType=1);
}

#ph-slider.ui-slider .ui-slider-range {
	background: none transparent!important;
}

img.promo {position:absolute;right:-5px;top:-3px;z-index:9999;}
div.geschikt_v_schrobzuigmachine {margin-right:5px;margin-top:3px;float:right;width:20px;height:20px;}
div.geschikt_v_schrobzuigmachine:empty{width:0px;}
div.geschikt_v_schrobzuigmachine img{width:20px;height:20px;}
div.reinigingskracht{margin-right:5px;margin-top:5px;float:right;width:16px;height:16px;}
div.reinigingskracht:empty{width:0px;}
div.nva {float:right;margin-right:5px;margin-top:5px;width:16px;height:16px;}

/* Breadcrumbs */
fieldset.breadcrumbwrapper {
	/*width:100%;*/
}
ol.breadcrumblist {
	padding: 0px;
	margin: 0px;
}
.breadcrumb:first-child::before {
	display: none;
}
.breadcrumb::before {
	content: '>>';
	color: rgba(100, 100, 100, 1);
	vertical-align: top;
	display: inline-block;
	font-family: 'Cabin';
	font-weight: bold;
	font-style: normal;
	font-size: 13px;
	margin: 0 3px;
	-webkit-font-smoothing: antialiased;
	/*float: left;*/
}
.breadcrumb {
	display: inline-block;
	color: #666;
}
.breadcrumb:last-child a {
	color: #666;
	text-decoration:none;
}

/* jQuery UI overrulen */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {background:transparent;border:0px solid #000;}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {border:0px solid #000;}
.ui-dialog-buttonset button {border:1px solid #D3D3D3!important;}

/* TOOLTIPS */
.ui-tooltip-content h2 img {
	vertical-align: bottom;
	margin: 0px 5px 0px 0px;
	width: 32px;
	height: 32px;
}
.ui-tooltip-content h2 {
	background:#FFF;
	border-bottom: 3px solid #EEEEEF;
	clear: both;
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	line-height:32px;
	vertical-align:middle;
	margin-bottom: 5px;
	margin-top: 0;
	padding: 0.2em 0.5em 0.2em 0;
	position: relative;
}
.ui-tooltip div.images {
	margin-top:10px;
}
.ui-tooltip div.images img {
	width:32px;
	height:32px;
	margin-right:5px;
}
.ui-tooltip div.images img:last-child {
	margin-bottom:0px;
}
.ui-tooltip div.tekst {
}
/* DIALOGEN */
.ui-dialog .ui-dialog-titlebar{
	background:#FFF;
	border-bottom: 3px solid #EEEEEF;
	border-top:0px solid #FFF;
	border-right: 0px solid #FFF;
	border-left: 0px solid #FFF;
	border-radius:0px;
	padding:0px 5px;
}
.ui-dialog .ui-dialog-titlebar span.ui-dialog-title {
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	padding:5px 0px 5px 28px;
}
.ui-dialog .ui-dialog-buttonpane {border-top:0px solid #FFF;}

.ui-dialog.dialog-info .ui-dialog-titlebar {background:url(../img/icons/24/dialog-information.png) no-repeat 5px center;}
.ui-dialog.dialog-confirm .ui-dialog-titlebar {background:url(../img/icons/24/dialog-question.png) no-repeat 5px center;}
.ui-dialog.dialog-error .ui-dialog-titlebar,
.ui-dialog.dialog-ingave-veelvoud-van .ui-dialog-titlebar  {background:url(../img/icons/24/dialog-error.png) no-repeat 5px center;}
/* voor retinaschermen */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {
	.ui-dialog.dialog-info .ui-dialog-titlebar {background:url(../img/icons/48/dialog-information.png) no-repeat 5px center;background-size:24px 24px;}
	.ui-dialog.dialog-confirm .ui-dialog-titlebar {background:url(../img/icons/48/dialog-question.png) no-repeat 5px center;background-size:24px 24px;}
	.ui-dialog.dialog-error .ui-dialog-titlebar,
	.ui-dialog.dialog-ingave-veelvoud-van .ui-dialog-titlebar  {background:url(../img/icons/48/dialog-error.png) no-repeat 5px center;background-size:24px 24px;}
}

/* eco-labels ed */
div.labels {margin-top:5px;}
label img.labels,
div.labels img {width:32px;height:32px;}
div.labels img:not(:last-child) {margin-right:5px;}

/* Vloertypes */
div.vloertypes {position:absolute; bottom:0px; left:0px;}
div.vloertypes table.boma-table {max-width:450px}
div.vloertypes table.boma-table td {text-align: center;}

/*Datepicker*/
.ui-datepicker .ui-corner-all {border-radius:0px!important;}
.ui-datepicker .ui-datepicker-title {line-height:1em;}
.ui-datepicker .ui-widget-header {background:#FFF;border-color:#FFF;}
.ui-datepicker .ui-state-default {
	background:  none repeat scroll 0 0 #F6F6F6;
	border-color: #DDDDDD;
	border-radius: 0.3125em;
	color: #333333;
	text-shadow: 0 1px 0 #F3F3F3;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	width:28px;
}
.ui-datepicker .ui-state-default:hover {background:none repeat scroll 0 0 #EDEDED;}
.ui-datepicker .ui-state-default.ui-state-highlight {background:none repeat scroll 0 0 #0099FF;text-shadow: none !important;}
.ui-datepicker .ui-state-default.ui-state-active {background:none repeat scroll 0 0 #64991E;text-shadow: none !important;}
.ui-datepicker .ui-state-disabled  span{color: #FF0000;}
.ui-datepicker .ui-datepicker-other-month  .ui-state-default{
	background:none repeat scroll 0 0 #FFF;
	border-color:#FFF;
}

.s-m-container {overflow: hidden;float: left:}
.s-m-buttons {float: left;min-height: 20px;padding-right: 4px;}