/*************************/
/* algemene instellingen */
/*************************/
body {
   color:  #000033;
   font-family: 'Times New Roman', Verdana, Arial, Helvetica;
   font-size: 16px; 
   background: #ddddFF;
}

H1 {
   font-size: 28px; 
}

H2 {
   font-size: 24px; 
}

H3 {
   font-size: 20px; 
}

H4 {
   font-size: 12px; 
}


A {
   color: #0000bb;
   text-decoration:  none;      /* Niet onderstrepen              */
   cursor:pointer;  
   font-weight:bold;
}
A:visited {
   color: #0000bb;
   font-weight:bold;
}
A:hover {
   color: #6666ee;
   font-weight:bold;
}
A:active {
   color: #0000bb;
   font-weight:bold;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


image {
   border: 0px;
}

span.error{
   color: #FF0000;
}

td.gastboek {
   color:  #000033;
   background: #ddddFF;
}

/*************************/
/* gehele scherm */
/*************************/
div.screen {
   top:  0px;
   left: 0px;
   width : 100%;
   height:100%;
   visibility: hidden;
}

/*************************/
/* middenstuk */
/*************************/
div.middlebar {
   position : absolute;
   top:    0px; 
   width:  950px;  
   height:100%;
   background: #FFFFFF;
 }


/*************************/
/* gedeelte met zichtbare content*/
/*************************/
div.webcontent {
   position : absolute;
   left: 0px;
   top:    0px; 
   width:  930px;  
   background: #FFFFFF;
   color:#000000;
   padding:10px;
 }


div.topbar {
}

div.topmenu{
}

table.topmenu {
   width: 100%;
   padding:0px;
   border-collapse: collapse;
   cursor:pointer;  
}

td.topmenu {
   width: 14%;
   text-align: center;
   border:1px solid #000000;
   background: #0000bb;
   color:#FFFFFF;
   font-size: 20px; 
   font-weight:bold;
}

td.topmenu:hover {
   background: #6666ee;
}



div.content {
}



tr.greyback {
   background: #CCC
}

p.redfont {
   color: #FF0000;
   font-weight:bold;
}