/* Martijn Fransen - Proximedia  */

body{
	font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #000000;
	scrollbar-face-color:#B8CAB5;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color: #B8CAB5;
	scrollbar-darkshadow-color: #B8CAB5;
	scrollbar-track-color: #B8CAB5;
	scrollbar-arrow-color:#FFFFFF;
	padding: 0px;
	margin: 0px;
	text-align : left;
	overflow: -moz-scrollbars-vertical;
	background-color : #FFFFFF;
	background-color : #B8CAB5;
	background-image : url(../images/bg.gif);
	background-repeat : repeat;
	background-position : top left;
	background-attachment : fixed;
}

*{
	margin: 0px;
	padding: 0px;
	line-height: 15px;
}
img{
	border: 0px;
}
p{
	padding-bottom: 15px;
}

/* HYPERLINKS */

a{
	font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #008860;
	text-decoration : none;
}
a:hover{
	font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration : none;
}
a:active{
	font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #008860;
	text-decoration : none;
}

a.categorylink{
	font : bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #008860;
	text-decoration : none;
}
a.categorylink:hover{
	font : bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration : none;
}
a.categorylink:active{
	font : bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #008860;
	text-decoration : none;
}

a.loginlink{
	font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #008860;
	text-decoration : none;
}
a.loginlink:hover{
	font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration : none;
}
a.loginlink:active{
	font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #008860;
	text-decoration : none;
}

a.adreslink{
	font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #006849;
	text-decoration : none;
}
a.adreslink:hover{
	font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #777777;
	text-decoration : none;
}
a.adreslink:active{
	font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #006849;
	text-decoration : none;
}

a.advanced{
	font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration : none;
	padding-left: 5px;
	padding-right: 5px;
}
a.advanced:hover{
	font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #006849;
	text-decoration : none;
	background-color : #FFFFFF;
}
a.advanced:active{
	font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration : none;
}

a.paginanummering{
	font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration : none;
	background-color : #B8CAB5;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	margin-left: 1px;
	margin-right: 1px;
}
a.paginanummering:hover{
	font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration : none;
	background-color : #008860;
}
a.paginanummering:active{
	font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration : none;
	background-color : #B8CAB5;
}


b.paginanummering_ok{
	font : bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration : none;
	background-color : #008860;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	margin-left: 1px;
	margin-right: 1px;
}
span.paginanummering_extra{
	font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #CAD7C8;
	text-decoration : none;
	background-color : #EAEFE9;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	margin-left: 1px;
	margin-right: 1px;
}

a.navigatielink{
	font : bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration : none;
	padding-left: 8px;
	padding-right: 8px;
	vertical-align : text-bottom;
	border-right: 1px solid #FFFFFF;
}
a.navigatielink:hover{
	font : bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #CCE162;
	text-decoration : none;
}
a.navigatielink:active{
	font : bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration : none;
}

td{
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}


.wit{
	background-color : #FFFFFF;
}

.rood{
	color: red;
}


.fout{
	font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : Red;
}

.klein{
	font : 7pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* HEADERS */

h1{
	font : bold 17px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #008860;
	text-align : left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	border-bottom: 0px;
}
h2{
	font : bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #008860;
	text-align : left;
	margin-bottom: 10px;
	padding: 0px;
}
h3{
	font : bold 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #000000;
	margin-bottom: -5px;
}




/* FOTO'S  */

.foto {
	border: 1px solid #555555;
}
.foto_produkt{
	border: 0px solid #555555;
	/*width: 100px;
	height: 100px;*/
}
#fotoframe{
	border: 1px solid #555555;
	width: 100px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
}
.fotorechts {
	border : 1px solid #6D7297;
	float:right;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-right: 10px;
	padding-top: 0px;
}
.fotolinks {
	border : 1px solid #6D7297;
	float:left;
	margin-right: 10px;
	margin-top: 0px;
	margin-left: 10px;
}



/* OPSOMMINGEN */

ul{
	list-style: url(../images/list.gif);
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 15px;
}



