/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~
BODY per 21jan2009 via lsc_css-content
2010_lamp_beeld100090 WAS Zee2_1000145 PER 20DEC2009
#fffafa = vlezig wit 19.10.2008 / lijkt geschikt voor BODY 1jan2009
#FFFFCC = licht geel
~~~~~~~~~~~~~~~~~~~~2default_login_direct~~~~~~~
background-image: url(../backgrounds/vvs_vert1.jpg);
J8_Achtergrond1 = 10/1200 vervang blauwlanglicht1 want op vista maximaal 1000
740 naar 840 zie aldaar 24OKT07
meest gebruikt breedt 820 28OKT07 Liselot_blauwlanglicht1ligt.jpg blauwlanglicht1ligt
firebrick   =   #b22222
coral       =   #ff7f50
Orange rood =   #ff4500
Tomato      =   #ff6347
blauw       =   #0000a0  (een van)
licht blauw =   #cccccc
gelig blauw     #ffcccc ziet er rozig uit
#99cc99 groenig blauw
#ccccff paarsig blauw
was #cccccc
~~~~background-image: url(../backgrounds/vvsJ8_background.jpg);
    background-repeat:repeat-y;

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

	CONTENT CONTAINER - TWO COLUMN
Standaardbreedte is: 728 wordt 828 per 24okt07
??#818181=
#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;~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#ff6347
~~~~~~#fffafa~~~~Beelds2009_L2~~~~Beeld_2009_M1
background-color: #ff6347~
background-image: url(../backgrounds/zee3.jpg);
	background-repeat: repeat-x;
*/

body {
	background-color: #ccccff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.4em;
	color:  Navy;	
	border-bottom-color: White;
	border-bottom-style: double;
	border-bottom-width: thin;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width:  0px;
	border-left-color: #fffafa;
	border-left-style: solid;
	border-left-width: 0px;
	border-right-color: #fffafa;
	border-right-style:solid;
	border-right-width:0px;
	max-width: 980px;
	min-width: 940px;
}
.s_buttonmenu
{
    background-color: #ECEAFF;
    color: Navy;
    font-variant: small-caps;
    font-size: x-small;
    font-style: normal;
    width: auto;
    border-color: Navy;
    border-width: thin;    
}

.s_buttonmenu:hover
{
    background-color: White;
    color: RED;
    font-variant: small-caps;
    font-size: x-small;
    font-style:normal;
    border-color: Red;
    border-width: thin;
}

.s_buttonmenu:visited
{
    background-color: Green;
    color: RED;
    font-variant: small-caps;
    font-size: x-small;
    font-style:normal;
}

/*was 170 nu 150 per 21.11.09*/
#breadcrumb {
    background-color: Transparent;	
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:100%;	
	height: 150px;
	position:  fixed;
	color: Navy;
	font-size:  x-small;
	font-variant: small-caps;
	font-weight: bolder;	 
	vertical-align: text-bottom;
	padding-top: 1px;	
		}
#breadcrumbplaatjes
{ top: 70px;
    left:25%;
    position: fixed;
	width:360px;
	font-size:0.8em;
	float:left;	
	height: auto ;
	border-color: Aqua;
	border-style: none;
	border-width:thin;
	border-collapse:collapse;
	font-weight: lighter;
	}
#breadcrumbplaatjesonder
{ top: 90%;
    left:25%;
    position: fixed;
	width:360px;
	font-size:0.8em;
	float:left;	
	height: auto ;
	border-color: Aqua;
	border-style: none;
	border-width:thin;
	border-collapse:collapse;
	font-weight: lighter;
	}
#breadcrumbstaande
{ top: 120px;
    left:220px;
    position: absolute;
	width:45px;
	font-size:0.8em;
	height: auto ;
	border-color: Aqua;
	border-style: none;
	border-width:thin;
	border-collapse:collapse;
	font-weight: lighter;
	}
