/* 1. body/container */
html {
    overflow-y: scroll;
  	overflow-x: auto;
	height: 100%;
}

body {
	background-color: #fff;
  	font: normal 11px 'Arial';
  	color: #004676;
  	margin: 0;
  	height: 100%;
}

div#container {
  	width: 1000px;
  	min-height: 100%;
  	margin-left: auto;
  	margin-right:auto;
}

/* 2. header */
div#header {
  	width: 100%;
  	height: 135px;
  	background: #fff url(../images/content/banner.jpg);
}

div#header_blue {
  	width: 100%;
  	height: 135px;
  	background: #fff url(../images/content/banner_blue.jpg);
}

div#header_green {
  	width: 100%;
  	height: 135px;
  	background: #fff url(../images/content/banner_green.jpg);
}

div#header_orange {
  	width: 100%;
  	height: 135px;
  	background: #fff url(../images/content/banner_orange.jpg);
}

div#header_jade {
  	width: 100%;
  	height: 135px;
  	background: #fff url(../images/content/banner_jade.jpg);
}

div#header_yellow {
  	width: 100%;
  	height: 135px;
  	background: #fff url(../images/content/banner_yellow.jpg);
}

div#header_purple {
  	width: 100%;
  	height: 135px;
  	background: #fff url(../images/content/banner_purple.jpg);
}

div#header_purple2 {
  	width: 100%;
  	height: 135px;
  	background: #fff url(../images/content/banner_purple2.jpg);
}

div#header_purple3 {
  	width: 100%;
  	height: 135px;
  	background: #fff url(../images/content/banner_purple3.jpg);
}

div#logo {
	position : relative;
	top : 35px;
	left : 225px;
	height: 50px;
	float: left;
	clear : both;
}

div#logo h1{
  	overflow: hidden;
  	font-size: 0;
  	color: #fff;
 	  width: 224px;
  	height: 50px;
  	float:left;	
}

div#logo h2 {
	height: 50px;
	font: normal 22px 'Trebuchet MS';
	float: left;
	line-height :50px;
	vertical-align : middle; 
	margin-left : 10px;
	text-transform: uppercase;
}

/* 3. tabmenu + subitems*/


div#tab_menu {
	position : relative;
	top : 65px;
	left : 0px;
	float : left;
	clear : both;
}

div#menu_bar {
	width: 100%;
	height: 30px;
	line-height : 30px;
	vertical-align : middle;
	background-color: #004478;
	font-weight: bold;
}

/* TAB MENU */
ul#nav_main { 
	list-style: none;
	margin: 0;
  	z-index: 666;
  	float : left;	
}

ul#nav_main li { 
	float: left; 
	position: absolute;
}

ul#nav_main li a { 
	float : left;
	width : 120px;  
	height: 20px; 
	padding : 0 0 0 8px;
 	line-height: 20px;
 	vertical-align: middle;
 	background: url(../images/content/tab.png) no-repeat;
 	color : #004676;
 	font-size : 11px;
 	font-weight: bold;
}

#nav_main li#first {
  z-index: 3;
}

#nav_main li#first:hover,  #nav_main li#first a:hover {
  background: url(../images/content/tab_hover.png) no-repeat;
  color: #fff;
}

#nav_main li#second {
  margin: 0 0 0 110px;
  z-index: 2;
}

#nav_main li#second:hover,  #nav_main li#second a:hover {
  background: url(../images/content/tab_hover.png) no-repeat;
  color : #fff;
}

#nav_main li#third {
  margin: 0 0 0 220px;
  z-index: 1;
}

#nav_main li#third:hover,  #nav_main li#third a:hover {
  background: url(../images/content/tab_hover.png) no-repeat;
  color : #fff;
}

#nav_main li .active{
	z-index:4;
  	background: url(../images/content/tab_hover.png) no-repeat;
	color : #fff;
	
}

/* SUB MENU */

div#sub_menu {
	width : 780px;
	height : 30px;
	float:left;
}

ul#nav_submenu { 
	list-style: none;
	margin: 0;
  	z-index: 666;
  	float : left;	
}

ul#nav_submenu li { 
	float: left; 
	margin : 0 25px 0 25px;
}

ul#nav_submenu li a { 
	float : left;
	height: 30px; 
 	line-height: 30px;
 	vertical-align: middle;
 	color : #fff;
}

ul#nav_submenu li a:hover ,ul#nav_submenu li a.active {
	color: #e7b012;
}

div#search {
	width : 220px;
	height: 30px;
	margin: 5px 0 -5px 0;
	float:left;
}

input#searchstring {
  	background: url(../images/content/search_bg.gif) no-repeat;
  	border: none;
  	height : 22px;
  	width: 150px;
  	color: #708191;
  	padding : 3px 0 0 10px;
}