/*  FORMULIEREN */
.invul, .route, .zoekveld, .aantal, .zoekveldadvanced, .zoekveldperpagina, .login, .invultekstvlak, .invulaccount {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10;
	/*filter: alpha(opacity=70)*/
	background-color: #FFFFFF;
	color: #000000;
	border-top : 1px solid #AAAAAA;
	border-left : 1px solid #AAAAAA;
	border-bottom : 1px solid #777777;
	border-right : 1px solid #777777;
	scrollbar-face-color:#FFFFFF;
	scrollbar-shadow-color:#777777;
	scrollbar-highlight-color:#777777;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color:#777777;
	margin-bottom: 0px;
}
.invultekstvlak{
    width: 500px;
	height: 250px;
}
.invulaccount{
	width: 350px;
}
.aantal{
	width: 40px;
}
.login{
	width: 100px;
}
textarea.invul{
    height: 100px;
	width : 180px;
	margin-bottom: 5px;
}
input.invul{
	width : 180px;
}
.zoekveld{
    margin-top: 5px;
	width: 143px;
}
.zoekveldadvanced{
	width: 250px;
	margin-top: 2px;
}
.zoekveldperpagina{
	width: 40px;
	font : 9px Arial, Helvetica, sans-serif;
}
.route{
	width : 110px;
}


/*    BUTTONS    */
.versturen, .wissen, .zoekbutton, .addtocaddy, .zoekbuttonadvanced, .bestelbutton, .caddybutton{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #999999;
	color: #FFFFFF;
	border-top : 1px solid #AAAAAA;
	border-left : 1px solid #AAAAAA;
	border-bottom : 1px solid #777777;
	border-right : 1px solid #777777;
}
.loginbutton{
	font-family: Arial;
	font-size: 9;
	width: 100px;
	background-color: #999999;
	color: #FFFFFF;
	border-left: 1 none #AAAAAA;
	border-right: none #777777 1;
	border-top: 1 none #AAAAAA;
	border-bottom: 1 none #777777;
}
.versturen, .wissen{
	margin-top: 2px;
	width : 110px;
}
.addtocaddy{
   margin-top: 3px;
	width: 120px;
	height: 18px;
}
.zoekbutton{
   margin-top: 5px;
	width : 143px;
}
.zoekbuttonadvanced{
	width: 150px; 
	margin-right: -5px;
}
.caddybutton{
	width: 150px; 
}
.wissen{
	margin-right: 5px;
}



/*  TEKSTVLAK  */

/*   Scrollende DIV in IE   */
#scrolltekst{
	width:460px;
	height: 265px;
	z-index:2;
	text-align:left;
	z-index:10;
	overflow: auto;
	scrollbar-face-color:#D9D9D9;
	scrollbar-shadow-color:#5286E9;
	scrollbar-highlight-color:#5286E9;
	scrollbar-3dlight-color: #D9D9D9;
	scrollbar-darkshadow-color: #D9D9D9;
	scrollbar-track-color: #D9D9D9;
	scrollbar-arrow-color:#5286E9;
	allowtransparency: true;
	FILTER:chroma(color=#D9D9D9)
}
/*   Scrollende DIV in Firefox   */
html>body  #scrolltekst{
    padding-left: 1px;
}

#iframediv{
	position:absolute;
	text-align:left;
	left:301px;
	top:232px;
	z-index:10;
}
.nieuwscata{
   width: 500px;
   height: 100%;
	/*allowtransparency: true;
	FILTER:chroma(color=#D9D9D9)*/
}
/*
html>body .nieuwscata{
   height: 350px;
}
*/

/* ===========================================================================*/
#nav{
	width: 240px;
	position: absolute;
	top: 190px;
	margin-left: -5px;
}

ul.navigatielijst{
	list-style-type : none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	/*width: auto;
	Width of Menu Items */
	width: 175px;
	border-top: 2px solid #006849;
	background-repeat : repeat-y;
	background-position : top left;
	background-image :  url(../images/bg_buttons.gif);
}
ul.navigatielijst li{
	display: block;
}
ul.navigatielijst li a {
	font : bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 16px;
	padding-top: 5px;
	padding-bottom: 6px;
	margin-bottom: 0px;
	margin-right: 0px;
	text-align : left;
	border-bottom: 2px solid #006849;
}

ul.navigatielijst li a:hover {
	font : bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #008860;
	background-color : #FFFFFF;
	text-decoration : none;
	background-repeat : repeat-y;
	background-position : top left;
	background-image :  url(../images/bg_buttons2.gif);
	/*filter:alpha(opacity=50); -moz-opacity:.15; opacity:.15; */
} 

ul.navigatielijst li a:active {
	font : bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration : none;
} 

/* Fix IE. Hide from IE Mac \*/
* html ul.navigatielijst li { float:left;}
* html ul.navigatielijst li a { height: 1%;  }
/* End */

