/*  */
body {
background: url('images/bkgrtile.gif');
font-size: 8pt;
padding:0;
margin:0;
}

td, div {
color: #ffffff;
font-family: verdana; 
font-size: 8pt;
vertical-align:top;
}

div.boxhead {
color: #EDCD57;
font-family: verdana; 
font-size: 10pt;
font-weight: 600;
border-style: solid;
border-width: 1px;
border-top-width: 3px;
border-color: 2287ca;
padding: 0.5em;
}

table.searchresultsKl td {
border-style: solid;
border-width: 1px;
border-top-width: 3px;
border-color: 2287ca;
padding: 0.5em;
}

table.catalog td{
border-collapse: collapse;
border-style: solid;
border-width: 1px;
border-color: 000000;
}

table.price td {
border-style: solid;
border-width: 1px;
border-top-width: 3px;
border-color: 2287ca;
padding: 0.2em;
text-align: center;
}


td.banner{
border-collapse: collapse;
border-color: #2287ca;
border-style: solid;
border-width: 1px;
background: url('images/headpic1.jpg') no-repeat;
}

form {
padding: 0;
margin: 0;
}

img {
margin: 0em 0.2em 0em 0.2em;
}

img.cartkop{
margin:0;
margin-right: 0em;
border-width:0px;
}

div.kolomkop {
color : #ffffff;
font-weight: 600;
height: 18px;
width: 130px;
background: #555c62;
padding: 0em 0em 0em 0.3em;
vertical-align: middle;

}

div.groepkop {
color : #ffffff;
font-size: 14pt;
font-weight: 600;
margin-bottom:0em;
padding: 0em 0em 0em 0.3em;
}

div.kolominhoud {
color : #555c62;
padding: 0.3em 0.5em 0.3em 0.5em;
}

div.message {
color : #ff2222;
background: #eeffff;
font-weight: 600;
padding: 1em;
margin: 0.5em;
}

div.error {
color : #ff0000;
background: #ffffff
height: 100px;
font-weight: 600;
padding: 1em 1em 1em 1em;
}

td.rightkolom {
background: #0065A8;
padding: 1em 0.5em 0em 0.5em;
border-collapse: collapse;
border-color: #cccccc;
border-style: solid;
border-width: 0px;
}

td.leftkolom {
background: transparent;
padding: 1em 0.5em 0em 0.5em;
}

td.content {
background: #0065A8;
padding: 0.5em;
}


table.searchresults td{
border-color: #555555;
border-style: solid;
border-width: 0px;
padding: 0.5em 0.5em 0em 0.5em;
}

input {
border:1px solid;
}


input.normal {
cursor: hand;
margin: 0.3em 0em 0em 0em;
text-align: left;
border: 1px solid #000000; 
background: #e0860b;
color: #000000;
} 

