#placeholderBranding{
	height: 16px;
}

#menu {
	width: 200px;
	position:absolute;
	top:140px;
	
	
	}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu ul li a{
	font-family: Arial;
	font-size: 12pt;
	color: #ffffff;	
	display: block;
	height: 25px;
	line-height: 25px;
}
div#menu ul li {
	margin: 7px 0 0 0 !important;
}
#menu ul li#onderwijs > a:hover {
	background-image: url('S_leftnav_onderwijs_h.png');
	background-repeat: no-repeat;
	background-position: 1px center;
}
#menu ul li#organisatie > a:hover {
	background-image: url('S_leftnav_organisatie_h.png');
	background-repeat: no-repeat;
	background-position: 1px center;
}
#menu ul li#activiteiten > a:hover {
	background-image: url('S_leftnav_schoolactiviteiten_h.png');
	background-repeat: no-repeat;
	background-position: 1px center;
}
#menu ul li#kennismaken > a:hover {
	background-image: url('S_leftnav_maakkennismet_h.png');
	background-repeat: no-repeat;
	background-position: 1px center;
}
div#menu ul li ul {
	display: none;
	position: absolute;
	top: 0;
	left: 100%; 
	width: 100%; 
	margin: 7px 0 0 0 !important;
}
div#menu ul li ul li {
	background-image: url('S_leftnav_bg.png');
	background-repeat:no-repeat;
	background-position: left bottom;
	height: 25px;
	text-indent: 25px;
	margin: 0 0 0 5px !important;
}
div#menu ul li ul li a{
	display:block;
	text-decoration:none;
	margin: 0;
	font-size:10pt;
}
div#menu ul li ul li a:hover{
	background-image:url('S_leftnav_bg_h.png');
	background-position:left bottom;
	background-repeat:no-repeat;
}
div#menu ul li ul li.last{
	background-image: url('S_leftnav_bg_last.png');
}
div#menu ul li ul li.last a:hover{
	background-image:url('S_leftnav_bg_last_h.png');
	background-position:left bottom;
	background-repeat:no-repeat;
	display:block;
}
div#menu ul li ul li a:hover {
}
div#menu ul li:hover ul {
	display: block;
}







div#rightMenu{
	width: 185px;
	height: 175px;
}
ul#rightMenu {
	list-style: none;
	margin: 178px 0 0 5px;
	padding: 0;
	width: 185px;
	height: 175px;
}
ul#rightMenu li{
	height:25px;
	float: left;
	width: 185px;
	border-bottom:1px transparent dotted;
}
ul#rightMenu li#leeromgeving , ul#rightMenu li#leeromgeving a{
	height:43px;
}
ul#rightMenu li a{
	display: block;
	height:25px;
	width: 185px;
}
ul#rightMenu li a:hover{
	background-position:1px top;
	background-repeat:no-repeat;	
}
ul#rightMenu li#mysite a:hover{
	background-image:url('S_rightnav_mysite.png');
}
ul#rightMenu li#magister a:hover{
	background-image:url('S_rightnav_magister.png');
}
ul#rightMenu li#ouders a:hover{
	background-image:url('S_rightnav_ouders.png');
}

ul#rightMenu li#docenten a:hover{
	background-image:url('S_rightnav_docenten.png');
}
ul#rightMenu li#leeromgeving a:hover{
	background-image:url('S_rightnav_leeromgeving.png');
}
ul#rightMenu li#rooster a:hover{
	background-image:url('S_rightnav_rooster.png');
}

div#branding ul{
	list-style: none;
	padding: 0;
	margin: 0 0 0 35px;
}
div#branding ul li{
	float: left;
	height: 22px;
	line-height: 20px;
	width: 100px;
}
div#branding ul li a{
	display: block;
	height: 22px;
	width: 100px;
}
div#branding ul li.home a:hover{
	background-image: url('S_fnav_home_h.png');
	background-repeat: no-repeat;
	background-position: center;
}
div#branding ul li.sitemap a:hover{
	background-image: url('S_fnav_sitemap_h.png');
	background-repeat: no-repeat;
	background-position: center;
}
div#branding ul li.contact a:hover{
	background-image: url('S_fnav_contact_h.png');
	background-repeat: no-repeat;
	background-position: center;
}