/* ===========================================================================*/



.main{
	width : 100%;
	height: 100%;
	border: 0px;
	margin: 0px auto;
}
.topleft{
	height: 40px;
	width: 177px;
	background-image :  url(../images/bg_nav.gif);
	background-position : top left;
	background-repeat : repeat-y;
}
.topright{
	height: 40px;
}
.navigatievlak{
	background-image :  url(../images/bg_nav.gif);
	background-position : top left;
	background-repeat : repeat-y;
	text-align : left;
	vertical-align : bottom;
}
.fotobalk{
	height: 84px;
	background-image :  url(../images/bg_balk.gif);
	background-position : top left;
	background-repeat : repeat-x;
}
.text{
	text-align : left;
	vertical-align : top;
	padding-left: 80px;
	padding-top: 55px;
	padding-bottom: 10px;
}
.texttabel{
	border: 5px solid #008860;
	background-color : #FFFFFF;
	width: 685px;
	height: 100%;
}
.textcell{
	text-align : left;
	vertical-align : top;
}


#logo{
	position: absolute;
	top: 40px;
	left: 0px;
	width: 400px;
	height: 125px;
	z-index: 100;
	background-repeat : no-repeat;
	background-position : left top;
	background-image :  url(../images/hermankuijper.gif);
}
#fotobalk{
	position: absolute;
	top: 52px;
	left: 0px;
	height: 60px;
	width: 100%;
	z-index: 50;
	background-repeat : no-repeat;
	background-position : left top;
	/*background-image :  url(../images/fotobalk_home.jpg);*/
	background-color : #FFFFFF;
}
#taal-en{
	position: absolute;
	top: 9px;
	left: 57px;
	z-index: 100;
	background-color : #FFFFFF;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 1px;
	padding-bottom: 2px;
}
#taal-de{
	position: absolute;
	top: 9px;
	left: 87px;
	z-index: 100;
	background-color : #FFFFFF;
	padding-top: 2px;
	padding-left: 1px;
	padding-right: 2px;
	padding-bottom: 2px;
}
#adres{
	position: absolute;
	top: 5px;
	left: 242px;
	width: 700px;
	z-index: 100;
	font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #006849;
	text-align : right;
}
#gegevens{
	position: absolute;
	top: 130px;
	left: 242px;
	width: 700px;
	z-index: 100;
	font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #006849;
	text-align : right;
}
.streepje{
	color:#FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
}

#proximedia{
    margin-left: 15px;
}
#caribe{
	width: 177px;
	height: 27px;
	text-align : center;
}
#navigatie{
	position: absolute;
	top: 184px;
	left: 0px;
}
#zoeken{
	margin-left: 16px;
	margin-top: 5px;
	font : bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#zoekadvanced{
	margin-top: 5px;
	width: 175px;
	font : bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
}
#hometext{
    width: 400px;
	text-align: left;
	vertical-align: top;
	background-color: red;
}
/* ========== Producttabel ========== */

.fototabel{
	width : 100px;
	height: 100px;
	/*margin: 0px auto;*/
	border: 1px solid #555555;
}
.fotocell{
	width : 100px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
}


/* ========== Producttabel ========== */

.producttabel{
	width : 645px;
	border: 0px;
	margin: 0px auto;
	border-bottom: 1px solid #008860;
	margin-top: 10px;
	margin-bottom: 5px;
}
.productfoto{
	width : 150px;
	text-align: left;
	vertical-align: top;
	padding-bottom: 5px;
}
.producttekst{
	width : 365px;
	text-align: left;
	vertical-align: top;
	padding-bottom: 10px;
}
.productbestel{
	width : 130px;
	padding-top: 5px;
	text-align: right;
	vertical-align: top;
	padding-bottom: 5px;
}

.productteksttabel{
	width : 365px;
	border: 0px;
	margin: 0px auto;
}
.productteksttitel{
	text-align: left;
	vertical-align: top;
	font-weight : bold;
}
.producttekstcell1{
	width : 130px;
	text-align: left;
	vertical-align: top;
}
.producttekstcell2{
	width : 235px;
	text-align: left;
	vertical-align: top;
}


.besteltabel{
	width : 120px;
	border: 0px;
	margin: 0px auto;
}
.bestelaantal{
	width : 75px;
	text-align: left;
}
.bestelveld{
	width : 45px;
	text-align: right;
}

/* ========== Advanced zoektabel ========== */

