
body {
   background-color: #000000;
   margin: 0px,0px,0px,0px;
   padding: 0px,0px,0px,0px;
   font-family: Verdana, Arial, sans serif;
   font-size: 11px;
   color: #FFFFFF;
}

h1 {
   color: red;
   font-family: Verdana, Arial, sans serif;
   font-size: 12px; 
   font-weight: bold;  
}

h6 {
   color: black;
   font-family: Verdana, Arial, sans serif;
   font-size: 14px; 
   font-weight: bold; 
   letter-spacing:2px; 
}

a.whitespace {
    text-decoration:none;
    color:#C97700;
}

a.whitespace:hover {
    text-decoration:underline;
    color:#F97933;
}

b.red {
    color: red;
}

p {
    font-size: 9px;
}

table.container {
   background-color: #000000;
   margin: 0px,0px,0px,0px;
   padding: 0px,0px,0px,0px;
   width: 100%;
   height: 100%;   
}

table.menu {
   background-image: url('../images/bgtilemenu.gif');
   margin: 0px,0px,0px,0px;
   padding: 0px,0px,0px,0px;
   width: 800px;
   height: 22px;   
}

td {
   font-family: Verdana, Arial, sans serif;
   font-size: 11px;
   color: #000000;
}

td.content {
   border:2px solid red;
   color:#000000;
   /*background-color: #CBCBCB;*/
   background-color: #B5A697;
   width: 473px;
   height: 100%;
}

table.newsitem {
   background-image: url('../images/background_news.jpg');
   width:100%;
}

td.newsitem {
   font-family: Verdana, Arial, sans serif;
   font-size: 11px;
   color: #FFFFFF; 
}

table.goldmainpage {
   background-image: url('../images/gordon_introgold.jpg');
   height: 160px;
   width: 473px;
   font-family: Verdana, Arial, sans serif;
   font-size: 11px;
   color: #C97700; 
   font-weight: bold;
}

table.bluemainpage {
   background-image: url('../images/gordon_introblue.gif');
   height: 160px;
   width: 473px;
   font-family: Verdana, Arial, sans serif;
   font-size: 11px;
   color: red; 
   font-weight: bold;
}

table.item {
   font-family: Verdana, Arial, sans serif;
   font-size: 11px;
   color: #000000;
   background-color: #FFFFFF;
   width: 100%;
   text-align: justify;
}

table.normal {
   font-family: Verdana, Arial, sans serif;
   font-size: 11px;
   color: #000000;
   background-color: #FFFFFF;
   width: 100%;
   height: 100%;
   text-align: justify;
   vertical-align: top;
}

th.gray {
   background-color: #646464;
   font-family: Verdana, Arial, sans serif;
   font-size: 11px;
   color: #FFFFFF;  
   font-weight: bold;
   width: 100%;
   text-align: left;
   padding: 3px,3px,3px,3px;    
}

th.blue {
   background-color: #B7DFFF;
   font-family: Verdana, Arial, sans serif;
   font-size: 11px;
   color: #648BA8;  
   font-weight: bold;
   width: 100%;
   text-align: left;
   padding: 2px,2px,2px,2px;    
}

th.webmaster {
   background-color: #E5BB89;
   font-family: Verdana, Arial, sans serif;
   font-size: 11px;
   color: #AE5E00;  
   font-weight: bold;
   width: 100%;
   text-align: left;
   padding: 2px,2px,2px,2px;    
}

td.orange {
   background-color: #E1F2FF;
   font-family: Verdana, Arial, sans serif;
   font-size: 11px;
   color: #71662C;  
   width: 100%;
   text-align: left;
   padding: 2px,2px,2px,2px;  
}

td.prikbord_webm {
   background-color: #FAEEE1;
   font-family: Verdana, Arial, sans serif;
   font-size: 10px;
   color: #EBC291;  
   width: 100%;
   text-align: left;
   padding: 2px,2px,2px,2px;  
}

