/* Nieuw - CPS */
body {
    background: #FFFFFF;
}

body, table {
    margin: 0;
    padding: 0;
}

a.menukop {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #FF2A22;
    height: 12px;
    text-decoration: none;
}

a.menukop:hover {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #FF2A22;
    height: 12px;
    text-decoration: underline;
}

#adres {
    font-family: Verdana;
    font-size: 11px;
    position: absolute;
    left: 6px;
    bottom: 5px;
    border: none;
    color: #FFFFFF;
}

hr.winkelmandje {
    margin-right: 10px;
    text-align: right;
    color: #969291;
    height: 1px;
    width: 81px;
}

select.selectie {
    font-family: 'Verdana';
    font-size: 11px;
    width: 175px;
    height: 300px;
}

table.selectie {
    width: 100%;
    height: 400px;
}

td.selectie {
    font-family: 'Verdana';
    font-size: 11px;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    vertical-align: top;
    background-color: #EDEBEC;
}

td.selectie_pijl {
    width: 70px;
    background-image: url("images/selctie_bg.jpg");
    background-repeat: repeat-y;
    font-family: 'Verdana';
    font-size: 12px;
    padding-left: 0px;
    padding-right: 0px;
    vertical-align: middle;
    background-color: #FFFFFF;
}

/**/
body {
    margin: 0px;
    font-family: 'Verdana';
    font-size: 12px;
}

table.tbl {
    height: 100%;
}

table.main {
    margin: 0px;
    table-layout: fixed;
    width: 997px;
    height: 100%;
    background-color: #FFFFFF;
    border-left: 2px solid #171312;
    border-right: 2px solid #171312;
}

table.lijst {
    width: 740px;
}

table.detail {
    padding-right: 10px;
    width: 100%;
}

table.voorraad {
    border: 1px solid black;
}

td.voorraad {
    padding: 5px;
    margin: 5px;
    border: 1px black solid;
}

th.voorraad {
}

fieldset {
    margin-right: 10px;
    padding: 5px;
    border: 1px solid #6E280E;
}

legend {
    font-family: 'Verdana';
    font-size: 12px;
    color: #6E280E;
    font-weight: bold;
}

.lijsttekst {
    font-family: 'Verdana';
    font-size: 12px;
    color: #000000;
    font-weight: normal;
}

.lijsttekst2 {
    font-family: 'Verdana';
    font-size: 12px;
    color: #000000;
    font-weight: normal;
}

.lijsttekst3 {
    font-family: 'Verdana';
    font-size: 14px;
    color: #FF2A22;
    font-weight: normal;
}

.detailklein {
    font-family: 'Verdana';
    font-size: 11px;
    color: #6E280E;
    font-weight: bold;
}

.detailklein2 {
    font-family: 'Verdana';
    font-size: 11px;
    color: #000000;
    font-weight: normal;
}

td {
    font-family: 'Verdana';
    font-size: 12px;
}

td.menukop {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #FF2A22;
    height: 12px;
    text-align: right;
    padding-right: 10px;
}

td.menukop2 {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #FF2A22;
    height: 20px;
    text-align: left;
    padding-right: 10px;
}

a.artikelkop {
    font-family: 'Verdana';
    font-size: 12px;
    color: #6E280E;
    font-weight: bold;
    background-color: #F0E9E6;
    text-decoration: none;
}

a.artikelkop:hover {
    font-family: 'Verdana';
    font-size: 12px;
    color: #6E280E;
    font-weight: bold;
    background-color: #F0E9E6;
    text-decoration: none;
}

td.lijn {
    background-image: url("images/pixel.gif");
    background-color: #000000;
    height: 2px;
}

td.lijn2 {
    background-image: url("images/pixel.gif");
    background-color: #000000;
    height: 1px;
}

a.mailklein {
    font-family: 'Verdana';
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
}

a.mailklein:hover {
    font-family: 'Verdana';
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: underline;
}

td.detail {
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    vertical-align: top;
    background-color: #F0E9E6;
}

td.background {
    background-color: #6E280E;
}

td.background2 {
    padding: 4px;
    vertical-align: top;
    background-color: #FFFFFF;
}

td.background3 {
    padding-left: 4px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    vertical-align: top;
    background-color: #F0E9E6;
}

td.background4 {
    font-family: 'Verdana';
    font-size: 12px;
    padding-left: 4px;
    padding-right: 4px;
    vertical-align: top;
    background-color: #FFFFFF;
}

td.bg {
    padding: 0px;
    margin: 0px;
    background-color: #171312;
}

