@import url("extra-tijdelijk.css");
/*voorpagina*/

a { color: #2c3337; }
a:hover { color: #000000; }

/*h1 { color: #4d83a7; font-family: Arial; font-weight: normal; }
h2, h3, h4 { color: #2c3337; font-family: Arial; font-weight: normal;  }*/

div.submenu { position: relative; }
div#tel { position: absolute; right:13px; top:26px; }

div.menupanel div.tr_item { border-bottom: 1px dotted #dfe5e8; padding-top: 3px; padding-bottom: 3px; }
div.menupanel div.tr_item a { text-decoration: none; }

div.menupanel_title { border-bottom: 1px solid #dfe5e8; font-size: 123.1%; }

#menuleft {border-right:1px solid #DFE5E8;}

div.yui-t3 div.yui-b {
width:18.2308em;
}

div.menupanel div.tr_item {width:auto;}

div.menupanel_title {width:auto; color: #3A6389}

/* aanpassingen rinie menu-left ************************/
div#menuleft div#searchbar.menupanel_title,
div#menuleft div#simple_loginbar.menupanel_title,
div#menuleft div#mailinglistbar.menupanel_title {
color: #4D83A7;
font-size: 100%;
font-weight: bold;
}
div#menuleft form#searchform label,
div#menuleft form#loginloginform label,
div#menuleft form#mailinglistform { 
font-size: 85%;
}
div#menuleft input#input_simplesearch_searchform,
div#menuleft input#login_email,
div#menuleft input#login_password,
div#menuleft input#input_mailinglistform {
border: 1px solid #D7D7D7;
width: 194px;
#width: 192px;
}
div#menuleft input#sticky.checkbox {
margin:0px 6px 2px 0px;
border-color: #D7D7D7;
}
/********************************/
div#simple_loginbar,
div#mailinglistbar,
div#searchbar {
	background-image: url(../img/bg-phonebox-title3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 6px;
	padding-left: 10px;
	width: 227px;
}
div#simple_loginbar.menupanel_title,
div#mailinglistbar.menupanel_title,
div#searchbar.menupanel_title {
border-bottom: none;
}
div#simple_logincontent,
div#mailinglistcontent,
div#searchcontent {
	background-image: url(../img/bg-phonebox.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 15px;
}
div#searchcontent {
height: auto;
}
div#simple_logincontent {
height: auto;
}
div#mailinglistcontent {
height: auto;
}
form#mailinglistform div.mailinglist_unsubscribe_row {
width: 190px;
margin-top: 5px;
padding-left: 5px;
}
/********************************/
/* articles - algemeen */
	div.article h1, h1 {
		color: #3A6389;
		font-size: 138.5%;
		font-weight: bold;
		margin-bottom: 20px;
	}
	div.article h2, h2 {
		font-size: 116%;
		color: #3A6389;
		font-weight: bold;
	}
	div.article h3, h3 {
		color: #2c3337;
		font-size: 100%;
		font-weight: bold;
	}
	div.article img {
		margin: 2px;
	}
	div.article div.thumbsportfolio img {
		margin: 0px;
	}
