@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#schaduwtabel {
	width: 908px;
	padding: 0px;
	margin: 0px;
	margin-left:auto; 
	margin-right:auto;
	border-collapse: collapse;
}

/* de top container bevat alle onderdelen van de top */
#topcontainer {
	height: 96px;
	overflow: hidden;
	width: 900px;
	float: none;
	clear: both;
}
/* top met submenu container */
#top_with_submenu {
	height: 245px;
	overflow: hidden;
	width: 900px;
	float: none;	
	clear: both;
}
#top_without_submenu {
	height: 245px;
	overflow: hidden;
	width: 900px;
	float: none;	
	clear: both;
}
/* de content container bevat de content van de pagina */
#contentcontainer {
	background-image: url(../images/inhoudachtergrond.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	overflow: hidden;
	width: 900px;
	float: none;	
	clear: both;
	border-top: 1px solid #dddddd;
}

/* ------------------------- ALLE ONDERDELEN UIT DE TOP CONTAINER (MENU / ZOEKBALK ETC) */
#logo {
	position: relative;
	float: left;
	background-image: url(../images/logo.jpg);
	width: 136px;
	height: 96px;
	overflow: hidden;
}

/* Het hoofdmenu bovenaan is hoofdmenu1 */
#hoofdmenu1 {
	position: relative;
	float: left;
	top: 0px;
	width: 564px;
	top: 18px;
	left: 1px;
	overflow: hidden;
	font-size: 11px;
	font-weight: bolder;
}
#hoofdmenu1 a {	margin-left: 14px;	margin-right: 13px; }
#hoofdmenu1 a:link {		color: #666666;	text-decoration: none; }
#hoofdmenu1 a:visited {	color: #666666;	text-decoration: none; }
#hoofdmenu1 a:hover {		color: #4465b0;	text-decoration: none; }
#hoofdmenu1 a:active {	color: #ef4824;	text-decoration: none; }
#hoofdmenu1 .activemenu {	color: #4465b0;	text-decoration: none;	margin-left: 0px;	margin-right: 0px;	}


/* Het tweede hoofdmenu */
#hoofdmenu2 {
	position: relative;
	float: left;
	width: 541px;
	height: 30px;
	top: 34px;
	overflow: hidden;
	background-image: url(../images/hoofdmenu2_achtergrond.gif);
	padding-top: 18px;
	text-align: center;
	font-size: 12px;
	font-weight: bolder;	
}
#hoofdmenu2 a {	margin-left: 12px;	margin-right: 12px; }
#hoofdmenu2 a:link {		color: #4465b0;	text-decoration: none; }
#hoofdmenu2 a:visited {	color: #4465b0;	text-decoration: none; }
#hoofdmenu2 a:hover {		color: #666666;	text-decoration: none; }
#hoofdmenu2 a:active {	color: #ef4824;	text-decoration: none; }
#hoofdmenu2 .activemenu {	color: #666666;	text-decoration: none; 	margin-left: 0px;	margin-right: 0px; }

/* zoekbalkje rechtsboven */
#zoeken {
	border: 0px;
	float: right;
	top: 18px;
	right: 12px;
	width: 180px;
	height: 78px;
	border-collapse:collapse;
	overflow: hidden;
	position:relative;
	padding:0px;
}
/* NOTE: zoeken is nog even visibility = hidden omdat we dat nog niet direct maken */
#zoekveld_achtergrond {
	position:relative;
	float: left;
	background-image: url(../images/zoek_achtergrond.gif);
	width: 146px;
	height: 21px;
}
#zoekveld { 
	position: relative;
	border: 0px;
	left: 5px;
	top: 0px;
	width: 130px;
	height: 13px;
	padding-top:4px;
	background-image: url(../images/zoek_achtergrond_editbox.gif);
	background-position:left top;
	font-size: 11px;
	color: #666666;	
}
/* NOTE: zoeken is nog even visibility = hidden omdat we dat nog niet direct maken */
#zoekbutton {	margin-left:5px; margin-right:7px; margin-top:2px; }

/* ------------------------- ALLE ONDERDELEN UIT DE MIDDELSTE CONTAINER (SUBMENU / AFBEELDING / RELATED) */
/* submenu aan de linkerkant */
#submenu {
	position: relative;
	width: 125px;
	height: 215px;
	background-image: url(../images/submenu_achtergrond.gif);
	float: left;
	padding-left:15px;
	padding-top:30px;	
	overflow: hidden;	
	font-size: 11px;
	color: #4c4c4c;
}
#submenu p {	margin-top: 0px; margin-bottom: 15px;	padding-top: 0px; padding-bottom: 0px;	border-collapse: collapse; }
#submenu a { font-weight: bolder; color: #4c4c4c;	}
#submenu a:link {	text-decoration: none; }
#submenu a:visited { text-decoration: none; }
#submenu a:hover {	text-decoration: underline; }
#submenu a:active {	text-decoration: underline; }

