/*~~~~
BODY
740 naar 840 zie aldaar 24OKT07
meest gebruikt breedt 820 28OKT07 Liselot_blauwlanglicht1ligt.jpg blauwlanglicht1ligt
firebrick   =   #b22222
coral        =   #ff7f50
Orange rood =   #ff4500
Tomato      =   #ff6347 .. per 24 november 2008 was Maroon
blauw       = #0000a0  (een van)
heel licht blauw #cccccc
gelig blauw #ffcccc
geel lichtste #FFFFC0
geel tweede #FFFF80
groen tweede #80FF80
#99cc99 groenig blauw
#ccccff paarsig blauw
#fffafa = vlezig wit 19.10.2008 / lijkt geschikt voor BODY 1jan2009
#ff7f50 = is de oude
#C0C0FF = grijzige achtergrond
border-bottom-color:#ff6347; per 19.11.2008
#608fc8 = backgroundkleur
#980000 = donkerrood
#999999 = grijs
#4A6BB3 = blauwig zie logo
#e0ffff = lightCyan
#B2B2B2 = Grijs ??13.02.07
#C0FFFF = lichtste blauw
#add8e6 = LightBlue (basiskleurmenu)
#E5E5E5 = Andere / alternatieve lichte kleur voor menu
#D4E7F8 =?? blauwgrijslicht
#5555DD
#0000cd = medium blauw <<--hoofdblauwkleur 
#C000C0 = ??
#008A8C= ??
#FF8C00 =  Dark Orange
#FFA500 =  Lichter Orange (proef 20maart08)
#C0FFC0 - lichtste groen 5 aug 2008
#FFC0FF = vleeskelur 15sep2008
#C00000 = rood /donkerrood
#608fc8 = een soort blauw
~~~~~bg_container757~~~~~~~~~~~background:url(../images/bg-content-side.png) repeat-y right;
background:url(../images/bg_container757.gif) repeat-y right;
background-color: #0066CC;
~~~~~~~~~~margin:5px 0;~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	
h1, h2, h3, h4, h5, h6 {
	font-size:1.4em;
	font-family: Verdana, sans-serif;
	line-height:1.1em;	
	color:#0000cd;
	margin:5px 0;
}

h1 
{
    margin-top:0px;
	margin-bottom:1px;
	font-size:1.3em;
}
h2 
{
    margin-top:1px;
	font-size:1.2em;
	}

h3 {
	font-size:1.1em;
	}

h3.small {
	font-size:1.1em;
	color:Blue;
}
/* standaard kop */
h4 {
	font-size:1.1em;
	color: navy;
	font-family: Comic Sans MS;
}
/* standaard tekst */
h5 {
	font-size: medium;
	color: #0000cd;
	background-color: Transparent;
	padding-bottom: 1px;
	font-family: Comic Sans MS;
}

h6 {
	font-size: x-small;
	color: #0000cd;
	font-style: italic;
}

p
{
	font-size:0.9em;
	font-family: Verdana;
	color:  Navy;
	
}
 
body {	
    background-image: url(../backgrounds/HSIJS_Site_bacgroundklein2B2.jpg);
	background-repeat:repeat-y;
	font-family: Verdana, sans-serif;
	font-size:0.9em;
	line-height:1.4em;
	color:  Navy;	
	border-bottom-color: transparent;
	border-bottom-style: double;
	border-bottom-width: thin;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width:  thin;
	border-left-color:  transparent;
	border-left-style: solid;
	border-left-width: thin;
	border-right-color: transparent;
	border-right-style:solid;
	border-right-width:thin;
	max-width: 960px;
	min-width: 920px;
}
#breadcrumbRDB 
{   background-image: url(../backgrounds/HSIJS_Site_bacgroundklein2B2.jpg);
	background-repeat: no-repeat;
    background-color:  Transparent;	
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	width:100%;	
	height: 100px;
	position: inherit;
	left:1%;
	color: Navy;
	font-size: small;
	font-variant:small-caps;
	font-style: italic;
	font-weight:bolder;
	font-variant:small-caps;
	border-bottom-color:  transparent;
	border-bottom-style: solid;
	border-bottom-width:  thin;
		}
.s_panel_lsc1
{ background-image: url(../backgrounds/bg_Panel_lsc1.jpg);
background-repeat: repeat-x;
font-style:normal;
font-weight:bolder;
   margin-left:auto;
    margin-right:auto;
     width:100%;
      height: auto;
     padding-left: 10px;
     color:Navy;
                  }
#content-main-two-columnRDB720
{   left: 210px;
	width: 725px;
	background-color: Transparent;
	margin-left: 1px;
	 border-color: white;
	 border-style: solid;
	 border-width: 0px;
	 padding-left:1px;
	 padding-right: 1px;
	 position: relative;	  
	}
#content-main-two-columnRDB730
{    color:Green;
    left: 210px;
	width: 735px;
	background-color: White;
	margin-left: 1px;
	 border-color: white;
	 border-style: solid;
	 border-width: 0px;
	 padding-left:1px;
	 padding-right: 1px;
	 position: relative;	  
	}
	
	/*background-image: url(../images/HSIJS_Site_bovenbeeld1.jpg); */
	
#nav-maindefaultRDB {
	background-color: Transparent;	
    background-image: url(../backgrounds/2010_LEDSchoonmaakControle_Site_100076_ndefault.jpg);
	background-repeat: no-repeat;
	margin-left:auto;
	margin-right:auto;
	width:956px;
	height:400px;
	position: fixed;
	text-align:center;
	font-weight: bold;
	vertical-align:top;
	border-style: solid;
	border-width: 0px;
	color: Navy;
}
#content-container-three-columnsRDB940 
{    
	margin-top:3px;
	margin-left:3px;
	margin-right:3px;
	padding:1px;
	width: 940px;
	height: auto;
	background-color: Transparent;
	border: 3px; 
	border-color: #C0C0FF;
	border-style: solid;
	border-width: thick;
	}
	/* top:33%;*/
#Linksmenu1
{
    font-family: Verdana;
    font-size:  x-small;
    font-variant:small-caps;
    font-weight:bolder;
    color: Navy;
	text-align: left;
	position: fixed;
	top:150px;
	left:3%;
	height: auto;
	width:190px;
	background-color: Transparent;
	padding:0 0 0 0;
	}

/* text-transform:uppercase;*/
.MenuAanpas1
{ color: Blue;    
    background-color: #fffafa;
    border-right-width: thin;
    border-right-color:  transparent;
    border-right-style: solid;
    border-left-width: 0px;    
    border-left-color: white;
    border-left-style: solid;
    border-top-width: thin;    
    border-top-color: transparent ;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: navy ;
    border-bottom-style: solid;
    text-align: left;
    padding-left: 2px;
    font-family: Verdana;
    font-weight: normal;
    font-size: small;
    }
	
