html {
	height: 100%;
}

body {
	margin: 0px;
	height: 100%;
	background: #e7e9e9;
}

a:link,
a:active,
a:visited {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	
}
a:hover {
	text-decoration: underline;
}

img.left {
	margin: 0px; 
	margin-right: 10px;
}

img.right {
	margin: 0px; 
	margin-left: 10px;
}

img,
a img,
table {
	border: 0px;
}

img {
	display: block;
}

body, td, input, select, textarea {
	color: #333333;
	font: normal 11px/14px Arial, Helvetica, sans-serif;
}

p {
	margin: 0px 0px 14px 0px;
}

img.kop {
	display: block;
}

h2 {
	color: #666666;
	font: normal 18px/18px Arial, Helvetica, sans-serif;
	margin: 0px;
}

h4 {
	color: #333333;
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	margin: 0px;
	display: inline;
}

h5 {
	color: #333333;
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	text-transform: uppercase;
}

ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

li {
	list-style-type: none;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 22px;
	background: url(images/list.gif) 0px 4px no-repeat;
}

li img {
	margin: 5px 0px 20px 0px;
}

a.pdf:link,
a.pdf:active,
a.pdf:visited {
	display: block;
	padding: 2px 0px 5px 20px;
	margin: 0px 0px 5px 0px;
	background: url(images/ico-list-pdf.gif) left 0px no-repeat;
}
a.pdf:hover {
	text-decoration: underline;
}



/* CONTAINERS */
.containerMain {
	width: 760px;
	margin: 0px auto;
	_height: 18px;
	min-height: 18px;
	border: 2px solid #fff;
}
.containerMain:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.containerHeader {
	width: 760px;
	height: 98px;
	overflow: hidden;
	border-bottom: 2px solid #fff;
	position: relative;
	background: #6e7ba4 url(images/bg-header.jpg) left top no-repeat;
}

.containerContent {
	width: 760px;
	_height: 18px;
	min-height: 18px;
	background: #fff url(images/bg-content.gif) left top repeat-y;
}

.backgroundIndex {
	background: #fff url(images/bg-content-index.gif) left top repeat-y;
}

.containerContent:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.containerLinks {
	width: 189px;
	_height: 18px;
	min-height: 18px;
	padding: 0px 0px 15px 0px;
	border-right: 2px solid #fff;
	float: left;
}

.containerWerkveld {
	width: 569px;
	_height: 18px;
	min-height: 18px;
	float: left;
}

.content {
	width/**/:/**/529px; /* 569px */
	_height: 430px;
	min-height: 430px;
	padding: 0px 20px 20px 20px;
	overflow-x: hidden;
	background: #fff;
}

.contentSplitL {
	width/**/:/**/340px; /* 380px */
	_height: 430px;
	min-height: 430px;
	padding: 0px 20px 20px 20px;
	overflow-x: hidden;
	float: left;
	background: #fff;
}

.contentSplitR {
	width: 189px;
	_height: 18px;
	min-height: 18px;
	float: left;
}



/* HEADER */
.containerHeader .talen {
	width: 96px;
	height: 13px;
	overflow: hidden;
	position: absolute;
	top: 2px;
	right: 2px;
}

.containerHeader .talen span {
	display: none;
}

.containerHeader .talen a:link,
.containerHeader .talen a:active,
.containerHeader .talen a:visited {
	display: block;
	width: 16px;
	height: 13px;
	overflow: hidden;
	float: right;
}
.containerHeader .talen a:hover,
.containerHeader .talen a.actief {
	background-color: #fff;
}

.menuNL{
	background: url(images/vlag-nl.gif) center center no-repeat;
}
.menuEN {
	background: url(images/vlag-en.gif) center center no-repeat;
}
.menuDE {
	background: url(images/vlag-de.gif) center center no-repeat;
}
.menuFR {
	background: url(images/vlag-fr.gif) center center no-repeat;
}
.menuIT {
	background: url(images/vlag-it.gif) center center no-repeat;
}
.menuSP {
	background: url(images/vlag-sp.gif) center center no-repeat;
}

