﻿/* 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; }
tbody       { font-family: Trebuchet MS; font-size: 13px; color: rgb(101,107,143); font-weight: normal; line-height: 20px; }
input.veld  { font-family: Verdana; font-size: 11px; color: rgb(0,0,0); border: 1px solid #515151; margin: 1px 0 1px 0; }
td.aanvraag { font-family: Trebuchet MS; font-size: 12px; color: rgb(101,107,143); line-height: 18px; margin: 1px 0 1px 0; }

div.clearleft         { clear: left; }
div.clearboth         { clear: both; }
div.clearnieuws       { clear: both; margin: 0px 0 20px 0; }

div.hrnieuws          { width: auto; margin: 10px 0 10px 0; border-bottom: 1px solid rgb(0,71,152); }


/* IMG STYLE */
img.logo              { position: absolute; margin-top:  75px; margin-left: 720px; width: 237px; height:  54px; }
img.random            { position: absolute; margin-top:  60px; margin-left:  15px; width: 140px; height: 210px; }


/* DIV BOVEN STYLE */
div#boven             { position: absolute; margin-top:   0px; margin-left:   0px; width: 980px; height: 185px; }
div#bovenmenu         { position: absolute; margin-top: 193px; margin-left:  15px; width: 830px; height:  20px; }
div#bovenwebshop      { position: absolute; margin-top: 193px; margin-left: 845px; width: 125px; height:  20px; }
div#columnhome        { position: absolute; margin-top: 215px; margin-left:   0px; width: 980px; height: 385px; }
div#columnlinks       { position: absolute; margin-top: 215px; margin-left:   0px; width: 730px; height: 385px; }
div#columnrechts      { position: absolute; margin-top: 215px; margin-left: 730px; width: 250px; height: 385px; }


/* AANMELDING STYLE */
div#aanmelding        { position: absolute; margin-top: 210px; margin-left:  20px; width: 215px; height: 170px; }
div.aanmelding        { font-family: Trebuchet MS; font-size: 12px; color: rgb(0,71,152); font-weight: normal; }


/* WINKELKAR STYLE */
div#artikeloverzicht  { position: absolute; margin-top:  25px; margin-left:  20px; width: 215px; height: 385px; background: url('../data/images/background/bg-winkelkar.jpg') no-repeat; overflow: auto }

p#winkelkar           { width: 150px; height: 55px; margin-bottom: 10px; }
p.winkelkar           { font-family: Trebuchet MS; font-size: 12px; color: rgb(0,145,91); font-weight: bold; line-height: 20px; text-transform: uppercase; }

p#wwartikel           { width: 215px; margin-bottom: 5px; }
p.wwartikel           { font-family: Tahoma; font-size: 12px; color: rgb(0,71,152); font-weight: bold; }
div.wwartikel         { font-family: Tahoma; font-size: 12px; color: rgb(0,71,152); font-weight: bold; }

p#wwbestellen         { width: 215px; }
p.wwbestellen         { font-family: Tahoma; font-size: 12px; color: rgb(0,145,91); font-weight: bold; text-decoration: none; }


/* RECHTERMENU STYLE */
div#rechtermenu       { position: absolute; margin-top: 25px; margin-left:  20px; width: 215px; height: 160px; overflow: auto; }


/* DIV LAATSTE ITEM STYLE */
div#laatste           { position: absolute; margin-top:  65px; margin-left:  15px; width: 180px; height: 350px; text-align: left; }
div#laatsteblok       { float: left; margin-top:   0px; margin-left:   5px; width: 175px; height:  95px; text-align: left; }
p.laatstekop          { font-family: Trebuchet MS; font-size: 13px; color: rgb(15,11,183); font-weight: bold; line-height: 20px; }
p.laatstetitel        { font-family: Trebuchet MS; font-size: 13px; color: rgb(15,11,183); font-weight: normal; line-height: 20px; text-decoration: underline; cursor: pointer; }


/* COPYRIGHT STYLE */
div#copyright         { position: absolute; margin-top: 415px; margin-left:  15px; width: 180px; height:  20px; text-align: left; cursor: pointer; }
div.copyright         { font-family: Trebuchet MS; font-size: 12px; color: rgb(103,108,144); line-height: 20px; text-decoration: none; }


/* ADRES STYLE */
div#adres             { position: absolute; margin-top: 610px; margin-left:  15px; width: 960px; height: 20px; text-align: left; }
div.adres             { font-family: Trebuchet MS; font-size: 12px; color: rgb(0,71,152); font-weight: bold; letter-spacing: 1px; line-height: 20px; text-transform: uppercase; }


/* CONTENT STYLE */
div#contenthome       { position: absolute; margin-top:   0px; margin-left:   0px; width: 980px; height: 385px; }
div#content           { position: absolute; margin-top:   0px; margin-left:   0px; width: 730px; height: 385px; }


div#onderwerp         { position: absolute; margin-top:  25px; margin-left:  15px; width: 710px; height:  25px; }
div.onderwerp         { font-family: Trebuchet MS; font-size: 14px; color: rgb(0,0,0); font-weight: bold; letter-spacing: 2px; }