#OnderInfo1
{
    font-family: Verdana;
    font-size:  small;
    font-variant:small-caps;
    font-weight:bolder;
    color: Navy;
	text-align: center;
	position: fixed;
	top:97%;
	left:3%;
	height:auto;
	width:90%;
	background-color: White;
	padding:0 0 0 2%;
	}
#OnderInfo2
{
    font-family: Verdana;
    font-size: x-small;
    font-variant:small-caps;
    font-weight: lighter;
    color: Navy;
	text-align: center;
	position: fixed;
	top:94%;
	left:3%;
	height:auto;
	width:92%;
	background-color: #ffffff;
	padding:0 0 0 0;
	}
.s_tabeltekst1
{ vertical-align:text-top;
}

.menubutton8
{
    font-style: normal;
    color: Blue;
    border-width: thin;
    border-style:solid;
    border-color: White;
    text-align:left;
    width: 180px
    }

.menubutton8:hover
{
    color: RED;
    border-style:solid;
    border-width: thin;
    border-color: RED; 
    }
    
#content-RechtsBeeldonder
{
    font-family: Verdana;
    font-size:  small;
    font-variant:small-caps;
    font-weight:bolder;
    color: Navy;
	text-align: left;
	position: fixed;
	top:70%;
	left:2%;
	height: auto;
	width:40%;
	background-color: Transparent;
	padding:0 0 0 2%;
	}
#content-Bovenbeeld1
{
    font-family: Verdana;
    font-size:  small;
    font-variant:small-caps;
    font-weight:bolder;
    color: Navy;
	text-align: left;
	position: fixed;
	top:5%;
	left:50%;
	height: auto;
	width:20%;
	background-color: Transparent;
	padding:0 0 0 2%;
	}

.t_buttongrijs9
{   float: left;
    background-color: Silver;
    font-style: normal;
    color: Navy;
    font-style: normal;
    font-weight: bolder;
    font-family: Verdana;    
    border-color: white;
	text-align: right;
	font-size:  x-small;
	border-style: outset;
	border-width: 1px;
	width: auto; 	
	}
.t_buttongrijs9:hover
{   float: left;
    background-color: red;
    font-style: normal;
    font-weight: bolder;
    color: Yellow;
    text-align: right;
    font-size:  x-small;
    width: auto;
    border-right: Silver 1px outset;
    border-top: Silver 1px outset;
    border-left: Silver 1px outset;
    border-bottom: Silver 1px outset;
    font-family: Verdana;
    direction: ltr;
    text-indent: 2px;
    letter-spacing: normal;
}

