@charset "utf-8";

/* clear absolute gepositioneerde elementen */
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}
/* verbergen voor IE-mac \*/
* html .clearfix {height: 1%;}

* {
 margin: 0;
 padding: 0;
}

html, body {
 margin: 0px;
 margin-top: 10px;
 padding: 0px;
 font-size: 10pt;
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 height: 100%;
 background-color: #d7d7d7;
 

}

a, a:visited
{
	color:#333333;
	text-decoration:underline;
}

a:hover
{
	color: #29287B;
}

a:hover {
 text-decoration: underline; 
}

h4, h4 a{
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	
	
	
}

h3, h3 a{
	font-size: 10px;
	text-decoration: none;
	line-height: 0;
	padding-bottom: 10px;
	padding-top: -10px;
	
		
}

h2, h2 a{
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	
	
	
}

#clear{
 clear: both;
}

#clear-right{
 clear: right;
}

#container {
 width: 1000px;
 margin-right: auto;
 margin-left: auto;
}

#header_div {
 width: 1000px;
 height: 78px;
 margin: 0px;
 border: 0;
 background-color: #ffffff;
 clear: both;
}

#topmenu_div {
 float: left;
 width: 1000px;
 height: 32px;
 background-image: url(../images/topmenu_back.jpg);
}

#lang_div {
 float: right;
 height: 32px;
 padding-left: 10px;
 padding-top: 10px;
}

#logo_div {
 float: left;
 width: 1000px;
 overflow: hidden;
}

#logo {
 border: 0;
}

#headers {
 border: 0;
}


#headerimage_div {
 float: left;
 width: 725px;
 height: 78px;
 overflow: hidden;
}

#main {
 overflow: hidden;
 background-color: #ffffff;
}

#contentwitfull {
 display: block;
 float: left;
 width: 940px;
 background-color:#ffffff;
 padding-left:30px;
 padding-right:30px;
 padding-top:20px;
 padding-bottom:32000px;
 margin-bottom:-31980px;
}

#contentwit {
 display: block;
 float: left;
 width: 802px;
 background-color:#ffffff;
 padding-left:30px;
 padding-top:20px;
 padding-bottom:32000px;
 margin-bottom:-32000px;
}

#content {
 display: block;
 float: left;
 width: 940px;
 background-color:#666666;
 padding-left:30px;
 padding-right:30px;
 padding-top:20px;
 padding-bottom:32000px;
 margin-bottom:-31980px;
}

#content a, #contentwit a, #contentwitfull a {
 color: #4b268e;
 text-decoration: underline;
}

#content a:hover #contentwit a:hover, #contentwitfull a:hover {
 color: #4b268e;
}

/* content leftmenu */

#leftmenu_div {
 display: block;
 float: left;
 width: 168px;
 background-color: #C1C1C1;
 padding-bottom:32000px;
 margin-bottom:-32000px;
}

#footer_div {
 clear: both;
 width: 1000px;
 height: 30px;
 background: url(../files/images/footer_back.gif);
}

#footermenu_div {
 float: right;
 width: 520px;
 height: 20px;
 /* background: #000000; */
 border: 0px solid #585858;
 padding-right: 20px;
 color: black;
 font-size: 11px;
 text-decoration: none;
 text-align: right;
 margin-top: 18px;
}

#footermenu_div a {
 color: black;
 text-decoration: none;	
}

#footermenu_div a:hover {
 color: black;
 text-decoration: underline;	
}

#producten_contentwit {
 display:block;
 float: left;
 width: 800px;
 padding-top: 20px;
 padding-left: 17px;
 background-color: #ffffff;
 padding-bottom:32000px;
 margin-bottom:-31980px;
 border-right: 27px;
}

#producten_headerimage_div {
 float: left;
 width: 575px;
 height: 78px;
 overflow: hidden;
}

#producten_div {
 width: 1000px;
 background-color: #e0e0e0;
}


/* product leftmenu */

#product_left_menu_div {
 display: block;
 float: left;
 width: 178px;
 background-color: #2d2b7e;
 padding-bottom:32000px;
 margin-bottom:-31980px;
}


#product_left_menu {
 position: relative;
 width: 178px;
 }

#product_left_menu li {
 list-style-type:none;
 position:relative;
}

#product_left_menu ul {
 margin:0px;
 padding:0px;
 position:relative;
}



/* All A tags - i.e menu items. */
#product_left_menu a {
 color:#ffffff;
 text-decoration:none;
 display:block;
 clear:both;
 width:178px;
 font-size:12px;
 font-style:normal;
}