form#form_search input#submit{
	width:40px;
	height:18px;
	margin: 0 0 0 5px;
	cursor: pointer;
}

input.submit {
	width:30px;
	height:20px;
	margin-left: 5px;
	cursor: pointer;
}

input.submitpostcode {
	width:32px;
	height:21px;
	margin-left: 5px;
	cursor: pointer;
}


/* 4. Menu Left */


#menu_left {
	margin: 30px 0 0 20px;
}

#menu_left h3 {
	background: url(../images/content/lijn_menu_links.gif) 0 12px no-repeat;
	margin-left: 0;
	padding: 0 0 0 12px;
}

#menu_left ul {
	list-style:none;
	margin: 0px 0 5px 0;
}

#menu_left ul li {
	margin: 0 0 5px 0;
}

#menu_left ul li a {
	color : #008091;
}

#menu_left ul li a:hover {
	color : #004676;
}

#menu_left ul li a.submenu_active_current {
	color : #004676;
}

.submenu_fourth li {
	 border-bottom :none!important;
	 padding: 0 0 0 15px;
	
}

/* 5. Content */

div#content_container {
  width: 100%;
  min-height : 400px;
 	background: url(../images/content/regen_bg.gif)  no-repeat;
}

div#content {
 	width: 595px;
 	min-height : 400px;
 	float : left;
}

div.blue {
 	width: 570px !important;
 	background: #9bd8f1;
 	margin: 16px 5px 0 20px;
}

div.green {
 	width: 570px !important;
 	margin: 16px 5px 0 20px;
 	background: #c3dcab;
}

div.jade {
 	width: 570px !important;
 	margin: 16px 5px 0 20px;
 	background: #cde8e5;
}

div.orange {
 	width: 570px !important;
 	margin: 16px 5px 0 20px;
 	background: #ffb344;
}

div.yellow {
 	width: 570px !important;
 	margin: 16px 5px 0 20px;
 	background: #ffef6e;
}

div.purple {
 	width: 570px !important;
 	margin: 16px 5px 0 20px;
 	background: #c6d0e1;
}

div#content_left_a {
  width : 189px;
	min-height : 400px;
	float: left;
}

div#content_center_a {
  float: left;
	width: 323px;
	margin: 30px 0 0 20px;
}

div#content_center_b {
  float: left;
  width: 222px;
	margin: 5px 10px 0 20px;
  overflow: hidden;
}

div#content_center_a_blue, div#content_center_a_green {
  float: left;
	width: 192px;
	margin: -12px 0 0 0;
	overflow: hidden;
}

div#content_center_b_blue, div#content_center_b_green {
  float: left;
  width: 343px;
  margin: 10px 0 0 20px;
}

div#content_center_b_blue p, div#content_center_b_green p {
  font: normal 11px 'Arial';
  color: #000;
}

div#content_center_b_blue ul li, div#content_center_b_green ul li {
  font: normal 11px 'Arial';
  color: #000;
}

div#content_center_a_left {
	float: left;
  width: 222px;
	margin: 5px 10px 0 20px;
  overflow: hidden;
}

div#content_center_b_left {
  float: left;
	width: 343px;
	margin: 30px 0 0 -20px;
}

div#content_center_b_vervolg {
	margin: 5px 10px 0 20px;
}

div#content_center_a_vervolg {
	margin: 30px 20px 0 20px;
}

#content_right {
	width: 204px;
	min-height : 400px;
	float: left;
	margin: 16px 0 0 12px;
	overflow: hidden;
	padding: 0;
}

#content_right_a {
	height: 130px;
	width: 204px;
}

#content_right_a p {
	background: #008193;
	padding: 5px 0 5px 8px;
	margin: 0 0 5px 0;
}

#content_right_a a {
	color: #fff;
	display : block;
	padding : 0;
	margin : 0;
}

#content_right_c {
	margin: -5px 0 5px 0;
	float: left;
}

#content_right p {
  font: normal 11px 'Arial';
	color: #fff;
}

div#postcode_zoek {
  background: #004478;
  height: 112px;
  width: 204px;
}

div#postcode_links {
  width: 93px;
  float: left; 
  margin: 0 0 0 10px;
}

div#postcode_rechts {
  width: 50px;
  margin: 0 0 0 10px;
}

div#postcode_zoek input#kantoor_zoek {
  border: none;
  width: 53px;
  height: 22px;
  background: url(../images/content/postcode_zoek_bg.gif)  no-repeat;
}

.paginas {
  margin: -30px 0 0 0;
  float: left;
  width: 340px;
  font-size: 12px;
  text-align: center;
}

