/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "xopus.css";



/* NWB Website
-------------------------------------------------------------- */

html, body {
   text-align        : center;
   font-family       : arial;

	height: 100%;
}

body {
   background        : #9D9B8E url('../images/background.png') repeat-x;
   margin			 : 0;
   padding: 0;
}

.clear { /* Clear. */
   clear             : both;
   margin            : 0;
   padding           : 0;
   line-height       : 0;
   float: none;
}

#accessibility { /* Accassibility div. */
   display           : none;
}

a {
   text-decoration   : none;
}

h1 {
   background        : url('../images/header_content.png') no-repeat;
   margin-bottom     : 14px;
   font-size         : 14px;
   padding-left      : 10px;
   height            : 40px;
   line-height       : 3;
   width             : 460px;
   color             : rgb(77, 77, 77);
}

h2 {
   background        : url('../images/header_sidebar.png') no-repeat;
   margin-bottom     : 14px;
   font-size         : 14px;
   padding-left      : 10px;
   padding-top       : 9px;
   height            : 31px;
   width             : 210px;
   color             : rgb(77, 77, 77);
}

h3 {
   font-size         : 12px;
   padding           : 7px 0px 0px 0px;
}

h4 {
   margin            : 0px 0px 0px 12px;
   padding           : 6px 0px 6px 0px;
   font-size         : 11px;
}

h5 {
   margin            : 0px 0px 0px 12px;
   padding           : 6px 0px 6px 0px;
   font-size         : 11px;
   font-weight       : 100;
   color             : rgb(151, 125, 124);
}


/* Webpage wrapper. */
body #taf {
	position: fixed;
	visibility: hidden;
	display: none;
	width: 220px;
	z-index: 100000;
	background: #E6E6E6;
	text-align: left;
	padding: 5px;
	border: 2px solid #DDDDDD;
}
	
body #taf input[type='text'] {
	width: 215px;
	margin: auto 0px;
	}
	
body #taf img {
	width: 218px;
	height: 50px;
	margin: 10px 0;
}

body #taf .button {
	padding-left: 10px;
}

#wrapper {
    width: 1006px;
	margin: 0px auto 0px auto;
	position: relative;
	text-align: left;
	min-height: 100%;
	background        : url('../images/background_content_outer.png') repeat-y;
}


/* Toolbar at the top of the page. */

#toolbarwrapper {
	height: 41px;
	background: url('../images/background_toolbarwrapper.png') no-repeat top right;
}

#toolbar {
   height            : 41px;

}

#toolbar a {
   color             : rgb(204, 204, 204);
   font-size         : 10px;
}

#toolbar #search {
   float             : left;
   width             : 223px;
   background        : url('../images/background_toolbar.png') right top no-repeat;
}

#toolbar #search input {
   float             : left;
}

#toolbar #search #terms {
   margin            : 10px 5px 0px 37px;
   padding           : 4px 9px 0px 9px;
   border            : 0;
   font-size         : 11px;
   height            : 18px;
   width             : 124px;
   color             : rgb(35, 35, 35);
}

#toolbar #search #buttonSearch {
   margin            : 10px 5px 0px 0px;
}

#toolbar #language {
   float             : left;
   width             : 96px;
   height            : 32px;
   background        : url('../images/background_toolbar.png') right no-repeat;
   font-size         : 10px;
   color             : rgb(204, 204, 204);
}

#toolbar #language p {
   margin            : 14px 0px 0px 7px;
}

#toolbar #language p img {
   float             : left;
   margin            : 2px 6px 0px 0px;
}

#toolbar #email {
   float             : left;
   width             : 214px;
   height            : 32px;
   background        : url('../images/background_toolbar.png') right no-repeat;
   font-size         : 10px;
   color             : rgb(204, 204, 204);
}

#toolbar #email p {
   margin            : 14px 0px 0px 9px;
}

#toolbar #print {
   float             : left;
   height            : 32px;
   font-size         : 10px;
   color             : rgb(204, 204, 204);
}

