BODY
{
  FONT-FAMILY: Tahoma, Arial;
  FONT-SIZE: 12pt;
  COLOR: black;
   background-color: #FCAF68;
   background-position: top left;

   background-repeat: no-repeat;
}
A:active
{
  color: #0000FF;
}
A:visited
{
  color: #0000FF;
}
A
{
  color: #0000FF;
  text-decoration: none;
<!---kleuren was #ff6600---->

}
A:hover
{
  font-style: none;
  xborder-bottom: 1px dotted #ff6600;
}
TABLE
{

  border-collapse: collapse;
}
TD
{
  padding: 0px;
}
IMG
{
  border: 1px solid silver;
  margin: 0;
  padding: 0;
}
IMG.no_border
{
  border:none;
  margin: 0;
  padding: 0;
}
A.button_submit
{
  margin-top: 10px;
  padding: 5px 20px 5px 20px;
  display: inline;
  cursor: hand;
  cursor: pointer;
  xborder: 1px solid red;
}

a.button_submit:hover
{
  background-color:#ff6600;
  background-position: top left;
  color:white;
  cursor: hand;

 }

TABLE.header
{
  border-collapse: collapse;
  xwidth: 100%;
}
TABLE.header TD.left
{
  text-align: right;
}
TABLE.header TD.left_bottom
{
  text-align: right;
  vertical-align: bottom;
}
TABLE.header TD.left_top
{
  text-align: right;
  vertical-align: top;
}
TABLE.header TD.right
{
  text-align: left;
  vertical-align: top;
}
TABLE.header TD.center
{
  text-align: left;
  xborder: 1px solid black;
}

TABLE.content
{
  border-collapse: collapse;
  width: 90%;
}
TABLE.content TD.left
{
  width: 100px;
  min-height: 500px;
  height: 500px;
  xborder: 1px solid red;
  vertical-align: top;
  text-align: left;
  padding: 0px 10px 0px 125px;
}
TABLE.content TD.center
{
  vertical-align: top;
}
TABLE.content TD.right
{
  width: 200px;
  vertical-align: top;
}

TABLE.line
{
  border-collapse: collapse;
  border: 1px solid white;
  width: 100%;
}
TABLE.line TD
{
  vertical-align: top;
  border-collapse: collapse;
  border: 1px solid white;
  padding: 3px;

}
TABLE.line TH
{
  border-collapse: collapse;
  border: 1px solid white;
  padding: 3px;

}

TABLE.form
{
  border-collapse: collapse;
  border: 1px solid white;
}
TABLE.form TD
{
  padding: 5px;
  vertical-align: center;
  border-collapse: collapse;
  xborder: 1px solid white;

}
TABLE.form TH
{
  border-collapse: collapse;
  border: 1px solid white;
  padding: 3px;

}

/******* SITE HEADER ****/
div.header
{
  text-align: center;
}


/******* SITE LINKS ****/
div.site_links
{
  xborder: 1px solid yellow;
  min-width: 250px;
  z-index: 100;
  margin-top: 00px;
  margin-right: 50px;
}

/******* SITE MENU ****/
div.menu
{
  border-top: 1px solid white;
  width: 100%;
  text-align: center;
}
div.menu table
{
  border-collapse: separate;
  margin-top: -2px;
}

div.menu table td
{
  text-align: center;
  height: 15px;
  xwidth: 100px;
  xmin-width: 100px;
  padding-right: 0px;
  xborder: 1px solid black;
}

div.menu table td  a div
{
  margin-right: 5px;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  width: 100px;
  min-width: 100px;
  height: 15px;
  xfont-weight: bold;
  padding-bottom: 5px;
  font-size: small;



  font-variant: small-caps;
}

div.menu table td a:hover
{
  background-color: #ff6600;
  background-position: top left;
  color: white;
  cursor: hand;
}

div.page_title
{
  xposition: fixed;
  xtop: 320px;
  xleft: 50px;
  writing-mode: bt-rl;
  xfilter: FlipH FlipV;
  color: #FFBF84;
  font-size: 22pt;
  font-weight: bold;
  width: 100%;
  height: 100%;
  z-index: 0;
  xborder: 1px solid #FFBF84;

}
/******* CONTENT ****/
div.last_modified
{
  font-size: xx-small;
  color: #ff6600;
}
/******* CONTENT ****/
div.content
{
  margin-top: 25px;

}


/*******SITE FOOTER ****/

#footer {
    background-color: #FCAF68;
	position:absolute;
	bottom:0;
	width:100%;
	height:39px;
	margin-left: -10px;
	/*z-index:999;*/
}

html>body #footer{position:fixed}/* for moz/opera and others*/

#footer-inner {
	height: 39px;
}

#footer_bg {
	float: left;
}

#inner {
	padding: 0px;
	color: white;
}

#outer>#contain-all>#inner { /* child selector hides from IE<7 */
	/*
	commented-out the following to prevent #inner from obscuring the navigation
	menu in IE7.
	Why was #inner obscuring #nav anyway? And why did I give #inner a background
	colour since removing this doesn't seem to break anything in Firefox?
	*/
	/*background-color: #015464;*/
}

#outer>#contain-all>#inner>#content {
	/*
	commented-out the following to prevent weird behaviour with the footer image
	in IE7.
	Why did I put the background image in #content in the first place, since
	removing this doesn't seem to break anything in Firefox?
	*/
/*	background-image: url(../images/bg_bot_rt.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-attachment: fixed;*/
}

div.small
{
   font-size: xx-small;
};
/*************** PICS ****************/
div.thumbnails
{
  width: 100%;
  xborder: 1px solid blue;
  xbackground-color: blue;
}
div.thumb
{
  display: inline;
  margin-right: 5px;
}
div.thumb a img
{
  cursor: hand;
  cursor: pointer;
}

/********* OTHER **********/
div.center
{
  text-align: center;
}
div.left
{
  text-align: left;
}
div.right
{
  text-align: right;
}

div.invisible
{
  display: none;
}
div.bold
{
  font-weight: bold;
 }