body {
	margin: 0px;
	padding: 0px;
	/*height: 98%;
	width: 100%;*/
}
html {
	margin: 0px;
	padding: 0px;
	/*height: 100%;
	width: 100%;*/
}
.logo {
	background-image: url('../interface/blue/mnlflogo.gif');
	height: 201px;
	width: 150px;
	left: 0px;
	top: 130px;
	position: absolute;
	background-color: #FFFFFF;
	z-index: 30;
}
.photo {
	position: absolute;
	height: 150px;
	width: 450px;
	left: 150px;
	top: 0px;
	z-index:30;
	opacity: 100;
}
.intro {
	background-image: url('../interface/blue/introbg.gif');
	position: absolute;
	height: 130px;
	width: 430px;
	left: 150px;
	top: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #3E7899;
	padding: 10px;
	width: 430px;
	z-index: 30;
}
.submenuleft {
	background-image: url('../interface/blue/submenubgleft.gif');
	height: 150px;
	width: 7px;
	left: 600px;
	top: 150px;
	position: absolute;
	z-index: 15;
}
.submenuright {
	background-image: url('../interface/blue/submenubgright.gif');
	height: 150px;
	width: 7px;
	top: 150px;
	position: absolute;
	right: 0px;
	z-index: 15;
}
.submenu {
	position: absolute;
	top: 156px;
	color: #3E7899;
	height: 150px;
	left: 607px;
	z-index: 30;
}
.submenubg {
	position: absolute;
	top: 150px;
	height: 150px;
	left: 0px;
	background-image: url('../interface/blue/submenubg.gif');
	width: 100%;
	z-index: 10;
}
.contenttop {
	background-image: url('../interface/blue/contentbgtop.gif');
	position: absolute;
	height: 7px;
	width: 450px;
	left: 150px;
	top: 300px;
	background-repeat: no-repeat;
	z-index: 25;
}
.contentbottom {
	background-image: url('../interface/blue/contentbgbottom.gif');
	height: 7px;
	width: 450px;
	bottom: 0px;
	position: absolute;
	left: 150px;
	background-repeat: no-repeat;
	z-index: 25;
}
.contentbg {
	position: absolute;
	width: 450px;
	top: 0px;
	left: 150px;
	background-image: url('../interface/blue/contentbg.gif');
	height: 99.99%;
	z-index: 20;
	background-repeat: repeat-y;
}
.content {
	position: absolute;
	width: 430px;
	top: 300px;
	left: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #3E7899;
	padding: 10px;
	z-index: 30;
	overflow-y: auto;
}
.content ul {
    margin: 12px;
    padding: 0px;    
}
.menu {
	position: absolute;
	left: 600px;
	top: 124px;
	padding-left: 7px;
}
a {
	text-decoration:none;
	color: #3E7899;
}
a:hover {
	text-decoration:underline;
}

/*********** MENU ITEMS ***********/
.menuItem {
	display: inline-block;
	height: 23px;
	background-image: url('/interface/blue/menu.png');
	background-repeat: no-repeat;
}
/* normal state */
.menuItem.wat                           { background-position: -10px    0px; margin-left: 10px; width: 35px;}
.menuItem.hoe                           { background-position: -10px  -23px; margin-left: 10px; width: 35px;}
.menuItem.wie                           { background-position: -10px  -46px; margin-left: 10px; width: 35px;}
.menuItem.waar                          { background-position: -10px  -69px; margin-left: 10px; width: 35px;}
/* hover state. It would be great if we could use background-position-x, but Firefox doesn't support this, so we have to do this 
   for every item separately.Use block editing! */                                                      
.menuItem.wat:hover                     { background-position:   0px    0px; margin-left:  0px; width: 45px;}
.menuItem.hoe:hover                     { background-position:   0px  -23px; margin-left:  0px; width: 45px;}
.menuItem.wie:hover                     { background-position:   0px  -46px; margin-left:  0px; width: 45px;}
.menuItem.waar:hover                    { background-position:   0px  -69px; margin-left:  0px; width: 45px;}
/* selected state */                                                                                    
.menuItem.wat.selected                  { background-position:   0px    0px; margin-left:  0px; width: 45px;}
.menuItem.hoe.selected                  { background-position:   0px  -23px; margin-left:  0px; width: 45px;}
.menuItem.wie.selected                  { background-position:   0px  -46px; margin-left:  0px; width: 45px;}
.menuItem.waar.selected                 { background-position:   0px  -69px; margin-left:  0px; width: 45px;}