/*
#content-main-three-columnHK {
	width: 450px;
	float: left;
	margin-left: 15px;
	border-right-color:#ff6347;
	border-right-style:double;
	border-right-width:medium;
	border-left-color: #ff6347;
	border-left-style:double;
	border-left-width:medium;
	padding-left: 5px;
	padding-right: 5px;	 
	background-color: White;
	} 
*/
/*
border-color: #cccccc; nu zelfde 7jan 2009


#content-side1-three-columnHK {
	width:205px;
	font-size:.9em;
	float:left;
	height:600px;
	border-color: White;
	border-style:double;
	border-width:thin;
	}
#LinksInfo1
{
    font-family: Verdana;
    font-size:   xx-small;
    font-variant:small-caps;
    font-weight: bolder;
    color: Navy;
	text-align: left;
	position: fixed;
	top:84%;
	left:3%;
	height:auto;
	width:16%;
	background-color: Transparent;
	padding:0 0 0 2%;
	}
#LinksContactInfo1
{   background-color: #add8e6;
    top:40%;
    left: 3%;
	float: left;
	width:120px;
	position:fixed;	
	margin:1px 1px 0 1px;
	border-right-color:white;
	border-right-width: thick;
	border-right-style: solid;
	height: auto;
	}

#RechtsInfo1
{
    font-family: Verdana;
    font-size:  x-small;
    font-variant:small-caps;
    font-weight: bolder;
    color: Navy;
	text-align: left;
	position: fixed;
	top:75%;
	left:74%;
	height: 150px;
	width: 200px;
	background-color:#ff6347;
	 border-width:medium;
	 border-color:#ff6347;
	 border-style:solid;
	padding:0 0 0 0;
	}
#RechtsInfo120
{
    font-family: Verdana;
    font-size:  x-small;
    font-variant:small-caps;
    font-weight: bolder;
    color: Navy;
	text-align: left;
	position: fixed;
	top:72%;
	left:74%;
	height: 120px;
	width: 160px;
	background-color:#ff6347;
	 border-width:medium;
	 border-color:#ff6347;
	 border-style:solid;
	padding:0 0 0 0;
	}
#heading{
	text-align: left;
	color:Maroon;
	font-size:0.8em;
	font-weight:bold;
	font-style:italic;
	}

#BovenLogo1
	{position: fixed;
	top:2%;
	left:80%;
	height:auto;
	width:5%;
	    }
#Boven2008
	{position: fixed;
	top:90%;
	left:90%;
	height:auto;
	width:5%;
	    }

#content-RechtsBeeld1
{
    font-family: Verdana;
    font-size:  small;
    font-variant:small-caps;
    font-weight:bolder;
    color: Navy;
	text-align: left;
	position: fixed;
	top:11%;
	left:80%;
	height: auto;
	width:160px;
	background-color: #C0C0FF;
	padding:0 0 0 2%;
	}
#content-RechtsBeeldIndex
{
    font-family: Verdana;
    font-size: small;
    font-variant:small-caps;
    font-weight:bolder;
    color: Navy;
	text-align: left;
	position: fixed;
	top:10%;
	left:73%;
	height:auto;
	width:260px;
	background-color: #C0C0FF;
	padding:0 0 0 2%;
	}
.s_dropdownlistIndex {
    Font-family: Arial Narrow ;
    Font-Size: small;
    color:Navy;
    background-color: #fffafa;
    color:#0000cd;
    width: 250px;
    Height: 450px; 
    
    }
#content-RechtsBeeld2
{
    font-family: Verdana;
    font-size:  small;
    font-variant:small-caps;
    font-weight:bolder;
    color: Navy;
	text-align: left;
	position: fixed;
	top:5%;
	left:80%;
	height: auto;
	width:17%;
	background-color: Transparent;
	padding:0 0 0 2%;
	}

#content-LinksBeeldonder
{
    font-family: Verdana;
    font-size:  small;
    font-variant:small-caps;
    font-weight:bolder;
    color: Navy;
	text-align: left;
	position: fixed;
	top:50%;
	left:1%;
	height: auto;
	width:auto;
	background-color: Transparent;
	padding:0 0 0 2%;
	float:left;
	overflow:visible;
	vertical-align:top;
	
		}

.s_buttonrood:link {border-color:White; border-width: thin; color: Blue; font-weight: bold;}
.s_buttonrood {border-color:White; border-width: thin; background-color: #D30910; font-size:10pt;  text-align:center; font-style:normal; color:#ff0000; font-weight: bold; height: auto; width: auto;}
.s_buttonrood:visited {background-color:#ffdab9;  border-style:ridge; vertical-align:middle; text-align:center; font-size:10pt; color:#ff0000; font-weight: bold; height: auto; width: auto;}
.s_buttonrood:hover {border-color:White; border-width: thin; background-color: #D30910; font-size:10pt; color:white; font-weight: bold;  height: auto; width: auto;}


#content-main-two-column {
	width:700px;
	float:left;
	left:3%;
	}


#content-main-two-column700
{   left: 205px;
	width: 715px;
	background-color: White;
	margin-left: 2px;
	border-color:  Gray;
	border-style: solid;
	border-width: 2px;
	padding-left:2px;
	padding-right: 2px;
	position: relative;	  
	}

#content-main-two-columnPI4
{   font-family: Verdana;
    font-size:  small;
    font-weight: lighter;
    left: 210px;
	width: 570px;
	background-color: #fffafa ;
	margin-left: 2px;
	 border-color:  white;
	 border-style: solid;
	 border-width: 1px;
	 padding-left:10px;
	 padding-right: 10px;
	 padding-top: 20px;
	 position: relative;	  
	}
#content-main-two-column740
{   font-family: Verdana;
    font-size:  small;
    font-weight: lighter;
    left: 210px;
	width: 740px;
	background-color: #fffafa ;
	margin-left: 2px;
	 border-color:  white;
	 border-style: solid;
	 border-width: 1px;
	 padding-left:10px;
	 padding-right: 10px;
	 padding-top: 20px;
	 position: relative;	  
	}
#contentColumnBouwIndex1
{   font-family: Verdana;
    font-size:  small;
    font-weight: lighter;
    left: 5px;
	width: 770px;
	background-color: #fffafa;
	margin-left: 2px;
	 border-color:  white;
	 border-style: solid;
	 border-width: 1px;
	 padding-left:10px;
	 padding-right: 10px;
	 position: relative;	  
	}
#logoPI3 {
	position: fixed;
	top:.5em;
	left:70px;
	width: 433px; 
	font-size:1.0em;
	font-family:Verdana; 
	height:2.0em;
	padding:.1em 0 .1em 0;	
	font-variant: small-caps;
	font-weight:bolder;
	color: Green;
	background-color: Transparent;
	border-color:White;
	border-style:solid;
	border-width:thin;
	}

#2Linksmenu1
{
    font-family: Verdana;
    font-size: small;
    font-variant:small-caps;
    font-weight:bolder;
    color: Navy;
	text-align: left;
	position: static;
	top:27%;
	left:1%;
	height: auto;
	width:17%;
	background-color: Transparent;
	padding:0 0 0 2%;
	}
	
	

#nav-maindefault {
	background-color: #ff6347;
	margin-left:auto;
	margin-right:auto;
	width:205px;
	position: fixed;
	font-weight:bold;
	vertical-align:top;
	border-color: white;
	border-style: solid;
	border-width:  thin;
	color: Yellow;
}

		
		
.s_mainmenu
{ background-color: #C0C0FF;
     border-color:  Lime;
      border-bottom-style: solid;
      border-bottom-color: Lime;
      border-bottom-width: medium;      
       width: 195px;
        color: white;        
                }
.s_panelthk
{ background-color: #C0C0FF;
     border-color:  Lime;
      border-bottom-style: solid;
      border-bottom-color: Lime;
      border-bottom-width: medium;      
          color: white;        
                }
                
 #nav-maindefaultPI3 {
	background-color: #C0C0FF;
	margin-left:auto;
	margin-right:auto;
	width:205px;
	position: relative;
	font-weight:bold;
	vertical-align:top;
	border-color: white;
	border-style: solid;
	border-width:  thin;
	color: Yellow;
}
#nav-maindefaultPI4 {
	background-color: #C0C0FF;
	background-image: url(../backgrounds/KOP_PI_DEFAULT.jpg);
	background-repeat:  repeat-x;
	margin-left:auto;
	margin-right:auto;
	width:940px;
	height:150px;
	position: fixed;
	font-weight:bold;
	vertical-align:top;
	border-color: white;
	border-style: solid;
	border-width:  thin;
	color: Navy;
}

#content-main-one-column_PI3 {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	width: auto;
	border-width: thin;
	border-color: #ff6347;
	border-style: solid;
	background-color:  green;
	}
	
#content-side1-three-columnPI3 
{
    position: fixed;
	width:205px;
	font-size:.9em;
	float:left;
	height: auto;
	background-color: #ff6347;
	border-color: White;
	border-style:double;
	border-width:thin;
	background-color: #ff6347;	
	background-image: url(../backgrounds/default_kolom1.jpg);
	background-repeat:no-repeat;
	color:White;
	font-variant:small-caps;
	font-style:normal;
	font-weight:bolder;
	}
	

	
#content-main-three-columnPI3 
{   margin-left:5px;
	width: 480px;
	background-color: Yellow;
	float:left;
	margin-left:10px;
	 border-color: Yellow;
	 border-style: solid;
	 border-width: 1px;
	}
#content-main-two-columnPI3 
{   margin-left:5px;
	width: 720px;
	background-color: Yellow;
	float:left;
	margin-left:10px;
	 border-color: Yellow;
	 border-style: solid;
	 border-width: 1px;
	}

#footerPI3 
{
    background-color: #ff6347;
    margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	width:98%;
	padding:.8em 0 1em 20px;
	position:relative;
	color: Black;
	font-size:.8em;
}
	
.s_labelMaroon
{   color: Maroon;
    font-weight:bold;
    font-family:Verdana;
    font-style:italic; 
    font-size: small; 
    width: 100%;
    background-color:#C0C0FF;
    border-bottom-color: Blue;  
    border-top-color: white;
    border-right-color:White;
    border-left-color:White;   
    
    
}  
.s_labelPI3
{   color: Green;
    font-weight:bold;
    font-family:Verdana;
    font-style:italic; 
    font-variant:small-caps;
    font-size: medium; 
    width: 100%;  
}  

.s_labelroodbruin
{
    background-color:#D30910; 
    font-size: x-small;  
    font-weight:bold; 
    color:white; 
    font-style: italic;
    }
 .s_labelgeel
{
    background-color: Yellow; 
    font-size: x-small;  
    font-weight:bold; 
    color: Navy; 
    font-style: italic;
    }

#content-treeofthree-columnPI3 {
	float:right;
	width:155px;
		}
#breadcrumb a:link,


#breadcrumb a:visited {
	color:#0000cd;
	text-decoration:none;
	}

#breadcrumb a:hover{
	color:Red;
	font-size: medium; 
	background-color: Silver;
	text-decoration:none;
	}
	
#top-information-PI3 
{
    font-family: Verdana;
    font-size:  small;
    font-variant:small-caps;
    font-weight:bolder;
    color:  Navy;
	text-align: center;
	position: fixed;
	top:35%;
	left:80%;
	height: auto;
	padding:0 0 0 2%;
	}
#top-information-gijsdebontinfo 
{
    font-family: Verdana;
    font-size:  small;
    font-variant:small-caps;
    font-weight:bolder;
    color:  Navy;
	text-align: center;
	position: fixed;
	top:95%;
	left:3%;
	height: auto;
	padding:0 0 0 2%;
	}
	
	
.s_body1
{   
    background-image: url(../backgrounds/Plaatje_3_September2008.jpg);
    color: #0000cd;
    background-repeat:repeat-x;
    background-color: Silver;
    font-style:normal;
    font-family:Verdana;
    background-position:center;
    }

.s_body1VVS
{   
    background-image: url(../backgrounds/J8_Achtergrond_J6.jpg);
    color: #0000cd;
    background-repeat:repeat-x;
    background-color: Silver;
    font-style:normal;
    font-family:Verdana;
    background-position:center;
    }
.s_hyperlink
    { background-color: Transparent;
       font-family:MS Sans Serif;
       font-style: normal;
       font-weight:bolder;
    }

#MenuLSC {
    background-color:Fuchsia;
    Border-Color: Black;
     border-width:thick;
     border-style:dotted;
    }

#content-container-two-column {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	width:928px;
	border:2px; 
	border-color: White;
	border-style: solid;
	background:url(../background/blauwlanglicht2ligt.jpg) repeat-y right;
	position:relative;
	}
#content-container-two-columnJ8 {
	margin-top:1px;
	margin-left:auto;
	margin-right:auto;
	padding:1px;
	width:858px;
	border:2px; 
	border-color: White;
	border-style: solid;
	background:url(../background/blauwlanglicht2ligt.jpg) repeat-y right;
	position:relative;
	}
#content-container-two-columnJ8_L {
	margin-top:1px;
	margin-left: inherit;
	padding:1px;
	width:900px;
	border:2px; 
	border-color: White;
	border-style: solid;
	background:url(../background/blauwlanglicht2ligt.jpg) repeat-y right;
	position:relative;
	}

#content-main-two-column {
	width:640px;
	float:left;
	}
#content-main-two-columnVVSJ8 {
	width:600px;
	float: right;
	background-color: Orange;
	}
#content-main-two-columnVVSJ8GROEN {
	width:600px;
	float: right;
	background-color: #C0FFC0 ;
	}
#content-main-two-columnJ8default 
{ background-color:Lime;
    background:url(../background/blauwlangJ8.jpg);
	width:640px;
	float:left;
	padding:1px;
	}
#content-main-two-columnJ8_L {
	width:440px;
	float:left;
	}
	
#content-main-two-columnJ8 {
	width:600px;
	float:left;
	margin-left:auto;
	margin-right:auto;
	}
	
#content-main-one-column_vvms {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	background-color: Transparent;	
    width:760px;
	border:0px; 
	border-color: White;
	border-style: solid;
	}
	
#content-main-one-column_vvmsJ8 {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	width: auto;
	border-width: thin;
	border-color: #ff6347;
	border-style: solid;
	background-color:  Fuchsia;
	}
#content-main-one-column1
{
    float:left;
	margin-top:3px;
	margin-left: 3px;
	margin-right:auto;
	background-color: Transparent;
	background-image: url(../backgrounds/vvsJ8_background.jpg);
    background-repeat:repeat;
    width:650px;
	border:3px; 
	border-color: White;
	border-style: solid;
	}
#content-main-one-columnLSC {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	background-color: #ffcccc;
	width:100%;
	border:0px; 
	border-color: White;
	border-style: solid;
	}
#content-main-one-column {
	width:828px;
	float:left;
	border:0px; 
	border-color: White;
	border-style: solid;
	}
#content-side-two-column {
	float:right;
	width:160px;
	}
#content-side-two-columnJ8_L {
	float:right;
	width:440px;
	}
	
	


#content-container-three-column {
	margin-top:3px;
	margin-left: auto;
	margin-right:auto;
	padding:15px;
	width:828px;	
	background:url(../images/bg-three-column-main2.png) repeat-y;
	position:relative;
	border:0px; 
	border-color: White;
	border-style: solid;
	}
/*  weg background:url(../images/bg-three-column-main2.png) repeat-y;
*/
#content-container-three-columnJ8 {
	margin-top:3px;
	margin-left: auto;
	margin-right:auto;
	padding:15px;
	width: 825px;
	background-color: White; 
	position:relative;
	border:0px; 
	border-color:  Black;
	border-style: solid;
	}
	/* automaat 26sep2008 
width: 945px;
*/
#content-container-three-columnLSC {
	margin-top:3px;
	margin-left:3px;
	margin-right:3px;
	padding:1px;
	width: auto;
	height:auto;
	background-color: #cccccc;
	border: 3px; 
	border-color: white;
	border-style:  solid;
	border-width: medium;
	}