.containerHeader .logo {
	width: 189px;
	height: 79px;
	overflow: hidden;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	top: 17px;
	left: 0px;
}



/* ALGEMEEN */
.intro {
	width/**/:/**/485px; /* 525px + 4px */
	_height: 18px;
	min-height: 18px;
	padding: 3px 20px 3px 20px;
	margin: 0px 0px 15px 0px;
	overflow-x: hidden;
	border-left: 2px solid #ff4105;
	border-right: 2px solid #ff4105;
	color: #666666;
}
.contentSplitL .intro {
	width/**/:/**/296px; /* 340px + 4px */
}
.intro:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.home .intro {
	text-align: center;
	margin: 0px 0px 20px 0px;
}

.introImg {
	width: 340px;
	_height: 18px;
	min-height: 18px;
	display: table;
	overflow-x: hidden;
	margin: 20px 0px 0px 0px;
}

/* Menu's */
.menu {
	width: 569px;
	height: 21px;
	overflow: hidden;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	position: absolute;
	top: 17px;
	left: 191px;
	background: #666666;
}

.menu span {
	display: none;
}

.menu a:link,
.menu a:active,
.menu a:visited {
	display: block;
	height: 21px;
	float: left;
	overflow: hidden;
	background-position: left;
}
.menu a:hover {
	background-position: right;
}

.submenu {
	width/**/:/**/174px; /* 189px */
	_height: 18px;
	min-height: 18px;
	padding: 0px 5px 2px 10px;
	display: table;
	overflow-x: hidden;
	color: #fff;
	border-bottom: 2px solid #fff;
	background: #b3b3b3;
}

h3.submenuH3 {
	color: #fff;
	font: bold 12px/24px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px 10px 0px 20px;
	border-bottom: 2px solid #fff;
	background: #666;
}

.submenu a:link,
.submenu a:active,
.submenu a:visited {
	display: block;
	width/**/:/**/164px; /* 174px */
	_height: 24px;
	min-height: 24px;
	padding: 0px 0px 0px 10px;
	line-height: 24px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}
.submenu a:hover {
	color: #666;
	text-decoration: none;
	background: url(images/list.gif) 0px 9px no-repeat;
}

.submenu .spacer {
	width: 149px;
	height: 1px;
	margin: 0px 0px 0px 10px;
	overflow: hidden;
	background: #666;
}

.submenuLinks {
	width/**/:/**/169px; /* 189px */
	_height: 18px;
	min-height: 18px;
	padding: 15px 10px 10px 10px;
	text-align: right;
}

.submenuLinks h2 {
	color: #ff4105;
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 20px 0px 0px;
}

.submenuLinks a:link,
.submenuLinks a:active,
.submenuLinks a:visited {
	display: block;
	padding: 0px 20px 0px 0px;
	font-weight: normal;
	text-decoration: underline;
	background: url(images/list.gif) right 5px no-repeat;
}
.submenuLinks a:hover {
	text-decoration: none;
}

.adresLinks {
	width/**/:/**/149px; /* 189px */
	_height: 18px;
	min-height: 18px;
	padding: 20px 30px 10px 10px;
	display: table;
	overflow-x: hidden;
	text-align: right;
}

.adresLinks#adresLaatste {
	padding-top: 0px;
}

.adresLinks h3 {
	color: #333333;
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	display: block;
}

.adresLinks p {
	display: block;
	margin: 0px 0px 5px 0px;
}

.adresLinks a:link,
.adresLinks a:active,
.adresLinks a:visited {
	text-decoration: none;
	font-weight: bold;
}
.adresLinks a:hover {
	text-decoration: underline;
}

.dynamicTitle {
	margin: 0;
	text-indent: -9999px;
	background-repeat: no-repeat;
}




