/* ------------------------------------------------------------------ 
wrapper 
-------------------------------------------------------------------*/

body {
	text-align: center; /* required for centering the page in IE */
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Tahoma, Sans-Serif;
	color: #333333;
	line-height:20px;
	font-size: 12px;
}

html, body {
	height: 100%;
	width: 100%;
}	

h1, h2, h3, h4, p, ul, li {
	margin: 0px;
	padding: 0px;
	font: 12px Verdana, Tahoma, Sans-Serif;
}

h1,h2,h3 {
	font: Verdana, Tahoma, Sans-Serif;;
	font-weight:bold;
  color: #000000;
	padding-bottom: 5px;
}

a:link, a:visited {
	text-decoration: none;
	font-weight:normal;
	color: #006AB4;
}

a:hover {
	text-decoration: underline;
	color: #006AB4;
}

#wrapper {
	position: static;
	width: 1000px;
	margin: 0 auto; /* centering the page */
	text-align: left;
}

#search {
	position: static;
  width: 1000px;
	height: 20px;
	text-align: left;
}

#header {
	position: static;
	width: 1000px;
	height: 209px;
	background-image: url(header.png);
}

#menu{
	position: static;
	background-image: url(menu.png); 
	width: 1000px;
	height: 30px;
}

#container {
	position: static;
  width: 1000px;
	overflow: auto;
}

#innerContainer {
	margin-right: 12px;
	margin-left: 12px;
	height: 100%;
}

#content {
	width: 950px;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

#left {
	position: static;
  margin-top: 0px;
  margin-left: 0px;
  width: 460px;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	overflow: auto;
	float: left;
}

#right {
	position: static;
	margin-top: 0px;
  width: 460px;
	padding-top: 10px;
	padding-right: 5px;
	overflow: none;
	float: right;
}

#product_left {
	position: static;
  margin-top: 0px;
  width: 200px;
	padding: 10 0 0 0;
	float: left;
}

#product_right {
	position: static;
  margin-top: 0px;
  border: none;
  width: 730px;
	padding-top: 15px;
	padding-right: 10px;
  float: right;
}

#productimage {
	position: relative;
  width: 180px;
	padding: 10 10 10 10;
	float: center;
	text-align: center;
}

#productdownloads {
	position: relative;
  width: 180px;
	padding: 0 0 0 0;
	overflow: auto;
}

#logo {
	position: relative;
	bottom: 85px;
  width: 841px;
	height: 85px;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
} 

#footer {
	position: relative;
  width: 1000px;
  height: 49px;
	background-image: url(footer_websiteNL.png);
	background-repeat: no-repeat;
  clear: both;
	text-align: left;
}


/* --------------------------------------------------------------------
search
---------------------------------------------------------------------*/

#valadis {
  float: left;
  font-family: Verdana, Tahoma, Sans-Serif;
	font-size: 9px;
	color: #19388a;
}

#valadis a {
	font-family: Verdana, Tahoma, Sans-Serif;
	font-size: 9px;
	color: #19388a;
	line-height:20px;
	margin-top: 4px;
}

#search_all {
	position: relative;
	margin-right: 0px;
  width: 300px;
  height: 24px;
	float: right;
}

#search_all input{
  width: 200px;
  height: 18px;
  background-color: #fbfcfd;
  font-family: Verdana, Tahoma, Sans-Serif;
  font-size: 80%;
  color: #000000;
}

#search_all input.submit {
  width: 80px;
  font-family: Verdana, Tahoma, Sans-Serif;
  font-size: 75%;
  color: #000000;
  margin: 0 0 0 0;
}


/* --------------------------------------------------------------------
onderdelen home.php
---------------------------------------------------------------------*/

#right #search_product form p, #right #search_subject form p, #right #search_site form p {
	line-height:12px;
	font-family: Verdana, Tahoma, Sans-Serif;
	font-size: 90%;
	color: #6d6e71;
	font-weight: bold;
	margin: 0 0 5 0; //top, right, bottom, left
}