#content-container-three-column1 {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	width:840px;	
	background-image: url(../background/vvsJ8_background.jpg);
	background-repeat: repeat-y;
	position:relative;
	border:5px; 
	border-color: orange;
	border-style: solid;
	}
	
#content-container-three-column1smal 
{
    float:left;
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	width:680px;	
	position:relative;
	border:5px; 
	border-color: orange;
	border-style: solid;
	background-color:Green;
	}

#content-container-three-column1GROEN {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	width:840px;	
	background-image: url(../background/vvsJ8_background.jpg);
	background-repeat: repeat-y;
	position:relative;
	border:5px; 
	border-color: Green;
	border-style: solid;
	}
#content-container-eencolumn {
	margin-top:3px;
	margin-left: inherit;
	margin-right: inherit;
	padding:1px;
	width:900px;	
	background:url(../background/blauwlanglicht2ligt.jpg) repeat-y right;
	position: fixed;
	border:3px; 
	border-color: Navy;
	border-style: solid;
	}
/*-- was 320 nu 340 -->*/
#content-main-three-column {
	width:320px;
	float:left;
	margin-left:25px;
	}
#content-main-three-columnJ8 {
	width: 450px;
	float: left;
	margin-left: 15px;
	border-right-color:Orange;
	border-right-style:double;
	border-right-width:medium;
	background-color: #cccccc;
	}
	