#breadcrumbstaanderechts
{ top: 120px;
    right: 30px;
    position: absolute;
	width:45px;
	font-size:0.8em;
	height: auto ;
	border-color: Aqua;
	border-style: none;
	border-width:thin;
	border-collapse:collapse;
	font-weight: lighter;
	}
bodyeen {
	background-color: #fffafa;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.4em;
	color: Blue;	
	border-bottom-color:#ff6347;
	border-bottom-style: double;
	border-bottom-width: thin;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width:  0px;
	border-left-color: #fffafa;
	border-left-style: solid;
	border-left-width: 0px;
	border-right-color: #fffafa;
	border-right-style:solid;
	border-right-width:0px;
	background-image: url(../backgrounds/zee3.jpg);
	background-repeat: repeat-x;
	max-width: 980px;
	min-width: 940px;
}
#bodytwee {
	background-color: #99CCFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.4em;
	color: Blue;	
	border-bottom-color:#ff6347;
	border-bottom-style: double;
	border-bottom-width: thin;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width:  0px;
	border-left-color: #fffafa;
	border-left-style: solid;
	border-left-width: 0px;
	border-right-color: #fffafa;
	border-right-style:solid;
	border-right-width:0px;
	background-image: url(../images/logo_LSCA_120.jpg);
	background-repeat: no-repeat;
	max-width: 960px;
	min-width: 920px;
}
/*Color:#980000; = donkerrood~~~~~~~visited was Navy 
a:active  
a:visited {	color:  #ff6347;
a:link {color: #cccccc;
is de kleur die je ziet na aanklikken ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


a:link {
	color: #980000;
	background-color:  Transparent;
	text-decoration: none;
    text-align: left;
}

a:visited {
	color:  #980000;
	background-color:  Transparent;
	text-decoration: none;
}

a:hover {
	color: green;
	font-weight:bolder;
	background-color: Yellow;
	text-decoration: underline;
}

a:active {
	color: Maroon;
	font-weight: bolder;
	border-bottom-width: medium;
	border-color: Green;
	border-width:  medium;
	border-style: solid;
	border-width: 0px;
	background-color:  Transparent;
	text-decoration:  underline;
}
/*#content-main-three-columnJ9 {
	width:688px;
	float:left;
	margin-left:5px;
	border-color:Orange;
	border-style:double;
	border-width:thin;
	}*/
#content-Bovenbeeld1
{
    font-family: Verdana;
    font-size:  small;
    font-variant:small-caps;
    font-weight:bolder;
    color: Navy;
	text-align: left;
	position: fixed;
	top:40px;
	left:225px;
	height: 140px;
	width: auto;
	background-color: Transparent;
	padding:0 0 0 2%;
	}
#content-main-three-columnJ8 {
	top: 180px;
	width: 480px;
	float: left;
	margin-left: 15px;
	border-right-color: White;
	border-right-style: solid;
	border-right-width: thin;
	background-color: #cccccc;
	}

	/*top: 180px wordt 110*/
#content-main-three-columnLSC_AUG09 
{  top: 110px;
    left: 24%;
    position: relative;
	width: 480px;
	float: left;
	margin-left: 5px;
	border-right-color: White;
	border-right-style: solid;
	border-right-width: thin;
	background-color: #ccccff;
	padding-left: 15px;
	padding-right: 10px;
	}

/*8was180 nu 124 20dec09*/
#content-main-three-columnLSC_pandemie 
{  top: 124px;
    left: 24%;
    position: relative;
	width: 480px;
	float: left;
	margin-left: 5px;
	border-right-color: White;
	border-right-style: solid;
	border-right-width: thin;
	background-color: #FFFFCC;
	padding-left: 15px;
	padding-right: 10px;
	}
#index1-columnLSC
{  top: 180px;
    left: 1%;
    position: relative;
	width: 220px;
	float: left;
	margin-left: 5px;
	border-right-color: White;
	border-right-style: solid;
	border-right-width: thin;
	background-color: #fffafa;
	padding-left: 1px;
	padding-right: 1px;
	}