/* HOME */
.kopImg {
	width/**/:/**/529px; /* 569px */
	_height: 34px; /* 64px */
	min-height: 34px; /* 64px */
	display: table;
	padding: 15px 20px 15px 20px;
	background: #fff;
}

.contentSplitL .kopImg {
	width/**/:/**/320px; /* 340px */
	padding: 15px 20px 15px 0px;
}

.homeSpotlight {
	width: 250px;
	height: 187px;
	overflow: hidden;
	float: left;
}
.homeSpotlight#bruggen,
.homeSpotlight#roros {
	margin: 0px 29px 0px 0px;
}

.homeSpotlight a.kop {
	display: block;
	width: 250px;
	height: 47px;
	overflow: hidden;
}

.homeSpotlight a.img {
	display: block;
	width: 248px;
	height: 138px;
	overflow: hidden;
	border: 1px solid #ff4105;
}
.homeSpotlight#bruggen a.img {
	background: url(images/sfeer/IMG-home-bruggen.jpg) left top no-repeat;
}
.homeSpotlight#pontons a.img {
	background: url(images/sfeer/IMG-home-pontons.jpg) left top no-repeat;
}
.homeSpotlight#roros a.img {
	background: url(images/sfeer/IMG-home-roros.jpg) left top no-repeat;
}
.homeSpotlight#spec a.img {
	background: url(images/sfeer/IMG-home-spec.jpg) left top no-repeat;
}



/* DE JANSON GROEP */
.adresBlok {
	width/**/:/**/215px; /* 340px */
	_height: 75px;
	min-height: 75px;
	padding: 10px 5px 10px 120px;
	border: 2px solid #ff4105;
	background: url(images/logo-adresblok.gif) 10px 10px no-repeat;
}
.adresBlok:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.adresBlok h3 {
	color: #333333;
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	margin: 0px;
}



/* BRUGGEN / PONTONS - Technische gegevens */
/* Tabel grid - Algemeen */
.tblGegevens {
	width: 340px;
	margin: 0px 0px 30px 0px;
	border: 1px solid #cbd5f3;
	table-layout: fixed;
}

.tblGegevens th {
	height: 16px;
	vertical-align: top;
	border: 1px solid #cbd5f3;
	text-align: left;
	font-style: normal;
	background: #eff2fb;
}

.tblGegevens td {
	height: 16px;
	vertical-align: top;
	border: 1px solid #cbd5f3;
}

.tblGegevensL {
	width: 178px;
}
.tblGegevensR {
	width: 150px;
}

.tblGegevens1 {
	width: 250px;
}
.tblGegevens1a {
	width: 160px;
}
.tblGegevens1b {
	width: 90px;
}
.tblGegevens2 {
	width: 90px;
}

.legenda {
	text-align: right;
	font-style: italic;
	font-size: 10px;
	margin-top: -23px;
	margin-bottom: 25px;
}

.tblGegevensGrid01 {
	width/**/:/**/66px; /* 68px */
	padding: 2px 0px 2px 2px;
	background: #eff2fb;
	font-style: italic;
}

.tblSplit {
	margin: 0px 0px 0px 0px;
	border-bottom: none;
}

/* Tabel grid - 3koloms */
.tblGegevensGridA01, th.tblGegevensGridA01,
.tblGegevensGridA02, th.tblGegevensGridA02,
.tblGegevensGridA03, th.tblGegevensGridA03 {
	width/**/:/**/84px; /* 84px */
	padding: 2px 0px 2px 0px;
	text-align: center;
}

/* Tabel grid - 4koloms */
.tblGegevensGridB01, th.tblGegevensGridB01,
.tblGegevensGridB02, th.tblGegevensGridB02,
.tblGegevensGridB03, th.tblGegevensGridB03,
.tblGegevensGridB04, th.tblGegevensGridB04 {
	width/**/:/**/62px; /* 62px */
	padding: 2px 0px 2px 0px;
	text-align: center;
}
th.tblGegevensGridB0102 {
	width/**/:/**/124px; /* 126px */
	padding: 2px 0px 2px 0px;
	text-align: center;
}

