/* Stylesheet voor de website van Jan Roelofs */

#bovendeel {
	  position: absolute;
	  left: 0px;
	  top: 0px;
} 

#rechterdeel {
	  position: absolute;
	  right: 0px;
	  top: 0px;
}

#menudeel {
	  position: absolute;
	  left: 0px;
	  top: 100px;
	  background: url(../images/menudeel.jpg) no-repeat;
      width: 160px;
	  height: 800px;
}

#content {
	  position: absolute;
	  left: 170px;
	  top: 110px;
	  fontsize: 12px;
	  font-family: arial, sans-serif;
	  color: #5C6F90;
	  padding: 10px 50px 0px 30px;		// meer ruimte rondom
}

.remark {
		font-size: 10px;
		font-family: arial, sans-serif;
		color: #5C6F90;
		left: 5px;
}

.webmaster {
		font-size: 10px;
		font-family: arial, sans-serif;
		color: #5C6F90;
		left: 5px;
}

.webmaster a {
		color: #5C6F90;
}

h1 {
   text-align:left;
}


/* this block of styles is used for the mainmenu - begin */

ul#mainnav {
		   list-style: none; 	  				/* no bullets before */
		   margin: 0;							/* no left margin */
		   padding:	0;							/* no padding */
		   background-color: #4A1398;			/* leuk kleurtje */
}

ul#mainnav li a:link, ul#mainnav li a:visited {
		  text-decoration: none; 			   	 /* no underline */
		  display: block;  						 /* whole block clickable */
		  width: 100%; 							 /* for internet explorer */
		  padding: 6px 0px;						 /* space left and right */
		  background-color: #5C6F90;		     /* background color from the block */
		  font: bold 10pt/1.5 arial, sans-serif; /* font 10px on 150% space */
		  color: #fff;		  		 			 /* base text color */
}

ul#mainnav li {
		   border-top: 1px solid #A5B5C6;  	 	  /* line above block */
}

ul#mainnav li a:hover {
		   background-color: #8AB9F2;			  /* hover block color */
		   color: #F0F9FF;		 				  /* hover text color */
}

ul#mainnav li a:active {
		   background-color: #8AB9F2;			  /* hover block color */
		   color: #F0F9FF;		 				  /* hover text color */
}
/* this block of styles is used for the mainmenu - end */

table {
	  fontsize: 12px;
	  font-family: arial, sans-serif;
	  color: #5C6F90;
}

tr {
   vertical-align: top;
   }

td {
   vertical-align: top;
   }