.subMenuItem {
	display: block;
	background-image: url('/interface/blue/menu.png');
	height: 23px;
	width: 212px;
}
/* Normal */
.subMenuItem.arie                       { background-position: -10px -115px; margin-left: 10px;}
.subMenuItem.dennis                     { background-position: -10px -138px; margin-left: 10px;}
.subMenuItem.josy                       { background-position: -10px -161px; margin-left: 10px;}
.subMenuItem.ruud                       { background-position: -10px -184px; margin-left: 10px;}
.subMenuItem.tako                       { background-position: -10px -207px; margin-left: 10px;}
.subMenuItem.rene                       { background-position: -10px -230px; margin-left: 10px;}
.subMenuItem.mijnlieff                  { background-position: -10px -253px; margin-left: 10px;}
.subMenuItem.websites                   { background-position: -10px -276px; margin-left: 10px;}
.subMenuItem.contact                    { background-position: -10px -299px; margin-left: 10px;}
.subMenuItem.klant                      { background-position: -10px -322px; margin-left: 10px;}
.subMenuItem.aanpak                     { background-position: -10px -345px; margin-left: 10px;}
.subMenuItem.technieken                 { background-position: -10px -368px; margin-left: 10px;}
.subMenuItem.itinfrastructuur           { background-position: -10px -391px; margin-left: 10px;}
.subMenuItem.databases                  { background-position: -10px -414px; margin-left: 10px;}
.subMenuItem.rutger                     { background-position: -10px -437px; margin-left: 10px;}
.subMenuItem.vacatures                  { background-position: -10px -460px; margin-left: 10px;}
/* hover state */
.subMenuItem.arie:hover                 { background-position:   0px -115px; margin-left:  0px;}
.subMenuItem.dennis:hover               { background-position:   0px -138px; margin-left:  0px;}
.subMenuItem.josy:hover                 { background-position:   0px -161px; margin-left:  0px;}
.subMenuItem.ruud:hover                 { background-position:   0px -184px; margin-left:  0px;}
.subMenuItem.tako:hover                 { background-position:   0px -207px; margin-left:  0px;}
.subMenuItem.rene:hover                 { background-position:   0px -230px; margin-left:  0px;}
.subMenuItem.mijnlieff:hover            { background-position:   0px -253px; margin-left:  0px;}
.subMenuItem.websites:hover             { background-position:   0px -276px; margin-left:  0px;}
.subMenuItem.contact:hover              { background-position:   0px -299px; margin-left:  0px;}
.subMenuItem.klant:hover                { background-position:   0px -322px; margin-left:  0px;}
.subMenuItem.aanpak:hover               { background-position:   0px -345px; margin-left:  0px;}
.subMenuItem.technieken:hover           { background-position:   0px -368px; margin-left:  0px;}
.subMenuItem.itinfrastructuur:hover     { background-position:   0px -391px; margin-left:  0px;}
.subMenuItem.databases:hover            { background-position:   0px -414px; margin-left:  0px;}
.subMenuItem.rutger:hover               { background-position:   0px -437px; margin-left:  0px;}
.subMenuItem.vacatures:hover            { background-position:   0px -460px; margin-left:  0px;}
/* Selected state */                    
.subMenuItem.arie.selected              { background-position:   0px -115px; margin-left:  0px;}
.subMenuItem.dennis.selected            { background-position:   0px -138px; margin-left:  0px;}
.subMenuItem.josy.selected              { background-position:   0px -161px; margin-left:  0px;}
.subMenuItem.ruud.selected              { background-position:   0px -184px; margin-left:  0px;}
.subMenuItem.tako.selected              { background-position:   0px -207px; margin-left:  0px;}
.subMenuItem.rene.selected              { background-position:   0px -230px; margin-left:  0px;}
.subMenuItem.mijnlieff.selected         { background-position:   0px -253px; margin-left:  0px;}
.subMenuItem.websites.selected          { background-position:   0px -276px; margin-left:  0px;}
.subMenuItem.contact.selected           { background-position:   0px -299px; margin-left:  0px;}
.subMenuItem.klant.selected             { background-position:   0px -322px; margin-left:  0px;}
.subMenuItem.aanpak.selected            { background-position:   0px -345px; margin-left:  0px;}
.subMenuItem.technieken.selected        { background-position:   0px -368px; margin-left:  0px;}
.subMenuItem.itinfrastructuur.selected  { background-position:   0px -391px; margin-left:  0px;}
.subMenuItem.databases.selected         { background-position:   0px -414px; margin-left:  0px;}
.subMenuItem.rutger.selected            { background-position:   0px -437px; margin-left:  0px;}
.subMenuItem.vacatures.selected         { background-position:   0px -460px; margin-left:  0px;}