/* Title:     Menu | Emile Blume - Netcreators.com **********/
#header ul, #header li, #left ul, #left li, 
#navigation ul, #navigation li, #footer ul, #footer li { list-style:none; margin:0; padding:0;}

/* Main navigation /////////////////////////////////////////*/
#nav-main { background:url(../img/bg-nav-main.png); left:0px; top:215px; position:absolute; z-index:10; height:54px; width:960px;}
#nav-main ul { background:#8680aa; margin-left:186px;  }
#nav-main ul ul { background:#787295; margin:0; }

/* Meta navigation ////////////////////////////////////////////////////////////////////*/
#nav-meta { right:0px; top:-26px; position:absolute; text-align:right; }
#nav-meta li { display:inline; }
#nav-meta li a, #nav-footer li a, #nav-lang li a { 
	border-right:1px solid #fff; color:#fff; 
	display:block; float:left; 
	font-size:12px;
	height:12px; line-height:10px; 
	padding:0 15px; 
	text-decoration:none; text-transform:lowercase;
	letter-spacing:7px;
	overflow:hidden;
}
#nav-meta li a:hover {color:#8F88B6;} 
#nav-footer li a:hover {color:#4F2109;}
#nav-meta li a {letter-spacing:normal;text-transform: none;}

/* Sub navigation ///////////////////////////////////////////*/
#nav-sub, #left ul.csc-menu { position:relative; top:-20px; }
#nav-title { color:#fff; font-size:14px; font-weight:bold; height:20px; line-height:10px; padding:2px 8px; }
#nav-sub ul {  }
#nav-sub li a, #left ul.csc-menu li a  {
	color:#fff;
	display:block;
	font-size:14px;
	text-decoration:none;
	padding:2px 4px 2px 16px;
	font-weight:bold;
}

#nav-sub li a.active, #nav-sub li a.current, #nav-sub li a:hover {  }
#nav-sub li a:hover {color:#210400;}
#nav-sub li li a.active, #nav-sub li li a.current { 
	background: url(../img/bg-nav-sub.gif) no-repeat right 4px; 
	text-align:right;
	padding-right:20px;
	color:#fff;
}
#nav-sub ul ul { width:120px; }
#nav-sub li li a { 
	border:0; 
	font-size:12px; 
	font-weight:normal;
	padding:2px 4px 2px 16px;
	color:#210400; 
}
#nav-sub li li a:hover, #nav-sub li li a.active { 
	background: url(../img/bg-nav-sub.gif) no-repeat right 4px;
	color:#fff;
}

/* Breadcrumb navigation ////////////////////////////////////////////////////////////////////*/
#bread { clear:both; float:left; margin-bottom:1em; width:100%; position:relative; top:-15px; }
#bread, #bread * { display:block; float:left; font-size:11px; height:10px; line-height:10px;}
#bread a { border-right:1px solid #a1816d; color:#584d8d; padding:0 0.3em 0 0; margin:0 0.3em 0 0; }

/* Language navigation ////////////////////////////////////////////////////////////////////*/
#nav-lang { left:0px; top:-60px; position:absolute; text-align:right; }
#nav-lang li { display:inline; }
#nav-lang li a:hover, #nav-lang li.active a { color:#fff; }
#nav-lang li a { 
	height: 45px; width: 34px; background-image: url(../img/flags-sprite.png); background-repeat: no-repeat; text-align: center; line-height: 80px; 
	padding: 0; margin-right: 14px; letter-spacing: 0; border:0; color:#8f88b6; 
}
#nav-lang li a.ie { background-position: right top; }
#nav-lang li a.de { background-position: right -100px; }
#nav-lang li a.en { background-position: right -200px; }
#nav-lang li a.nl { background-position: right -300px; }

#nav-lang li.active a.ie, #nav-lang li a.ie:hover { background-position: left top; }
#nav-lang li.active a.de, #nav-lang li a.de:hover { background-position: left -100px; }
#nav-lang li.active a.en, #nav-lang li a.en:hover { background-position: left -200px; }
#nav-lang li.active a.nl, #nav-lang li a.nl:hover { background-position: left -300px; }


/* Footer navigation ////////////////////////////////////////////////////////////////////*/
#nav-footer { 
	right:260px; 
	/* MW 15-10-13 Changed right position after deleting SWIG logo -----------------------------*/
	right:20px;
	top:28px; position:absolute; text-align:right;min-height:20px;}
#nav-footer li { display:inline; }
#nav-footer li a { font-size:11px;letter-spacing:normal;padding: 0 5px; height:11px; }

#footer-sgiw {
	position:absolute;
	right:20px;
}
#footer-sgiw span { float:left; color:#000; }
#footer-sgiw img { position:relative; top:-18px; margin-left:5px; }

#footer-sitemap { clear:both;float:left;margin-top:64px;width: 920px; }
#footer-sitemap .csc-default {float:left; width:20%;}
#footer-sitemap .csc-default h4 {color:#fff; text-decoration:underline;}
#footer-sitemap .csc-default a {color:#fff;}

/* Anchor tag (quiet) ////////////////////////////////////////////////////////////////////*/
.anchor { float:left; }

/* Dropdown navigation ////////////////////////////////////////////////////////////////////*/
/* - - - ADxMenu: BASIC styles [ MANDATORY ] DO NOT EDIT!!! - - - */
.menu, .menu ul { margin:0; padding:0; border:0; list-style-type:none; display:block;}
.menu ul { visibility:hidden; position:absolute; z-index:10; left:0; top:0;}
.menu li { margin:0; padding:0; border:0; display:block; float:left; position:relative; z-index:5; }
.menu li:hover { z-index:10000; white-space:normal;}
#navigation .menu li.first {margin-left:38px;}
#navigation .menu li li.first {margin-left:0;}
.menu li li { float:none; }
.menu li:hover>ul { visibility:visible; top:100%;}
.menu li li:hover>ul { top:0; left:100%;}

/* -- float.clear -- force containment of floated LIs inside of UL */
.menu:after, .menu ul:after { content:"."; height:0; display:block; visibility:hidden; overflow:hidden; clear:both; }
.menu, .menu ul { /* IE7 float clear: */ min-height: 0; }
/* -- float.clear.END --  */

/* -- sticky.submenu -- */
.menu ul, .menu ul ul { margin:0; padding:0;}
/* -- sticky.submenu.END ----------------------------------------------------- */

/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */
.menu, .menu ul li { color:#333; background:transparent;}
.menu a {
	color:#FFF;
	font-size:13px; font-weight:normal;
	display:block;
	line-height:54px; height:54px;
	padding:0 10px;
	
	position:relative;
	text-decoration:none;
}

.menu a:hover, .menu li:hover>a, #home .menu li.first a,
.menu a.active, .menu a.current { background:#787295;}
.menu li { height:1%; }
.menu ul { background:#787295; margin:0; width:190px; }
.menu li ul { }
.menu ul>li + li { border-top:0; }
.menu li li a {  font-size:1em; height:auto; line-height:1.6em; text-transform:lowercase; padding:0.6em 1em;}
.menu li li a:hover { background:#8680aa; }
.menu li li:hover>ul { top:5px; left:90%; }

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
   placed here to clarify the terminology I use when referencing submenus in posts */
.menu>li:first-child>a, .menu li + li + li li:first-child>a { /*color:#567;*/ }

/* Fix for IE5/Mac \*//*/
.menu a { float:left;}
/* End Fix */