td.prikbord_small {
   background-color: #E1F2FF;
   font-family: Verdana, Arial, sans serif;
   font-size: 10px;
   color: #70B0E0;  
   width: 100%;
   text-align: left;
   padding: 2px,2px,2px,2px;  
}

td.prikbord_text{
   padding-left: 3px;
   padding-right: 3px;
   padding-bottom: 3px;
}

td.yellow {
   background-color: #EFFFD5;
   font-family: Verdana, Arial, sans serif;
   font-size: 11px;
   color: #4B7011;  
   width: 100%;
   text-align: left;
   padding: 2px,2px,2px,2px;  
}

td.fotoboek {
   background-color: #79AFD7;
   font-family: Verdana, Arial, sans serif;
   font-size: 10px;
   color: #000000; 
   font-weight: bold;
}

.image {
	border: 1px solid black;
	margin: 3px 3px 3px 3px;
}

a.react {
   color: #6A94A3;
   text-decoration: none;
   font-family: Verdana, Arial, sans serif;
   font-size: 10px;   
}

a.react:hover {
   text-decoration: underline;
   font-size: 10px;   
}

a {
   color: red;
   text-decoration: underline;
   font-family: Verdana, Arial, sans serif;
   font-size: 11px;   
}

a:hover {
   color: #000000;
   text-decoration: underline;
}

font.smallcomment {
   font-size: 9px;
   font-style: italic;
}

.textfield {
   border: 1px solid red;
   background-color: white;
   font-family: Verdana, Arial, sans serif;
   font-size: 11px;
   color: #000000;   
}

.textarea {
   border: 1px solid red;
   background-color: white;
   font-family: Verdana, Arial, sans serif;
   font-size: 11px;
   color: #000000;   
}

.select {
   border: 1px solid red;
   background-color: white;
   font-family: Verdana, Arial, sans serif;
   font-size: 11px;
   color: #000000;   
}

.button {
   border: 1px solid red;
   background-color: black;
   font-family: Verdana, Arial, sans serif;
   font-size: 11px;
   color: #FFFFFF;   
}

hr {
   border: 1px dashed red;
}

td.prikbord {
   background-color: #B7DFFF;
   font-family: Verdana, Arial, sans serif;
   font-size: 11px;
   color: #446985;  
   width: 100%;
   text-align: left;
   padding: 2px,2px,2px,2px;    
}

/* For popups */

body.popup {
   background-image: url('../popups/images/imgBlad.gif');
   padding-left:40px;
   padding-top:10px;
   padding-right:10px;
   color: #000000;
   text-align:justify;
}

h2 {
   color: black;
   font-family: Verdana, Arial, sans serif;
   font-size: 20px; 
   font-weight: bold;  
   line-height:20px;
}

h3 {
   color: red;
   font-family: Verdana, Arial, sans serif;
   font-size: 13px; 
   font-weight: bold; 
   font-style: italic; 
}

h4 {
   color: black;
   font-family: Verdana, Arial, sans serif;
   font-size: 10px; 
   font-weight: bold; 
}

h5 {
   color: #7E7E7E;
   font-family: Verdana, Arial, sans serif;
   font-size: 10px; 
}



/* For dropdowns */

.dropdown {
    visibility: hidden;
    position: absolute;
    background-color: #000000;
    z-index: 10;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #FFFFFF;
    margin-left:0px;
}

.dropdownItemTop {
    font-family: Verdana, Arial, Helvetica, Courier;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #000000;
    cursor: hand;
    padding-left:4px;  
    padding-right:20px;
}

.dropdownItem {
    font-family: Verdana, Arial, Helvetica, Courier;
    font-size: 11px;
    font-weight: bold;    
    color: #FFFFFF;
    background-color: #000000;
    border-top: 1px solid #FFFFFF;
    cursor: hand;
    padding-left:4px;  
    padding-right:20px;  
}

.menuLink {
    color: #FFFFFF;
    text-decoration: none;
}

.menuLink:hover {
    color: #FFFFFF;
    text-decoration: none;
}