/*
Basis CSS layout beeldvullend
*/
* 
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
background-color:#FAF6F6;/*--achtergrondkleuralgemeen--*/
}
body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	min-width: 900px;
}

p {padding: 7px 0 7px 0;}

a {
color: #000099;
}
a:hover{
color: #0000FF;
text-decoration: none;
}

h1, h2, h3, h4, h5 {
font-weight: bold;
padding-bottom: 5px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h1 a, #header h2{
color: #fff;
}

input, textarea, select {
	background-color:Lightcyan;
	border: 1px solid Deepskyblue;
}

.clear { clear: both; }
#mainContainer {
min-height: 300px;
background-color:#FAF6F6;/*--achtergrondkleuralgemeen--*/
}
* html #mainContainer {
height: 300px; }
/**************************
HEADER
**************************/
#header {
background-color:#FEFEF9;/*--headerachtergrondkleur--*/
padding: 0px;
text-align:left;
height:150px;
background-image: url('../afbeeldingen/background_header.gif')  ;
background-repeat: repeat-x;
}
/**************************
Inhoud en kolommen
**************************/
#outer {
 /***hieronder de breedte en de kleur van de linker-kolom  ***/
border-style: solid; 
border-left-width:168px;
border-left-color:#000000;/*--linkermenukleur--*/
/*** hieronder de breedte en kleur van de rechter-kolom ***/
border-right-width: 130px; 
border-right-style:solid; 
border-right-color:#FAF6F6;/*--achtergrondkleuralgemeenborderright--*/
}

.inner {
position: relative;
width: 99%; 
MIN-HEIGHT: 1100px

}

.menuBackground {
background: url('../afbeeldingen/background_repeaty.jpg')  ;
background-repeat: repeat-y;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
width: 180px;
margin-left: -168px; 
z-index: 0;
}


.float-wrap {
float: left;
width: 100%;
margin-left: -168px; 
} /* deze maat is afhangelijk van de breedte van de linkerkolom kijk bij .outer */

#content {
float: right;
margin-right: -165px;  
width: 99%;
background-color:#FAF6F6;/*--achtergrondkleuralgemeen--*/
}
* html #content {
position: relative;
}
.contentWrap{
padding: 2px;
width: 100%;
}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap li {
padding-bottom: 2px;
}

.contentWrap input, textarea {
	background-color:Lightcyan;
	border: 1px solid Deepskyblue;
}

/**************************
Linker kolom
**************************/
#left {
float: left;
width: 150px; /* de maat van de container van het linkermenu*/
z-index: 20;
/*border-left-color:#FF00EE;/*--lniet inkermenukleur--*/*/

min-height: 250px;
padding: 2px;
margin-left:6px; /* afstand van linkermenu naar kantlijn */
}
* html #left {
position: relative;  
height: 250px;
z-index: 20;
}
#left ul {
list-style: none;
padding-bottom: 4px;
}
#left li {
padding-bottom: 2px;
}
/*************************
Rechter kolom
**************************/
#right {
float: right; 
width: 120px;
padding: 5px;
min-height: 250px;
margin-right: -130px; /** Deze negatieve margin id de breedte van de rechter-kolom vermeerderd met de padding. ***/
padding-bottom: 2px;
background-color:#DFDFDC;/*--rechterkolomkleur--*/
color:#000000;/*--fontkleurrechtermenuoverigetekst--*/
}

* html #right {
height: 250px;
position: relative;
}
#right ul {
list-style: none;
padding-bottom: 4px;
}
#right li {
padding-bottom: 2px;
}

#right li a {
	text-decoration: none;
color:#000000;/*--fontkleurrechtermenu--*/
font-family:Verdana;/*--fontrechts--*/
font-size:11px;/*--fontsizerechts--*/

}

#right li a:hover {
	display: inline;
	text-decoration:underline;
}


/**************************
FOOTER
**************************/
#footer {
background-color:#000000;/*--footerkleur--*/
text-align: center;
height:12px;
}

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

#innerfooter {
background-color:#000000;/*--footerkleur--*/
border-right: 1px solid black;
border-bottom: 1px solid black;
width:170px;
font-size:9px;
height:10px;
}

#footer P {
	padding:0px;
	margin:0px;
	font-size: 20px; 
}

/* mainleftmenu */


#leftnavigationmenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
margin-left:0px;/*--leftmarginnavigationmenu--*/
font-size:11px;
width:152px;
}