#index2-columnLSC {
	top: 180px;
	left: 25px;
	width: 700px;
	position: relative;
	margin-left: 1px;
	border-right-color: White;
	border-right-style: solid;
	border-right-width: thin;
	background-color: #cccccc;
		}
.art_image
{ float: left;
  margin: 3px 16px 3px 1px;
  }
  
.t_buttongroen81
{
    background-color: Silver;
    font-style: normal;
    color: Navy;
    font-style: normal;
    font-weight: bolder;
    font-family: Verdana;    
    border-color: Green;
	text-align: left;
	font-size: small;
	border-style: outset;
	border-width: 1px;
	width: 500px; 
		}
.t_buttongroen81:hover
{
    background-color: red;
    font-style: normal;
    font-weight: bolder;
    color: Yellow;
    text-align: left;
    font-size: small;
    width: 500px;
    border-right: navy 1px outset;
    border-top: navy 1px outset;
    border-left: navy 1px outset;
    border-bottom: navy 1px outset;
    font-family: Verdana;
    direction: ltr;
    text-indent: 2px;
    letter-spacing: normal;
}

.t_buttongrijs9
{   float:right;
    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: 400px; 	
	}
.t_buttongrijs9:hover
{   float:right;
    background-color: red;
    font-style: normal;
    font-weight: bolder;
    color: Yellow;
    text-align: right;
    font-size:  x-small;
    width: 400px;
    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;
}
/* WAS 220 20DEC09 top:140px*/
#content-main-one-column_vvmsJ8 
{
    top:110px;
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	width: auto;
	border-width: 0px;
	border-color: RED;
	border-style: solid;
	background-color:  Transparent;
	}
#KOP2_maakregelmatigschoon
{
    top:180px;
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	width: auto;
	position: relative;
	border-width: 0px;
	border-color: RED;
	border-style: solid;
	background-color: White;
	}
	
#KOP1_maakregelmatigschoon 
{
    top: 2px;
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	width: auto;
	position: fixed;
	border-width: 0px;
	border-color: RED;
	border-style: solid;
	background-color: blue;
	}
/*wissel positie23.04.09
78 naar 3
3 naar 78 
background-color: #ff6347;
background-color: #ccccff;
font-size:  x-small;
    font-variant: small-caps;
    font-weight: bolder;
top:180px; was 26% 27ap02*/
#Rechtsmenu1
{
    font-family: Verdana;
    font-size:  x-small;
    font-variant:  normal;
    color: Navy;
	text-align: left;
	position: fixed;
	width:205px;
	top:126px;
	left: 1%;
	height: auto;
	background-color: White;
	padding:0 0 0 0;
	}
/* 27ap09 180 instelling 126 PER 20DEC09 */
#content-side1-three-columnFixed1 
{ top:126px;
    left:80%;
    position: fixed;
	width:160px;
	font-size:0.8em;
	float:left;	
	height: auto ;
	border-color: white;
	border-style:double;
	border-width:thin;
	border-collapse:collapse;
	font-weight: lighter;
	}

/* WAS 30 NAAR 20% PER 20DEC09 */
#FixedBoven1 
{
    left:3%;
    position: fixed;
	width:205px;
	font-size:1.0em;
	float:left;	
	background-attachment: fixed;
	height:auto;
	border-color: White;
	border-style:double;
	border-width: 0px;
	font-weight: lighter;
	top: 20%;
	}
	/*text-transform: uppercase; */
.MenuAanpas1
{ color: Blue;    
    background-color: #fffafa;
    border-right-width: 1px;
    border-right-color:  #ccccff;
    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: #ccccff;
    border-bottom-style: solid;
    text-align: left;
    padding-left: 2px;
    font-family: Verdana;
    font-weight: normal;
    font-size:  x-small;
    }
	
