/* CSS Document Jord Visser*/
* CSS global reset for all browsers */ 
* { padding: 0px; margin: 0px; }

body{
	margin: 5px;
	padding: 0px;
	background-color:#ffffff;
}
/*================= Container for main site =================*/
div#container { 
	width: 840px;
	height:620px;
	margin: auto;
	position: relative;
}
/*================= Left images  =================*/
div#L_small_images_1 {
	top:115px;
	left:0px;
	height:100px;
	width:100px;
	position:absolute;
	margin:0px;
	border: #ff0000 solid 1px;
}	
div#L_small_images_2 {
	top:219px;
	left:0px;
	height:100px;
	width:100px;
	position:absolute;
	margin:0px;
	border: #ff0000 solid 1px;
}	
div#L_small_images_3 {
	top:323px;
	left:0px;
	height:100px;
	width:100px;
	position:absolute;
	margin:0px;
	border: #ff0000 solid 1px;
}	
div#L_small_images_4 {
	top:427px;
	left:0px;
	height:100px;
	width:100px;
	position:absolute;
	margin:0px;
	border: #ff0000 solid 1px;
}	
/*================= Right images  =================*/
div#R_small_images_1 {
	top:115px;
	left:728px;
	height:100px;
	width:100px;
	position:absolute;
	margin:0px;
	border: #ff0000 solid 1px;
}	
div#R_small_images_2 {
	top:219px;
	left:728px;
	height:100px;
	width:100px;
	position:absolute;
	margin:0px;
	border: #ff0000 solid 1px;
}	
div#R_small_images_3 {
	top:323px;
	left:728px;
	height:100px;
	width:100px;
	position:absolute;
	margin:0px;
	border: #ff0000 solid 1px;
}	
div#R_small_images_4 {
	top:427px;
	left:728px;
	height:100px;
	width:100px;
	position:absolute;
	margin:0px;
	border: #ff0000 solid 1px;
}	
/*================= Main Container  =================*/
#main_container {
	position:absolute;
	left:104px;
	top:0px;
	height:620px;
	width:620px;
	border: #333333 solid 1px;
}
/*================= Main Content  =================*/
#header {
	position:relative;
	left:0px;
	top:0px;
	height:110px;
	width:620px;
	background-image:url(../images/Jord_Visser.jpg);
}

/*================= Main Content  =================*/
#main_content {
	position:absolute;
	left:0px;
	top:113px;
	height:420px;
	width:620px;
	overflow:auto;
	scrollbar-face-color:#ffffff;
	scrollbar-arrow-color:#ff0000;
	scrollbar-track-color:#ffffff;
	margin:0px;
}
#main_content h1 {
	color: #ff0000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
	margin-left:10px;
}
#main_content p {
	color: #333333;
	font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
	margin: 10px;
}
#main_content a {
	color: #333333;
	font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}
#main_content a:hover {
	color: #ff0000;
	font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}
#main_content table {
	color: #333333;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin-left: 10px;
}
#main_content td {
	color: #333333;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}
#main_content textarea {
	background-color: #ffffff;
	color:#333333;
	border: 1px;
	border-style: solid;
	border-color: #ff0000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#main_content input {
	background-color: #ffffff;
	color:#333333;
	border: 1px;
	border-style: solid;
	border-color: #ff0000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#main_content select {
	background-color: #ffffff;
	color:#333333;
	border: 1px;
	border-style: solid;
	border-color: #ff0000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#main_content image {
	margin:0px;
	padding:0px;
	border:0px;
}
#main_content transbox
  {
  width:400px;
  height:180px;
  margin:30px 50px;
  background-color:#ffffff;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  }
#main_content transbox p
  {
  margin:30px 40px;
  font-weight:bold;
  color:#000000;
  }
/*================= Navigation menu  =================*/
#Menu {
	top:551px;
	left:150px;
	height:25px;
	width:520px;
	position:absolute;
}	
#Menu ul {
  margin:0px;
  padding:0px;
}
#Menu li {
  float:left;
  margin-top:5px;
  padding:0px;
  list-style-type:none;
}
#Menu #page a  {
  color:#333333;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  display:block;
  padding:0px 10px;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:1px;
  text-decoration: none;
}
#Menu #currentpage a  {
  color:#999999;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  display:block;
  padding:0px 10px;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:1px;
  text-decoration: none;
}
#Menu #page a:hover {
	text-decoration:none;
 	color:#ff0000;
 }
 /*================= footer  =================*/
div#footer {
	top:543px;
	left:490px;
	height:64px;
	width:230px;
	position:absolute;
}