#leftnavigationmenu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#leftnavigationmenu li a {
font-family:Verdana;/*--kolomfontlinkscategorie--*/
font-size:11px;/*--kolomfontsizelinkscategorie--*/
background-color:#C10000;/*--linkermenuknoppenkleur--*/
color:#FFFFFF;/*--fontkleurmenuknoppen--*/
	display: block;
		text-decoration: none;
		padding: 2px 2px 2px 2px;
		border-top: 1px solid #FFF;
		border-right: 1px solid #000;
		border-bottom: 1px solid black;
		border-left: 1px solid #FFF;
		width: 145px; /* breedte van de knoppen van het linkermenu */
	
}

#leftnavigationmenu ul ul li a {
	width:145px; /* breedte van de knoppen van het linkermenu in submenu */
background-color:#FF3E3E;/*--linkersubmenuknoppenkleur--*/
color:#000000;/*--fontkleursubmenuknoppen--*/
border-right: 1px solid #000;
	font-size: smaller;
	font-weight: normal;
	list-style-type: none;
font-family:Tahoma;/*--kolomfontlinkssubcategorie--*/
font-size:11px;/*--kolomfontsizelinkssubcategorie--*/
}

#leftnavigationmenu ul ul ul li a {
	width:145px; /* breedte van de knoppen van het linkermenu in subsubmenu */
background-color:#D9D2D2;/*--linkersubsubmenuknoppenkleur--*/
color:#000000;/*--fontkleursubsubmenuknoppen--*/
border-right: 1px solid #000;
	font-size: smaller;
	font-weight: normal;
	list-style-type: none;
font-family:Tahoma;/*--kolomfontlinkssubsubcategorie--*/
font-size:11px;/*--kolomfontsizelinkssubsubcategorie--*/
}

#leftnavigationmenu li a:hover {
	background: white; /* hover */
	color: black; /* hover font*/
	border-left: 2px dashed #0410b2;
	/*font-weight: bold;*/
}

#leftnavigationmenu ul ul{
	margin: 0 0 0 0px;
	list-style-type: none;
} 

#leftlogo {
	height:120px;
	background: url('../afbeeldingen/background_footer_left.gif');
	background-repeat:no-repeat;
	background-position: bottom center;
	float:both;
	
}

/* end leftnavigationmenu styling*/

/* rechtmenu links kregen een vreemde visited kleur*/


a:link
{
	COLOR:  #0031A2;
}
a:visited
{
	COLOR:  #0031A2;
}
a:active
{
	COLOR:  #FC7B13;
}
a:hover
{
	COLOR:  #FC7B13;
} 
.comment {
	font-size: 10px;
}
label {
	cursor:hand;
}

#footernavigator {
	width: 100%;
	float: left;
}

#footernavigator ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 12em;
	float: left;
}

img {
	border: 0;
}
a:link, a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover {
	color: #006AB3;
	text-decoration: underline;
}
.grijs {
	color: #8d8d8d;
}
td a:link,td a:visited {
	color: #000;
	text-decoration: none;
}
td a:hover {
	color: #000;
	text-decoration: none;
}
th a:link,th a:visited {
	color: #000;
	text-decoration: none;
}
th a:hover {
	color: #000;
	text-decoration: none;
}
th:first-child {
	width: 100%;
}
table, td,th {
    border-color: #d9d9d9;
    border-style: solid;
    empty-cells: hide;
        vertical-align: top;

}

table {
    border-width: 0 0 0px 0px; 
    border-spacing: 0;
    border-collapse: collapse;
    margin: 8px 0 10px 0;
    width: 100%;
    vertical-align:top;
}

.floatleftimg {
	float: left;
	padding: 0 10px 10px 0;
}
td {
    margin: 0;
    padding: 4px;
    border-width: 0px 0px 0 0;
	vertical-align:top;
}
td.prijs {
	width: 250px;
}
/*td:hover {
    background: #f1f1f1;
}*/

th {
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
    background: url('../afbeeldingen/background_th.gif') repeat-x left top;
    font-weight:bold;
    text-align: left;
}
th.nobg {
	border: 0;
	background: none;
	width: 11px;
}

th.nobga {
	border-width: 0px 0px 0px 0px;
	background: none;
	width: 11px;
}

th.nobgb {
	border-width: 1px 0px 0 0;
	background: none;
	width: 11px;
}

th.nobgc {
	border-width: 0px 0px 0px 0px;
	background: none;
	width: 11px;
}