#product_left_menu a:hover {
   text-decoration:underline;
}


/* A tags */
#product_left_menu .menu_depth1 a { /* Main menu items */
 font-size:18px;
 font-weight:bold;
 font-style:normal;
 width: 144px; /* 168 - 44*/
 margin-top:20px;
 margin-bottom:5px;
 padding-left: 24px;
 padding-top: 2px;
 padding-bottom: 2px;
}

#product_left_menu .menu_depth2 a { /* Sub menu items */
 font-size:18px;
 font-weight:normal;
 font-style:normal;
 margin-left:0px;
 margin-bottom:0px;
 margin-top:0px;
}

/* productlist */

#product_list_div {
 display: block;
 float: left;
 width: 200px;
 background-color: white;
 padding-bottom:32000px;
 margin-bottom:-31980px;
}

#product_list_box {
 float: left;
 width: 190px;
 background-color: #AD91DF;
 margin-top:45px;
 padding-top:0px;
 padding-bottom:0px;
}

#product_list_boxtop {
 display: inline-block;
 width: 190px;
 height: 8px;
 background-image: url(../files/images/product_list_boxtop.gif);
 background-repeat: no-repeat;
 margin:0;
 margin-bottom:8px;
 padding:0;
}

#product_list_boxbot {
 display: inline-block;
 width: 190px;
 height: 8px;
 background-image: url(../files/images/product_list_boxbot.gif);
 background-repeat: no-repeat;
 margin:0;
 margin-top:8px;
 margin-bottom:-8px;
 padding:0;
}



.product_list_item {
 float: left;
 width: 190px;
 padding-top: 2px;
 padding-bottom: 2px;
 background: #AD91DF;
}

.product_list_item_selected {
 float: left;
 width: 190px;
 padding-top: 2px;
 padding-bottom: 2px;
 background: #C4B0E8;
}

.product_list_item:hover {
 background: #C4B0E8;
}

.product_list_item .selected {
 background: #C4B0E8;
}

.product_list_info {
 display: inline;
 float: left;
 width: 160px;
 margin: 0;
 padding: 0px;
 margin-left: 20px;
 font-size: 80%;
 text-decoration: none;
}

.product_list_nr {
 color: white;
 float: left;
 margin-right: 5px;
}
.product_list_name {
 float: left;
 margin-right: 5px;
 color: black;
}
.product_list_name a {
 text-decoration: none;
}
.product_list_inhoud {
 float: left;
}
.product_list_omschr {
 clear: both;
 display: block;
 margin-top: 10px;
 margin-left: 0px;
 height: 70px;
 overflow: hidden;
}


/* product detail */

#product_detail_div {
 display: block;
 float: left;
 width: 632px;
 background-color: #ffffff;
 padding-bottom:32000px;
 margin-bottom:-31980px;
}

.product_detail_box {
 float: left;
 margin-top: 45px;
 width: 352px;
 height: 230px;
 background-color: #D7D7D7;
 font-size: 14px;
 font-weight: bold;
 background-image: url(../files/images/product_detail_back.gif);
}

.product_detail_nr {
 float: left;
 display: inline;
 margin-top: 15px;
 margin-left: 20px;
 color: #808080;
}
.product_detail_name {
 float: left;
 display: inline;
 margin-top: 15px;
 margin-left: 5px;
}

.product_detail_inhoud {
 float: left;
 display: inline;
 margin-top: 15px;
 margin-left: 5px;
}

.product_detail_omschr {
 float: left;
 clear: both;
 width: 310px;
 display: inline;
 margin-top: 15px;
 margin-left: 20px;
 font-size: 12px;
 font-weight: normal;
}


.product_detail_image {
 float: left;
 margin-top: 45px;
 width: 263px;
 height: 230px;
 background-image: url(../files/images/product_image_back.gif);
}

.product_detail_image_over {
 width: 210px;
 height: 210px;
 margin-left: 25px;
 margin-top: 10px;
 overflow: hidden;
}

.product_detail_color_back {
 float: left;
 margin: 0px;
 padding: 0px;
 width: 615px;
 margin-top: 0px;
}

.product_detail_color {
 float: left;
 display: inline;
 width: 615px;
 /* height: 180px; */
 margin-top: 25px;
 padding-bottom: 25px;
 margin-left: 0px;
 /* overflow: auto; */
}

#beschikbare_kleuren {
 font-weight: bold;
 padding-bottom: 4px;
}


.kleur_div {
 display: inline;
 float: left;
 width: 76px;
 height: 40px;
 font-size: 80%;
 margin-bottom: 10px;
 text-align: center;
}

