﻿/* VASTE WAARDEN */
html,body           { height: 100%; }
html,body           { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #FFFFFF; scrollbar-base-color: #F5F2EA; }
form                { display: inline; }
img                 { border: 0; }
p                   { white-space: normal; margin: 0; padding: 0; }

/* DIV STYLE */
div#boven           { position: absolute; margin:   0px 0px 0px   0px; width: 980px; height: 100px; }
div#middenlinks     { position: absolute; margin: 100px 0px 0px   0px; width: 240px; height: 530px; }
div#middenrechts    { position: absolute; margin: 100px 0px 0px 240px; width: 740px; height: 530px; }
div#onder           { position: absolute; margin: 490px 0px 0px   0px; width: 740px; height:  40px; }
div#adressen        { position: absolute; margin:   0px 0px 0px   0px; width: 240px; height:  70px; }

div#menuboven       { position: absolute; margin: 7px 0px 0px 480px; width: 490px; height: 30px; line-height: 30px; text-align: left; background: url('../data/images/background/bg-menuboven.jpg') no-repeat; }
div#menuonder       { position: absolute; margin: 5px 0px 0px 240px; width: 490px; height: 30px; line-height: 30px; text-align: left; background: url('../data/images/background/bg-menuonder.jpg') no-repeat; }

div#homeknop        { position: absolute; margin-top:  0px; margin-left:   0px; width: 245px; height: 100px; }
div#broodkruimel    { position: absolute; margin-top: 45px; margin-left: 540px; width: 420px; height:  11px; line-height: 11px; text-align: right; }
div#stylekeuze      { position: absolute; margin-top: 80px; margin-left: 840px; width: 120px; height:  15px; line-height: 15px; text-align: right; }


/* STARTPAGINA */
#startlinks         { position: absolute; margin:   0px 0px 0px   0px; width: 240px; height: 580px; }
#startmidden        { position: absolute; margin:   0px 0px 0px   0px; width: 480px; height: 540px; }
#startrechts        { position: absolute; margin:   0px 0px 0px 490px; width: 250px; height: 540px; }
#startfoto          { position: absolute; margin:   0px 0px 0px   0px; width: 470px; height: 270px; padding: 0px 0px 5px 10px; }
#startblok          { position: absolute; margin: 275px 0px 0px   0px; width: 480px; height: 203px; background: url('../data/images/background/bg-startblok.jpg') no-repeat; }


/* PAGINASTYLE */
#pageinfomidden     { position: absolute; margin-top: 0px; margin-left:   0px; width: 490px; height: 530px; }
#pageblokrechts     { position: absolute; margin-top: 0px; margin-left: 490px; width: 250px; height: 490px; }

#pageblokmidden     { position: absolute; margin-top: 0px; margin-left:   0px; width: 250px; height: 530px; }
#pageinforechts     { position: absolute; margin-top: 0px; margin-left: 250px; width: 490px; height: 530px; }

#pagerandomfoto     { position: absolute; margin-top:   4px; margin-left: 10px; width: 235px; height: 220px; }
#pagesubmenu        { position: absolute; margin-top: 230px; margin-left: 10px; width: 235px; height: 240px; overflow: hidden; }

#pagecontactitems   { position: absolute; margin-top:  0px; margin-left:   0px; width: 160px; height: 345px; }
#pagecontactinfo    { position: absolute; margin-top:  0px; margin-left: 170px; width: 290px; height: 320px; }

#pageinfosmall      { position: absolute; margin-top:  0px; margin-left: 260px; width: 240px; height: 490px; background: url('../data/images/background/bg-infosmall.jpg') no-repeat; }
#pagecontactsmall   { position: absolute; margin-top:  0px; margin-left:   0px; width: 240px; height: 490px; background: url('../data/images/background/bg-contactsmall.jpg') no-repeat; }



/* BLOKSTYLE */
#blok1              { position: absolute; margin-top:  90px; margin-left: 0px; width: 240px; height: 160px; }
#blok2              { position: absolute; margin-top: 255px; margin-left: 0px; width: 240px; height: 160px; }
#blokvast           { position: absolute; margin-top: 255px; margin-left: 0px; width: 240px; height: 160px; background: url('../data/images/background/bg-blokvast.jpg') no-repeat; }
#blokinloX          { position: absolute; margin-top: 420px; margin-left: 0px; width: 240px; height: 115px; background: url('../data/images/background/bg-inlog.jpg') no-repeat; }

div#startblok3      { position: absolute; margin:   0px 0px 0px 2px; width: 240px; height: 160px; }
div#startblokinlog  { position: absolute; margin: 160px 0px 0px 0px; width: 240px; height: 115px; background: url('../data/images/background/bg-inlog.jpg') no-repeat; }
div#startblok4      { position: absolute; margin: 275px 0px 0px 0px; width: 245px; height: 160px; }
div#startblok5      { position: absolute; margin: 435px 0px 0px 0px; width: 245px; height: 160px; }

div#blok3           { position: absolute; margin-top:   0px; margin-left: 0px; width: 245px; height: 160px; }
div#blok4           { position: absolute; margin-top: 160px; margin-left: 0px; width: 245px; height: 160px; }
div#blok5           { position: absolute; margin-top: 320px; margin-left: 0px; width: 245px; height: 160px; }


/* INFOSTYLE */
#content            { float: left; display: block; margin-top:  0px; width: 590px; height: 375px; }
#onderwerp          { float: left; display: block; margin-top:  0px; width: 590px; height: 51px; line-height: 51px; font-style: italic; }
#info               { float: left; display: block; margin-top: 20px; width: 590px; height: 325px; overflow: auto; }


/* COPYRIGHT STYLE */
#copyright          { position: absolute; margin-top: 15px; width: 70px; text-align: right; }


div.stylekeuze      { font-family: Arial; color: #000000; line-height: 14px; font-weight: bold; }



a.small:link        { font-size: 11px; color: #000000; padding: 1px 3px 1px 3px; }
a.small:active      { font-size: 11px; color: #000000; padding: 1px 3px 1px 3px; }
a.small:visited     { font-size: 11px; color: #000000; padding: 1px 3px 1px 3px; }
a.small:hover       { font-size: 11px; color: #000000; padding: 1px 3px 1px 3px; }

a.normal:link       { font-size: 14px; color: #000000; padding: 1px 3px 1px 3px; }
a.normal:active     { font-size: 14px; color: #000000; padding: 1px 3px 1px 3px; }
a.normal:visited    { font-size: 14px; color: #000000; padding: 1px 3px 1px 3px; }
a.normal:hover      { font-size: 14px; color: #000000; padding: 1px 3px 1px 3px; }

a.big:link          { font-size: 15px; color: #000000; padding: 1px 3px 1px 3px; }
a.big:active        { font-size: 15px; color: #000000; padding: 1px 3px 1px 3px; }
a.big:visited       { font-size: 15px; color: #000000; padding: 1px 3px 1px 3px; }
a.big:hover         { font-size: 15px; color: #000000; padding: 1px 3px 1px 3px; }

a.small_a:link      { font-size: 11px; padding: 1px 3px 1px 3px; background-color: #6088BC; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; color: #FFFFFF; }
a.small_a:active    { font-size: 11px; padding: 1px 3px 1px 3px; background-color: #6088BC; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; color: #FFFFFF; }
a.small_a:visited   { font-size: 11px; padding: 1px 3px 1px 3px; background-color: #6088BC; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; color: #FFFFFF; }
a.small_a:hover     { font-size: 11px; padding: 1px 3px 1px 3px; background-color: #6088BC; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; color: #FFFFFF; }

a.normal_a:link     { font-size: 14px; padding: 1px 3px 1px 3px; background-color: #6088BC; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; color: #FFFFFF; }
a.normal_a:active   { font-size: 14px; padding: 1px 3px 1px 3px; background-color: #6088BC; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; color: #FFFFFF; }
a.normal_a:visited  { font-size: 14px; padding: 1px 3px 1px 3px; background-color: #6088BC; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; color: #FFFFFF; }
a.normal_a:hover    { font-size: 14px; padding: 1px 3px 1px 3px; background-color: #6088BC; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; color: #FFFFFF; }

a.big_a:link        { font-size: 15px; padding: 1px 3px 1px 3px; background-color: #6088BC; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; color: #FFFFFF; }
a.big_a:active      { font-size: 15px; padding: 1px 3px 1px 3px; background-color: #6088BC; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; color: #FFFFFF; }
a.big_a:visited     { font-size: 15px; padding: 1px 3px 1px 3px; background-color: #6088BC; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; color: #FFFFFF; }
a.big_a:hover       { font-size: 15px; padding: 1px 3px 1px 3px; background-color: #6088BC; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; color: #FFFFFF; }



/**/