#postcodezoeker, #postcodetable {
	width : 745px;
}

#postcodezoeker thead {
	background: #cfe0ed;
}

#postcodetable .odd {

	background-color : #eceae8;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}

#postcodetable .even {
	background-color : #ffffff;	
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}

#postcodetable a:link , a:visited{
	color: #004478;
	text-decoration : none;
}

#postcodetable a:hover {
	color:#008093;
}

#postcodeheader td{
	height : 20px;
	line-height : 20px;
	vertical-align : middle;
}

#postcodeheader th {
  background : #fff;
  margin-left : 0;
  padding-left : 0;
  border: 1px solid red;
}

#hypotrust_logos {
	margin: 15px 0 0 0;
}

/* 6. content - general elements */
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.6em;
}

h1 {
	font-size: 1.1em;
}

#content_center_a h2 {
	font: normal 48px 'Verdana';
	color: #004676;
	font-weight : normal;
	text-transform : uppercase;
	margin: 0 0 0 0;
	width: 323px;
}

#content_center_a_vervolg h2 {
	
	color: #004676;
	font-weight : normal;
	text-transform : uppercase;
	margin: 0 0 0 0;
}

h3 {
	width : 100%;
	font: bold 11px 'Arial';
	color: #008091;
	height : 27px;
	line-height: 27px;
	vertical-align:middle;
}

h4 {
	font: bold 14px 'Verdana';
	color: #004676;
	margin: 0 0 -20px 0;
	text-transform : uppercase;
}

h5 {
	font: normal 12px 'Helvetica';
	color: #004676;
	font-weight : bold;
}

a:link, a:visited {
  	color: #008193;
  	text-decoration: none;
}

a:hover, a:active {
  	color: #004478;
  	text-decoration: none;
}

img {
  	display: block;
  	margin: 0 0 0.9em;
  	border: 0;
}

ul, ol {
  	margin: 0 0 0 20px;
  	padding: 0;
}

ul li, ol li {
  	margin: 0;
  	line-height : 18px;
}

ul li ul li, ol li ol li {
  	font-size: 1em;
}

ul{
	
	padding: 0px;
}

table {
  	margin: 0 0 0.9em;
}

p {
  font: normal 11px 'Arial';
	line-height : 18px;
}


div.donkergroen a {
	float : left;
	display : block;
	width: 250px;
  height: 20px;
  padding: 10px 0 10px 0;
  margin-right : 10px;
  font: bold 13px 'Arial';
  text-align : center;
  color: #fff;
  background: url(../images/content/donkergroen.gif) no-repeat;
}

div.lichtgroen a {
	display : block;
	float: left;
  width: 250px;
  height: 20px;
  padding: 10px 0 10px 0;
  font: bold 13px 'Arial';
  color: #008193;
  text-align : center;
  background: url(../images/content/lichtgroen.gif) no-repeat;
}


div.donkergroen_groot {
  float: left;
  padding: 0 0 0 10px;
  width: 250px;
  height: 60px;
  background: url(../images/content/donkergroen_groot.gif) no-repeat;
}

div.donkergroen_groot p {
  text-align: center;
  width: 230px;
}

div.donkergroen_groot a {
  padding: 15px 0 15px 0;
  font: bold 13px 'Arial';
  color: #fff;
}

div.lichtgroen_groot {
  float: left;
  padding: 0 0 0 10px;
  width: 250px;
  height: 60px;
  background: url(../images/content/lichtgroen_groot.gif) no-repeat;
}

div.lichtgroen_groot p {
  text-align: center;
  width: 230px;
}

div.lichtgroen_groot a {
  padding: 15px 0 15px 0;
  font: bold 13px 'Arial';
  color: #008193;
} 

div#div_alternatecontent_logos {
  margin: 10px 0 0 0;
}

/* 7. clear & footer */

div#footer {
  	width: 100%;
  	height : 50px;
  	clear: both;
  	background: url(../images/content/end_line.gif) no-repeat;
  	background-position : top right;
  	padding: 40px 0 0 0;
  	text-align:right;
  	font: normal 9px 'Verdana';
}

div#footer a{
  	color: #004676;
  	margin: 0 0 0 20px;
}

div#footer a:hover {
	color: #e7b012;
}

/* 6. Nieuws Spotlight */
#news_overview {
	width:100%;
}

#news_overview tr{
	height: 25px;
}

#news_overview .news_date {
	color: #66d0f3;
	font-weight: bold;
}

#news_overview a{
	color : #708191;
	
}#news_overview a:hover{
	color : #66d0f3;
}

table.newsitem {
  padding-bottom: 15px;
  border-bottom: 1px solid #008193;
}

table.newsitem .newsdate {
	width : 60px;
}