.kleur_hex {
 width: 61px;
 height: 28px;
 background: url(../files/images/product_color_mask.gif) 0 100% no-repeat;
 padding-left: 0px;
 color: #000000;
}

.kleur_div .kleur_naam {
 display: inline;
 width: 61px;
 color: black;
 margin-left: auto;
 margin-right: auto;
}

.voorraad {
 width: 75px;
 height: 24px;
 background: url(../files/images/kleur_back.html) 0 100% no-repeat;
 color: #000000;
 text-align: center;
}

.voorraad p {
 color: black;
 margin: 0 auto;
 margin-top: 5px;
}
.bestel_knop {
 color: white;
 font-size: 100%;
}
.bestel_knop a {
 color: #ff9900;
 text-decoration: none;
}
.bestel_knop a:hover {
 color: #ffffff;
 text-decoration: none;
}

.loginHeader
{
	padding-bottom: 10px;
}

.login
{
	margin-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #ffffff;
}

/* styles for loginform */

#loginform {
 background: #404040;
}

#loginform form {
 margin: 5px;
 padding: 0px;
}

#loginform label {
 width: 150px;
 float: left;
 text-align: left;
 display: block;
 font-family: Arial, sans-serif;
 font-size: 100%;
 color: #be9e56;
}

#loginform input, select, textarea {
 font-family: Arial, sans-serif;
 font-size: 100%;
 color: black;
 margin-top: 5px; 
}

#loginform input {
 background: #ffffff;
 border: 0px;
}

#loginform .submit input {
 margin-left: 150px;
 color: black;
}


.body_wit {
 color: white;
 font-size: 100%;
}
.kop_wit1 {
 color: white;
 font-size: 120%;
 font-weight: bold;
}
.kop_wit2 {
 color: white;
 font-size: 140%;
 font-weight: bold;
}
.kop_wit3 {
 color: white;
 font-size: 180%;
 font-weight: bold;
}
.kop_wit4 {
 color: white;
 font-size: 200%;
 font-weight: bold;
}


.body_lila {
 color: #a085d4;
 font-size: 100%;
}
.kop_lila1 {
 color: #a085d4;
 font-size: 120%;
 font-weight: bold;
}
.kop_lila2 {
 color: #a085d4;
 font-size: 140%;
 font-weight: bold;
}
.kop_lila3 {
 color: #a085d4;
 font-size: 180%;
 font-weight: bold;
}
.kop_lila4 {
 color: #a085d4;
 font-size: 200%;
 font-weight: bold;
}


.body_paars {
 color: #4b268e;
 font-size: 100%;
}
.kop_paars1 {
 color: #4b268e;
 font-size: 120%;
 font-weight: bold;
}
.kop_paars2 {
 color: #4b268e;
 font-size: 140%;
 font-weight: bold;
}
.kop_paars3 {
 color: #4b268e;
 font-size: 180%;
 font-weight: bold;
}
.kop_paars4 {
 color: #4b268e;
 font-size: 200%;
 font-weight: bold;
}


.body_zwart {
 color: black;
 font-size: 100%;
}
.kop_zwart1 {
 color: black;
 font-size: 120%;
 font-weight: bold;
}
.kop_zwart2 {
 color: black;
 font-size: 140%;
 font-weight: bold;
}
.kop_zwart3 {
 color: black;
 font-size: 180%;
 font-weight: bold;
}
.kop_zwart4 {
 color: black;
 font-size: 200%;
 font-weight: bold;
}


.paarsback {
 background-color: #AD91Df;
}
.wittekst {
 color: white;
}
.field100pct {
 width: 100%;
}

legend {
 color: #ff9900;
}

#flashmovie_div {
 width: 100%;
 margin: 0;
}

.flag {
 border: 0px;
 margin-left: 0px;
 margin-right: 10px;
}

.centertable {
 margin-left: auto;
 margin-right: auto;
 border: 0;
 padding: 0;
}

.input_paars {
 background-color: #DDCFF2;
 font-size: 12px;
 height: 16px;
 width: 90%;
}

.input_paars75 {
 background-color: #DDCFF2;
 font-size: 12px;
 height: 16px;
 width: 75px;
}

.w3icons {
 border: 0px solid black;
}



.searchbar
{
	width: 205px;
	height: 17px;
	float: right;
	margin-top: 5px;
	
}
.searchbar input[type="text"]
{
	width: 120px;
	height: 17px;
	background-color: #ffffff;
	border: 1px solid black;
	color: #000000;
	
}

