﻿/*** menu cascading style sheet ***/
/***  gemaakt door Jan Cost     ***/
/***     Pagina opmaak          ***/

h1 {
	text-align	: center;
	font-family	: Georgia, "Times New Roman", Times, serif;
	font-size	: xx-large;
	font-weight	: bold;
	color		: #000099;
	}

h3  {
	font-size: small;
	}

img.schild {
	float 	: left;
	margin 	: 0 0 0 10%;
	}

img.symbool {
	float 	: right;
	margin 	: 0 10% 0 0;
	}

body {
	background-image: url(../index/achtergrond/kaart_limmen.jpg);
	margin-left		: 10px;
	margin-top		: 10px;
	margin-right	: 10px;
	margin-bottom	: 10px;
	}

/*** menu positie ***/

#nav {						/** division-balk **/
	position	: absolute;	/** vaste plaats van de balk **/
	top			: 80px;		/** vaste boven-afstand tussen balk en venster **/
	left		: 50%;		/** plaats de balk halverwege het venster **/
	width		: 900px;	/** breedte om de balk te centreren **/
	margin-left	: -450px; 	/** de helft van de balk-breedte, links van het midden plaaten **/
	/** bij een extra keuze-toets wordt het -450px anders -365px **/
	list-style	: none;		/** geen lijst-symbool **/
	}

/*** menu ***/
	
#nav ul { 				/** ongeorderde lijst **/
    padding		: 0;	/** geen wit-ruimte tussen tekst en kader **/
    margin		: 0;	/** geen transparante-ruimte rondom het kader **/
    list-style	: none;	/** geen lijst-symbool **/
    line-height	: 1; 	/** afstand tussen twee basislijnen **/
	} 

#nav a { 								/** menu anker **/
    display			: block;			/** menu als één blok tonen **/
	margin			: 2px 5px 3px 5px;	/** transparante-ruimte rondom het menu, boven, rechts, onder en links **/
	text-decoration	: none;				/** geen anker-symbool **/
	width			: 10em; 			/** breedte van het anker **/
	} 

#nav li { 			/** lijst-item **/
    float: left; 	/** lijst-item links plaatsen voor ruimte rechts **/
    width: 10em; 	/** breedte van het lijst-item **/
	}

#nav li ul {			/** ongeorderde-lijst binnen een lijst-item **/
    position: absolute; /** vaste plaats van dit element **/
    width	: 10em; 	/** breedte van dit element **/
    left	: -1000em; 	/** plaats het element links buiten het kader **/
	} 

#nav li ul ul { 			/** ongeorderde-lijst geneste ongeorderde-lijst binnen een lijst-item **/
    margin: -1em 0 0 10em;	/** transparante ruimte rondom **/
	} 

#nav li:hover ul ul, 		/** muisaanwijzer boven ongeorderde-lijst geneste ongeorderde-lijst binnen een lijst-item **/
#nav li.sfhover ul ul { 	/** voor IE 6 en 7 inwerkingstellen functie Javascript **/
    left: -1000em; 			/** plaatsing links buiten het kader **/
	}

#nav li:hover ul, 			/** muisaanwijzer boven ongeorderde-lijst binnen een lijst-item **/
#nav li li:hover ul, 		/** muisaanwijzer boven ongeorderde-lijst binnen een lijst-item geneste lijst-item **/
#nav li.sfhover ul, 		/** voor IE 6 en 7 inwerkingstellen functie Javascript **/
#nav li li.sfhover ul { 	/** idem **/
    left: auto; 			/** plaats het element automatisch aan de linkerzijde **/
	}
	
/** correctie IE 7 ivm sluiten list-items **/
#nav li:hover,
#nav li:hover {
	position: static !important;
	position: relative;
	}	
	 

/*** menu opmaak ***/

ul a {						/** ongeorderde anker-lijst **/
	color	: #CCCCCC;		/** wit kleurige lijst-letters **/
	cursor	: default; 		/** standaard-cursor-instelling (normale pijl) **/
	}

ul ul a:link, ul ul a:visited { /** bezochte ongeorderde-lijst geneste ongeorderde-lijst aanwijzing **/
	color	: #CCCCCC;			/** wijzig standaardkleur in witte letters **/
	cursor	: pointer;			/** cursor die een link aangeeft (een handje) **/
	}

ul ul a:hover, ul ul a:active {	 	/** in actie brengen van de link binnen de ongeorderde-lijst geneste ongeorderde-lijst **/
	color	: #00FFFF;				/** wijzig standaardkleur in lichtblauwe lijst-letters **/
	cursor	: pointer;
	}


ul li {										/** lijst-item binnen een ongeorderde-lijst **/
	background-color: #000066;				/** geeft het item een donkerblauwe achtergrond **/
	border			: 1px solid #CCCCCC;	/** geef het item een witte kaderlijn **/

	}

ul ul li {									/** lijst-item binnen een ongeorderde-lijst geneste ongeorderde-lijst **/
	background-color: #000066;
	border			: 1px solid #CCCCCC;
	}

