﻿/* VASTE WAARDEN */
html,body         { height: 100%; }
html,body         { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: rgb(255,255,255); scrollbar-base-color: rgb(245,242,234); }
form              { display: inline; }
img               { border: 0; }
p                 { white-space: normal; margin: 0; padding: 0; }
pre               { margin: 0; padding: 0; }
tbody             { font-family: Trebuchet MS; font-size: 12px; color: rgb(255,255,255); line-height: 20px; }
input.veld        { font-family: Tahoma; font-size: 11px; color: rgb(0,0,0); border: 1px solid rgb(81,81,81); line-height: 18px; margin: 1px 0 1px 0; }
td.aanvraag       { font-family: Trebuchet MS; font-size: 12px; color: rgb(0,0,0); line-height: 18px; margin: 1px 0 1px 0; }


/* DIV PAGE STYLE */
div#pageboven           { position: absolute; margin-top:  95px; margin-left: 620px; width: 305px; height:  15px; text-align: left; line-height: 15px; }
div#pagemidden          { position: absolute; margin-top: 362px; margin-left:   0px; width: 980px; height:  20px; }
div#pageinfo            { position: absolute; margin-top: 425px; margin-left:   0px; width: 980px; height: 175px; }

div#pageaanbieding      { position: absolute; margin-top:   0px; margin-left:  35px; width: 225px; height: 150px; }
div#pagesubmenu         { position: absolute; margin-top:   0px; margin-left: 280px; width: 235px; height: 145px; overflow: auto; }
div#pagecontent         { position: absolute; margin-top:   0px; margin-left: 515px; width: 410px; height: 145px; overflow: auto; }

div#pagevovo            { position: absolute; margin-top: 150px; margin-left: 280px; width: 630px; height:  20px; text-align: right; line-height: 17px; }


/* DIV CATALOGUS STYLE */
div#catalogusboven      { position: absolute; margin-top:  80px; margin-left: 498px; width: 405px; height:  15px; text-align: left; line-height: 15px; }
div#catalogusmidden     { position: absolute; margin-top: 118px; margin-left:   0px; width: 980px; height:  20px; }
div#catalogusinfo       { position: absolute; margin-top: 170px; margin-left:   0px; width: 980px; height: 420px; }
div#catalogusmenu       { position: absolute; margin-top:   0px; margin-left:  35px; width: 225px; height: 250px; }
div#catalogusaanbieding { position: absolute; margin-top: 255px; margin-left:  35px; width: 225px; height: 150px; }

div#catalogusproductsub { position: absolute; margin-top:   0px; margin-left:  35px; width: 225px; height: 245px; }
div#productsubmenu      { position: absolute; margin-top:   5px; margin-left:   0px; width: 225px; height: 225px; }

div#catalogusbrood      { position: absolute; margin-top:   0px; margin-left: 280px; width: 665px; height:  20px; }
div#cataloguscontent    { position: absolute; margin-top:  20px; margin-left: 280px; width: 665px; height: 370px; overflow: auto; }
div#catalogusvovo       { position: absolute; margin-top: 390px; margin-left: 280px; width: 655px; height:  20px; text-align: right; line-height: 17px; }

div#bestelkorting       { position: absolute; margin-top:  80px; margin-left: 40px; width: 400px; height:  15px; text-align: left; line-height: 15px; }
div.bestelkorting       { font-family: Trebuchet MS; font-size: 14px; color: rgb(196,21,28); font-weight: bold; letter-spacing: 1px; }


div.catalogusbrood      { font-family: Trebuchet MS; font-size: 14px; color: rgb(2,42,97); font-weight: bold; text-transform: uppercase; }
div.cataloguscontent    { font-family: Trebuchet MS; font-size: 12px; color: rgb(255,255,255); font-weight: normal; line-height: 20px; }

p#productgroepfoto      { margin-top: 0px; width: 145px; height: 90px; background: (255,255,255); }
p#productgroep          { margin-top: 0px; width: 145px; height: 15px; font-family: Trebuchet MS; font-size: 12px; color: rgb(2,42,97); font-weight: bold; text-align: center; }

