@charset "utf-8";

/*****************************************************************************
 *
 *  Copyright              : Copyright (C) House4Media
 *	Versie				   : V2.0
 *	
 *  
 *  Disclaimer:
 *	Deze scripting is tot stand gekomen door een samenwerking van
 *	verschillende scripters. De HIMH site en het H4M CMS is GEEN vrije 
 *	software en mag niet worden gewijzigd of doorverkocht aan derden tenzij 
 *	de eigenaar hiertoe toestemming tot verleend.
 *
 *****************************************************************************/
 
 
 #header_menu a					{ text-decoration: none; color: #622181; padding: 0px 10px 0px 10px; border-right: 1px solid #622181; }
 #header_menu a:hover			{ text-decoration: underline; color: #799C12; }
 #header_menu .last				{ border-right: 0px; }
 
 #header_knoppen a				{ }
 
 #footer_menu a					{ text-decoration: none; color: #622181; padding: 0px 10px 0px 10px; border-right: 1px solid #622181; }
 #footer_menu a:hover			{ text-decoration: underline; color: #799C12; }
 #footer_menu .last				{ border-right: 0px; }
 
 
  
/*****************************************************************************
 *								SubMenu CSS									 *
 *****************************************************************************/


/* Submenu's */
 .himh_sub										{ z-index: 1000; font-size: 11px; margin: 0px 0px 0px 0px; /* this page only */ }

 /* remove all the bullets, borders and padding from the default list styling */
 .himh_sub ul 									{ padding: 0px 0px 20px 0px; margin: 0px; list-style-type: none; width: 175px; }
 
 /* hack for IE5.5 */
 * html .himh_sub ul 							{ margin-left: -16px; }
 
 /* position relative so that you can position the sub levels */
 .himh_sub li 									{ position: relative; background: #FFFFFF; height: 30px; border-width: 0px 0px 1px 0px; padding: 0px 0px 2px 0px; }  

 /* get rid of the table */
 .himh_sub table 								{ position: absolute; border-collapse: collapse; top: 0px; left: 0px; z-index: 100; font-size: 1em; }

 /* style the links */
 .himh_sub a, .himh_sub a:visited 				{ display: block; text-decoration: none; height: 30px; line-height: 30px; width: 175px; color: #5F7A0E;text-indent: 5px; border-width: 0px 0px 1px 0px; }
 
 /* hack for IE5.5 */
 * html .himh_sub a, * html .himh_sub a:visited { background: #d4d8bd; width: 175px; }
 
 /* style the link hover */
 * html .himh_sub a:hover 						{ color: #FFFFFF; background: #949e7c; }
 .himh_sub :hover > a 							{ color: #FFFFFF; background: url(../images/subnav_back.jpg) no-repeat; }

 /* hide the sub levels and give them a positon absolute so that they take up no room */
 .himh_sub ul ul 								{ visibility: hidden; position: absolute; top: 0px; left: 185px; }
 
 /* make the second level visible when hover on first level list OR link */
 .himh_sub ul li:hover ul,
 .himh_sub ul a:hover ul 						{ visibility: visible; }

 /* keep the third level hidden when you hover on first level list OR link */
 .himh_sub ul :hover ul ul						{ visibility: hidden; }
 
 /* keep the fourth level hidden when you hover on second level list OR link */
 .himh_sub ul :hover ul :hover ul ul			{ visibility: hidden; }
 
 /* make the third level visible when you hover over second level list OR link */
 .himh_sub ul :hover ul :hover ul				{ visibility: visible; }
 
 /* make the fourth level visible when you hover over third level list OR link */
 .himh_sub ul :hover ul :hover ul :hover ul 	{ visibility: visible; }
 

/*****************************************************************************
 *				  		  SubMenu CSS	 (kopen.php						 	 *
 *****************************************************************************/


/* Submenu's */
 .himh_subkopen									{ z-index: 1000; font-size: 11px; margin: 0px 0px 0px 0px; /* this page only */ }

 /* remove all the bullets, borders and padding from the default list styling */
 .himh_subkopen ul 								{ padding: 0px 0px 20px 0px; margin: 0px; list-style-type: none; width: 175px; }
 
 /* hack for IE5.5 */
 * html .himh_subkopen ul 						{ margin-left: -16px; }
 
 /* position relative so that you can position the sub levels */
 .himh_subkopen li 								{ position: relative; background: #FFFFFF; height: 30px; border-width: 0px 0px 1px 0px; padding: 0px 0px 2px 0px; }  

 /* get rid of the table */
 .himh_subkopen table 							{ position: absolute; border-collapse: collapse; top: 0px; left: 0px; z-index: 100; font-size: 1em; }

 /* style the links */
 .himh_subkopen a, .himh_subkopen a:visited 	{ display: block; text-decoration: none; height: 30px; line-height: 30px; width: 175px; color: #622081; text-indent: 5px; border-width: 0px 0px 1px 0px; }
 
 /* hack for IE5.5 */
 * html .himh_subkopen a, * html .himh_subkopen a:visited { background: #d4d8bd; width: 184px; }
 
 /* style the link hover */
 * html .himh_subkopen a:hover 					{ color: #FFFFFF; background: #949e7c; }
 .himh_subkopen :hover > a 						{ color: #FFFFFF; background: url(../images/subnav_back_kopen.jpg) no-repeat; }

 /* hide the sub levels and give them a positon absolute so that they take up no room */
 .himh_subkopen ul ul 							{ visibility: hidden; position: absolute; top: 0px; left: 175px; }
 
 /* make the second level visible when hover on first level list OR link */
 .himh_subkopen ul li:hover ul,
 .himh_subkopen ul a:hover ul 					{ visibility: visible; }

 /* keep the third level hidden when you hover on first level list OR link */
 .himh_subkopen ul :hover ul ul					{ visibility: hidden; }
 
 /* keep the fourth level hidden when you hover on second level list OR link */
 .himh_subkopen ul :hover ul :hover ul ul		{ visibility: hidden; }
 
 /* make the third level visible when you hover over second level list OR link */
 .himh_subkopen ul :hover ul :hover ul			{ visibility: visible; }
 
 /* make the fourth level visible when you hover over third level list OR link */
 .himh_subkopen ul :hover ul :hover ul :hover ul{ visibility: visible; }
 
 
 /*****************************************************************************
 *				SubMenu CSS	 (Studenten.php & Buiteland.php				 	  *
 *****************************************************************************/


/* Submenu's */
 .himh_subextra									{ z-index: 1000; font-size: 11px; margin: 0px 0px 0px 0px; /* this page only */ }

 /* remove all the bullets, borders and padding from the default list styling */
 .himh_subextra ul 								{ padding: 0px 0px 20px 0px; margin: 0px; list-style-type: none; width: 175px; }
 
 /* hack for IE5.5 */
 * html .himh_subextra ul 						{ margin-left: -16px; }
 
 /* position relative so that you can position the sub levels */
 .himh_subextra li 								{ position: relative; background: #FFFFFF; height: 30px; border-width: 0px 0px 1px 0px; padding: 0px 0px 2px 0px; }  

 /* get rid of the table */
 .himh_subextra table 							{ position: absolute; border-collapse: collapse; top: 0px; left: 0px; z-index: 100; font-size: 1em; }

 /* style the links */
 .himh_subextra a, .himh_subextra a:visited 	{ display: block; text-decoration: none; height: 30px; line-height: 30px; width: 175px; color: #E1007A; text-indent: 5px; border-width: 0px 0px 1px 0px; }
 
 /* hack for IE5.5 */
 * html .himh_subextra a, * html .himh_subextra a:visited { background: #d4d8bd; width: 184px; }
 
 /* style the link hover */
 * html .himh_subextra a:hover 					{ color: #FFFFFF; background: #949e7c; }
 .himh_subextra :hover > a 						{ color: #FFFFFF; background: url(../images/subnav_back_extra.jpg) no-repeat; }

 /* hide the sub levels and give them a positon absolute so that they take up no room */
 .himh_subextra ul ul 							{ visibility: hidden; position: absolute; top: 0px; left: 175px; }
 
 /* make the second level visible when hover on first level list OR link */
 .himh_subextra ul li:hover ul,
 .himh_subextra ul a:hover ul 					{ visibility: visible; }

 /* keep the third level hidden when you hover on first level list OR link */
 .himh_subextra ul :hover ul ul					{ visibility: hidden; }
 
 /* keep the fourth level hidden when you hover on second level list OR link */
 .himh_subextra ul :hover ul :hover ul ul		{ visibility: hidden; }
 
 /* make the third level visible when you hover over second level list OR link */
 .himh_subextra ul :hover ul :hover ul			{ visibility: visible; }
 
 /* make the fourth level visible when you hover over third level list OR link */
 .himh_subextra ul :hover ul :hover ul :hover ul{ visibility: visible; }
 
 
 /*****************************************************************************
 *								CMS Menu CSS								  *
 *****************************************************************************/
 .cms_menu 				{ width: 750px; padding-bottom: 200px; }  
 ul#navmenu				{ width: 750px; padding: 0px; margin: 0px; list-style-type: none; position:relative;}
 ul#navmenu li ul		{ position:absolute; left:-40px; top:45px;width: 150px; height:45px; }	
 	
 ul#navmenu:after 		{ display: block; content: "."; height: 0; visibility: hidden; }
 ul#navmenu li 			{ float: left; display: block !important; display: inline; position: relative; }

 /* Root Menu */
 ul#navmenu a 			{ text-align:center; display: block; color: #622181; width: 150px; height:45px; position:relative; text-decoration: none; border-right: 1px solid #FFFFFF; z-index:5; }

 /* Root Menu Hover Persistence */
 ul#navmenu a:hover,
 ul#navmenu li:hover a,
 ul#navmenu li.iehover a { color:#000; z-index:5; }

 /* 2nd Menu */
 ul#navmenu li:hover li a,
 ul#navmenu li.iehover li a { background: #D2BFDB; color: #622181; border:1px solid #FFFFFF; height:45px; width:150px; position:relative; }

 /* 2nd Menu Hover Persistence */
 ul#navmenu li:hover li a:hover,
 ul#navmenu li:hover li:hover a,
 ul#navmenu li.iehover li a:hover,
 ul#navmenu li.iehover li.iehover a { border:1px solid #FFFFFF; background-color: #77278b; color: #000000; }

 /* 3nd Menu */
 ul#navmenu li:hover li:hover li a,
 ul#navmenu li.iehover li.iehover li a { background: #D2BFDB; color: #622181; border:1px solid #FFFFFF; height:45px; width:150px; position:relative; left:152px; top:-45px; }

 /* 3nd Menu Hover Persistence */
 ul#navmenu li:hover li:hover li a:hover,
 ul#navmenu li:hover li:hover li:hover a,
 ul#navmenu li.iehover li.iehover li a:hover,
 ul#navmenu li.iehover li.iehover li.iehover a  { border:1px solid #FFFFFF; background-color: #77278b; color: #000000; }

 /* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li ul,
ul#navmenu li:hover ul,
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}