﻿/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	text-align:center;
	background:#6f84aa;
	}
	
img, div{ behavior: url(css/iepngfix.htc);}
img {border:0px solid #000000;}
	
body, table, th, td, p, input, textarea, select {
	font-family:Arial, Verdana, Helvetica, Sans-serif;
	font-size:12px;
	color:#403f3f;
	line-height:17px;
	}
	
h1, h2, h3, h4, h5, h6 {
	margin:0 0 20px 0;
	}
	
a, a:hover{outline:none;}


h1 {
	font-size:18px;
	color:#004687;
	font-weight:normal;
	/*font-style:italic;*/
	}
b {
	color:#004687;
	}

/*
	background-image:url('../gfx/my.png');
	_background: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='gfx/my.png');

*/

#motto {
    font-weight:bold;
    font-size:14px;
    font-style:italic;
    }

/* ============================================================	*/ 
/* ========	bg				  	===============================	*/
/* ============================================================	*/ 

div#container {
	position:relative;
	margin:0 auto 0 auto;
	width:1026px;
	/*padding-bottom:30px;*/
	background:url('../gfx/bg-page-cent.jpg') repeat-y ;
	
	min-height:100%;
	overflow:hidden;
	_height:100%;
	_overflow:inherit;
	}

.contentBlock {
	position:relative;
	margin:0 auto 0 auto;
	width:972px;
	overflow:hidden;
	text-align:left;
	padding:30px 0px 30px 0px;
	}

div.bgtop{
	position:relative;
	top:0px;
	left:0px;
	width:1026px;
	background: url('../gfx/bg-page-top.jpg') no-repeat;
	overflow:hidden;
	}

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {
	position:relative;
	width:972px;
	height:313px;
	background:#ffffff;
	}
	
div.header .left{position:relative;
	float:left;
	width:252px;
	height:313px;
	background: url(../gfx/header-adres-bg.gif) no-repeat bottom left;
	overflow:hidden;
	
}

		a.logo {
			position:absolute;
			top:31px;
			left:18px;
			width:214px;
			height:76px;
			}
					
		div.adres {
			position:absolute;
			top:0px;
			left:252px;
			width:252px;
			height:164px;
			}
		div.maillink {
			position:absolute;
			bottom:20px;
			right:36px;
			width:112px;
			height:13px;
			overflow:hidden;
			}


		div.maillink a{
			display:block;
			text-indent:112px;
			background:url('../gfx/link-adres-bg.gif')  0px -13px;
			}
		div.maillink a:hover{
			background:url('../gfx/link-adres-bg.gif')  0px 0px;
			}
			
			
		
	
	
div.flash{
	float:left;
	width:720px;
	height:313px;
	}
	
/* ============================================================	*/ 
/* ========	mainContent			===============================	*/
/* ============================================================	*/

div.mainContent{
	position:relative;
	float:left;
	width:972px;
	padding-bottom:118px;
	overflow:hidden;
	}
	
/* ========	navigatie 			===============================	*/

div.navigatie {float:left;width:252px;background: url('../gfx/nav-header.gif') repeat-x;padding-top:28px;font-size:12px;overflow:hidden;}

div.navigatie ul{margin:0px;padding:0px;line-height:26px;}

