/* CSS  
'*<versioninfo>1.00.02 (2011-10-08)</versioninfo>
'*<componentinfo>Product LA4Sale</componentinfo>
'*<change>1.00.02 (2011-10-08);edj;kleurenaanpassingen</change>
'*<change>1.00.01 (2011-04-20);edj;projstatline breedte en kleur veranderd</change>
'*<change>1.00.00 (2011-04-19);tvl;definite version</change>
'*<change>0.99.06 (2011-02-08);tvl;homeposter div goed height gegeven</change>
'*<change>0.99.05 (2010-08-01);tvl;left 0 px toegevoegd bij #naw</change>
'*<change>0.99.04 (2010-07-25);edj;#updown0 van right 240 naar 230 verplaatst</change>
'*<change>0.99.03 (2010-06-16);tvl;div ontwikkel aanpassingen</change>
'*<change>0.99.02 (2010-05-17);tvl;aanpassingen voor route en in email in contact</change>
'*<change>0.99.01 (2010-01-01);tvl;initiele versie</change>
*/

* {
	margin:0; 
	padding:0; 
	margin-bottom: 0px;
}

body
{	
	font-family: Verdana, Trebuchet MS, Georgia, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 0px;
	background-color:#2E2E2E;
	_background-color:#7b7972;
	_background-color:#333;
	line-height: 18px;
	color: #fff;
	z-index: 0;
}

a:link, a:visited 
{
 	color: #9ff;  
	text-decoration: none;
	font-weight: bold;
}

a:hover, a:active 
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

ul
{
	text-align: left;
	list-style-position: outside;
	padding-left: 26px;
	list-style-type: disc;
}


#updown0
{
	position: absolute;
	bottom: 75px; /*was 35 */
	right: 230px;
	text-align: right;
}	

/*
	Elke pagina heeft naw gegevens
*/ 
#naw
{
	position: absolute;
	top: 642px;					/*700-18-50*/
	left: 0px;
	width: 100%;
	height: 18px;
	letter-spacing: 5.5px;	
}

/*
	Menu
*/
#vastmenu
{
	position: absolute;
	top: 10px;		/* was 50 */
	left: 0px;				
	width: 145px;
	height: 18px;	
	text-align: left;
	letter-spacing: 1px;
	color: #ccc;	
}

#vastmenu a:hover
{
	border: 0px;
	text-decoration: none;
	color: #ccc;	
}

#vastmenu a
{
	border: 0px;
	text-decoration: none;
	color: #ccc;	
}

.actvmenu
{
	border: 0px;
	text-decoration: none;
	color: #99ffff;	
}

#menu
{
	position: absolute;
	top: 10px; /* was 50 */
	left: 0px;				
	width: 684px;
	height: 18px;
	text-align: left;
	letter-spacing: 1px;
	color: #fff;			
}

#menu a:hover
{
	border: 0px;
	text-decoration: none;
	color: #99ffff;	
	font-weight: normal;
}

#menu a
{
	border: 0px;
	text-decoration: none;
	color: #fff;	
	font-weight: normal;	
}

#submenu
{
	position: absolute;
	top: 28px; /*was 68*/
	left: 0px;				
	width: 785px;
	height: 18px;	
	color: #fff;
	letter-spacing: 1px;
	text-align:left;	
	font-weight: normal;
	overflow: hidden;
}
#catlist
{
	position: absolute;
	top: 28px; /*was 68*/
	left: 0px;				
	width: 785px;
	height: 18px;	
	color: #fff;
	letter-spacing: 0px;
	text-align:left;	
	font-weight: normal;
	overflow: hidden;
}
#submenu a:hover,#catlist a:hover
{
	border: 0px;
	text-decoration: none;
	color: #99ffff;	
	font-weight: normal;	
}

#submenu a,#catlist a
{
	border: 0px;
	text-decoration: none;
	color: #fff;	
	font-weight: normal;	
}

.actvsubmenu,.actvcatitem
{
	border: 0px;
	text-decoration: none;
	color: #99ffff;	
}

#projstatline
{
	position: absolute;
	top: 28px; /* was 68 */
	left: 0px;				
	width: 785px;
	height: 18px;	
	color: #9ff;
	text-align:left;	
}


/*
	Logo gegevens
*/
#logo
{
	position: absolute;
	top: 4px;	/* was 50 */
	left: 780px;				
	width: 140px;
	height: 44px;	
}
/*
	Home info
*/
.gridfirst
{
	color: #9ff;
}
.gridsecond
{
	color: #fff;
}

