/* -- resetten ---------------------------------------------------------------------------------------- */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,th,td,p{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font-size:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ul {margin:0 0 15px 15px;padding:0;} ol {margin:0 0 0 30px;padding:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
form {display: inline;}
*:focus {outline:none;}
/* -- basic  ------------------------------------------------------------------------------------------- */
html {
	/* voor het tonen van de (non)actieve scrolbar, zodat de pagina niet verschuift */
	height: 100%;
	overflow: -moz-scrollbars-vertical;
}

body {
	background: #7f99b2 url("../images/bg.gif") repeat scroll 0 0;
	color: #4f4b4b;
	font: normal 0.75em/140% Verdana, Arial, Tahoma, Trebuchet MS;
	text-align: center;
}

div.container {
	width: 960px;
    margin: 0 auto;
    padding: 0 0 8px 0;
    background: #fff url(../images/bg_container.gif) no-repeat scroll 0 bottom;
    text-align: left;
    position: relative;
    min-height: 500px;/*zie lt_ie7.css*/
}


div.container.home {min-height: 522px;}

/* -- basic link --- do change! ------------------------------------------------------------------------ */
a {color:#0d1c84;}
a:visited {color:#0d1c84;}
a:hover {color:#0d1c84;}
a:active {color:#0d1c84;}


/* -- Text elements ----------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {color:#f00;}
h1 {font-size: 1.5em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}
h4, h5, h6 {font-size: 1em;}

p {
	margin: 0 0 15px 0;
}

h2.h2sifr-ff0000 {
	color:#f00;
	font-size: 1.3em;
	padding: 0 0 5px 0;
	font: normal 1.6em Arial;
}
h2.h2sifr-ffffff {
	color:#fff;
	font-size: 1.3em;
	padding: 0 0 5px 0;
	font: normal 1.6em Arial;
}

/* -- form specifications ----------------------------------------------------------------------------- */
select, input, textarea {
	font: normal 100% Arial, Verdana, Tahoma, Trebuchet MS;
	color: #000;
}
input.textfield, textarea.textarea {
	border: solid 1px #aaa;
	padding: 2px;
	background: #fff url("../images/bg_textfield.gif") repeat-x scroll 0 0;
}
select.select {
	border: solid 1px #aaa;
	padding: 2px;
}

/* -- Basic layout elements --- dont change! ---------------------------------------------------------- */
/* -- Om kolommen te maken zet je een 'wrapper' direct om gefloate elementen heen. zie voorbeeldkolommen hieronder */
div.wrapper {overflow:hidden;width:100%;}
div.absolute {position: absolute;}

/* -- kolommen (gebruiken voor layout) ------------------------------------------------------- */


/* -- specific elements ------------------------------------------------------------------------------- */

@media print {
	div.logo {
		display:none;
	}
}
  
@media screen {
	div.logo {
		position: absolute;
		top: 0;
		left: 20px;
		width: 105px;
		z-index: 40;
	}
}

div.homepage-flash-large {
	height: 493px;
	width: 960px;
	position: absolute;
	top: 41px;
	left: 0;
}
div.homepage-watuzoekt {
	position: absolute;
    left: 0px;
    top:366px;
    background: transparent url(../images/bg_homepage_watuzoekt.gif) no-repeat scroll 0 0;
    width: 337px;/*397*/
    height: 138px;/*158*/
    padding: 10px 30px;
    margin: 0 0 0 8px;
}

div.homepage-watuzoekt div.btn {
	padding: 15px 0 0 0;
}
div.homepage-uniekmerk {
	position: absolute;
    left: 416px;
    top:307px;
    padding: 0 0 0 30px;
    width: 506px;/*536*/
    height: 218px;/*218*/
    color: #fff;
    background: transparent url(../images/bg_homepage-uniekmerk.gif) no-repeat scroll 0 bottom;
}


div.homepage-uniekmerk-left {
	float: left;
	width: 273px;
	padding-top: 69px;
}
div.homepage-uniekmerk-right {
	float: left;
	width: 225px;
}


/* navigation */

@media print {
	div.nav {
		display:none;
	}
}
  
@media screen {
	div.nav {
		background: transparent url(../images/bg_header.gif) repeat-x scroll 0 0;
		/*height: 500px;*/
		padding: 0 0 0 150px;
		position: absolute;
		top:0;
		left:0;
		width: 810px;
		z-index: 30;
	}
}


ul.nav {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 100%;
	font: normal 1em Arial;
}
ul.nav li {
	float: left;
	line-height: 41px;
	margin: 0;
	border-right: solid 1px #fff;
}
ul.nav a, ul.nav a:visited, ul.nav li.language span.language {
	float: left;
	margin: 0;
	padding: 0 10px;
	text-decoration: none;
	height: 41px;
	line-height: 41px;
	color: #27306b;
}
ul.nav a:hover, ul.nav a:active {
	color: #27306b;
	background: transparent url("../images/bg_nav_hover.gif") repeat-x scroll 0 0;
}
ul.nav a.true, ul.nav a.true:visited {
	background: #fff;
	color: #27306b;
}
ul.nav a.true:hover, ul.nav a.true:active {
	color: #27306b;
}
ul.nav li.language {
	border: none;
	float: right;
	padding: 0 10px 0 0;
	color: #a4a7c0;
	font-size: 0.9em;
}

ul.nav li.language a, ul.nav li.language a:visited, ul.nav li.language span.language {
	padding: 0 2px;
	color: #a4a7c0;
}
ul.nav li.language a:hover, ul.nav li.language a:active {
	background: none;
    color: #003366;
}
ul.nav li.language a.current {
	background: none;
	color: #27306b;
}

/* subnav */
ul.subnav {
	margin: 0;
	padding: 0;
	clear: both;
	list-style: none;
	background: #fff;
	position: absolute;
	top: 41px;
	display:none;	
}
ul.subnav li {
	margin: 0;
	float: none;
	display: block;
	clear: both;
	border: none;
	position: static;
	border-top: solid 1px #e9eaf0;
	line-height: 35px;
	_width: 200px;
}
ul.subnav a, ul.subnav a:visited {
	display: block;
	float: none;
	margin: 0;
	padding: 0 10px;
	text-decoration: none;
	line-height: 35px;
	height: 35px;
	zoom:1;
}
ul.subnav a:hover, ul.subnav a:active {
	color: #dd0000;
	background: none;
	display: block;
	float: none;
	margin:0;	
}

/* subsubnav */
ul.subsubnav {
	margin:20px 0 0 0;
	padding:0;
	list-style: none;
}
ul.subsubnav li {
	padding: 7px 0;
}
ul.subsubnav a, ul.subsubnav a:visited {
	color: #888995;
}
ul.subsubnav a:hover, ul.subsubnav a:active {
	color: #d2d2d7;
}
ul.subsubnav a.true, ul.subsubnav a.true:visited {
	font-weight: bold;
	text-decoration: none;
	color: #d2d2d7;
}
ul.subsubnav a.true:hover, ul.subsubnav a.true:active {
	color: #d2d2d7;
	cursor: default;
}



/* content */


@media print {
	div.page-image {
		display:none;
	}
}
  
@media screen {
	div.page-image {
		position: relative;
		padding: 41px 0 0 0;
		z-index: 20;
	}
}


div.page-image h1, div.page-image h2, div.page-image-merken h1, div.page-image-merken h2 {
	position: absolute;
	font-family: Arial;
}
div.page-image h1, div.page-image-merken h1 {
	top:135px;
	left:65px;
	color: #fff;
	font-size: 3.1em;
	font-weight: normal;
	line-height: 100%;
	width: 895px;
}
div.page-image h2, div.page-image-merken h2 {
	top:175px;
	left:65px;
	color: #a8a9b8;
	font-size: 2.5em;
	font-weight: normal;
	line-height: 100%;
	width: 895px;
}
div.page-image div.col2 h1, div.page-image-merken div.col2 h1 {
	top:135px;
	left:545px;
}
div.page-image div.col2 h2, div.page-image-merken div.col2 h2 {
	top:175px;
	left:545px;
}
div.page-image img {
	display: block;
}

/* page image merken */
div.page-image-merken {
	position: relative;
	padding: 41px 0 0 0;
	width: 100%;
	overflow: hidden;
}
div.page-image-merken div.col1 {
	width: 476px;
	float: left;
}
div.page-image-merken div.col2 {
	width: 476px;
	float: right;
}


/* content wide */
div.content-wide {
	margin: 7px 9px 0 8px;
	z-index: 50;
	position:relative;
	_position: static;
}

@media print 
{	
	div.content-wide-top {
		display:none;
	}
}
  
@media screen {
	div.content-wide-top {
		background: transparent url(../images/bg_content_wide_top.gif) no-repeat scroll 0 0;
		height: 5px;
		line-height: 5px;
		font-size: 1px;
	}
}

div.content-wide-bot {
	background: transparent url(../images/bg_content_wide_bot.gif) no-repeat scroll 0 0;
	height: 5px;
	line-height: 5px;
	font-size: 1px;
	clear: both;
}
div.content-wide-mid {
	background: #fff;
	padding: 60px 60px 20px 60px;
	min-height: 200px;
	overflow: hidden;
	zoom:1;
}
.datum {
	color: #c4c4c4;
}
.intro {
	font-weight: bold;
}
.verplicht {
	font-style: italic;
	font-size: 0.9em;
}
.image-right {
	float: right;
	padding: 0 0 10px 10px;
}
.image-left {
	float: left;
	padding: 0 10px 10px 0;
}
a.pdf {
	background: transparent url(../images/icon_pdf.gif) no-repeat scroll 0 2px;
	padding: 2px 0 2px 18px;
	display: block;
	zoom:1;
}

div.content-wide-mid div.col1-left {
	width: 400px;
	float: left;
}
div.content-wide-mid div.col2-right {
	width: 400px;
	float: right;
}
div.content-wide-mid div.col2-right div.btn {
	padding: 10px 0 20px 0;
}

/* merken en nieuws */
div.merk-small, 
div.nieuws-small {
	float: left;
	overflow: hidden;
	margin: 5px 0;
} 
div.nieuws-small {
	margin: 5px 0 20px 0;
}
div.merk-small img, 
div.nieuws-small img, 
.image-nieuws-small,
.image-merk-small {
	float: left;
	padding: 0 10px 0 0;
}



div.merk-small div.merk-txt, 
div.nieuws-small div.nieuws-txt {
	padding: 0 0 0 0;
	display: table;
	zoom:1;
	font-size: 0.9em;
	float:left;	
}

div.nieuws-small div.nieuws-txt
{
    width: 296px;
}

div.merk-small div.merk-txt
{
    width: 120px;
}
    
div.merk-small div.merk-txt p, 
div.nieuws-small div.nieuws-txt p {
	padding: 0;
	margin: 0;
}
div.merk-small a, div.merk-small a:visited,
div.nieuws-small a, div.nieuws-small a:visited {
	text-decoration: none;
	color: #f00;
	font-size: 1.1em;
}
div.merk-small a:hover, div.merk-small a:active,
div.nieuws-small a:hover, div.nieuws-small a:active {
	text-decoration: underline;
	color: #d00;
}
div.nieuws-small div.nieuws-txt h3 {
	font-size: 1.1em;
	font-weight: normal;
}
div.nieuws-small div.nieuws-txt a.leesverder, 
div.nieuws-small div.nieuws-txt a.leesverder:visited {
	color:#0d1c84;
	text-decoration: underline;
} 
div.nieuws-small div.nieuws-txt a.leesverder:hover, 
div.nieuws-small div.nieuws-txt a.leesverder:active {
	color:#0d1c84;
	text-decoration: none;
}


/* content small */
div.content-small {
	margin: 7px 9px 0 8px;
}
div.content-small-top {
	background: transparent url(../images/bg_content_small_top.gif) no-repeat scroll 0 0;
	height: 5px;
	line-height: 5px;
	font-size: 1px;
	width: 643px;
}
div.content-small-bot {
	background: transparent url(../images/bg_content_small_bot.gif) no-repeat scroll 0 0;
	height: 5px;
	line-height: 5px;
	font-size: 1px;
	clear: both;
}
div.content-small div.col1-left {
	width: 643px;
	float: left;
}
div.content-small div.col2-right {
	width: 243px;
	padding: 60px 30px 20px 0;
	float: right;
}
div.content-small-mid {
	background: #fff;
	padding: 60px 60px 20px 60px;
	overflow: hidden;
	zoom:1;
}
div.content-small div.col1-left h2,
div.content-wide-mid div.col1-left h2 {
	padding: 0 0 35px 0;
}

/* content 2 columns */
div.content-2columns {
	background: transparent url(../images/bg_content_2cols_mid.gif) repeat-y scroll 0 0;
	zoom:1;
}
div.content-2columns-bot {
	background: transparent url(../images/bg_content_2cols_bot.gif) no-repeat scroll 0 0;
	height: 5px;
	line-height: 5px;
	font-size: 1px;
	clear: both;
}
div.col3-left {
	width: 407px;
	float: left;
	padding: 15px 30px;
}
div.col4-right {
	width: 407px;
	float: right;
	padding: 15px 30px;
}
div.merk-item {
	width: 200px;
	float: left;
	padding: 0 0 8px 0;
	height: 60px;
	overflow: hidden;
}

/* table */

@media print {
	table.content-table {
		width: 60%;
	}
	
	.noprint
	{
		display:none;
	}
}
  
@media screen {
	table.content-table {
	width: 100%;
	}
}

table.content-table th {
	border-bottom: solid 1px #ccc;
}

table.content-table th.left, table.content-table td.left {
	text-align:left;
}

table.content-table th.right, table.content-table td.right {
	text-align:right;
}

table.content-table th.center, table.content-table td.center {
	text-align:right;
}

table.content-table td, table.content-table th {
	padding: 2px 0;
}

/* contact */
div.contact-col {
	float: left;
	width: 50%;
}
div.contact-col h3 {
	padding-top: 10px;
}
div.route-berekenen {
	padding: 2px 0 10px 0;
}
div.route-berekenen, div.route-berekenen * {
	vertical-align: middle;
}
div.route-berekenen input.textfield {
	width: 100px;
	margin: 0 5px;
}

/* form */
div.form {
	
}
div.form fieldset {
	width: 100%;
	overflow: hidden;
	margin: 8px 0;
	padding: 0;
}
div.form div.label 
{
	white-space:nowrap;
	width: 137px;
	float: left;
}
div.form div.field {
	width: 260px;
	float: left;
}
div.form input.radio {
	vertical-align: middle;
}
div.form input.textfield {
	width: 255px;
}
div.form select.select {
	width: 261px;
}
div.form textarea.textarea {
	width: 255px;
}

/* footer */


@media print {
	div.footer {
		display:none;
	}
}
  
@media screen {
	div.footer {
		width: 960px;
		height: 40px;/*47*/
		margin: 0 auto;
		margin-top: 7px;
		padding-top: 7px;
		border: 0;
		font-size: 0.875em;
		color: #003366;
		background: transparent url(../images/bg_footer.gif) no-repeat scroll 0 0;
		text-align: center;
	}
}


a.textbutton
{
	display: block;
	background: url(../images/btn_empty.gif) no-repeat;
	height: 26px;	
	line-height: 24px;
	text-align: center;
	width: 397px;
	color: #ffffff;
	text-decoration: none;
}

a.textbutton-107
{
	display: block;
	background: url(../images/btn_empty_107.gif) no-repeat;
	height: 26px;	
	line-height: 24px;
	text-align: center;
	width: 107px;
	color: #ffffff;
	text-decoration: none;
	float:left;
}


a.textbutton-176
{
	display: block;
	background: url(../images/btn_empty_176.gif) no-repeat;
	height: 26px;	
	line-height: 24px;
	text-align: center;
	width: 176px;
	color: #ffffff;
	text-decoration: none;
	float:left;
}

a.textbutton-274
{
	display: block;
	background: url(../images/btn_empty_274.gif) no-repeat;
	height: 26px;	
	line-height: 24px;
	text-align: center;
	width: 274px;
	color: #ffffff;
	text-decoration: none;
	float:left;
}

a.textbutton-314
{
	display: block;
	background: url(../images/btn_empty_314.gif) no-repeat;
	height: 29px;	
	line-height: 27px;
	text-align: center;
	width: 314px;
	color: #ffffff;
	text-decoration: none;
	float:left;
}

a.textbutton-397
{
	white-space:nowrap;
	display: block;
	background: url(../images/btn_empty_397.gif) no-repeat;
	height: 29px;	
	line-height: 27px;
	text-align: center;
	width: 397px;
	color: #ffffff;
	text-decoration: none;
	float:left;
}

a.textbutton:hover, a.textbutton-274:hover, a.textbutton-176:hover,
a.textbutton:active, a.textbutton-274:active, a.textbutton-176:active
{
	color: #BEBFC5;
}

.modalBackground
{
	position: absolute;
	z-index:100;
    top: 0px;
    left: 0px;
    width:500px;
    height:500px;
    background-color: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}