.tabeladvanced{
	width : 445px;
	border: 0px;
	margin: 0px auto;
	border-bottom: 0px solid #008860;
	margin-top: 0px;
	margin-bottom: 0px;
}
.tabeladvanced_left{
	width : 200px;
	height: 25px;
	text-align: left;
	vertical-align: top;
	padding-bottom: 0px;
}
.tabeladvanced_right{
	width : 245px;
	height: 25px;
	text-align: right;
	vertical-align: top;
	padding-bottom: 0px;
}

/* ========== Loginveld ========== */

.tabellogin{
	width : 645px;
	border: 0px;
	margin: 0px auto;
	border-top: 3px solid #008860;
	margin-top: 20px;
	margin-bottom: 0px;
	clear: both;
}
.tabellogin2{
    padding-top:10px;
	font-size : 10px;
}
.tabellogin_cell{
	width : 645px;
	height: 25px;
	text-align: left;
	vertical-align: top;
	padding-top: 5px;
	font-size : 10px;
}
.tabellogin_right{
	width : 245px;
	height: 25px;
	text-align: right;
	vertical-align: top;
	padding-bottom: 0px;
}
/* ========== Winkeltabel  ========== */

.opsomming{
	width : 644px;
	border: 0px;
	margin: 0px auto;
	border-top: 0px solid #008860;
	margin-top: 0px;
	margin-bottom: -15px;
}
.opsommingcell{
	width :161px;
	height: 54px;
	border: 0px;
	margin: 0px auto;
	border-top: 0px solid #008860;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	vertical-align : top;
}


/* ========== Winkeltabel  ========== */

.tabelwinkel{
	width : 645px;
	border: 0px;
	margin: 0px auto;
	border-top: 3px solid #008860;
	margin-top: 20px;
	margin-bottom: 0px;
}
.tabelwinkel2{
	width : 645px;
	border: 0px;
	margin: 0px auto;
	border-top: 0px solid #008860;
	margin-top: 0px;
	margin-bottom: 0px;
}
.winkelproduct, .winkelproduct2, .winkelnummer, .winkelnummer2, .winkelaantal, .winkelaantal2{
	vertical-align: center;
}
.winkelproduct, .winkelnummer, .winkelaantal{
	border-bottom: 1px solid #008860;
	height: 25px;
}
.winkelproduct, .winkelproduct2{
	width : 300px;
	text-align: left;
}
.winkelnummer, .winkelnummer2{
	width : 200px;
	text-align: right;
}
.winkelaantal, .winkelaantal2{
	width : 145px;
	text-align: right;
}
.winkelbuttons{
	border-top: 1px solid #008860;
	text-align: right;
	vertical-align: bottom;
	height: 30px;
	width: 645px;
}
.winkelbuttons2{
	border-top: 1px solid #008860;
	text-align: right;
	vertical-align: bottom;
	height: 40px;
	width: 645px;
}
.winkelbuttons3{
	border-top: 0px solid #008860;
	text-align: right;
	vertical-align: bottom;
	height: 40px;
	width: 645px;
}
/* ========== Advanced zoektabel ========== */

.gevondenpagina{
	width : 645px;
	border: 0px;
	margin: 0px auto;
	border-bottom: 1px solid #008860;
	margin-top: -40px;
	margin-bottom: 0px;
}
.gevondenpagina_left{
	width : 300px;
	height: 20px;
	text-align: left;
	vertical-align: top;
	padding-bottom: 0px;
}
.gevondenpagina_right{
	width : 345px;
	text-align: right;
	vertical-align: top;
	padding-bottom: 0px;
}
.gevondenpagina_colspan{
	width : 645px;
	height: 40px;
	text-align: right;
	vertical-align: top;
	padding-bottom: 0px;
	font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

span.gevondenpagina_text{
	font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration : none;
	/*background-color : #008860;*/
	background-color: #B8CAB5;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	margin-left: 1px;
	margin-right: 1px;
}

/*  Tabel  account  */

.accounttabel{
	width: 600px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	display: block;
}
.accountleft{
	width: 200px;
	height: 20px;
	vertical-align : top;
	text-align : left;
}
.accountright{
	width: 400px;
	height: 20px;
	vertical-align : top;
	text-align : right;
}
.accountcolspan{
	width: 600px;
	height: 30px;
	vertical-align : bottom;
	text-align : right;
}

/*  Tabel  account  */

.ordertabel{
	width: 645px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	display: block;
	margin-top:25px;
}
.orderleft{
	width: 200px;
	vertical-align : top;
	text-align : left;
}
.orderright{
	width: 445px;
	vertical-align : top;
	text-align : left;
}
.ordercolspan{
	width: 645px;
	height: 20px;
	vertical-align : top;
	text-align : left;
	border-bottom: 2px solid #008860;
	font-weight: bold;
}





/*  Tabel in contactformulier  */

#contactform{
    width: 300px;
	/*background-color: #00ff00;*/
	float: right;
	border-left: dotted 1px #CCCCCC;
	padding-left: 10px;
}
.contact{
	width: 300px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	display: block;
}
.contactleft{
	width: 100px;
	height: 20px;
	vertical-align : top;
	text-align : left;
}
.contactright{
	width: 200px;
	height: 20px;
	vertical-align : top;
	text-align : right;
}
.contactklein{
	width: 100px;
	height: 20px;
	vertical-align : middle;
	text-align : left;
	font-size : 9px;
}
.contactbuttons{
	width: 200px;
	height: 20px;
	vertical-align : bottom;
	text-align : right;
}