/* hoofdafbeelding houder */
#top_with_submenu #hoofdafbeelding {
	position: relative;
	width: 551px;
	height: 245px;
	overflow: hidden;
	float: left;
}

#top_without_submenu #hoofdafbeelding {
	position: relative;
	width: 691px;
	height: 245px;
	overflow: hidden;
	float: left;
}

#top_home #hoofdafbeelding {
	position: relative;
	width: 691px;
	height: 268px;
	overflow: hidden;
	float: left;
	background-image:url(../images/nw_flash_achtergrond.gif);
	background-position:top right;
	background-repeat:repeat-x;
}

#top_home #relatedpanel {
	position: relative;
	background-image:url(../images/relatedpanel_home_achtergro.gif);
	width: 209px;
	height: 268px;
	overflow: hidden;
	float: left;
}

#top_contact #hoofdafbeelding {
	position: relative;
	width: 691px;
	height: 313px;
	overflow: hidden;
	float: left;
}

/* related informatie panel */
#top_contact #relatedpanel {
	position: relative;
	background-image:url(../images/relatedpanel_contact_achtergrond.gif);
	width: 209px;
	height: 313px;
	overflow: hidden;
	float: left;
}

#top_with_submenu #relatedpanel {
	position: relative;
	background-image:url(../images/relatedpanel_achtergrond.gif);
	width: 209px;
	height: 245px;
	overflow: hidden;
	float: left;
}

#top_without_submenu #relatedpanel {
	position: relative;
	background-image:url(../images/relatedpanel_achtergrond.gif);
	width: 209px;
	height: 245px;
	overflow: hidden;
	float: left;
}

/* normale knoppen in de related informatie panel */
.relatedknop_bovenkant {
	background:url(../images/relatedknop_bovenkant.jpg);
	width: 175px;
	height: 5px;
	margin-top: 0px;
	border-collapse: collapse;
	padding-top: 0px;
	margin-left: auto;
	margin-right: auto;
}
.relatedknop_midden {
	background:url(../images/relatedknop_midden.jpg);
	overflow:auto;	
	width: 158px;
	padding-left: 10px;
	padding-right: 7px;
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
	color: #000000;
}
.relatedknop_midden h1 {
	font-size: 16px;
	font-weight: bolder;
	color: #ffffff;
	border-collapse: collapse;
	padding: 0px 0px 5px 0px;
}
.relatedknop_knop {
	position:relative;
	border: 0px solid #FFFFFF;
	float: right;
	bottom: 2px;
	font-size: 16px;
	font-weight: bolder;
	color: #ffffff;
	border-collapse: collapse;
}
.relatedknop_onderkant {
	background:url(../images/relatedknop_onderkant.jpg);
	width: 175px;
	height: 7px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}




/* milieu knoppen in de related informatie panel */
.relatedknop_bovenkant_milieu {
	background:url(../images/relatedknop_bovenkant_milieu.jpg);
	width: 175px;
	height: 5px;
	margin-top: 0px;
	border-collapse: collapse;
	padding-top: 0px;
	margin-left: auto;
	margin-right: auto;
}
.relatedknop_midden_milieu {
	background:url(../images/relatedknop_midden_milieu.jpg);
	overflow:auto;	
	width: 158px;
	padding-left: 10px;
	padding-right: 7px;
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
	color: #000000;
}
.relatedknop_midden_milieu h1 {
	font-size: 16px;
	font-weight: bolder;
	color: #ffffff;
	border-collapse: collapse;
	padding: 0px 0px 5px 0px;
}
.relatedknop_knop_milieu {
	position:relative;
	border: 0px solid #FFFFFF;
	float: right;
	bottom: 2px;
	font-size: 16px;
	font-weight: bolder;
	color: #ffffff;
	border-collapse: collapse;
}
.relatedknop_onderkant_milieu {
	background:url(../images/relatedknop_onderkant_milieu.jpg);
	width: 175px;
	height: 7px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}