#content-main-three-columnJ9 {
	width:688px;
	float:left;
	margin-left:5px;
	border-color:Orange;
	border-style:double;
	border-width:thin;
	}
	/*uitgezet background-color: #ccccff;   205 205 430 max 960 
bodycollor  #cccccc ook hier = schijf vorm */
#content-main-three-columnLSC 
{   margin-left:5px;
	width: 480px;
	background-color: #cccccc;
	float:left;
	margin-left:10px;
	 border-color:  #cccccc;
	 border-style:  dashed;
	 border-width: 1px;
	}
#content-main-three-column1 {
	width:600px;
	float:left;
	margin-left:2px;
	}

/*--#content-side2-three-column,

 was 160 nu 155 -->
#content-side1-three-column {
	float:left;
	22sep2008 naar 220}
*/
#content-side1-three-column {
	width:205px;
	font-size:.9em;
	float:left;
	background-image: url(../backgrounds/Plaatje_1_September2008.jpg);
	height:600px;
	border-color: White;
	border-style:double;
	border-width:thin;
	}
#content-side1-three-column2400 {
	width:205px;
	font-size:.9em;
	float:left;
	background-image: url(../backgrounds/Plaatje_1smal_dun.jpg);
    background-repeat: no-repeat;
	height:2400px;
	border-color: White;
	border-style:double;
	border-width:thin;
	}
#content-side1-three-columnLSC {
	width:205px;
	font-size:.9em;
	float:left;
	height: 600px;
	background-color: #ff6347;
	border-color: White;
	border-style:double;
	border-width:thin;
	background-color: #ff6347;	
	background-image: url(../backgrounds/Plaatje_1_September2008.jpg);
	}
#content-side1-three-columnJ8 {
	width:110px;
	font-size:.9em;
	float:left;
	margin-left:140PX;
	}
#content-side1-three-columnJ8_M1 {
	width:200px;
	background-color:Silver;
	border-color:Navy;
	border-width: thin;
	font-size:.9em;
	float:left;
	margin-left:1PX;
	}
#content-Left-column {
	width:40px;
	font-size:.9em;
	float:left;
	}
#content-right-column {
	width:40px;
	font-size:.9em;
	float:right;
	}
	
#content-side2-three-column {
	float:right;
	width:155px;
		}
#content-side2-three-columnJ8 {
	float:right;
	width:155px;
	margin-left: 200; 
	background-image: url(../backgrounds/J8_default_rechts.jpg);
	height:1400px;
	color:Green;
	}
#MenuBeeldenRechtsBoven1 
{
    top:5%;
	left:75%;
	float: right;
	width:auto;
	position: fixed;
	margin-left: 200; 
	height:1400px;
	color:Green;
	}
#MenuBeeldenRechtsMidden1 
{
    top:11%;
	left:80%;
	float: right;
	width:auto;
	position: fixed;
	margin-left: 200; 
	height: auto;
	color:Green;
	}
#content-side2-three-columnLSC {
	float:right;
	width:205px;
	color: Maroon;
	border-color: White;
	border-style: solid;
	border-width: 3px;
	background-color: #ff6347;
	background-image: url(../backgrounds/Plaatje_1KEER_September2008.jpg);
	height:600px;
	}
#content-side2-three-columnJ9 {
	float:right;
	width:auto;
	margin-left: 200; 
	background-image: url(../backgrounds/J8_default_rechts.jpg);
	height: auto;
	color:Green;
	}


	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE - THREE COLUMN SECTION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
background:url(../images/bg-three-column-home.png) repeat-y;
margin:20px 0 10px 0;
~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#three-column-container 
{
    padding:0;
	margin:5px 0 10px 0;
	}
#three-column-containerJ8 
{
    background-color: Transparent;
    background-image: url(../backgrounds/J8_default.jpg);
    background-repeat:no-repeat;
	padding:0;
	margin:5px 0 10px 0;
	height:800px;
	}

#three-column-side1 {
	float:left;
	width:30%;
	}
#three-column-side1J8 
{
     background-color: Transparent;
    background-image: url(../backgrounds/blauwlangJ8.jpg);
    background-repeat: repeat-y;
	float:left;
	width:30%;
	height:800px;
	}

#three-column-side2 {
	float:right;
	width:30%;
	}
#three-column-side2J8 
{
    background-color: Transparent;
    background-image: url(../backgrounds/blauwlangJ8.jpg);
    background-repeat: repeat-y;
	float:right;
	width:30%;
	height:800px;
	}

#three-column-middle {
	width:30%;
	margin:0px 32% 0px 35%;
	}
	
	
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
    
    css-master

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~#666666 was red~~~~~~#FFFFFF~~~~~~~bgcolor="#99ff66"~~~~#C0FFC0= lichtste groen~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



p { color:Navy;
	margin:10px 0;
	}

p.no-padding-no-margin {
	padding:0;
	margin:0;
	}
	
hr{
	color: #E5E5E5;
	background-color: #E5E5E5;
	height: 1px;
	border:0;
	margin:15px 0;
	_margin:10px 0;
	}
	
blockquote {
	padding:0 0 0 12px;
	margin:12px 0 0 0;
	background:url(../images/bg-quote.png) no-repeat;
	}

blockquote p {
	margin:2px 0;
	}
	
cite {
	font-size:.85em;
	margin:0;
	padding:0 0 0 6px;
	}

fieldset {
	padding:15px;
	}
	
legend {
	color:#333333;
	padding:5px 3px 10px 3px;	
	}




/*~~~~~~~~~~~~blauwig #C0FFFF~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~VOOR MENU BELANGRIJK~~~~~~~~~~was Color:#980000; = donkerrood~~~~~~~visited was Navy 
a:active  is de kleur die je #C0C0FF xxxxxxxxxxxxxxxxxxxx ziet na aanklikken ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


a:link {
	color: Green;
	background-color: White;
	text-decoration:none;
}

a:visited {
	color:  Blue;
	background-color: white;
	text-decoration:none;
}

a:hover {
	color: Red;
	background-color: #C0C0FF;
	text-decoration:none;
}

a:active {
	color: red;
	font-weight:bolder;
	border-bottom-width: medium;
	border-color: Green;
	border-width:  medium;
	border-style: solid;
	background-color: White;
	text-decoration:  'line-through' and 'blink' ;
}

#content-side-two-column a:link,
#content-side2-three-column a:link,
#content-side1-three-column a:link,
#content-side-two-column a:visited,
#content-side2-three-column a:visited,
#content-side1-three-column a:visited {
	text-decoration:none;
}

#content-side-two-column a:hover,
#content-side2-three-column a:hover,
#content-side1-three-column a:hover {
	text-decoration:underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TOP INFORMATION

~~~background-color:Silver; geeft achtergrond~~~~~~~~~~~~~~~~~~~~~~~~~
~~Georgia, "Times New Roman", Times, serif;~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
width:760px
color: #ff6347 belangrijk 23SEP2008;
*/

