/* CSS Document */

html {
	overflow: -moz-scrollbars-vertical; /* mozilla */
	overflow-y: scroll;
	font-size: 12pt;
	margin:0;
	padding:0;

}



body {
	font-family: /* 'Trebuchet MS','Helvetica Neue', Arial, Helvetica, sans-serif; */ 
	"Lucida Grande","Lucida Sans Unicode","DejaVu Sans",Lucida,Arial,Helvetica,sans-serif;
	font-size: 0.90em;
	color: 	#2E2E2E;
	text-align:left;
	background-color:#f8f8f8;
	margin: 0 3% 3% 3%;
	padding:0;
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 900px) {

#PageBox {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
}


#header {
	width:auto;
	text-align:left;
	margin: 0 0 3em -25px;
}

#ColumnRight {
	width: 22%;
	float: left;
	padding-bottom: 1em;
	text-align:left;
	margin: 0;
	min-width: 240px;
}

#ColumnMain {
	width:76%;
	float: left;
	background: white;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	-moz-radius:5px;
	-webkit-radius:5px;
	text-align:left;
}

#EC {
	display:block;
}

#ECbottom {
	display:none;
}

#ContentBox {
	margin:0;
	padding: 2em;
}

#clearboth {
	clear: both;
}

#Footer {
	clear: both;
	padding-bottom: 1em;
	/* padding-top: 20px; */
}

}

/* -------------- content styles ----------------- */

.projectname {
	/* color: #000;*/
	font-family: 'Trebuchet MS','Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 3.5em;
	line-height: 100%;
	letter-spacing:-0.03em;
	padding:0;
	margin:0 0 0 0em;
	color:#2E2E2E;
}

.logo-image {
	float:left;
	padding: 0px 25px 0 0px;
	margin: 0 0 0 50px;
}

h1, h2, h3 {
	font-family: 'Trebuchet MS','Helvetica Neue', Arial, Helvetica, sans-serif;
	color:#2E2E2E;
}

h1 {
	font-size:2.6em;
	letter-spacing:-0.01em;
	font-weight:normal;
	padding-bottom:.6em;
	padding-top:0;
	margin:0;
}

h2 {
	font-size:1.8em;
	font-weight:bold;
	padding: 1.5em 0 .5em 0;
	margin:0 0 0 0;
	line-height: 130%;
}

h3 {
	font-size:1.25em;
	font-weight:bold;
	padding: 1em 0 0 0;
	margin:0 0 0 0;
	/* color:#009020; */
}

p, li, th, thead, tablehead, td.glossary {
	font-size:1em;
}

p {
	line-height:150%;
	padding: 0.3em 0 0.3em 0;
	margin:0 0 0 0;
	color: #222;
}

li {
	line-height:170%;
	padding: 0 0 0.5em 0;
	margin-top: 0em;
	color: #222;
}

A:link {
	color:#0066CC;
	text-decoration : none;
}

A:visited {
	color:#0066CC;
	text-decoration : none;
}

A:hover {
	color:#FF3399;
	text-decoration : underline;
}

.foottext /*, .foottext a:link, .foottext a:visited */ {
	font-size:.85em;
	color:#888;	
	text-align: right;
	padding-right: 2em;

}

.foottext a:hover {
	color: #FF3399;
	text-decoration:underline;
}

table.glossary {
	border: solid;
	border-width: 0px 0px 2px;
	border-color:#37b;
	border-collapse: collapse;
}
.tablehead {
	color:white;
}
th, thead, thead th {
    background-color: #37b;
    color: #f8f8f8;
}
th, td.glossary {
    padding: .5em 1em;
}
td.glossary, th, td.glossary {
    padding: 0.5em 0.7em;
    vertical-align: top;
	border: solid;
	border-width: 0 0 1px 0;
	border-color:#def;
}

input.textfield, textarea, select {
	font-family: "Lucida Grande","Lucida Sans Unicode","DejaVu Sans",Lucida,Arial,Helvetica,sans-serif;
	font-size:1em;
	color:black;
	line-height: 180%;
	padding: 0.3em;
	background-color: #fbfbfb;
	border: 1px solid #ccc;
	border-radius: 3px;
	-moz-radius:3px;
	-webkit-radius:3px;
} 

input.textfield:focus {
	background-color: white;
	/* box-shadow: inset 2px 2px 6px #AAA; 
	-webkit-box-shadow: inset 2px 2px 6px #AAA;
	-moz-box-shadow: inset 2px 2px 6px #AAA; */
}
 

