/*********************************************** algemeen */	

body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 100%;
	width: 97%;
	text-align: center;
	background-color: #FFFFFF;
	font-family: Arial, verdana, Helvetica, sans serif;
	color: #3D407A;
	font-size: 9pt;
	background-image: url(../img/site/bg_verloop.gif);
	background-repeat: repeat-x;
	background-color: #FAFDFD;
}


td {
	vertical-align: top;
	text-align: left;
	font-size: 9pt;
	font-family: Arial, verdana, Helvetica, sans serif;
}


a {
	font-weight: normal;
	color: #E87D1E;
	text-decoration: underline;
}


a:hover {
	text-decoration: underline;
}


h1 {
	font-size: 12pt;
	color: #3D407A;
	font-weight: bold;
	margin: 15px 5px 5px 0;
	margin-left: 15px;
	padding: 0;
	font-size: 11pt;
}

.text h1 {
	font-size: 10pt;
	margin: 5px 5px -5px 15px;
	
}

h2, h3 {
	font-size: 10pt;
	margin: 15px 5px 5px 0;
	margin-left: 15px;
}

table p {
	display: inline;
	font-size: 9pt;
}
/*********************************************** nieuwspagina */

.text  {
	clear: left;
}



.text h2 {
	margin: 0px 0px;
}

.text .titel {
	float: left;
	width: 290px;
	margin-left: 8px;
	margin-top: 5px;
}


.text .titel a {
	color: #3D407A;
	font-weight: bold;
	font-size: 10pt;
	text-decoration: none;
}


.text .titel a:hover {
	text-decoration: underline;
}


.text .datum {
	float: left;
	clear: right;
	width: 100px;
	margin-left: 8px;
	font-size: 8pt;
	margin-top: 5px;
}

/*********************************************** einde */



h2 {
	font-size: 10pt;
	color: #3D407A;
	font-family: Arial, verdana, Helvetica, sans serif;
	font-weight: bold;
	margin: 5px 5px 5px 0;
	padding: 0;
}

a img, img {
	border: 0px;
}


.metRand  {
	border: 1px solid black;
}


div.clear {
	clear: both;
	overflow: hidden;
}


/*********************************************** totaal */

#ws {
	margin: 0px auto;
	padding: 0px;
	margin-top: 10px;
	width: 772px;
	background-image: url(../img/site/bg_ws.gif);
	background-repeat: repeat-y;
	border-bottom: 1px solid #B3E6E6;
	border-top: 1px solid #B3E6E6;
}

#totaal {
	margin: 0px auto;
	padding: 0px;
	margin-top: 3px;
	width: 770px;
	overflow: hidden;
	text-align: left;
	background-color: #FFFFFF;
}


#totaal #top {
	width: 771px;
	height: 56px;
	overflow: hidden;
}

#totaal #top #autolab {
	margin-left: 10px;
}

#totaal #top #metrohm {
	margin-top: 10px;
	margin-left: 540px;
}

#totaal #top #ecochmielogo {
	margin-top: 20px;
	margin-left: 526px;
}

/*********************************************** hoofdmenu */
#totaal #hoofdmenu {
	margin-top: 0px;
	margin-left: 110px;
	height: 50px;
}

#totaal #hoofdmenu a {
	text-decoration: none;
}

#totaal #hoofdmenu .item {
	float: left;
	margin-top: 0px;
	height: 30px;
}

#totaal #hoofdmenu .scheiding {
	float: left;
	width: 5px;
	
}

#totaal .hoofdmenu_sub {
	margin-top: 1px;
	position: absolute; 
	overflow: hidden;
	display: none;
	background-color: #E6FBFB;
	filter: alpha(opacity=85);
	-moz-opacity: 0.8;
	border: 1px solid #00ACA7;
	border-top: 0px;
}

#totaal .hoofdmenu_sub .subitem {
	border-top: 1px solid #00ACA7;
	padding: 5px;
	width: 130px;
	cursor: pointer;
}


#totaal .hoofdmenu_sub .subitem a {
	color: #3D407A;
	text-decoration: none;
	font-size: 9pt;
	
}

#totaal .hoofdmenu_sub .subitem a:hover {
	text-decoration: underline;
}

#totaal #header {
	width: 770px;
	height: 108px;
	overflow: hidden;
}


#totaal #header #search {
	float: left;
	width: 110px;
	height: 110px;
	background-color: #00ACA7;
	background-image: url(../img/site/search_blok.gif);
	background-repeat: no-repeat;
}