#right #search_product {
	width: 450px;
 	padding-top: 5px;
  padding-left: 20px;
  background-color: #ffffff;
  border: 1px solid #e1e1e1; // lijndikte, stijl, kleur
}


#right #search_subject {
	width: 450px;
  background-color: #ffffff;
  border: 1px solid #e1e1e1; // lijndikte, stijl, kleur
 	padding-top: 5px;
  padding-left: 20px;
  margin-top: 20px;
}

#right #search_site {
	width: 450px;
  background-color: #ffffff;
  border: 1px solid #e1e1e1; // lijndikte, stijl, kleur
 	padding-top: 5px;
  padding-left: 20px;
  margin-top: 20px;
}

#right #quicklinks {
	width: 450px;
  background-color: #ffffff;
  border: 1px solid #e1e1e1; // lijndikte, stijl, kleur
 	padding-top: 5px;
  padding-left: 20px;
  margin-top: 20px;
}

#right #quicklinks p {
	line-height:12px;
	font-family: Verdana, Tahoma, Sans-Serif;
	font-size: 90%;
	color: #6d6e71;
	font-weight: bold;
	margin: 0 0 5 0; //top, right, bottom, left
}

#right #search_product select, #right #search_subject select, #right #search_site input {
  width: 280px;
  height: 20px;
  font-family: Verdana, Tahoma, Sans-Serif;
  font-size: 80%;
  color: #000000;
}

#right #search_product input.submit, #right #search_subject input.submit, #right #search_site input.submit {
  height: 18px;
  width: 40px;
  font-family: Verdana, Tahoma, Sans-Serif;
  font-size: 80%;
  color: #000000;
	margin: 0 0 0 0; //top, right, bottom, left
}



/* --------------------------------------------------------------------
header
---------------------------------------------------------------------*/

#header p {
	line-height:12px;
	font-family: Verdana, Tahoma, Sans-Serif;
	font-size: 80%;
	color: #000000;
	margin: 5 5 0 5; //top, right, bottom, left
}

#search_product {
	width: 350px;
 	padding-top: 20px;
  padding-left: 20px;
}

#header input.submit {
  height: 20px;
  background-color: #fbfcfd;
  font-family: Verdana, Tahoma, Sans-Serif;
  font-size: 80%;
  color: #000000;
}

#search_product select {
  width: 170px;
  height: 20px;
  background-color: #fbfcfd;
  font-family: Verdana, Tahoma, Sans-Serif;
  font-size: 80%;
  color: #000000;
}

/* --------------------------------------------------------------------
menu
---------------------------------------------------------------------*/
#menu a {
	font-family: Verdana, Tahoma, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	line-height:20px;
	margin-left: 50px;
	margin-top: 5px;
}

#menu h1 {
	font-family: Verdana, Tahoma, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
  line-height: 36px;
  color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
}


/* --------------------------------------------------------------------
productdownloads op product.php
---------------------------------------------------------------------*/

#productdownloads ul, #productdownloads li {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: center;
}

#productdownloads ul a {
	display: block;
	padding-left: 0px;
	padding-top: 7px;
	width: 135 px;
	height: 20px;
	background-color: #ffffff;
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
	margin-top: 0px;
	font-weight: normal;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
}

#productdownloads ul a:link {
	color: #000000;
  text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
}

#productdownloads ul a:visited {
	color: #000000;
  text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
}

#productdownloads ul a:hover {
	color: #e36f1e;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
}

#productdownloads ul a:active {
	color: #e36f1e;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
}

/* --------------------------------------------------------------------
productimage op product.php
---------------------------------------------------------------------*/

#productimage img {
  border-color: #6d6e71;
  border-style: solid;
  border-width: thin;
  text-align: center;
  width: 130px;
  height: 130px;
  float: center;
}

/* --------------------------------------------------------------------
gevonden links in product_right op product.php
---------------------------------------------------------------------*/

#product_right, #product_right table, #product_right tbody{
  text-align: left;
  color: #6d6e71;
	font-weight: normal;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
}

