/*
------------------------------------------------
DSM Business Groups
Author:  ŠAgency.com - Chris Pirotte
Version: august 2006
------------------------------------------------
*/


/* header */
table, tr, td {font-size:100%;}  /* set fontsize to 100% so we can scale the size in IE */

#snb a, #new-header #cwnavigationbar a {font-size: 100%; color:#fff; text-decoration: none; margin: 0em 0.9em; text-decoration: none; padding: 0 !important}
#snb a:hover, #new-header #cwnavigationbar a:hover {text-decoration:underline}

#search .link-button{
	color:#000;
	background-color:#dedede;
	text-decoration: none;
	display: block;
	height: 15px !important;
	padding: 2px;
	width:16px;
}

.link-button:hover{
	background-color: #fff;
}

#header-right-box input{font-size: 8pt !important}

/* used for footer_sub.ssi*/
#new-footer{width: 100%; color: #fff; font-size: 8pt !important; height: 14px; padding: 0; margin: 0}
#new-footer a{color:#fff; text-decoration:none}
#new-footer a:hover{text-decoration:underline}

#new-footer #last-update{float: right; padding: 0; margin: 0; margin-top: 1px !important; width: 200px; text-align: center}
#new-footer #disclaimer{float: left; padding: 0; margin: 0; margin-top: 1px !important; width: 332px; text-align: center}


/* navigation */
.navlayer a{width:135px; margin:0; padding:2px 3px 2px 20px !important; padding-left: 20px !important; display:block; text-decoration:none; border-bottom: solid 1px #fff; overflow:hidden}
/* betsaande pagina's in IE quirks mode (boxmodel wordt incorrect toegepast) */
* html .navlayer a{width: 158px}
/* bg-home en cw-home doen IE in compliance mode draaien en hebben deze hack dus niet nodig */
* html #bg-home .navlayer a, * html #cw-home .navlayer a{
width: 158px;
voice-family: "\"}\""; /* some browsers have a parsing bug */
                       /* and will ignore the following rules */
voice-family: inherit;
width: 135px;
}


