body {
	margin:0;
	text-align:center;
	background-color:#f5f9fc;
	font-family:Calibri, Arial, Helvetica, sans-serif; 
	font-size:12px;
}
.h1{
    background:url(/images/logo.gif);
    text-indent: -9999px;
    width: 263px;
    height: 95px;
}

.blue-header-line {
	width:100%;
	height:3px;
	background-color:#024d81;
	font-size:0px;
}
.logo {
	float:left;
	width:263px;
	height:95px;
}
.flags {
	display: block;
    float: right;
    padding: 5px;
}

.toplinks {
	float:right;
	width:162px;
	height:65px;
	background-image:url(/images/toplinks-back.gif);
	background-repeat:no-repeat;
	text-align:center;
	color:#FFFFFF;
}
.toplinks a {
	color: inherit;
	text-decoration: none;
}

.navigation {
	height:56px;
	background-image:url(/images/mainlinks-back.gif);
	background-repeat:no-repeat;
}
.navigation ul {
	list-style-type:none;
	display:inline;
}
.navigation li {
	float:left;
	display:inline;
	margin-left:50px;
	line-height:55px;
	font-size:14px;
}
.navigation li a.main {
	color:#FFFFFF;
	text-decoration:underline;
	font-size:14px;
	font-style:normal;
}
.navigation li a.main:hover {
	color:#FFFFFF;
	text-decoration:none;
}
.navigation li a.active {
	text-decoration:none;
	font-size:14px;
	color:#FFFFFF;
	font-style:normal;
}
.navigation2 {
    height:35px;
    margin-bottom:10px;
    background:#e3eef7;
    background-repeat:no-repeat;
}
.navigation2 ul {
    list-style-type:none;
    display:inline;
}
.navigation2 li {
    float:left;
    display:inline;
    margin-left:50px;
    line-height:35px;
    font-size:14px;
}
.navigation2 li a.main {
    color:#024d81;
    text-decoration:underline;
    font-size:14px;
    font-style:normal;
}
.navigation2 li a.main:hover {
    color:#024d81;
    text-decoration:none;
}
.navigation2 li a.active {
    text-decoration:none;
    font-size:14px;
    color:#024d81;
    font-style:normal;
}
.search {
	float:right;
	display:inline;
	margin-top:12px;
	margin-right:20px;
	padding-left:5px;
	padding-top:0px;
	width:226px;
	height:31px;
	background-image:url(/images/searchback.gif);
}
input.search-text {
	float:left;
	width:150px;
	margin:0;
	margin-top:5px;
	border:solid 1px #FFFFFF;
	font-size:12px;
}
input.search-text:focus {
	border:solid 1px #FFFFFF;
}
input.search-button {
	float:right;
	width:64px;
	height:24px;
	margin-top:4px;
	margin-right:5px;
	background-image:url(/images/searchbtn.gif);
	border:0;
	color:#FFFFFF;
	cursor:pointer;
}
input.send-button {
    width:75px;
    height:24px;
    margin-top:4px;
    margin-right:5px;
    background-image:url(/images/sendbtn.gif);
    border:0;
    color:#FFFFFF;
    cursor:pointer;
}
#pathway{
    float:right;
    clear:right;
}

#pathway a {
    color:#000000;
    text-decoration:underline;
    line-height:30px;
    font-weight:normal;
}
#pathway a:hover {
    text-decoration:none;
}
#pathway a.active {
    text-decoration:none;
}
#pathway img {
    float: left;    
}
.center-band {
	float:left;
	width:100%;
	height:252px;
	padding-top:10px;
	margin-bottom:15px;
	background-image:url(/images/center-band.jpg);
	background-repeat:repeat-x;
}
.center-band2 {
    margin-top:5px;
    float:left;
    width:100%;
    height:70px;
    padding-top:6px;
    background-image:url(/images/center-band.gif);
    background-repeat:repeat-x;
    margin-bottom: 10px;
}