#homeprojects
{
	top: 0px;
	height: 300px;
	width: 100%;
	z-index: 2;
	overflow:hidden;
	visibility: hidden;
}
#homelist
{
	position: absolute;
	top: 374px;
	left: 0px;
	height: 270px;
	width: 100%;
	color: #191919;
	_color: #666;
	text-align: justify;
	font-weight: bold;
	font-size: 10px;
	overflow:hidden;		
}
.homefoto
{
	width: 150px;
	height: 150px;
	border: 1px solid;
	color: #99ffff;	
}

/*
	Projecten informatie
*/

#projectenkop,#rapportenkop,#publicatieskop
{
	position: absolute;
	top: 155px; /* was 195 */
	left: 0px;
	height: 18px;
	width: 100%;
	text-align: left;
	font-weight: bold;	
}

.table_prkop,.table_rapkop,.table_pubkop
{
	text-decoration: none;
	border: 0px;
	color: #ccc;
}

.table_prkop a,.table_rapkop a,.table_pubkop a
{
	text-decoration: none;
	border: 0px;
	color: #fff;

}

.table_prkop a:hover,.table_rapkop a:hover,.table_pubkop a:hover
{
	border: 0px;
	color: #99cccc;
	text-decoration: none;	
}

/*
	projectvenster is het venster waar de informatie van een project wordt getoond
*/
.prj_kader, .vt_kader
{
	position: absolute;	/* was absolute */
 	text-align:left;
 	overflow: hidden;
}

.prjmenu
{
	position:absolute;
	color: #cccccc;
	z-index: 5;
	
}

.prjmenu h1
{
	font-size: 10px;
	color: #99ffff;
	font-weight: bold;	
}

.prjmenu h2
{
	font-size: 11px;
	_color: #ccc;	
	color: #bfbfbf;	
	font-weight: bold;	
}

.prjmenu h3
{
	font-size: 10px;
	_color: #ccc;	
	color: #999;	
	text-decoration: none;
	font-weight: bold;
	border: 0px;	
}

.prjmenu h4
{
	font-size: 11px;
	_color: #ccc;	
	color: #bfbfbf;	
	text-decoration: none;
	font-weight: normal;
	border: 0px;	
}
.prjmenu h3 a
{
	font-size: 10px;
	_color: #ffffff;
	color: #e6e6e6;
	text-decoration: none;	
	font-weight: bold;
}

.prjmenu h3 a:hover

{
	font-size: 10px;
	color: #99ffff;
	text-decoration: none;	
	font-weight: bold;
}

.vt_kader h1
{
	font-size: 10px;
	color: #99ffff;
	font-weight: bold;	
}

.vt_kader h2
{
	font-size: 10px;
	color: #ffffff;	
	font-weight: bold;	
}

.vt_kader h3
{
	font-size: 10px;
	color: #ccc;	
	text-decoration: none;
	font-weight: bold;
	border: 0px;	
}

.vt_kader h3 a
{
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;	
	font-weight: bold;
}

.vt_kader h3 a:hover
{
	font-size: 10px;
	color: #99ffff;
	text-decoration: none;	
	font-weight: bold;
}

.vt_kader a
{
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;	
	font-weight: bold;
}

.vt_kader a:hover
{
	font-size: 10px;
	color: #99ffff;
	text-decoration: none;	
	font-weight: bold;
}

.prj_foto
{
	position:absolute;
 	border:1px solid #cccccc;
 	z-index: 5;
 	overflow: hidden;	
}

#projfb
{
	overflow: hidden;
	line-height: 4px;
}

.inl_foto
{
	width: 73px;
 	border:1px solid #cccccc;	
}

#projectkader
{
	position:absolute;
 	text-align:left;
 	overflow: hidden;	
}

.projectfoto
{
	position:absolute;
 	text-align:left;
 	overflow: hidden;
 	visibility: hidden;
}

.projectimg
{
 	border: 1px solid #cccccc;
}

#projleader
{
	position:absolute;
 	text-align:left;
 	overflow: hidden;
	font-weight: bold;
	color: #e6e6e6;
}

#projinleiding
{
	position:absolute;
 	text-align:left;
 	overflow: hidden;
	font-weight: normal;
	color: #e6e6e6;	 	 		
}

/*
	projectenvenster div, het venster waarin de projectlijst getoond wordt
*/


#projectenlijst, #rapportenlijst, #publicatieslijst
{
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 4;
}
/*
	prline: geeft de lange horizontale regel
*/
.prline, .rapline, .publine
{
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
}