#product_right tr{
  display: block;
	margin: 1 5 1 5; //top, right, bottom, left
	padding-left: 4px;
	padding-top: 7px;
	width: 450 px;
	height: 20px;
	background-color: #ffffff;
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
	margin-top: 0px;
	font-weight: normal;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
}

#product_right td{
  text-align: left;
}

#product_right td col{
  text-align: left;
  color: #6d6e71;
	font-weight: normal;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
}

#product_right td p{
  text-align: left;
  color: #6d6e71;
	font-weight: normal;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
}

#product_right td a{
  text-align: left;
  color: #6d6e71;
	font-weight: normal;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
}

#overview {
	position: relative;
  margin-top: 20px;
  border-width: thin;
  width: 725px;
	padding-top: 15px;
	padding-right: 10px;
}
    
        
#documenttitle {
  position: absolute;
  display: block;
	margin: 1 5 1 5; //top, right, bottom, left
	padding-left: 4px;
	padding-top: 7px;
	width: 350 px;
	height: 20px;
	background-color: #ececec;
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
	margin-top: 0px;
	font-weight: normal;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
}
  
  
#documentnr {
  position: absolute;
  display: block;
	margin: 1 5 1 5; //top, right, bottom, left
	padding-left: 4px;
	padding-top: 7px;
	width: 50px;
	height: 20px;
	background-color: #ececec;
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
  left: 355px;
	font-weight: normal;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: center;
}

#documentdatum {
  position: absolute;
  display: block;
	margin: 1 5 1 5; //top, right, bottom, left
	padding-left: 4px;
	padding-top: 7px;
	width: 80px;
	height: 20px;
	background-color: #ececec;
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
  left: 410px;
	font-weight: normal;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: center;
}


/* --------------------------------------------------------------------
content
---------------------------------------------------------------------*/
#content h1 {
	font-family: "Verdana, Tahoma, Sans-Serif";
  font-size: 130%;
	vertical-align:text-bottom;
	text-align: left;
	color: #19388a;
	font-weight: bold;
	margin: 16 0 0 5; //top, right, bottom, left
}

#content h2 {
	font-family: "Verdana, Tahoma, Sans-Serif";
	font-size: 110%;
	font-weight: bold;
	color: #19388a;
	vertical-align:text-bottom;
	padding-top: 12px;
	margin-bottom: 0px;
	margin-left: 5px;
}

#content h3 {
	font-family: "Verdana, Tahoma, Sans-Serif";
	font-size: 100%;
	font-weight: bold;
	color: #19388a;
	vertical-align:text-bottom;
	padding-top: 12px;
	margin-bottom: 0px;
	margin-left: 5px;
}

#content h4 {
  font-family: "Verdana, Tahoma, Sans-Serif";
	font-size: 100%;
	font-weight: bold;
	color: #19388a;
	vertical-align:text-bottom;
	padding-top: 12px;
	margin-bottom: 0px;
	margin-left: 5px;
  }
  
#content p {
	line-height: 20px;
	font-size: 12px;
  margin: 5 5 16 5; //top, right, bottom, left
}

#content ol {
	line-height: 20px;
	font-size: 12px;
	list-style-position: outside; 	
  list-style-type:1;
	margin: 10 0 16 10; //top, right, bottom, left
}

#content li {
	line-height: 20px;
	font-size: 12px;
	margin-left: 10px;
}

#content ul {
	line-height: 20px;
  padding-left: 17px;
  list-style-type:disc;
	list-style-position: inherit;
	margin: 5 5 16 5; //top, right, bottom, left
}

#content ul li ul li {
	line-height: 20px;
  padding-left: 17px;
  list-style-type:circle;
	list-style-position: inherit;
	margin: 5 0 0 5; //top, right, bottom, left
}

#content ol li ol li {
	line-height: 20px;
  padding-left: 17px;
  list-style-type:a;
	list-style-position: inherit;
	margin-left: 5px;
	margin-top: 5px;
}