table.brochure {
}

table.brochure tr:hover {
  background: #e5f4ff;
}

table.brochure td {
  border-top: 1px solid #004478;
}

table.newsletter {
  padding: 0.4em 40px;
  background: #ddedf4;
  width: 100%;
}

table.newsletter td.label {
  color: #004478;
  font-weight: bold;
  padding: 0 0 15px 0;
}

table.newsletter td {
	vertical-align: top;  
	padding: 0 0 20px 0px;
	line-height: 1.5;
}

/* Formulieren */

form, form p, fieldset, legend {
  border: 0;
  margin: 0;
  padding: 0;
}

legend span, label span {
  position: absolute;
  width: 0;
  overflow: hidden;
}

p.error {
  font-weight: bold;
}

form.standard label.error {
  background: url(../images/content/fout.gif) left -3px no-repeat;
  height: 17px;
	width : 100%;
	font-size : 10px;
	padding-left : 17px;
	margin-top : 5px;
	color : #f00;
}

label {
  padding-right: 10px;
  float: left;
}

label.validation {
  float: left;
  width: auto;
  padding-left: 10px;
}

input, textarea, select {
  background: #fff;
  font: 11px 'Arial';
  color: #708191;
  border: 1px solid #cecfd0;
  margin: 0 0 0.3em;
  float: left;
  height: 17px;
}

input:focus, input.focus, textarea:focus, select:focus {
  border: 1px solid #008193;
}

input.submit {
  cursor: pointer;
  margin: 4px 0 4px 6px;
  border: none;
}

input.submit:hover, input.submit.hover {
  color: #fff;
}

form.standard {
  margin: 0.9em 0 0;
}


form.standard p {
  clear: left;
  padding: 0.4em 40px;
  border-bottom: 3px solid #fff;
  background: #ddedf4;
  overflow: hidden;
}

form.standard p.submit {
  padding: 0;
  background: 0;
}

form.standard label {
  color: #004478;
  font-weight: bold;
  padding-top: 0.2em;
  width: 135px;
}

.long_label {
  width: 400px !important;
  font-weight: normal !important;
}

form.standard select {
  width: 200px !important;
}

form.standard select.limited {
  width: 70px;
}

form.standard span {
  float: left;
  width: 240px;
}

form.standard span label {
  width: auto;
  padding: 0 0 0 5px;
  font: normal 1.1em Arial;
  width: 50%;
  height: 2em;
}

form.standard span input {
  clear: left;
}

form.standard p.submit input.submit {
  display:block;
  width : 70px;
  height: 20px;
  background: #004478;
  font: normal 10px 'Verdana';
  text-align: center;
  line-height:20px;
  font-weight:bold;
  vertical-align:middle;
  color:#ffffff;
  border:0px;
  float:right;
  
}

textarea.textarea {
	height: 100px;
	width: 220px;
}

form.standard select {
	height: 20px;
	width: 130px;
}

input.submit:hover, input.submit.hover {
  color: #fff;
}

/* Sitemap */

#sitemap {
	margin: 0;
}

#sitemap li.sm1 {
  font-weight: bold;
  color: #999;
 	list-style: none;
 	padding-top: 15px;
}

#sitemap li.sm1 a {
  text-decoration: none;
  color: #008091;
}

#sitemap li.sm2 {
 	list-style: none;
 	margin: 0 0 0 15px;
}

#sitemap li.sm2 a {
  font-weight: normal;
  color: #084067;
  background: 0;
  text-decoration: none;
}

#sitemap li.sm3 {
	list-style: none;
	font-weight: normal;
  padding-left: 15px;
}

#sitemap li.sm4 {
  padding: 0 0 5px 15px;
 	list-style: none;
}

#sitemap li.sm4 a {
  color: #aab3bc;
  background: 0;
  text-decoration: none;
}

#sitemap li.sm1 a:hover {
	background: 0;
	text-decoration: none;
}

#sitemap li.sm2 a:hover, li.sm3 a:hover, li.sm4 a:hover {
	background: 0;
	text-decoration: none;
}

/* Safari */

@media screen and (-webkit-min-device-pixel-ratio:0){
  
div#search {
	width : 220px;
	height: 20px;
	margin: 5px 0 -5px 0;
	float:left;
}

#content_right_a {
	height: 130px;
	width: 204px;
}

#content_right_b {
	height: 130px;
	width: 204px;
	margin: -10px 0 0 0;
}

#content_right_c {
	margin: -20px 0 5px 0;
	float: left;
}

}

@media screen and (min-width: 550px){ 
  
#postcode_rechts {
  positon: absolute;
  float: right;
  padding: 0 40px 0 0;
} 

.lichtgroen {
  height: 60px;
}

}