﻿/* ============================================================	*/ 
/* ========	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:#0068ba url('/images/gfx/bg.jpg') repeat-x;
	}
	
div.quote img{ behavior: url(/App_Themes/Default/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:#6c6c6c;

	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 0px 0;
	}
	
a{outline:none;
text-decoration:none;}


h1 {font-size:23px;color:#ffffff;/*height:25px;*/margin-bottom:24px;width:90%;} /*=modified at 2008-07-15 08:57 elimination overlay h1 and p */

h2 {font-size:12px;color:#0080c6;}


h3 {}
h4 {}
h5 {}
h6 {}	

p {margin:5px 0 10px 0;}
	
ol {}
ul {font-size:12px;color:#0080c6;font-weight:bold;margin:0px 0px 10px 0px;}
li {font-size:12px;color:#6c6c6c;font-weight:normal;margin-left:15px;}
li li {}

label {
	
	}
/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	margin:34px auto 0 auto;
	width:1012px;
	text-align:left;

	/*
	min-height:100%;
	_height:100%;
	*/
	z-index:50;



	}
/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.bg-image{
	position:absolute;
	top:7px;
	left:5px;
	width:455px;
	height:578px;
	overflow:hidden;

}

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {
	position:relative;
	float:right;
	margin-top:52px;

	width:547px;
	height:182px;
	margin-right:5px;
	_margin-right:2px;
	background:#0080c6 url('/images/gfx/2depoint-logo.jpg') no-repeat right;
	}
	
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.navigatie {
	position:relative;
	float:left;
	margin-top:25px;
	width:210px;
	}
div.navigatie a{
	display:block;
	width:210px;
	line-height:20px;
	color:#fff;
	font-size:11px;
	text-indent:25px;
	}
	
div.navigatie a:hover{
	background:url('/images/gfx/nav-hover.jpg');
	}
	
div.navigatie a.selected{
	display:block;
	width:210px;
	line-height:20px;
	color:#fff;
	font-size:11px;
	text-indent:25px;
	background:url('/images/gfx/nav-hover.jpg');
	}
	


	

	
/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.page-overlay{
	position:absolute;
	left:0;
	top:0;
	width:1012px;
	height:590px;
	background:url('/images/gfx/pageoverlay.png');
	_background: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/images/gfx/pageoverlay.png');
	}
	





div.contentBlock {
	/*old :  position:relative */
	position:relative !important;
	position:absolute; /* =modified at 2008-07-14 11:43 eliminat ie6 pic no display  */
	float:left;
	width:1012px;
	_height:590px;
	min-height:590px;
	}
	
	
	div.mainContent{
	position:relative;
	float:right;
	width:557px;
	/*_height:360px;*/
	min-height:360px;
	z-index:100;
	
}
	div.mainContent a{
	color:#0080c6;}


div.mainbg{
	position: absolute;
	top:234px;
	right:0px;
	height:360px;
	width:557px;
	background-image:url('/images/gfx/main-bg.png');
	_background: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/images/gfx/main-bg.png');
	z-index:100;

}

	div.mainbgoverflow{
	position: absolute;
	top:234px;
	right:0px;
	height:auto;
	width:557px;
	background-image:url('/images/gfx/main-content-bg-repeat.png');
	_background: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/images/gfx/main-content-bg-repeat.png');
	z-index:100;

}



div.mainContent div.Content{
	width:507px;
	/*old:margin:25px 25px 50px 25px;*/
	margin:25px 25px 0px 25px;/*modified at  2008-07-15*/
	position:relative; /*modified at  2008-07-23*/
}


div.mainContentfooter{
	position:absolute;
	left:0px;
	_left:2px;/* =modified 2008-07-24 14:30 ie6 pixel fix  */
	/*old: bottom:0px; */
	bottom:0px !important;
	bottom:-2px; /* =modified 2008-07-14 16:59 eliminat ie6 have white line  */
	width:557px;
	height:50px;
	display:none;
	overflow:hidden;
	background: url('/images/gfx/overflow-footer.jpg') no-repeat;
	z-index:100;
}


	
	


div.quote {
	position:absolute;
	left:5px;
	top:234px;
	width:456px;
	height:350px;
	}
	
div.quote img{
	position:absolute;
	right:0px;
	
}
/* ============================================================	*/ 
/* ========	mirror		===============================	*/
/* ============================================================	*/
div.mirror{
position:absolute;
float:left;
top:585px;
left:4px;
width:456px;
height:134px;
background-image:url('/images/gfx/mirror.jpg');
display:none;


z-index:10;

}


/* ============================================================	*/ 
/* ========	subnav		===============================	*/
/* ============================================================	*/
div.subnav{
background:#83d0f0;
height:38px;
width:547px;
margin-left:5px;
text-indent:25px;
}
div.subnav a{
line-height:38px;
color:#ffffff;
padding-right:20px
}
div.subnav a:hover{
text-decoration:underline;
}
div.subnav a.selected{
text-decoration:underline;
}



/* ============================================================	*/ 
/* ========	Newsblock		===============================	*/
/* ============================================================	*/

a.leesmeer{font-size:12px;color:#0080c6;display:block;}
a.downloadpdf{

height:25px;
width:108px;
display:inline-block;
background-image:url('/images/gfx/downloadpdf.jpg');

}

div.newsContent{
	position:relative;
	width:507px;
	margin:25px 25px 50px 25px;
}

div.newsitem {
	position:relative;
	width:507px;
	padding:10px 0;
	border-bottom:1px solid #ceded6;
}

div.newsitem b{
	width:507px;
	display:block;
}

div.newsitem a{
	position:relative;
	display:block;
	
}

div.spacer{
	height:50px;
	background:aqua;
	position:relative;
	float:left;
	width:557px;
}	

/* ============================================================	*/ 
/* =============	Paging		===============================	*/
/* ============================================================	*/
/* = added at 2008-7-16 =*/
div.paging{
	float:right;
}

a.leesmeer{
	margin-top:15px;
}

/* ============================================================	*/ 
/* =============	terug button  =============================	*/
/* ============================================================	*/
/* = added at 2008-7-22 =*/

/* a.backButton{
	float:right;
} */
div.Content h2     /* = added at 2008-07-23 */
{
	
	position:absolute;
	top:10px;
    right:0;
}



div.Content h2 a
{
	float:right;
	color:#0080c6;	
	margin-right:2.8em !important;
	font-weight:normal;
}
