/* base document*/
.login, .login a, .login a:visited {
	text-align: right;
	color: #000099;
	margin: 3px;
	font-size: 12px;
	background: #ffffff
}

.showblock {
	display: block;
}

.hideblock {
	display: none;
}

#login {
	top: 111px;
	height: 20px;
	width: 760px;
	position: absolute;
	left: 20px;
	padding-top: 3px;
	background: #ffffff;
}

.logos {
	position: static;
	margin: 10px 10px 0px 5px;
	_margin: 10px 10px 0px 5px;
	width: 758px;
	/*color:#FFFFFF;*/
	background-color: #ffffff;
	float: left;
	border: 1px solid #000099;
}

a.pdflink, a.pdflink:visited, a.pdflink:active {
	background-image: url("/images/pdficon_small.png");
	background-repeat: no-repeat;
	color: #3399FF;
	font-size: 10px;
	font-weight: normal;
	line-height: 30px;
	margin-left: 10px;
	padding-bottom: 3px;
	padding-left: 20px;
	padding-top: 3px;
	text-decoration: none;
}

a.pdflink:hover {
	color: #000099;
}

a.stock span.stocktip {
	display: none !important;
}

a.stock:hover {
	position: relative;
	cursor: help;
	text-decoration: none;
	color: #000099;
}

a.stock:hover span.stocktip {
	display: block !important;
	position: absolute;
	top: 20px;
	left: -100px;
	z-index: 1000;
	/* formatting only styles */
	padding: 5px;
	margin: 10px;
	z-index: 100;
	background: #f0f0f0;
	border: 1px dotted #c0c0c0;
	opacity: 0.9;
	width: 250px;
	text-decoration: none;
	/* end formatting */
}

#login a, #login a.visited {
	text-align: right;
	color: #000099;
	font-size: 12px;
	background: #ffffff
}

input.submitgeneral {
	margin: 0px;
	padding: 1px 2px 3px 2px;
	height: 20px;
	color: #FFFFFF;
	background-color: #3399FF;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

table.docdetails {
	border-spacing: 0px;
	border-colapse: colapse;
}

table.docdetails td.header {
	color: #999999;
	font-size: 10px;
	width: 125px;
	vertical-align: top;
}

table.docdetails td.left {
	width: 325px;
	font-size: 11px;
}

table.docdetails td.right {
	width: 125px;
	font-size: 11px;
}

#largeImage {
	position: absolute;
	padding: 1px;
	background-color: #e3e3e3;
	border: 1px solid #bfbfbf;
}

/* below this line is for Responsive bootstrap site */
.navbar-bluelink .dropdown-menu .badge-notification, .badge-notification
	{
	background-color: #ffffff !important;
	color: #ff6600 !important;
	text-shadow: none;
}

.navbar-bluelink .dropdown-menu > li > a:hover .badge-notification,
.navbar-bluelink .dropdown-menu > li > a:focus .badge-notification 
	{
	background-color: #e8e8e8 !important;
}

.badge-notification-inline {
	margin-left: -25px;
}



.list-group-item.active .badge-notification {
	background-color: #000099 !important;
}

.notification-label {
	color: #ff6600 !important;
	font-weight: normal;
	text-shadow: none;
	margin-left:25px;
}

.notification-label-inline {
	color: #ff6600 !important;
	font-weight: normal;
	text-shadow: none;
}

.err .form-control, .err.form-control {
	border-color: #ff6600 !important;
}

.err .form-control:focus, .err.form-control:focus {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px
		rgba(255, 120, 0, 0.6);
	outline: 0 none;
}

.form-control.sel {
	background-color: #f9f8a5 !important
}

.form-group-sm .form-control {
	padding: 5px 5px !important;
}

ul li.adv-content {
	background-color: #000099;
	color: #ffff66
}

ul.products, ul.advice {
	margin: 0px;
	padding: 0px;
}

.bl-content, .bl-content-portal {
	background-color: white;
	padding-top: 15px;
	padding-bottom: 30px;
	min-width: 360px;
	/*	margin-left: 0px;*/
}

#content .boxorange .uitvoering a:link ul li, #content .boxorange .uitvoering a:visited ul li
	{
	width: auto;
}

ul.products li {
	width: 385px;
	display: inline-block;
	vertical-align: top;
}

ul.advice li {
	width: 385px;
	display: inline-block;
	vertical-align: top;
	height: 25px;
}

.uitvoering ul li {
	display: list-item;
	white-space: nowrap;
}

.logobox {
	height: 165px;
	width: 385px;
	margin: 10px 5px 0;
	background: white;
}

