﻿
/* ---------------------------------------------------------------------- */

/* kleuren */

.kleur1 {background-color: #000000; /* zwart 100% */}
.kleur2 {background-color: #333333; /* grijs 80% */}
.kleur3 {background-color: #666666; /* grijs 60% */}
.kleur4 {background-color: #999999; /* grijs 40% */}
.kleur5 {background-color: #bebebe; /* grijs 30% */}
.kleur6 {background-color: #cccccc; /* grijs 20% */}
.kleur7 {background-color: #e5e5e5; /* grijs 10% */}
.kleur8 {background-color: #f2f2f2; /* grijs 5% */}
.kleur9 {background-color: #cc0000; /* rood 100% */}

/* -------------------------------- 2.4.6 ------------------------------- */



/* -------------------------------- /2.4.6 ------------------------------ */

/* balk */

div.d01 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 200px;
    }

table.t01 {
    width: 999px;
    margin-left: auto;
    margin-right: auto;
    }

td.t01a1 {width: 999px; height: 200px;}

div.t01a1 {
    width: 999px;
    height: 200px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

div.t01a1 {background-image: url('../images/bg-t01a1.png');}

/* -------------------------------- 2.3.3 ------------------------------- */

/* koptekst */

#d11 {
    position: absolute;
    top: 169px;
    left: 0px;
    width: 100%;
    height: 30px;
    }

#d11a1 {
    position: relative;
    width: 999px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
}

/* -------------------------------- 2.3.7 ------------------------------- */

#d11a1a1 {
    position: absolute;
    left: 0px;
    width: 333px;
    height: 24px;
    padding: 6px 0px 0px 16px;
    color: #ffffff; /* wit */
}

/* -------------------------------- /2.3.7 ------------------------------ */

#d11a1a2 {
    position: absolute;
    right: 0px;
    z-index: 1;
    width: 175px;
    min-height: 24px;
    padding: 6px 0px 0px 0px;
    color: #ffffff; /* wit */
}

#d11a1a2 ul {
    margin: 0px;
    padding: 0px;
}

#d11a1a2 ul li.expandable {
    margin: 0px;
    padding: 0px;
    text-align: right;
    list-style-type: none;
    color: #ffffff; /* wit */
	background-image: url('../images/driehoek.png');
	background-repeat: no-repeat;
	background-position: 153px 8px;
}

#d11a1a2 ul li.expandable ul {
    margin-top: 2px;
    padding: 4px 4px 7px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc; /* grijs 20% */
    border-radius: 5px;
    background-color: #f2f2f2; /* grijs 5% */
    display: none;
    }

#d11a1a2 ul li.expandable ul li {
    margin: 0px;
    padding: 0px 0px 0px 16px;
    text-align: left;
    list-style-type: none;
	background-image: url('../images/bullet.gif');
	background-repeat: no-repeat;
	background-position: 1px 5px;
}

span.taal {
    display: block;
    min-width: 75px;
    min-height: 24px;
    margin: 0px 32px 1px 68px;
    cursor: pointer;
    }

/* -------------------------------- /2.3.3 ------------------------------ */

/* canvas1 */

#t21 {
    width: 100%;
    height: 100%;
    }

table.t21 {}

#t21a1 {width: auto;}
#t21b1 {width: 465px;}
#t21c1 {width: auto;}

