/* css-style sheet solid creations */

body {
	height:100%; 
	margin:0;
	padding:0;
	font-family:  "Arial", Helvetica, Verdana, sans-serif;
	font-size: 11px;
	background: #fff;
	line-height: 16px;
	/* verflow-x:auto;
	overflow-y:scroll; */
	
	}

#header {
	background-image: url('../images/backy.gif');
	width:100%; /* gedefinieerd in de container = 900 px) */
    height: 210px; padding-left:0; padding-right:0; padding-top:1em; padding-bottom:0
    }
/* dit is nodig om alle div's op te vangen */
#container {
	
	background:#fff;	/* dit is tevens het achtergrondkleur voor de inhoud */
	/*
	border-width:0 1px;
	border-style:solid;
	border-color:#000;
    */
	position:relative; /* is altijd relative voor een container */
	height:auto !important;
	height:100%; /* voor IE ok */
	min-height:100%; /* automatisch vergroten als inhoud in container te groot is */
    
	width: 860px;
	margin:0 auto;
	}
	
/* navigatiebar*/
#navigatiebar {
    background: #fff;
    width: 100%;
	height: 40px;
	align: left;
    
    top: 0px;
	left: 0;	/* deze is voor IE, FF kan er zonder, maar IE natuurlijk weer niet */
    bottom: 0;
	}
	


/* menubar */
#links {
	background:#eee;
	width:172px;
	position:absolute;
	top: 42px;
	left: 0px;
	bottom: O;
	height: 736px;
	background-color: #eee;

	}
	
#rechts {
    /*background:#eee;*/
    width:1%;
    position:absolute;
    top: 40px;
    bottom:0;
    right:0;
	height: 100%;
	
    }
	
/* content page */

#inhoud {
    width:78%;
	padding:0 0 50px; /* bottom padding voor tekst met  de footer */
    margin:0 0 0 180px; /* breedte van je inhoudskolom... anders komt contentkolom onder je menubar */
    color:#000;
    }

    
/* -- rechtste gedeelte 
#rechts {
    background:#bbb;
    width:20%;
    
    position:absolute;
    top:100px;
    bottom:0;
    right:0;
    }
*/
	



/* footer gegevens */
#footer {
    background:#A0BB3A;
    height:70px;
    width:100%;
    position:relative;
    bottom: 0;
	
	font-family: "Tahoma", Arial, Verdana,sans-serif;
	font-size: 10px;
	    }
#footer p{
	padding: 1em 0 2em 0;
	text-align: center;
	color: #fff;
}
#footer a{
	color: #fff;
	text-decoration: none;
	}

#footer a:hover{
	color: #fff;
	text-decoration: underline;
	}
/* einde footer gegevens */


/* menu 2 */
#titel {
	padding: 1em 0 0 0;
	font-family: "Arial", "Verdana", "Tahoma", "sans-serif";
	font-size: 20px;
	text-decoration:bold;
	color: #A0BB3A;

	}
#titel1 {
	padding: 0.5em 0 0 0;
	font-family: "Arial", "Verdana", "Tahoma", "sans-serif";
	font-size: 14px;
	text-decoration:bold;
	color: #A0BB3A;

	}

/* menu 2 */

/*#left ul{
	list-style-type: none;

	}
		
#menu2 {
	
	 list-style-type: none;

	
	/*list-style-image: url(images/niv2.jpg)
	}

#menu2 {
	display: block;
	padding: 0;
	background: #eaeae3; /* 1ste kleur 
	height: 20px;
	width: 145px;
	color: #333;
	text-decoration: none;
	
	
		}

		*/
/* code submenu 2 */
#menu2 a{
	display: block;
	background: #eaeae3 url('../images/li_bg.gif') no-repeat top left;
	height: 20px;
	width: 152px;
	padding-left: 20px;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	
	/*
	background-image: url(images/backy.gif);
	
	padding-left: 24px;
	color: #333;
	text-decoration: none;
	border-bottom: solid 1px #fff; 
	vertical-align: middle; 
*/; padding-right:0; padding-top:0.5em; padding-bottom:0
	
	
		}

#menu2 a:hover, #menu li a.selected{
	background: #A0BB3A url('../images/li_bg_over.gif') no-repeat top left;
	color: #fff;
	
	font-weight:bold;
	border-bottom: 1px solid #fff;
	
	}
/* einde code submenu 2 */

#li {
	height: 16px;
	margin-left: 5px;
	text-indent: 1px;
	
	/* list-style-type: square; */
	list-style-image: url('../images/niv2.jpg'); 
	}

#li a{
	height: 16px;
	margin-left: 1px;
	text-indent: 1px;

	color: #D03E02;
	/* color: #A0BB3A; */
	text-decoration: underline;
	/* list-style-type: square; */
	list-style-image: url('../images/niv2.jpg'); 
	}
	
#li a:hover{
	height: 16px;
	margin-left: 1px;
	text-indent: 1px;
	/* color: #A0BB3A; */
	color: #D03E02;
	/* color: #D27C59; */
	text-decoration: none;
}
/* links in documenten */

a{
	height: 12px;


	color: #D03E02;
	/* color: #A0BB3A; */
	text-decoration: none;

	}


a:hover {
	height: 12px;

	/* color: #A0BB3A; */
	color: #D03E02;
	/* color: #D27C59; */
	text-decoration: underline;

	}
/* einde declaratie link in doc */
#floatLeft { 
    float: left; 
    margin: 3px; 
	
}

#floatLeft2 { 
    float: left; 
    margin: 4px; 

	padding: 2px;
	}

#floatRight { 
    float: right; 
    margin: 4px; 

	padding: 2px;
	}

#floatactiviteit { 
    float: left; 
    margin: 4px; 
	border: 5px solid #EDECE1;
}
#floatLeft2 { 
    float: left; 
}

#floatLeft1 { 
    float: left; 
    margin: 4px; 
	border: 2px solid #aaaaaa;
	padding: 2px;
	
}

#intro {
	padding: 0 0 0 1em;
	text-align: left;
	color:#000;
}

#intro a{
	
	text-align: left;
	color: #A0BB3A;
	text-decoration: none;
}

#intro a:hover{
	
	text-align: left;
	color: #A0BB3A;
	text-decoration: underline;
}

#titel2 {
	padding: 0.3em 0 0 0;
	font-family: "Arial", "Verdana", "Tahoma", "sans-serif";
	font-size: 12px;
	text-decoration: bold;
	color: #A0BB3A;

	}
	
CAPTION.MYTABLE
  {
     background-color:#eeeeee;
     color:black;
     border-style:solid;
     border-width:1px;
     border-color:black;
  }

  TABLE.MYTABLE
  { 
     font-family:arial;
     font-size:9pt;
     background-color:#eeeee;
     width:500px;
     border-style:solid;
     border-color:black;
     border-width:1px;
  }

  TH.MYTABLE
  {
     font-size:20pt;
     color:white;
  }


  TR.MYTABLE
  { 
  }

  TD.MYTABLE
  {  
     font-size:10pt;
     background-color:#409040;
     color:white;
     border-width:1px;
     text-align:center;
  }