body {
	background-image:
		url("/images/back_body.gif");
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	padding-top: 51px;
	color: #000099;
}

* {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

.navbar-brand {
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	height: 51px;
	background-image: url('/images/top_logo-sm.gif');
	background-repeat: no-repeat;
	min-width: 210px;
}

#bestel {
	background-color: #ffff66;
}

#bestel-xs {
	background-color: #ffff66;
	padding: 18px 10px;
	font-size: 10px;
	margin-right: 5px;
	color: #777777;
}

.shrink #bestel-xs {
	background-color: #ffff66;
	padding: 13px 10px;
	font-size: 10px;
	margin-right: 5px;
}

#bestel-xs a {
	color: #777777;
}

.searchbar-xs {
	margin: 0px;
}

.navbar-bluelink {
	background: #ffff66 !important;
	color: #009999;
	min-width: 360px;
}

.navbar-bluelink .navbar-right {
	margin-right: 0px;
}
.footer-bluelink {
	background: #efefef !important;
	padding-top: 15px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.075) inset, 0 1px 5px
		rgba(255, 255, 255, 0.15);
}

.footer-bluelink dt {
	display: flex;
}

.footer-bluelink dt a {
	color: #000099;
}

.footer-bluelink dt::before {
	color: #ff6600;
	content: ">";
	padding-right: 5px;
}

.footer-bluelink dt.static::before {
	color: #99ccff;
	content: ">";
	padding-right: 5px;
}

.navbar-bluelink .navbar-collapse {
	margin-left: 0px;
}

.navbar-bluelink .navbar-brand {
	padding-right: 0px;
}

.navbar-bluelink.shrink {
	min-height: 35px;
}

.navbar-bluelink.shrink navbar>a {
	/* padding-top: 10px !important;*/
	padding-bottom: 10px !important;
	font-size: 13px;
}

.navbar-bluelink.shrink .navbar-brand {
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	height: 31px;
	background-position: 0 -6px;
}

.navbar-bluelink .bluelink-phone {
	color: #003366;
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 210px;
	margin-right: 01px;
}

.navbar-bluelink .bluelink-phone-sm {
	clear: both;
	color: #003366;
	float: left;
	margin-bottom: 2px;
	margin-top: -10px;
}

.navbar-bluelink.shrink .navbar-toggle {
	padding: 4px 5px;
	margin: 8px 15px 8px 0;
}

.navbar-bluelink.shrink .navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
}

.navbar-bluelink.shrink  .bluelink-phone {
	margin-top: 10px;
	margin-bottom: 10px;
}