#content-side2-three-columnLSC 
{   visibility: hidden;
    left:74%;
    position:fixed;
	float:right;
	width:280px;
	color: Maroon;
	border-color: White;
	border-style: solid;
	border-width: 3px;
	background-color: #ff6347;
	background-image: url(../backgrounds/Plaatje_1KEER_feb2009Helder.jpg);
	height:610px;
		
	}
#content-main-three-columnJ9 
{   background-color:White;
    margin-left: 310px;
	width:650px;
	float:left;
	margin-left:0px;
	border-color: #ff6347;
	border-style: solid;
	border-width: thin;
	}
#content-side1-three-columnLSC 
{   top: 220px;
    width:260px;
	float:left;
	height: 610px;
	background-color: #ff6347;
	border-color: White;
	border-style: solid;
	border-width:thin;
	background-color: #ff6347;	
	background-image: url(../backgrounds/Plaatje_1KEER_feb2009Helder.jpg);
	}

/* naar 230 22sep2008 #ff6347 Tomato
Firebrick #b22222
Soort orange = #FF8000
border-color niet zichtbaar 23dsep2008 background-color: #ff6347
*/
.s_mainmenu
{ background-color: Transparent;
     border-color: Silver;
     border-width: 0px;
      border-bottom-style: solid;
      border-bottom-color:  transparent;
      border-bottom-width: 1px;    
      border-left-style:  solid;
      border-left-color:   transparent;
      border-left-width:  thin;   
      width: 240px;
      color: Green;
      font-size: small;   
      padding-left:4px;
       word-spacing: 2px;
       font-family:Verdana;
       
                }
#nav-maindefault 
{
	background-color: Transparent;
	background-image: url(../backgrounds/2010_LEDSchoonmaakControle_Site_100076.jpg);
	background-repeat:no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 956px;
	height: 140px;
	position:  fixed;
	font-weight: bold;
	vertical-align:top;
	border-color: white;
	border-style: solid;
	border-width:  thin;
	color: Navy;
	text-align: center;
}
#nav-maindefaultLSC {
	background-color:  #ccccff;
	background-image: url(../backgrounds/2010_LEDSchoonmaakControle_Site_100076_ndefault.jpg);
	background-repeat:no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 956px;
	height: 170px;
	position:  fixed;
	font-weight: bold;
	vertical-align:top;
	border-color: #ccccff;
	border-style: solid;
	border-width:  thin;
	color: Navy;
	text-align: center;
	}
#heading{
	text-align: left;
	font-size:1.4em;
	font-weight:bold;
	}

#subheading{
	font-size:1.1em;
	font-weight:bold;
	}
#content-container-three-column1smal 
{   top: 220px;
    background-color: White; 
    margin-left:auto;
	margin-right:auto;
	width:740px;	
	position:relative;
	border:5px; 
	border-color: White;
	border-style: double;
	}
/*{float:left;
    top: 220px;
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	width: auto;
	border-width: 0px;
	border-color: RED;
	border-style: solid;
	background-color:  Transparent;
	}*/
	
 /* -
background-color:#ffcccc*/
.s_panelcolumn1
{ background-color: #fffafa;
   margin-left:auto;
    margin-right:auto;
     width:700px;
     border-bottom-color:#add8e6;
     border-bottom-width:thin;
     height: 800px;
     padding-left: 15px;
     color: Blue;
                  }
.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: 12px;
     color:Navy;      
                  }
.s_panel_lsc2
{ 
    background-image: url(../backgrounds/bg_Panel_lsc2.jpg);
    background-repeat: repeat-x;
    font-style:normal;
    font-weight:bolder;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    height: auto;
    padding-left: 12px;
    color:Navy; 
      
                  }
