/* ================================================================ 
Top navigation : Login + Social bookmarks
=================================================================== */

.topnavigation {
	float: right;
	font-size: 0.65em;
	padding: 0.25em 1em 2.5em 0;

}

.topnavigation ul {
}

.topnavigation li {
	float: left;
	display: block;
	margin: 0.5em;
	margin-left: 1em;
	clear: both;
}

.topnavigation li a {
	color: #C7CECF;
	
}

.topnavigation li img {
	border:none;
}

html .fb_share_link { 				/*Facebook*/
	padding:2px 0 0 20px; 
	background:url(http://b.static.ak.fbcdn.net/rsrc.php/z39E0/hash/ya8q506x.gif) no-repeat top left; 	
}

#mail_subscr_link, #login_topnav {
	clear: both;
}
#mail_subscr_link, #login_topnav a {
	margin-right: 0.2em;	
	background: url(../../img/nav/subscribtion_btn2.jpg) no-repeat center left;
	padding: 0.45em 0 0 25px; /*15 is the size of the background img*/
}

#mail_subscr_link:hover, #login_topnav a:hover {
	background: url(../../img/nav/subscribtion_btn_green2.jpg) no-repeat center left;
}

/* ================================================================ 
Breadcrumb
=================================================================== */

#breadcrumb {
	margin-left: auto;
	margin-right: auto;
}

#crumbs {
	margin-top: 1em;
   	height:1.5em; 
	
}
#crumbs li {
	float: left;
 	line-height: 1.3em; 
	padding: 0.5em 0;
	padding-left: 0.5em;
	font-size: 0.65em;
}

#crumbs li a {
	display:block;
   	padding:0 1.5em;
    background: white url(../img/crumbs.jpg) no-repeat right center;
	
}

#crumbs li a:link, #crumbs li a:visited {
	text-decoration:none;
	color: #222;
	
}

#crumbs li a:hover, #crumbs li a:focus {
	color:#B8222B;  /*rood*/
	text-decoration: underline;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


/* ================================================================ 
Navigation
=================================================================== */
.nav {
	height:3.5em; 
	position:relative; 
	font-family:arial, verdana, sans-serif; 
	font-size:1em; 
	/*width:750px; */
	z-index:500;
	clear: both; /*added to clear line after topnavigation*/
	margin-top: 3em;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #222222;
	border-bottom: 1px solid #222222;
	width: 100%;
	font-weight: bold;
	background: #222 url(../img/cms_nav_selected_off.jpg) repeat-x left top;
}

.nav .table {
	display:table; 
	margin:0 auto;
}

.nav .select,
.nav .current {
	margin:0; 
	padding:0; 
	list-style:none; 
	display:table-cell; 
	white-space:nowrap;
}

.nav li {
	margin:0; 
	padding:0; 
	height:auto; 
	float:left;
}

.nav .select a {
	display:block; 
	height:35px; 
	float:left; 
	padding:0 1.5em; 
	text-decoration:none; 
	line-height:35px; 
	white-space:nowrap; 
	color:#222; /*roodbruin*/
}

.nav .current a {
	display:block; 
	height:35px; 
	float:left; 
	padding:0 3em; 
	text-decoration:none; 
	line-height:35px; 
	white-space:nowrap; 
	color:#B8222B; /*rood*/
}


.nav .current a b {
	display:block; 
	padding:0 30px 0 15px; 
}

.nav .select a:hover, 
.nav .select li:hover a {
	padding:0 1.5em; 
	cursor:pointer; 
	background: #222 ;
	color: white;
}

.nav .select a:hover b, 
.nav .select li:hover a b {
	display:block; 
	float:left; 
	padding:0 30px 0 15px; 
	cursor:pointer;
}

.nav .select_sub {
	display:none;
	border-top: 1px solid #222; /*zwart*/
	border-bottom: 1px solid #222;

}

/* IE6 only */
.nav table {
	border-collapse:collapse; 
	margin:-1px; 
	font-size:1em; 
	width:0; 
	height:0;
}

.nav .sub {
	display:table; 
	margin:0 auto; 
	list-style:none;
	font-size: 0.75em;
	
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
	background:transparent; 
	color:#f00;
	
}

.nav .select :hover .select_sub, 
.nav .current .show {
	display:block; 
	position:absolute; 
	/*width:750px;*/  /*vaste width is nodig in IE6 zi nav_ie.css*/
	top:30px;
	background: url(../../img/nav/cms_nav_hover.jpg) repeat-x;
	padding:0; 
	z-index:100; 
	left:0; 
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.nav .current .show {
	z-index:10;
}

.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
	display:block; 
	float:left; 
	background:transparent; 
	padding:0 3em; 
	margin:0; 
	white-space:nowrap; 
	border:0; 
	color:#444;
}

.nav .current .sub li.sub_show a {
	cursor:default; 
	color: #B8222B;  /*rood*/
	text-decoration: underline;
}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
	visibility:visible; 
	color:#C7CECF; 
	background: #222;
 
}