/* articles - over ons -> onze partners */
table.onze-partners {
width: 90%;
}
/* article Dealers.html */
body#dealers-html {
background-color: #2E3235;
text-align: center;
font-family: Arial;
font-size: 85%;
}
body#dealers-html div#article {
margin: 20px auto;
background-color: #ffffff;
width: 450px;
padding-top: 10px;
}
body#dealers-html div#article p {
background-color: #eeeeee;
margin: 0px;
padding: 0px;
}
body#dealers-html iframe a {
color: #000000;
margin-bottom: 15px;
}
table.onze-partners td {
padding: 10px;
border-bottom: 1px solid #DFE5E8;
}
/* voorpagina shop */
table.fp-top5 td {
vertical-align: bottom;
}
table.fp-top5 td img {
margin-top: 5px;
}
table.fp-top5 th {
vertical-align: middle;
padding-left: 5px;
}
table.fp-top5 th a {
font-size: 77%;
}
/********************************/
.closed {
	background-image:url(../img/bg-menu-closed.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
.open {
	background-image:url(../img/bg-menu-open.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

.icon {padding-top:19px;}

.cartstatus_links, cartstatus_links a, cartstatus_links a:hover {text-decoration:underline;}


div.callyou {
	margin-top: 25px;
}
div.callyou h3 {
	padding-top: 6px;
	padding-left: 10px;
}
div.callyou p, div.form { padding:12px; }

div.callyou label { display: block; margin-bottom: 3px; }
div.callyou div.form { margin-left: 10px; }
div.callyou div.form div { margin-bottom: 10px; }
div.callyou div.form input { width: auto; }

div.callyou p {width:200px; }

div.frontpage-2nd-part {
margin-top: 30px;
}
div.call-you-box {
width: 225px;
}
#callyou_part
{
	border-left:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
	width:223px;
}

.demo
{
margin-top:30px;
margin-bottom:30px;
}

.callbox
{padding:12px;}

div.article td.lijn-links {
border-left: 1px solid #cccccc;
padding-left: 10px;
}
div.btn-meer-info {
width: 126px;
height: 27px;
background: url(../img/nl/btn-meer-info.jpg);
cursor: pointer;
}
div.btn-meer-info:hover {
background: url(../img/nl/btn-meer-info-h.jpg);
}
div.shopmenu {
	padding-top: 0px;
	height: 22px;
	padding-left: 16px;
}
div.demo-warning {
	position: absolute;
	right: 10px;
	top: 30px;
	background-color: orange;
	width: 570px;
	height: 13px;
	padding: 5px;
	z-index: 4;
	font-size: 77%;
	text-align: left;
border: 1px solid #222222;
}

div#cartstatus {
cursor:pointer;
height:30px;
position:absolute;
right:72px;
top:79px;
width:200px;
}

/* portfolio artikelen */
.portfoliosamenvatting{border-bottom:1px solid #CCCCCC;padding-bottom:25px;padding-top:25px;}
.portfolioplaatje{float:left;padding-top:17px;}
.portfoliotext{width:414px;float:right;}
.meerinformatieoverditproject{clear:both;}
.meerinfo{text-align: right; margin-top: 5px; margin-right: 10px;
/*margin-left:175px;*/}

.sfeerfoto{
/*float:right;
padding:36px;
text-align:left;*/
text-align: center;}
.uitleg{border-right:1px solid #CCCCCC;
float:left;
padding-right:26px;
width:374px;
padding-bottom:28px;}

.thumbsportfolio{border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
clear:both;
padding-bottom:20px;
padding-top:20px;
text-align:left;}


.grotefoto{text-align:left;padding-top:20px;padding-bottom:20px;}

div#bd .thumbsportfolio img {border:4px double #E8EAE9;}


/*accountpagina */

div.step {border:1px solid #7A7875;}
div.login_screen h2 {border-bottom:0px solid #7A7875;color:#12121D;background-color:#FFFFFF;}
div.panel {margin:0px;padding:20px 48px;}

.margin_top {padding:24px;margin-bottom:25px;}
table.cart {margin-top:12px;}
table.cart tr th {background-color:#e7e7e7;color:#000000;}
table.carttotals tr#basket_total_large th, table.carttotals tr#basket_total_large td, table.shipping_estimated th, table.promo_code th, table.carttotals tr.confirmation_total {
background-color:#e7e7e7;color:#000000;padding-left:1px;padding-top:9px;}
table.b2b_variant {margin-bottom:17px;}
div.border_right {border-right:1px none #7A7875;}

ol#checkout li.active h2 {background-color:#e7e7e7;border-bottom:1px solid #7A7875;color:#000000;}
ul.summary h2 {background-color:#e7e7e7;color:#000000;}
ol#checkout li.ready h2 {background-color:#e7e7e7;color:#000000;cursor:pointer;}
ul.method_choices li.selected, ul.est_method_choices li.selected {background-color:#e7e7e7;border:1px solid #12121D;color:#12121D;}
div.images_bottom div.product_image {margin-top:34px;}
textarea.large {margin:1px;padding:2px;width:40.7em;}
div.continue{text-align:left;}
table.carttotals th {width:13.7em;}

/* categorie pagina */

.yui-gb{margin:15px;}
.product_detail {
margin-bottom:17px;
margin-top:10px;
height: 130px;
}
div#datacategory_description {
margin-bottom: 15px;
}
div.category_product div.category_button a {
margin-bottom: 10px;
}
div#content.category div.yui-u div.boxdata div.category_product {
background: transparent url(../img/links-en-onder-lijntje.gif) no-repeat left bottom;
padding-left: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
}
div.category_product div.category_price {
padding-right: 5px;
text-align: right;
color: #3A6389;
}
div.category_product div.category_button {
padding-right: 5px;
text-align: right;
padding-top: 5px;
}
div#content.category div.yui-u.first div.boxdata div.category_product {
background: transparent url(../img/onder-lijntje-150px.jpg) no-repeat 19px bottom;
padding-left: 0px;
}
div#content.category div.yui-u div.boxdata div.category_product.product_empty {
background: none;
/*border-left: none;*/
}
/* mandje */
div#cartstatus_panel {
background-color: #f8f8f8;
}
div.cartstatus_inner {
background-color:#f8f8f8;
}
div.cartstatus_links {
text-align:right;
text-decoration:none;
margin-right: 10px;
}
div.cartstatus_product {
height:255px;
margin-left:175px;
padding-top:5px;
}
table.promo_code_input input#promo_code {
width: 9em;
}
/* afrekenen */
div#cart_bottom table.carttotals.large tr th {
width: 65%;
}

/*productpagina */
div.price_title {
float: left;
margin-right: 20px;
margin-top: 12px;
#margin-top: 7px;
height:40px;
}
.product_price { 
margin-top: 0px;
margin-bottom:10px;
text-align:left;
font-weight:bold;
font-size:116%;
}
.product_price.product_price_border {
background-color: #F4F5F5;
width: 260px;
border: 1px solid silver;
padding: 5px;
}
div.product_options_border {
background-color: #F4F5F5;
width: 260px;
border: 1px solid silver;
padding: 5px;
}
.product_options { 
margin-bottom:10px;
}
.product_button {
margin-top:50px;
margin-bottom:10px;
margin-left: 7px;
}

div#left_box div.extra_images img.extraimage {
margin-right: 5px;
}
div.product_images { 
	position: relative;
	width: 320px;
}
img#promoimage { bottom:95px;
position:absolute;
right:20px; }

div#right_box {
float: right;
width: 255px;
margin-top: 34px;
margin-right: 5px;
}
div#right_box div.product_price div.product_price {
color: #4D83A7;
}
div#right_box select.select {
font-size: 85%;
}
img#btn-tellafriend {
margin-top: 15px;
}
div.product_files div.product_file {
margin-bottom: 15px;
}
div.suggestions h3 {
margin-bottom: 15px;
}
div.suggestion div.suggestion_name a h2 {
text-decoration: underline;
}
div.suggestion div.suggestion_image {
height: auto;
margin-top: 4px;
text-align: center;
}
div.suggestion div.suggestion_description {
height: 50px;
}
div.suggestbutton {
background: #ffffff url(../img/nl/btn-suggestion.jpg) no-repeat left top;
height: 27px;
}
div.suggestbutton-hover {
background: #ffffff url(../img/nl/btn-suggestion-h.jpg) no-repeat left top;
height: 27px;
}
div.suggestbutton-checked {
background: #ffffff url(../img/nl/btn-suggestion-c.jpg) no-repeat left top;
height: 27px;
}
/* panel */