div#contenthomeinfo   { position: absolute; margin-top:  60px; margin-left: 170px; width: 800px; height: 315px; overflow-y: scroll; overflow-x: no; }
div#contentinfo       { position: absolute; margin-top:  60px; margin-left: 170px; width: 560px; height: 315px; overflow-y: scroll; overflow-x: no; }
div.contentinfo       { font-family: Trebuchet MS; font-size: 12px; color: rgb(0,0,0); font-weight: normal; line-height: 20px; }


/* CONTENT ONLINEBESTELLEN STYLE */
div#columnafronden      { position: absolute; margin-top: 215px; margin-left:   0px; width: 980px; height: 385px; }
div#contentafronden     { position: absolute; margin-top:   0px; margin-left:   0px; width: 980px; height: 385px; }

div#contentinfoafronden { position: absolute; margin-top:  60px; margin-left: 170px; width: 790px; height: 315px; overflow-y: scroll; overflow-x: no; }
div.contentinfoafronden { font-family: Trebuchet MS; font-size: 12px; color: rgb(0,0,0); font-weight: normal; line-height: 20px; }



/* CONTENT AFRONDEN STYLE */
p#stierennaam         { position: absolute; margin-top:   0px; margin-left:   0px; width: 175px; background: rgb(233,243,253); }
p#stierenprijsdosis   { position: absolute; margin-top:   0px; margin-left: 177px; width: 100px; background: rgb(233,243,253); }
p#stierenprijs        { position: absolute; margin-top:   0px; margin-left: 279px; width: 225px; background: rgb(233,243,253); }
p#stierenprijsdelete  { position: absolute; margin-top:   0px; margin-left: 506px; width:  25px; background: rgb(233,243,253); }

p#stierentotaal       { position: absolute; margin-top:   0px; margin-left:   0px; width: 277px; background: rgb(233,243,253); }
p#stierentotaalprijs  { position: absolute; margin-top:   0px; margin-left: 279px; width: 225px; background: rgb(233,243,253);}

p#stierendosisnaam    { position: absolute; margin-top:   0px; margin-left:   0px; width: 404px; background: rgb(233,243,253); }
p#stierendosis        { position: absolute; margin-top:   0px; margin-left: 406px; width:  60px; background: rgb(233,243,253); }
p#stierendosisdel     { position: absolute; margin-top:   0px; margin-left: 468px; width:  35px; background: rgb(233,243,253); }


/* P STYLE */
p.infoonderwerp       { font-family: Trebuchet MS; font-size: 15px; color: rgb(52,62,170); font-weight: bold; line-height: 20px; margin-bottom: 10px; }
p.rechtstitel         { font-family: Trebuchet MS; font-size: 11px; color: rgb(52,62,170); font-weight: bold; line-height: 18px; }
p.rechtstekst         { font-family: Trebuchet MS; font-size: 10px; color: rgb(103,108,144); font-weight: normal; line-height: 18px; }

p.nieuwskop           { font-family: Trebuchet MS; font-size: 13px; color: rgb(52,62,170); font-weight: bold; line-height: 18px; }
p.nieuwsbericht       { font-family: Trebuchet MS; font-size: 13px; color: rgb(103,108,144); font-weight: normal; line-height: 18px; }


/* BUTTON STYLE */
input.contactbutton   { font-family: Trebuchet MS; font-size: 12px; color: rgb(52,62,170); font-weight: bold; background-color: transparent; cursor: pointer; text-decoration: none; margin: 1px 2px 1px 2px; border: 0px solid rgb(255,255,255); }
input.contactover     { font-family: Trebuchet MS; font-size: 12px; color: rgb(52,62,170); font-weight: bold; background-color: transparent; cursor: pointer; text-decoration: none; margin: 1px 2px 1px 2px; border: 0px solid rgb(255,255,255); }      


/* MENU STYLE */
div#menubestel        { float: right; width: auto; height: 15px; text-transform: uppercase; }
div#menu              { float: left; width: auto; height: 15px; margin-right: 18px; text-transform: uppercase; }
div.menu              { font-family: Tahoma; font-size: 12px; color: rgb(255,255,255); font-weight: bold; text-decoration: none; cursor: pointer; letter-spacing: 2px; }
div.menuover          { font-family: Tahoma; font-size: 12px; color: rgb(255,255,255); font-weight: bold; text-decoration: none; cursor: pointer; letter-spacing: 2px; border-bottom: 2px solid rgb(255,255,255); }


/* SUBMENU STYLE */
p#submenu           { width: 200px; height: 15px; text-transform: uppercase; margin-bottom: 5px; }
p.submenu           { font-family: Tahoma; font-size: 11px; color: rgb(0,71,152); font-weight: bold; text-decoration: none; cursor: pointer; }
p.submenuover       { font-family: Tahoma; font-size: 11px; color: rgb(0,71,152); font-weight: bold; text-decoration: none; cursor: pointer; }