.level0 a{background-color:#dedede; color:#000; font-weight:bold; text-decoration:none}
.level1 a{background-color:#C7E1F0; color:#000}
.level1 a:hover{background-color:#AED1E5; font-weight:bold}
.has-child1 a{background-color:#C7E1F0;	background-image:url('../en_US/images/arrowlevel1.gif'); background-repeat:no-repeat; background-position:left; color:#000}
.has-child1 a:hover{background-color:#AED1E5; font-weight:bold}
.level2 a{background-color:#DEECF5; color:#333}
.level2 a:hover{background-color:#CCEDF4; font-weight:bold}
.has-child2 a{background-color:#DEECF5; background-image:url('../en_US/images/arrowlevel2.gif'); background-repeat:no-repeat; background-position:left; color:#333}
.has-child2 a:hover{background-color:#CCEDF4; font-weight:bold}
.level3 a{background-color:#F0F7FD; color:#666}
.level3 a:hover{background-color:#F0F7FD; font-weight:bold}


/* == left background == */
body, body#cw-home{background-image: url(../en_US/images/2006_css_body_bg.gif) !important; background-repeat: repeat-y !important; background-position: top left !important}

#new-nav-container{position: absolute; left: 0; top: 95px; border-top: 1px solid #fff}
#emb-app-left-frame #new-nav-container, #bg-home #new-nav-container{position: absolute; left: 0px; top: 0}
#emb-app-left-frame #new-nav-container{top: -5px}
/* these pages have a decent doctype and force IE in compliant mode, since all other pages have no doctype and force IE in quirks mode, we need to target one of both groups to overrule some hieghts */
#bg-home #header{height: 94px;}
#cw-home #header{height: 95px; border-bottom-width: 0px}
#cw-home #new-nav-container{top: 95px}
#bg-home #new-nav-container{top: -1px}


#top-image{display:none; position: absolute; top: 19px; right: 0; margin: 0; padding: 0; width: 166px; overflow: hidden}
* html #top-image{position: static; top: 0; right: 0;}
/* voor ff en IE compliance mode */
#header-right-box{z-index:100; position: absolute; top: 37px; right: 0; background: #094B90; height: 22px;}
/* voor IE quirks mode */
* html #header-right-box{width: 171px !important}
/* voor bg home en cw home IE compliance mode */
* html #cw-home #header-right-box, * html #bg-home #header-right-box{width: 166px !important}

#header-right-box form{height: 19px; margin: 0px; width:166px; overflow: hidden; float: right}

/* == New Header General Styling == */
#new-header{position: relative; width: 100%; margin: 0; padding: 0; height: 94px; background: #003466; border-bottom: 1px solid #003466}
#new-header #dsm-logo{z-index:51; position: absolute; top: 7px; left: 20px; border: 0px;}
#new-header #new-header-title{z-index:50; position: absolute; top: 12px; left: 170px}
#new-header #cwnavigationbar {z-index: 11; margin: 0; padding: 0; position: absolute; top: 60px; left: 0; width: 100%; height: 9px; background: #666; border-top: solid 1px #fff; }
#new-header #cwnavigationbar ul {margin: 9pt 0 0 5pt; padding: 0pt; list-style-type: none; list-style-image: none;}
#new-header #cwnavigationbar li {display: inline; margin: 0;}

#new-header #snb{
	z-index: 10;
	line-height:1.333;
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	top: 74px;
	left: 0;
	width: 100%;
	height: 20px;
	background: #ffffff;
	border-bottom: 1px solid #003466;
}
#new-header #snb li{margin: 0; padding: 0; float: right}

.snb-link{padding-top: 3px !important}
.mid-font{padding-top: 2px !important}
.big-font{padding-top: 0px !important}
.std-font{padding-top: 4px !important}

.has-child1-expanded a{background-image:url('../en_US/images/arrowlevel1down.gif')}

/* Start Navigation added 06-01-2009 (JM) */
#menu{position: absolute; left: 0; top: 95px; border-top: 1px solid #fff; width: 158px;}
#emb-app-left-frame #menu, #bg-home #menu{position: absolute; left: 0px; top: 0}

#menu a{
  display: block;
  overflow: hidden;
  padding: 2px 3px 2px 20px;
  margin: 0;
  border-bottom: 1px solid #FFFFFF;
  text-decoration: none;
  font-size:8pt;
}
.l0 a {
  background-color: #DEDEDE;
  color: #000000;
  text-decoration: none;
  font-weight: normal;
}
.l1 a {
  background-color: #C7E1F0;
  color: #000000;
}
.l1 a:hover {
  background-color: #AED1E5;
}
.is_parent a{
  background-image: url(/en_US/images/arrowlevel1down.gif);
  background-position: left center;
  background-repeat: no-repeat;
}
.l2 a {
  background-color: #DEECF5;
  color: #333333;
  background-image: none;
}
.l2 a:hover {
  background-color: #CCEDF4;
}
a.selected{
	font-weight: bold;
}
a.closed{
  background-image: url(/en_US/images/arrowlevel1.gif);
  background-position: left center;
  background-repeat: no-repeat;
}
/* End Navigation added 06-01-2009 (JM) */

/* Start Header Redesign added 07-06-2009 (WvB) */
#cw-buttons {
	position: absolute;
	left: 167px;
	top: 42px;
	z-index: 51;

	height: 24px;

	background-image: url('/en_US/images/left.gif');
	background-repeat: no-repeat;

	padding: 4px;
}

#dnpna-buttons {
	position: absolute;
	left: 167px;
	top: 42px;
	z-index: 51;

	height: 24px;

	background-repeat: no-repeat;

	padding: 4px;
}

#right-bit {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 50;

	height: 63px;

	background-image: url('/en_US/images/right.gif');
	background-repeat: no-repeat;
	background-position: top right;

	text-align: right;
	padding: 4px;
}

#right-bit a {
	color: white;
}

#search {
	display: inline;
	float: right;
	margin-top: 8px;
}
/* End Header Redesign added 07-06-2009 (WvB) */