/*
* Layout styles
*/

body {
	text-align: center;
	padding: 0px; margin: 0px;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 76%;
	background: #ecf2e4;
}

.clearboth	{ clear: both; }
.nobr		{ white-space: nowrap; }

#container {
	position: relative;
	width: 100%; 
	margin: 0px; padding: 0px;
	text-align: left;
}

#header {
	display: none;
}

#navigatie {
	display: none;
}

#navigatiefuncties {
  display: none;
}

.navsearch {
  display: none;
}

#content {
	padding: 0; 
	width: 100%;
	background: #fff;
}

div#flashHome {
	display: none;
}

#breadcrumbs {
  display: none;
}

#contentleft {
  float: left;
  padding: 0;
}

#contentleft.contact {
  width: 385px;
}

#contentwide {
  width: 100%;
}

#contentroute {
  float: left;
  width: 600px;
  height: 100%;
  padding: 20px 15px 20px 150px;
  background: #fff;
}

#contentright {
  float: left;
}

#contentright.contact {
  width: 430px;
  text-align: left;
}

#contentright img {
  padding: 5px 0 5px 0;
}

#footer {
  display: none;
}

div.medewerkerBox {
  height: 108px;
  margin-bottom: 10px;
}
div.medewerkerBox img {
  float: left;
  margin: 0 15px 0 0;
}

#routeform {
  display: none;
}

div.formContainer  {
	margin: 0px 0px 15px 0px;
	padding: 13px 0px 0 10px;
	text-align: left;
	background: #e1e9d5;
}

#map_canvas {
	width: 395px; height: 300px;
	background: #ccc;
	margin: 10px 0px 0px 0px;
}

#directions {
	width: 395px; height: 50px;
	overflow: auto; 
	background: #fff;
	text-align: left;
}

#addressContainer {
	background: transparent;
	display: block;
	width: 430px; height: 180px;
}

#addressBlock {
	float: left;
	width: 235px;
}

/*
* Typography styles
*/

h2 {
  color: #8dc63f;
  font-size: 200%;
  line-height: 130%;
  padding: 0;
  margin: 0;
}

#contentleft div.vacatures h2 { 
  padding: 15px 0 0 0; 
}

h3 {
	font-size: 110%;
	padding: 0;
	margin: 0;
}

div.medewerkerBox h3 {
	line-height: 140%;
	margin: 0; padding: 0;
}

h2.medewerker {
	margin: 0px 0px 15px 0px; padding: 0;
}

h3.medewerker {
	margin: 0; padding: 0 0 5px 0;
}

h4 {
	color: #999;
}

p {
	font-size: 100%;
	line-height: 130%;
	color: #333;
	padding: 12px 0 0 0;
}

#contentleft div.vacatures p {
  padding: 0;
}

p.error_txt {
	color: #f00;
}

#footer p {
	font-size: 90%;
	color: #fff;
	padding: 5px 0px 0px 0px;
}

#routeform p {
  font-size: 90%;
  color: #8dc73f;
  padding: 0;
}

p.vacatures-onderschrift {
	margin-top: 30px;
}

#footer p.disclaimer { color: #fff; position: absolute; right: 10px; top: 0px; padding: 0; }

/*
* Anchor styles
*/

A 			{ text-decoration: none; color: #999; }
A:link		{ text-decoration: none; color: #999; }
A:visited	{ text-decoration: none; color: #999; }
A:active	{ text-decoration: none; color: #8dc63f; }
A:hover		{ text-decoration: underline; color: #8dc63f; }
A.active	{ text-decoration: underline; color: #8dc63f; }

#footer a { color: #fff; }
#footer p.disclaimer a { display: block; padding: 4px 5px 4px 5px; color: #fff; }

#breadcrumbs a {
  font-size: 90%;
  color: #9d9fa2;
}

#contentleft a.button {
  float: left;
  display: block;
  width: 85px;
  text-align: center;
  padding: 5px 0 5px 0;
  margin: 5px 10px 0 0;
  background: #8dc63f;
  font-size: 90%;
  font-weight: bold;
  color: #FFFFFF;
}

#contentleft a.button:hover { background: #336600; text-decoration: none; } 

#contentright a.routebutton {
  display: block;
  width: 125px;
  text-align: center;
  padding: 3px 0 3px 0;
  margin: 5px 0 0 0;
  background: #8dc63f;
  font-size: 100%;
  font-weight: bold;
  color: #FFFFFF;
}

#contentright a.routebutton:hover { background: #336600; text-decoration: none; } 

#contentleft div.medewerkerBox h2 a 		{ color: #8dc63f; }
#contentleft div.medewerkerBox h2 a:hover	{ text-decoration: none; color: #336600; }

#contentleft div.vacatures h2 a 		{ font-size: 70%; color: #8dc63f; }
#contentleft div.vacatures h2 a:hover	{ color: #336600; text-decoration: none; }


/*
* List styles
*/

#contentleft ul.zoekresultaten {
	list-style-type: none;
	margin: 0; padding: 0;
}

#contentleft ul.zoekresultaten li {
	margin: 10px 0px 0px 0px; padding: 0;
}

#contentleft ul.zoekresultaten li A {
	font-weight: bold;
	font-size: 110%;
}

/*
* Navigation styles
*/
#content ul {
  font-size: 96%;
	line-height: 130%;
	color: #333;
	list-style-type: disc;
	font-family: inherit;
	
}

#content li {
  margin: 0 0 0 20px;
}

ul#nav {
	display: none;
}

ul#serviceNav {
	display: none;
}