/*
	definieert de inhoud van van een regel
*/
.prcont, .rapcont, .pubcont
{ 
	margin-left: auto; 
	margin-right: auto; 
	padding: 0px;
	border-collapse: collapse;
	font-weight: normal;
}

.prcont a, .rapcont a, .pubcont a
{
	_color: #fff;
	color: #e6e6e6;
	text-decoration: none;
	font-weight: normal;
}

.prcont a:hover, .rapcont a:hover, .pubcont a:hover
{
	color: #9ff;
	_color: #fff;
	text-decoration: none;
	font-weight: normal;	
}
/*
	Table row normal en over bij projectenoverzicht
*/
.trn
{
	position: relative;
	z-index: 4;					/* toegevoegd */
	color: #e6e6e6;
}

.tro
{
position: relative;
	z-index: 4;				/* TOEGEVOEGD */
	background-color:#191919;
	_background-color:#898883;
	color: #9ff;
}




#vrijetekst
{
	position: absolute;
	text-align: left;
	top: 0px;
	width: 100%;
	z-index: 4;
	color: #e6e6e6;
}

#contactinfo,#feedinfo
{
	position: absolute;
	top: 150px; /*was 190 */
	height: 396px;
	width: 980px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	color: #e6e6e6;			
}

#contactinfo h1
{
	font-size:11px;
	font-weight: bold;		
}

#contactlinks
{
	position: absolute;
	top: 560px; /* was 560 */
	height:72px;
	width: 425px;
	left: 0px;
	text-align: left;
	overflow: hidden;			
}

#contactlinks h3
{
	font-size:11px;
	font-weight: bold;	
	color: #9ff;		
}

#contactlinks h2, #contactlinks h2 a:link, #contactlinks h2 a:visited
{
	font-size:11px;
	font-weight: bold;	
	color: #fff;		
}

#contactlinks h2 a:hover
{
	font-size:11px;
	font-weight: bold;	
	color: #9ff;		
}

#contactform, #routeinfo
{
	position: absolute;
	top: 150px; /* was 190 */
	height: 435px;
	width: 505px;
	left: 475px;
	text-align: left;
	overflow: hidden;
	border:1px solid #99cccc;
}

#mailresult
{
	position: absolute;
	top: 360px; /* was 400 */
	height: 200px;
	width: 505px;
	left: 475px;
	text-align: left;
	overflow: hidden;
}

#mailresult h1
{
	font-size:11px;
	font-weight: bold;	
}
.mail
{
	font-family: verdana;
	font-size:11px;
	padding-left: 5px;
	background-color: #e6e6e6;	
}


#fbpyl2
{
	position: absolute;
	top: 155px; /*195*/
	left: 715px;
	border: 0px;
	color: #7b7972;
	text-decoration: none;	
	overflow: visible;			
}

#fbpyl2 a
{
	text-decoration: none;	
	border: 0px;
	color: #7b7972;			
}

#fbpyl2 a:hover
{
	text-decoration: none;	
	border: 0px;
	color: #7b7972;			
}

/* positie van de foto teller */
.foto2_cnt	
{
	position: absolute;
	top: 173px; /*216*/
	left: 715px;
	overflow: visible;			
}


.foto2_l
{
	position: absolute;
	top: 155px; /*195*/
	height: 250px;
	width: 333px;
	left: 0px;
	text-align: left;
	overflow: hidden;			
}

.foto2_r
{
	position: absolute;
	top: 155px; /*195*/
	height: 250px;
	width: 333px;
	left: 357px;
	text-align: left;
	overflow: hidden;			
}

.foto2over
{
	position: absolute;
	top: 155px; /*195*/
	height: 450px;
	width: 690px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	visibility: hidden;
}

.foto2_tekst
{
	position: absolute;
	top: 410px; /*450 */
	height: 216px;
	width: 690px;
	left: 0px;
	text-align: left;
	overflow: hidden;	
}

.foto1
{
	position: absolute;
	top: 155px; /*195*/
	height: 450px;
	width: 690px;
	left: 0px;
	text-align: left;
	overflow: hidden;			
}

.imgtyp1, .imgtyp2, .imgtyp3, .imgtyp2over
{
	border:1px solid #cccccc;
}

.foto1_tekst
{
	position: absolute;
	top: 608px; /*648*/
	height: 18px;
	width: 690px;
	left: 0px;
	text-align: left;
	overflow: hidden;	
}

.foto0_tekst
{
	position: absolute;
	top: 453px; /*453*/
	height: 18px;
	width: 690px;
	left: 0px;
	text-align: left;
	overflow: hidden;	
}

.highlight 
{
	color:#ff6;
}