A:link {color:  #ffffff;  font-weight: 700;text-decoration: none}
A:visited { color:  #ffffff; font-weight: 700; text-decoration: none}
A:active { color: #000000; text-decoration: none}
A:hover {color:#e0860b; text-decoration: underline}

A.imghover:link {color:#111111; }
A.imghover:visited { color:#111111;  }
A.imghover:active { color:#111111; }
A.imghover:hover {color:#111111;  border:1px; background-color: transparent }

A.advslink {
color:  #EDCD57;  font-size: 9px; text-decoration: none}
input {
font-size: 8pt;
padding-left:2px;
}
.invisible {
display:none;
}
.visible {
display:block;a
}
/* reminders */
#todoalert {
 border: 1px solid red;
 font-size: 140%;
 background: #ffeeee;
 color: red;
 padding: 4px 8px;
 margin: 2px 0px 10px 0px;
}
#todoalert a {
 color:Red;
}
img.mid {
 vertical-align:middle;
 border:0;
}
#todo {
 width: 250px;
 height: 100px;
}
#reminders {
width:100%;
border-collapse:collapse;
}
#reminders td.datum {
 width: 150px;
}
#reminders td.done {
 width: 200px;
 text-align:center;
}

table.crmzoeken {
width:100%;
border-collapse:collapse;
}
td.zoeknaam {
width:70px;
vertical-align:middle;
}
td.zoeknaambedrijf {
width:80px;
padding-left:20px;
vertical-align:middle;
}
span.notice {
font-size:70%;
color: #ffee00;
}
table.crmresults, table.offresults {
width:100%;
border-collapse:collapse;
margin-top:3px;
}
.right {
float:right;
}
div.clear {
clear:both;
}
.odd{
background: #1176b9;  /* normaal is 0065a8 */
}
td { 
padding: 2px;
}
tr.resulthead {
background: #2287ca;
color: #ffffff;
font-weight:bold;
}
tr.resulthead td {
padding: 4px 4px 4px 2px;
}
td.bedrijfnaam {
width:300px;
}
td.companydata {
width:200px;
}
td.rel_editbuttons {
width:30px;
}
td.offers {
width:auto;
}
td.offertenummer {
width:150px;
}
td.offerdata {
width:250px;
}
td.offercustomerdata {
width:200px;
}
input.send {
 padding:0;
 cursor:pointer;
 border: 1px solid #fc8100;
 background: #fc8100 url('images/css/buttonbkgr.gif');
 margin-left:2px;
 color: #000000;
 _height:18px;  /* nasty IE hack */
 margin-top:2px;
}
input.button {
cursor: pointer;
margin: 0.3em 0em 0em 0em;
width: 130px;
border: 1px solid #fc8100;
background: #fc8100 url('images/css/buttonbkgr.gif');
color: #000000;
} 
div.relative {
position:relative;
_height:58px;   /* dit MOET voor IE, anders zal de absolute stuff alsnog onderaan de pagina komen oid */
}
div.bottom {
position:absolute;
bottom:0px;
}
div.bluebutton {
 border: 1px solid #265279;
 background: #265279 url('images/css/bluebuttonbkgr.gif');
 color: #ffffff;
 float:left;
 padding:0px 2px;
 margin-right:2px;
 cursor:pointer;
 text-align:center;
}
div.orangebutton {
 border: 1px solid #fc8100;
 background: #265279 url('images/css/buttonbkgr.gif');
 color: #000000;
 float:left;
 padding:0px 2px;
 margin-right:2px;
 cursor:pointer;
 text-align:center;
}
.sizea {
width:60px;
}
.sizeb {
width:120px;
}
div.bluebutton img {
margin-top:2px;
}
div.cpersonen {
 border: 1px solid #265279;
 padding: 8px;
}
div.memo {
 border: 1px solid #265279;
 padding: 8px;
 color: #ffee00;
 margin-bottom: 5px;
}
div.
.zbluebutton {
 padding:0;
 cursor:pointer;
 border: 1px solid #265279;
 background: #265279 url('images/css/bluebuttonbkgr.gif');
 margin-left:2px;
 color: #ffffff;
 _height:18px;  /* nasty IE hack */
 margin-top:2px;
}
div.cperson_holder {
width:196px;
margin:2px;
margin-bottom:8px;
border:1px solid #1165b9;
position:relative;
padding:2px;
padding-right:30px;
float:left;
}
div.cpbuttons {
position:absolute;
right:0px;
}
/* voor pagina navigatie bij zoeken en producten */

div.pagenavigatie {
border: 1px solid #ffffff;
border-width:0px 0px 1px 0px;
padding:4px 0px 0px 8px;
height:24px;
_height:28px;
} 
div.noborder {
border:0;
}
div.totalproductshere {   /* totaal aantal producten hier : xxx */
float:left;
padding:0px 24px 0px 0px;
color: #ffffff;
font-weight:bold;
}
div.pagenumber {   /*pagina 1 van 12 */
float:left;
padding:0px 24px 0px 0px;
color: #ffffff;
font-weight:bold;
}
div.pagenumbers {      /*losse nummers */
float:left;
padding:0px 24px 0px 0px;
color: #ffffff;
font-weight:bold;
}
b.currentpage {
color: #ffee00;
padding: 0px 6px 0px 6px;
}
a.pagelink:link,a.pagelink:active,a.pagelink:visited {
 color: #ffffff;
 font-weight:bold;
 padding:0px 3px 0px 3px
}
a.pagelink:hover {
 font-weight:bold;
 padding:0px 3px 0px 3px
}
input.new {
padding-left:26px;
width:auto;
background: #fab511 url('images/css/addnew.gif') no-repeat;
}
input.edit {
padding-left:26px;
width:auto;
background: #fab511 url('images/css/edit.gif') no-repeat;
}
/*  */