/* Apply the border to the right side */
.dialog { position:relative; border:none; overflow:visible; background:transparent url(../img/bg-dialog-bd-r.png) no-repeat top right; } 

/* Style the close icon */
.dialog .container-close { top:5px; right:3px; height:15px; width:15px; background-image:url(../img/bg-dialog-close.gif);}
.dialog .container-close:hover { background-image:url(../img/bg-dialog-close-h.gif); } 

/* Style the header with its associated corners */
.dialog .hd { padding:0; border-top:1px solid #000000; background:transparent url(../img/bg-dialog-hd.png); color:#12121d; height:29px; margin-left:8px; margin-right:8px; text-align:left; vertical-align:middle; overflow:visible; }
.dialog .hd span { line-height:29px; vertical-align:middle; }
.dialog .hd .tl { border-left:1px solid;width:8px;height:30px;top:0px;left:0;position:absolute;background:transparent url(../img/bg-dialog-hd-lt.png);}
.dialog .hd .tr { border-bottom:1px solid;border-right:1px solid;width:8px;height:30px;top:0px;right:0;position:absolute;background:transparent url(../img/bg-dialog-hd-rt.png);  }

/* Style the body with the left border */
.dialog .bd { overflow:hidden; padding-right:0px; border-top:1px solid; background:#f7f7f7 url(../img/bg-dialog-bd-l.png) repeat-y; margin:0 4px 0 0; }

.dialog #panel_message {
	background-color: #ffffff;
	border: 1px solid #c4c4c4;
	border-left: 1px solid #c4c4c4;
	border-top: 1px solid #c4c4c4;
	padding: 10px;
	text-align: left;
	background-image:url(../img/panel_bg.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}

/* Style the footer with the bottom corner images */
.dialog .ft {
	font-size:11px;
	height:4px;
	padding:0px 4px;
	background-color: transparent;
	background-image: url(../img/bg-dialog-ft.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.dialog .ft span { line-height:4px; vertical-align:middle; }
.dialog .ft .bl {
	width:8px;
	height:4px;
	bottom:0;
	left:0;
	position:absolute;
	background-color: transparent;
	background-image: url(../img/bg-dialog-ft-lb.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.dialog .ft .br {
	width:8px;
	height:4px;
	bottom:0;
	right:0;
	position:absolute;
	background-color: transparent;
	background-image: url(../img/bg-dialog-ft-rb.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}


div.confirmation_box div.confirmation_data {
font-weight:bold;
padding:2px;
}


#left_box{float:left;}

.front_rechts{padding-left:12px;}

ul#addressbook li, ul#employees li, ul#companies li {margin-top:15px;padding:10px;}

div.confirmation_box p.explain {margin-bottom:17px;}

/* Inloggen */
div#login_form div.yui-u.first p {
display: none;
}
div#login_form form#login_form {
margin-top: 10px;
}
/* banner.asp - partner programme */
div#banner div.yui-u.first {
width: 55%;
}
div#banner div.yui-u.first form {
padding-right: 20px;
}
div#banner div.yui-u {
margin-left: 0px;
width: 45%;
}
table#banner_login {
margin-top: 15px;
}
table#banner_login td.aligncenter button.hbutton {
margin-top: 10px;
}
div#banner table.form {
margin-top: 15px;
}
div#banner table th, div#banner table td {
padding-top: 1px;
padding-bottom: 1px;
}
div#banner table.form td select#country.input-select {
width: 155px;
}
/* contact */
form#contactform div.inputcolumn textarea#message {
width: 20.65em;
background-color: #f8f8f8;
}
form#contactform ol.form {
margin-top: 15px;
}
form#contactform ol.form li {
margin-bottom: 5px;
}
form#contactform div.navigate.yui-g div.continue.yui-u {
width: 99%;
}
/* smartbanner */
div#banner div.sb_article {
padding-right: 40px;
}
/************************************************************************/
/*      B2B
/************************************************************************/
/* frontpage */
table.b2bdemo-frontpage td.front_links {
width: 70%;
padding-right: 20px;
border-right: 1px solid #DFE5E8;
}
table.b2bdemo-frontpage td.front_rechts {
padding-left: 20px;
}
table.b2bdemo-frontpage div.yui-gb {
margin-top: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #DFE5E8;
}
table.b2bdemo-frontpage div.yui-gb div.yui-u {
width: 49%;
}
table.b2bdemo-frontpage div.product_detail {
height: 70px;
}
table.b2bdemo-frontpage td {
vertical-align: bottom;
}
table.b2bdemo-frontpage th {
vertical-align: middle;
padding-left: 5px;
}
table.b2bdemo-frontpage a {
font-size: 77%;
}
table.b2bdemo-frontpage td.b2btop5 {
vertical-align: middle;
}
/* category - pagina */
div.category h3.product_title {
margin-bottom: 5px;
}
div.category h3.product_title a {
font-weight: normal;
}


img#mainimage{width:200px;}
.yui-navset .yui-content {
background:#FFFFFF none repeat scroll 0 0;
}
div#callyou_part div.continue{text-align:center;}


input#login, input#simple_search_submit, .mailinglist_unsubscribe_row, input#btn-product-buy1{padding-bottom:10px;padding-top:10px;}