#contactinfo{
	width: 325px;
	float: left;
}

.contactinfo{
	width: 325px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	display: block;
	margin-bottom: 15px;
}
.contactinfoleft{
	width: 135px;
	vertical-align : top;
	text-align : left;
}
.contactinforight{
	width: 190px;
	vertical-align : top;
	text-align : right;
	/*background-color: #00FF00;*/
}
.contactinfocolspan{
	width: 325px;
	vertical-align : bottom;
	text-align : left;
}


/*  ---------------------------------------------------------- */
/*  PROXImedia link  */
.proximedia{
	vertical-align : bottom;
	text-align : left;
	width : 145px;
	height : 34px;
	background-image : url(../images/bg_adres.gif);
	background-position : left top;
	background-repeat : repeat-x;
}


#webdesigner{
	display:none;
}







/* ========== NAVIGATIELIJST DOWNLOADS ========== */

ul.navigatielijstdown{
	list-style-type : none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	/*width: auto; Width of Menu Items */
	width: 650px;  /*Width of Menu Items */
	float:left;
	/*background: #ddd;*/
}
ul.navigatielijstdown li{
	float: left;
	display: block;
}
ul.navigatielijstdown li.doc a, ul.navigatielijstdown li.xls a, ul.navigatielijstdown li.pdf a {
	font : bold 11px Arial, Helvetica, sans-serif;
	display: block;
	text-decoration: none;
	color: #008860;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	margin-right: 15px;
	width: 310px;
	text-align : center;
	background-color : transparent;
}
html > body ul.navigatielijstdown li.doc a, html > body ul.navigatielijstdown li.xls a, html > body ul.navigatielijstdown li.pdf a {
  width: 250px;
}
ul.navigatielijstdown li.doc a {
	background-image : url(../images/icon_doc.gif);
	background-position : left;
	background-repeat : no-repeat;
}
ul.navigatielijstdown li.xls a {
	background-image : url(../images/icon_xls.gif);
	background-position : left;
	background-repeat : no-repeat;
}
ul.navigatielijstdown li.pdf a {
	background-image : url(../images/icon_pdf.gif);
	background-position : left;
	background-repeat : no-repeat;
}

ul.navigatielijstdown li.doc a:hover, ul.navigatielijstdown li.xls a:hover, ul.navigatielijstdown li.pdf a:hover {
	font : bold 11px Arial, Helvetica, sans-serif;
	color: #000000;
	background-color : transparent;
	border: 1px solid #008860;
} 

ul.navigatielijstdown li.doc a:active, ul.navigatielijstdown li.xls a:active, ul.navigatielijstdown li.pdf a:active {
	font : bold 11px Arial, Helvetica, sans-serif;
	color: #008860;
	background-color : transparent;
	border: 1px solid #CCCCCC;
} 

/* Fix IE. Hide from IE Mac \*/
* html ul.navigatielijstdown li { float:left;}
* html ul.navigatielijstdown li a { height: 1%;  }
/* End */




/* ========== NAVIGATIELIJST PRODUCTS ========== */

ul.navigatielijstproduct{
	list-style-type : none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	/*width: auto; Width of Menu Items */
	width: 655px;  /*Width of Menu Items */
	float:left;
}
ul.navigatielijstproduct li{
	float: left;
	display: block;
}
ul.navigatielijstproduct li a{
	font : bold 11px Arial, Helvetica, sans-serif;
	display: block;
	text-decoration: none;
	color: #008860;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 0px solid #CCCCCC;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 150px;
	text-align : center;
	background-color : transparent;
}

