@charset "UTF-8";

/* -- drop-down styling -- */

#nav {
	list-style:none;
	width:820px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 10px;

	/* Rounded Corners */
	
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
	
	/* #0C2577 = koster blauw */
	background: #0C2577 url(http://www.koster.nl/images/overlay.png) repeat-x 0 -110px;
	/*
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
	*/
}

#nav li {
	color: #0C2577;
}

/* Heading links */
#nav li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-weight: bold;
	color: #fff;
	display:block;
	outline:0;
	text-decoration:none;
}

/* Sub heading links */
#nav li ul a {
	color: #0C2577;
	font-weight: normal;
}

#nav_extranet {
	background: #EF4135; url(http://www.koster.nl/images/secured_12x15.gif) repeat-x 0 -110px;
 
 padding-right: 25px;
 background-image: url(http://www.koster.nl/images/lock.png);
 background-position: 95% 50%;
 background-repeat: no-repeat;
	/* Rounded Corners */
	
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px;
}

#nav_extranet {
float: right;
}

ul.dropdown {
 text-align: left;
 margin: 0;
 padding: 7px 6px 0;
}

/*
#nav ul.submenu {
	border:1px solid #777777;
	border-top:none;

	
	-moz-border-radius: 0px 8px 8px 8px;
	-webkit-border-radius: 0px 8px 8px 8px;
	border-radius: 0px 8px 8px 8px;

	background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));

}
*/

ul.dropdown li {
 padding: 7px 10px;
 display:block;

 /*
 border-style: solid;
 border-width: 1px 1px 1px 0;
 border-color: #0C2577 #fff;
 */
}

/* Hover header */
ul.dropdown li.hover,
ul.dropdown li:hover,
ul.dropdown li.on {
 /* #EF4135 = koster rood */
 background-color: #EF4135;
 /*background-color: #CCEBF5;*/
 background-image: none;
 color: #fff;
 border-color: #EF4135 #fff #fff;
}

/* Hover sub header */
ul.dropdown ul li.hover,
ul.dropdown ul li:hover,
ul.dropdown ul li.on {
 background-color: #CCEBF5;
 /* background-image: none; */
 color: #fff;
 border-color: #99D6EB #fff #fff;

}

ul.dropdown ul {
 width: 240px;
 
 	border:1px solid #777777;
	/* border-top:none; */

	/* Rounded Corners */
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;

	background: #F4F4F4;
	
	/* background: #80CCE6 url(http://www.koster.nl/images/overlay.png) repeat-x 0; */
	
	/*
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	*/
	padding-bottom:5px;
}

ul.dropdown ul li{
	font-weight: normal;
	color: #000;

	/*
	background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	*/
}

ul.dropdown ul li a{
	font-weight: normal;
	color: #000;
}


/* -- Supporting class `dir` -- */

ul.dropdown *.dir {
 padding-right: 20px;
 /* background: #0C2577 url(http://www.koster.nl/images/overlay.png) repeat-x 0 -110px; */

 background-image: url(http://www.koster.nl/images/driehoekje-10x9.gif);
 background-position: 99% 50%;
 background-repeat: no-repeat;

}

ul.dropdown *.dir li a:link { font-weight: normal; }
ul.dropdown *.dir li a:visited { font-weight: normal; }




ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(http://www.koster.nl/images/a_rechts.gif);
 background-position: 95% 50%;
 background-repeat: no-repeat;
}
/*
ul.dropdown-upward *.dir {
 background-image: url(http://www.koster.nl/images/a_up.gif);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(http://www.koster.nl/images/a_links2.gif);
}

ul.dropdown-vertical-rtl *.dir,
ul.dropdown-horizontal > li.dropdown-vertical-rtl ul *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(http://www.koster.nl/images/a_links2.gif);
 background-position: 2px 50%;
}
*/