p#productfoto           { margin-top: 0px; width: 145px; height: 90px; background: (255,255,255); }
p#productnaam           { margin-top: 0px; width: 145px; height: 15px; font-family: Trebuchet MS; font-size: 12px; color: rgb(2,42,97); font-weight: bold; text-align: center; }
p#productinfo           { margin-top: 0px; width: 145px; height: 15px; font-family: Trebuchet MS; font-size: 11px; color: rgb(255,255,255); font-weight: bold; line-height: 15px; background: rgb(149,142,140); text-align: center; cursor: pointer; }


p.productsubonderwerp   { font-family: Trebuchet MS; font-size: 14px; color: rgb(2,42,97); font-weight: bold; text-transform: uppercase; }



/* PRODUCTINFO STYLE */
div#productinfo         { position: absolute; margin-top:   0px; width: 655px; height: 400px; background: (255,255,255); }
div#productbestel       { position: absolute; margin-top: 410px; width: 655px; height:  25px; background: (255,255,255); }
div#sluitvenster        { position: absolute; margin-top: 450px; width: 655px; height:  25px; background: (255,255,255); }

div#productinfolinks    { position: absolute; margin-top:  10px; margin-left:   0px; width: 350px; height: 400px; }
div#productinforechts   { position: absolute; margin-top:  10px; margin-left: 355px; width: 300px; height: 400px; }

div#productplaatsen     { position: absolute; margin-top: 260px; margin-left: 0px; width: 300px; height: 150px; background: rgb(247,247,247) url(../data/images/background/bg-productplaatsen.jpg) no-repeat; }

div.productbestel       { font-family: Trebuchet MS; font-size: 12px; color: rgb(0,0,0); font-weight: normal; line-height: 20px; }
div.productplaatsen     { font-family: Trebuchet MS; font-size: 13px; color: rgb(0,43,103); line-height: 20px; }


p#productinfonaam       { margin-top:  0px; margin-left: 0px; width: 300px; }
p#productinfoinfo       { margin-top: 10px; margin-left: 0px; width: 300px; }
p#productinfoprijs      { margin-top: 10px; margin-left: 0px; width: 300px; }
p#productinfoexcl       { margin-top: 10px; margin-left: 0px; width: 300px; }
p#productinforal        { margin-top: 10px; margin-left: 0px; width: 300px; }

p.productinfonaam       { font-family: Trebuchet MS; font-size: 16px; color: rgb(0,43,103); font-weight: bold; line-height: 20px; }
p.productinfoinfo       { font-family: Trebuchet MS; font-size: 12px; color: rgb(0,0,0); font-weight: normal; line-height: 20px; }
p.productinfoprijs      { font-family: Trebuchet MS; font-size: 14px; color: rgb(0,43,103); font-weight: bold; line-height: 20px; }
p.productinfoexcl       { font-family: Trebuchet MS; font-size: 12px; color: rgb(0,0,0); font-weight: normal; line-height: 20px; }
p.productinforal        { font-family: Trebuchet MS; font-size: 12px; color: rgb(0,43,103); font-weight: normal; line-height: 20px; cursor: pointer; }


/* DIV ZOEKEN STYLE */
div#cataloguszoeken     { position: absolute; margin-top: 390px; margin-left: 280px; width: 655px; height:  20px; text-align: right; line-height: 16px; }
div.cataloguszoeken     { font-family: Trebuchet MS; font-size: 12px; color: rgb(149,142,140); font-weight: bold; }