#toolbar #print p {
   margin            : 14px 0px 0px 9px;
}



/* Title bar (company name). */

#title {
   width             : 1006px;
   height            : 73px;
}



/* Header. */
#header {
   height            : 169px;
   background        : url('../images/background_header.jpg') top left no-repeat;
}

#header #headerbanner {
	position: absolute;
	top: 0px;
	left: -31px;
	width: 722px;
	height: 98px;
	background        : url('../images/banner/1024.jpg') top left no-repeat;
	}
#header #headerbanner #calculatorlink {
	position: absolute;
	top: 0px;
	left: 30px;
	width: 215px;
	height: 98px;
	background: #9d9b8e;
		
}
#header #headerbanner #calculatorlink h3 {
		font-size: 14px;
		color: #fff;
		margin-left: 25px;
		margin-top: 4px;
	}
	
#header #headerbanner #calculatorlink ul {
   list-style        : none;
   margin            : 0px 0px 0px 30px;
   padding           : 0;
}
#header #headerbanner #calculatorlink ul li a {
		background: url('../images/button_next.png') no-repeat 140px 0px;
		display: block;
		width: 168px;
		height: 22px;
		border-left: 1px solid #333333;
		border-right: 1px solid #333333;
		margin: 6px 0px 6px -12px;
		padding: 0px 6px;
		color: #333333;
		font-size: 12px;
		font-weight: bold;
	}
#header #calculator {
   height            : 98px;
   margin-left       : 38px;
   padding           : 0px 20px 0px 20px;
   width             : 215px;
   position			: relative;
}

#header #calculator a {
   text-decoration   : none;
}

#header #calculator a:hover {
   text-decoration   : underline;
}

#header #calculator #username, #header #calculator #password {
   margin            : 4px 0px 0px 0px;
   padding           : 4px 9px 0px 9px;
   border            : 0;
   font-size         : 11px;
    height            : 18px !important;
   height            : 20px;
    width             : 157px !important;
   width             : 175px;
   position			 : absolute;
   color             : rgb(35, 35, 35);
}

/* Opera hack for input fields. */

@media all and (-webkit-min-device-pixel-ratio:10000) {
   #toolbar #search #terms, #header #calculator #username, #header #calculator #password {
      padding-top: 2px; padding-bottom: 2px;
   }
}
#header #calculator #username {
	left: 20px;
	top: 31px;
}
#header #calculator #password {
	position: absolute;
	width             : 129px !important;
   width             : 147px;
   margin-right      : 5px;
}

#header #calculator #password {
	position: absolute;
   margin	          : 8px 0px 0px 0px;
   left				  : 20px;
   top        		  : 57px;
}

#header #calculator #buttonHeader {
	position: absolute;
   	margin            : 8px 0px 0px 0px;
  	left			  : 172px;
	top        		  : 57px;
}
#header #tree {
		display: none;
	}
#header #menu, #header #tree {
   width             : 729px;
   margin            : 33px 0px 0px 38px;
}

#header #menu ul, #header #tree ul {
   list-style        : none;
   margin            : 0;
   padding           : 0;
}

#header #menu ul li, #header #tree ul li {
   float             : left;
}

#header #menu a, #header #tree a {
   display           : block;
   padding           : 0px 7px 0px 7px;
   color             : #7d7d7d;
   font-size         : 14px;
   font-weight       : 900;
   background        : url('../images/background_menu.png') 0px 3px no-repeat;
}

#header #menu a:hover, #header #menu a.selected {
   text-decoration   : none;
   color             : #00425c;
}

#header #logo {
   float             : right;
   width             : 225px;
   height            : 58px;
   margin            : 40px 30px 0px 0px;
}

#header #logo2 {
	display: none;
}

#contentWrapper {
   width             : 1006px;
   background        : url('../images/background_content.png') no-repeat;
   padding-bottom: 40px;
}

#contentWrapperOuter {
   background        : url('../images/background_content_outer.png') repeat-y;


}

#submenu {
	float            : left;
	width            : 253px;
	margin-right     : 3px;
}

