/* ============================================ */
/* fiets-en-win.nl                              */
/* Website navigation and menu styles           */
/* Medium: screen                               */
/* ============================================ */

@charset "UTF-8";

/* ---------- top navigation ---------- */

#topNav {
	float: right;
	width: 255px;
	height: 35px;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	background-color: #23b0d9;
}
#topNav ul { margin-top: 1em; }
#topNav li {
	display: inline;
	list-style-type: none;
	padding: 0 10px 0 10px;
	border-left: 1px solid #fff;
}
#topNav li:first-child {
	border-left: none;
}
#topNav li a { color: #fff; text-decoration: none; }
#topNav li a:hover { color: #ffff00; text-decoration: none; }
#topNav li a.selected { color: #ffff00; text-decoration: none; }

/* ---------- main navigation ---------- */

#mainNav {
	float: left;
	width: 902px;
	height: 39px;
	font-size: .9em;
	font-weight: bold;
	letter-spacing: 1px;
	background-image: url("../images/mainNav_bg.png");
	border-bottom: 6px solid #dedede;
	}
	#mainNav a:link, #mainNav a:visited { color: #fff; }
	#mainNav ul {
		margin: 0;
		margin-left: 216px;
		padding: 0;
		list-style: none;
	}
	#mainNav li {
		display: inline;
		margin: 0;
		padding: 0;
		line-height: 39px;
	}
	#mainNav a {
		float: left;
		display: block;
		margin: 0;
		padding: 0 0 0 4px;
		text-decoration: none;
		background: url("../images/mainNav_tab_left.png") no-repeat left top;
	}
	#mainNav a span {
		float: left;
		display: block;
		margin-right: 3px;
		padding: 0px 10px 0px 6px;
		color: #fff;
		background: url("../images/mainNav_tab_right.png") repeat-x right top;
	}
	#mainNav a span { float: none; }
	#mainNav a:hover span { color: #ffcc00; }
	#mainNav a.selected span { color: yellow; }
	
	/* my page item */
	
	#mainNav #myPage { position: absolute;
	left: 0; width: 200px; }
	#mainNav #myPage a {
		float: left;
		width: 189px;
		display: block;
		margin: 0;
		padding: 0;
		line-height: 39px;
		text-align: center;
		text-decoration: none;
		border-bottom: 6px solid #2fb7cd;
		background: url("../images/mainNav_myPage_tab.png") no-repeat left top;
	}
	#mainNav #myPage a:hover, #mainNav #myPage a.selected {
		color: #a9121a;
		background-position: 0% -39px;
	}