.relatedmenu_bovenkant {
	background:url(../images/relatedmenu_bovenkant.jpg);
	background-position:top;
	background-repeat: no-repeat;
	width: 155px;
	margin-top: 0px;
	border-collapse: collapse;
	padding-top: 0px;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	font-weight: bolder;
	color: #4465b0;
	padding:5px 10px 5px 10px;
}
.relatedmenu_onderkant {
	background:url(../images/relatedmenu_onderkant.jpg);
	width: 175px;
	height: 7px;
	margin-left: auto;
	margin-right: auto;
}
.relatedmenu_midden {
	background:url(../images/relatedknop_midden.jpg);
	overflow:auto;	
	width: 158px;
	padding-left: 10px;
	padding-right: 7px;
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
	color: #000000;
}
.relatedmenu_midden_red {
	background:url(../images/relatedknop_midden_red.jpg);
	overflow:auto;	
	width: 158px;
	padding-left: 10px;
	padding-right: 7px;
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
	color: #000000;
}
.relatedmenu_tekst {
	float: left;
	width: 140px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #ffffff;
	font-size: 10px;
	font-weight: bolder;
}
.relatedmenu_knop {
	position:relative;
	border: 0px solid #FFFFFF;
	top:8px;
	float: right;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bolder;
	color: #ffffff;
	border-collapse: collapse;	
}
.relatedmenu_streep {
	background:url(../images/relatedmenu_streep.jpg);
	width: 176px;
	left: 1px;
	border-collapse: collapse;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
}

/* ------------------------- ALLE ONDERDELEN UIT DE INHOUD CONTAINER (TEKST / SUB-SUB MENU EN LINKS ONDERAAN) */

/* een div om er voor te zorgen dat als de tekst te weinig wordt het panel nog wel een minimale hoogte heeft */ 
#contentminheight {
	width: 1px;
	float: left;
	height: 268px;
}


/* Standaard tekst vak (zonder verder bijzondere opmaak */
#standaardtekst {
	float:left;
	padding-left: 137px;
	padding-top: 30px;
	padding-bottom: 40px;
	width: 535px;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
}

#tool_inhoudcontainer {
	float: left;
	width: 767px;
	padding-left: 133px;
	padding-top: 30px;
	padding-bottom: 40px;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
}

#tool_top {
	background: url(../images/tooltop.gif);
	width:754px;
	height:7px;
}
#tool_middle_white {
	background: url(../images/toolmiddle_white.gif);
	width:734px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	color: #000000;
	overflow:auto;
}
#tool_middle_blue {
	background: url(../images/toolmiddle_blue.gif);
	width:734px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	color: #000000;
	overflow:auto;
}
#tool_middle_white h1 {
	font-size: 16px;
	font-weight: bolder;
	color: #666666;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#tool_middle_blue h1 {
	font-size: 16px;
	font-weight: bolder;
	color: #666666;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#tool_bottom {
	background: url(../images/toolbottom.gif);
	width:734px;
	height:10px;
}



/* vakken voor de contact pagina */
#contact_adrescontainer {
	float:left;
	padding-left: 35px;
	margin-top: 30px;
	margin-bottom: 40px;
	border-right: 1px #62b9e9 solid;
	width: 230px;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
}

#contact_meerwetencontainer {
	float:left;
	padding-left: 40px;
	padding-top: 30px;
	padding-bottom: 40px;
	width: 367px;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
}

#homeportfolio_small {
	float:left;
	padding-left: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 300px;
	color: #000000;
	border-right: 1px #62b9e9 solid;
}
#homebanner_small {
	float:left;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 0px;
	width: 295px;
	height: 230px;
	border-right: 1px #62b9e9 solid;
}
#homenieuws_small {
	float:left;
	padding: 0px 0px 0px 0px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 260px;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
}

#homeportfolio {
	float:left;
	padding-left: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 548px;
	color: #000000;
	border-right: 1px #62b9e9 solid;
}
#homenieuws {
	float:left;
	padding: 0px 0px 0px 0px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 310px;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
}

.standaardtekst {
	font-size: 11px;
	line-height: 16px;
	color: #000000;
}

h1 {
	font-size: 16px;
	font-weight: bolder;
	color: #4465b0;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;	
	padding-bottom: 15px;
}

h2 {
	font-size: 13px;
	font-weight: bolder;
	color: #4465b0;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;	
	padding-bottom: 5px;
}
p {
	margin-top:0px;
}
h3 {
	font-size: 11px;
	font-weight: bolder;
	text-decoration:underline;
	color: #4465b0;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;	
	padding-bottom: 5px;
}
h4 {
	font-size: 11px;
	font-weight: bolder;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;	
	padding-bottom: 5px;
}