#submenu ul {
   margin            : 40px 0px 0px 38px;
   padding           : 0 0 0 0;
   list-style        : none;
}

#submenu ul li.eerste {
	border-top: 1px solid #dadbd6;
}

#submenu ul ul {
   margin            : 0;
}


#submenu ul a {
   display           : block;
   padding-left      : 18px;
   width             : 197px !important;

   padding-top       : 8px;
   height            : 25px !important;

   background-color  : rgb(255, 255, 255);
   border-bottom     : 1px solid #dadbd6;
   color             : #4d4d4d;
   font-size         : 11px;
   font-weight       : 900;
   overflow: hidden;
}

#submenu ul a:hover, #submenu ul a.active {
   background-color  : #00425C;
   color             : rgb(255, 255, 255);
   text-decoration   : none;
}

#submenu ul a.active {
   border-bottom     : 0;
}

#submenu ul ul {
   border            : 0;
}

#submenu ul ul a {
   background-color  : rgb(235, 235, 235);
   border-bottom     : 0;
   border-top        : 1px solid rgb(0, 0, 0);
   padding-left      : 36px;
   width             : 179px !important;

}



#submenu ul ul {
   border-bottom     : 0px solid rgb(0, 0, 0);
}

#submenu ul ul ul a {
   background-color  : rgb(205, 205, 205);
   padding-left      : 54px;
   width             : 161px !important;
}



/* Content. */

#content {
   float             : left;
   margin-left       : 16px;
   width             : 462px;
   padding-top       : 40px;
   font-size         : 11px;
   color             : rgb(77, 77, 77);
   padding-bottom    : 20px;
}

#content p {
   margin            : 0px 3px 20px 3px;
   line-height       : 18px;
   color			 : #2c2c2c;
}

#content p.variant {
   margin-bottom     : 0px;
}

#content ul {
	margin-bottom	: 0;	
}
#content a {
   color             : rgb(0, 166, 235);
}

#content a.more {
   text-decoration   : underline;
}

#content a.more:hover {
   text-decoration   : none;
}

#content .topImage {
   margin-bottom     : 12px;
}
#content p.color_blue{
	color: rgb(12, 141, 197);
}



/* Form elements. */

.formRow {
	display: block;
   height          : 42px;
   margin          : 0px 4px 0px 2px;
}


.low {
   height          : 20px;
}

.heigh {
   height          : 84px;
}

.gray {
   background-color: rgb(234, 235, 237);
}

.formRow label {
   display         : block;
   float           : left;
   line-height     : 42px;
   margin-left     : 10px;
   width           : 100px;
   color           : rgb(47, 32, 11);
}

.formRow span {
   display         : block;
   line-height     : 42px;
}

.formRow input {
   font-size       : 11px;
   float           : none;
   margin-left     : 10px;
   float           : left;
}

.formRow .medium {
   width           : 100px;
   margin-top      : 11px;
}

.formRow .small {
   width           : 60px;
}

.formRow .leftItem {
   width           : 225px;
   float           : left;
}

.formRow .rightItem {
   width           : 225px;
   float           : left;
}

.formRow .labelTop {
   display         : block;
   float           : none;
   line-height     : 18px;
}

.formRow select {
   float           : left;
   font-size       : 11px;
   color           : rgb(56, 30, 43);
   margin-left     : 10px;
   margin-top      : 11px;
   width           : 320px;
}

.formRow p {
   color           : rgb(40, 21, 43);
   padding         : 5px 10px 5px 10px;
}

.formRow .file {
   font-size       : 11px;
   margin-top      : 11px;
   margin-left     : 10px;
}

.formRow .warning {
   color           : rgb(200, 0, 0);
   font-weight     : 900;
}

.formRow .checkbox {
   display         : block;
   float           : left;
   margin-top      : 15px;
   width           : 25px;
}

.formRow .radio {
   display         : block;
   float           : left;
   margin-top      : 15px;
   width           : 25px;
}