textarea:focus {
	background-color:white;
	/* box-shadow: inset 2px 2px 6px #AAA; 
	-webkit-box-shadow: inset 2px 2px 6px #AAA;
	-moz-box-shadow: inset 2px 2px 6px #AAA; */
}

.button{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-image:url(../images/zoekbutton.png);
	color: black;
	padding: 0.3em 1em 0.5em;
	font: bold;
	border: 2px solid #8ac;
	border-radius: 3px;
	-moz-radius:3px;
	-webkit-radius:3px;
	margin: 0 1em 0 0;
}

#formError {
	display: none;
	}
	
.mailerror {
	padding:3px;
	background-color:#FFCFCF;
	margin-left: 10px;
	font-weight:bold;
}


.footnote_text {
	font-size: 0.83em;
	line-height:125%;
}

.figure_text {
	font-size: 0.86em;
}

.table_text {
	line-height:125%;
	padding:0;
	margin:0;
}

/* ---------------------- media screen sizing --------------------------- */

@media only screen and (min-width: 900px) and (max-width: 1100px) {

#PageBox {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	padding:0;
}

#header {
	text-align:left;
	margin: 0 0 3em 0;
	padding:0;
}

#ColumnRight {
	width: 22%;
	float: left;
	padding-bottom: 1em;
	text-align:left;
	margin: 0;
	min-width: 240px;
}

#ColumnMain {
	width:68%;
	float: left;
	background: white;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	-moz-radius:5px;
	-webkit-radius:5px;
	text-align:left;
}

#ContentBox {
	margin:0;
	padding: 2em;
}

#clearboth {
	clear: both;
}

#Footer {
	clear: both;
	padding-bottom: 1em;
	/* padding-top: 20px; */
}

.logo-image {
	float:left;
	padding: 0 25px 0 0;
	margin: 0 0 0 23px;
}

}

/* ---------------------------------------------------- */

@media only screen and (max-width: 899px) {

#PageBox {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	padding:0;
}

#header {
	width: auto;
	text-align:left;
	margin: 0 0 3em 0;
}

#ColumnRight {
	width: 100%;
	float: left;
	padding-bottom: 1em;
	text-align:left;
	margin: 0;
	min-width: 230px;
}

#ColumnMain {
	width:100%;
	float: left;
	background: white;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	-moz-radius:5px;
	-webkit-radius:5px;
	text-align:left;
}

#ContentBox {
	margin:0;
	padding: 2em;
}

#clearboth {
	clear: both;
}

#Footer {
	clear: both;
	padding-bottom: 1em;
	/* padding-top: 20px; */
}

.foottext {
	text-align:left;
	padding-left:1em;
	}
	
.logo-image {
	float:left;
	padding: 0 25px 0 0;
	margin: 0 0 0 24px;
}

#EC {
	display:none;
}

#ECbottom {
	display:block;
}

}
/*
@viewport{
    width: device-width;
}

@-ms-viewport{
    width: device-width;
}
*/

@media only screen and (min-width: 650px) and (max-width: 799px) {
.projectname {
	margin-left:0.2em;
	font-size:2.7em;
	letter-spacing:0;
}

.logo-image {
	float:left;
	padding: 0 25px 0 0;
	margin: 0 0 0 23px;
}

#EC {
	display:none;
}

#ECbottom {
	display:block;
}

}

@media only screen and (min-width: 396px) and (max-width: 649px) {
#header {
	margin: 0 0 1.3em 0;
	background-color:#176AC6;
}

#ContentBox {
	margin:0;
	padding: 1em;
}

.logo-image {
	display:none;
}
.projectname {
	margin:15px 1em 0 1em;
	font-size:2.2em;
	letter-spacing:0;
	text-transform: uppercase;
	padding-bottom: 0.8em;
	color: white;
}

#EC {
	display:none;
}

#ECbottom {
	display:block;
}

}

@media only screen and (max-width: 395px) {
#header {
	margin: 0 0 1em 0;
	background-color:#176AC6;
}

#ContentBox {
	margin:0;
	padding: 1em;
}

.logo-image {
	display:none;
}
.projectname {
	margin:15px 1em 0 1em;
	font-size: 1.6em;
	text-transform: uppercase;
	padding-bottom: 0.8em;
	color: white;
}

#EC {
	display:none;
}

#ECbottom {
	display:block;
}

}

@import url(print.css) print;