/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:#d9e3e9; text-align:center;}
.top-tail{ background:url(images/top-tail.gif) top repeat-x #fff;}
.bot-tail{ background:url(images/bot-tail.gif) bottom repeat-x;}

img {vertical-align:top; position:relative;}
a img { border:0;}
ul { list-style:none;}
ul.a {list-style-type:circle; padding-left:15px; padding-top:5px; padding-bottom:10px;}
ul.b {list-style-type:square; padding-left:15px; padding-top:5px; padding-bottom:10px;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.333em; color:#626262;}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#33abe0; outline:none;}
a.int:link{color:#4d4d4d; text-decoration:none;}
a.inth2:link{color:#44474a; text-decoration:none;}
a:hover{text-decoration:none;}
p {padding-top:16px;}
h1{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:bold; line-height:1.333em; color:#44474a; }
h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:bold; line-height:1.333em; color:#44474a; }
h3{ font-size:2.667em; font-weight:normal; letter-spacing:-1px; line-height:1em; padding:9px 0 22px 65px; color:#44474a; word-spacing:-2px; position:relative;}
h4{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:bold; line-height:1.333em; color:#44474a; }
h5{ font-family:Arial, Helvetica, sans-serif; font-size:1.33em; font-weight:bold; line-height:1.333em; color:#44474a; }
h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:bold; line-height:1.333em; color:#44474a; }
strong{ display:block; position:relative;}
.strong1{ font-weight:normal; color:#33abe0;}
cite{ display:block; font-style:normal; background:url(images/citation-bg.gif) no-repeat 0 0; margin-top:4px; padding-top:8px;}
object{ vertical-align:top; outline:none;}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.phone{ float:left; padding-left:30px;}
.margin1{ margin-top:12px;}
.padding1{ padding-top:11px;}
.padding2{ padding-top:27px;}

/* ============================= header ====================== */
#header{ background:url(images/header-bg.jpg) no-repeat 0 0;}
#header .menu{ width:100%; overflow:hidden; height:32px;}
#header .menu ul{ padding-left:63px;}
#header .menu li{ float:left; margin:0 -18px;}
#header .menu .first{ margin-left:0;}
#header .menu a{ color:#53879c; text-decoration:none; display:block; cursor:pointer;}
#header .menu a span{ display:block; padding:8px 63px 8px 60px;}
#header .menu a:hover{ text-decoration:underline;}
#header .menu .active{ background:url(images/menu-item-left-bg.gif) left top no-repeat #cbf0ff; text-decoration:underline;}
#header .menu .active span{ background:url(images/menu-item-right-bg.gif) right top no-repeat;}

#header .logo{ padding:20px 0 0 320px;}
#header .header-text1{ margin:55px 0 0 95px;}
#header .header-text2{ margin:81px 0 0 143px;}
#header .header-text3{ margin:81px 0 0 145px;}

/* ============================= content ====================== */
#content{ padding:6px 45px 36px 75px;}
.column-1, .column-2, .column-3{ position:relative;}
.column-2{ margin-left:51px;}
.column-3{ margin-left:42px;}

.number{ position:absolute; width:53px; height:57px; font-size:2.333em; color:#fff; line-height:1em; padding:9px 0 0 18px; background:url(images/column1-number-bg.gif) no-repeat 0 0;}
.number-2{ position:absolute; width:53px; height:57px; font-size:2.333em; color:#fff; line-height:1em; padding:9px 0 0 18px; background:url(images/column1-number-bg.gif) no-repeat 0 0;}
.column-2 .number{ background:url(images/column2-number-bg.gif) no-repeat 0 0;}
.column-3 .number{ background:url(images/column3-number-bg.gif) no-repeat 0 0;}

.block{ position:relative; padding-left:27px;}
.block .number{ width:12px; height:15px; font-size:0.917em; padding:3px 0 0 6px; font-weight:bold; margin:2px 0 0 -27px;}
.block .number-2{ width:14px; height:15px; font-size:0.917em; padding:3px 0 0 3px; font-weight:bold; margin:2px 0 0 -27px;}
.column-1 .block .number{ background:url(images/column1-block-number-bg.gif) no-repeat 0 0;}
.column-1 .block .number-2{ background:url(images/column1-block-number-bg.gif) no-repeat 0 0;}
.column-2 .block .number{ background:url(images/column2-block-number-bg.gif) no-repeat 0 0;}
.column-3 .block .number{ background:url(images/column3-block-number-bg.gif) no-repeat 0 0;}

.link1{ font-weight:bold; color:#626262; text-decoration:none;}
.link1:hover{ color:#33abe0;}
.email{ color:#33abe0;}

.link{ display:block; color:#626262; text-decoration:none; font-size:0.917em; text-transform:uppercase; text-align:center; margin-top:39px; padding:7px 0 4px 0;}
.column-1 .link{ background:url(images/column1-link-bg.gif) right bottom no-repeat #fade04;}
.column-2 .link{ background:url(images/column2-link-bg.gif) right bottom no-repeat #ff9b35;}
.column-3 .link{ background:url(images/column3-link-bg.gif) right bottom no-repeat #a3d42f;}

.column-1 .link:hover{ background:url(images/column1-link-bg-act.gif) right bottom no-repeat #e6cc05;}
.column-2 .link:hover{ background:url(images/column2-link-bg-act.gif) right bottom no-repeat #dd7912;}
.column-3 .link:hover{ background:url(images/column3-link-bg-act.gif) right bottom no-repeat #82ad1d;}

/* ============================= footer ====================== */
#footer{ text-align:center;}
#footer p{ padding:19px 0 0 11px;}

/* ============================= forms ============================= */
#ContactForm{ padding-top:3px; position:relative;}
#ContactForm label{ display:block; height:25px;}
#ContactForm input{ border:solid 1px #b2b2b2; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#626262; padding:2px 2px 1px 3px; width:228px;}
#ContactForm textarea{ border:solid 1px #b2b2b2; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#626262; padding:2px 2px 1px 3px; width:228px; height:103px; overflow:auto;}
#ContactForm .link{ float:right; display:inline-block; padding:7px 22px 4px 22px; margin:20px 0 0 8px;}

/* ============================== header purecssmenu =============================*/
#navigation {color: #333; padding: 0px; margin: 0px 0px 0px 0px;  height:31px; background:#d7f3ff;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:30px;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-color:#FFFCE8;
	background-repeat:repeat;
	border-color:#808080;
	border-width:1px;
	border-style:solid;
	width:927px;
}
ul.pureCssMenu table {border-collapse:collapse}
ul.pureCssMenu {display:block; zoom:1; height:21px; float: left;}
ul.pureCssMenu ul{width:154.20000000000002px;}
ul.pureCssMenu li{display:block; margin:2px 0px 0px 2px; font-size:0px;}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {outline-style:none;}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover { /*color settings of dropdown list */
	display:block;
	vertical-align:middle;
	background-color:#ddf5ff;
	border-width:1px;
	border-color:#FFFCE8;
	border-style:solid;
	text-align:center;
	text-decoration:none;
	padding:2px 5px 5px 10px;
	padding-left:0;
	font:normal 11px Tahoma;
	color: #53879c; 
	text-decoration:none;
	cursor:default;
}
ul.pureCssMenu span{overflow:hidden;}
ul.pureCssMenu li {float:left;}
ul.pureCssMenu ul li {float:none;}
ul.pureCssMenu ul a {text-align:left; white-space:nowrap;}
ul.pureCssMenu li.sep{text-align:left; padding:0px;	line-height:0; height:100%;}
ul.pureCssMenu li.sep span{float:none; padding-right:0; width:3px;	height:100%; display:inline-block; background-color:#d7f3ff; background-image:none; /*onnodig??*/}
ul.pureCssMenu ul li.sep span{width:100%; height:3px;}
ul.pureCssMenu li:hover{position:relative;}
ul.pureCssMenu li:hover>a{background-color:#53879c; border-color:#45ADE4; border-style:solid; font:normal 11px Tahoma; color: #fffce8;	text-decoration:none; /*kleur blijvend*/}
ul.pureCssMenu li a:hover{position:relative; background-color:#DBF0F9; border-color:#45ADE4; border-style:solid; font:normal 11px Tahoma; color: #444; text-decoration:none;}
ul.pureCssMenu li.dis a {color: #557D4F !important;}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px; height:16px;}
ul.pureCssMenu ul img {width:16px; height:16px;}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover ul{display:block}
ul.pureCssMenu a:hover ul ul,ul.pureCssMenu a:hover a:hover ul ul{display:none}
ul.pureCssMenu span{display:block; background-image:url(./images/arrv_white.gif); background-position:right center;	background-repeat: no-repeat; padding-right:9px;}
ul.pureCssMenu ul span{background-image:url(./images/arr_blue.gif)}
ul.pureCssMenu ul li:hover > a span{background-image:url(./images/arr_white.gif);}
ul.pureCssMenu table a:hover span,ul.pureCssMenu table a:hover a:hover span,ul.pureCssMenu table a:hover a:hover a:hover span{background-image:url(./images/arr_white.gif) /*onnodig??*/}
ul.pureCssMenu table a:hover table span,ul.pureCssMenu table a:hover a:hover table span{background-image:url(./images/arr_blue.gif) /*onnodig??*/}
ul.pureCssMenu li.pureCssMenui0 {width:154px; height:23px;}
ul.pureCssMenu li a.pureCssMenui0{height:100%; background-color:#d7f4ff; border-width:0px; font:normal 12px Tahoma; color:#53879c; /*achtergrond hele balk*/ }
ul.pureCssMenu li a.pureCssMenui0:hover{background-color:#53879c; font:normal 12px Tahoma; color:#eee;}
 ul.pureCssMenum0 {background-color:transparent; border-width:0px; padding:0px 0px 0px 0px;}
 ul.pureCssMenum0>li>a {padding:8px 10px 0px 10px;}
 ul.pureCssMenum0 a {padding:8px 10px 0px 10px;}
 ul.pureCssMenum0 ul a {padding:2px 5px 5px 10px;}
 ul.pureCssMenum0>li {margin:0px 0px 0px 0px;}
 ul.pureCssMenum0 li {margin:0px 0px 0px 0px;}
 ul.pureCssMenum0 li li {margin:2px 0px 0px 2px;}