.navbar-bluelink.shrink li a.dropdown-toggle.flag {
	background-position: 20px 13px;
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover,
	.navbar-default .navbar-nav>li>a:focus {
	border: 1px solid #ffff66;
	padding-left: 5px;
	padding-right: 5px;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover,
	.navbar-default .navbar-nav>.open>a:focus, .nav .open>a, .nav .open>a:hover,
	.nav .open>a:focus {
	background-color: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.15);
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus
	{
	background-image: none;
	background-color: #000099;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus
	{
	background-image: none;
	background-color: #000099;
	border: 1px solid #ddd;
	text-shadow: none;
}

.dropdown-menu>li>a, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus
	{
	background-image: none;
}

div.xprijs {
	color: #000099;
	padding-right: 5px;
	text-align: right;
	width: 125px;
}

div.xprijs span.vat {
	color: #3399ff;
}

@media ( max-width : 410px) {
	.bl-content-portal, .bl-content {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.boxorange {
		margin-left: 0px !important;
		margin-right: 0px !important;
		width: 100% !important;
		min-width: 335px;
	}
	.boxorange .prijs {
		margin-left: 5px !important;
	}
	.boxorange .uitvoering, .boxorange .aanbieding {
		width: 245px !important;
	}
	.boxblue {
		display: none;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	ul.lijst li.level2 .value {
		display: block !important;
		margin-left: 25px !important;
	}
	.option-list {
		margin-left: 0 !important;
	}
	ul.lijst li.level2 .description {
		float: none !important;
	}
	.product {
		width: 100% !important;
	}
	.well {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.panel-body {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	div.well.bl-document {
		margin: 0;
	}
	div.level3 {
		margin-left: 14px !important;
	}
	.row {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.form-horizontal .form-group {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.prod-info h1 {
	font-size: 12px;
}
	
}

@media ( min-width : 460px) {
	body>.bl-content-portal {
		width: 415px
	}
	div.well.bl-document {
		margin: 17px;
	}
	.prod-info h1 {
	font-size: 12px;
	}
}

@media ( min-width : 810px) {
	body>.container {
		width: 810px
	}
	.prod-info h1 {
	font-size: 24px;
	}
}

@media ( min-width : 1200px) {
	body>.container {
		width: 1200px;
	}
}

@media ( min-width : 768px) {
	body {
		padding-top: 64px;
	}
}

@media ( min-width : 992px) {
	body {
		padding-top: 51px;
	}
}

table.prijslijst .totaalprijs {
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}

table.prijslijst thead tr td {
	color: #999999;
	font-weight: normal;
}

table.prijslijst {
	font-size: 11px;
	color: #000099;
}

table.prijslijst td.bestel a {
	background-image: url("/images/n_verwijder_new.gif");
	background-repeat: no-repeat;
	clear: none;
	float: left;
	height: 13px;
	overflow: hidden;
	vertical-align: top;
	width: 13px;
}

table.prijslijst td.prijs {
	text-align: right;
}

table.prijslijst tr.prijs td {
	border-top: 1px solid #000099;
}

table.prijslijst tr.prijs td.prijs {
	font-weight: bold;
}

table.prijslijst tr.totaal td.prijs {
	background-color: #ffff66;
	vertical-align: middle;
	font-weight: bold;
}

table.prijslijst tr.totaal td.hidden-xs {
	background-color: #ffff66;
}

table.prijslijst tr td.prodinfo, table.prijslijst tr td.prijs {
	width: 100%;
}

table.prijslijst tr td.prodinfo span {
	color: #3399ff;
}

table.prijslijst tr td.prodinfo ul {
	color: #3399ff;
	padding:0px;
}

table.prijslijst tr td.prodinfo ul li {
	color: #3399ff;
	list-style-type:circle;
	list-style-position:inside;
}

table.quoteinfo {
	font-size: 11px;
	color: #000099;
	margin-bottom: 0px;
}

table.quoteinfo td {
	border: 0 !important;
}

table.quoteinfo td.title {
	color: #999999;
}

.btn-bluelink {
	background-color: #3399ff;
	color: #ffffff !important;
	border-radius: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.btn-bluelink:focus, .btn-bluelink:hover {
	background-color: #000099!important;
	color: #ffffff;
}

.btn-bluelink.list-group-item{
	margin: 0px;
}

.panel-bluelink {
	border-color: #fff;
	border-radius: 0px !important;
	color: 000099;
}

.fixed-bluelink {
	max-width: 780px;
}

.panel-bluelink>.panel-heading {
	background-color: #000099;
	border-color: #fff;
	color: #fff;
	font-size: 14px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2,
	.col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
	.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5,
	.col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
	.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8,
	.col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
	.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11,
	.col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
	{
	padding-left: 5px !important;
	padding-right: 5px !important;
}

/* catalog and document lists */
a.level1, div.level1 {
	background-image: url("/images/cat_driehoekbl_sel.gif");
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding-left: 17px;
	font-weight: bold;
	font-size: 12px;
	color: #000099;
	display: block;
}

a.level1.collapsed, div.level2.collapsed {
	background-image: url("/images/cat_driehoekbl.gif");
}

a.level2, div.level2 {
	background-image: url("/images/cat_driehoekgr_sel.gif");
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding-left: 17px;
	margin-left: 17px;
	font-size: 12px;
	font-weight: bold;
	color: #000099;
	display: block;
}

a.level2.collapsed, div.level2.collapsed {
	background-image: url("/images/cat_driehoekgr.gif");
}

div.level3 {
	margin-left: 34px;
}

.bl-panel-control {
	margin-right: 10px;
	padding-top: 8px;
}

.borderless tbody tr td, .borderless thead tr th {
	border: none;
}

/* navbar language selector */
.dropdown-menu li a.flag, .dropdown-menu  li a.flag:active,
	.dropdown-menu  li a.flag:hover {
	background-position: 20px 5px;
	background-repeat: no-repeat;
	padding-left: 40px;
}

li a.dropdown-toggle.flag {
	background-position: 20px 18px;
	padding-left: 30px;
	background-repeat: no-repeat !important;
}

li a.flag.nl_nl:focus, li a.flag.nl_nl:hover, li a.flag.nl_nl {
	background-image: url("/images/flag_nl-nl.png") !important;
	padding-left: 40px !important;
}

li a.flag.en_us:focus, li a.flag.en_us:hover, li a.flag.en_us {
	background-image: url("/images/flag_en-us.png") !important;
	padding-left: 40px !important;
}

/* kill double badge notifications in forms */
form span.badge.badge-notification+span.badge.badge-notification {
	display: none;
}

/* product line */
.product {
	font-size: 11px;
	clear: both;
}

.product .prodimg {
	vertical-align: top;
	border: 1px solid #dddddd;
	margin-right: 2px;
	float:left;
}

.product .bestel span span {
	float: right;
	color: #999;
	text-decoration: line-through;
}

.product .item {
	float: left;
	width: 110px;
	margin-bottom: 2px;
	padding-bottom: 3px;
	position: relative;
	padding-left: 0px;
	padding-right: 0px;
	min-height: 1px;
}

.product .item .prodno {
	font-weight: bold;
	color: #3399ff;
	display:block;
	word-break:break-all;
}

.product .info {
	position: relative;
	display: table-cell;
}

.product .info a {
	color: #000099;
}

.product .info.visible-xs {
	clear: both;
	/*padding-bottom: 8px;*/
	padding-right: 15px;
	padding-left: 34px;
	top: -20px;
}

.product .bestel {
	float: right;
	position: relative;
	width: 175px;
	padding-left: 0px;
	padding-right: 15px;
}

.product .bestel .add, .product .bestel .add:visited {
	background-image: url("/images/n_voegtoe_new.gif");
	background-repeat: no-repeat;
	height: 15px;
	overflow: hidden;
	text-indent: 80px;
	width: 65px;
	background-position: 4px 2px;
	float: left;
}

.product .bestel .add.bestelsel, .product .bestel .add.bestelsel:visited {
	background-image: url("/images/n_toegevoegd_uitbr.gif");
}

.product .bestel .add:active, .product .bestel .add:hover {
	background-position: 4px -18px;
}

.product-head .bestel .add.bestelsel, .product-head .bestel .add.bestelsel:hover
	{
	background-image: url("/images/n_toegevoegd_infoprod.gif");
	background-position: 0 0;
	background-repeat: no-repeat;
}

.product .bestel img {
	float: left;
}

.product .bestel .service {
	font-size: 13px;
	color: #00cc00;
	float:left;
} 

.product .bestel span.prijs {
	color: #000099;
	display: inline;
	margin: 0;
	text-align: right;
	text-decoration: none;
	font-weight: bold;
	width: 68px;
}

.product.aanbieding .bestel span.prijs {
	background-image: url("/images/cat_uitroepteken.gif");
	background-position: -2px 0;
	background-repeat: no-repeat;
}

.product.aanbieding .infopromo {
	color: #cc5500;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none
}

.prod-info span.description {
	font-size: 12px;
	/*font-weight: bold;*/
}

.prod-info ul.stock
{
	padding-left:10px;
}

/* font-size in media query */
.prod-info h1 {
	margin: 0 0 5px 0;
	/*font-weight: bold;*/
	color: #000099
}

.prijslijst span.service,
.prod-info span.service 
{
	font-size: 13px;
	color: #00cc00;
}

a:hover, a:active {
	text-decoration: none !important;
}

/* Product Page */
.product-head {
	font-size: 11px;
}

.product-head .image {
	border: 1px solid #999999;
	margin: 0;
	padding: 0;
	/*height: 98px;
	width: 98px;*/
}


.product-head .prod-info .vergroot,
.product-head .vergroot {
	background-image: url("/images/inf_vergroot_new.gif");
	background-repeat: no-repeat;
	width: 63px;
	color: transparent;
	float: left;
}

.product-head .vergroot {
	margin-top:5px;
	}
	

.product-head .prod-info .info {
	background-image: url("/images/inf_extrainfo_new.gif");
	background-repeat: no-repeat;
	float: left;
	width: 66px;
	color: transparent;
}

.product-head .prod-info .ddd {
	background-image: url("/images/inf_3dtour_new.gif");
	background-repeat: no-repeat;
	float: left;
	width: 47px;
	color: transparent;
}

.product-head .prod-info img {
	/*float: left;*/
	margin: 0 5px 0 0;
	vertical-align: baseline;
}

.product-head .prod-info.visible-xs {
	clear: both;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
}

.product-head .bestel {
	/*background-color: #ffff66;
	height: 98px;*/
	padding: 10px;
	color: #000099;
}

.propmatrix .aanbieding em,
.product-head .bestel .aanbieding em {
	font-style: normal;
	font-weight: normal;
	text-decoration: line-through;
}

.propmatrix .aanbieding strong,
.product-head .bestel .aanbieding strong {
	/*display: block;*/
	font-size: 16px;
	padding-top: 10px;
}

.prod-info.stock  strong {
	/*display: block;*/
	font-size: 16px;
	padding-top: 10px;
}

.propmatrix .add,
.product-head .bestel .add, .product-head .bestel .add:visited {
	/*margin-top: 10px;*/
	padding-top: 15px;
	background-image: url("/images/n_voegtoe_prod_new.gif");
	background-repeat: no-repeat;
	height: 15px;
	overflow: hidden;
	text-indent: 80px;
	width: 65px;
	background-position: 0px 2px;
	display: inline-block;
	margin-left:10px;
}

.propmatrix .add:hover,
.product-head .bestel .add:active, .product-head .bestel .add:hover {
	background-position: 0px -18px;
}

.option-list {
	margin-left: -17px;
}

.nav.nav-bluelink {
	/* @todo restyle ? */
	
}

ul.lijst li.level1, div.level1 {
	background-image: url("/images/cat_driehoekbl_sel.gif");
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding-left: 17px;
	font-weight: bold;
	font-size: 12px;
	color: #000099;
	list-style-type: none;
}

a.level1.collapsed, div.level2.collapsed {
	background-image: url("/images/cat_driehoekbl.gif");
}
div.hilijst-group {
		padding-top: 5px;
}


div.hilijst {
	padding-left: 15px;
	
}

.hilijst .value {
	color: #3399ff;
	font-size:12px
}

.hilijst .description {
	font-size:11px
}

.hilijst .value.col-lg-10 {
	padding-left:10px!important;
}

.row.product-head {
	margin-left:-5px;
	margin-right:0px;
}

.row.product-head:not(:first-child) {
	margin-top:5px;
}


ul.lijst {
	padding-left: 0px;
}

ul.lijst li.level2 {
	font-size: 11px;
	border-bottom: 1px dashed #999999;
	color: #000099;
	list-style-type: none;
}

ul.lijst li.level2 .description {
	display: table-cell;
	font-weight: normal;
	padding: 0 10px 0 20px;
	width: 250px;
}

ul.lijst li.level2 .advice {
	display: block;
	font-weight: normal;
	padding: 0 10px 0 20px;
}

ul.lijst li.level2 .value {
	display: table-cell;
	font-weight: bold;
	padding: 0;
}

/* homepage */
.boxorange {
	background-color: #cccccc;
	clear: none;
	float: left;
	font-size: 11px;
	font-weight: normal;
	height: 165px;
	margin: 10px 5px 0;
	position: static;
	width: 375px;
	line-height: 13px;
}

.boxorange .prijs {
	color: #666666;
	float: left;
	font-size: 11px;
	padding: 0;
	width: 110px;
	margin: 0 0 0 10px;
}

.boxblue {
	background-color: #ffffff;
	border: 0 none;
	clear: right;
	float: left;
	height: 165px;
	margin: 10px 5px 0;
	padding: 0;
	position: static;
	width: 375px;
}

.boxselect{
	border: 3px solid #fff;
	height: 170px;
}
.boxselect.top,.nav-bluelink-top {
	background-color: #ff8c40;
	margin: 5px;
}

.boxselect.sub {
	background-color: #ffff66;
}

.boxselect.notes {
	background-color: #99ccff;
}


.btn-group.nav-bluelink-notes
{
	display: flex;
}

.nav-bluelink-top > .btn,
.nav-bluelink-sub > .btn,
.nav-bluelink-notes > .btn,
.nav-bluelink-for > .btn {
	color: #000099;
	white-space:normal !important;
    word-wrap:break-word;
    text-align:left;
}

.nav-bluelink-top:hover > .btn,
.nav-bluelink-notes:hover > .btn,
.nav-bluelink-sub:hover > .btn,
.nav-bluelink-for:hover > .btn {
	background-color: #eee;
}

.nav-bluelink-top,
.nav-bluelink-sub,
.nav-bluelink-for,
.nav-bluelink-notes {
	border: 1px solid #ddd;
	margin: 5px;
	color: #000099;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}

.nav-bluelink-top >.btn-blinfo,
.nav-bluelink-sub >.btn-blinfo,
.nav-bluelink-notes >.btn-blinfo,
.nav-bluelink-for >.btn-blinfo {
	padding: 6px;
	padding-top: 5px;
	padding-bottom: 7px;
	padding-left: 0px;
	color: #888;
}

.nav-bluelink-top,
.nav-bluelink-top > .btn {
	background-color: #ff8c40;
}

.nav-bluelink-sub,
.nav-bluelink-sub > .btn {
	background-color: #ffff66;
}	

.nav-bluelink-notes,
.nav-bluelink-notes > .btn {
	background-color: #99ccff;
}

.nav-bluelink-for,
.nav-bluelink-for > .btn {
	background-color: #cccccc;
}


.nav > li  >a.nav-bluelink-hint {
	padding-bottom: 0;
    padding-left: 3px;
	color: #000099;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
.nav > li  >a.nav-bluelink-hint:focus,
.nav > li  >a.nav-bluelink-hint:hover {
		background: #ffffff;
	}
.list-group-item.bl-search {
	padding:0px;
}

.list-group-item.bl-cat-type {
	background-color: #ff8c40;
	}
	
.list-group-item.bl-cat-for a,	
.list-group-item.bl-cat-type a,
.list-group-item.bl-cat-serie a,
.list-group-item.bl-cat-notes a {
	color: #000099;
}
	
.list-group-item.bl-cat-serie {
	background-color: #ffff66;
	}
	
.list-group-item.bl-cat-notes {
	background-color: #99ccff;
	}		
	
.list-group-item.bl-cat-for {
	background-color: #cccccc;
	}		
	
.btn.btn-portal {
	 font-size: 12px;
    padding: 5px 10px;
     background-color: #fff;
    border-color: #ddd;
    color: #777;
}

.btn.btn-portal-active {
	 font-size: 12px;
    padding: 5px 10px;
    background-color: #3399ff;
    border-color: #ddd;
    color: #fff;
    cursor: default;
}		


.boxsearch {
	background-color: #ffFF66;
	border: 3px solid #fff;
	
}

#news-slide .carousel-control {
	width: 5%;
}

#news-slide .carousel-control.left {
    background-image: linear-gradient(to right, rgb(153, 204, 255) 0px, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
}

#news-slide .carousel-control.right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px,rgb(153, 204, 255) 100%);
    background-repeat: repeat-x;
}

#news-slide {
	border: 1px solid #ddd;
}

#news-slide .carousel-indicators {
	
}

#news-slide .carousel-indicators li {
	border: 1px solid #6699ff;
}

.newsbox {
	background-color: #ffffff;
	padding: 5px;
	min-height: 255px;
	left: 15%;
}

.newsbox h3 {
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
    color: #000099;
}

.newsbox .uitvoering ul {
    list-style-position: inside;
    padding-left: 0px;
    overflow:hidden;
    margin-bottom: 5px;
    color: #000099;
}
.newsbox .uitvoering ul.info {
	
	 list-style: outside none none;
}

.newsbox .uitvoering a.moreinfo {
    background-image: url("/images/hm_meerinfo_new.gif");
    width: 62px;
}

.newsbox .uitvoering a.bestel {
    background-image: url("/images/n_h_voegtoe_new.gif");
    width: 60px;
}

.newsbox .uitvoering a.moreinfo, .newsbox .uitvoering a.bestel {
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
    margin: 3px 5px 0 0;
    overflow: hidden;
    padding: 0;
    text-indent: 60pt;
}

.newsbox li.aanbieding {
    
    margin: 0;
   
}

.newsbox .aanbieding img {
   margin: 0 5px 0 0;
}

.newsbox .prijs {
	color: #666666;
    float: left;
    text-align:center;
}

.newsbox .prijs em  {
	color: #000099;
   
}

.newsbox .prijs strong {
	
	display:block
}


.boxnew {
	font-size: 11px;
	background-color: #cccccc;
	padding: 5px;
	border: 3px solid #fff;
	border-right: 6px solid #fff;
	border-left: 0px;
	min-height: 170px;

}

.boxnew span.clickall {
	
}

.boxnew h3 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
    color: #000099;
    overflow: hidden;
    white-space: nowrap;
}

.boxnew .uitvoering {
	min-height: 150px;
}

.boxnew .uitvoering ul {
    list-style-position: inside;
    padding-left: 0px;
    overflow:hidden;
    margin-bottom: 5px;
    color: #000099;
    max-height: 94px;
}

.boxnew .uitvoering ul li.cond {
    list-style: outside none none;
}

.boxnew .uitvoering ul.info {
	
	 list-style: outside none none;
	 position:absolute;
	 bottom: 0px;
}

.boxnew .uitvoering a.moreinfo {
    background-image: url("/images/hm_meerinfo_new.gif");
    width: 62px;
}

.boxnew .uitvoering a.bestel {
    background-image: url("/images/n_h_voegtoe_new.gif");
    width: 60px;
}

.boxnew .uitvoering a.bestelsel {
    background-image: url("/images/n_toegevoegd_infoprod.gif");
    width: 60px;
}

.boxnew .uitvoering .partno {
    margin: 3px 5px 5px 0;
    display: block;
    float:left;
    font-weight: bold;
    color: #000099;
    line-height: 14px;
}


.boxnew .uitvoering a.bestel, .boxnew .uitvoering a.bestelsel {
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
    margin: 3px 5px 5px 0;
    overflow: hidden;
    padding: 0;
    text-indent: 60pt;
}

.boxnew .uitvoering a.moreinfo {
    background-repeat: no-repeat;
    display: block;
    float:left;
    height: 13px;
    margin: 2px 5px 0 0;
    overflow: hidden;
    padding: 0;
    text-indent: 60pt;
}

.boxnew li.aanbieding {
    margin: 0;
    overflow: hidden;
   
}
.boxnew .prijs .promo {
	color: #cc5500;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none
}

.boxnew .aanbieding img {
    
    margin: 0 5px 0 0;
}

.boxnew .prijs {
	color: #666666;
    float: left;
    min-height: 150px;
}
.boxnew .prijs em  {
	color: #000099;
  /*  float: left;*/
}

.boxnew .prijs strong {
	font-size: 16px;
	display:block;
	
}

.boxnew .prijs .priceblock {
	position: absolute;
	bottom: 0px;
}

.row.portal {
	
}


.portal-prodlist{
	padding-top:25px;
	clear:both;
	margin-left: -15px;
	margin-right:20px;
}

.largecat {
float: left;
clear:both;
    font-size: 18pt;
    font-weight: bold;
    padding: 10px;
}

.catinfo {
float: left;
    clear:both;
    font-weight: bold;
    padding: 10px;
   
}

.boxorange .uitvoering {
	height: 126px;
}

.boxorange .uitvoering, .boxorange .aanbieding {
	float: right;
	margin: 0;
	padding: 10px 0;
	width: 250px;
}

.boxorange .prijs, .boxorange .uitvoering, .boxorange .aanbieding {
	display: inline;
	font-size: 11px;
	position: static;
}

.boxorange .uitvoering a {
	color: #000099;
}

.boxorange .image {
	border: 1px solid #999999;
	height: 98px;
	margin: 10px 10px 4px 0;
	width: 98px;
}

.boxorange .uitvoering h3 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.boxorange .uitvoering ul {
	list-style-position: inside;
	margin: 0 0 0 -1px;
	padding: 0;
}

.boxorange .prijs em {
	color: #009;
	display: block;
	font-style: normal;
	margin: 0;
	padding: 0;
}

.boxorange .prijs em strong {
	display: block;
	font-size: 16px;
	margin: 0;
	padding: 0;
}

.boxorange .uitvoering a.info, .boxorange .uitvoering a.bestel {
	background-repeat: no-repeat;
	color: transparent;
	float: left;
	height: 13px;
	margin: 3px 5px 0 0;
	padding: 0;
	width: 58px;
}

.boxorange .aanbieding img {
	float: left;
	margin: 0 5px 0 0;
}

.boxorange .uitvoering a.bestelsel {
	background-image: url("/images/n_toegevoegd_infoprod.gif");
	background-repeat: no-repeat;
	color: transparent;
	margin: 3px 5px 0 0;
	float: left;
}

.boxblue .newproducts {
	background-color: #99ccff;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}

.boxblue .newproducts h2 {
	background-color: #000099;
	color: #ffffff;
	display: inline;
	font-size: 12px;
	margin: 0 6px 0 0;
	padding: 6px;
	vertical-align: bottom;
}

.boxblue .newproducts a.next:link, a.next:visited {
	background-position: right 9px;
	color: #ffffff;
}

.boxblue .newproducts a.next {
	background-image: url("/images/hm_vlakjepijl_new.gif");
	background-repeat: no-repeat;
	font-size: 11px;
	font-weight: bold;
	height: 24px;
	margin: 0;
	padding: 8px 20px 0 0;
	text-decoration: none;
}

.boxblue .newproducts .product {
	font-size: 11px;
	font-weight: normal;
	height: 135px;
	margin: 10px 10px 0;
	position: static;
	/*width: 375px;*/
}

.boxblue .newproducts .product .uitvoering {
	clear: right;
	float: left;
	font-size: 11px;
	padding: 0 0 0 10px;
	position: static;
	width: 230px;
}

.boxblue .newproducts .product .uitvoering h3, .boxblue .newproducts .product .uitvoering strong
	{
	font-size: 12px;
	margin: 0 0 5px;
	padding: 0;
}

.boxblue .newproducts .product .uitvoering a {
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.boxblue .newproducts .product .uitvoering a ul {
	color: #000099;
	list-style-position: inside;
	list-style-type: disc;
	margin: 5px 0;
	padding: 0;
	text-decoration: none;
}

.boxblue .newproducts .product .uitvoering a ul li {
	padding: 2px 0;
}

.boxblue .newproducts .product .prijs {
	color: #666666;
	float: left;
	font-size: 11px;
	padding: 0;
	width: 110px;
}

.boxblue .mailing {
	background-color: #ffffff;
	font-size: 11px;
	height: 60px;
	margin: 0;
	padding: 0;
	position: relative;
}

/* input-group-xs hack */
.input-group-xs>.form-control, .input-group-xs>.input-group-addon,
	.input-group-xs>.input-group-btn>.btn {
	font-size: 10px;
	height: 23px;
	line-height: 1.5;
	padding: 3px 8px;
}

/* border around inactive tabs */
.nav-tabs>li>a {
	border: 1px solid #eeeeee;
}
/* formcontrol 'glow' */
.form-control:focus {
	border-color: #ffa366;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px
		rgba(255, 163, 102, 0.6);
	outline: 0 none;
}

/** order /quote */
tr.info-line td {
	border: none !important;
	padding-top: 2px !important;
}

/* contact page */
#content  p.contact strong {
	width: 120px;
	float: left;
}

#content  p.contact span {
	width: 200px;
	float: left;
}

#content  p.contact a {
	width: 120px;
	color: #3399FF;
	float: left;
	text-decoration: none;
}

#content  p.contact a:hover, #content  p.contact a:active {
	color: #000099;
}

select option.notification {
	font-weight: bold!important;
	color: #ff6600;
}

.has-notification .form-control {
	border-color: #ff6600;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-notification .form-control-feedback {
	color: #ff6600;
}

.pagination > li > a {
	color: #3399ff;
}
.pagination > li.active > span {
	background-color: #3399ff;
	border-color: #3399ff;
}

dl.links dt a:hover {
	color: #3399ff;
}

.input-group-btn .btn-bluelink {
	margin: 0px;
	border-left: 1px solid #ddd;
}

.bl-content > div > ul.nav.nav-pills li a {
	margin-left:0px;
}

ul.nav-tabs.nav-bluelink li.opt a {
	color: #000099;
}

.list-group-item.seperator {
	padding: 3px;
}

.doc-line span strong {
	/*padding-left:10px;*/
	color: #009;
}

.doc-line span.status strong {
	color: #39f;
}

.doc-line span strong.notification-label {
	font-weight: 700

	}
.doc-line span {
	font-weight: normal;
	color: #777;
}
.doc-line span.status {
	padding-left:5px;
}

.doc-line {
	margin-left: 0px;
	margin-bottom: 10px;
}

.well,
.alert-info
 {
	background-image: none !important;
}

.prodcomp{
	margin: 0;
	display: inline-block;
	vertical-align: top;
}

.prodcomp input {
	margin-top:3px;
	vertical-align: text-bottom;
}

.prodcomp.line{
	margin: 0;
	display: inline-block;
}

.prodcomp.line input {
	margin: 0;
	vertical-align: text-top;
}

.prodcomp a {
	color: #000099;
}

.prodcomp a[href] {
	text-decoration: underline;
}
.propmatrix tbody tr:first-child td
{
	padding-top: 30px;
}

.propmatrix .group {
	padding-left: 20px;
	background-image: url("/images/cat_driehoekbl_sel.gif");
    background-position: 0 2px;
    background-repeat: no-repeat;
    color: #000099;
    font-size: 12px;
    font-weight: bold;
    
}

.propmatrix .head {
	font-size: 11px;
	padding-left: 20px;
}

.propmatrix .prodinfo {
	font-size: 11px;
}

.propmatrix .prodinfo h3 {
	font-size: 12px;
	font-weight:bold;
	margin-top:5px;
	color: #000099;
}

.propmatrix .prodinfo .aanbieding{
	margin-top: 5px;
}


.propmatrix .value {
	font-size: 11px;
	font-weight: bold;
}

.propmatrix .value.empty {
	background-color: #eee;
}

.propmatrix .value.diff {
	color: #3399ff;

	}
	
.propmatrix tr.group {
	background-color: #fafafa;
}	
	
#comparelist h3 {
	font-size: 12px;
	font-weight:bold;
	margin-top:5px;
	color: #000099;
}	

#comparelist .list-group-item.prodinfo {
	font-size: 11px;
}

.compare-img {
	background-image: url(/images/n_verwijder_new.gif);
    background-repeat: no-repeat;
    background-position: 0px -30px;
    height: 13px;
    width: 58px;
    border:0px;
    background-color: #fff;
}

.compare-img:hover {
	background-position: 0px 0px;
    
}