@charset "utf-8";
/* CSS Document */

/* browser settings reset */
html,body, dt, dl, dd, ul, ol, li, h2, h3, h4, h5, h6 , form, fieldset, a,blockquote 
		{
		margin: 0px;
		padding: 0px;
		border: 0px;
		}


/* site settings */

img 
		{
		border: 0px;
		}

body 
		{
		font-size: 100.01%;
		background-color:#f3f3f3;
		background-image:url("bodyBg.gif");
		background-repeat:repeat-y;
		background-position:-1px 0;
		}
		
a {color:#00285b;}
a:hover {text-decoration:none;}

#content ul
	{
	margin-left:20px;
	}
	
.clearBoth
	{
	clear:both;
	}
	
/* --------------------------------------------------------------------------- */
/* Tekst stylen */
/* --------------------------------------------------------------------------- */

*
{
font-family:Arial,Verdana,Helvetica, sans-serif;
}

h2,h3,h4,h5,h6
		{
		margin:0;
		font-weight:bold;
		font-family:Arial,Helvetica, sans-serif;
		}

h1,
h1.kop	{
		font-size:1.5em;	
		background-color:#e5eff6;
		padding-left:3px!important;
		color:#025594;
		}

h2		{
		font-size:1.1em;
		}

h3		{
		font-size:1em;
		}
		
.output h3		
		{
		font-size:1.3em;
		}


h4		{
		font-size:1em;
		}

h5,h6	{
		font-size:.85em;
		}


.bold {font-weight:bold;}
.italic{font-style:italic;} 


/* font-size 100.01% is to fix several bugs

IE/Win : bug fix for "em" bug - if font size is set to 100%, font proportions 
can be distorted if em units are on elements on page -
Opera  : font-size 100% -> font is drawn smaller than other browsers 
Safari : has problems with font-size 101%, so 100.01%  safest choice */

#drempelVrij {margin:55px;}



/* layout */

.hide,
.printonly 
		{
		display: none;
		}

.screenonly {}

.floatRight
{float:right;}		
.floatLeft
{float:left;}

/* de class en printonly hide kunnen worden gebruikt om accessibility/usability te vergroten door 
elementen te verbergen, deze worden zichtbaar als deze stylesheet niet worden gerenderd
*/

html,body
		{
		height:100%;
		}


/*--------layout-----*/


#snelmenu
		{
		}
		
		
#mainContainer
		{
		float:left;
		border:0px solid #000;
		/*width:99.9%;		
		height:89%;*/
		}

#header
		{
		height:90px;
		width:1000px;
		background-image:url("borderBottom.gif");
		background-repeat:no-repeat;
		background-position: -55px 89px;
		}
		
#header img{margin:0;padding:0;height:89px;}
		
#contentContainer
		{
		border-top:0px solid #fe0000;
		border-right:0px solid #fe0000;
		width:1000px;
		height:100%;
		background-color:#fff;			
		background-image:url("bgContent.gif");
		background-repeat:repeat-y;
		background-position: 0	 0;
		}

#leftColumn
		{
		float:left;
		width:175px;
		height:100%;
		background-image:url("toetsingItemsBg.gif");
		background-repeat:repeat-y;
		background-position:10px 16px ;
		border:0px solid #000;
		}
		
#mainContent
		{
		float:left;
		width:820px;
		height:100%;
		padding:0px;
		margin:0px;
		border:0px solid #ff6600;
		}
		
#hulpMenu
		{
		float:left; 
		width:820px;
		border-bottom:1px solid #fe0000;
		font-size:.8em;
		background-color:#e5f0f6;
		}	
		
#hulpMenu ul
		{
		float:right;
		list-style-type:none;
		}

#hulpMenu li
		{
		float:left;
		padding:0px;
		margin:0px;
		border-left:2px solid #ff6600;
		}

		
#hulpMenu a
		{				
		font-weight:bold;
		border:#000000 solid 0px;
		margin:0px;
		padding: 0px 15px 0px 15px;
		color:#105f9a;
		text-decoration:none;		
		background-color:#e5f0f6;
		}

#hulpMenu a:hover,
#hulpMenu a:focus,
#hulpMenu a:active
		{
		margin:0px;		
		background-color:#fff;
		}
		
#mainMenu
		{
		margin-top:10px;
		width:150px;
		font-size:.8em;
		}	
		
#mainMenu
		{
		float:right;
		list-style-type:none;
		}

		
#mainMenu a
		{
		font-family:Arial,Verdana;
		display:block;		
		margin:0px;
		font-weight:bold;
		margin-bottom:10px;
		background-color:#e5f0f6;
		border-top:#fff solid 2px;
		border-left:#fff solid 2px;
		border-bottom:#a9a9a7 solid 2px;
		color:#105f9a;
		padding:5px;		
		text-decoration:none;
		}

#mainMenu a:hover,
#mainMenu a:focus,
#mainMenu a:active
		{
		background-color:#fff;
		border-top:#a9a9a7 solid 2px;
		border-left:#a9a9a7 solid 2px;
		border-bottom:#ff0000 solid 2px;
		}
		
#content
		{
		
		padding:20px 0 0 20px!important;
		font-size:.8em;	
		width:780px;
		margin:0px!important;
		}
#titel
		{
		width:777px;
		border-bottom:1px solid #e5eff6;
		padding-left:3px;
		color:#025594;
		}

/*LijstRechts*/

.lijstRechts
		{
		float:right;
		width:190px;
		border:#e5eff6 1px solid;
		background:#fff;
		margin:40px 0 10px 10px;
		padding:5px;
		}
			
.lijstRechts .Header
		{
		background:#e5eff6;
		padding:3px 0 3px 5px;
		color:#fe0000;
		font-size:1.2em;
		font-weight:bold;
		}
.lijstRechts .Items
		{
		font-size:.85em;
		padding:2px 0 6px 0;
		}
.lijstRechts .Items li
		{
		padding:8px 0 2px 5px;
		list-style:none;
		margin:0 0 0 -20px;
		}
.lijstRechts .Items li a
		{
		color:#005395;
		text-decoration:none;
		}
.lijstRechts .Items li a:hover
		{
		color:#fe0000;
		}

	
/*resulaten*/


#zoek_Container
	{
	margin-top:37px;	
	border:0px solid #e5f0f6;
	border-top:1px solid #417fae;
	padding:5px;
	padding-bottom:10px;
	}	

#zoek_Container.Start
	{
	padding-top:37px;
	border:0px solid #417fae;
	padding:5px;
	padding-bottom:10px;
	}	


#zoek_Container h2		
	{
	border-bottom:1px solid #dfdfdf;
	margin-bottom:5px;
	}
	
.resultTable
	{width:100%;}


#resultList
	{
	margin-top:-10px;
	border:0px solid #417fae;
	}	
	
fieldset
	{
	margin-bottom:25px;
	}

#objectTypeList
	{
	float:left;
	margin-left:0!important;
	width:750px;
	margin-top:10px;
	list-style:none;
	padding-bottom:20px;
	border-bottom:1px solid #ed1941;
	}
	
#objectTypeList li
	{
	float:left;
	width:49.7%;
	margin-left:.2%;
	background-color:#f2f2f2;
	border-bottom:4px solid #fff;
	border-top:0px solid #dfdfdf;
	border-right:0px solid #dfdfdf;
	}
		
#objectTypeList li a
	{
	display:block;
	padding:4px;
	padding-left:2px;
	color:#00285b;
	text-decoration:none;
	}
	
#objectTypeList li a:hover
	{
	background-color:#ff0000;	
	text-decoration:none;
	color:#fff;
	}
	


#ervaringen .odd:hover,
.odd
	{
	background-color:#d6e7ef;
	}
	
#ervaringen .even:hover,
.even
	{
	background-color:#e7f3f7;
	}

.odd:hover,
.even:hover
	{
	background-color:#f4f4f4;
	}
	
	
#resultList table th
	{
	border:1px solid #ddd;
	border-top:0px solid #ddd;
	border-left:0px solid #ddd;
	}

#resultList table td
	{
	padding:5px;
	text-align:center;
	font-size:.9em;
	border:1px solid #ddd;
	}

.naam, .adres, .details
	{
	text-align:left;
	clear:both;
	}
	
.naam
	{
	font-weight:bold;
	}

.details a
	{
	
	color:#00285b;
	display:block;
	}


.details a:hover
	{
	background-color:#fff;
	font-weight:normal;
	}	
	
#vergelijk
	{
	background-color:#f2f2f2;
	font-size:.9em;
	color:#ff0000;
	}
	
.vergelijkRij
	{	
	width:100%;
	background-color:#eee;
	border:0px solid #ddd;
	border-bottom:1px solid #ddd;
	}


.vergelijkRij input[type=button]
		{
		cursor:pointer;
		float:right;
		}
		
.vergelijkRij th 
		{
		text-align:left;
		}
		
.vergelijkRij .kiesObject
		{
		float:left;
		padding-left:38px;
		background-repeat:no-repeat;
		background-position:12px 2px; 
		color:#005393;
		font-weight:bold;
		text-decoration:none;
		cursor:pointer;
		}		
				
.vergelijkRij .kiesObjectTop
		{
		background-image:url("pijlVergelijkTop.gif");
		}	
		
.vergelijkRij .kiesObjectBottom
		{
		background-image:url("pijlVergelijkBottom.gif");
		}
		
.vergelijkRij:hover .kiesObject
		{
		text-decoration:none;
		color:#005393;
		}
		
			
.vergelijkRij:hover 
		{
		background-color:#f8c9d1;
		}
		

#contentFooter
		{		
		display:none;
		position:absolute;
		bottom:0;
		width:800px;		
		}
		
#contentFooter ul li
		{
		border-top: 1px solid #cfdeea;
		margin-top:150px;
		list-style:none;
		padding-left:20px;
		font-size:.7em;
		}
		
#contentFooter ul li a
		{
		padding:3px;		
		border-right: 1px solid #ff6600;
		color:#00285b;
		text-decoration:none;
		}

#contentFooter ul li a:hover
		{
		color:#00285b;
		text-decoration:underline;
		font-size:.7em;
		}
		
/*------------------------------------------------*/
/*resultaat item details*/
/* --------------------------------------------------*/		
		/* Tab organisatie */
/* --------------------------------------------------*/

#tabContainer
		{
		position:absolute;
		z-index:10000;
		left:195px;
		width:725px;
		margin-top:10px;
		height:28px;
		background-image:url("producten_TabBorder.gif");
		background-position: left bottom ;
		background-repeat:repeat-x;
		}



.tabSelected a
		{
		width:120px;
		float:left;
		border:#417fae 1px solid;
		border-bottom:#FFF 1px solid;
		padding:7px 0px 3px 5px;
		background-image:url("tabSelectedBg.jpg");
		background-position: left top;
		background-repeat:repeat-x;
		text-decoration:none;
		font-weight:bold;
		color:#0060a9;
		}

.tabNotSelected a
		{
		width:120px;
		float:left;
		border:#417fae 1px solid;
		border-bottom:#e5f0f6 0px solid;
		margin:2px 0px 0px 0px;
		padding:5px 0px 3px 5px;
		background-image:url("tabNotSelectedBg.jpg");
		background-position: left top ;
		background-repeat:repeat-x;
		text-decoration:none;
		font-weight:bold;
		color:#666;
		}

.tabNotSelected a:hover
		{
		border:#417fae 1px solid;
		border-bottom:#FFF 1px solid;
		margin:0px 0px 0px 0px;
		padding:7px 0px 3px 5px;
		background-image:url("tabSelectedBg.jpg");
		background-position: left top ;
		background-repeat:repeat-x;
		}

.tabBetween
		{
		width:2px;
		float:left;
		}
		
#tabPagesContainer
		{
		position:absolute;
		z-index:1;
		margin-top:0px;
		border:0px solid #0060a9;
		}

#tabPagesHeader
		{		
		margin-top:-15px;
		width:100%;
		border-bottom:1px solid #0060a9;
		}


.tab.selected:hover,
.tab
		{	
		float:left;
		border:1px solid #0060a9;
		margin-left:3px;
		margin-top:7px;
		padding:5px;
		list-style:none;
		padding-bottom:3px;
		background-image:url("tabNotSelectedBg.jpg");
		background-position: 0 0;
		background-repeat:repeat-x;
		border-bottom:0px solid #0060a9;
		background-color:#fff;
		}
		
.tab:hover
		{	
		background-image:url("tabNotSelectedBg.jpg");
		background-position: 0 0;
		background-repeat:repeat-x;
		border-bottom:1px solid #0060a9;
		}

.tab.selected,
.tab:hover
		{		
		padding-bottom:5px;				
		margin-top:5px;
		background-image:url("tabSelectedBg.jpg");
		background-position: 0 0;
		background-repeat:repeat-x;
		border-bottom:1px solid #fff;
		background-color:#e8f1f7;
		}

.tab a,
.tab a.selected:hover
		{
		display:block;
		padding:5px;
		color:#666;
		font-weight:bold;
		text-decoration:none;		
		}
		
.tab a.selected.organisatie
		{
		padding-left:25px;
		background-image:url("organisatie_iconTabOn.gif");
		background-repeat:no-repeat;
		background-position: 0 0;
		}	
		
.tab a.selected.organisatie:hover,
.tab a.organisatie
		{
		padding-left:25px;
		background-image:url("organisatie_iconTabOff.gif");
		background-repeat:no-repeat;
		background-position: 0 0;
		}			

		
.tab a.selected,
.tab a:hover
		{
		color:#0060a9;		
		}			
		
		
#selectedTabPage
		{
		float:left;	
		padding:10px;
		padding-right:0px;
		font-size:.9em;
		margin-top:37px;
		width:98%;
		border-top:1px solid #417fae;
		}
	
#selectedSubTabPage
		{		
		width:770px;
		border:0px solid #e5f0f6;
		background-color:#fff;
		}		
		
#selectedSubTabPage .criterium
		{
		background-color:#e5f0f6;
		}		


#selectedSubTabPage h2
		{
		background-color:#fff;
		padding-left:0px;
		border:0px solid #b9d0e1;
		}
		
#selectedTabPage h3
		{
		margin:0px;
		margin-top:10px;
		padding:0px;
		}
			
#selectedTabPage a
		{
		color:#0060a9;
		}
			
#selectedTabPage a:hover
		{
		color:#00285b;
		text-decoration:none;
		}


/* --------------------------------------------------*/		
		/* definities organisatie/gebouw */
/* --------------------------------------------------*/

#gebouw_1_table {}	
#gebouw_1_table th
		{width:30%!important;}

#gebouw_1_table td.output
		{width:70%!important;}

#foto_gebouw img
		{
		display:block;
		height:89px;
		margin-bottom:15px;
		}
				
#naw
		{
		float:left;
		padding:10px;
		width:745px;
		border:1px solid #b9d0e1;
		background-color:#fff;
		}
	

#naw label
		{
		font-weight:bold;
		font-size:1.1em;
		border:0px solid #333;
		}
		
#naw div
		{	
		margin-top:-15px;
		margin-bottom:5px;
		margin-left:120px;
		}

#naw label	
		{
		margin-top:-15px;
		}
		


#OrganisatieContainer
		{
		padding:0px 10px 0px 10px;
		}	
#scores
		{
		padding:2px;
		background-color:#e8f1f7;
		}
		
#scores li
		{
		float:left;
		list-style:none;
		}
		
#scores img
		{
		margin:5px;
		border:1px solid #fff;
		}		
		
.zoekResultaatDetail
		{	
		margin-top:-35px;
		}
		
.output.floatLeft{	
		width:450px!important;
		}
		
.zoekResultaatDetail .output
		{	
		width:250px!important;
		padding-left:10px;
		margin-top:-25px;
		margin-left:385px;
		border-left:1px dashed #333!important;
		}
		

.toe_resultaatlinks a
		{
		display:block;
		padding:3px;
		}	
		
.toe_resultaatlinks a:hover
		{
		color:#fff!important;
		background-color:#ff0000;
		}
		
		
		
/* --------------------------------------------------*/		
		/* definities ervaringen */
/* --------------------------------------------------*/		
#ervaringen
		{
		margin:0;
		padding:0;
		}
		
					
#ervaringen .odd,
#ervaringen .even
		{
		padding:5px ;
		margin-bottom:10px;
		}
	
	
#ervaringen	fieldset label
		{
		display:block;
		margin-top:5px;
		}

#ervaringen	fieldset label img
		{
		float:left;
		}
		
#ervaringen	label{float:left;clear:left;width:175px;margin:5px 0 10px 0;}
#ervaringen	label a {float:left;}
#ervaringen	.Value{float:none;clear:right;margin:5px 0 10px 0;}
#ervaringen	input[type=submit] {float:left;clear:both;}

/* --------------------------------------------------*/		
		/* definities Gebouwen Vergelijken */
/* --------------------------------------------------*/

#VergelijkContainer
		{
		float:left;
		margin-top:10px;
		font-size:.9em;
		padding:5px;
		background-color:#FFF;	
		border:0px solid #417fae;
		}

#VergelijkContainer a
		{
		color:#417fae;
		}
			
#VergelijkContainer a:hover
		{
		color:#00285b;
		text-decoration:none;
		}

.VergelijkContent
		{
		float:left;
		border:#417fae 0px solid;
		}

		
#gebouw_1_table
		{
		width:100%;
		}
		

.criterium 
		{
		background-color:#e7f3f7!important;
		color:#333;		
		font-size:1em;
		text-align:left;
		vertical-align:text-top;
		padding:5px!important;
		}
		
.criterium div.naamGebouw
		{	
		color:#fff;			
		padding-left:5px;
		margin:0;
		background-color:#689fc8!important;
		}	
		

		
.criterium th h2.criterium_naam
		{	
		text-align:left;
		background-color:#689fc8!important;		
		padding-left:2px!important;
		color:#fff;
		font-size:1.3em;
		}

.criterium th h3,
.criterium th h4,
.criterium th h5,
.criterium th h6
		{			
		color:#002e51;	
		padding:5px;	 
		margin:0;
		font-weight:normal;
		padding-left:5px!important;	
		}
		
.criterium th h3
		{		
		font-weight:normal;
		text-align:left;			
		background-color:#e7f3f7!important;
		padding-left:5px;
		}
		
.criterium th h3.tussen_kop	
		{
		text-align:center;
		font-size:1em;
		font-weight:bold;
		}
.criterium .Info td a
		{
		float:left;
		margin-left:-20px;
		margin-top:-25px;
		}

.criterium .Info td a,
.criterium .Info td a
		{
		float:left;
		margin-left:-19px;
		margin-top:-21px;
		}
	

.output
	{
		font-weight:normal;
		border:0px solid #afcce2!important;	
		color:#002e51;			
		padding:10px;
		padding-left:5px!important;	
		background-color:#d7e4ed!important;
		}	
#VergelijkContainer .output
		{	
		font-weight:normal;
		border:0px solid #afcce2!important;	
		color:#002e51;			
		padding:10px;
		padding-left:5px!important;	
		background-color:#d7e4ed!important;
		}
			
.criterium .output
		{width:35%!important;}


		
.output p{ color:#115f9a!important;padding-right:5px;}
.output p a{  padding:inherit!important; border:none!important; float:none!important;}
		
#VergelijkContainer .output.floatLeft
		{		
		float:none;
		}		
		
#VergelijkContainer .output.floatRight
		{		
		float:none;
		}	
		

			
#naw_info.vergelijkHeader 
		{
		margin-left:0px;
		width:770px;
		border:1px dashed #b9d0e1;
		background-color:#f4faff;
		padding-bottom:5px;
		}	
		
#naw_info.vergelijkHeader .output
		{
		width:35%!important;
		}
			
#naw_info.vergelijkHeader img
		{
		float:right;
		}
		
				
#naw_info.vergelijkHeader .output a
		{
		display:block;
		padding-left:1px;
		text-decoration:none;
		background-color:#689fc8;
		color:#fff;
		}

#naw_info.vergelijkHeader .output a:hover
		{
		background-color:#b9d0e1;
		}
				
/* site settings */
hr{ height:1px; border-bottom:#000 dotted 1px;}

/* FCK Styles */
.kop{ font-size:1.5em; color:#025594;padding-left:3px;}
.tussenkop{ font-size:13px; color:#00285b; margin:12px 0 0 0;}
.inleiding{ font-size:11px; font-weight:bold; color:#00285b; margin:12px 0 0 0;}
.univers{ font-size:11px; font-family: Courier New, Courier, Monaco, monospace; color:#00285b; margin:12px 0 0 0;}
 table,
 td
 {
 border:0;
 }
 
#content .headerFooter
	 	{
 		display:block;width:100%;margin-top:10px;
 		}
	
ul li{color:#00285b;}
/* Tekst stylen */

td,th {text-align:left; vertical-align:text-top;}
p{color:#00285b;}

/*---------------------------------*/
/*---------------*Google*---------*/
/*--------------------------------*/
/*-----Resultaten Googlemaps -----*/
#googleContainer{position:absolute; z-index:1;border-top:1px solid #417fae;padding-top:20px;margin-top:37px; width:780px; height: 570px;}
#mapCanvas {width:780px; height:570px;}
#panoramaDiv {position:absolute; top:10px; left:0px; padding-top:10px;width:780px; height:570px;}
#panoramaCanvas {width:778px; height:570px; border:1px solid #333;}
#hidePanorama{position:absolute; top:11px; right:15px; width:75px; text-align:center;border-left:1px solid #115f9a;border-bottom:1px solid #333;height:20px; background-color:#ff0000;}
#hidePanorama a{ font-weight:bold;color:#fff;}

/*--info ballon in kaart--*/
#googleBallonResultList {overflow:auto; width:600px; height:225px;}
#googleBalloon .floatLeft{ margin-right:5px;}
#googleBalloonScores { clear:both; width:396px; margin-left:0px!important;}
#googleBalloonScores li{float:left;list-style:none;}
.GoogleNaam{ font-size:1.2em; font-weight:bold;}
.GoogleNaw{ float:left; padding:10px 0 10px 0; margin:0 0 0 0;}
.GoogleAdres{ float:left; padding:0 30px 0 0;font-weight:bold;}
.GoogleTel{ float:left; padding:0 30px 0 0;font-weight:bold;}
.meerInfo{}