ul.navigatielijstproduct li a:hover {
	font : bold 11px Arial, Helvetica, sans-serif;
	color: #000000;
	background-color : transparent;
	border: 0px solid #008860;
} 

ul.navigatielijstproduct li a:active {
	font : bold 11px Arial, Helvetica, sans-serif;
	color: #008860;
	background-color : transparent;
	border: 0px solid #CCCCCC;
} 

/* Fix IE. Hide from IE Mac \*/
* html ul.navigatielijstproduct li { float:left;}
* html ul.navigatielijstproduct li a { height: 1%;  }
/* End */




/* ========== NAVIGATIELIJST Folder ========== */

ul.navigatielijstfolder{
	list-style-type : none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	/*width: auto; Width of Menu Items */
	width: 370px;  /*Width of Menu Items */
	float:right;
	margin-left: 20px;
	
}
ul.navigatielijstfolder li{
	float: right;
	display: block;
}
ul.navigatielijstfolder li a{
	font : bold 11px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	text-decoration: none;
	color: #008860;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 360px;
	text-align : center;
	background-color : transparent;
	cursor: hand;
}

ul.navigatielijstfolder li a:hover {
	font : bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color : transparent;
	border: 1px solid #008860;
} 

ul.navigatielijstfolder li a:active {
	font : bold 11px Verdana, Arial, Helvetica, sans-serif;

} 

/* Fix IE. Hide from IE Mac \*/
* html ul.navigatielijstfolder li { float:right;}
* html ul.navigatielijstfolder li a { height: 1%;  }
/* End */

#navigatiefoldertext{
  padding-top: 5px;
  height: 20px;
  width: 360px;
  background-image : url(../images/icon_pdf.gif);
  background-position : left bottom;
  background-repeat : no-repeat;
  padding-left: 10px;
  padding-right: 10px;
}


/* My account - Laatste bestelling */

#laatstebestelling{
   float: right;
   /*border-left: 2px solid #006680;
   background: #CCCCCC;*/
   width: 350px;
   padding: 10px 0px 10px 10px;
}

#myaccount{
   /*background: #DDDDDD;*/
   width: 290px;
   padding: 10px 00px 10px 0px;
   border-right: 2px solid #CCCCCC;
}

.myaccounttabel{
	width: 275px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	display: block;
}
.myaccountleft{
	width: 105px;
	height: 18px;
	vertical-align : top;
	text-align : left;
	/*background: #CCCCCC;*/
}
.myaccountright{
	width: 170px;
	height: 18px;
	vertical-align : top;
	text-align : left;
}
.myaccountcolspan{
	width: 275px;
	height: 30px;
	vertical-align: bottom;
	text-align: left;
}


/* ========== My account ORDER  ========== */

.myorder{
	width : 330px;
	border: 0px;
	margin: 0px auto;
	/*border-top: 3px solid #008860;
	margin-top: 20px;*/
	margin-bottom: 0px;
}
.myorderproduct, .myorderproduct2, .myordernummer, .myordernummer2, .myorderaantal, .myorderaantal2{
	vertical-align: top;
}
.myorderproduct, .myordernummer, .myorderaantal{
	border-bottom: 1px solid #008860;
	height: 20px;
}
.myorderproduct2, .myordernummer2, .myorderaantal2{
	border-bottom: 1px solid #CCCCCC;
}
.myorderproduct, .myorderproduct2{
	width : 180px;
	text-align: left;
	/*background: #CCCCCC;*/
}
.myordernummer, .myordernummer2{
	width : 90px;
	text-align: right;
}
.myorderaantal, .myorderaantal2{
	width : 60px;
	text-align: right;
	/*background: #CCCCCC;*/
}
.myorderbutton{
    width: 330px;
	text-align:right;
	padding-top: 10px;
}



/* === Inlogtabel op de homepagina === */
.tabelhomelogin{
   border: 1px solid #CCCCCC;
   margin-top: 20px;
}

.tabelhomelogin_colspan{
   padding-left: 3px;
   padding-right: 3px;
}

.homeloginlinks{
   text-align: left;
   padding-left: 3px;
}

.homeloginrechts{
   text-align: right;
   padding-right: 3px;
}