.searchbar input[type="submit"]
{
	width: 75px;
	height: 17px;
	background-color: #bc0707;
	border: none;
	color: #fff;
	font-weight: bold;
}



#bme_article
{
	width: 800px;
	height: auto;
	
}

#bme_article_description
{
	width: 99%;
	height: auto;
	float: left;
	padding-right: 10px;
}

#bme_article_subitems
{
	width: 400px;
	height: auto;
	float: left;
	padding-right: 10px;
}


#bme_article_image
{
	width:240px;
	height: auto;
	float: left;
}

#bme_article_attachments
{
	width: 640px;
	height: auto;
}

#breadCrumb
{
    width: 638px;   
    font-size: 11px;
    color: #000;
    color: #000;
}

.menuInfo
{
	margin-left: 10px;
	padding-top: 10px;
	padding-bottom: 15px;
	color: #FFFFFF;
}

.menuInfo a:hover
{
	color: #bc0707
}

.menuSpacer
{
	
	background-color: #666666;
	height: 3px;
}

.mainmenu
{
	float:left;
	width: 100px;
	height:30px;
	/*background-image: url(../images/mainmenu.png);*/
	background-repeat: no-repeat ;
	line-height:25px;
	}

.title
{
	cursor: hand;
	text-align: left;
	font-size: 12px;
	font-weight:bold;
	line-height: 25px;
	color: #ffffff;
	border-bottom-color: #FFFFFF;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	text-transform: uppercase;
	
}

.submenu
{
	cursor: hand;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-color: #FFFFFF;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	text-transform: normal;
}	


/*
	BUTTONS
*/
div.Btnbar
{
	padding:3px;
}

BUTTON.Btn
{
	border: inset 1px black;
	background:#333333; 
	cursor: hand;
	color:#ffffff;
	font-family: Verdana;
	font-size: 8pt;
	font-weight:bold;
}


/* LANGUAGE SELECTION */
img
{
 border: none;
}

img.activated
{
	border: 2px solid white;
	width: 25px;
}

/*  CATALOG  */
.catalog_top
{	
	}

.catalog_bottom
{
border-bottom: 2px solid #999999;}

.bme_catalog_row
{
	width: 800px;
	float: left;
	border-top: 2px solid #999999;
}

.bme_catalog_column
{
	background-color: transparent;
	height: 250px;
	width: 225px;
	padding: 10px 10px 10px 10px;	
	float: center;
	/*border-right: 2px solid #999999;*/
	/*border-top: 2px solid #999999;*/
	/*border-left: 2px solid #999999;
	/*border-bottom: 1px solid #999999;*/
	
}



.bme_assortment_column a
{
	text-decoration:none;
	font-weight:bold;
	color:#000000;

}
.catalog_left
{
	/*border-right: 1px solid black;*/
}

.catalog_right
{
	/*border-left: 1px solid black;*/
}

#bme_catalog_header
{
	height: 23px;
	width: 800px;
}

#bme_pagination
{
    margin-top: 15px;
	width: 800px;
	float: left;
	text-align: center;
}

#bme_sortmethod
{
	float: left;
	font-size: 11px;
}

#bme_select_sortmethod
{
	font-size: 11px;
	border: 1px solid black;
	

}


#bme_catalog
{
    margin-top: 15px;
}

.bme_catalog_product_image
{
	width: 80px;
	float: left;
	margin-right: 5px;
}

.bme_catalog_product_description
{
	width: 200px;
	float: left;
	margin-bottom: 5px;	
}

.bme_item_product_image
{
	width: 250px;
	float: left;
	margin-right: 5px;
}

.bme_item_product_description
{
	width: 250px;
	height: 75px;
	float: left;
	margin-left: 15px;	

}

table.cartadd td
{
	vertical-align: middle;
}

table.cartadd tr
{
	vertical-align: middle;
}

input.cartaddinput
{
	text-align:right;
	vertical-align: middle;
/* to hide amount input box in catalog
	display: none;
*/	
}}

button.cartaddpic
{
	background-image: url("../images/addtocart.png");
	background-repeat: no-repeat;
	border: inset 0px #000000;
	cursor: hand;	cursor: pointer;
	color: white;
	font-family: Verdana;
	font-size: 8pt;
	font-weight:bold;
	width: 21px;
	height: 22px;
}

#bme_article H1
{
	font-size: 14px;
	margin-bottom: 5px;
}

.bme_article_attachment H1
{
	font-size: 12px;
	margin-bottom: 5px;
}



.error
{
	font-weight: bold;
	color: red;
	width: 150px;
}
	                    