.s_panel_lsc3
{ 
    background-image: url(../backgrounds/bg_Panel_lsc3.jpg);
    background-repeat: repeat-x;
    font-style:normal;
    font-weight:bolder;
    margin-left:auto;
    margin-right:auto;
    width: 100%;
    height: auto;
    padding-left: 1px;
    color:Navy; 
    text-align:left;
    float:left;
     }
                 /* -
position: static;--*/
#content-RechtsBeeldBovenLSC
{
    font-family: Verdana;
    font-size:  small;
    font-variant:small-caps;
    font-weight:bolder;
    color: Navy;
	text-align: left;
	position: fixed;
	top:5%;
	left:65%;
	height: auto;
	width:20%;
	background-color: Transparent;
	padding:0 0 0 2%;
	}
#content-LinksBeeldBovenLSC
{
    font-family: Verdana;
    font-size:  small;
    font-variant:small-caps;
    font-weight:bolder;
    color: Navy;
	text-align: left;
	position: fixed;
	top:5%;
	left:5%;
	height: auto;
	width:20%;
	background-color: Transparent;
	padding:0 0 0 2%;
	}
#breadcrumb2 {
    background-color: Lime;	
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	width:100%;	
	height: 160px;
	position: relative;
	color: Navy;
	font-size:medium;
	font-variant:small-caps;
	font-weight: bolder;
	vertical-align: text-bottom;
	padding-top: 12px;
	text-align: center;
		}
#topinfohome1 
{
    font-family: Verdana;
    font-size: xx-small;
    color: Maroon;
	text-align:right;
	top: 2%;
	right:5%;
	height:2em;
	position: fixed;
	width:50%;
	padding:0 1.5% 0 0;
	}
#logoInfo1 {
	font-size:1.0em;
	font-family:Verdana; 
	position: fixed;
	height: auto;
	font-variant: small-caps;
	font-weight: bolder;
	text-align: center;
	color:  Navy;
	width: auto;
	top:1%;
	right:1%;
	background-color: Transparent;
	}
	/*was top:5%;
	right:5%;*/
#LogoKwaliteitsmeting {
	font-size:1.0em;
	font-family:Verdana; 
	position: fixed;
	height: auto;
	font-variant: small-caps;
	font-weight: bolder;
	text-align: center;
	color:  Navy;
	width: auto;
	top:85%;
	left:5%;
	background-color: green;
	}
#topInfoLogo1
{ 	font-size:1.0em;
	font-family:Verdana; 
	font-variant:small-caps;
	position: fixed;
	font-variant: small-caps;
	font-weight: bolder;
	text-align: center;
	color: Navy;
	width:auto;
	top:90%;
	right:0%;
	height:auto;
	background-color: Transparent;
	}
#topInfo1 {
	height:4.5em;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3px;
	color: Navy;
	font-family:Verdana;
	font-size: 1.0em;
	font-variant:small-caps;
	position: fixed;
	width:90%;
	top:5%;
	left:3%;
	background-color:#ff6347;
	padding:0 0 0 2%;
	}
	
#OnderInfo1
{
    font-family: Verdana;
    font-size:  small;
    font-variant:small-caps;
    font-weight:bolder;
    color: Navy;
	text-align: center;
	position: fixed;
	top:95%;
	left:1%;
	height:auto;
	width:90%;
	background-color: #ccccff;
	padding:0 0 0 2%;
	}
#LinksInfo1
{
    font-family: Verdana;
    font-size:  x-small;
    font-variant:small-caps;
    font-weight: bolder;
    color: Navy;
	text-align: left;
	position: fixed;
	top:90%;
	left:1%;
	height:auto;
	width:220px;
	background-color: Transparent;
	padding:0 0 0 0;
	}
#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;
	}
#RechtsInfo90
{
    font-family: Verdana;
    font-size:  x-small;
    font-variant:small-caps;
    font-weight: bolder;
    color: Navy;
	text-align: left;
	position: fixed;
	top:85%;
	left:85%;
	height: 90px;
	width: 120px;
	background-color:#ff6347;
	 border-width:medium;
	 border-color:#ff6347;
	 border-style:solid;
	padding:0 0 0 0;
	}