.formRow .jumpin {
   margin-left     : 120px;
   width: 20px;
}

.formClear {
   background: rgb(200, 0, 0);
   height: 0px;
   width: 200px;
   margin-top: 0px;
   clear: left;
}

.formRow .imgDate {
   margin-left     : 5px;
}

.button {
   width           : 114px;
   height          : 25px;
   border          : 0px;
   font-size       : 11px;
   font-weight     : 900;
   text-align      : left;
   color           : rgb(51, 51, 51);
   float           : right;
}

.stack {
   margin-right    : 18px;
   margin-bottom   : 5px;
}

.buttonHolder {
   float           : right;
   margin-top      : 7px;
}

.green {
   background      : url('../images/button_green.png') 0px 2px no-repeat;
}

.gray .green {
   background      : url('../images/graybutton_green.png') 0px 2px no-repeat;
}

.red {
   background      : url('../images/button_red.png') 0px 2px no-repeat;
   color           : rgb(255, 255, 255);
}

.gray .red {
   background      : url('../images/graybutton_red.png') 0px 2px no-repeat;
}

.cancel {
   background      : url('../images/button_red_cancel.png') 0px 2px no-repeat;
   color           : rgb(255, 255, 255);
}

.gray .cancel {
   background      : url('../images/graybutton_red_cancel.png') 0px 2px no-repeat;
}

table {
   margin          : 10px 0px 10px 2px;
   width           : 456px;
}

th {
   background-color: rgb(235, 235, 235);
   border          : 0;
   height          : 34px;
   padding-left    : 5px;
}

td {
   padding-left    : 5px;
}
td p {
	margin: 0 !important;
	padding: 0 !important;
	line-height: normal !important;
	
}

table.border_cell td {
	border: 1px solid black !important;
}
table.border_no td {
	border: 0;
}
table.border_row td{
	border: 0;
	border-bottom: 1px solid black;
}
table.border_column td{
	border: 0;
	border-left: 1px solid black;
	border-right: 1px solid black;
}



/* Sidebar. */

#sidebar {
   float             : right;
   width             : 220px;
   color             : rgb(77, 77, 77);
   margin-right: 35px;
   background-color : #dcdcd3;
}

#sidebar h1 {
   background        : white url(../images/header_sidebar.png) no-repeat scroll 0px 40px;
   padding-bottom     : 14px;
   font-size         : 13px;
   padding-left      : 10px;
   height            : 38px;
   width             : 210px !important;
   padding-top: 40px;
   /*width             : 220px;*/
}


#sidebar p {
   background-color  : #dcdcd3;
   padding           : 0px 10px 10px 10px;
   /*width             : 194px !important;*/
   width             : 194px;
   font-size         : 11px;
   margin            : 10px 0px 10px 3px;
   /*padding-bottom    : 60px;*/
}

#sidebar table {
	width: 214px;
	padding: 10px;
	}
#sidebar table p {
	width: auto !important;
	padding: 0;
	margin: 0;
	}

#sidebar a {
   color             : rgb(77, 77, 77);
}

#sidebar a.more {
   color             : rgb(0, 166, 235);
   text-decoration   : underline;  
}

#sidebar a.more:hover {
   text-decoration   : none;
}

#sidebar img.float_left {
   float             : left;
   margin-right      : 5px;
   margin-bottom     : 2px;
}



/* Footer. */

#footer {
   background        : url('../images/footer.png') top left no-repeat;
   font-size         : 10px;
   color             : rgb(77, 77, 77);
   height            : 35px;
   position: absolute;
   bottom: 1px;
   width: 1006px;
}

#footer #copyright {
   float             : left;
   margin            : 6px 0px 0px 37px; 
}

#footer #options {
   float             : right;
   margin            : 6px 38px 0px 37px;
   width             : 694px;
}

#footer a {
   color             : rgb(77, 77, 77);
}

#footer a.selected {
	color: #000000;
	font-weight: bold;
}

.float_right {
	float: right;
	clear: right;
}
.float_left {
	float: left;
	clear: left;
}