#top-information {
	height:4.5em;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3px;
	color: #ff6347;
	font-family:Verdana;
	font-size: 1.0em;
	position:relative;
	width:780px;
	}
/*style="left: 15px; top: 0.5em; "
style="left: 66px; width: 333px" 
*/
	
#logo {
	position: fixed;
	top:.5em;
	left:70px;
	width: 433px; 
	font-size:1.2em;
	font-family:Verdana; 
	height:2.0em;
	padding:.1em 0 .2em 0;
	font-variant: small-caps;
	font-weight:bolder;
	color:  White;
	}

#logo a {
	color:#4A6BB3;
	text-decoration: none;
	}

/* width:15%; border-bottom:1px dashed #CACACA; 
    right:25.5%;
    border-bottom:1px dashed White;
*/
#top-information-home 
{
    font-family: Verdana;
    font-size: xx-small;
    color:Navy;
	text-align:right;
	position:absolute;
	top:0;
	right:20%;
	height:2em;
	width:50%;
	padding:0 1.5% 0 0;
	}

/* border-left:1px double #CACACA; */ 	
#top-information-phone 
{
    color: Navy;
	text-align:center;
	position:absolute;
	top:0;
	left:75%;
	height:100%;
	padding:0 0 0 2%;
	}

/* border-left:1px double #CACACA; 
    top:25%;
    style="left: 75%; width: 170px; top: 25%; 
    font-weight: bold; text-transform: capitalize; color: navy; 
    font-family: Verdana; font-variant: small-caps;"
*/	
#top-information-LSC 
{
    font-family: Verdana;
    font-size:  small;
    font-variant:small-caps;
    font-weight:bolder;
    color: Orange;
	text-align: center;
	position:absolute;
	top:35%;
	left:80%;
	height:100%;
	padding:0 0 0 2%;
	}
.top-information-button 
{
    background-color:#C0FFFF;
    font-style:italic;
    color:Maroon;
    border-color:#FFE0C0;
	text-align: right;
	font-size:x-small;
	border-style: inset;
	text-decoration: blink;
	}
	
.top-information-button2 
{
    background-color:#C0FFFF;
    font-style: normal;
    color:Maroon;
    border-color:#FFE0C0;
	text-align: center;
	font-size: medium;
	border-style: outset;
	width: 205px;
	
	}
.top-information-button2:hover 
{
    background-color: Red;
    font-style: normal;
    color: Silver;
    border-color:#FFE0C0;
	text-align: center;
	font-size: medium;
	border-style: outset;
	}
.top-information-button3
{
    background-color:#C0FFFF;
    font-style: normal;
    color:Maroon;
    border-color:#FFE0C0;
	text-align: center;
	font-size: small;
	border-style: outset;
	width: 150px;
	
	}
.top-information-button3:hover 
{
    background-color: Red;
    font-style:  normal;
    color: Silver;
    border-color:#FFE0C0;
	text-align: center;
	font-size:  small;
	font-weight: bold;
	border-style: outset;
	}

.t_buttongroen81
{
    background:#608fc8 url(../images/bg-nav.png);
    font-style: normal;
    color:Green;
    font-style:normal;
    font-weight: bolder;    
    border-color: Green;
	text-align: center;
	font-size: small;
	border-style: outset;
	border-width: thin;
	width: auto; 	
	}
	
.menubutton8
{
    background:#608fc8 url(../menubutton8.jpg);
    font-style: normal;
    color: Blue;
}

.menubutton8:hover
{
    color: RED;
    background:#608fc8 url(../images/menubutton8hover.jpg);
    border-style: solid;
    
}

.t_buttongroen81:hover
{
    background-color: red;
    background-repeat:repeat;
    font-style: normal;
    font-weight: bolder;
    color: Red;
    text-align: center;
    font-size: small;
    width: auto;
    border-right: navy 2px outset;
    border-top: navy 2px outset;
    border-left: navy 2px outset;
    border-bottom: navy 2px outset;
    font-family: Verdana;
    direction: ltr;
    text-indent: 2px;
    letter-spacing: normal;
}

.t_buttongroen8:visited 
{ 
    background-color:  Blue;
    font-style:normal;
    font-weight: bolder;   
    color:  Yellow;
    border-color:Green;
	text-align: center;
	font-size: small;
	border-style: outset;
	border-width: thin;
	}


#top-information-link {
	text-align: center;
	border-left:1px dashed #CACACA;
	position:absolute;
	top:0;
	right:0;
	height:2em;
	width:8.5%;
	padding:0 0 0 1.5%;
	}





#subheading{
	font-size:1.1em;
	font-weight:bold;
	}

	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MAIN NAV 

~~~~~~~~~~~~~~~~~~~~~~~~~~background:#608fc8 url(../images/bg-nav.png) no-repeat;~~
background-image: url(../backgrounds/vvs_hor1.jpg)
background:#608fc8 url(../images/bg-navVVS.png);;740 naar 840 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
background-image: "../images/bg-nav.png";
tomato #ff6347 wordt firebrick #b22222 */


/* naar 230 22sep2008
#ff6347 Tomato
Firebrick #b22222
Soort orange =#FF8000
border-color niet zichtbaar 23dsep2008 background-color: #ff6347
*/

.s_mainmenu2
{ background-color: #ff6347;
     border-color:Yellow;
      border-bottom-style: solid;
      border-bottom-color:  #FF8000;
      border-bottom-width: medium;
       width:  auto;
        color: white;
                }
#nav-main {
	background-color: #ff6347;
	margin-left:auto;
	margin-right:auto;
	width:220px;
	position: fixed;
	font-weight:bold;
	vertical-align:top;
}

#nav-mainJ8 
{
   	background:#608fc8 url(../images/bg-nav.png);
	margin-left: auto;
	margin-right:auto;
	width:110px;
	padding:.8em 0 1em 22px;
	position: absolute;
	font-weight:bold;
	
}
#nav-mainVVS {
	background-image: url(../backgrounds/vvs_hor1.jpg);
	margin-left:auto;
	margin-right:auto;
	width:840px;
	padding:.8em 0 1em 20px;
	position:relative;
	font-weight:bold;
}