div.navigatie li{margin:0px;padding:0px;width:252px;list-style:none;border-bottom:1px solid #c7c7c7;}

div.navigatie li a{display:block;width:252px;color:#363636;text-transform:uppercase;text-decoration:none;padding-left:35px;background:url('../gfx/nav-list-icon.gif') no-repeat 13px 6px;}

div.navigatie li a:hover{color:#004687;background:#e6e6e6 url('../gfx/nav-list-icon-selected.gif') no-repeat 13px 6px;}

div.navigatie li a.selected{color:#004687;border-bottom:1px solid #c7c7c7;background:#e6e6e6 url('../gfx/nav-list-icon-selected.gif') no-repeat 13px 6px;}


/* ========	subnavigatie 			===============================	*/

div.navigatie ul li ul{line-height:18px; background-color:#F2F2F2; border-top:10px solid #F2F2F2; border-bottom:10px solid #F2F2F2;  border-left:0px solid #F2F2F2;  border-right:0px solid #F2F2F2;}

div.navigatie ul li ul li{border-bottom:none;}

div.navigatie ul li ul li a{display:block;text-transform:none;padding-left:35px;background:none;}

div.navigatie ul li ul li a:hover,div.navigatie ul li ul li a.selected{background:none;font-weight:bold;border:none;}

div.navigatie ul li ul li ul{border:0px solid #FFFFFF !important;}







/* ========	Content				===============================	*/
div.content {
	float:left;
	width:415px;
	margin:40px 0 0 25px;
}

div.content a{
	color:#004687;}


/* ========	addons 				===============================	*/
div.addons {
	float:right;
	margin-top:28px;
	width:255px;

}
div.addons a{line-height:39px;width:255px;height:38px;display:block;margin-top:10px;overflow:hidden;text-indent:255px;}
div.addons a.inloggen{background:url('../gfx/add-inloggen.gif');}
div.addons a.uitloggen{background:url('../gfx/add-uitloggen.gif');}
div.addons a.documenten{background:url('../gfx/mijn-documenten.gif');}
div.addons a.links{background:url('../gfx/add-links.gif');}
div.addons a.fittest{background:url('../gfx/add-fittest.gif');}
div.addons a.maandmotto{background:url('../gfx/add-motto-van-de-maand.gif');}

	

/* ============================================================	*/ 
/* ========	fittest				===============================	*/
/* ============================================================	*/
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin:20px 0;
}

table.fittest{
	background:#d9e3ed;

}
table.fittest th{
text-align:left;
background:#ffffff url('../gfx/th-bg.gif') repeat-x;
border:1px solid #e4e4e4;
padding:5px;
color:#403f3f;

}
table.fittest td{
padding:5px;color:#004687;	border:1px solid #ffffff;border-left:none;
}
table.fittest td.tdnr{
border:1px solid #ffffff;border-right:none;vertical-align:top;

}



table.fittest tr{
	
}

tr.first{

	background:#e5ecf3;
}
	
/* ============================================================	*/ 
/* ========	download				===============================	*/
/* ============================================================	*/

table.download
{
    width:100%;
    }

table.download th{
text-align:left;
background:#ffffff url('../gfx/th-bg.gif') repeat-x;
border:1px solid #e4e4e4;
padding:5px;
color:#403f3f;

}
table.download td{
padding:5px;color:Black;	border-left:none;
border-bottom:1px solid #e4e4e4;
}

table.download td a
{
    color:Black;
    display:block;
    padding-left:22px;
    height:18px;
}

table.download td a.pdf
{
    background: url(../gfx/pdf.jpg) no-repeat;
}

table.download td a.doc
{
    background: url(../gfx/doc.jpg) no-repeat;
}

table.download tr:hover
{
    background-color:#e5ecf3;
}

/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/
	
div#footer{
	position:absolute;
	height:149px;
	bottom:0px;
	left:0px;
	width:1026px;
	background:url('../gfx/bg-page-bot.jpg');
	}


div#footer {
	/*position:relative;*/
	/*width:972px;*/
	clear:both;
	/*height:25px;*/
	color:#c1c1c1;
	}
	
html>body #footer {top:expression(document.getElementById('container').clientHeight - 149 + "px"); /* IE7 fix */}

 .iso-logo {
	position:absolute;
	right:34px;
	top:10px;
	/*top:-93px;*/
	width:226px;
	height:104px;
	}



	.footerText {line-height:25px;/*margin-left:277px;*/font-size:10px; top:90px; position:relative;}
	
	.footerText a {text-decoration:none;color:#c1c1c1;}
	.footerText a.selected {text-decoration:underline;color:#004687;}
	.footerText a:hover {text-decoration:underline;color:#004687;}
	
/* ============================================================	*/ 
/* ========	form				===============================	*/
/* ============================================================	*/

input.typeText, textarea {
background:transparent url(../gfx/input-back.gif) top left no-repeat; 
border-top:1px solid #c0c0c0; 
border-right:1px solid #dbdbdb;	
border-bottom:1px solid #ededed; 
border-left:1px solid #dadada;
resize:none;}

.w310 {width:310px;}


.submit{
	text-align:left;
	border:1px solid #ffffff;
	width:169px;
	line-height:20px;
	height:26px;
	text-indent:15px;
	font-weight:bold;
	background:url('../gfx/submit-bg.gif') no-repeat  0px 0px;
	overflow:hidden;
	cursor:pointer;
	display:block;
	position:relative;
	left:-2px;
	top:5px;
	outline:none;
    outline-width:0px;
    border:0px solid #FFFFFF;
    }

.submit:hover{
	background:url('../gfx/submit-bg.gif') no-repeat 0px -26px ;

}

/* Antares add html bodytext,<b>some text</b> has been converted into <strong>some text</strong> */
strong {
	color:#004687;
	}