th.nobg2 {
	border-left: 0;
	background: none;
	width: 11px;
}
th.nobg3 {
	border-left: 1;
	width: 45px;
}

th.prijs {
	width: 65px;
}
th.artcode {
	width: 60px;
}
th.omschrijving {
	width: 500px;
}

th.afbeelding {
	width: 75px;
}
th.label {
	width: 150px;
}
th.informatie {
	width: 500px;
}
td.toevoegen {
	text-align:center;
	width: 6px;
	border-width: 1px 1px 1px 1px;
}
td.levertijd {
	text-align:center;
	width: 6px;
}
td.verzend {
border-width: 1px 0px 0px 1px;
}


td.aantal {
	width: 45px;
} 



h2 {
	font-size: 11px;
	font-weight: bold;
}
h3 {
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 2px;
}

hr {
	margin-top: 0;
	margin-bottom: 10px;
	border: none 0;
	border-top: 1px solid #d9d9d9;
	height: 1px;
}
table img {
	border: 0px solid #d9d9d9;
	padding: 0;
	margin-top: 0px;
}


#topmenu {
	position: absolute;
	top: 124px;
	left: 189px;
}
#topmenu ul {
	margin:0;
	padding:0;
	list-style:none;
	padding:0;
	
}
#topmenu li {
	float:left;
	margin:0;
	padding:0;
	background: url(../afbeeldingen/norm_right.gif) no-repeat right top;
	height: 29px;
font-family:Verdana;/*--fonttab--*/
font-size:11px;/*--topmenufontsize--*/
	
}

#topmenu li#current {
	background: url(../afbeeldingen/norm_right_on.gif) no-repeat right top;
color:#FF0000;/*--fontkleurtabhover--*/
}

#topmenu a {
	float:left;
	display:block;
	background:url(../afbeeldingen/norm_left.gif) no-repeat left top;   
	padding:5px 20px;
	font-weight: bold;
	text-decoration:none;
color:#000000;/*--fontkleurtabs--*/
}

#topmenu #current a {
	float:left;
	display:block;
	background:url(../afbeeldingen/norm_left_on.gif) no-repeat left top;   
	padding:5px 10px;
color:#FF0000;/*--fontkleurtabcurrent--*/
	font-weight: bold;
	text-decoration:none;
}

#topmenu a:hover, #topmenu #current a:hover {
color:#FF0000;/*--fontkleurtabhover--*/
}


  /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #topmenu a {float:none;}
  /* End IE5-Mac hack */

#search_product {
	margin: 0 0 0 0px;
	background: url('../afbeeldingen/background_search_product.gif') no-repeat left top;
	width: 157px;
	height: 60px;
	padding: 26px 8px 0px 8px;
}
select#form_search_category {
	width: 140px;
	height: 22px;
	font-size: 9px;
	margin-bottom: 4px;
	border: 3px double #333333;
	padding:1px;
}
input#form_search_trefwoord {
	border: 1px solid #333333;
	background-color:white;
	width: 102px;
	height: 16px;
	font-size: 9px;
	float: left;
	padding-left: 5px;
	border: 3px double #333333;
	
}
input#form_search_go {
	border: 1px solid #ffffff;
	background: #f3f3f3;
	width: 25px;
	font-size: 1em;
	float: right;
	margin-right: 17px;
	height:20px;
}
input#form_login_user, input#form_login_password {
	padding-left:2px;
	border: 1px solid #d9d9d9;
	width: 105px;
	height: 16px;
	font-size: 9px;
	border: 3px double #333333;
}
input#form_login_go {
	border: 1px solid #333333;
	background: #f3f3f3;
	width: 113px;
	height:20px;
	font-size: 1em;
	
}
#leftmenu {
	margin: 0 0 0 8px;
	width: 157px;
	height:100%;
}
#leftmenu h2 {
	font-size: 10px;
	font-weight: normal;
	font-family:verdana;
	color: black;
	height: 9px;
	border-bottom: 1px solid  white;
	margin: 0 9px 5px 9px;
	padding: 7px 0 7px 0;
}
#leftmenu ul {
	padding: 0;
	margin-left: 9px;
	padding-left: 0;
	list-style-type: none;
	line-height: 14px;
}
#leftmenu a {
	width: 139px;
}
#leftmenu a:link, #leftmenu a:visited {
	color: #000;
	text-decoration: none;

}
#leftmenu a:hover {
	color: white;
	text-decoration: none;
}
#rightcontainer {
	position:relative;/*ie needs this to show float */
	width:174px;
	top:10px;
	float:right;
	margin-right:-173px;/*must be 1px less than width otherwise won't push footer down */
	left:1px;
	z-index: 4;
	/*--linkerkolomfontrechts--*/
}
#rightcontainer a {
	color: #000;
	text-decoration: none;
	font-family:Verdana;/*--kolomfontrechts--*/
	font-size:12px;/*--kolomfontsizerechts--*/
	color:black;/*--kolommenkleurnormaalrechts--*/
}