td.bgborstel {
    height: 124px;
    /*	_height: 70px;*/
    padding-left: 5px;
    font-family: Verdana;
    font-size: 11px;
    color: #FFFFFF;
    background-color: #171312;
    background-image: url("images/bg_borstel.jpg");
    background-repeat: no-repeat;
}

td.bglinks {
    background-color: #FFFFFF;
    background-image: url("images/pixel.gif");
    background-repeat: repeat;
}

td.bgrechts {
    background-color: #FFFFFF;
    background-image: url("images/pixel.gif");
    background-repeat: repeat;
}

td.cat {
    text-align: right;
    vertical-align: top;
    padding-left: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
}

td.catmenu {
    background-color: #171312;
    padding-left: 0px;
    padding-top: 10px;
}

td.kop {
    font-family: 'Verdana';
    font-size: 12px;
    font-weight: normal;
}

td.kopbold {
    font-family: 'Verdana';
    font-size: 11px;
    font-weight: bold;
}

td.tekstkop {
    font-family: 'Verdana';
    font-size: 14px;
    font-weight: bold;
}

td.txtklein {
    padding-left: 5px;
    font-family: 'Verdana';
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
}

td.menubalk {
    font-family: 'Verdana';
    font-size: 12px;
    font-weight: bold;
    padding-left: 30px;
    background-color: #171312;
    height: 24px;
}

td.kopbalk {
    background-image: url("images/kopbalk.jpg");
    background-repeat: no-repeat;
    background-color: #171312;
    width: 997px;
    height: 172px;
}

td.kopbalk2 {
    background-image: url("images/kopbalk2.jpg");
    background-repeat: repeat-x;
    background-color: #171312;
    height: 153px;
}

td.schaduw {
    background-image: url("images/schaduw-menu.gif");
    background-repeat: repeat-y;
    background-position: 0% 0%;
}

div.winkelmandje {
    margin-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-image: url("images/bg_winkelmandje.jpg");
    width: 169px;
    /*	_width: 179px;*/
    height: 77px;
    /*	_height: 81px;*/
}

