/*** CSS Document Julien Kraakman ***/
/*** SPARK 2010 - Hogeschool van Amsterdam ***/


/**********************
****Flyout Menu CSS****
**********************/


/*MENU TOP*/
#menu{
	margin-top: 70px;
	margin-left: 130px;
	z-index:100;
}

#pmenu, #pmenu ul {padding:0; margin:0; list-style-type:none;}
#pmenu {font-family:Arial, Helvetica, sans-serif; font-weight: bold; margin:0 0 0 45px; position:relative; height:80px;}
#pmenu li {float:left; position:relative; color: #3a8ddb; margin-left:13px;}
#pmenu li ul li{margin:0;}
#pmenu li ul li a{color:#fff;}
#pmenu a, #pmenu a:visited {display:block; font-size:14px; height:23px; line-height:22px; text-decoration:none; text-indent:5px; background:transparant;}
#pmenu li:hover > a{background:#2c6aa4; color:#fff;}
#pmenu li ul {display: none; font-weight: normal;}
#pmenu li:hover > ul {display:block; position:absolute; top:0; left:0; background-color:#3a8ddb; width: 150px; color: #fff;}
#pmenu > li:hover > ul {left:0; top:20px; color:#fff;}

#pmenu li:hover > ul li {border-top: 1px solid #fff; width:150px;}


/*MENU LEFT*/
#menu_left{
	background: url(../img/title.jpg) no-repeat left top;
	width: 225px;
	margin-bottom: 40px;
	padding: 5px 0 0 10px;
	z-index:100;
}

#lmenu, #lmenu ul {padding:0; margin:0; list-style:none;}
#lmenu {font-family:Arial, Helvetica, sans-serif; font-weight: bold; margin:20px 0 0 0; position:relative;}
#lmenu li {position:relative; color:#3a8ddb; width: 170px;}
#lmenu li ul li{margin:0;}
#lmenu li ul li a{color:#fff;}
#lmenu a, #pmenu a:visited {display:block; font-size:14px; height:23px; line-height:22px; text-decoration:none; text-indent:5px; background:transparant;}
#lmenu li:hover > a{background:#2c6aa4; color:#fff;}
#lmenu li ul {display: none; font-weight: normal;}
#lmenu li:hover > ul {display:block; position:absolute; top:0; left:0; background-color:#3a8ddb; width: 150px; color: #fff;}
#lmenu > li:hover > ul {left:170px; top:0; color:#fff;}

#lmenu li:hover > ul li {border-bottom: 1px solid #fff; width:150px;}