.center-box{
    height:51px;
    width: 950px;
    margin-bottom: 20px;
}
.banner {
	height:238px;
	background-image:url(/images/bannerimg.gif);
	background-repeat:no-repeat;
}
.referenties {
	height:238px;
	background-image:url(/images/referenties-back.jpg);
	background-repeat:no-repeat;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:18px;
}
.referenties ul {
	margin:0;
	padding:0;
}
.referenties li {
	list-style-type:none;
	height:32px;
	padding-left:25px;
	background-image:url(/images/mainarrow.gif);
	background-repeat:no-repeat;
	border-bottom:solid 1px #a3c0d7;
}
.referenties li.big {
	color:#FFFFFF;
	font-size:18px;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
}
.referenties-bottom a {
	float:left;
	width:310px;
	margin-top:25px;
	text-align:center;
	font-size:14px;
	color:#FFFFFF;
	font-style:italic;
}

h3 {
	color:#FFFFFF;
	font-style:italic;
	margin-top:15px;
	margin-left:50px;
	font-size:19px;
}
.contact-head {
	float:left;
	display:inline;
	width:293px;
	height:45px;
	background-image:url(/images/blueback-small.gif);
	background-repeat:no-repeat;
}
.declare-head {
	float:left;
	display:inline;
	margin-left:10px;
	width:626px;
	height:45px;
	background-image:url(/images/blueback-large.gif);
	background-repeat:no-repeat;
}
.contact-text {
	float:left;
	display:inline;
	width:293px;
	margin-top:5px;
}
.declare-text {
	float:left;
	display:inline;
	margin-left:10px;
	width:626px;
	margin-top:5px;
}
.greentitle {
	float:left;
	margin-right:25px;
	width:293px;
	height:45px;
	background-image:url(/images/greentitleback.gif);
	background-repeat:no-repeat;
}
.bottom-column {
	float:left;
	width:293px;
	margin-top:5px;
	margin-right:25px;
}
.box-top {
	float:left;
	width:293px;
	height:8px;
	background-image:url(/images/bottomboxtop.gif);
	background-repeat:no-repeat;
	font-size:0px;
}
.box-content {
	float:left;
	width:273px;
	padding-left:10px;
	padding-right:10px;
	background-color:#ebf5fd;
}
h5 {
	padding:0px;
	margin:0;
	font-size:12px;
	font-weight:bold;
}
.box-content ul {
	padding:10px;
}
.box-content li {
	list-style-image:url(/images/smallarrow.gif);
}
hr {
	margin-top:10px;
	margin-bottom:10px;
	background-color:#a3c0d7;
}
.more {
	float:right;
	width:122px;
	height:35px;
	background-image:url(/images/leesmeer.gif);
	text-align:center;
	line-height:30px;
}
a.more {
	color:#FFFFFF;
	font-family:Calibri, Arial, Helvetica, sans-serif; 
	font-size:12px;
}
a.more:hover {
	text-decoration:none;
	color:#FFFFFF;
}
.box-bottom {
	float:left;
	width:293px;
	height:9px;
	background-image:url(/images/bottomboxbtm.gif);
	background-repeat:no-repeat;
	font-size:0px;
}
.footer-left {
	float:left;
	margin-left:10px;
	color:#c8c8c8;
	font-size:11px;
}
.footer-right {
	float:right;
	margin-right:10px;
	color:#c8c8c8;
	font-size:11px;
}

.footer-right a{
    color:#c8c8c8;
    text-decoration: none;
}


.topmargin {
	margin-bottom:10px;
}
/* ---------------  CSS for main box -------------- */
.cb {
	margin:0;
	margin-bottom:8px;
}
/* Rules for the top corners and border */
.bt {
	background:url(/images/contentback1.gif) no-repeat 100% 0;
	margin:0 0 0 18px;
	height:10px;
	font-size:2px;
}
.bt div {
	height:10px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(/images/contentback1.gif) no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.bb {
	background:url(/images/contentback1.gif) no-repeat 100% 100%;
	margin:0 0 0 18px;
	height:17px;
}
.bb div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(/images/contentback1.gif) no-repeat 0 100%;
}

/* Insert the left border */
.i1 {
	padding:0 0 0 10px;
	background:url(/images/contentback1side.gif) repeat-y 0 0;
}
/* Insert the right border */
.i2 {
	padding:0 6px 0 0;
	background:url(/images/contentback1side.gif) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#e3eef7;
	border:1px solid #e3eef7;
	border-width:1px 0;
	padding:0 0px;
}

