body.achtergrondafbeelding
{
	background-image: url('menuachtergrond.gif');
	background-repeat: no-repeat;

}


.inlog
{
width:	   300px;
height:	   25px;
}

div#nav ul {
    display:block;
    width:120px;
    padding:0;
    border:0;
    margin:0;
    list-style:none;
    text-indent:0;
	padding-left: 10px;
	  }

/*daarna van het lijst item */

div#nav li {
    display:block;       /*deze is belangrijk */
    width:100px;          /*geef een breedte op!*/
    text-align:left;
    background-color:none;
    color:#3333B3;
    border: none;
	margin-top: 10px;
	font-size: 140%;
	}

div#nav li a {
    display:block;           /* deze is belangrijk */
    width:100%;              /* en deze */
    background-color:none;
    color:#3333B3;
    text-decoration:none; }

div#nav li a:hover {
    display:block;          /*belangrijk*/
    width:100%;             /*belangrijk*/
    background-color:#E1E1E1;
    color:black;
    text-decoration:none; 
	font-weight: 900;	
	}

div#nav li a: visited {
    display:block;         /*belangrijk*/
    width:100%;            /*belangrijk*/
    background-color:black;
    color:yellow; 
	font-weight: 900;
	}

div#nav li a:active{
	display:block;         /*belangrijk*/
    width:100%;            /*belangrijk*/
    background-color:#E1E1E1;
    color:black; 
	font-weight: 900;
}

/*De 'truc' van het hovereffect is dus om zowel <li>, als 'a', als 'a:hover' en
 'a:visited' en 'active' een display:block te geven en bij <li> een breedte op te
  geven, absoluut, en bij de andere een breedte op te geven van 100%. Dan is
   het hovereffect 'dekkend' en wordt het effect van oplichtende knoppen bereikt. */


div#submenu ul
{
	background-color: none;
	list-style: none;
	margin-left: 20px;
	margin-top:	5px;
	padding: 0px;

}


div#submenu li a
{
	color: #3333B3;
	text-decoration: none;
	font-weight: 600;
}



.inlogmenu
{
width:				350px;
background-color:	#FFFFFF;
border-width:		6px;
border-color:		#3333B3;
border-style:		solid;
}

img
{
	border:			0;
}

body.menulijst
{
color:		#3333B3;
background-image: url('menulijst3.gif');
background-repeat: no-repeat;
}


body.contentlijst
{
color:		#3333B3;
background-image: url('contentlijst3.gif');
background-position: right;
background-repeat: no-repeat;
}

body
{
color:		#3333B3;

}



.menulijsttest
{

position:absolute;
left: 0px;
top: 0px;
z-index:	-1;
}

.contentlijsttest
{
position:absolute;
z-index:	-1;
float: right;

}