#content-side1-three-column {
	width:205px;
	font-size:1.0em;
	float:left;
	background-image: url(../backgrounds/Plaatje_1_September2008.jpg);
	height:610px;
	border-color: White;
	border-style:double;
	border-width:thin;
	color: White;
	font-weight:bolder;
	}
	/* color: #ff6347; 
background-image: url(../backgrounds/25jan09_achtergrond1_50.jpg);
	background-repeat: repeat;
*/

.s_labelMaroon
{   color: #0000cd;
    font-weight:bold;
    font-family:Verdana;
    font-style:italic; 
    font-size:  small; 
    background-color: #cccccc;
    border-color:#cccccc;
    border-bottom-color:#cccccc;  
    border-style: solid;
    border-width: medium;  
    width: 100%;  
    vertical-align: text-top;
    font-variant: small-caps;
    text-align: Left;       
}  
#top-information-phone 
{
    color: Red;
	text-align:center;
	position:absolute;
	top:6%;
	left:75%;
	height:100%;
	padding:0 0 0 2%;
	}
	/*aanpassingen oktober 2008 */
#top-information {
	height:4.5em;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3px;
	color: Navy;
	font-family:Verdana;
	font-size: 1.0em;
	position:relative;
	width:780px;
	}

.s_body1
{   
    background-image: url(../backgrounds/Plaatje_3_September2008.jpg);
    color: #0000cd;
    background-repeat:repeat-y;
    background-color: ;
    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;
    }

/*per 24 sep width:928px; was 828 -->*/
#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 width:760px naar 860;*/
#content-main-one-column_vvms {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	background-color: Transparent;
	background-image: url(../backgrounds/vvsJ8_background.jpg);
    background-repeat:repeat-y;
    width:860px;
	border:0px; 
	border-color: White;
	border-style: solid;
	}
	/*do.13.03.08 blauwlangJ8 J8_default_hor
deze auto width:1050px  205 205 450 
nu auto was width: 945px; zie body zie 26sep2008
++ colo om schuifeffect 
background-image: url(../backgrounds/vvsJ8_background.jpg);
    background-repeat:repeat;
border-color: #fffafa*/

#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:220px;
	}
#content-side-two-columnJ8_L {
	float:right;
	width:440px;
	}
	
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - THREE COLUMN

~xxxx 27Jan07~~~~~
background:url(../images/bg-three-column-main2.png) repeat-y;
~~~width:355px;~~~~~~~~~width:728px;~~~828 per 24okt2007~~~~~~~main2~~~25 jan~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#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-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;
	}
/*-- was 180 nu 126 zzzzzzzzzz-->*/
#content-main-three-column24LSC2 
{ top: 122px;
    left: 24%;
    position: relative;
	width: 620px;
	float: left;
	margin-left: 5px;
	border-right-color: #ccccff;
	border-right-style: solid;
	border-right-width: thin;
	background-color: #ccccff;
	padding-left: 15px;
	padding-right: 10px;
	}
	/*top: 186px was nu 126 background-color: #fffafa; belangrijk KScontroleren
246 if met plaatjes*/
#content-main-three-column720 
{   top: 122px;
    left: 246px;
    position: relative;
	width: 710px;
	float: left;
	margin-left: 5px;
	border-right-color: White;
	border-right-style: solid;
	border-right-width: thin;
	background-image: url(../backgrounds/25jan09_achtergrond1_50.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	padding-left: 10px;
	padding-right: 5px;
	}
#column_beelden
{   top: 30px;
    left: 242px;
    position: relative;
	width: 696px;
	float: left;
	margin-left: 5px;
	border-right-color: White;
	border-right-style: solid;
	border-right-width: thin;
	background-image: url(../backgrounds/25jan09_achtergrond1_50.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	padding-left: 10px;
	padding-right: 5px;
	}
	

	/*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:  solid;
	 border-width: 1px;
	}
#content-main-three-column1 
{
    background-color: #cccccc;
    width:600px;
    position:relative;
    margin-left:2px;
	color: #fffafa;
	padding-left: 15px;
	padding-right: 10px;
	}

/*DEFAULT width: 510px nu 450 per 10.12.2009 
background-color: #fffafa;
top:186px nu 122 per 20dec09 en 440
left: 24%; content-main-three-columnLSC2 */
	
#content-main-three-column480 
{ top:122px;
    left: 260px;
    position: relative;
	width: 440px;
	float: left;
	margin-left: 0px;
	border-right-color: White;
	border-right-style: solid;
	border-right-width: thin;
	background-color: #fffafa;
	padding-left: 10px;
	padding-right: 15px;
	}
/*ziekenhuizen ook 122 was 24%*/
#content-main-three-columnLSC2 
{  top: 100px;
    left: 260px;
    position: relative;
	width: 480px;
	float: left;
	margin-left: 5px;
	border-right-color: White;
	border-right-style: solid;
	border-right-width: thin;
	background-color: #fffafa;
	padding-left: 15px;
	padding-right: 10px;
	}

	/*uitgezet background-color: #ccccff;   205 205 430 max 960 
bodycollor  #cccccc ook hier = schijf vorm */

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

 was 160 nu 155 -->
#content-side1-three-column {
	float:left;
	22sep2008 naar 220}
*/

#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-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;
	}
	/* = float:right;
    left:74%;
position:fixed;
= =*/