/* CSS for the box ends here */
/* ---------------  CSS for inside light box -------------- */
.cb-l {
	margin:0;
	margin-bottom:0px;
}
/* Rules for the top corners and border */
.bt-l {
	background:url(/images/contentlightback.gif) no-repeat 100% 0;
	margin:0 0 0 18px;
	height:10px;
	font-size:2px;
}
.bt-l div {
	height:10px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(/images/contentlightback.gif) no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.bb-l {
	background:url(/images/contentlightback.gif) no-repeat 100% 100%;
	margin:0 0 0 18px;
	height:10px;
	font-size:2px;
}
.bb-l div {
	height:10px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(/images/contentlightback.gif) no-repeat 0 100%;
	font-size:2px;
}

/* Insert the left border */
.i1-l {
	padding:0 0 0 10px;
	background:url(/images/contentlightside.gif) repeat-y 0 0;
}
/* Insert the right border */
.i2-l {
	padding:0 6px 0 0;
	background:url(/images/contentlightside.gif) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3-l {
	background:#ebf5fd;
	border:1px solid #ebf5fd;
	border-width:1px 0;
	padding:0 0px;
}
/* CSS for the box ends here */

/* ---------------  CSS for inside dark box -------------- */
.cb-d {
	margin:0;
	margin-bottom:5px;
}
/* Rules for the top corners and border */
.bt-d {
	background:url(/images/contentdarkback.gif) no-repeat 100% 0;
	margin:0 0 0 18px;
	height:5px;
	font-size:2px;
}
.bt-d div {
	height:5px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(/images/contentdarkback.gif) no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.bb-d {
	background:url(/images/contentdarkback.gif) no-repeat 100% 100%;
	margin:0 0 0 18px;
	height:10px;
	font-size:2px;
}
.bb-d div {
	height:10px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(/images/contentdarkback.gif) no-repeat 0 100%;
	font-size:2px;
}

/* Insert the left border */
.i1-d {
	padding:0 0 0 10px;
	background:url(/images/contentdarkside.gif) repeat-y 0 0;
}
/* Insert the right border */
.i2-d {
	padding:0 6px 0 0;
	background:url(/images/contentdarkside.gif) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3-d {
	background:#e3eef7;
	border:1px solid #e3eef7;
	border-width:1px 0;
	padding:0 0px;
}
/* CSS for the box ends here */

/* ------ CSS for inner page ------- */
.left-menu {
	float:left;
	width:250px;
}
.submenu-head {
	float:left;
	width:250px;
	height:45px;
	background-image:url(/images/navigateback.gif);
	background-repeat:no-repeat;
}
.submenu {
	float:left;
	width:250px;
	margin-top:5px;
}
.submenu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.submenu li {
	float:left;
	width:230px;
	height:34px;
	line-height:35px;
	
}
.submenu li a.sub{
	float:left;
	width:210px;
	height:34px;
	padding-left:20px;
	background-image:url(/images/submenuback.gif);
	background-repeat:no-repeat;
	color:#000000;
	text-decoration:none;
	font-size:12px;
}
.submenu li a.sub:hover {
	background-image:url(/images/submenubackover.gif);
	text-decoration:underline;
}
.inside-header {
	float:left;
	width:650px;
	height:45px;
	background-image:url(/images/blueheader.gif);
	background-repeat:no-repeat;
}
.inside-content {
	float:left;
	width:650px;
	margin-top:5px;
}
.inside-column {
	float:left;
	width:240px;
}
.row {
	float:left;
	width:240px;
	height:16px;
	line-height:10px;
	margin-bottom:10px;
}
.form-left {
	float:left;
	width:200px;
	margin-top:10px;
}
.form-right {
	float:left;
	width:300px;
	margin-top:10px;
}
.text-field {
	float:left;
	width:282px;
	height:27px;
	padding-left:10px;
	padding-top:5px;
	background-image:url(/images/formtext.gif);
}
.text-area {
	float:left;
	width:282px;
	height:111px;
	padding-left:10px;
	padding-top:5px;
	background-image:url(/images/formtextarea.gif)
}
input.form-text {
	background:#d2e0eb;
	border:none;
	margin:0;
	width:250px;
}
.form-textarea {
	width:250px;
	height:80px;
	background:#d2e0eb;
	border:none;
	overflow:auto;
}
input.submitbtn {
	float:left;
	width:122px;
	height:29px;
	background-image:url(/images/submitback.gif);
	border:0;
	color:#FFFFFF;
	cursor:pointer;
}

.errorString {
    color:#333333;
    border:1px dotted #FF0000;
    padding:5px;
    margin-right:30px;
}
