/* Stylesheet website Bureau de Rond */
/* Kleuren */
/* Rood:        #D61821; (RGB 214-24-33) */
/* Groen:       #086B08; (RGB 8-107-8) */
/* Lichtgroen:  #BFFBBF; (RGB 191-251-191) */
/* Oranje (bal) #FEE3AB; (RGB 254-227-171) */
/* Wit:         #FFFFFF; of white; */
/* Zwart:       #000000; of black; */

BODY
{ background-color: #D61821; font-size: 9pt; font-family: arial; color: #FFFFFF; }

TABLE
{ background-color: #FFFFFF; font-family: arial; font-size: 9pt }

TR
{ background-color: #FFFFFF; font-size: 9pt; font-family: arial; color: black }

TD
{ background-color: #FFFFFF; font-size: 9pt; font-family: arial; color: #086B08; }

INPUT:TEXT
{ width: 300px; }

INPUT

SELECT.operator { width = 75 px; font-size: 9pt; }

SELECT
{ background-color: white; font-size: 9pt; font-family: arial; color: black }

A { font-size: 10pt; color: #086B08; text-decoration: underline; }
A:link { color: #086B08; text-decoration: underline; }
A:visited { color: #086B08; text-decoration: underline; }
A:hover { color: #D61821; text-decoration: underline; }

A.helplink { font-size: 9pt; color: #086B08; text-decoration: underline; }
a:link.helplink { color: #086B08; text-decoration: underline; }
a:visited.helplink { color: #086B08; text-decoration: underline; }
a:hover.helplink { color: #086B08; text-decoration: underline; }

A.headerlink { font-size: 9pt; color: #197899; text-decoration: none; }
a:link.headerlink { color: #197899; text-decoration: none; }
a:visited.headerlink { color: #197899; text-decoration: none; }
a:hover.headerlink { color: #197899; text-decoration: underline; }

A.listlink { color: #B3CA02; text-decoration: none; }
a:link.listlink { color: white; text-decoration: none; }
a:visited.listlink { color: white; text-decoration: none; }
a:hover.listlink { color: black; text-decoration: none; }

A.listlinkhi { color: #086B08; text-decoration: none; }
A.listlinkhi:link { color: #086B08; text-decoration: none; }
A.listlinkhi:visited { color: white; text-decoration: none; }
A.listlinkhi:hover { color: white; text-decoration: none; }

/* Boxen */

.box1
{
  position: absolute; 
  top: 10px; 
  left: 10px; 
  width: 845px; 
  height: 130px; 
  background: #FFFFFF; 
  color: #000; 
}

/* Positie divs */
#lb1, #rb1, #lo1, #ro1
{
  position: absolute; 
  width: 20px; 
  height: 20px; 
  background: #D61821; 
  color: #F30; 
  overflow: hidden;
}
#lb1 {top: 0px; left: 0px;}
#rb1 {top: 0px; left: 825px;}
#lo1 {top: 110px; left: 0px;}
#ro1 {top: 110px; left: 825px;}

#content1a
{
  position: absolute; 
  top: 10px; 
  left: 25px; 
  width: 200px; 
  height: 110px; 
  color: #000; 
  font-family: arial;
}

#content1b
{
  position: absolute; 
  top: 20px; 
  left: 650px; 
  width: 200px; 
  height: 110px; 
  color: #000; 
  font-family: arial;
}

#content1c
{
  position: absolute; 
  top: 10px; 
  left: 340px; 
  width: 200px; 
  height: 140px; 
  color: #000; 
  font-family: arial;
}

#content1d
{
  position: absolute; 
  top: 0px; 
  left: 375px; 
  width: 200px; 
  height: 140px; 
  color: #000; 
  font-family: arial;
}

#content1e
{
  position: absolute; 
  top: 1px; 
  left: 330px; 
  width: 200px; 
  height: 140px; 
  color: #000; 
  font-family: arial;
}

#content1f
{
  position: absolute; 
  top: 0px; 
  left: 290px; 
  width: 200px; 
  height: 140px; 
  color: #000; 
  font-family: arial;
}

.box2l
{
  position: absolute; 
  top: 150px; 
  left: 10px; 
  width: 240px; 
  height: 415px; 
  background: #FFFFFF; 
  color: #086B08;
}

#content2l
{
  position: absolute; 
  top: 20px; 
  left: 20px; 
  width: 390px; 
  height: 400px; 
  color: #086B08; 
  font-family: arial;
  font-size: 9pt;
}

/* Positie divs */
#lb2, #rb2, #lo2, #ro2
{
  position: absolute; 
  width: 20px; 
  height: 20px; 
  background: #D61821; 
  color: #F30; 
  overflow: hidden;
}
#lb2 {top: 0px; left: 0px;}
#rb2 {top: 0px; left: 220px;}
#lo2 {top: 395px; left: 0px;}
#ro2 {top: 395px; left: 220px;}


.box2r 
{
  position: absolute; 
  top: 150px; 
  left: 265px; 
  width: 590px; 
  height: 415px; 
  background: #FFFFFF; 
  color: #086B08;
}

#picture_pag1
{
  position: absolute; 
  top: 0px; 
  left: 255px; 
  width: 335px; 
  height: 365px; 
  color: #086B08;
  font-family: arial;
  font-size: 9pt;
}

#picture_b
{
  position: absolute; 
  top: 0px; 
  left: 270px; 
  width: 320px; 
  height: 320px; 
  color: #086B08;
  font-family: arial;
  font-size: 9pt;
}


#picture_home
{
  position: absolute; 
  top: 369px; 
  left: 0px; 
  width: 48px; 
  height: 47px; 
  color: #086B08;
  font-family: arial;
  font-size: 9pt;
}

#picture_kop
{
  position: absolute; 
  top: 0px; 
  left: 489px; 
  width: 101px; 
  height: 415px; 
  color: #086B08;
  font-family: arial;
  font-size: 9pt;
}

#picture_info
{
  position: absolute; 
  top: 0px; 
  left: 441px; 
  width: 149px; 
  height: 193px; 
  color: #086B08;
  font-family: arial;
  font-size: 9pt;
}

#picture_commu
{
  position: absolute; 
  top: 0px; 
  left: 324px; 
  width: 266px; 
  height: 177px; 
  color: #086B08;
  font-family: arial;
  font-size: 9pt;
}

#picture_bord
{
  position: absolute; 
  top: 0px; 
  left: 471px; 
  width: 119px; 
  height: 416px; 
  color: #086B08;
  font-family: arial;
  font-size: 9pt;
}

#content2r 
{
  position: absolute; 
  top: 20px; 
  left: 20px; 
  width: 550px; 
  height: 375px; 
  color: #086B08;
  font-family: arial;
  font-size: 9pt;
  overflow: auto;
      scrollbar-face-color : #FFFFFF;
      scrollbar-highlight-color : #FFFFFF;
      scrollbar-track-color: #FFFFFF;
      scrollbar-darkshadow-color : #BFFBBF;
      scrollbar-base-color : #FFFFFF;
      scrollbar-shadow-color : #D61821;
      scrollbar-3d-light-color : #D61821;
      scrollbar-arrow-color : #D61821;
}

#content2ro
{
  position: absolute; 
  top: 325px; 
  left: 75px; 
  width: 900px; 
  height: 375px; 
  color: #086B08;
  font-family: arial;
  font-size: 9pt;
  overflow: auto;
      scrollbar-face-color : #FFFFFF;
      scrollbar-highlight-color : #FFFFFF;
      scrollbar-track-color: #FFFFFF;
      scrollbar-darkshadow-color : #BFFBBF;
      scrollbar-base-color : #FFFFFF;
      scrollbar-shadow-color : #D61821;
      scrollbar-3d-light-color : #D61821;
      scrollbar-arrow-color : #D61821;
}

/* Positie divs */
#lb3, #rb3, #lo3, #ro3
{
  position: absolute; 
  width: 20px; 
  height: 20px; 
  background: #D61821; 
  color: #F30; 
  overflow: hidden;
}
#lb3 {top: 0px; left: 0px;}
#rb3 {top: 0px; left: 570px;}
#lo3 {top: 395px; left: 0px;}
#ro3 {top: 395px; left: 570px;}

.box3a 
{
  position: absolute; 
  top: 180px; 
  left: 450px; 
  width: 140px; 
  height: 55px; 
  background: #D61821;
}

#content3a
{
  position: absolute; 
  top: 10px; 
  left: 40px; 
  width: 120px; 
  height: 35px; 
  color: #FFFFFF; 
  font-family: arial;
  font-size: 10pt;
}

.box3b 
{
  position: absolute; 
  top: 280px; 
  left: 450px; 
  width: 140px; 
  height: 55px; 
  background: #D61821;
}

#content3b
{
  position: absolute; 
  top: 10px; 
  left: 27px; 
  width: 120px; 
  height: 35px; 
  color: #FFFFFF; 
  font-family: arial;
  font-size: 10pt;
}

.box3c 
{
  position: absolute; 
  top: 380px; 
  left: 450px; 
  width: 140px; 
  height: 55px; 
  background: #D61821;
}

#content3c
{
  position: absolute; 
  top: 10px; 
  left: 18px; 
  width: 120px; 
  height: 35px; 
  color: #FFFFFF; 
  font-family: arial;
  font-size: 10pt;
}

.box3d
{
  position: absolute; 
  top: 480px; 
  left: 450px; 
  width: 140px; 
  height: 55px; 
  background: #D61821;
}

#content3d
{
  position: absolute; 
  top: 10px; 
  left: 18px; 
  width: 120px; 
  height: 35px; 
  color: #FFFFFF; 
  font-family: arial;
  font-size: 10pt;
}

/* White bullet divs */

#lbw-bullet, #rbw-bullet, #low-bullet, #row-bullet
{
  position: absolute; 
  font-size: 150px; 
  font-family: arial; 
  color: #FFFFFF; 
  line-height: 40px;
}

#lbw-bullet {left: -8px;}
#rbw-bullet {left:-25px;}
#low-bullet {top: -17px; left: -8px;}
#row-bullet {top: -17px; left: -25px;}

/* Red bullet divs */

#lbr-bullet, #rbr-bullet, #lor-bullet, #ror-bullet
{
  position: absolute; 
  font-size: 150px; 
  font-family: arial; 
  color: #D61821;
  line-height: 40px;
}

#lbr-bullet {left: -8px;}
#rbr-bullet {left:-25px;}
#lor-bullet {top: -17px; left: -8px;}
#ror-bullet {top: -17px; left: -25px;}