/* Basisstyle.css
   voor www.arom.nl
*/

body {
	margin:0;
	padding:0;
	height:100%; /* Dit is de basis!! */
	background-image:url(../images/links_kleiner.jpg);
	background-repeat: repeat-y;
	background-position: -1px;
}

/* linker kolom */
#left {
	position:absolute;
	left:0;
	top:0;
	padding:0;
	height:100%; /* dit werkt alleen als de parent ook op 100% staat */
	width: 268px;
}

/* logo */
#logo {
	background:url(../images/logo_arom_kleiner.jpg) no-repeat left top;
	height: 120px;
	width: 268px;
	background-color:#00FF00;
}

/* this block of styles is used for the mainmenu - begin */
ul#mainnav {
		   list-style: none; 	  				/* no bullets before */
		   margin: 6px 0px 0px 0px; 			/* 6px boven vrij */
		   padding:	0;
		   width: 230px;							/* no padding */
}

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  6px  40px;			 /* top right bottom left */
		  font: bold 10pt/1.5 arial, sans-serif; /* font 10px on 150% space */
		  color: #fff;		  		 			 /* base text color */
}

ul#mainnav li a:hover {
	background-image: url(../images/balletje.gif);
	background-repeat: no-repeat;
	background-position: 3px;
}

ul#mainnav li a:active {
	background-image: url(../images/balletje.gif);
    background-position: 3px;
	background-repeat: no-repeat;
}
/* this block of styles is used for the mainmenu - end */

/* inhoud van de pagina */
#contentbox {
	margin-left:268px;
	color:#333;
	background:#fff;
}

#foto {
	height: 120px;
	background:url(../images/foto1.jpg) repeat-x left top;
	background-color:#00FF00;
}

#content {
	padding-left: 10px;
	font-family: arial, sans-serif;
	font-size: 10pt;
	line-height: 1.5;
	color: #2191FD;	
	padding-right: 15px;
	
}

#bolletjes {
	background:url(../images/balletjes.jpg) no-repeat right bottom;
	height: 36px;
}

#ontwerp {
	position: absolute;
	height: 20px;
	bottom: 20px;
	padding: 20px;
	font-size:60%;
	color:#ffffff;	
}
#ontwerp a {
	color:#ffffff;	
}
#contentbox #content table tr {
	vertical-align: top;
}