/* ------------------------------------------------------- 
	
	Genreal Stylesheet | radiohorizon.nl

	Lost in Time - Mediamakers
	www.lostintime.nl
	07-07-2005
	
---------------------------------------------------------- */

/* -------------------------------------------------------
   body
---------------------------------------------------------- */
body {
	margin: 0px;
}

/* -------------------------------------------------------
   nav div
---------------------------------------------------------- */
#divNav {
	background: #2F3192;
	margin: 0;
	padding: 0;
	height: 22px;
	width: 733px;
}

#nav {
	position: relative;
	top: 0px;
	height: 22px;
	width: 733px;
	margin: 0;
	padding: 0;
	align: right;	
}

#nav li ul, #nav li ul {
	margin: 0;
	padding: 0;
}

#nav a {
	text-decoration: none;
}
/* -------------------------------------------------------
   tussenruimte menu
---------------------------------------------------------- */
#nav li { /*float the main list items*/
	margin: 0;
	float: left;
	display: block;
}

#nav li ul {
	display: none;
}

/* -------------------------------------------------------
   tussenruimte tussen hoofdmenu en submenu
---------------------------------------------------------- */
#nav li.off ul, #nav li.on ul  { 
	position: absolute;
	top: 22px;
	left: 0;
	padding-top: 2px;
	background: #FFCC2A;
	height: 20px;
	width: 733px;
}

/* -------------------------------------------------------
   eigenschappen hoofdmenu
---------------------------------------------------------- */
#nav li a {
	color: #FFFFFF;
	font-family: "Trebuchet MS", arial, verdana, sans-serif;
	font-size: 11px;		
	font-weight: bold;
	text-align: center;
	display: block;
	width: auto;
	float: left;
	padding-top: 2px;
}

/* -------------------------------------------------------
   kleur openstaande 
---------------------------------------------------------- */
#nav li.on a {
	color: #2F3192;
}

#nav li.on ul a, #nav li.off ul a {
	border: 0;
	float: left;
	/*ie doesn't inherit the float*/
	width: auto;
}

#nav li.on:hover ul a, #nav li.over ul li a { 
    /*for ie - the specificity is necessary*/
	background: #FFCC2A;
}

#nav li.on ul {
	display: block;
}

#nav li.off:hover ul, #nav li.over ul {
	display: block;
	z-index: 999;
}

#nav li.off a:hover, #nav li.on a:hover { 
	color: #2F3192;
}

/* -------------------------------------------------------
   a status voor hoveren 
---------------------------------------------------------- */
#lialgemeen a, #liprogramma a, #linieuws a, #lireageren a, #liadverteren a {
	display: block;
	position: relative;
	height: 20px;
	color: #2F3192;
}

/* -------------------------------------------------------
   a status voor hoveren 
---------------------------------------------------------- */

#lialgemeen a {
	background: #2F3192;
}

#liprogramma a {
	background: #2F3192;	
}

#linieuws a {
	background: #2F3192;		
}

#lireageren a {
	background: #2F3192;		
}

#liadverteren a {
	background: #2F3192;		
}

/* -------------------------------------------------------
   hover status 
---------------------------------------------------------- */

#lialgemeen a:hover, #lialgemeen:hover a, #lialgemeen.over a {
	background: #FFCC2A;
	color: #2F3192;	
}

#liprogramma a:hover, #liprogramma:hover a, #liprogramma.over a {
	background: #FFCC2A;
	color: #2F3192;	
}

#linieuws a:hover, #linieuws:hover a, #linieuws.over a {
	background: #FFCC2A;
	color: #2F3192;		
}

#lireageren a:hover, #lireageren:hover a, #lireageren.over a {
	background: #FFCC2A;
	color: #2F3192;		
}

#liadverteren a:hover, #liadverteren:hover a, #liadverteren.over a {
	background: #FFCC2A;
	color: #2F3192;		
}

/* -------------------------------------------------------
   subnavigatie
---------------------------------------------------------- */

#nav li.off ul a, #nav li.on ul a {
	display: block;
	color: #2F3192;
	font-family: "Trebuchet MS", arial, verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
}		

#nav li.on ul a {
	background: #FFCC2A;
}