#right p {
	padding: 10px;
}
#right hr {
	margin: 10px 10px 0 10px;
	height: 4px;
color:#9CDED7;/*--kleurhorizontalelijnenrechtermenu--*/
}
#right ul {
	padding: 0;
	margin-left: 10px;
	padding-left: 0;
	list-style-type: none;
	line-height: 14px;
}

#right_welkom {

	left: -1px;
	top: -1px;
}
#right_welkom  p {
background-color:#4A8D74;/*--rechterkolomtitelkleur--*/
}
#right form {
	padding: 0 10px 0 10px;
}

#clearheader{height:150px;}/*needed to make room for header*/
#clearfooter{clear:both;height:91px;}/*needed to make room for footer*/
* > html #clearfooter {float:left;width:100%;}/* ie mac styles */


.horizontal_cat h3 {
	
	width: 160px;
	text-align: center;
	left: 0;
	top: 4px;
}
.horizontal_cat img {
	margin-top: 10px;
}

.subgroep {
	width:100%;
	color: #8d8d8d;
	padding-top:10px
	font-size: 20px;
	font-weight: bold;

}


.horizontal_groupen {
	position: relative;
	float: left;
	border: 1px solid #d9d9d9;
	padding: 4px;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 210px; /*---breedte van de groepenbox---*/
	height: 230px; /*---hoogte van de groepenbox---*/
	text-align: center;
}

.horizontal_groupen h3 {
	
	width: 160px;
	text-align: center;
	left: 0;
	top: 4px;
}
.horizontal_groupen img {
	margin-top: 10px;
}

.horizontal_cat {
	position: relative;
	float: left;
	border: 1px solid #d9d9d9;
	padding: 4px;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 210px; 
	height: 225px;
	text-align: center;
}
.horizontal_cat h3 {
	
	width: 160px;
	text-align: center;
	left: 0;
	top: 4px;
}

.horizontal_cat img {
	margin-top: 10px;
}
#content p{
	padding-bottom: 10px;
}
#content h1 {
	font-size: 11px;
	font-weight: bold;
	height: 9px;
	border-bottom: 1px solid #d9d9d9;
	margin: 0 0 10px 0;
	padding: 7px 0 7px 0;
}
#content h1 a {
	text-decoration: none;
}

h5 {
	font-size: 18px;
	font-weight: bold;
	color: #006AB3;
    text-align: center;
	padding-top: 10px;
}


h6 {
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 10px;
	text-align: center;
}
#floatright {
	float: right;
}
#floatleft {
	float: left;
}
#center {
	text-align:center;
}
#quote_left {
	float: left;
}
#quote_right {
	float: right;
	margin-top: -20px;
}

#toprightmenu {
	position: absolute;
	top: 5px;
	left: 200px;
}

#loginwindow {
	position: absolute;
	top: -10px;
	left: 300px;
	z-index:5;
}
.headerartikel {
 	font-size: 11px;
 	font-weight: bold;
 	text-align: center;
}

#winkelwagentje {
	
	font-size:11px;

}

table td,td p {
	margin:1px;
	padding:1px;
	
}

.aantaltextbox {
    font-family:verdana;
    font-size:9;
    height: 18px;
    padding:0px;
}

legend {
background-color:#FAF6F6;/*--achtergrondkleuralgemeen--*/
}

.mytable {

		width:500px;

	}

	.myinput, select {
		width:135px;
		padding:1px;
		margin:0;
		
	}
	.mytd {
		width:140px;
		padding:1px;
		VERTICAL-ALIGN:top;
	}
	.img {
		width:20px;
		padding-top:{6px}
		padding:1px;
	}
	.mytable.text {
		width:100%;
		padding-top:4px;
		padding:1px;
	}
	fieldset {
		margin:0;
		padding:0;
	}
	legend {
			margin:0;
		padding:0;
	}