/* Tabel grid - 5koloms */
.tblGegevensGridC01, th.tblGegevensGridC01,
.tblGegevensGridC02, th.tblGegevensGridC02,
.tblGegevensGridC03, th.tblGegevensGridC03,
.tblGegevensGridC04, th.tblGegevensGridC04,
.tblGegevensGridC05, th.tblGegevensGridC05 {
	width/**/:/**/49px; /* 49px */
	padding: 2px 0px 2px 0px;
	text-align: center;
}
.tblGegevensGridC05, th.tblGegevensGridC05 {
	width/**/:/**/48px; /* 48px */
}

/* Tabel grid - 6koloms */
.tblGegevensGridD01, th.tblGegevensGridD01,
.tblGegevensGridD02, th.tblGegevensGridD02,
.tblGegevensGridD03, th.tblGegevensGridD03,
.tblGegevensGridD04, th.tblGegevensGridD04,
.tblGegevensGridD05, th.tblGegevensGridD05,
.tblGegevensGridD06, th.tblGegevensGridD06 {
	width/**/:/**/40px; /* 40px */
	padding: 2px 0px 2px 0px;
	text-align: center;
}

/* Tabel grid - 7koloms */
.tblGegevensGridE01, th.tblGegevensGridE01,
.tblGegevensGridE02, th.tblGegevensGridE02,
.tblGegevensGridE03, th.tblGegevensGridE03,
.tblGegevensGridE04, th.tblGegevensGridE04,
.tblGegevensGridE05, th.tblGegevensGridE05,
.tblGegevensGridE06, th.tblGegevensGridE06,
.tblGegevensGridE07, th.tblGegevensGridE07 {
	width/**/:/**/34px; /* 34px */
	padding: 2px 0px 2px 0px;
	text-align: center;
}
.tblGegevensGridE06, th.tblGegevensGridE06,
.tblGegevensGridE07, th.tblGegevensGridE07 {
	width/**/:/**/33px; /* 33px */
}

.tblGegevensGridF07, th.tblGegevensGridF07 {
	width/**/:/**/334px; /* 334px */
	padding: 2px 0px 2px 0px;
}

/* Tabel - Gegevens tekst */
.tblGegevensTxt	{
	width: 340px;
	margin: 0px 0px 18px 0px;
}
.tblGegevensTxtL {
	width: 75px;
	height: 18px;
	padding: 0px 5px 0px 0px;
	vertical-align: top;
	font-weight: bold;
}
.tblGegevensTxtR {
	width: 260px;
	vertical-align: top;
	padding: 0px 0px 3px 0px;
}



/* TOEPASSINGEN */
.blokToepassing {
	width: 529px;
	_height: 18px;
	min-height: 18px;
	overflow-x: hidden;
	display: table;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 2px 0px;
	background: url(images/bg-toepassingen.gif) left top repeat-y;
}

.blokToepassing .img {
	width: 170px;
	height: 60px;
	overflow: hidden;
	float: left;
}

.blokToepassing .koptitel {
	width/**/:/**/150px; /* 170px */
	_height: 18px;
	min-height: 18px;
	padding: 0px 10px 0px 10px;
	float: left;
}

.blokToepassing .txt {
	width: 189px;
	_height: 18px;
	min-height: 18px;
	padding: 0px 0px 10px 0px;
	float: left;
}

.blokToepassing .txt li {
	margin: 0px 0px 5px 0px;
}

.blokToepassing .txt a:link,
.blokToepassing .txt a:active,
.blokToepassing .txt a:visited {
	font-weight: normal;
	text-decoration: underline;
}
.blokToepassing .txt a:hover {
	text-decoration: none;
}