div.zoeken {
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

div.nieuwsbrief {
    margin-top: 15px;
    padding-left: 7px;
    padding-right: 5px;
    padding-top: 6px;
    padding-bottom: 2px;
    background-image: url("images/bg_nieuwsbrief.jpg");
    width: 167px;
    /*	_width: 179px;*/
    height: 101px;
    /*	_height: 109px;*/
}

div.supply {
    margin-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-image: url("images/bg_supply.jpg");
    width: 169px;
    /*	_width: 179px;*/
    height: 218px;
    /*	_height: 222px;*/
}

div.tellafriend {
    margin-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-image: url("images/bg_tellafriend.jpg");
    width: 167px;
    /*	_width: 179px;*/
    height: 101px;
    /*	_height: 109px;*/
}

img.bureauconf {
    margin-top: 15px;
}

img.supplyselector {
    margin-top: 15px;
}

.kopgroot {
    font-family: 'Verdana';
    font-size: 12px;
    font-weight: bold;
    color: #6E280E;
}

input.text, select.text {
    font-family: 'Verdana';
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    width: 200px;
    height: 20px;
}

input.text2 {
    font-family: 'Verdana';
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    width: 30px;
    height: 20px;
}

textarea {
    border-style: solid;
    border-width: 1px;
    border-color: #6E280E;
}

input.klein {
    font-family: 'Verdana';
    font-size: 11px;
    border-style: none;
    border-width: 0px;
    border-color: #000000;
    width: 120px;
    margin-bottom: 1px;
}

select.zoeken {
    margin-left: 1px;
    font-size: 11px;
    width: 115px;
    border: 1px solid #6E280E;
}

select.confkleur {
    margin-left: 1px;
    font-size: 11px;
    width: 115px;
    border: 1px solid #6E280E;
    background-color: #F0E9E6;
}

.wit {
    font-family: 'Verdana';
    font-size: 12px;
    color: #FFFFFF;
}

.btnklein {
    margin-left: 2px;
    margin-top: 0px;
    border: 1px solid #6E280E;
    background-color: #FF2A22;
    font-size: 9px;
    color: #6E280E
}

.btn {
    margin-right: 4px;
    border: 1px solid silver;
    background-color: #FF2A22;
    font-size: 9px;
    color: #000000;
}

.kopwit {
    font-family: 'Verdana';
    font-size: 14px;
    font-weight: normal;
    color: #FFFFFF;
}

.aantal {
    font-family: 'Verdana';
    font-size: 11px;
    border: 1px solid #000000;
    width: 30px;
}

a {
    font-family: 'Verdana';
    font-size: 12px;
    font-weight: normal;
    color: #FF2A22;
    text-decoration: none;
}

a:hover {
    font-family: 'Verdana';
    font-size: 12px;
    font-weight: normal;
    color: #FF2A22;
    text-decoration: none;
}

a.cart {
    font-family: 'Verdana';
    font-size: 14px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
}

a.cart:hover {
    font-family: 'Verdana';
    font-size: 14px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
}

a.topmenu {
    font-family: 'Verdana';
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}

a.topmenu:hover {
    font-family: 'Verdana';
    font-size: 12px;
    font-weight: bold;
    color: #D98F25;
    text-decoration: none;
}

a.cat {
    font-family: 'Verdana';
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
}

a.cat:active {
    font-family: 'Verdana';
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
}

a.cat:hover {
    font-family: 'Verdana';
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: underline;
}

a.catactive {
    font-family: 'Verdana';
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: underline;
}

a.catactive:hover {
    font-family: 'Verdana';
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: underline;
}

a.pag {
    font-family: 'Verdana';
    font-size: 11px;
    font-weight: bold;
    color: #FF2A22;
    text-decoration: none;
}

a.pag:active {
    font-family: 'Verdana';
    font-size: 11px;
    font-weight: bold;
    color: #171312;
    text-decoration: none;
}

a.pag:hover {
    font-family: 'Verdana';
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-decoration: underline;
}

a.pagactive {
    font-family: 'Verdana';
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-decoration: underline;
}

a.pagactive:hover {
    font-family: 'Verdana';
    font-size: 11px;
    font-weight: bold;
    color: #FF2A22;
    text-decoration: underline;
}

a.subcat {
    font-family: 'Verdana';
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
}

a.subcat:hover {
    font-family: 'Verdana';
    font-size: 11px;
    font-weight: normal;
    color: #D98F25;
    text-decoration: none;
}

a.subcatactive {
    font-family: 'Verdana';
    font-size: 11px;
    font-weight: normal;
    color: #D98F25;
    text-decoration: none;
}

a.detail {
    font-family: 'Verdana';
    font-size: 11px;
    font-weight: normal;
    color: #6E280E;
    text-decoration: none;
}

a.detail:hover {
    font-family: 'Verdana';
    font-size: 11px;
    font-weight: normal;
    color: #6E280E;
    text-decoration: none;
}

button {
    line-height: 20px;
}

.buttonlabel {
    font-family: 'Verdana';
    font-size: 12px;
    font-weight: bold;
}

.menu {
    font-family: 'Verdana';
    font-size: 12px;
    font-weight: normal;
}

.menuNode {
    margin-left: 10px;
    line-height: 15px;
}

.alert {
    font-family: 'Verdana';
    font-size: 12px;
    color: red;
}

.alert2 {
    font-family: 'Verdana';
    font-size: 10px;
    color: red;
}

.artprijs {
    padding-right: 10px;
    font-family: 'Verdana';
    font-size: 12px;
    font-weight: normal;
    color: #6E280E;
}

.artimg {
    border: 1px solid black;
}

.proddiv {
    margin-left: 0px;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 4px;
    float: left;
    border: 0px solid #6E280E;
    width: 250px;
    /*	_width: 260px;*/
    overflow: hidden;
}

.imgdiv {
    margin: 2px;
    padding: 0px;
    float: left;
    border: 0px solid silver;
    width: 135px;
    overflow: hidden;
}

div.gdiv {
    font-family: 'Verdana';
    font-size: 10pt;
    padding-left: 13px;
    display: none;
    line-height: 14px;
}

td.border {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 10px;
    border-bottom: solid 1px black;
    border-right: solid 1px black;
}

td.border2 {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 10px;
    border-bottom: solid 1px black;
}

td.filler {
    border-right: solid 1px black;
    padding: 0px;
    margin: 0px;
    width: 2px;
}

td.filler2 {
    border-left: solid 1px black;
    border-right: solid 1px black;
    padding: 0px;
    margin: 0px;
}

td.bottom {
    border-top: solid 1px black;
    padding: 10px;
    margin: 0px;
}

.maintable {
    border: solid 1px black;
    padding: 0px;
    margin: 0px;
}

hr {
    border: none 0;
    border-top: 1px dashed #000; /*the border*/
    width: 90%;
    height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
    padding: 0px;
    margin: 0px;
}

.tableheader {
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    padding: 0px;
    margin: 0px;
}

.subheader {
    padding: 10px;
    margin: 0px;
}

.subheader2 {
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    padding: 0px;
    margin: 0px;
}

.artikelheader {
    padding: 0px;
    margin: 0px;
}

.opmerking {
    border-bottom: solid 1px black;
    border-top: solid 1px black;
    padding: 10px;
    margin: 0px;
}

.produktlijst {
    padding: 0 10px 0 10px;
}

.mandatory .name {
    background-repeat: no-repeat;
    background-position: center right;
    background-image: url(/images/mandatory.gif);
}

div.inc_klant div.klantgegevens, div.inc_klant div.adressen, div.inc_klant div.contactpersonen {
    border: #000000 groove;
    margin: 10px;
    padding: 10px;
    overflow: auto;
    max-height: 150px;
}

tr.delete, tr.delete input {
    background-color: #666666;
    color: #CCCCCC;
}

.inc_klant table caption {
    text-align: left;
    font-weight: bold;
}

.inc_klant table thead th {
    font-size: 12px;
    font-weight: bold;
}

.inc_klant table tr {
    vertical-align: top;
}

.inc_klant table tr td {
    vertical-align: top;
    padding: 2px 2px;
}

.inc_klant table tr.alternate0 {
    background-color: #DDDDDD;
}

.inc_klant table tr.alternate1 {
    background-color: #FFDDDD;
}

.inc_klant table tr.alternate2 {
    background-color: #DDFFDD;
}

.inc_klant table tr.alternate3 {
    background-color: #DDDDFF;
}

div.inc_klant fieldset table select {
    width: 204px;
}

input.phone {
    width: 100px;
}

div.mandatory {
    background-image: url(/images/mandatory.gif);
    background-repeat: no-repeat;
    background-position: center left;
    text-indent: 0px;
    padding-left: 16px;
}

.mandatory .value 
,.optional .value { 
    background-image:none;
    background-repeat: no-repeat;
    background-position: center left;
    white-space: nowrap;
}
div.optional {
    background-repeat: no-repeat;
    background-position: center left;
    /*	background-image: url(/images/mandatory.gif);*/
    text-indent: 0px;
    padding-left: 16px;
    white-space: nowrap;
}

div.phonework, div.phonehome, div.phonegsm, div.phonefax {
    background-repeat: no-repeat;
    background-position: center left;
    text-indent: 0;
    padding-left: 26px;
}

div.phonework {
    background-image: url(/images/phonework.png);
}

div.phonehome {
    background-image: url(/images/phonehome.png);
}

div.phonegsm {
    background-image: url(/images/phonegsm.png);
}

div.phonefax {
    background-image: url(/images/phonefax.png);
}

input.huisnummer, input.postcode {
    width: 60px;
}

div.middle {
    min-height: 1px;
    padding-top: 5%;
    height: 100%;
}

div.center {
    min-width: 1px;
    text-align: center;
    width: 100%;
}

.inc_klant fieldset {
    margin: 2px;
}

div.MySQLError {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: #FFCC66;
    color: #990000;
    /*	opacity: .25;
     filter: alpha(opacity=25);
     -moz-opacity:0.25;	*/
}

div.MySQLError div.center {
    margin: auto;
    margin-top: 30px;
    z-index: 10;
    background: #FFCC66;
    color: #990000;
    width: 600px;
    height: 200px;
}

div.MySQLError div.center, div.MySQLError div.center div {
    position: relative;
    opacity: 1;
    filter: alpha( opacity = 100);

-moz-opacity:
    1;
}

div.MySQLError .header {
    background: #FF0000;
    color: #FFFF00;
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
}

div.MySQLError .message {
    background: #FF0000;
    color: #0000CC;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
}

div.MySQLError .statement {
    background: #33FFFF;
    color: #0000CC;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    padding-left: 30px;
}

div.MySQLError .location {
    background: #99FF00;
    color: #0000CC;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    padding-left: 30px;
}

div.MySQLError .location div {
    margin: 10px;
    background: #CCFF80;
    padding: 5px;
}

div.MySQLError div p {
    padding: 0px;
    margin: 5px;
    text-indent: -30px;
}

.ajax0
,.ajax1
,.ajax2
,.ajax3
,.ajax4
 {
	background-image: url(images/ajaxbusy.gif);
	background-position: center right;
	background-repeat:no-repeat;
}
.ajaxOK { 
	background-image: url(images/ajaxbusy.gif);
	background-position: center right;
	background-repeat:no-repeat;
}
.ajax404 { 
	background-image: url(images/ajaxbusy.gif);
	background-position: center right;
	background-repeat:no-repeat;
}