<!--
body { margin-top: 7px; background: #99CCFF; margin-left: auto; margin-right: auto; }
td p { margin: 0px; text-align: center; }
p {text-align : center; color : black; font-family : arial, sans-serif; font-size : 10pt;}

a:link { text-decoration: none }
a:visited {text-decoration: none}

a:link { color: blue }
a:visited { color: blue }
a:hover { color: red;}
a:active { color: green }

a.white:link { color: white }
a.white:visited { color: white }
a.white:hover { color: red }
a.white:active { color: white }

a.black:link { color: black }
a.black:visited { color: black }
a.black:hover { color: red }
a.black:active { color: black }

.waarneming { padding: 7px; font-size: 14pt; color: red;}
.button { cursor: pointer; text-decoration: none; border:outset 1px #cc0000; background:#ededed; color:#000000; font-weight: bolder; padding: 1px 2px; font-family: verdana, sans-serif; font-size: 10pt }
.menu { width: 105px; height: 28px; cursor: pointer;  margin: 7px; font-weight: lighter; font-family: Arial, sans-serif; font-size: 10pt;}
.border { border: 1px solid #000000; padding: 3px 1px; }
.databorder { border: 1px solid #000000; padding: 1px; cursor: pointer; }
.menu-info { margin: 3px; color: red; font-size: 14px; font-weight: bolder;}
.menu-software { margin: 3px; color: blue; font-size: 21px; font-weight: bolder; line-height: 21pt; }
.searchBox{ background-image:url('vergrootglas.gif');  background-repeat:no-repeat;  padding-left:20px; background-color: white;}
.software  { width: 105px; height: 28px; cursor: pointer;  margin: 7px; background:blue; color:#ffffff; font-weight: bolder; font-family: verdana, sans-serif; font-size: 10pt;}
.sms  { width: 105px; height: 28px; cursor: pointer;  margin: 7px; padding: 3px; background:#F7BE81; color:#000000; font-weight: lighter; font-family: verdana, sans-serif; text-align : center; font-size: 10pt;}
.prijsvraag  { width: 105px; height: 28px; cursor: pointer;  margin: 7px; background:yellow; color:#000000; font-weight: bolder; font-family: Arial, sans-serif; font-size: 10pt;}
.infogroeptabel { background:#81BEF7; border-color: black; border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 1px; }
.infogroep { color: blue; font-family: Arial, sans-serif; font-size: 10pt; font-weight: bolder; }
.astrogroep { color: #F3F781; font-family: Arial, sans-serif; font-size: 14pt; font-weight: bolder; }

#lb, #rb, #lo, #ro, #lbr, #rbr, #rob {z-index: 0; position: relative; width: 20px; height: 20px; background-color: #99CCFF; color: #000000; overflow: hidden; margin: -2px;}
#lb {top: 0px; left: 0px; float: left;}
#rb {top: 0px; right: 0px; float: right;}
#lbr {top: 0px; left: 0px; float: left;}
#rbr {top: 0px; right: 0px; float: right;}
#lo {bottom: 0px; left: 0px; float: left;}
#ro {bottom: 0px; right: 0px; float: right;}
#rob {bottom: 0px; right: 0px; float: right;}

#lb-bullet, #rb-bullet, #lo-bullet, #ro-bullet, #lbr-bullet, #rbr-bullet, #rob-bullet   {position: absolute; font-size: 150px; font-family: arial; color: #000000; line-height: 40px; }
#lb-bullet {top: -0.5px; left: -8px;}
#rb-bullet {top: -0.5px; right:-8px;}
#lbr-bullet {top: -0.5px; left: -8px;}
#rbr-bullet {top: -0.5px; right:-8px;}
#lo-bullet {top: -17px; left: -8px;}
#ro-bullet {top: -17px; right: -8px;}
#rob-bullet {top: -17px; right: -8px;}

#dropdownpanel{ position: absolute; width: 100%; left: 0px;  margin-top: 0px; visibility:hidden; z-index:100; }
#dropdownpanel .contentdiv{ position: relative; width: 950px; margin-left: auto; margin-right: auto; background: black; color: white; font-family: arial; font-size: 10px; font-weight: bold; padding: 10px; text-align: left; }
#dropdownpanel .control{ position: relative; width: 970px; margin-left: auto; margin-right: auto; border-top: 0px solid black; color: yellow; font-family: arial; font-weight: bold; text-align: center; background: transparent url("panel.png") center center no-repeat; padding-bottom: 3px; height: 21px; line-height: 21px; }

.afb { background:transparent url(afb.png) no-repeat scroll 0 0; display:block; height:78px; }
-->