A             { text-decoration: none;  color:white; font-family:verdana; font-size:12px;font-weight:}
A:link 	      { text-decoration: none;  color:white;  font-family:verdana; font-size:12px;font-weight:}
A:visited     {text-decoration: none;  color:white; font-family:verdana;font-size:12px;font-weight: }
A:active      { text-decoration: none;  color:white; font-family:verdana;font-size:12px;font-weight:}
A:hover       { color:silver; text-decoration: none; font-family:verdana; 	font-family:verdana; font-weight:}


BODY{
	
width:100%; 
height:100%;
background:url('/jpg/achter.jpg');
background-repeat:repeat-x;
background-position: top;
background-color: #315994;
overflow: auto;
font-family:verdana;
font-size:12px;
color:white;

}




.menu1Link             { text-decoration: none;  color:#5576a6; font-family:verdana; font-size:12px;font-weight:}
.menu1Link:link 	      { text-decoration: none;  color:#5576a6;  font-family:verdana; font-size:12px;font-weight:}
.menu1Link:visited     {text-decoration: none;  color:#5576a6; font-family:verdana;font-size:12px;font-weight:}
.menu1Link:active      { text-decoration: none;  color:#5576a6; font-family:verdana;font-size:12px;font-weight: }
.menu1Link:hover       { color:#101e32; text-decoration: none; font-family:verdana; 	font-family:verdana; font-weight: }



.menu2Link             { text-decoration: none;  color:#5576a6; font-family:verdana; font-size:12px;font-weight: }
.menu2Link:link  	      { text-decoration: none;  color:#5576a6; font-family: verdana; font-size:12px;font-weight:}
.menu2Link:visited      {text-decoration: none;  color:#5576a6; font-family:verdana;font-size:12px;font-weight:}
.menu2Link:active     { text-decoration: none;  color:#5576a6; font-family:verdana;font-size:12px;font-weight:}
.menu2Link:hover       { color:#101e32; text-decoration: none; font-family:verdana; 	font-family:verdana; font-weight:}


.menu3Link             { text-decoration: none;  color: #1c355b; font-family:verdana; font-size:12px;font-weight: normal}
.menu3Link:link  	      { text-decoration: none;  color:#1c355b; font-family: verdana; font-size:12px;font-weight:normal}
.menu3Link:visited      {text-decoration: none;  color:#1c355b; font-family:verdana;font-size:12px;font-weight:normal }
.menu3Link:active     { text-decoration: none;  color:#1c355b; font-family:verdana;font-size:12px;font-weight:normal}
.menu3Link:hover       { color:#101e32; text-decoration: none; font-family:verdana; 	font-family:verdana; font-weight:normal }

.menu4Link             { text-decoration:none;  color:#5576a6; font-family:verdana; font-size:12px;font-weight: normal}
.menu4Link:link  	      { text-decoration: none;  color:#5576a6;  font-family:verdana; font-size:12px;font-weight:normal}
.menu4Link:visited      {text-decoration: none;  color:#5576a6; font-family:verdana;font-size:12px;font-weight:normal }
.menu4Link:active     { text-decoration: none;  color:#5576a6; font-family:verdana;font-size:12px;font-weight:normal}
.menu4Link:hover       { color:#101e32; text-decoration: none; font-family:verdana; font-size:12px;	font-family:verdana; font-weight:normal }

#buitenkant
{
position:absolute;
background:url('/jpg/achter.png');
	background-position: top;
    background-color: Transparent;
    background-repeat:repeat-y;
top:0px;
left:0px;
width:100%;
height: auto;
background-position: top;
overflow:  visible;
z-index:300; 
}


#werkblad {
    position:relative;
	top:0px;
    margin:0px;
	width:1000px;
	
	height:100%;
	background-color: Transparent; 
    z-index:300;	
}

#plaatje{
height:230px;
background:url('/jpg/boven.png');
background-repeat:no-repeat;
background-position: top;
background-color: transparent;
overflow: hidden;
visibility: visible;
z-index:240; 
}

#randboven{
height:0px;
background:url('/jpg/.png');
background-color:Transparent;
overflow: hidden;
visibility: visible;
z-index:240; 
}

#main {
min-height:550px;
height: auto !important;
background:url('/jpg/');
background-repeat:no-repeat;
background-position: top;
background-color: Transparent;
height:550px; 
overflow: visible; 
visibility:visible; 
z-index:300; 
font-family:verdana; 
font-size:12px;
}

#randonder {
height:200px;
background:url('/jpg/');
background-position: top;
background-color: #315994;
overflow: visible; 
visibility:visible; 
z-index:300; 
font-family:verdana; 
font-size:12px;
}


#chat {
position:absolute;
top:700px;
background-color:Transparent;
height:150px; 
width:100%; 
overflow: hidden; 
visibility:visible; 
z-index:301; 
font-family:verdana; 
font-size:12px;
}

#chatbox {
background-color: Transparent;
background:url('/jpg/');
height:390px; 
overflow: auto; 
visibility:visible; 
z-index:301; 
font-family:verdana; 
font-size:12px;
}



#menu2 {
height:50px;
overflow: hidden;
background:url('/jpg/menu.png');
background-repeat:no-repeat;
background-position: top;
background-color:#315994; 
visibility:visible;
z-index:450; 
}



#menu1
{
height:30px;
background:url('/jpg/');
background-position: top;
background-repeat:;
background-color:Transparent; 
}


.tekstvak
{
 border:1px solid white; 
 background:url('/jpg/');
background-color: Transparent; 
 cursor: text; 
 color:white;
 font-family:verdana; font-size:12px;

}

.tekstvak2
{
 border:1px solid #666666; 
 background:url('/jpg/invoeren1.png');
 background-repeat:no-repeat;
background-color: Transparent; 
 cursor: text; 
 color:white;
 font-family:verdana; font-size:12px;

}

.knop
{
  background-color:silver;
  cursor: pointer;

}

.tekst
{
 background-color:transparent;
 border-style: none;
 border-width: 0px;
 border-color:white;
 cursor: auto;
 font-family:verdana;
 font-weight: normal;
 color:white;
 font-size:12px;
}

.tekst2
{
 background:transparent;
 border-style: none;
 border-width: 0px;
 border-color:white;
 cursor: auto;
 font-family:verdana;
 font-weight:normal;
 color:white;
 font-size:12px;
}
.tekstgroot

{
font-family: Times New Roman;
font-style: italic; 
color:white;
font-weight: normal;
font-size:24px;
}

	
.tabelbegin
{
	border-width: 1px;
	border-spacing:2px ;
	border-style: none;
	border-color: white
	
	}
.tabelbegintr {
	border-width: 1px;
	padding: 1px;
	border-style: none;
	border-color: white;
	background-color: transparent;

}
.tabelbegintd {
	border-width: 1px;
	padding: 1px;
	border-style: none;
	border-color: white;
	background-color: transparent;

}

.tabelbegin2
{
	border-width: 1px;
	border-spacing:0px ;
	border-style: solid;
	border-color: white;
	background: transparent;
}
.tabelbegintr2 {
	border-width: 0px;
	padding: 0px;
	border-style: none;
	border-color: white;
	background-color: transparent;

}
.tabelbegintd2 {
	border-width: 0px;
	padding: 0px;
	border-style: none;
	border-color: white;
	background-color: transparent;

}

.btn {
	border-width:thin;
	cursor:default;
	}
	
.s1	{ font-family: Times New Roman; font-style:italic; color:white;	font-size:24pt; font-weight: normal}
.s2	{ font-family: Times New Roman; font-style:italic; color:white;	font-size:112px; font-weight: normal}
.s3    { font-family: verdana;  color:white; font-size:24pt; font-weight: normal}
.s4    { font-family: verdana;  color:white;font-size:112px; font-weight: normal}
.s5    { font-family: verdana; color:white;	font-size:16pt; font-weight: normal}
.s6    { font-family: verdana; color:white;	font-size:14pt; font-weight: normal}


.streepmenu1
{
 color:101e32;
 font-weight:;
}

.streepmenu2
{
 color:#101e32;
 font-weight: normal;
}




		



#buiten {
position:absolute;
height:0px;
top:0px;
left:0px;
width:0px;

overflow: visible; 
visibility: visible; 
z-index:1; 
background-color:transparent;
}

#chatbuiten {
position:absolute;
height:0px;
top:0px;
left:0px;
width:0px;
overflow: visible; 
visibility: visible; 
z-index:1; 
background-color:transparent;
}

.verbergiframe{
position:absolute;
height:0px;
top:0px;
left:0px;
width:0px;
overflow: visible; 
visibility:hidden; 
z-index:1; 
background-color:transparent;
}


















.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type:none;

}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: list-item;
float: left;

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{


display: block;
width:0px; /*Width of top level menu link items*/
width:-moz-max-content;

background-color: Transparent;
z-index: 1000;


}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{

left:0;
top: 0;
width:100;
border-top:none ;
position: absolute;
display: block;
visibility: hidden;
z-index: 1000;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
float: left; width: 100%;
display: block;

z-index: 1000;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{

width: 250px; /*width of sub menu levels*/
padding: 6px 12px;
background-color:#92856f;
-moz-opacity: 90;
opacity:.9;
filter: alpha(opacity=90);
text-align: left;
z-index: 1000;
border-width: 1 1px 1px 1px;
height: 1%;

}

.horizontalcssmenu ul li a:hover{
background-color: #390;
}

.horizontalcssmenu ul li ul li a:hover{
background-color: darkwhite;
-moz-opacity: 90;
opacity:.9;
filter: alpha(opacity=90);
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right:0;
background-color: Transparent;
}





#nav {  
    margin:0;   
    padding:0;   
    list-style:none;

}     
      
    /* make the LI display inline */  
    /* it's position relative so that position absolute */  
    /* can be used in submenu */  
    #nav li {  
        float:left;   
        display:block;   
        background:transparent;   
        position:relative;  
        z-index:500;   
        margin:0 1px;  

    }  
          
    /* this is the parent menu */  
    #nav li a {  
        display:block;
		
	vertical-align:middle;
        font-weight:700;    
        text-decoration:none;   
        color:#fff;   
        text-align:center;


        color:black;  
    }  
  
    #nav li a:hover {  
        color:black;  
    }  
      
    /* you can make a different style for default selected value */  
    #nav a.selected {  
        color:white;  
    }  
      
        /* submenu, it's hidden by default */  
        #nav ul {  
            position:absolute;   
            left:0;   
            display:none;   
            margin:0 0 0 -1px;   
            padding:0;   
            list-style:none; 

        }  
          
        #nav ul li {  
 
            float:left;   
            border-top:1px solid:; 
		width:300px;	

		
		background-color: #172d4d;
-moz-opacity: 90;
opacity:.9;
filter: alpha(opacity=90);
        }  
          
        /* display block will make the link fill the whole area of LI  kleur link uitklap*/  
        #nav ul a {  
            display:block;    
            height:15px;  
            padding: 8px 5px;   
            color: #FFF;  

        }  
          
        #nav ul a:hover {  
            text-decoration:none;    
        } 



.tab_link {

float:left; /* important */  
/* just styling */  
border:1px solid #ccc;
 
background:#ddd;  
padding:5px;  
margin-right:12px ;  
color:white;  
text-decoration:none;  
font:Verdana,;
font-size:12px;
}  
.tab_link_selected{
background-color:#999;
border:1px solid #999; 
} /* just a different tab link bg color when it's selected */  
.tab_text {  
display: none; /* hide the text containers */  
/* just styling */  
border:1px solid  #999;  

color:white;
font-family:Verdana;
font-size:14px;
background:;
-moz-opacity: 90;
opacity:.9;
filter: alpha(opacity=90);
}  
.clear {clear: both;}  /* when we use css float property, we need to clear after the last floated item */  



#navigation_blob {
	background-color: ccc;
	-moz-opacity: 50;
opacity:.5;
filter: alpha(opacity=50);
	position: absolute;
	z-index: -1;
}