/* was 25 nu 10 height: 20px;*/ 
#nav-main div {
	background:#4b6cb5 url(../images/bg-nav-side.png) top right no-repeat;
	width:12%;
	_width:12.5%;
	position:absolute;
	top:0;
	right:0;
	padding:.8em 0 1em 10px;
	height: 6px;
}

#nav-main ul {
	margin:0;
	padding:0 20% 0 0;
	}
	
#nav-main li {
	display:inline;
	list-style:none;
	padding:0 1em 0 0;
	background:none;
	}

/* --#FFFFFF -*/
#nav-main a:link,
#nav-main a:visited {
	color: Navy;
	text-decoration:none;
}

#nav-main a:hover {
	color:#D4E7F8;
	text-decoration:underline;
}

#nav-main a:active {
	color:#FFFFFF;
}

#nav-main li.current a:link,
#nav-main li.current a:visited {
	text-decoration:underline;
}

#nav-main li.current a:hover {
	color:#D4E7F8;
	text-decoration:underline;
}

#nav-main li.current a:active {
	color:#FFFFFF;
}

/* ACTIVE PAGES  #D4E7F8 was red */
#nav-main a.StaticSelectedStyle:link
{
	color:green;
	text-decoration:underline;
}
#nav-main a.StaticSelectedStyle:visited {
	color:Blue;
	text-decoration:underline;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	POSTER PHOTO

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


#poster-photo-container {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	width:760px;
	background:#608fc8;
	position:relative;
	}
	
#poster-photo-container2 {
	margin-top:3px;
	width:780px;
	position:relative;
	background-color: Transparent;
	background-image: url(../backgrounds/vvsJ8_background.jpg);
    background-repeat:repeat-y;
	}
	
#poster-photo-container3 {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	width:860px;
	background-color: Transparent;
	background-image: url(../backgrounds/blauwlangJ8.jpg);
    background-repeat:repeat-y;
	position:relative;
	}
	
.poster-photo-image {
	border-right:3px solid #FFF;
	display:block;
	height:80px;
	width:102px; 	
	}

.poster-photo-image2 {
	border-right:3px solid #FFF;
	display:block;
	height:100px;
	width:100px;}
	
.poster-photoklein-image {
	border-right:3px solid #FFF;
	display:block;
	height:50px;
	width:78px;
	
	}

#feature-area-home {
	position:absolute;
	top:0;
	right:0;
	width:21%;
	text-align:center;
	padding:2%;
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:bold;
	line-height:160%;
	}

#feature-area-home a:link,
#feature-area-home a:visited {
	color:#dcf2f7;
	text-decoration:underline;
	}
	
#feature-area-home a:hover {
	text-decoration:none;
	}
	
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BREADCRUMB

~~~~~~~~~~~~~background:#608fc8; #608fc8 ~~762~~~862~~858 bepaald kopbreeedte 24OKT2007~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.koppanel1
{ background-color: #add8e6; 
   margin-left:auto;
    margin-right:auto;
     width:860px;
     border-bottom-color:#add8e6;
     border-bottom-width:thin;
     height: 58px;
         }
.paneldefaultJ8
{
    background-image: url(../backgrounds/J8_default.jpg);
    background-repeat:no-repeat;
         }

#breadcrumb2 {
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	width:820px;
	background-image: url(../backgrounds/vvsJ8_background.jpg);
    background-repeat:repeat-y;
	position:relative;
	color: Maroon;
	font-size: small;
	font-weight: bolder; 
	padding:.5em 20px .7em 20px;
	}

#breadcrumb2GROEN {
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	width:820px;
	background-image: url(../backgrounds/vvsJ8_backgroundGROEN.jpg);
    background-repeat:repeat-y;
	position:relative;
	color: Maroon;
	font-size: small;
	font-weight: bolder; 
	padding:.5em 20px .7em 20px;
	}
#breadcrumbJ8_L 
{
    background-color: Transparent;	
	background-image: url(../backgrounds/vvs_hor1.jpg);
    background-repeat:repeat-y;
	margin-top:2px;
	margin-left: inherit;
	width:900px;	
	position:relative;
	color:#0000cd;
	font-size: large;
	padding:.1em 1px .1em 1px;
	}
#breadcrumbJ8L {
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	width:820px;
	height:240px;
	background-color:  Gray;
	background-image: url(../images/vuurwerk1.jpg);
	position:relative;
	padding:.5em 20px .7em 20px;
	}


/*~~width:720px; per 10mei07
position:relative;* per 25okt07 780/ */


#breadcrumb_klein 
{
    background-color: Transparent;
	background-image: url(../backgrounds/vvsJ8_background.jpg);
    background-repeat:repeat-y;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	width:820px;	
	position: relative;
	color: #0000cd;
	font-size: x-small;
	padding:.5em 20px .7em 20px;
	}
	#breadcrumb_kleinGROEN 
{
    background-color: Transparent;
	background-image: url(../backgrounds/vvsJ8_backgroundGROEN.jpg);
    background-repeat:repeat-y;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	width:820px;	
	position: relative;
	color: #0000cd;
	font-size: x-small;
	padding:.5em 20px .7em 20px;
	}
#breadcrumb_rood 
{
    background-color: Transparent;
	background-image: url(../backgrounds/roodlanglicht2ligt.jpg);
    background-repeat:repeat-y;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	width:720px;	
	position:relative;
	color:#0000cd;
	font-size:  x-small;
	padding:.5em 20px .7em 20px;
	}
	
	/* was blauwlanglicht1ligt 12maart 2008 padding:.5em 20px .7em 20px;	 
color:#0000cd; background-image: url(../backgrounds/blauwlanglicht1ligt.jpg);
blauwlangJ8 vervangen 31maart2008*/


		#breadcrumbGROEN 
{
    background-color: Transparent;	
	background-image: url(../backgrounds/vvsJ8_backgroundGROEN.jpg);
    background-repeat:repeat-y;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	width:860px;	
	height:90px;
	position: static;
	color:Navy;
	font-size: large;
		}
#breadcrumbVVS 
{
    background-color: Transparent;	
	background-image: url(../backgrounds/vvs_hor1.jpg);
    background-repeat:repeat-y;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	width:780px;	
	position:relative;
	color:#0000cd;
	font-size: large;
	padding:.5em 20px .7em 20px;
	}