.basic  {
	
}
.basic div {
	background-color: #3F3EAD;
}

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.basic span {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: #292795;
	border-top: 0px solid #FFFFFF;
	border-bottom: 1px solid #999;
	text-decoration: none;
}

.basic span a{
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
}

.basic span.selected {
	color: black;
	background-color: #bbbbbb;
}

/* 
	TABLES
*/
table.form
{
	width:100%;
	border:solid 1px #ffffff;
	/*border-collapse: collapse; /*#cellspacing and cellpadding not supported in IE6, so have to use this command*/
	PADDING: 0px;
	margin-top: 9px;
   	font-family: Verdana;
    /*border:solid 1px #000;*/
	font-size: 8pt;
}

table.form th { 
	text-align:left; 
	padding:3px; 
	background-color:#004C66; 
	color: #333333;
	font-family: Verdana;
	font-weight:bold;
	border-right:solid 1px #698EC1;
	border-left:solid 1px #FFFFFF;
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px #698EC1;
}

table.form tr.section td
{
	border-right:solid 0px #F0F7F8;
	padding-right:0px;
	COLOR:white;
	background-color: #004C66;
	TEXT-INDENT: -1pt;
	border-right:solid 1px #698EC1;
	border-left:solid 1px #FFFFFF;
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px #698EC1;
}

table.form tr.section th 
{
	padding-left:0px;
	padding-top: 2px;
	padding-bottom:2px;
	COLOR: #ffffff; 
	background-color:#858585;
	TEXT-INDENT: 5pt;
   	TEXT-ALIGN: left;
	border: 1px solid black;
	font-size: 8pt;
	/*border-right:solid 1px #698EC1;
	border-left:solid 1px #FFFFFF;
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px #698EC1;*/
}




table.form td.sep1
{
    COLOR:#FFFFFF;
    TEXT-INDENT: -1pt;
    TEXT-ALIGN: left;
}

table.form td
{
	color:#000000;
	text-indent: 0pt;
}

table.form a:link     {color:#333333; text-decoration:none;}
table.form a:active  {color:#333333; text-decoration:none;}
table.form a:visited  {color:#333333; text-decoration:none;}
table.form a:hover    {color:#29287B; text-decoration:underline;}

table.form tr.section td a:link {color:#000000; text-decoration:underline; font-weight:normal;}
table.form tr.section th a:link {color:#000000; text-decoration:underline; font-weight:normal;}

/* LIJNTJES ONDERAAN DE FORM TABELLEN  */
table.form tr td.field
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 2px;
    BACKGROUND-COLOR: #EEEEEE;
    border-bottom:solid 1px #ffffff;
}

/*
	BUTTONS
*/
div.Btnbar
{
	padding:3px;
}

BUTTON.Btn
{
	border: inset 1px black;
	background:#858585; 
	cursor: hand;
	color:#FFFFFF;
	font-family: Verdana;
	font-size: 8pt;
	font-weight:bold;
}

/* hoofd menu */

.hmenu {
 margin: 0;
 padding: 0;
 float: left;
 font: bold 12px Arial;
 /*width: 100%;*/
 height: 32px;
 overflow: hidden;
}

.hmenu li{
 display: inline;
}

.hmenu li a{
 float: left;
 color: black;
 padding: 8px 12px;
 text-decoration: none;
 border-right: 1px solid #666666;
}

.hmenu li a:visited{
 color: black;
}

.hmenu li a:hover, .hmenu li .selected {
 background: transparent url(../images/topmenu_over.jpg) center center repeat-x;
}

.hmenu li.selected {
 background-color: #ff4200;
}

/* Left menu */
#lmenu {
	float: left;
	width: 168px;
	height: 400px;
	}

#lmenu h3{
	font-size: 14px;
        margin:0px;
	padding: 20px 0 0 20px;
        }


#lmenu ul{
	list-style:none;
	margin:0px;
	padding:0px;
	}
#lmenu li a {
	height: 32px;
  	height: 24px;
	text-decoration: none;
	font-weight:bold;
	}	
	
#lmenu li a:link, #lmenu li a:visited {
	color: #000000;
	display: block;
	padding: 8px 0 0 20px;
	}
	
#lmenu li a:hover {
	color: #ffffff;
	/*background: url(/files/images/topmenu_over.jpg) center center repeat-x;*/
	background-color: #AD91DF;
	}
	
#lmenu li a:active, .selected{
	color: #ffffff;
	/* background: url(/files/images/topmenu_over.jpg) center center repeat-x;*/
	background-color: #AD91DF;
	padding: 8px 0 0 0px;
	}