#navigation_blob2 {
	background-color: white;
	-moz-opacity: 50;
opacity:.5;
filter: alpha(opacity=50);
	position: absolute;
	position: absolute;
	z-index: 1;
}

#nav2 {  
    margin:0;   
    padding:0;   
    list-style:none;

}     
      
    /* make the LI display inline */  
    /* it's position relative so that position absolute */  
    /* can be used in submenu */  
    #nav2 li {  
        float:left;   
        display:block;   
        background:transparent;   
        position:relative;  
        z-index:500;   
        margin:0 1px;  

    }  
          
    /* this is the parent menu */  
    #nav2 li a {  
        display:block;
		
	vertical-align:middle;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
        font-weight:700;    
        text-decoration:none;   
        color:#fff;   
        text-align:center;


        color:white;  
    }  
  
    #nav2 li a:hover {  
        color:green;  
    }  
      
    /* you can make a different style for default selected value */  
    #nav2 a.selected {  
        color:#f00;  
    }  
      
        /* submenu, it's hidden by default */  
        #nav2 ul {  
            position:absolute;   
            left:0;   
            display:none;   
            margin:0 0 0 -1px;   
            padding:0;   
            list-style:none; 

        }  
          
        #nav2 ul li {  
 
            float:left;   
            border-top:1px solid #fff; 
		width:200px;	

		
		background-color:#D3D3D3;
-moz-opacity: 90;
opacity:.9;
filter: alpha(opacity=90);
        }  
          
        /* display block will make the link fill the whole area of LI */  
        #nav2 ul a {  
            display:block;    
            height:15px;  
            padding: 8px 5px;   
            color:#666;  

        }  
          
        #nav2 ul a:hover {  
            text-decoration:none;    
        }