div#steps li:first-line { 
	color: #19388a;
  font-weight: bold;
}

div#normal li:first-line { 
	color: #000000;
	font-weight: normal;
}

div#title {
	font-size: 150%;
	margin-bottom: 0px;
	vertical-align:text-bottom;
	text-align: center;
	color: #e36f1e;
	font-weight: bold;
}

#content td {
	padding-left: 15px;
	padding-right: 15px;
	vertical-align:top;
	font-family: Verdana, Tahoma, Sans-Serif;
	font-size: 12px;
}

#content th {
	padding-left: 15px;
	padding-right: 15px;
	vertical-align:top;
	font-family: Verdana, Tahoma, Sans-Serif;
	font-size: 12px;
}

#content td .border{
	border: 1 1 1 1;
	border-style: solid;
	border-color: #6d6e71;
}
	
div#ref {
	line-height: 16px;
	font-size: 10px;
	color: #6d6e71;
	text-align: center;
	margin-bottom: 32px;
}
 
#content img {
  border-style: none;
  text-align: center;
  float: center;
}

#content .border {
  border-color: #6d6e71;
  border-style: solid;
  border-width: thin;
}

#content img.button {
  border: none;
  text-align: center;
}

div#image {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

#alert {
  border-color: #ff0000;
  border-style: solid;
  border-width: thin;
  width: 80%;
  margin-left: 40px;
  margin-right: 40px;
}

#alert h2.alert {
  font-weight: bold;
  color: #ff0000;
  font-size: 130%;
  }

#alert p.alert {
  font-weight: bold;
  color: #ff0000;
  font-size: 100%;
  }

/* --------------------------------------------------------------------
secure shell-layout
---------------------------------------------------------------------*/

#code {
  text-align: center;
  float: center;
}

#code table {
  background-color: #000; 
  color: #fff;
  width: 500px;
  margin: 5 5 5 5;
}

#code tr {
  border: none;
  background-color: #000; 
}

#code th {
	font-family: "Courier";
  font-size: 80%;
	text-align: center;
  font-style: normal;
  font-weight: normal;
  border: none;
}

#code td {
	font-family: "Courier";
  font-size: 80%;
	text-align: left;
  font-style: normal;
  font-weight: normal;
}

/* --------------------------------------------------------------------
opmaak woorden en zinnen
---------------------------------------------------------------------*/

.figure {
  font-style: italic;
  font-weight: normal;
  color: #6d6e71;
  text-align: center;
  padding-bottom: 16px;
}

.emphasis {
  font-style: italic;
  font-weight: bold;
  }

.keyword {
  font-style: italic;
  font-weight: normal;
  color: #e36f1e;
  }

.attention {
  font-style: italic;
  font-weight: bold;
  color: #e36f1e;
  }

.code_wit {
  font-family: "Courier";
	font-size: 10pt;
	text-align: left;
  font-style: normal;
  font-weight: normal;
  color: #FFFFFF;
  background-color: #000000;
  padding: 2px 2px 2px 2px;  
}

.code_rood{
  font-family: "Courier";
	font-size: 10pt;
  font-style: normal;
  font-weight: normal;
  color: #e3991e;
  background-color: #000000;
  padding: 2px 2px 2px 2px;  
}


/* --------------------------------------------------------------------
footer
---------------------------------------------------------------------*/

div#copyright {
	font-family:Verdana, Tahoma, sans-serif; 
  font-size:9px; 
  margin-left: 10px;
  padding-right:30px; 
  height:34px;
  line-height:40px; 
  color: #19388a;
}

div#copyright a{
	font-family:Verdana, Tahoma, sans-serif; 
  font-size:9px; 
  height: 34px;
	line-height: 34px;
	text-decoration: none;	
  color: #19388a;
	padding-right: 10px;
}

div#copyright a:hover {
	color: ##6d6e71;
}

div#copyright li.activelink a, div#copyright li.activelink a:hover {
	color: ##6d6e71	;
}