a:link { color: #396cb4; }
a:visited { color: #396cb4; }
a:hover { color: #d13448; }
a:active { color: #d13448; }

ul {
	list-style: disc url('/images/bullet.gif') outside;
}

hr {
	border: 0;
	color: #A1D5F2;
	background-color: #A1D5F2;
	height: 1px;
	width: 100%;
	text-align: left;
}

/* FORM ELEMENTEN */
.fields {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #545454;
	background-color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #545454;
}

.formbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #545454;
	background-color: #FFFFFF;
}

SELECT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #545454;
	background-color: #ffffff;
	font-weight: bold;
}

TEXTAREA {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #545454;
	background-color: #ffffff;
	border-bottom: 1px #545454 solid;
	border-top: 1px #545454 solid;
	border-right: 1px #545454 solid;
	border-left: 1px #545454 solid;
	font-weight: bold;
}
/* FORM ELEMENTEN */
.imprintant_covers {
	border-width: 2px;
	border-color: #A1D5F2;
	border-style: solid; 
}

#subsubinfo {
	position: static;
	position: relative;
	float: right;
	width: 189px;
	padding-top: 30px;
	padding-bottom: 40px;
	padding-right: 20px;
}


/* het sub-submenu rechts van de tekst */
#subsubmenu {
	position: static;
	position: relative;
	float: right;
	
	
	width: 209px;
	padding-top: 30px;
	padding-bottom: 40px;
}
#subsubmenutop {
	background: url(../images/subsubmenu_top.jpg);
	width:176px;
	height:7px;
	margin-left: auto;
	margin-right: auto;
}
#subsubmenumiddle {
	background: url(../images/subsubmenu_middle.jpg);
	width:160px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 6px;
	font-size: 11px;
	color: #000000;
	overflow:auto;
}
#subsubmenumiddle h1 {
	font-size: 16px;
	font-weight: bolder;
	color: #ffffff;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#subsubmenumiddle a { color: #000000; }
#subsubmenumiddle a:link { color: #000000; text-decoration: none; }
#subsubmenumiddle a:visited { color: #000000; text-decoration: none; }
#subsubmenumiddle a:hover { color: #ffffff; text-decoration: none; }
#subsubmenumiddle a:active { color: #ffffff; text-decoration: none; }
#subsubmenumiddle .arrowwhite {	color: #FFFFFF; }

#subsubmenumiddle ul {
	margin-top: 10px;
	margin-bottom: 10px;
	list-style: none;
	list-style-image: none;
	list-style-position:outside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}
#subsubmenumiddle li {
	margin-bottom: 10px;
}
#subsubmenumiddle p {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#subsubmenumiddle h3 {
	color: #000000;
}

#subsubmenubottom {
	background: url(../images/subsubmenu_bottom.jpg);
	width:176px;
	height:7px;
	margin-left: auto;
	margin-right: auto;
}



/* Het menu aan de onderkant.. */
#bottommenu {
	clear:both;
	text-align: right;
	padding-right: 20px;
	padding-bottom: 10px;
	font-weight: bolder;
	font-size: 10px;	
}
#bottommenu a {
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: none;
}
#bottommenu a:link {		color: #396cb4; }
#bottommenu a:visited {	color: #396cb4; }
#bottommenu a:hover {		color: #d13448; }
#bottommenu a:active {	color: #d13448; }

.accent {
	color: #4465b0;
}

#tip {
	background-color: #E7F4FC;
	border-top: 1px #4465b0 solid;
	border-bottom: 1px #4465b0 solid;
	padding: 10px 10px 10px 10px;
	margin-left: 20px;
	margin-right: 20px;
}

.blauwebalk_tekst {
	position: absolute; 
	opacity: 1; 
	visibility: visible;
	font-size: 22px;
	color: #ffffff;
	letter-spacing: -0.1em;
	margin-top: 6px;
	margin-left: 20px;
}
#blauwebalk_button {
	position: absolute; 
	opacity: 1; 
	visibility: visible;
	margin-top: 12px;
	margin-left: 640px;	
}
#socialmediabox {
	margin-left: auto;
	margin-right: auto;
	width: 840px;
	height: 40px;
	overflow: hidden;
	margin-top: -3px;
	margin-left: 20px;
	position: absolute;
}
.addthis_toolbox a {
	margin-top: -10px;
}
.addthis_toolbox a:hover {
	margin-top: -5px;
}