#totaal #header #search input {
	float: left;
	margin-top: 27px;
	margin-left: 8px;
	width: 70px;
	font-size: 8pt;
	
}

#totaal #header #search #search_button {
	float: left;
	margin-top: 27px;
	margin-left: 5px;
	
}

#totaal #header #banner {
	float: left;
	width: 440px;
	height: 110px;
	background-color: #00ACA7;
	overflow: hidden;
}

#totaal #header #locater {
	float: left;
	width: 220px;
	height: 110px;
	background-color: #00ACA7;
	background-image: url(../img/site/country_blok.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 8pt;
	overflow: hidden;
}

#totaal #header #locater #select_country {
	margin-left: 4px;
	margin-top: 23px;
	float: left;
	width: 85px; 
	overflow: hidden;
	font-size: 7pt;
	font-weight: bold;
}


#totaal #header #locater #country {
	float: left;
	margin-top: 22px;
}

#totaal #header #locater .land {
	height: 47px;
	margin-top: 13px;
	margin-left: 12px;
	display: none;
}

.land_worldwide {
	display: none;
	margin-left: 20px;
	margin-top: 15px;
}

.land_worldwide h2 {
	font-size: 11pt;
	display: inline;
	font-weight: normal;
}

.land_worldwide h3 {
	font-size: 10pt;
	font-weight: bold;
	display: inline;
}


#worldwide {
	margin-left: 15px;
	height: 30px;
	width: 402px;
	overflow: hidden;
	padding-top: 5px;
	border-top: 1px solid #B5E7DE;
	border-bottom: 1px solid #B5E7DE;
}


#worldwide select {
	margin-left: 10px;
	width: 200px;
	font-size: 8pt;
	font-family: Arial, verdana, Helvetica, sans serif;
	margin-top: 4px;
}

#totaal #header #locater .land .more {
	float: left;
	width: 40px;
	margin-left: 3px;
	margin-top: 6px;
}


#totaal #header #locater .land .titel {
	float: left;
	width: 205px;
	height: 17px;
	overflow: hidden;
}	


#totaal #header #locater .land .text {
	float: left;
	height: 28px;
	overflow: hidden;
	width: 150px;
}	

#totaal #header #locater .land h3 {
	font-size: 10pt;
	font-weight: bold;
	margin: 0px;
	height: 148px;
}

#totaal #header #locater .land a {
	color: #FFFFFF;
	text-decoration: none;
}

#totaal #header #locater .land a:hover {
	text-decoration: underline;
}

#totaal #header #locater #country select {
	margin-left: 10px;
	width: 200px;
	font-size: 8pt;
	font-family: Arial, verdana, Helvetica, sans serif;
	margin-top: 4px;
}


#totaal #content {
	margin-top: 7px;
	width: 770px;
	background-image: url(../img/site/bg_content.gif);
	background-repeat: repeat-y;
	background-color: #F2FBFA;
}

#totaal #content #left {
	float: left;
	width: 110px;
}

#totaal #content #center {
	float: left;
	width: 410px;
	margin-left: 10px;
	overflow: hidden;
}

#center hr {
	height: 2px;
	border: 1px solid #CCEEED;	
	width: 390px;
	margin-left: 12px;
	overflow: hidden;
}

#totaal #content #center h1#title, h1#title1, h1#title2, h1#title3, h1#title4, h1#title5 {
	padding: 20px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
	height: 0px !important;
	height /**/:20px;
	margin-bottom: -7px;
}
             


#center #webtrail {
	width: 417px;
	border-top: 1px solid #CCEEED;
	border-bottom: 1px solid #CCEEED;
	color: #E87D1E;
	font-size: 8pt;
	padding: 1px;
}

#webtrail_kop {
	float: left;
	margin-left: 5px;
	width: 48px;	
}	


#content #center #white {
	margin: 5px 0px;
	width: 420px;
	height: 7px;
	background-image: url(../img/site/bg_space.gif);
	background-repeat: repeat-x;
	overflow: hidden;
	margin-bottom: -5px;
}

#content #center #streep {
	width: 412px;
	height: 1px;
	border-top: 1px solid #CCEEED;
	overflow: hidden;
}

#content #center p {
	margin: 10px;
	margin-left: 15px;
	margin-right: 25px;
	color: #3D407A;
	line-height: 13pt;
}

#trail {
	float: left;
	width: 360px;
	text-decoration: none;
}

#trail a {
	text-decoration: none;
	color: #E87D1E;
}

