@charset "utf-8";
/* CSS Document */


BODY {
/* for pull-down menu to work in IE6*/
behavior:url("menus/cssHover2.htc");
SCROLLBAR-BASE-COLOR: #d8ee7d;
}

/* pull-down mainmenu css */
.mainmenu{

	width: 10em;
	padding: 0;
	float: left;

}
.mainmenu ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	color:#7c3500;
	background: #D8EE7D;

	padding: 0;
	border: solid #FFFFFF;
	border-width: 0px 0px;
	margin: 0 0 0 0;
}

.mainmenu a, .mainmenu a:visited {
	display: block;
	width: 100%;
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9.0pt;font-weight:bold;font-style:normal;text-decoration:none;
	color: #7c3500;
	text-decoration: none;
	padding: 1em 0em;
	text-indent:1em;
	margin: 0;	

}
.mainmenu li li a{padding:1em;text-indent:0;}
.mainmenu ul ul a{
	width:100%;
	height:100%;
}
.mainmenu ul a{
		width: 100%;
}


.mainmenu li  {
	float: left;
	width:100%;
	margin:0;
	padding:0;
}

.mainmenu ul li {float:left; position:relative; }
.mainmenu ul li  {width:100%;} /* !!!!! */
	
.mainmenu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width:14em;	
	background: #D8EE7D;
	font-weight: normal;
	border-width: 0px;
	margin: 0;
}

.mainmenu li li {
	width: 100% ; 
}
.mainmenu li a{width: 100% ; }
.mainmenu li li a{
	width: 100%;
}

.mainmenu li ul  {
	margin: -2.1em 0 0 -0.3em;
}
.mainmenu li ul ul {
	margin: -2.1em 0 0 -0.3em;
}
.ul_ch, 
.mainmenu li:hover ul ul,
.mainmenu li li:hover ul ul,
.mainmenu li li li:hover ul ul,
.mainmenu li li li li:hover ul ul,
.mainmenu li li li li li:hover ul ul
{
	left: -999em;
}
.mainmenu li:hover ul,
.mainmenu li li:hover ul,
.mainmenu li li li:hover ul,
.mainmenu li li li li:hover ul,
.mainmenu li li li li li:hover ul
{
	left: 100%; /* !!! */
}
.mainmenu li:hover>ul.ul_ch   
{
	left: 100%; /* !!! */
}

.mainmenu li:hover{
	background: #808000;
}

.mainmenu li:hover a,.mainmenu li:hover a:visited,.mainmenu li:hover a:hover,.mainmenu li a:hover{
	color:#7c3500;
}
.mainmenu li:hover li a, .mainmenu li li:hover li a, 
.mainmenu li li li:hover li a, .mainmenu li li li li:hover li a,
.mainmenu li:hover li a:visited, .mainmenu li li:hover li a:visited, 
.mainmenu li li li:hover li a:visited, .mainmenu li li li li:hover li a:visited
{
	color:#7c3500;
}
.mainmenu li li:hover, .mainmenu li li li:hover, 
.mainmenu li li li li:hover , .mainmenu li li li li li:hover , .mainmenu li li li li li li:hover 
{
	background: #808000;
	z-index:9999;
}
.mainmenu li li:hover a,.mainmenu li li li:hover a, 
.mainmenu li li li li:hover a, .mainmenu li li li li li:hover a
{
	color: #7c3500; 
}

.mainmenu ul ul a, .mainmenu ul ul a:visited,
.mainmenu li li a, .mainmenu li li a:visited
{
	color: #7c3500;
}
.mainmenu ul ul a:hover,
.mainmenu li:hover li:hover a,.mainmenu li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a:visited{
	color: #7c3500;
}
.mainmenu li:hover li:hover li a,.mainmenu li:hover li:hover li a:visited ,
.mainmenu li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li:hover li a:visited{
	color: #7c3500;
}

div#main_container{
margin: 0 auto 0 auto;
width: 800px;
text-align: left;
}

div#box1{
background-color: white;
float: left;
width: 20%;
height: 160px;
}
div#box2{
background-color: white;
width: 5%;
height: 160px;
float: left;
}

div#box3{
background-color: white;
width: 75%;
height: 160px;
float: left;
}

div#box4{
background-color: white;
float: left;
width: 20%;
height: 600px;
}

div#box5{
background-color: white;
float: left;
width: 5%;
height: 600px;
}

div#box6{
margin: 0 auto 0 auto;
background-color: white;
float: left;
width: 75%;
text-align: left;
height: 600px;
}

img.voorbeeld {
float: left;
padding: 5px;
margin: 2px 2px 0 0;
border: 0px solid #999;
}

fieldset{
background: url(../logos/innerpearl001.jpg) no-repeat 0 0;
width: 340px;
padding: 5px 0 10px 10px;
border: 0;
font-family: verdana;
}

legend{
color: #999;
font-weight: bold;
padding: 4px 6px 4px 0;
margin: 0 0 5px 0;
font-size: 0.8em;
}

label{
width: 100px;
float: left;
padding: 2px 0 0 0;
}

input{
margin: 2px 0 9px 0;
padding: 1px 0 2px 3px;
border: 1px solid #000;
background-color: transparent;
width: 200px;
}

select{
margin: 2px 0 15px 0;
padding: 1px 0 2px 3px;
border: 1px solid #000;
background-color: transparent;
}

.button{
background-color: transparent;
color: #000;
font-weight: bold;
width: auto;
margin: 0 5px 0 0;
padding: 1px 5px 2px 5px;
cursor: pointer;
float: right;
}

/* begin hack \*/
* html .button{
padding: 0;
}
* html legend{
margin-left: -5px;
}
/* einde hack */ 
/* end of mainmenu css */