.blokToepassing.item01 .img {
	background: url(images/toepassingen/BG_TOEP_snelweg.jpg) left top no-repeat;
}
.blokToepassing.item02 .img {
	background: url(images/toepassingen/BG_TOEP_prov-wegen.jpg) left top no-repeat;
}
.blokToepassing.item03 .img {
	background: url(images/toepassingen/BG_TOEP_bouwplaatsen.jpg) left top no-repeat;
}
.blokToepassing.item04 .img {
	background: url(images/toepassingen/BG_TOEP_spoorwegen.jpg) left top no-repeat;
}
.blokToepassing.item05 .img {
	background: url(images/toepassingen/BG_TOEP_ontwikkelings.jpg) left top no-repeat;
}
.blokToepassing.item06 .img {
	background: url(images/toepassingen/BG_TOEP_noodbruggen.jpg) left top no-repeat;
}
.blokToepassing.item07 .img {
	background: url(images/toepassingen/BG_TOEP_fietsbrug.jpg) left top no-repeat;
}
.blokToepassing.item08 .img {
	background: url(images/toepassingen/BG_TOEP_drijvend.jpg) left top no-repeat;
}
.blokToepassing.item09 .img {
	background: url(images/toepassingen/BG_TOEP_havens.jpg) left top no-repeat;
}
.blokToepassing.item10 .img {
	background: url(images/toepassingen/BG_TOEP_waterwerken.jpg) left top no-repeat;
}
.blokToepassing.item11 .img {
	background: url(images/toepassingen/BG_TOEP_park.jpg) left top no-repeat;
}
.blokToepassing.item12 .img {
	background: url(images/toepassingen/BG_TOEP_spec.jpg) left top no-repeat;
}



/* CONTACT */
.contact a:link,
.contact a:active,
.contact a:visited {
	font-weight: normal;
	text-decoration: underline;
}
.contact a:hover {
	text-decoration: none;
}

.tblContact {
	width: 529px;
}

.tblContactL {
	width/**/:/**/165px; /* 175px */
	vertical-align: top;
	padding: 4px 10px 0px 0px;
}

.tblContactR {
	width: 354px;
	height: 24px;
	vertical-align: top;
}

.tblContactSpacer {
	height: 10px;
	line-height: 10px;
}

.tblSubmit a:link,
.tblSubmit a:active,
.tblSubmit a:visited {
	display: block;
	width: 100px;
	height: 24px;
	margin: 2px 0px 0px 0px;
	color: #fff;
	font: normal 14px/24px Arial, Helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
	background: #b3b3b3;
}
.tblSubmit a:hover {
	background: #8f8f8f;
}

.txtfield1 {
	width: 348px;
	height: 14px;
}

.txtfield2 {
	width: 100px;
	height: 14px;
}

.txtarea1 {
	width: 348px;
	height: 100px;
	margin: 0px 0px 2px 0px;
}

.selectbox01 {
	width: 352px;
}
* html .selectbox01 {
	width: 354px;
}
*:first-child+html .selectbox01 {
	width: 354px;
}

#divPopupBackground {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	opacity: .75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	background: #000000;
}

* html #divPopupBackground {
	position: absolute;
}

#divPopupWindow {
	width: 400px;
	height: 400px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -200px 0px 0px -200px;
	z-index: 101;
	background: #ffffff;
	display: block;
}



/* Styles voor de print variant */
@media print
{
	.NoPrint,
	.containerLinks,
	.containerHeader,
	.blokToepassing .img,
	.contentSplitR,
	.homeSpotlight {
		display: none;
	}
	
	li {
		list-style-type: square;
		list-style-position: inside;
		padding: 0px;
	}
	
	.contentSplitL {
		width/**/:/**/529px; /* 569px */
	}
	
	.contentSplitL .intro {
		width/**/:/**/485px;
	}
	
	.adresBlok {
		width/**/:/**/505px; /* 340px */
		padding: 10px 10px 10px 10px;
	}
}