td.t21a1 {background-color: #ffffff; /* wit */}
td.t21b1 {background-color: #ffffff; /* wit */}
td.t21c1 {background-color: #ffffff; /* wit */}

div.t21a1 {}
div.t21b1 {margin: 165px 15px 30px 15px;}
div.t21c1 {}

/* -------------------------------- 2.4.6 ------------------------------- */



/* -------------------------------- /2.4.6 ------------------------------ */

/* -------------------------------- 2.4.6 ------------------------------- */



/* -------------------------------- /2.4.6 ------------------------------ */

/* -------------------------------- 2.3.6 ------------------------------- */

/* zoeken */

div.d12 {
    position: relative;
    width: 555px;
    height: 30px;
    margin: 0px 0px 17px 0px;
    }

div.d12a1 {
    width: 553px;
    height: 28px;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc; /* grijs 20% */
    border-radius: 5px;
    background-color: #f2f2f2; /* grijs 5% */
    }

div.d12a1a1 {
    width: 521px;
    padding: 4px 0px 4px 4px;
    float: left;
    }

div.d12a1b1 {
    width: 20px;
    padding: 4px;
    float: left;
    }

/* -------------------------------- 2.3.7 ------------------------------- */

/* -------------------------------- 2.4.6 ------------------------------- */



/* -------------------------------- /2.4.6 ------------------------------ */

/* -------------------------------- /2.3.7 ------------------------------ */

div.d12a2 div {
    cursor: default;
    padding: 0px 3px;
    }

div.d12a2 div.current {background-color: #f2f2f2; /* grijs */}

div.i9 {
    height: 20px;
    width: 521px;
    background-image: url('../images/input9.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

input.i9a, input.i9b {
    width: 515px;
    height: 15px;
    margin: 2px 1px 1px 1px;
    padding: 0px 2px 0px 2px;
    background-color: #ffffff; /* wit */
    border-width: 0px;
    border-style: none;
    }

input.i9a {color: #999999; /* grijs 40% */}
input.i9b {color: #333333; /* grijs 80% */}

/* -------------------------------- /2.3.6 ------------------------------- */

/* tekst */

div.tekst1 {
    width: 100%;
    height: 16px;
    margin: 0px 0px 14px 0px;
    padding: 0px 0px 3px 0px;
    font-size: 10px;
    border-width: 1px;
    border-bottom-style: solid;
    border-color: #cccccc; /* grijs 20% */
    }

div.tekst2 {}

div.tekst3 {}

/* ---------------------------------------------------------------------- */

/* dossier */

/* --- categorieen --- */

div.tekst3a {margin: 17px 0px 17px 0px;}

div.d31 {}

table.t31 {width: 555px;}
td.t31a1 {width: 175px;}
td.t31b1 {width: 15px;}
td.t31c1 {width: 175px;}
td.t31d1 {width: 15px;}
td.t31e1 {width: 175px;}

div.t31a1 {}
div.t31b1 {}
div.t31c1 {}
div.t31d1 {}
div.t31e1 {}

/* -------------------------------- 2.2.7 ------------------------------- */

/* --- categorie1a --- */

/* categorie met titel: a,d,f,i */
/* categorie met titel en afbeelding: a,c,e,h */
/* categorie met afbeelding b,g,h */

div.categorie1a {width: 175px;}

div.categorie1aa {}
div.categorie1ab {
    width: 175px;
    height: 5px;
    background-image: url('../images/categorie1ab.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

div.categorie1ac {
    width: 175px;
    height: 28px;
    background-image: url('../images/categorie1ac.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }
div.categorie1ad {
    width: 175px;
    height: 23px;
    background-image: url('../images/categorie1ad.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

div.categorie1ae {
    width: 175px;
    background-image: url('../images/categorie1ae.png');
    background-position: 0px 0px;
    background-repeat: repeat-y;
    }
div.categorie1af {
    width: 175px;
    background-image: url('../images/categorie1af.png');
    background-position: 0px 0px;
    background-repeat: repeat-y;
    }
div.categorie1ag {
    width: 175px;
    background-image: url('../images/categorie1ag.png');
    background-position: 0px 0px;
    background-repeat: repeat-y;
    }

div.categorie1ah {
    width: 175px;
    height: 5px;
    background-image: url('../images/categorie1ah.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }
div.categorie1ai {
    width: 175px;
    height: 5px;
    background-image: url('../images/categorie1ai.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

div.d31ac {
    width: 165px;
    margin: 0px 1px 0px 1px;
    padding: 2px 4px 0px 4px;
    }
div.d31ad {
    width: 165px;
    margin: 0px 1px 0px 1px;
    padding: 5px 4px 0px 4px;
    }

div.d31ae {
    width: 165px;
    height: 165px;
    margin: 0px 1px 0px 1px;
    padding: 0px 4px 0px 4px;
    cursor: pointer;
    }
div.d31af {
    width: 165px;
    height: 27px;
    margin: 0px 1px 0px 1px;
    padding: 0px 4px 0px 4px;
    background-color: #f2f2f2; /* grijs 5% */ 
    }
div.d31ag {
    width: 165px;
    height: 165px;
    margin: 0px 1px 0px 1px;
    padding: 0px 4px 0px 4px;
    cursor: pointer;
    }

table.t31ae {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    }
td.t31aea1 {vertical-align: middle;}

table.t31af {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    }
td.t31afa1 {vertical-align: middle;}

table.t31ag {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    }
td.t31aga1 {vertical-align: middle;}

img.d31af {
    width: 165px;
    height: 27px;
    }

/* -------------------------------- /2.2.7 ------------------------------ */

/* --- nieuws --- */

div.tekst3b  {}
div.nieuws1a {font-weight: bold;}
div.nieuws1b {}

table.t32 {}
td.t32a1 {width: 80px;}
td.t32b1 {}

/* --- agenda --- */

div.tekst3c  {}
div.agenda1a {font-weight: bold;}
div.agenda1b {}

table.t33 {}
td.t33a1 {width: 80px;}
td.t33b1 {}

/* --- artikelen --- */

div.tekst3d  {}
div.artikelen1a {font-weight: bold;}
div.artikelen1b {}

table.t34 {}
td.t34a1 {width: 80px;}
td.t34b1 {}

/* --- producten eenvoudig --- */

div.tekst3e {margin: 17px 0px 17px 0px;}

div.d35 {}

table.t35 {width: 555px;}
td.t35a1 {width: 175px;}
td.t35b1 {width: 15px;}
td.t35c1 {width: 175px;}
td.t35d1 {width: 15px;}
td.t35e1 {width: 175px;}

div.t35a1 {}
div.t35b1 {}
div.t35c1 {}
div.t35d1 {}
div.t35e1 {}

div.product1 {
    width: 175px;
    background-image: url('../images/product1.gif');
    background-position: 0px 0px;
    background-repeat: repeat-y;
    }
div.product1a {
    height: 5px;
    background-image: url('../images/product1a.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }
div.product1b {}
div.product1c {
    height: 5px;
    background-image: url('../images/product1c.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

/* -------------------------------- 2.2.2 ------------------------------- */

div.d35a {
    width: 165px;
    height: 165px;
    margin: 0px 1px 0px 1px;
    padding: 0px 4px 4px 4px;
    cursor: pointer;
    }

/* -------------------------------- /2.2.2 ------------------------------ */

div.d35b {
    width: 165px;
    min-height: 35px;
    margin: 0px 1px 0px 1px;
    padding: 4px 4px 2px 4px;
    background-color: #f2f2f2; /* grijs 5% */ 
    border-width: 1px;
    border-style: dotted none none none;
    border-color: #cccccc; /* grijs 20% */
    }
div.d35c {
    width: 165px;
    margin: 0px 1px 0px 1px;
    padding: 0px 4px 0px 4px;
    text-align: center;
    background-color: #f2f2f2; /* grijs 5% */ 
    }

/* -------------------------------- 2.2.2 ------------------------------- */



/* -------------------------------- /2.2.2 ------------------------------ */

table.t35a {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    }
td.t35aa1 {vertical-align: middle;}

/* --- producten uitgebreid --- */

div.d36 {}

table.t36 {width: 555px;}
td.t36a1 {width: 175px;}
td.t36b1 {width: 15px;}
td.t36c1 {width: 365px;}

div.t36a1 {}
div.t36b1 {}
div.t36c1 {}

div.product2 {
    width: 175px;
    background-image: url('../images/product2.gif');
    background-position: 0px 0px;
    background-repeat: repeat-y;
    }
div.product2a {
    height: 5px;
    background-image: url('../images/product2a.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }
div.product2b {}
div.product2c {
    height: 5px;
    background-image: url('../images/product2c.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

/* -------------------------------- 2.2.2 ------------------------------- */

div.d36a {
    width: 165px;
    height: 165px;
    margin: 0px 1px 0px 1px;
    padding: 0px 4px 0px 4px;
    cursor: pointer;
    }

/* -------------------------------- /2.2.2 ------------------------------ */

div.d36b {min-height: 106px;}

div.d36b1 {
    width: 365px;
    margin: 0px 0px 16px 0px;
    font-weight: bold;
    }

div.d36b2 {
    width: 365px;
    margin: 0px 0px 0px 0px;
    }

div.d36c {
    width: 365px;
    min-height: 22px;
    margin: 0px 0px 0px 0px;
    }

div.d36d {margin: 17px 0px 0px 0px;}

table.t36d {width: 365px;}
td.t36da1 {width: 230px;}
td.t36db1 {width: 135px;}

div.t36da1 {}
div.t36db1 {}

table.t36a {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    }
td.t36aa1 {vertical-align: middle;}

/* --- afbeeldingen eenvoudig --- */

div.tekst3f {margin: 17px 0px 17px 0px;}

/* -------------------------------- 2.2.2 ------------------------------- */

div.d37 {}

/* -------------------------------- /2.2.2 ------------------------------ */

table.t37 {width: 555px;}
td.t37a1 {width: 99px;}
td.t37b1 {width: 15px;}
td.t37c1 {width: 99px;}
td.t37d1 {width: 15px;}
td.t37e1 {width: 99px;}
td.t37f1 {width: 15px;}
td.t37g1 {width: 99px;}
td.t37h1 {width: 15px;}
td.t37i1 {width: 99px;}

div.t37a1 {}
div.t37b1 {}
div.t37c1 {}
div.t37d1 {}
div.t37e1 {}
div.t37f1 {}
div.t37g1 {}
div.t37h1 {}
div.t37i1 {}

div.afbeelding1 {
    width: 99px;
    background-image: url('../images/afbeelding1.gif');
    background-position: 0px 0px;
    background-repeat: repeat-y;
    }
div.afbeelding1a {
    height: 5px;
    background-image: url('../images/afbeelding1a.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }
div.afbeelding1b {}
div.afbeelding1c {
    height: 5px;
    background-image: url('../images/afbeelding1c.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

/* -------------------------------- 2.2.2 ------------------------------- */

div.d37a {
    width: 89px;
    height: 89px;
    margin: 0px 1px 0px 1px;
    padding: 0px 4px 0px 4px;
    cursor: pointer;
    }

/* -------------------------------- /2.2.2 ------------------------------ */

table.t37a {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    }
td.t37aa1 {vertical-align: middle;}

div.d37aa {cursor: pointer;}


/* --- afbeeldingen uitgebreid --- */

/* -------------------------------- 2.2.2 ------------------------------- */

div.d38 {}

/* -------------------------------- /2.2.2 ------------------------------ */

table.t38 {width: 555px;}
td.t38a1 {width: 175px;}
td.t38b1 {width: 15px;}
td.t38c1 {width: 175px;}
td.t38d1 {width: 15px;}
td.t38e1 {width: 175px;}

div.t38a1 {}
div.t38b1 {}
div.t38c1 {}
div.t38d1 {}
div.t38e1 {}

div.afbeelding2 {
    width: 175px;
    background-image: url('../images/afbeelding2.gif');
    background-position: 0px 0px;
    background-repeat: repeat-y;
    }
div.afbeelding2a {
    height: 5px;
    background-image: url('../images/afbeelding2a.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }
div.afbeelding2b {}
div.afbeelding2c {
    height: 5px;
    background-image: url('../images/afbeelding2c.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

/* -------------------------------- 2.2.2 ------------------------------- */

div.d38a {
    width: 165px;
    height: 165px;
    margin: 0px 1px 0px 1px;
    padding: 0px 4px 0px 4px;
    cursor: pointer;
    }

/* -------------------------------- /2.2.2 ------------------------------ */

table.t38a {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    }
td.t38aa1 {vertical-align: middle;}

/* --- links --- */

div.tekst3g {margin: 17px 0px 17px 0px;}

table.t39 {width: 555px;}
td.t39a1 {width: 175px;}
td.t39b1 {width: 15px;}
td.t39c1 {width: 175px;}
td.t39d1 {width: 15px;}
td.t39e1 {width: 175px;}

div.t39a1 {}
div.t39b1 {}
div.t39c1 {}
div.t39d1 {}
div.t39e1 {}

div.links1 {
    width: 175px;
    background-image: url('../images/links1.gif');
    background-position: 0px 0px;
    background-repeat: repeat-y;
    }
div.links1a {
    height: 5px;
    background-image: url('../images/links1a.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }
div.links1b {}
div.links1c {
    height: 5px;
    background-image: url('../images/links1c.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

div.d39a {
    width: 165px;
    margin: 0px 1px 0px 1px;
    padding: 0px 4px 5px 4px;
    background-color: #e5e5e5; /* grijs 10% */
    border-width: 1px;
    border-style: none none solid none;
    border-color: #cccccc; /* grijs 20% */
    }
div.d39b {
    width: 165px;
    margin: 0px 1px 0px 1px;
    padding: 4px 4px 2px 4px;
    background-color: #f2f2f2; /* grijs 5% */
    }

/* ---------------------------------------------------------------------- */

/* formulieren */

/* --- input text boven --- */

div.d41 {
    margin: 17px 0px 0px 0px;
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: solid none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t41 {width: 555px;}
td.t41a1 {width: 200px;}
td.t41b1 {width: 355px;}

div.t41a1 {
    height: 18px;
    padding: 2px 0px 2px 0px;
    }
div.t41b1 {padding: 1px 0px 1px 0px;}

/* --- input text midden --- */

div.d42 {
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: none none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t42 {width: 555px;}
td.t42a1 {width: 200px;}
td.t42b1 {width: 355px;}

div.t42a1 {
    height: 18px;
    padding: 2px 0px 2px 0px;
    }
div.t42b1 {padding: 1px 0px 1px 0px;}

/* --- input radio boven --- */

div.d43 {
    margin: 17px 0px 0px 0px;
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: solid none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t43 {width: 555px;}
td.t43a1 {width: 200px;}
td.t43b1 {width: 22px;}
td.t43c1 {width: 60px;}
td.t43d1 {width: 22px;}
td.t43e1 {width: 251px;}

div.t43a1 {
    height: 18px;
    padding: 2px 0px 2px 0px;
    }
div.t43b1 {padding: 0px 0px 0px 0px;}
div.t43c1 {
    height: 18px;
    padding: 2px 0px 2px 0px;
    }
div.t43d1 {padding: 0px 0px 0px 0px;}
div.t43e1 {
    height: 18px;
    padding: 2px 0px 2px 0px;
    }

/* --- input radio midden --- */

div.d44 {
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: none none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t44 {width: 555px;}
td.t44a1 {width: 200px;}
td.t44b1 {width: 22px;}
td.t44c1 {width: 60px;}
td.t44d1 {width: 22px;}
td.t44e1 {width: 251px;}

div.t44a1 {
    height: 18px;
    padding: 2px 0px 2px 0px;
    }
div.t44b1 {padding: 0px 0px 0px 0px;}
div.t44c1 {
    height: 18px;
    padding: 2px 0px 2px 0px;
    }
div.t44d1 {padding: 0px 0px 0px 0px;}
div.t44e1 {
    height: 18px;
    padding: 2px 0px 2px 0px;
    }

/* --- input checkbox boven --- */

div.d45 {
    margin: 17px 0px 0px 0px;
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: solid none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t45 {width: 555px;}
td.t45a1 {width: 33px;}
td.t45b1 {width: 522px;}

div.t45a1 {padding: 0px 3px 0px 2px;}
div.t45b1 {
    height: 18px;
    padding: 2px 0px 2px 0px;
    }

/* --- input checkbox midden --- */

div.d46 {
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: none none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t46 {width: 555px;}
td.t46a1 {width: 33px;}
td.t46b1 {width: 522px;}

div.t46a1 {padding: 0px 3px 0px 2px;}
div.t46b1 {
    height: 18px;
    padding: 2px 0px 2px 0px;
    }

/* -------------------------------- 2.4.2 ------------------------------- */

/* --- leeg | tekst boven --- */

div.d47 {
    margin: 17px 0px 0px 0px;
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: solid none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t47 {width: 555px;}
td.t47a1 {width: 555px;}

div.t47a1 {
    min-height: 18px;
    padding: 2px 0px 2px 0px;
    }

/* --- leeg | tekst midden --- */

div.d48 {
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: none none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t48 {width: 555px;}
td.t48a1 {width: 555px;}

div.t48a1 {
    min-height: 18px;
    padding: 2px 0px 2px 0px;
    }

/* -------------------------------- /2.4.2 ------------------------------ */

/* --- buttons onder --- */

div.d49 {margin: 17px 0px 16px 0px;}

table.t49 {width: 555px;}
td.t49a1 {width: 135px;}
td.t49b1 {width: 5px;}
td.t49c1 {width: 135px;}
td.t49d1 {width: 5px;}
td.t49e1 {width: 135px;}
td.t49f1 {width: 5px;}
td.t49g1 {width: 135px;}

div.t49a1 {}
div.t49b1 {}
div.t49c1 {}
div.t49d1 {}
div.t49e1 {}
div.t49f1 {}
div.t49g1 {}

/* --- elementen --- */

/* -------------------------------- 2.4.6 ------------------------------- */

div.j1 {
    height: 20px;
    background-image: url('../images/input1.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

input.j1 {
    width: 34px;
    height: 15px;
    margin: 2px 1px 1px 1px;
    padding: 0px 2px 0px 2px;
    text-align: right;
    background-color: #f2f2f2; /* grijs 5% */
    border-width: 0px;
    border-style: none;
    }

div.j2 {
    height: 20px;
    background-image: url('../images/input2.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

input.j2 {
    width: 210px;
    height: 15px;
    margin: 2px 1px 1px 1px;
    padding: 0px 2px 0px 2px;
    background-color: #f2f2f2; /* grijs 5% */
    border-width: 0px;
    border-style: none;
    }

div.j3 {
    height: 20px;
    background-image: url('../images/input3.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

input.j3 {
    width: 152px;
    height: 15px;
    margin: 2px 1px 1px 1px;
    padding: 0px 2px 0px 2px;
    background-color: #f2f2f2; /* grijs 5% */
    border-width: 0px;
    border-style: none;
    }

/* -------------------------------- /2.4.6 ------------------------------ */

div.i4 {
    height: 20px;
    background-image: url('../images/input4.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

input.i4 {
    width: 44px;
    height: 15px;
    margin: 2px 1px 1px 1px;
    padding: 0px 2px 0px 2px;
    background-color: #f2f2f2; /* grijs 5% */
    border-width: 0px;
    border-style: none;
    }

div.i5 {
    height: 20px;
    width: 142px;
    background-image: url('../images/input5.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

input.i5 {
    width: 136px;
    height: 15px;
    margin: 2px 1px 1px 1px;
    padding: 0px 2px 0px 2px;
    background-color: #ffffff; /* wit */
    border-width: 0px;
    border-style: none;
    }

/* -------------------------------- 2.2.7 ------------------------------- */

div.i6 {
    height: 20px;
    width: 165px;
    background-image: url('../images/input6.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

input.i6 {
    width: 159px;
    height: 15px;
    margin: 2px 1px 1px 1px;
    padding: 0px 2px 0px 2px;
    background-color: #ffffff; /* wit */
    border-width: 0px;
    border-style: none;
    }

/* -------------------------------- /2.2.7 ------------------------------ */

select.s1 {width: 175px;}
select.s3 {width: 216px;}

textarea.t1 {
    width: 410px;
    height: 200px;
	padding: 2px;
	background-color: #f2f2f2; /* grijs 5% */
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc; /* grijs 20% */
    }

textarea.t2 {
    width: 410px;
    height: 100px;
	padding: 2px;
	background-color: #f2f2f2; /* grijs 5% */
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc; /* grijs 20% */
    }

/* --- buttons --- */

div.button1 {
    width: 133px;
    height: 19px;
    padding: 3px 1px 2px 1px;
    line-height: normal;
    color: #ffffff; /* wit */
    text-align: center;
    background-image: url('../images/bg-button1.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    }

div.button2 {
    width: 163px;
    height: 19px;
    padding: 2px 1px 3px 1px;
    line-height: normal;
    color: #ffffff; /* wit */
    text-align: center;
    background-image: url('../images/bg-button2.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    }

div.button3 {
    width: 133px;
    height: 19px;
    padding: 2px 1px 3px 1px;
    line-height: normal;
    color: #ffffff; /* wit */
    text-align: center;
    background-image: url('../images/bg-button3.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    }

div.button4 {
    width: 17px;
    height: 19px;
    padding: 1px 1px 0px 2px;
    line-height: normal;
    color: #ffffff; /* wit */
    text-align: center;
    background-image: url('../images/bg-button4.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    }

/* ---------------------------------------------------------------------- */

/* nieuws */

div.datum1 {margin: 0px 0px 16px 0px;}
div.bron {margin: 16px 0px 0px 0px;}

/* ---------------------------------------------------------------------- */

/* agenda */

div.datum2 {margin: 0px 0px 16px 0px;}
div.agenda2 {font-weight: bold;}

/* ---------------------------------------------------------------------- */

/* artikel */

div.datum3 {margin: 0px 0px 16px 0px;}

/* ---------------------------------------------------------------------- */

/* winkelwagen */

#f02 {}
#f02a {}

/* --- status --- */

div.d61 {
    margin: 17px 0px 16px 0px;
    padding: 4px 0px 4px 0px;
    border-width: 1px;
    border-style: solid none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t61 {width: 555px;}
td.t61a1 {width: 139px;}
td.t61b1 {width: 140px;}
td.t61c1 {width: 140px;}
td.t61d1 {width: 136px;}

div.t61a1 {
    height: 18px;
    padding: 1px 5px 1px 30px;
    background-image: url('../images/status1a.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    }
div.t61b1 {
    height: 18px;
    padding: 1px 5px 1px 30px;
    background-image: url('../images/status2b.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }
div.t61c1 {
    height: 18px;
    padding: 1px 5px 1px 30px;
    background-image: url('../images/status3b.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }
div.t61d1 {
    height: 18px;
    padding: 1px 2px 1px 30px;
    background-image: url('../images/status4b.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

/* --- titel --- */

div.d62 {
    margin: 17px 0px 0px 0px;
    padding: 4px 0px 4px 0px;
    border-width: 1px;
    border-style: solid none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t62 {width: 555px;}
td.t62a1 {width: 43px;}
td.t62b1 {width: 28px;}
td.t62c1 {width: 238px;}
td.t62d1 {width: 83px;}
td.t62e1 {width: 83px;}
td.t62f1 {width: 80px;}

div.t62a1, div.t62b1, div.t62c1, div.t62d1, div.t62e1, div.t62f1 {
    height: 18px;
    padding: 0px 2px 0px 2px;
    background-color: #e5e5e5; /* grijs 10% */
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc; /* grijs 20% */
    }

div.t62a1, div.t62b1, div.t62c1, div.t62d1, div.t62e1 {margin: 0px 3px 0px 0px;}

/* --- producten --- */

div.d63 {
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: none none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t63 {width: 555px;}
td.t63a1 {width: 43px;}
td.t63b1 {width: 28px;}
td.t63c1 {width: 238px;}
td.t63d1 {width: 83px;}
td.t63e1 {width: 83px;}
td.t63f1 {width: 80px;}

div.t63a1 {min-height: 40px;}
div.t63b1 {padding: 10px 3px 0px 2px;}
div.t63c1 {padding: 11px 5px 2px 3px;}
div.t63d1 {padding: 10px 3px 0px 40px; text-align: right;}
div.t63e1 {padding: 11px 5px 2px 3px; text-align: right;}
div.t63f1 {padding: 11px 2px 2px 3px; text-align: right;}

div.d63a {
    width: 40px;
    height: 40px;
    padding: 0px 3px 0px 0px;
    }
div.d63b {
    width: 40px;
    height: 40px;
    padding: 4px 3px 0px 0px;
    }
div.d63c {}
div.d63d {}
div.d63e {color: #cc0000; /* rood 100% */}
div.d63f {padding: 1px 2px 2px 0px;}

/* -------------------------------- 2.2.2 ------------------------------- */

table.t63a, table.t63b {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    }
td.t63aa1, td.t63ba1 {vertical-align: middle;}

/* -------------------------------- /2.2.2 ------------------------------ */

/* --- couponcode --- */

div.d64 {
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: none none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

div.d64a {}

table.t64a {width: 555px;}
td.t64aa1 {width: 222px;}
td.t64ab1 {width: 253px;}
td.t64ac1 {width: 60px;}
td.t64ad1 {width: 20px;}

div.t64aa1 {
    height: 18px;
    padding: 2px 5px 2px 0px;
    color: #cc0000; /* rood 100% */
    }
div.t64ab1 {
    height: 18px;
    padding: 2px 5px 2px 0px;
    text-align: right;
    }
div.t64ac1 {padding: 1px 3px 1px 0px;}
div.t64ad1 {padding: 1px 0px 1px 0px;}

div.d64b {}

table.t64b {width: 555px;}
td.t64ba1 {width: 222px;}
td.t64bb1 {width: 253px;}
td.t64bc1 {width: 80px;}

div.t64ba1 {}
div.t64bb1 {
    height: 18px;
    padding: 2px 5px 2px 0px;
    text-align: right;
    }
div.t64bc1 {
    height: 18px;
    padding: 2px 2px 2px 0px;
    text-align: right;
    }

/* --- btw --- */

div.d65 {
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: none none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t65 {width: 555px;}
td.t65a1 {width: 222px;}
td.t65b1 {width: 253px;}
td.t65c1 {width: 80px;}

div.t65a1 {}
div.t65b1 {padding: 2px 5px 2px 0px; text-align: right;}
div.t65c1 {padding: 2px 2px 2px 0px; text-align: right;}

div.d65a {}
div.d65b {}
div.d65c {}
div.d65d {}
div.d65e {}
div.d65f {}

/* --- totaal --- */

div.d66 {
    margin: 0px 0px 16px 0px;
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: none none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t66 {width: 555px;}
td.t66a1 {width: 122px;}
td.t66b1 {width: 353px;}
td.t66c1 {width: 80px;}

div.t66a1 {}
div.t66b1 {
    height: 18px;
    padding: 2px 5px 2px 0px;
    text-align: right;
    }
div.t66c1 {
    height: 18px;
    padding: 2px 2px 2px 0px;
    text-align: right;
    }

div.d66a {}
div.d66b {font-weight: bold;}

/* -------------------------------- 2.2.7 ------------------------------- */

/* --- elementen --- */

div.i8 {
    height: 20px;
    background-image: url('../images/input8.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

input.i8 {
    width: 51px;
    height: 15px;
    margin: 2px 1px 2px 1px;
    padding: 0px 2px 0px 2px;
    background-color: #f2f2f2; /* grijs 5% */
    border-width: 0px;
    border-style: none;
    }

/* -------------------------------- /2.2.7 ------------------------------- */

/* adres */

#f03 {}
#f03a {}

#f04 {}
#f04a {}
#f04b {}
#f04c {}
#f04d {}

#f05 {}
#f05a {}
#f05b {}
#f05c {}

#f06, #f07 {}

/* --- status --- */

div.d71 {
    margin: 17px 0px 16px 0px;
    padding: 4px 0px 4px 0px;
    border-width: 1px;
    border-style: solid none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t71 {width: 555px;}
td.t71a1 {width: 139px;}
td.t71b1 {width: 140px;}
td.t71c1 {width: 140px;}
td.t71d1 {width: 136px;}

div.t71a1 {
    height: 18px;
    padding: 1px 5px 1px 30px;
    background-image: url('../images/status1b.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    }
div.t71b1 {
    height: 18px;
    padding: 1px 5px 1px 30px;
    background-image: url('../images/status2a.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    }
div.t71c1 {
    height: 18px;
    padding: 1px 5px 1px 30px;
    background-image: url('../images/status3b.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }
div.t71d1 {
    height: 18px;
    padding: 1px 2px 1px 30px;
    background-image: url('../images/status4b.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

/* --- adres1 --- */

div.d72 {
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: none none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t72 {width: 555px;}
td.t72a1 {width: 200px;}
td.t72b1 {width: 158px;}
td.t72c1 {width: 8px;}
td.t72d1 {width: 189px;}

div.t72a1 {
    height: 18px;
    padding: 2px 0px 2px 0px;
    }
div.t72b1 {padding: 1px 0px 1px 0px;}
div.t72c1 {
    height: 18px;
    padding: 2px 0px 2px 0px;
    }
div.t72d1 {padding: 1px 0px 1px 0px;}

/* --- adres2 --- */

div.d73 {
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: none none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t73 {width: 555px;}
td.t73a1 {width: 200px;}
td.t73b1 {width: 50px;}
td.t73c1 {width: 8px;}
td.t73d1 {width: 297px;}

div.t73a1 {
    height: 18px;
    padding: 2px 0px 2px 0px;
    }
div.t73b1 {padding: 1px 0px 1px 0px;}
div.t73c1 {
    height: 18px;
    padding: 2px 0px 2px 0px;
    }
div.t73d1 {padding: 1px 0px 1px 0px;}

/* --- land --- */

div.d74 {
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: none none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t74 {width: 555px;}
td.t74a1 {width: 200px;}
td.t74b1 {width: 355px;}

div.t74a1 {
    height: 18px;
    padding: 2px 0px 2px 0px;
    }
div.t74b1 {padding: 1px 0px 2px 0px;}

/* --- extra --- */

div.d75 {
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: none none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t75 {width: 555px;}
td.t75a1 {width: 555px;}

div.t75a1 {padding: 2px 0px 2px 0px;}

/* --- textarea --- */

div.d76 {
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: none none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t76 {width: 555px;}
td.t76a1 {width: 555px;}

div.t76a1 {padding: 0px 0px 0px 0px;}

/* ---------------------------------------------------------------------- */

/* overzicht */

#f08 {}

/* --- status --- */

div.d81 {
    margin: 17px 0px 16px 0px;
    padding: 4px 0px 4px 0px;
    border-width: 1px;
    border-style: solid none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t81 {width: 555px;}
td.t81a1 {width: 139px;}
td.t81b1 {width: 140px;}
td.t81c1 {width: 140px;}
td.t81d1 {width: 136px;}

div.t81a1 {
    height: 18px;
    padding: 1px 5px 1px 30px;
    background-image: url('../images/status1b.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    }
div.t81b1 {
    height: 18px;
    padding: 1px 5px 1px 30px;
    background-image: url('../images/status2b.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    }
div.t81c1 {
    height: 18px;
    padding: 1px 5px 1px 30px;
    background-image: url('../images/status3a.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    }
div.t81d1 {
    height: 18px;
    padding: 1px 2px 1px 30px;
    background-image: url('../images/status4b.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

/* --- titel winkelwagen --- */

div.d82 {
    margin: 17px 0px 0px 0px;
    padding: 4px 0px 4px 0px;
    border-width: 1px;
    border-style: solid none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t82 {width: 555px;}
td.t82a1 {width: 43px;}
td.t82b1 {width: 28px;}
td.t82c1 {width: 238px;}
td.t82d1 {width: 83px;}
td.t82e1 {width: 83px;}
td.t82f1 {width: 80px;}

div.t82a1, div.t82b1, div.t82c1, div.t82d1, div.t82e1, div.t82f1 {
    height: 18px;
    padding: 0px 2px 0px 2px;
    background-color: #e5e5e5; /* grijs 10% */
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc; /* grijs 20% */
    }

div.t82a1, div.t82b1, div.t82c1, div.t82d1, div.t82e1 {margin: 0px 3px 0px 0px;}

/* --- producten --- */

div.d83 {
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: none none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t83 {width: 555px;}
td.t83a1 {width: 43px;}
td.t83b1 {width: 28px;}
td.t83c1 {width: 238px;}
td.t83d1 {width: 83px;}
td.t83e1 {width: 83px;}
td.t83f1 {width: 80px;}

div.t83a1 {min-height: 40px;}
div.t83b1 {padding: 10px 3px 0px 2px;}
div.t83c1 {padding: 11px 5px 2px 3px;}
div.t83d1 {padding: 11px 5px 2px 3px; text-align: right;}
div.t83e1 {padding: 11px 5px 2px 3px; text-align: right;}
div.t83f1 {padding: 11px 2px 2px 3px; text-align: right;}

div.d83a {
    width: 40px;
    height: 40px;
    padding: 0px 3px 0px 0px;
    }
div.d83b {
    width: 40px;
    height: 40px;
    padding: 4px 3px 0px 0px;
    }

/* -------------------------------- 2.2.2 ------------------------------- */

table.t83a, table.t83b {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    }
td.t83aa1, td.t83ba1 {vertical-align: middle;}

/* -------------------------------- /2.2.2 ------------------------------ */

/* --- verzendkosten, couponcode --- */

div.d84 {
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: none none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t84 {width: 555px;}
td.t84a1 {width: 222px;}
td.t84b1 {width: 253px;}
td.t84c1 {width: 80px;}

div.t84a1 {}
div.t84b1 {
    height: 18px;
    padding: 2px 5px 2px 0px;
    text-align: right;
    }
div.t84c1 {
    height: 18px;
    padding: 2px 2px 2px 0px;
    text-align: right;
    }

div.d84a {}
div.d84b {}

/* --- btw --- */

div.d85 {
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: none none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t85 {width: 555px;}
td.t85a1 {width: 222px;}
td.t85b1 {width: 253px;}
td.t85c1 {width: 80px;}

div.t85a1 {}
div.t85b1 {padding: 2px 5px 2px 0px; text-align: right;}
div.t85c1 {padding: 2px 2px 2px 0px; text-align: right;}

div.d85a {}
div.d85b {}
div.d85c {}
div.d85d {}
div.d85e {}
div.d85f {}

/* --- totaal --- */

div.d86 {
    margin: 0px 0px 16px 0px;
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: none none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t86 {width: 555px;}
td.t86a1 {width: 222px;}
td.t86b1 {width: 253px;}
td.t86c1 {width: 80px;}

div.t86a1 {}
div.t86b1 {
    height: 18px;
    padding: 2px 5px 2px 0px;
    text-align: right;
    }
div.t86c1 {
    height: 18px;
    padding: 2px 2px 2px 0px;
    text-align: right;
    }

div.d86a {}
div.d86b {font-weight: bold;}

/* --- titel adres --- */

div.d87 {
    margin: 17px 0px 0px 0px;
    padding: 4px 0px 4px 0px;
    border-width: 1px;
    border-style: solid none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t87 {width: 555px;}
td.t87a1 {width: 279px;}
td.t87b1 {width: 276px;}

div.t87a1, div.t87b1 {
    height: 18px;
    padding: 0px 2px 0px 2px;
    background-color: #e5e5e5; /* grijs 10% */
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc; /* grijs 20% */
    }

div.t87a1 {margin: 0px 3px 0px 0px;}

/* --- adres --- */

div.d88 {
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: none none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t88 {width: 555px;}
td.t88a1 {width: 279px;}
td.t88b1 {width: 276px;}

div.t88a1, div.t88b1 {padding: 2px 3px 2px 3px;}

/* --- leeg | tekst midden --- */

div.d89 {
    margin: 0px 0px 16px 0px;
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: none none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t89 {width: 555px;}
td.t89a1 {width: 555px;}

div.t89a1 {
    height: 18px;
    padding: 2px 0px 2px 0px;
    }

/* -------------------------------- 2.4.2 ------------------------------- */

/* betaling */

#f09 {}
#f09a {}
#f09b {}
#f09c {}
#f09d {}

/* -------------------------------- /2.4.2 ------------------------------ */

/* --- status --- */

div.d91 {
    margin: 17px 0px 16px 0px;
    padding: 4px 0px 4px 0px;
    border-width: 1px;
    border-style: solid none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t91 {width: 555px;}
td.t91a1 {width: 139px;}
td.t91b1 {width: 140px;}
td.t91c1 {width: 140px;}
td.t91d1 {width: 136px;}

div.t91a1 {
    height: 18px;
    padding: 1px 5px 1px 30px;
    background-image: url('../images/status1b.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    }
div.t91b1 {
    height: 18px;
    padding: 1px 5px 1px 30px;
    background-image: url('../images/status2b.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    }
div.t91c1 {
    height: 18px;
    padding: 1px 5px 1px 30px;
    background-image: url('../images/status3b.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    }
div.t91d1 {
    height: 18px;
    padding: 1px 2px 1px 30px;
    background-image: url('../images/status4a.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    }

/* --- optie1 --- */

div.d92 {
    margin: 17px 0px 0px 0px;
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: solid none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t92 {width: 555px;}
td.t92a1 {width: 25px;}
td.t92b1 {width: 530px;}

div.t92a1 {
    min-height: 18px;
    padding: 0px 0px 0px 0px;
    }
div.t92b1 {
    min-height: 18px;
    padding: 2px 0px 2px 0px;
    }

/* --- optie2, optie3, optie4 --- */

div.d93 {
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: none none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t93 {width: 555px;}
td.t93a1 {width: 25px;}
td.t93b1 {width: 530px;}

div.t93a1 {
    min-height: 18px;
    padding: 0px 0px 0px 0px;
    }
div.t93b1 {
    min-height: 18px;
    padding: 2px 0px 2px 0px;
    }

/* ---------------------------------------------------------------------- */

/* zoeken */

#f11 {}

/* --- dossiers --- */

div.d101 {}

table.t101 {width: 555px;}
td.t101a1 {width: 555px;}

div.t101a1 {}

/* ---------------------------------------------------------------------- */

/* contact */

#f12 {}
#f12a {}
#f12b {}
#f12c {}
#f12d {display: none;}
#f12e {display: none;}
#f12f {display: none;}
#f12g {display: none;}
#f12h {display: none;}
#f12i {display: none;}
#f12j {}
#f12k {}
#f12l {}
#f12m {}

/* --- textarea --- */

div.d111 {
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: none none solid none;
    border-color: #e5e5e5; /* grijs 10% */
    }

table.t111 {width: 555px;}
td.t111a1 {width: 555px;}

div.t111a1 {padding: 0px 0px 0px 0px;}

/* ---------------------------------------------------------------------- */

/* aanmelden */

#f14 {}
#f14a {}
#f14b {}
#f14c {}
#f14d {}

#f15 {}
#f15a {}
#f15b {}
#f15c {}

/* --- formulieren --- */

div.form14 {
    padding: 0px 15px 0px 15px;
    background-color: #e5e5e5; /* grijs 10% */
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc; /* grijs 20% */
    }

div.form15 {
    padding: 0px 15px 0px 15px;
    background-color: #e5e5e5; /* grijs 10% */
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc; /* grijs 20% */
    }

/* --- titel --- */

div.d121 {
    margin: 17px 0px 16px 0px;
    font-weight: bold;
    }

/* --- e-mailadres --- */

div.d122 {
    margin: 17px 0px 0px 0px;
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: solid none solid none;
    border-color: #ffffff; /* wit */
    }

table.t122 {width: 403px;}
td.t122a1 {width: 187px;}
td.t122b1 {width: 216px;}

div.t122a1 {
    height: 18px;
    padding: 2px 0px 2px 0px;
    }
div.t122b1 {padding: 1px 0px 1px 0px;}

/* --- wachtwoord --- */

div.d123 {
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: none none solid none;
    border-color: #ffffff; /* wit */
    }

table.t123 {width: 403px;}
td.t123a1 {width: 187px;}
td.t123b1 {width: 216px;}

div.t123a1 {
    height: 18px;
    padding: 2px 0px 2px 0px;
    }
div.t123b1 {padding: 1px 0px 1px 0px;}

/* --- leeg | wachtwoord vergeten? --- */

div.d124 {
    padding: 3px 0px 3px 0px;
    border-width: 1px;
    border-style: none none solid none;
    border-color: #ffffff; /* wit */
    }

table.t124 {width: 403px;}
td.t124a1 {width: 403px;}

div.t124a1 {
    height: 18px;
    padding: 2px 0px 2px 0px;
    }

/* --- buttons --- */

div.d125 {margin: 17px 0px 16px 0px;}

table.t125 {width: 403px;}
td.t125a1 {width: 268px;}
td.t125b1 {width: 135px;}

div.t125a1 {}
div.t125b1 {}

/* -------------------------------- 2.2.7 ------------------------------- */

/* --- elementen --- */

div.i7 {
    height: 20px;
    background-image: url('../images/input7.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

input.i7 {
    width: 210px;
    height: 15px;
    margin: 2px 1px 1px 1px;
    padding: 0px 2px 0px 2px;
    background-color: #ffffff; /* wit */
    border-width: 0px;
    border-style: none;
    }

/* -------------------------------- /2.2.7 ------------------------------ */

/* marge */

#f10 {}
#f13 {}

div.marge1 {}

div.marge2 {}

div.marge3 {}

/* -------------------------------- 2.2.7 ------------------------------- */

/* --- winkelwagen --- */

div.d131 {margin: 0px 0px 17px 0px;}
div.d131a {}
div.d131b {
    width: 165px;
    padding: 0px 5px 0px 5px;
    background-image: url('../images/bg-d131b.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }
div.d131c {
    width: 175px;
    height: 5px;
    background-image: url('../images/bg-d131c.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

table.t131 {width: 165px;}
td.t131a1 {width: 165px;}
td.t131a2 {width: 145px;}
td.t131b2 {width: 20px;}

div.t131a1 {
    height: 21px;
    padding: 2px 5px 0px 15px;
    color: #ffffff; /* wit */
    }
div.t131a2 {padding: 5px 0px 0px 1px;}
div.t131b2 {padding: 5px 0px 0px 0px;}

/* --- zoeken --- */

div.d132 {margin: 0px 0px 17px 0px;}
div.d132a {}
div.d132b {
    width: 165px;
    padding: 0px 5px 0px 5px;
    background-image: url('../images/bg-d132b.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }
div.d132c {
    width: 175px;
    height: 5px;
    background-image: url('../images/bg-d132c.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

table.t132 {width: 165px;}
td.t132a1 {width: 165px;}
td.t132a2 {width: 145px;}
td.t132b2 {width: 20px;}

div.t132a1 {
    height: 21px;
    padding: 2px 5px 0px 15px;
    color: #ffffff; /* wit */
    }
div.t132a2 {padding: 5px 0px 0px 0px;}
div.t132b2 {padding: 5px 0px 0px 0px;}

/* --- mijn account --- */

div.d133 {margin: 0px 0px 17px 0px;}
div.d133a {}
div.d133b {
    width: 165px;
    padding: 0px 5px 0px 5px;
    background-image: url('../images/bg-d133b.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }
div.d133c {
    width: 175px;
    height: 5px;
    background-image: url('../images/bg-d133c.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

table.t133 {width: 165px;}
td.t133a1 {width: 165px;}
td.t133a2 {width: 165px;}
td.t133a3 {width: 145px;}
td.t133b3 {width: 20px;}

div.t133a1 {
    height: 21px;
    padding: 2px 5px 0px 15px;
    color: #ffffff; /* wit */
    }
div.t133a2 {padding: 5px 0px 0px 0px;}
div.t133a3 {padding: 5px 0px 0px 0px;}
div.t133b3 {padding: 5px 0px 0px 0px;}

/* --- marge --- */

div.d134 {margin: 0px 0px 17px 0px;}
div.d134a {}
div.d134b1 {
    width: 165px;
    padding: 0px 5px 0px 5px;
    background-image: url('../images/bg-d134b1.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }
div.d134b2 {
    width: 165px;
    padding: 0px 5px 0px 5px;
    background-image: url('../images/bg-d134b2.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }
div.d134c {
    width: 175px;
    height: 5px;
    background-image: url('../images/bg-d134c.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

table.t134 {width: 165px;}
td.t134a1 {width: 165px;}
td.t134a2 {width: 165px;}

div.t134a1 {
    height: 21px;
    padding: 2px 5px 0px 15px;
    color: #ffffff; /* wit */
    }
div.t134a2 {padding: 5px 0px 3px 1px;}

/* --- nieuws, agenda, artikelen, links --- */

div.d135 {margin: 0px 0px 17px 0px;}
div.d135a {}
div.d135b {
    width: 165px;
    padding: 0px 5px 0px 5px;
    background-image: url('../images/bg-d135b.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }
div.d135c {
    width: 175px;
    height: 5px;
    background-image: url('../images/bg-d135c.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

table.t135 {width: 165px;}
td.t135a1 {width: 165px;}
td.t135a2 {width: 165px;}

div.t135a1 {
    height: 21px;
    padding: 2px 5px 0px 15px;
    color: #ffffff; /* wit */
    }
div.t135a2 {padding: 5px 0px 3px 1px;}

/* -------------------------------- /2.2.7 ------------------------------ */

/* --- producten --- */

div.d136 {
    margin: 0px 0px 17px 0px;
    background-image: url('../images/product4.gif');
    background-position: 0px 0px;
    background-repeat: repeat-y;
    }
div.d136a {
    height: 5px;
    background-image: url('../images/product4a.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }
div.d136b {margin: 0px 1px 0px 1px;}
div.d136c {
    height: 5px;
    background-image: url('../images/product4c.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

table.t136 {width: 173px;}
td.t136a1 {
    width: 173px;
    background-color: #ffffff; /* wit */
    }
td.t136a2 {
    width: 173px;
    background-color: #f2f2f2; /* grijs 5% */
    }
td.t136a3 {
    width: 173px;
    background-color: #f2f2f2; /* grijs 5% */
    }

/* -------------------------------- 2.2.2 ------------------------------- */

div.t136a1 {
    width: 165px;
    height: 165px;
    padding: 0px 4px 4px 4px;
    cursor: pointer;
    }

/* -------------------------------- /2.2.2 ------------------------------ */

div.t136a2 {
    width: 165px;
    min-height: 35px;
    padding: 4px 4px 2px 4px;
    border-width: 1px;
    border-style: dotted none none none;
    border-color: #cccccc; /* grijs 20% */
    }
div.t136a3 {
    width: 165px;
    padding: 0px 4px 0px 4px;
    text-align: center;
    }

table.t136a {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    }
td.t136aa1 {vertical-align: middle;}

/* --- afbeeldingen --- */

div.d137 {
    margin: 0px 0px 17px 0px;
    background-image: url('../images/afbeelding3.gif');
    background-position: 0px 0px;
    background-repeat: repeat-y;
    }
div.d137a {
    height: 5px;
    background-image: url('../images/afbeelding3a.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }
div.d137b {}
div.d137c {
    height: 5px;
    background-image: url('../images/afbeelding3c.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

/* -------------------------------- 2.2.2 ------------------------------- */

div.d137ba {
    width: 165px;
    height: 165px;
    margin: 0px 1px 0px 1px;
    padding: 0px 4px 0px 4px;
    cursor: pointer;
    }

/* -------------------------------- /2.2.2 ------------------------------ */

table.t137ba {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    }
td.t137baa1 {vertical-align: middle;}

/* --- viewer --- */

div.d138 {margin: 0px 0px 17px 0px;}

table.t138 {width: 175px;}
td.t138a1 {width: 57px;}
td.t138b1 {width: 2px;}
td.t138c1 {width: 57px;}
td.t138d1 {width: 2px;}
td.t138e1 {width: 57px;}

div.t138a1 {}
div.t138b1 {}
div.t138c1 {}
div.t138d1 {}
div.t138e1 {}

div.afbeelding4 {
    width: 57px;
    background-image: url('../images/afbeelding4.gif');
    background-position: 0px 0px;
    background-repeat: repeat-y;
    }
div.afbeelding4a {
    height: 5px;
    background-image: url('../images/afbeelding4a.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }
div.afbeelding4b {}
div.afbeelding4c {
    height: 5px;
    background-image: url('../images/afbeelding4c.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

/* -------------------------------- 2.2.2 ------------------------------- */

div.d138a {
    width: 47px;
    height: 47px;
    margin: 0px 1px 0px 1px;
    padding: 0px 4px 0px 4px;
    cursor: pointer;
    }

/* -------------------------------- /2.2.2 ------------------------------ */

table.t138a {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    }
td.t138aa1 {vertical-align: middle;}

/* -------------------------------- 2.2.2 ------------------------------- */



/* -------------------------------- /2.2.2 ------------------------------ */

/* voettekst */

#d141 {}
#d142 {}
#d143 {}

div.d141 {
    padding: 0px 15px 0px 15px;
    text-align: left;
    }
div.d142 {
    padding: 0px 15px 0px 15px;
    text-align: left;
    }
div.d143 {
    padding: 0px 15px 0px 15px;
    text-align: left;
    }

#t141 {width: 175px;}

table.t141 {}

#t141a1 {}

td.t141a1 {
    height: 23px;
    padding: 7px 0px 0px 0px;
    color: #ffffff; /* wit */
    text-align: left;
    }

#t142 {}

table.t142 {}

#t142a1 {}

td.t142a1 {
    height: 23px;
    padding: 7px 0px 0px 0px;
    color: #ffffff; /* wit */
    text-align: center;
    }

#t143 {width: 175px;}

table.t143 {}

#t143a1 {}

td.t143a1 {
    height: 23px;
    padding: 7px 0px 0px 0px;
    color: #ffffff; /* wit */
    text-align: right;
    }

/* ---------------------------------------------------------------------- */

/* afbeeldingen */

img {
    border-width: 0px;
    border-style: hidden;
    display: block;
    }

img.afbeelding1 {
    margin: 5px 0px 2px 0px;
    border-width: 0px;
    border-style: hidden;
    display: inline;
    float: none;
    }

img.afbeelding2 {
    margin: 5px 15px 2px 0px;
    border-width: 0px;
    border-style: hidden;
    display: inline;
    float: left;
    }

img.afbeelding3 {
    margin: 5px 0px 2px 15px;
    border-width: 0px;
    border-style: hidden;
    display: inline;
    float: right;
    }

img.afbeelding4 {
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    border-style: hidden;
    display: block;
    }

/* -------------------------------- 2.2.6 ------------------------------- */

div.afbeelding5a {margin: 17px 0px 0px 0px;}

div.afbeelding5b {
    padding: 0px;
    cursor: pointer;
    display: inline;
    float: left;
    }

div.afbeelding5c {
    padding: 17px 0px 0px 0px;
    clear: both;
    }

img.afbeelding5 {
    padding: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc; /* grijs 20% */
    }

/* -------------------------------- /2.2.6 ------------------------------ */

/* hyperlinks */

a:link, a:visited, a:active {color: #cc0000; /* rood 100% */ text-decoration: none;}
a:hover {color: #cc0000; /* rood 100% */ text-decoration: underline;}
a:link img, a:visited img, a:hover img {border: 0px;}

/* --- koptekst --- */

a.link1:link, a.link1:visited, a.link1:active {
    color: #ffffff; /* wit */
    text-decoration: none;
    }
a.link1:hover {text-decoration: underline;}

/* --- kruimelpad --- */

a.link2:link, a.link2:visited, a.link2:active {
    font-size: 10px;
    color: #333333; /* grijs 80% */
    text-decoration: none;
    }
a.link2:hover {text-decoration: underline;}

/* --- [link1] en [link2] --- */

a.link3:link, a.link3:visited, a.link3:active {
    color: #cc0000; /* rood 100% */
    text-decoration: none;
    }
a.link3:hover {text-decoration: underline;}

/* --- eenvoudige weergave (nieuws, agenda, artikelen) --- */

a.link4:link, a.link4:visited, a.link4:active {
    color: #333333; /* grijs 80% */
    text-decoration: none;
    }
a.link4:hover {text-decoration: underline;}

/* -------------------------------- 2.2.7 ------------------------------- */

/* --- eenvoudige weergave (categorieen) --- */

a.link5a:link, a.link5a:visited, a.link5a:active {
    width: 100%;
    color: #ffffff; /* wit */
    text-decoration: none;
    display: block;
    }
a.link5a:hover {text-decoration: underline;}

a.link5b:link, a.link5b:visited, a.link5b:active {
    width: 100%;
    color: #333333; /* grijs 80% */
    text-decoration: none;
    display: block;
    }
a.link5b:hover {text-decoration: underline;}

/* --- eenvoudige weergave (producten) --- */

a.link5c:link, a.link5c:visited, a.link5c:active {
    width: 100%;
    color: #333333; /* grijs 80% */
    text-decoration: none;
    display: block;
    }
a.link5c:hover {text-decoration: underline;}

/* -------------------------------- /2.2.7 ------------------------------ */

/* --- eenvoudige weergave (links) --- */

a.link6a:link, a.link6a:visited, a.link6a:active {
    width: 100%;
    color: #333333; /* grijs 80% */
    text-decoration: none;
    display: block;
    }
a.link6a:hover {text-decoration: underline;}

a.link6b:link, a.link6b:visited, a.link6b:active {
    color: #333333; /* grijs 80% */
    text-decoration: none;
    }
a.link6b:hover {text-decoration: underline;}

/* --- uitgebreide weergave (dossiers, nieuws, agenda, artikelen, producten, links) --- */

a.link7:link, a.link7:visited, a.link7:active {
    color: #333333; /* grijs 80% */
    font-weight: bold;
    text-decoration: none;
    }
a.link7:hover {text-decoration: underline;}

/* --- marge (nieuws, artikelen, agenda, links) --- */

a.link8:link, a.link8:visited, a.link8:active {
	width: 100%;
	color: #333333; /* grijs 80% */
	text-decoration: none;
	display: block;
	}
a.link8:hover {text-decoration: underline;}

/* --- voettekst --- */

a.link9:link, a.link9:visited, a.link9:active {
    color: #ffffff; /* wit */
    text-decoration: none;
    }
a.link9:hover {text-decoration: underline;}

/* wachtwoord vergeten */

div.link1 {
	color: #cc0000; /* rood 100% */
	cursor: pointer;
	display: inline;
	}
div.hover1 {
	color: #cc0000; /* rood 100% */
	text-decoration: underline;
	cursor: pointer;
	display: inline;
	}

/* resultaten */

/* --- dossiers, nieuws, agenda, artikelen --- */

div.link2 {
	color: #333333; /* grijs 80% */
	cursor: pointer;
	display: inline;
	}
div.hover2 {
	color: #333333; /* grijs 80% */
	text-decoration: underline;
	cursor: pointer;
	display: inline;
	}

/* --- producten --- */

div.link3 {
    width: 100%;
	color: #333333; /* grijs 80% */
	cursor: pointer;
	display: block;
    }

div.hover3 {
    width: 100%;
	color: #333333; /* grijs 80% */
	text-decoration: underline;
	cursor: pointer;
	display: block;
	}

/* -------------------------------- 2.4.6 ------------------------------- */



/* -------------------------------- /2.4.6 ------------------------------ */

/* -------------------------------- 2.4.6 ------------------------------- */



/* -------------------------------- /2.4.6 ------------------------------ */

/* -------------------------------- 2.2.7 ------------------------------- */

ul.categorie1 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    }

li.categorie1 {
    margin-left: -25px;
    padding-left: 0px;
    list-style-type: none;
	background-image: url('../images/transparant.gif');
	background-repeat: no-repeat;
	background-position: 1px 5px;
    }

ul.categorie2 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    }

li.categorie2 {
    margin-left: -40px;
    padding-left: 0px;
    list-style-type: none;
	background-image: url('../images/transparant.gif');
	background-repeat: no-repeat;
	background-position: 1px 5px;
    }

/* -------------------------------- /2.2.7 ------------------------------ */

ul.product {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    }

li.product {
    margin-left: -40px;
    padding-left: 0px;
    list-style-type: none;
	background-image: url('../images/transparant.gif');
	background-repeat: no-repeat;
	background-position: 1px 5px;
    }

/* ---------------------------------------------------------------------- */

/* sitemap */

#d151 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: -1;
    }

/* ---------------------------------------------------------------------- */

/* tussenruimtes */

/* --- algemeen --- */

div.tussenruimte1 {
    width: 36px;
    height: 1px;
    margin: 16px 0px 13px 20px;
    background-image: url('../images/tussenruimte1.gif');
    background-position: 0px 0px;
    background-repeat: repeat-x;
    }

/* --- producten eenvoudige weergave --- */

div.tussenruimte2 {width: 10px; height: 17px;}

/* --- producten uitgebreide weergave --- */

div.tussenruimte3 {
    width: 100%;
    height: 1px;
    margin: 17px 0px 17px 0px;
    background-image: url('../images/tussenruimte3.gif');
    background-position: 0px 0px;
    background-repeat: repeat-x;
    }

/* --- links eenvoudige weergave --- */

div.tussenruimte4 {width: 10px; height: 17px;}

/* ---------------------------------------------------------------------- */

/* diversen */

/* -------------------------------- 2.2.8 ------------------------------- */

p {margin: 0px; padding: 0px;}

/* -------------------------------- /2.2.8 ------------------------------ */

/* -------------------------------- 2.3.9 ------------------------------- */

table {border-spacing: 0px;}
td {vertical-align: top; padding: 0px;}

/* -------------------------------- /2.3.9 ------------------------------ */

div.foutmelding {color: #cc0000; /* rood 100% */}
div.melding {color: #cc0000; /* rood 100% */}

div.titel {}
div.samenvatting {}

span.datum1 {}
span.datum2 {}

span.prijs1a {font-weight: bold;}
span.prijs1b {font-weight: bold; font-size: 13pt;}
span.prijs1c {font-weight: bold; font-size: 13pt;}
span.prijs1d {font-weight: bold;}

span.prijs2a {
    color: #999999; /* grijs 40% */
    text-decoration: line-through;
    }
span.prijs2b {color: #333333; /* grijs 80% */}
span.prijs2c {padding-right: 5px;}
span.prijs2d {color: #cc0000; /* rood 100% */}

span.optie1 {font-size: 10px;}
span.optie2 {font-size: 10px;}

span.form1 {font-weight: bold;}
span.form2 {font-size: 10px;}

span.trwrd {font-weight: bold;}

div.clear {clear: both;}

span.marge1 {}

/* -------------------------------- 2.3.6 ------------------------------- */

input {outline: none;}

/* -------------------------------- /2.3.6 ------------------------------ */

/* -------------------------------- 2.4.6 ------------------------------- */

.a4a1 {color: #ffffff; /* white */}

.d12 {}

/* ------------------------------ 2.6.1.01 ------------------------------ */



/* ------------------------------ /2.6.1.01 ----------------------------- */

div.j1, div.j2, div.j3, div.i4, div.i5, div.i6, div.i7, div.i8, div.i9a, div.i9b {
    line-height: normal;
}

input.j1, input.j2, input.j3, input.i4, input.i5, input.i6, input.i7, input.i8, input.i9a, input.i9b {
    line-height: normal;
    display: inline;
}

/* -------------------------------- /2.4.6 ------------------------------ */

/* ------------------------------ 2.6.1.01 ------------------------------ */

button {font-weight: normal;}

/* ------------------------------ /2.6.1.01 ----------------------------- */

/* ------------------------------ 2.6.1.01 ------------------------------ */

button.btn4 {
    box-sizing: border-box;
    height: 40px;
    min-width: 40px;
    margin: 0px;
    padding: 3px 15px;
    text-align: center;
    white-space: nowrap;
    background-color: #ffffff; /* white */
    border-style: solid;
    border-width: 1px;
    border-color: #b5b5b5; /* gray 40% */
    border-radius: 5px;
    touch-action: manipulation;
    outline-style: none;
}

button.btn4:hover {
    background-color: #eeeeee; /* gray 10% */
    border-color: #b5b5b5; /* gray 40% */
}

button.btn4.active {
    background-color: #eeeeee; /* gray 10% */
    border-color: #b5b5b5; /* gray 40% */
}

/* ---------------------------------------------------------------------- */

.g2 {
    margin: -5px 0px 0px -5px;
    font-size: 0px;
}

.g2a1 {
    box-sizing: border-box;
    min-height: 27px;
    margin: 0px;
    padding: 5px 0px 0px 5px;
    vertical-align: top;
    font-size: 14px;
    display: inline-block;
}

@media screen and (max-width: 443px) {
    .g2 {}

    .g2a1 {}
}

@media screen and (min-width: 444px) {
    .g2 {}

    .g2a1 {}
}

@media print {
    .g2 {display: none;}

    .g2a1 {}
}

/* ------------------------------ /2.6.1.01 ----------------------------- */