/* STIERENLIJST STYLE */
p#stierenlijstnaam      { position: absolute; margin-top:   0px; margin-left:   0px; width: 175px; background: rgb(233,243,253); }
p#stierenlijstaaacode   { position: absolute; margin-top:   0px; margin-left: 177px; width: 100px; background: rgb(233,243,253); }
p#stierenlijstprijs     { position: absolute; margin-top:   0px; margin-left: 279px; width: 225px; background: rgb(233,243,253); }
p#stierenlijstbestellen { position: absolute; margin-top:   0px; margin-left: 506px; width: 225px; background: rgb(233,243,253); }

p#stierenlijstartikel   { position: absolute; margin-top:   0px; margin-left:   0px; width: 277px; background: rgb(233,243,253); }

/* STIERINFO STYLE */
div#stierennaam       { position: absolute; margin-top:   0px; margin-left:  35px; width: 770px; height:  30px; }
div#stierenfoto       { position: absolute; margin-top:  40px; margin-left:  35px; width: 770px; height: 175px; }
div#stierenfototekst  { position: absolute; margin-top: 215px; margin-left:  35px; width: 770px; height:  25px; }
div#stiereninfo       { position: absolute; margin-top: 250px; margin-left:  35px; width: 770px; height: 230px; overflow-y: scroll; overflow-x: no; }
div#stiereninfolinks  { position: absolute; margin-top:   0px; margin-left:   0px; width: 235px; height: 230px; }
div#stiereninforechts { position: absolute; margin-top:   0px; margin-left: 265px; width: 490px; height: 230px; }
div#stierenbestel     { position: absolute; margin-top: 490px; margin-left:  35px; width: 770px; height:  30px; }

div.stierennaam       { font-family: Trebuchet MS; font-size: 26px; color: rgb(0,71,152); font-weight: bold; letter-spacing: 2px; }

img.stierfoto1        { position: absolute; margin-top:   0px; margin-left:   0px; width: 235px; height: 175px; }
img.stierfoto2        { position: absolute; margin-top:   0px; margin-left: 265px; width: 235px; height: 175px; }
img.stierfoto3        { position: absolute; margin-top:   0px; margin-left: 535px; width: 235px; height: 175px; }

p#stierfototekst1     { position: absolute; margin-top:   0px; margin-left:   0px; width: 235px; height:  25px; }
p#stierfototekst2     { position: absolute; margin-top:   0px; margin-left: 265px; width: 235px; height:  25px; }
p#stierfototekst3     { position: absolute; margin-top:   0px; margin-left: 535px; width: 235px; height:  25px; }

p.stierfototekst      { font-family: Trebuchet MS; font-size: 12px; color: rgb(0,71,152); font-weight: bold; font-style italic; line-height: 25px; }

p.stierwaardentitel   { font-family: Trebuchet MS; font-size: 14px; color: rgb(0,71,152); font-weight: bold; }
p.stierwaarden        { font-family: Trebuchet MS; font-size: 14px; color: rgb(0,71,152); font-weight: normal; margin-bottom: 10px; }

p.stierinfotitel      { font-family: Trebuchet MS; font-size: 14px; color: rgb(0,71,152); font-weight: bold; }
p.stierinfotekst      { font-family: Trebuchet MS; font-size: 14px; color: rgb(0,71,152); font-weight: normal; }


/* SLUITVENSTER STYLE */
div#sluitvenster      { position: absolute; margin-top: 525px; width: 805px; height:  25px; cursor: pointer; }
p.sluitvenster        { font-family: Trebuchet MS; font-size: 16px; color: rgb(0,0,0); font-weight: bold; cursor: pointer; width: 100px; text-align: right; }


/* HREF STYLE */
a                       { font-family: Trebuchet MS; font-size: 12px; color: rgb(0,0,0); text-decoration: none; cursor: pointer; }
a:hover                 { color: rgb(0,0,0); text-decoration: none; }
a:active                { color: rgb(0,0,0); text-decoration: none; }
a:visited               { color: rgb(0,0,0); text-decoration: none; }

a.emailinfo:link        { font-family: Trebuchet MS; font-size: 13px; color: rgb(255,255,255); text-decoration: none; cursor: pointer; letter-spacing: 1px; }
a.emailinfo:active      { font-family: Trebuchet MS; font-size: 13px; color: rgb(255,255,255); text-decoration: none; cursor: pointer; letter-spacing: 1px; }
a.emailinfo:visited     { font-family: Trebuchet MS; font-size: 13px; color: rgb(255,255,255); text-decoration: none; cursor: pointer; letter-spacing: 1px; }
a.emailinfo:hover       { font-family: Trebuchet MS; font-size: 13px; color: rgb(255,255,255); text-decoration: none; cursor: pointer; letter-spacing: 1px; }

a.emailcontact:link     { font: 9px Verdana; color: rgb(255,255,255); text-decoration: none; cursor: pointer; }
a.emailcontact:active   { font: 9px Verdana; color: rgb(255,255,255); text-decoration: none; cursor: pointer; }
a.emailcontact:visited  { font: 9px Verdana; color: rgb(255,255,255); text-decoration: none; cursor: pointer; }
a.emailcontact:hover    { font: 9px Verdana; color: rgb(255,255,255); text-decoration: none; cursor: pointer; }




/**/