#trail a:hover {
	text-decoration: underline;
}

/*********************************************** right */	

#totaal #content #right {
	float: right;
	width: 222px;
}


#right input {
	float: left;
	margin-top: 8px;
	margin-bottom: 4px;
	margin-left: 4px;
	width: 88px;
	font-size: 8pt;
}

#right #login_button {
	float: left;
	margin-top: 7px;
	margin-left: 6px;
}

#totaal #content #right #forgot {
	clear: left;
	height: 18px;
	overflow: hidden;
	width: 170px;
	margin-left: 7px;
	font-size: 8pt;
}

#right #white {
	margin-top: 5px;
	width: 222px;
	height: 5px;
	overflow: hidden;
	background-image: url(../img/site/bg_space_right.gif);
	background-repeat: repeat-x;
}

/*********************************************** nieuwsblokjes */

.news, .logoff {
	margin-bottom: 10px;
	margin-top: 5px;
	width: 210px;
	margin-left: 10px;
}

.logoff {
	font-weight: bold;
	font-size: 10pt;
}

.logoff a {
	font-size: 8pt;
}

.news h3 {
	font-size: 8pt;
	margin: 0px;
}


.news .titel {
	float: left;
	width: 140px;
}


.news .titel a {
	color: #3D407A;
	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;
}


.news .titel a:hover {
	text-decoration: underline;
}


.news .datum {
	float: right;
	width: 58px;
	margin-left: 8px;
	font-size: 8pt;
}

.news .intro {
	clear: left;
	font-size: 8pt;
	margin-top: 2px;
}

.news .intro p {
	display: inline;
}

.overview {
	margin-left: 10px;
}

#right #events {
	margin-top: 5px;
	margin-left: 8px;
	margin-bottom: 7px;
}

#right #events td {
	font-size: 7pt;
}

/*********************************************** footer */	

#totaal #footer {
	width: 771px;
	height: 25px;
	background-image: url(../img/site/bg_footer.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-top: 3px;
	font-size: 7pt;
	color: #3D407A;
}

/*********************************************** subnav */

#subnav {
	width: 110px;
	background-image: url(../img/site/menu/subnav_titel.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#subnav #titel {
	margin: 0px auto;
	height: 19px;
	font-size: 8pt;
	margin-left: 11px;
	padding-top: 1px;
	color: #009490;
	font-weight: bold;
	margin-bottom: 10px;
	width: 101px;
	height: 17px;
	overflow: hidden;
	
}

#subnav .item {
	width: 100px;
	overflow: hidden;
	margin-left: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
}


#subnav .item_selected {
	background-color: #FFFFFF;
	border-top: 1px solid #B2E6E5;
	border-bottom: 1px solid #B2E6E5;
	width: 102px;
	overflow: hidden;
	margin-left: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
}



#subnav .subitem {
	color: #E87D1E;
	font-size: 10pt;
	width: 80px;
	border-top: 1px solid #F2FBFA;
	border-bottom: 1px solid #F2FBFA;
	margin-left: 3px;
	margin-top: 4px;
	margin-bottom: 4px;
}

#subnav .subitem a {
	text-decoration: none;
}

#subnav .subitem a:hover {
	text-decoration: underline;
}

/*********************************************** contact formulier */	

div.formulierline {
	margin-left: 15px;
	width: 350px;
	margin-bottom: 5px;
	border: 1px solid #F2FAFC;
	color: #3D407A;
}

div.formulierlabel {
	float: left;
	width: 140px;
	border: 1px solid #F2FAFC;;
}

.form td {
	font-size: 8pt;
	vertical-align: top;
}

div.formulierfield {
	float: left;
	width: 200px;
}

div.formulierfield select {
	width: 230px;
	font-size: 8pt;
	font-family: Arial, verdana, Helvetica, sans serif;
	margin-top: 4px;
}


.error {
	color: #EB2F33;
}

input.medium {
	border: 1px solid #3D407A;
	background-color: rgb(255, 255, 255);
	width: 200px;
	font-size: 11px;
	color: #3D407A;
}

input.radio {
	border: 0px;
}

.wit_checkbox {
	margin-top: -3px;

}

textarea {
	border: 1px solid #3D407A;
	height: 50px;
	width: 350px;
	color: #3D407A;
}


.pulldown {
	font-size: 10px;
	color: #3D407A;
}

/*********************************************** search page */	

#title a {
	color: #3D407A;
	font-weight: bold;
	text-decoration: none;
}

#title a:hover {
	text-decoration: underline;
}