#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 {
	margin:10px 0;
    width: 440px;
}

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;	
	}


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

	HEADINGS 

~~~~~~h2 koppen~~~~~~hier standaard kleur~~#0000cd~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

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

h1 {
	margin-bottom:0;
}

h1, h2 {
	margin-top:0px;
	color:#0000cd;
}

h2 {
	font-size:1.1em;
	}

h3 {
	font-size:1.0em;
	}

h3.small {
	font-size:1.2em;
	color:Blue;
}
/* standaard kop */
h4 {
	font-size:1.1em;
	color: Navy;
}
/* standaard tekst */
h5 {
	font-size:1.2em;
	color: #0000cd;
	background-color: Transparent;
}

h6 {
	font-size:1em;
}

.style10
{
     font-size= xx-small;
      color= Green;}

#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;
*/


/*style="left: 15px; top: 0.5em; "
style="left: 66px; width: 333px" 
*/
	
#logo {
	position:absolute;
	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; */ 	


/* 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;
	}


.menubutton8
{
    font-style: normal;
    color: #ccccff;
    float: left;
    margin: 3px 16px 3px 1px;
}

.menubutton8:hover
{
    color: RED;
    border-style: solid;
    margin: 3px 16px 3px 1px;
    
}
.menubutton8:visited
{
    color: GREEN;
    border-style: solid;
    border-width: 3px;
    margin: 3px 16px 3px 1px;
}
.menubutton8:active
{
    color: Yellow;
    border-style: solid;
    border-width: 3px;
    margin: 3px 16px 3px 1px;
    
}



.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%;
	}





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

	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 */



.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;
	}

/*#breadcrumb a:link,

~~~~~~~~breadcrumb hier kleur enu color:#FFFFFF;~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

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

#breadcrumb a:hover{
	color:Red;
	font-size: medium; 
	background-color: Silver;
	text-decoration:none;
	}
~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~#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;
    borde

li {
    background-position: 0 .8em;
    list-style: none;
    background: url(../images/list-bullet-02.gif) no-repeat 0 .8em;
    padding: .2em 0 .2em 1em;
    margin-left: 0.4em;
}
arrow; 
    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;
    height: auto;
    width:  auto;
    font-style:italic;
}
/* 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;
    }
.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 = bende

~~~~~~~~~~~~~~~~~#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);	~~~~~~~~~~~~~~~~~~~~~~~~~
background-color: #ff6347; 27ap2009
~~~~~~~~~~~~~~~~~*/

#footer 
{   top:99%;
    background-color: White;
    margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	width:98%;
	padding:.0 0 1em 0;
	position:  fixed;
	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;}

/*  color: #d2691e */

.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;}