input.zoeken            { font-family: Trebuchet MS; font-size: 10px; color: rgb(149,142,140); font-weight: bold; background: transparent; border: 1px solid rgb(149,142,140); width: 140px; line-height: 17px; }
input.zoekbutton        { font-family: Trebuchet MS; font-size: 10px; color: rgb(231,220,213); font-weight: bold; background: rgb(149,142,140); line-height: 17px; height: 17px; cursor: pointer; text-decoration: none; margin: 0; border: 0px solid #FFFFFF; }



/* DIV STYLE */
div#fotoselect        { position: absolute; margin-top:   0px; margin-left:   0px; width: 230px; height: 129px; }

div#aanbiedingen      { position: absolute; margin-top:   3px; margin-left:   0px; width: 230px; height: 106px; }
div#webshoplink       { position: absolute; margin-top: 113px; margin-left:   0px; width: 230px; height:  15px; cursor: pointer; }

div#adres             { position: absolute; margin-top: 601px; margin-left: 130px; width: 815px; height:  18px; text-align: right; line-height: 17px; background: rgb(1,43,98); }
div#copyright         { position: absolute; margin-top: 601px; margin-left:  35px; width:  95px; height:  18px; text-align: left; line-height: 17px; background: rgb(1,43,98); }

div#content           { position: absolute; margin-top:  25px; margin-left: 113px; width: 755px; height: 280px; }
div#contentonderwerp  { position: absolute; margin-top:   0px; margin-left: 270px; width: 485px; height:  35px; line-height: 30px; }
div#contentinfo       { position: absolute; margin-top:  50px; margin-left: 270px; width: 485px; height: 230px; overflow: auto; }

pre.pageadres         { font-family: Tahoma; font-size: 11px; color: rgb(255,255,255); font-weight: bold; }
div.copyright         { font-family: Tahoma; font-size: 10px; color: rgb(96,117,145); font-weight: normal; cursor: pointer; }

div.contentonderwerp  { font-family: Trebuchet MS; font-size: 14px; color: rgb(255,255,255); font-weight: bold; letter-spacing: 2px; }
div.pagecontent       { font-family: Trebuchet MS; font-size: 12px; color: rgb(255,255,255); font-weight: normal; line-height: 20px; }



/* P STYLE */
p.nieuwsoverzichtkop  { margin-bottom: 5px; font-family: Tahoma; font-size: 14px; color: rgb(255,255,255); font-weight: normal; letter-spacing: 1px; }
p.nieuwsoverzicht     { margin-bottom: 5px; font-family: Tahoma; font-size: 13px; color: rgb(255,255,255); font-weight: normal; cursor: pointer; }
p.nieuwsoverzichtover { margin-bottom: 5px; font-family: Tahoma; font-size: 13px; color: rgb(0,43,103); font-weight: normal; cursor: pointer; }

p.nieuwskop           { margin-bottom:  0px; font-family: Rockwell; font-size: 14px; color: rgb(255,255,255); font-weight: bold; letter-spacing: 1px; }
p.nieuwsbericht       { margin-bottom: 10px; font-family: Rockwell; font-size: 12px; color: rgb(255,255,255); }
span.nieuwsleesmeer   { margin-bottom:  0px; font-family: Rockwell; font-size: 12px; color: rgb(0,43,103); cursor: pointer; }

p.link                { margin-bottom:  2px; font-family: Trebuchet MS; font-size: 14px; color: rgb(255,255,255); font-weight: bold; letter-spacing: 2px; cursor: pointer; }
p.linkover            { margin-bottom:  2px; font-family: Trebuchet MS; font-size: 14px; color: rgb(0,43,103); font-weight: bold; letter-spacing: 2px; cursor: pointer; }
p.linktekst           { margin-bottom: 10px; font-family: Trebuchet MS; font-size: 12px; color: rgb(255,255,255); }

p.sluitvenster        { font-family: Trebuchet MS; font-size: 14px; color: rgb(0,0,0); font-weight: normal; cursor: pointer; width: 100px; text-align: right; text-transform: uppercase; }


/* BUTTON STYLE */
.contactbutton        { font-family: Trebuchet MS; font-size: 12px; color: rgb(0,0,0); font-weight: bold; background-color: transparent; cursor: pointer; text-decoration: none; margin: 1px 2px 1px 2px; border: 0px solid #FFFFFF; }
.contactover          { font-family: Trebuchet MS; font-size: 12px; color: rgb(0,0,0); font-weight: bold; background-color: transparent; cursor: pointer; text-decoration: none; margin: 1px 2px 1px 2px; border: 0px solid #FFFFFF; }      


/* BOVENMENU PAGE STYLE */
div#bovenmenu         { float: left; width: auto; height: 20px; margin-right: 8px; }
div#bovenlijn         { float: left; border-left: 1px solid rgb(255,255,255); width: 1px; line-height: 9px; margin-top: 4px; margin-right: 8px; }

div.bovenmenu         { font-family: Trebuchet MS; font-size: 10px; color: rgb(255,255,255); font-weight: bold; cursor: pointer; text-decoration: none; text-transform: uppercase; }
div.bovenmenuover     { font-family: Trebuchet MS; font-size: 10px; color: rgb(255,255,255); font-weight: bold; cursor: pointer; text-decoration: none; text-transform: uppercase; }


/* BOVENMENU CATALOGUS STYLE */
div#catbovenmenu      { float: left; width: auto; height: 20px; margin-right: 8px; }
div#catbovenlijn      { float: left; border-left: 1px solid rgb(129,130,135); width: 1px; line-height: 9px; margin-top: 4px; margin-right: 8px; }

div.catbovenmenu      { font-family: Trebuchet MS; font-size: 10px; color: rgb(129,130,135); font-weight: bold; cursor: pointer; text-decoration: none; text-transform: uppercase; }
div.catbovenmenuover  { font-family: Trebuchet MS; font-size: 10px; color: rgb(129,130,135); font-weight: bold; cursor: pointer; text-decoration: none; text-transform: uppercase; }


/* BESTELONLINE STYLE */
div#bestelonline      { position: absolute; margin-top:   0px; margin-left:  35px; width: 205px; height:  20px; line-height: 20px; }

div.bestelonline      { font-family: Trebuchet MS; font-size: 18px; color: rgb(107,107,107); font-weight: bold; cursor: pointer; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; }
div.bestelonlineover  { font-family: Trebuchet MS; font-size: 18px; color: rgb(0,43,103); font-weight: bold; cursor: pointer; letter-spacing: 1px; text-decoration: underline; text-transform: uppercase; }


/* MIDDENMENU STYLE */
div#middenmenu        { position: absolute; margin-top:   0px; margin-left: 280px; width: 655px; height:  20px; line-height: 20px; }
div#menulijn          { float: left; border-left: 2px solid rgb(107,107,107); width: 2px; line-height: 16px; margin-top: 2px; margin-right: 14px; }

div#menu              { float: left; width: auto; height: 20px; margin-right: 14px; }
div.menu              { font-family: Trebuchet MS; font-size: 15px; color: rgb(107,107,107); font-weight: bold; cursor: pointer; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; }
div.menuover          { font-family: Trebuchet MS; font-size: 15px; color: rgb(0,43,103); font-weight: bold; cursor: pointer; letter-spacing: 1px; text-decoration: underline; text-transform: uppercase; }


/* MENUSUB STYLE */
p#menusub             { padding-left: 0px; height: 12px; margin-bottom: 4px; width: auto; text-transform: uppercase; }
p.menusub             { font-family: Trebuchet MS; font-size: 12px; color: rgb(174,174,174); font-weight: bold; cursor: pointer; line-height: 12px; text-decoration: none; }
p.menusubover         { font-family: Trebuchet MS; font-size: 12px; color: rgb(255,255,255); font-weight: bold; cursor: pointer; line-height: 12px; text-decoration: none; }
p.menusubselect       { font-family: Trebuchet MS; font-size: 12px; color: rgb(255,255,255); font-weight: bold; cursor: default; line-height: 12px; text-decoration: none; }


/* PRODUCTSUBMENU CATALOGUS STYLE */
p#productsub          { padding-left: 0px; height: 12px; margin-bottom: 6px; text-transform: uppercase; }
p.productsub          { font-family: Trebuchet MS; font-size: 12px; color: rgb(108,108,108); font-weight: bold; cursor: pointer; line-height: 12px; text-decoration: none; }
p.productsubover      { font-family: Trebuchet MS; font-size: 12px; color: rgb(255,255,255); font-weight: bold; cursor: pointer; line-height: 12px; text-decoration: none; }
p.productsubselect    { font-family: Trebuchet MS; font-size: 12px; color: rgb(255,255,255); font-weight: bold; cursor: default; line-height: 12px; text-decoration: none; }


/* PRODUCTPAGE */
span.pagenummer        { font-family: Trebuchet MS; font-size: 12px; color: rgb(104,104,104); font-weight: bold; line-height: 16px; border: 1px solid rgb(104,104,104); cursor: pointer; background: rgb(255,255,255); height: 18px; padding: 2px 4px 2px 4px; margin-right: 4px; }
span.pagenummerover    { font-family: Trebuchet MS; font-size: 12px; color: rgb(255,255,255); font-weight: bold; line-height: 16px; border: 1px solid rgb(104,104,104); cursor: pointer; background: rgb(104,104,104); height: 18px; padding: 2px 4px 2px 4px; margin-right: 4px; }


/* HREF STYLE */
/*
a:link                  { font-family: Tahoma; font-size: 12px; color: #8cb119; letter-spacing: 2px; text-decoration: none; cursor: pointer; }
a:hover                 { color: #8cb119; text-decoration: none; }
a:active                { color: #8cb119; text-decoration: none; }
a:visited               { color: #8cb119; text-decoration: none; }
*/


a.bovenmenu:link        { font-family: Trebuchet MS; font-size: 10px; color: rgb(255,255,255); font-weight: bold; cursor: pointer; text-decoration: none; text-transform: uppercase; }
a.bovenmenu:active      { color: rgb(255,255,255); }
a.bovenmenu:visited     { color: rgb(255,255,255); }
a.bovenmenu:hover       { color: rgb(255,255,255); }

a.catbovenmenu:link     { font-family: Trebuchet MS; font-size: 10px; color: rgb(129,130,135); font-weight: bold; cursor: pointer; text-decoration: none; text-transform: uppercase; text-decoration: none; }
a.catbovenmenu:active   { color: rgb(129,130,135); text-decoration: none; }
a.catbovenmenu:visited  { color: rgb(129,130,135); text-decoration: none; }
a.catbovenmenu:hover    { color: rgb(129,130,135); text-decoration: none; }

a.emailinfo:link        { font-family: Tahoma; font-size: 13px; color: #F78F1F; text-decoration: none; cursor: pointer; letter-spacing: 1px; }
a.emailinfo:active      { font-family: Tahoma; font-size: 13px; color: #F78F1F; text-decoration: none; cursor: pointer; letter-spacing: 1px; }
a.emailinfo:visited     { font-family: Tahoma; font-size: 13px; color: #F78F1F; text-decoration: none; cursor: pointer; letter-spacing: 1px; }
a.emailinfo:hover       { font-family: Tahoma; font-size: 13px; color: #F78F1F; text-decoration: none; cursor: pointer; letter-spacing: 1px; }

a.emailcontact:link     { font: 9px Verdana; color: #000000; text-decoration: none; cursor: pointer; }
a.emailcontact:active   { font: 9px Verdana; color: #000000; text-decoration: none; cursor: pointer; }
a.emailcontact:visited  { font: 9px Verdana; color: #000000; text-decoration: none; cursor: pointer; }
a.emailcontact:hover    { font: 9px Verdana; color: #000000; text-decoration: none; cursor: pointer; }



/* DHTML TOOLTIP */
#dhtmltooltip  { font-family: Verdana; font-size: 11px; color: rgb(0,0,0); text-align: left; position: absolute; left: -300px; width: 200px; border: 1px solid rgb(0,0,0); padding: 5px; background-color: lightyellow; visibility: hidden; z-index: 100;
               /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
               filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
               }
#dhtmlpointer  { position:absolute; left: -300px; z-index: 101; visibility: hidden; }



/**/