/*~~~~~~~~~~~~~~~~~#D4E7F8~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TREE VIEW CONTROL

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.TreeView  
{
    border-bottom:1px dotted #B2B2B2 !important;
    color:red;
    background-color:Yellow;
}

.TreeView div
{
    margin-left:5px;
    font-size: small;
    color:Orange;
}

.TreeView table
{
    border-top:1px dotted #B2B2B2 !important;
}

.TreeView div table
{
    border-bottom:none !important;
    border-top:none !important;
}

.TreeView table td
{
    padding:2px 0;
}

.LeafNodesStyle 
{
  COLOR:Maroon;  
}

.RootNodeStyle 
{ font-size: small;
    font-family:Arial Narrow; 
    color: Maroon;
       
}

/* ALL ELEMENTS */
a.NodeStyle 
{
    COLOR:Navy;
    font-size: small;
    font-family:Arial Narrow;
}

a.ParentNodeStyle 
{
    background:yellow;
    color:Black;
}
 

.SelectedNodeStyle 
{
    background:#E5E5E5;
    display:block;
    padding:2px 0 2px 3px;
    color:Navy;
    font-family:Arial Narrow;
    font-size: small;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LISTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul {
	margin:0;
	padding:0;
	}

li {
	list-style:none;
	background:url(../images/list-bullet-02.gif) no-repeat 0 .8em;
	padding:.2em 0 .2em 1em;
	margin-left:0.4em;
	
}
/* dit is onderkant #B2B2B2 was dotted*/
ul.list-of-links {
	border-bottom:2px dotted #B2B2B2;
	}

#content-side1-three-column ul.list-of-links,
#content-side2-three-column ul.list-of-links {
	margin: 0 0 30px 0px;
}

ul.list-of-links li{
	border-top:2px dotted White;
	background-image:url(../images/list-bullet-01-link.gif);
}

ul.list-of-links li.current {
	background-color:#E5E5E5;
}


ul.no-lines,
ul.no-lines li {
	border:none;
	}

.s_dropdownlistJ7 {
    Font: Verdana ;
    Font-Size: small;
    background-color:#e0ffff;
    color:#0000cd;
    width: 250px;
    }
.s_dropdownlistJ8 {
    Font:"Verdana";
    Font-Size: small;
    background-color:InactiveCaptionText ;
    color:#0000cd;
    }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE FEATURE AREA

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.feature-area {
	background-color:#6799D1;
}
.feature-area_wit {
	background-color: Transparent;
	color:White;
	font-size: xx-small;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES & PHOTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img {
	border:none;
	}

.photo-border {
	border:1px solid #cecece;
	padding:4px;
	background:#d9d9d9 url(../images/bg-photo.png) top repeat-x;
	margin-bottom:5px;
	display:block;
}
.photo-noborder {
	border:1px solid Transparent;
	padding:4px;
	background-color: Transparent;
	margin-bottom:5px;
	display:block;
}

.photo-float-left {
	float:left;
	margin-right:10px;
	}

.image-border-none {
	border:none;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

~~~~~~~~~~~~~~~~~#C0FFFF = lichtste blauw ~~#a9c0db = blauwig~
background:#608fc8 url(../images/Liselot_bg-nav.png) bottom left no-repeat; 
background-image: url(../images/Liselot_bg-nav.png);	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer 
{
    background-color: #ff6347;
    margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	width:98%;
	padding:.8em 0 1em 20px;
	position:relative;
	color: Blue;
	font-size:.8em;
}
/* background:#608fc8 url(../images/bg-navVVS.png) bottom left no-repeat;*/
#footerVVS 
{
    background:#608fc8;
	background-image: url(../backgrounds/vvs_hor1.jpg);
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	width:840px;
	padding:.8em 0 1em 20px;
	position:relative;
	color:#C0FFFF;
	font-size:.8em;
}
/* background:#4b6cb5 url(../images/Liselot_bg-nav-side.png) bottom right no-repeat; 
position:absolute;
_width:25.5%;*/
#footer div {
	background-color: #ff6347;
	width:25%;
	position: absolute;
	top:0;
	right:30px;
	padding:.8em 0 1em 0;
}

#footer a:link,
#footer a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover {
	color:#D4E7F8;
	text-decoration:none;
}

#footer a:active {
	color:#FFFFFF;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER-SUB

~~~~~~~~~~color:#999999 grijs~#666666 = donkergrijs width:840px; ~~~~~~~~~*/

#footer-sub {
	margin-top:1em;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	text-align:center;
	padding:.1em 0 2em 0;
	position:relative;
	font-size:.8em;
	color:white;
	}

#footer-sub ul {
	margin:0;
	padding:0;
	}
	
#footer-sub li {
	display:inline;
	list-style:none;
	padding:0 1em 0 0;
	background:none;
	}

#footer-sub a:link,
#footer-sub a:visited {
	text-decoration:underline;
	color:#FFE0C0;
}

#footer-sub a:hover {
	color:#980000;
	text-decoration:none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MISC CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.news-date {
	font-size:0.9em;
	font-style:italic;
	color:#A4A4A4;
}

.arrow {
	vertical-align:middle;
	}

input.button-big {
	font-weight:bold;
	padding:.7em 1.5em;
	font-size:1.1em;
	vertical-align:bottom;
	}

input.button-small {
	font-weight:normal;
	padding:.4em 1em;
	font-size:.8em;
	vertical-align:bottom;
	}

.clear {
	clear:both;
	}

.none {
    display:none;
}
.s_tbinvoerspeciaal
{ background-color: #FFE0C0;
    border-style:  dotted;
    border-width: 1px;
    border-color: #FFE0C0;
    width:200px;}


.s_labelkopblauw
{   color:  Navy;
    font-weight:bold;
    font-family:Verdana;
    font-style:italic; 
    font-size:  medium; 
    width: 100%; 
    background-color:Transparent; 
}  
.s_labelinvullen
{   color:  Navy;
    font-weight:bold;
    font-family:Verdana;
    font-style:italic; 
    font-size:  medium; 
    background-color:Transparent; 
} 
.s_labelroodbruin 
    {font-size:12pt;  
    font-variant:normal;  
    font-family:Verdana; 
    font-weight:normal; 
    color:#C04000; 
    font-style: italic;
    }
 
.s_TextBoxblauw
{   color:  Navy;
    border-style: none;
    font-weight:bold;
    font-family:Verdana;
    font-style:italic; 
    font-size:  medium; 
    width: 100%; 
    background-color: White; 
}  
.s_labelxxKlein
{ color:Maroon;
    font-size:xx-small;
    background-color:Yellow;
}

.s_tbuitvoer1
{  background-color:White;
    border-style: solid;
    border-width: 1px;
    border-color: Blue;
    color:Navy;
    font-variant:normal;
    font-weight:bolder;
    width:300px;}