/*
 * Default page template styles.
 */

html, body, #totaal {
	min-height: 100%;
	width: 100%;
	height: 100%;	
	behavior:url(../Style/csshover.htc);
}
html>body, html>body #totaal {
	height: auto;
}

body
{
    font-family: Verdana, sans-serif;
    font-size: .7em;
    margin: 0;
    height: 100%;   
}

div#totaal
{
	overflow:visible;
	position:absolute;
	margin: 0px;
	z-index:2;
	height:100%;
}	

form#mainForm
{
	overflow: visible;
	margin-bottom: 0px;
	height:100%;
}
body#supra
{
    background-image: none;
    background-color: #FFF;
}

body
{
    background-image: url(../images/bg_line_FFFFFF.jpg);
    background-color: #EDF5F2; /**BFMR added**/    
    background-repeat: repeat-y;
    background-position: 13em;
}

body.profiel
{
    background-image: url(../images/bg_line_EDF5F2.jpg);
    background-color: #FFF; /**BFMR added**/
    background-repeat: repeat-y;
    background-position: 13em;
}

/** div.Profiel#totaal form#mainForm**/
div.profiel 
{
	overflow: visible;
	margin-bottom: 0px;
	height:100%;
	/***background-color: #EDF5F2;***/
}

div#binnenform
{
	height:100%;
	margin:0 0 0 0;	

}	

div#wraparoundtop
{
	height:auto;
}	

div#servicenavigatie
{
	height: 18px;
	width: 100%; /** BFMR **/
    z-index: 3;
	background-color: #00287A;
	position:absolute;
	top: 0px;
	left:0px;
	overflow:hidden;
}

/*
 * Banner element.
 */

div#banner
{
	position:absolute;
	left:0px;
	top:18px;
	height:113px;
	width : 100%; /**BFMR**/
	overflow:hidden;
}

div#banner div#themafoto
{
	height: 113px;
    z-index: 3;
	background-color: #FFFFFF;
	background-image: url(../images/im_top.jpg);
}

div.particulieren div#banner div#themafoto
{
	height: 113px;
    z-index: 3;
	background-color: #FFFFFF;
	background-image: url(../images/im_top.jpg);
}

div.bedrijven div#banner div#themafoto
{
	height: 113px;
    z-index: 3;
	background-color: #FFFFFF;
	background-image: url(../images/im_top.jpg);
}

div.Profiel div#banner div#themafoto
{
	height: 113px;
    z-index: 3;
	background-color: #FFFFFF;
	background-image: url(../images/im_top.jpg);
}
div.overig div#banner div#themafoto
{
	height: 113px;
    z-index: 3;
	background-color: #FFFFFF;
	background-image: url(../images/im_top.jpg);
	background-repeat:no-repeat;
}

div#hoofdnavigatie
{
	position:absolute;
	top:131px;
	left:0px;
	height: 18px;
	width:100%;
    z-index: 10;
    background-color: #7EB8A2;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
}

/*
 * Hoofdnavigatie element.
 */


div.topNavigation
{
	position:absolute;
    left: 160px;
    
}

div.topNavigation div
{
    padding: 0 .5em 0 .5em;
    float: left; 
    color: #000000;
}

div.topNavigation div a
{
	font-size: 11px;
	font-weight: normal;
	display:block;
	color: #FFFFFF;
	text-decoration: none;
	padding:0px 9px 0 0px;	
	background: url(../images/arrow-white.gif) right 60% no-repeat; 
}
div.topNavigation div a:hover
{
	color:#555555;
	background: url(../images/arrow-darkgray.gif) right 60% no-repeat; 
}
div.topNavigation div.selected a
{
	font-size: 11px;
	font-weight: normal;
	display:block;
	color: #00287A;
	text-decoration: none;
	padding:0px 9px 0 0px;	
	background: url(../images/arrow-blue.gif) right 60% no-repeat; 
}
div.topNavigation div.selected a:hover
{
	color:#555555;
	background: url(../images/arrow-darkgray.gif) right 60% no-repeat; 	
}

/* position voor Mozilla */

div#wraparoundcontent
{
	/* float:left; */
	position:absolute;
	margin: 0;
	padding: 149px 0 0 0;
	height: 100%;

	/* ipv 775 px; */
	display:inline; 
}
/* postion voor IE */

*html div#wraparoundcontent
{
	/* float:left; */
	position:relative;
	margin: 0;
	padding: 149px 0 0 0;
	height: 100%;
	margin-bottom:-1.3em;

	/* ipv 775 px; */
	display:inline; 
}


div#subnavigatie
{
    float: left; 
    width:13em;
    /* zo schaalt nav mee met text resizen */
    z-index: 3;
    padding:  2.5em 0 0 0;
    /**background-color: #EDF5F2;    **/
    height: 100%;
    overflow-x:hidden;    
}

div#disclaimerblock
{
	position: absolute;
	bottom: 0;
}	

div#content
{

    width: 475px;
    z-index: 3;
    margin: 0 0 0 0;
    padding:  2.1em 20px 0 20px;
    float:left;
}

div#content_in_content
{
    z-index: 3;
    margin:  1.5em 0 1.5em 0;    
    width:435px;
}

div.content_in_content_kantoor
{
    z-index: 3;
    margin:  1.5em 0 2.5em 0;    
}


div#content_around_picture
{
	display:block;
    z-index: 3;
    margin:  0 0 0 0;
}

div#crosslinks  input
{

	display:block;
}

div#crosslinks  input#searchString
{
	width:100px;
	display:block;
}


input#postcodeString
{
	width:100px;
	display:block;
	float:left;
	margin-left:5px;
	margin-bottom:10px;
}

.foutzoekpostcode
{
   font-style:italic;
  	color: #92999D;
  	padding-left:10px;
}

div#crosslinks div.linkAuthoring
{
	border:0;
	padding-top:10px;
}	

div#crosslinks  div.linkAuthoring a
{
	color:black;	
	text-decoration:none;
	font-weight:bold;
}
div#crosslinks  div.linkAuthoring a:hover
{
	color:#ff0000;	
}

div.linkAuthoring a
{
	color:black;	
	text-decoration:none;
	font-weight:bold;
}
div.linkAuthoring a:hover
{
	color:#ff0000;	
}

input, select, textarea, table
{
    font-family: Verdana, sans-serif;
    font-size: 1em;
}

h1
{
    font-size: 1.3em;
    color: #00287A;    
}

h2
{
    font-size: 1.2em;
    color: #00287A;
}

h3
{
    font-size: 1em;
    color: #00287A;
}

h4
{
    font-size: 1em;
    color: #000000;
}

p
{
}

input.text
{
    border: solid 1px #B6B6B8;
}


/*
 * Template elements (positioning, layout)
 */




div#servicelinks
{
    position: relative;
    margin-left: 633px;
    /** left: 633px; BFMR changed to margin-left **/
    top: 0px;
	height: 18px;
    z-index: 3;
}








div#contentnavigatie
{
   float: left;
    width: 150px;
    z-index: 3;
    
/* DEBUG --> */
/*    background-color: #EEEEEE; */
/* <!-- DEBUG */    
}


div#crosslinks
{
	/* float: left; */
	width: 13.2em;
	
	/* zo schaal ie mee met text resize */
	display:block;
	overflow:hidden;
}

div.hyperlinkline
{
	position: relative;
	width: 13.2em;
	/* schaalt ie mee */
	height: 4px;
	background-color: #C4C9CF;
	overflow: hidden;
} 

div.attachmentsline
{
	position: relative;
	width: 145px;
	height: 4px;
	background-color: #C4C9CF;
	overflow: hidden;
} 

div.logoline
{
	position: relative;
	width: 145px;
	height: 4px;
	background-color: #7EB8A2;
	overflow: hidden;
}

div#hyperlinkitem
{
	position: relative;
	padding: 10px;
	padding-right: 0px;
} 

/*
 * Template elements, when printing documents.
 */


@media print
{
    div#servicenavigatie
    {
        display: none;
    }
    
    div#servicelinks
    {
        display: none;
    }

    div#banner
    {
        display: none;
    }

    div#hoofdnavigatie
    {
        display: none;
    }

    div#subnavigatie
    {
        display: none;
    }

    div#contentnavigatie
    {
        display: none;
    }

    div#content
    {
        position: static;        
    }
    
    
    span#DeVraag 
    {
		color:#000000;
		font-size:12px;
		font-weight:bold;
	}
    span#Antwoord
    {
		color:#000000;
		font-size:12px;
		font-weight:normal;
	}
	span#sluiten
	{
		display:none;
	}
	
    div#noprint    
    {
        display: none;
    }
	
	span#Singleimageplaceholdercontrol2
    {
        display: none;
    }
    
    div#mcmsEditConsole	
    {
        display: none;
    }    
    span#noprint
    {
        display: none;
    }      
}


/*
 * Servicenavigatie element.
 */


div#servicenavigatie a
{
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

/*
 * Interactieve navigatie.
 */

.inavmodule 
{
	font-weight: bold;
	color: #92999D;
	text-decoration: none;	
	float:left;
	/** margin: 0 5px 10px 0; **/
	margin: 0 5px 0px 0;
}

.inavmoduletop 
{
	font-size: 10;
	border: solid 1px #DFDFDF;
	border-bottom: none;
	width: 100px;
	padding: 10px 10px 0px 10px;
	cursor:pointer; /** BFMR was : hand **/
}
.inavmodulebottom {
	width: 100px;
	height: 12px;
	overflow: hidden;
	padding: 0px 10px 0px 10px; /**BFMR**/
	border-left: solid 1px #DFDFDF;
	background-image: url(../images/actiekader-bgbottom.gif);
	background-repeat: no-repeat;
	background-position: right top;
}


/*
 * Subnavigatie element.
 */


ul.subNavigation
{
    font-size: .9em;
    margin: 0;
    padding: 0 0 0 9px;
    list-style-type: none;

/* DEBUG --> */
/*    letter-spacing: -.1em; */
/* <!-- DEBUG */    
}

ul.subNavigation a
{
    text-decoration: none;
    color: #787878;
}

ul.subNavigation li
{
}

ul.subNavigation ul
{
    margin: 0;
    padding: 0 0 0 18px;
}

ul.subNavigation li.selected ul li
{
    font-weight: normal;
    list-style-image:url(../images/arrow-small-gray.gif);
	margin-left: 0px; 
	padding-left:0px;	
}

ul.subNavigation li.selected
{
    font-weight: bold;
}

ul.subNavigation li.selected a
{
    color: #00287A;
}

ul.subNavigation li.selected ul li.selected
{
    font-weight: bold;
    list-style-image:url(../images/arrow-small-blue.gif);
   	margin-left: 0px; 
	padding-left:0px;	
}


/*
 * Content region element;
 */


h1.title
{
    margin-top: 0;
}

div.intro
{
    color: #00287A;
}


/*
 * Search engine style definitions
 */


div#zoeken
{
    width: 100%;
    height: 6.5em;
    padding: 2em 0 0 10px; 
}

div#zoeken input.text
{
    font-size: .85em;
    width: 8em;
}


/*
 * MCMS console style definitions.
 */


div#mcmsEditConsole
{
    margin: 4em 0;
    border: solid 2px green;
    padding: .5em;
    font-size: .9em;
}

div#mcmsErrorConsole
{
    border: solid 2px red;
    padding: .5em;
    font-size: .9em;
}

div#mcmsEditConsole .red        { color: Red; }
div#mcmsErrorConsole .red       { color: Red; }







/*
 * Styles defining the layout of the placholder 
 * MultiHyperlinkPlaceholderControl and MultiAttachmentPlaceholderControl.
 */


div.linkAuthoring
{
    border: solid 1px black;
    margin: .1em;
}

div.linkAuthoring div
{
    border-bottom: solid 1px gray;
    padding: .1em;
}

div.linkAuthoring input.url, div.linkAuthoring input.target
{
    position: absolute;
    visibility: hidden;
}

span#hyperlinktitle
{
	font-size: 1em;
	font-weight: bold;
	color: #92999D;
	padding:0 0 0 10px;	
	display:block;
}	

#zoeken span#hyperlinktitle
{
	font-size: 1em;
	font-weight: bold;
	color: #92999D;
	padding:0;	
	display:block;
}	

span#grafiekkop
{
	font-size: 0.9em;
	font-weight: bold;
	color: #92999D;
	padding:10p 0 10p 10px;	
	display:block;
}


a.zoekenbutton
{
	font-size: 1em;
	font-weight: normal;
	color: #92999D;
	text-decoration: none;	
	padding:0px 4px 0 0px;	
	background: url(../images/arrow-gray.gif) right 60% no-repeat; 
}


a.zoekenbutton:hover
{
	color: #00287A;
	background: url(../images/arrow-blue.gif) right 60% no-repeat; 
}

table#voorwaardenoverzicht
{
	width:auto;
	color: #00287A;
}


#voorwaardenoverzicht td.datum
{
	width: 1px;
}

#voorwaardenoverzicht td.naam
{
	width: 100%;
}

#voorwaardenoverzicht td.model
{
	width: 1px;
}

#voorwaardenoverzicht a
{
	color: #00287A;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;	
}

#voorwaardenoverzicht a:hover
{
	color: #92999D;
}


#voorwaardenoverzicht a.sortbutton
{
	color: #00287A;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;	
	padding:0px 4px 0 0px;	
}

#voorwaardenoverzicht a.sortbuttonasc
{
	color: #00287A;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;	
	padding:0px 4px 0 0px;	
	background: url(../images/arrow-blue-up.gif) right 60% no-repeat; 
}

#voorwaardenoverzicht a.sortbuttondesc
{
	color: #00287A;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;	
	padding:0px 4px 0 0px;	
	background: url(../images/arrow-blue-down.gif) right 60% no-repeat; 
}


div#suprazoek a.zoekenbutton
{
	font-size: 1em;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;	
	padding:0px 4px 0 0px;	
	background: url(../images/arrow-white.gif) right 60% no-repeat; 
}

div#suprazoek a.zoekenbutton:hover
{
	color: #AFC2EB;
	background: url(../images/arrow-bluegray.gif) right 60% no-repeat; 
}

a.hyperlinktext
{
	font-size: 1em;
	font-weight: normal;
	color: #92999D;
	text-decoration: none;	
	padding:0 0 0 10px;	
	display:block;
	background:url(../images/list-gray.gif) no-repeat; 
	border: none; 
	border-collapse: collapse; 	
	text-align: left;	
}
a.hyperlinktext:hover
{
	color: #00287A;
	background:url(../images/list-blue.gif) no-repeat; 	
}

a.hyperlinktextinkader
{
	font-size: 1em;
	font-weight: bold;
	color: #92999D;
	text-decoration: none;	
	padding:0 0 0 0px;	

}
a.hyperlinktextinkader:hover
{
	color: #00287A;
}
a.linksuitgelichttext
{
	font-size: 0.9em;
	font-weight: bold;
	color: #00287A;
	text-decoration: none;	
	padding:0 0 0 10px;	
	display:block;
}
a.linksuitgelichttext:hover
{
	color:#92999D;
}

span#linksuitgelichttitle
{
	font-size: 0.9em;
	font-weight: normal;
	color: #00287A;
	padding:0 0 0 10px;	
	/* height:100%; */
	display:block;
}




div.hyperlinktext
{
	padding-top: 2px;
}

div.hyperlinktextinkader
{
	padding-top: 2px;

}
	
span#attachmentstitle
{
	font-size: 1em;
	font-weight: bold;
	color: #92999D;
	padding:0 0 0 10px;
	/* height:100%;*/
	display:block;
}	

a.attachmentstext
{
	display:block;
	font-size: 1em;
	font-weight: normal;
	color: #92999D;
	text-decoration: none;	
	padding:0 0 0 10px;
	background:url(../images/list-gray.gif) no-repeat; 
	border: none; 
	border-collapse: collapse; 
	height: 1.5em; 
	text-align: left;	
}

a.attachmentstext:hover
{
	color: #00287A;
	background:url(../images/list-blue.gif) no-repeat; 
}
div.attachmentstext
{
	padding-top:2px
}	

div.tienpxruimte
{
	position: relative;
	width: 145px;
	height: 10px;
	overflow: hidden;
}

div.twintigpxruimte
{
	position: relative;
	width: 145px;
	height: 20px;
	overflow: hidden;
}

div#emptyzoekruimte
{
	position: relative;
	width: 145px;
	height: 3.1em;
	overflow: hidden;
}

div.profiel form#mainForm div#binnenform div#wraparoundcontent div#subnavigatie
{
    float: left; 
    width: 13em;
    z-index: 3;
    padding:  2.5em 0 0 0;
    background-color:#FFFFFF;    
    height: 100%;
    overflow-x:hidden;  
}


form#plaatsselectbox
{
	margin-bottom: 0px;
	float:left;
}	
	

html {
	height: 100%;
}


div#logoklein
{
	margin:0 0 0 0;	
	padding:10px 0 0 10px;	
}	

a:hover img
{
	overflow: hidden; 
}



a#disclaimer
{
	font-size: .9em;
	color: #92999D;
	text-decoration: none;
	padding-left: 10px;
	position: absolute;
	bottom: 0px;	
}	
a#disclaimer:hover
{
	color: #00287A;
}	

a#privacy
{
	font-size: .9em;
	color: #92999D;
	text-decoration: none;
	padding-left: 10px;
	position: absolute;
	bottom: 1.5em;	
}	
a#privacy:hover
{
	color: #00287A;
}	


a.onderwerp
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;	
	
}

a.onderwerp:hover
{
	color:#00287A;
}
	
a.informatie
{
	text-decoration: none;
	color:#000000;
}	
	
a.informatie:hover
{
	color:#00287A;
}	

li.informatie
{
	list-style-type:square;	
	margin-top:0.2em;
	margin-left:16px;
	text-indent:-16px;
}
li.informatie:hover
{
	color:#0028FF;
}
li.informatiehack
{
	list-style-type:none;	
	/** margin-left:16px;
	text-indent:-16px; **/
}


h1.columnistnaam
{
	color: #00287A;
}	

div.columnimage
{
	float:left;
}	

div.columnistbeschrijving
{
	display:block;
	padding-left:10px;
	width:100%;
	/* height:100%;*/	
	color:#00287A;
}	

.columntitle
{
	color:#000000;
	font-weight:bold;
}	
.columndate
{
	color:#000000;
	font-weight:bold;
}	
div#columnistwrapper
{
	/* height:100%;*/
	display:block;
	width:100%;
}	   
/* Hides from IE-mac \*/
* html .floatholder {height: 1%;}
/* End hide from IE-mac */

div#columnwrapper
{
	padding-top:20px;
}	

div#Soorttitel
{
	background-color:Lime;
	padding-bottom:0px;
}	
	
h1.Soorttitel	
{
    margin-top: 0;
	color:#00287A;
	margin-bottom:0px;
}	

div#persbericht_title
{
	margin-top:20px;
}
	
div#subtitle
{
	margin-bottom:20px;
}	

div#datum_persbericht
{
	color:#00287A;
}	

.datum_persbericht
{
	color:#00287A;
}

.subtitle
{
	color:#00287A;
}		

.persbericht_title
{	color:#00287A;
	font-weight:bold;

}	

#actiekader {
	border: solid 1px #DFDFDF;
	border-bottom: none;
	width: 145px;
	padding: 10px;
	height:170px;
}
#hyperlinkactiekader {
	border: solid 1px #DFDFDF;
	border-bottom: none;
	width: 145px;
	padding: 10px 10px 0 10px;
}
.actiekaderfaq {
	border: solid 1px #DFDFDF;
	border-bottom: none;
	width: 100%;
	padding:10px 10px 0 10px;
	margin-left:10px;
	margin-top:5px;
}


#actiekaderbottom {
	width: 145px;
	height: 12px;
	overflow: hidden;
	border-left: solid 1px #DFDFDF;
	background-image: url(../images/actiekader-bgbottom.gif);
	background-repeat: no-repeat;
	background-position: top;
}

.actiekaderfaqbottom {
	width: 100%;
	height: 12px;
	overflow: hidden;
	border-left: solid 1px #DFDFDF;
	margin-left:10px;
	margin-bottom:5px;
}

.actiekader-hd {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #000000;
}

.actiekader-txt {
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #000000;
}

.actiekader-faqtxt {
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #00287A;
	display:block;
}




h1.kantoorplaats
{
}	
div.kantoornaam
{
	color: #00287A;
	font-weight:bold;
}	
div.kantooradres
{
	color: #00287A;
}	
div.kantoorpostcode
{
	color: #00287A;
}	
div.kantoorcontact
{
	margin-top:5px;
}	

span#Emailplaceholder a
{
	text-decoration:none;
	color:#000000;
}
span#Emailplaceholder a:hover
{
	color:#00287A;
}

div.kantooropeningstijden
{
	margin-top:5px;
}	
div.kantooranderekantoren
{
}	
	
div.locatienet
{
	background-color:#ffffff;
	height:21px;
	padding-left:10px;
	margin-top:10px;
	border:1px solid #b6b6b6;
}	
a.locatienet
{
	text-decoration:none;
	color:#b6b6b6;
	height:21px;
	vertical-align:middle;
	padding:4px 0px 0px 10px;
	font-size: 1em;
	font-weight: bold;	
	display:block;	
	background:url(../images/arrow-balknav-gray.gif) no-repeat; 
	border: none; 
	border-collapse: collapse; 	
	text-align: left;		
}
a.locatienet:hover
{
	color:#00287A;
	background:url(../images/arrow-balknav-blue.gif) no-repeat;	
}
	
.onderdeelkopje
{
	color:#000000;
	font-weight:bold;
	margin-top:0px;
	padding-top:0px;
}	


div#geavanceerdzoeken
{
	display:block;
	padding-left:10px;
}

.zoekenkopje
{
	color:#92999D;
	font-weight:bold;
	font-size:0.9em;
	display:block;
	margin-bottom:3px;
	font-weight:100;
}	

.zoekenopties
{
	font-size: 0.9em;
	font-weight: normal;
	color: #92999D;
	text-decoration: none;	
	display:block;
}

.zoekenopties#locatie
{
		margin-left:-4px;
}

.zoekenopties#type
{
		margin-left:-7px;
}

	
table#type td
{
	padding:0px;
}	

table#type input
{
	display:block;
	float:left;
}

table#type label
{
	display:block;
	height:2em;	
	padding-top:0.3em;	
}

table#locatie td
{
	padding:0px;
}	

table#locatie input
{
	display:block;
	float:left;
}

table#locatie label
{
	display:block;
	width:100%;
	height:2em;	
	padding-top:0.3em;	
}

div#crosslinks table#locatie input
{

	display:block;
	visibility:visible;
}

div.zoektitel
{
	display:block;
}

div.zoektitel a
{
	text-decoration:none;
	font-weight:bold;
	color:#00287A;
}	
div.zoektitel a:hover
{
	color:#92999D;
}	

div.zoekchannel
{
	color:#00287A;
}

span.pagingzoekenselected
{
	color:#000000;
	font-weight:bold;
	padding:0px 3px;
}
span.pagingzoeken a
{
	text-decoration:none;
	color:#92999D;
	padding:0px 3px;
}

span.pagingzoeken a:hover
{
	color:#00287A;	
}

div.pagingzoekenblock
{
	padding-top:0px;
	padding-bottom:20px;
}	

.authoringkopje
{
	font-weight:bold;	
	font-style:italic;
	width:435px;
}

li.zoeklijst
{
	margin-top:0.2em;
	margin-left:16px;
	text-indent:-16px;
}
div.authoringpanel
{
	margin:10px 0;
}	

a.leesmeer
{
	text-decoration:none;
	color: #00287A;
	font-size: 0.9em;	
}	
	
a.leesmeer:hover
{
	color:#92999D;
}

div.opsombeeld
{
	display:block;
	position:relative;
	float:left;
	width: 130px;
	padding:0px;
	margin: 0 0 10px 0px;
}	

div.opsombeeld a
{
	margin:0px;
	padding:0px;
}

div.opsommingwrapper
{
	padding:0px;
	width:100%;
}

div.opsomitemwrapper
{
	display:block;
	width:100%;
	margin:10px 0;
}	

div.opsomtekst
{
	/* height:100%;*/
	display:block;
	text-align:left;
	padding-left:10px;
	width:100%;
}	

.crosslinkdatum
{
	display:block;
	color: #92999D;
	font-size: 0.9em;
	padding:0 0 0 10px;	
}	

a.columncrosslinktext
{
	font-size: 1em;
	font-weight: bold;
	color: #92999D;
	text-decoration: none;	
	padding:0 0 0 10px;	
	/* height:100%;*/
	display:block;
}
a.columncrosslinktext:hover
{
	color: #00287A;
}

div.columncrosslinktext
{
	padding-top: 8px;
}

div.tweekolommen
{
	float:left;
	width:50%;
	padding:0 20px 0 0;
	display:block;
}	

div.tweedekolom
{
	width:50%;
}


div.opsommingdiensten
{
	padding:0 0 2.5em 0;
	display:block;
}

div#plaatsselectbox
{	
	padding: 10px 0 0 10px;	
}

div#plaatsselectboxform
{	
	padding: 0 0 0 0;	
}

select.selectbox
{
	color: #92999D;
}	
select.kantoorselectboxinform
{
	color: #92999D;
	width:220;
}	

.onzichtbaar
{
	display: none;
}	

.zichtbaar
{
	display: inline;
}	

.faqsubcategorie
{
	color:#000000;
	font-weight:bold;
	padding:10px 0 10px 12px;
}	
	
a.faqvraag
{
	text-decoration:none;
	color:#000000;
}	

a.faqvraag:hover
{
	color: #00287A;	
}	

div.opsommingcolumns
{
	margin-top:20px;
}

div.opsommingpersberichten
{
	margin-top:20px;
}
.columnoverzichtitem
{
		font-size: 0.9em;
}		
.columnoverzichttitel
{
	font-weight:bold;
}	

/* overflow hidden, zodat rechterkolom niet naar beneden schiet bij edit mode */
.fotohorizontaal
{
    margin:  1.5em 0 0 0;
    width:435px;
    overflow:hidden;
}

.fotohorizontaal2
{
	position:relative;
    width:1px;
    overflow:visible;
    height:450px;
    display:block;
    float:left;
}
.fotohorizontaal3
{
	position:absolute;
	display:block;
    margin:  1.5em 0 0 0;
    width:435px;
    overflow:visible;
    z-index:35;
}
.fotohorizontaal3#authoring
{
	position:relative;
	display:block;
    margin:  1.5em 0 0 0;
    width:430px;
    overflow:hidden;
    z-index:35;
}



.fotoverticaal
{
	float: left;
	padding-right: 1.5em;
	width: 210px;
}
.fotoonderschrift
{
	font-size:0.9em;
	font-style:italic;
	width:100%;
	padding-top:5px;
	padding-bottom:2px;
	
}

.onderschrifteditmode
{
	font-size:1.0em;
	font-style:italic;
}

div#wraparoundvertpicturetext
{
	width:100%;
	padding:20px 0 0 0;
}


.columnuitgelichttitle
{
	font-size: 0.9em;
	font-weight: bold;
	color: #92999D;
	/* height:100%;*/
	display:block;
}
.columnuitgelichttext
{
	font-size: 0.9em;
	font-weight: normal;
	color: #92999D;
	/* height:100%;*/
	display:block;
}
div.columnuitgelicht
{
	padding:10px 0 10px 10px;
}

div.faqopsommingwrapper
{
	padding:10px 0 ;
}
div.vraagwrapper
{
	padding:2px 0 ;
}
div.vraagbullet
{

	position:relative;
	float:left;
	padding:0px;
	margin-right:-3px;
}	
div.vraagtekst
{ 
	display:block;
	text-align:left;
	width:100%;
}
div.alleenvraag
{	
	width:100%;
	display:block;	
}


/* meest gestelde vragen */
div#interactieveNavigatie
{
    float : left;
}
div.meestgesteldevragen 
{
    background-color: #FFFFFF;
	height:21px;
	padding-left:10px;
	margin-top:3px;
	border:1px solid #b6b6b6;
	width:435px;
}
a.meestgesteldevragen
{
	text-decoration:none;
	color:#b6b6b6;
	height:21px;
	vertical-align:middle;
	padding:4px 0px 0px 10px;
	font-size: 1em;
	font-weight: bold;	
	display:block;	
	background:url(../images/arrow-balknav-gray.gif) no-repeat; 
	border: none; 
	border-collapse: collapse; 	
	text-align: left;
}

a.meestgesteldevragen:hover
{
	color:#00287A;
	background:url(../images/arrow-balknav-blue.gif) no-repeat;	
}

a.contactlink
{
	text-decoration:none;
	color:#b6b6b6;
	height:21px;
	vertical-align:middle;
	padding:4px 0px 0px 10px;
	font-size: 1em;
	font-weight: bold;	
	display:block;	
	background:url(../images/arrow-balknav-gray.gif) no-repeat; 
	border: none; 
	border-collapse: collapse; 	
	text-align: left;
}
a.contactlink:hover
{
	color:#00287A;
	background:url(../images/arrow-balknav-blue.gif) no-repeat;	
}


/* Suprahomepage */

body#supra {
	margin: 0 0 0 0px;
	background-color: #00287A;
	text-align: right;
}

#topbuttons {
	padding-right: 250px;
	left:0px;
	width:100%;
	position: absolute;
	top: 0px;
	height: 18px;
	z-index:101;
	
					
}
#logo-FB-login {
	position: absolute;
	width: 100%;
	height: 173px;
	top: 18px;
	left:0px;
	text-align: left;
	overflow: hidden;
	padding-left: 70px;
	padding-top: 36px;
	z-index:18;
}

div.witvlak
{	
	position: absolute;
	width: 100%;
	height: 173px;
	top: 18px;
	left:0px;
	padding-left: 70px;
	/* padding-top: 36px; */
	z-index:7;
	background-color:#ffffff;
}

#logo-FB-login img{ 
	margin-right: 15px;
}

#bg-image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	padding: 193px 0 0 0;
	background-image: url(../images/bg_suprahome.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;
	z-index:1;

}
#bg-f {
	position: absolute;
	width: 378px;
	height: 100%;
	top: 20px;
	right: 0px;
	background-image: url(../images/bg_suprahome-f.gif); 
	background-position: top;
	background-repeat: no-repeat;
	overflow: hidden;
	z-index:12;
}
#supracontent {
	position: absolute;
	z-index: 10;
	top: 200px;
	left: 70px;
	width: 300px;
	text-align: left;
}
#suprazoek {
	position: absolute;
	z-index: 10;
	top: 220px;
	left: 428px;
	width: 160px;
	text-align: left;
	z-index:15;
}

div#suprazoek input#zoekenControl_searchString
{
	width:100px;
	float:left;
	height:1.3em;
}

div#suprazoek a#zoekenControl_search
{
	padding-left:0px;
}	

.suprathema {
	position: relative;
	left: 0px;
	top: 10px;
	display: block;
}

.suprathema .image {
	position: relative;
	width: 85px;
	height: 65px;
	overflow: hidden;
	float: left;
	margin-top: 10px;	
}

#supracontent .txt {
	position: relative;
	height: 65px;
	margin-top: 10px;
	padding-left: 10px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
}
a.suprahomepagelink
{
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration:none;
	padding:0px 5px 0 0px;	
}
a.suprahomepagelink:hover
{
	color: #AFC2EB;
}
span.suprapijltje
{
	background: url(../images/arrow-white5.gif) left 60% no-repeat;
}

/* deze werkt dmv csshover.htc */
span.suprahomepagelink:hover span.suprapijltje
{	
	background: url(../images/arrow-bluegray5.gif) left 60% no-repeat;
}

span.suprahomepagelink:hover a.suprahomepagelink
{
	color: #AFC2EB;
}

#supradisclaimer {
	position: absolute;
	top: 555px;
	left: 70px;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #8090B1;	
	z-index:15;
}
#supradisclaimer a:hover {
	color: #FFFFFF;	
}

#supraconsole
{
	text-align:right;
	color:White;

}
#supraconsole a
{
	color:White;
}

body#supra div.linkAuthoring a
{
	color:White;	
}

body#supra  input
{
	width:195px;
	display:block;
}


div.Profiel .grijs
{
	background-color:#DFDFDF;
}



#actiekaderfondsbottom {
	width: 300px;
	height: 12px;
	overflow: hidden;
	border-left: solid 1px #DFDFDF;
	background-image: url(../images/fondskader-bgbottom.gif);
	background-repeat: no-repeat;
	background-position: top;
}

td.dagfondstableheader
{
	background-color:#B6B6B6;
	height:35px;
	vertical-align:middle;
	width:300px;	
}
span.dagfondstableheader
{
	font-size: 1.2em;
	color:White;
	font-weight:bold;	
	vertical-align:middle;
}	

td.dagfondslicht
{
	background-color:#FFFFFF;
}

td.dagfondsdonker
{
	background-color:#DFDFDF;
}


table#fondsvandedag
{
	border-top:solid 1px #DFDFDF;
	border-left:solid 1px #DFDFDF;
	border-right:solid 1px #DFDFDF;
	border-bottom: none;
	
	border-collapse: collapse; 
}
table#fondsvandedag td
{
	padding-right:15px;	
	border:solid 0px ;
	padding:4px;
	vertical-align:top;
}

div#dagselectbox
{	
	padding: 10px 0 0 10px;	
}


div#content_in_content table
{
	border:solid 0px #000000;
	border-collapse: collapse; 
}


div#content_in_content  td
{
	padding-right:15px;	
	border-bottom:solid 1px #000000;
	border-left:0;
	border-right:0;
	padding-bottom:4px;
	vertical-align:top;	
}

span.actiekader-faqtxt
{
	font-family: Verdana, sans-serif;
}

div#content_in_content span.actiekader-faqtxt table
{
	border-top:solid 1px #00287A;
	border-collapse: collapse; 
	color: #00287A;	
	font-size:1em;
	font-family: Verdana, sans-serif;
}
div#content_in_content span.actiekader-faqtxt td{
	padding-right:15px;	
	border-bottom:solid 1px #00287A;
	border-left:0;
	border-right:0;
	padding-bottom:4px;
	vertical-align:top;
	
}

div#content_around_picture table
{
	border:solid 1 #000000;
	border-collapse: collapse; 

}
div#content_around_picture td
{
	padding-left:10px;	
	padding-right:10px;	
	border:solid 1 #000000;
}


.printimage
{
	margin-top:5px;
	margin-left:385px;
	border:0px;
}

div#linksboven
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:1000;
	background-color:White;
	width:500px;
	padding:20px;
	overflow:hidden;	
}
span#sluiten
{
	font-weight:bold;
}

div.#selectboxkoersen
{
	padding:20px 0 0 0;
	width:435px;
}


/*
 * Specific styles for indices.
 */


div#content_in_content table.koers-tabel
{
	border:1 solid #DFDFDF;
	border-bottom: none;
	width:435px;
	overflow:hidden;

}
div#content_in_content table.koers-tabel td
{
	border:1 solid #DFDFDF;
	border-bottom:none;
}

div#content_in_content table.koers-tabel tr.dark
{
	background-color:#DFDFDF;
}

div#content_in_content table.koers-tabel td.koers-naam-kop
{
	background-color:#B6B6B6;
	height:35px;
	vertical-align:middle;
	color:White;
	font-weight:bold;
	border:1 solid #B6B6B6;
	text-align:left;
	padding-left:4px;
	padding-right:0px;	
	padding-bottom:4px;
	padding-top:14px;	
	font-size:0.9em;	
}

div#content_in_content table.koers-tabel td.koers-waarde-kop
{
	background-color:#B6B6B6;
	height:35px;
	vertical-align:middle;	
	color:White;	
	font-weight:bold;	
	border:1 solid #B6B6B6;
	text-align:center;
	padding-right:0px;	
	padding-bottom:4px;	
	padding-top:14px;	
	font-size:0.9em;
}
div#content_in_content table.koers-tabel td.koers-naam
{
	text-align:left;
	padding-right:4px;	
	padding-bottom:4px;	
    padding-top:4px;
    padding-left:4px;
}
div#content_in_content table.koers-tabel td.koers-naam-up
{
	text-align:left;
	padding-right:4px;	
	padding-bottom:4px;	
    padding-top:4px;
    padding-left:4px;
    color:green;
    font-weight:bold;
}
div#content_in_content table.koers-tabel td.koers-naam-down
{
	text-align:left;
	padding-right:4px;	
	padding-bottom:4px;	
    padding-top:4px;
    padding-left:4px;
    color:Red;
    font-weight:bold;
}
div#content_in_content table.koers-tabel td.koers-waarde
{
	text-align:right;
	padding:4px;
	white-space:nowrap;
}
div#content_in_content table.koers-tabel td.koers-waarde-up
{
	text-align:right;
	padding:4px;
	white-space:nowrap;
	color:green;
}
div#content_in_content table.koers-tabel td.koers-waarde-down
{
	text-align:right;
	padding:4px;
	white-space:nowrap;
	color:Red;
}
span.min 
{
	white-space:nowrap;
	width:4em;
}	

div#content_in_content table.koers-tabel td.koers-waardetest
{
	color:Red;
	text-align:right;
	padding:4px;
	white-space:nowrap;
}

div#actiekaderkoersenbottom{
	width: 435px;
	height: 12px;
	overflow: hidden;
	border-left: solid 1px #DFDFDF;
	background-image: url(../images/actiekader-bgbottom-line.gif);
	background-repeat: no-repeat;
	background-position: top;
}

span.checkboxcontrol
{
	vertical-align:text-bottom;
	height:30px;
	padding-top:20px;
}


/* 
 * Dialog engine styles 
 */

/* general wrapper for all generated items */
div.cell 
{
	vertical-align:top;
	width:100%;
	/*\*/
	margin:0px;
	padding:0px;
	display:table-cell;
	/* Mac Hack */
}

div.line
{
	border-bottom: solid 1px #B6B6B8;
	vertical-align:top;
	width:80%;
	/*\*/
	margin:o;
	padding:0.5em 0 0.5em 0;
	display:table-cell;
	/* Mac Hack */
}

div.box
{
	border: solid 1px #B6B6B8;
	vertical-align:top;
	height: 100px;
	width:100%;
	/*\*/
	margin:0.5em 0 0 0;
	padding:0.5em;
	display:table-cell;
	/* Mac Hack */
}

div.distance
{
	vertical-align:top;
	width:100%;
	/*\*/
	margin:15px 0 0 0;
	padding:0px;
	display:table-cell;
	/* Mac Hack */
}

.cell h3
{
	margin-top: 1.5em;
}

.cell h4
{
	margin: 1.5em 0 0.5em 0;
}

/* style used to align multiple lines in radiobutten selection */
.cell tr
{
  vertical-align: top;
}

/* previus and nextbuttons (enabled and disabled */
a.buttonprevious
{
	font-size: 0.9em;
	font-weight: bold;
	color: #00287A;
	text-decoration: none;	
	padding:0 8px 0 0;	
	background: url(../images/arrow-blue-back.gif) right 60% no-repeat; 
}

span.buttonpreviousdisabled
{
	font-size: 0.9em;
	font-weight: bold;
	color: #92999D;
	text-decoration: none;	
	padding:0 8px 0 0;	
	background: url(../images/arrow-gray-back.gif) right 60% no-repeat; 
}

a.buttonnext
{
	font-size: 0.9em;
	font-weight: bold;
	color: #00287A;
	text-decoration: none;	
	padding:0 0 0 8px;	
	background: url(../images/arrow-blue.gif) left 60% no-repeat; 
}

span.buttonnextdisabled
{
	font-size: 0.9em;
	font-weight: bold;
	color: #92999D;
	text-decoration: none;	
	padding:0 0 0 8px;	
	background: url(../images/arrow-gray.gif) left 60% no-repeat; 
}

/* summary */
div.summary
{
	float:right;
	margin-left: 10px;
	width: 25%;
}

.summary a
{
	color: gray;
	text-decoration:none;
	cursor: pointer;
}

.summary a:hover
{
	color: black
}

/* progress indicator steps */
.stepprevious
{
	font-size: 0.9em;
	font-weight: bold;
	color: black;
	text-decoration: none;
    text-align: right;
	padding: 0px;
	margin: 0px;
	height:14px;
	width:30px;
	background-color: #E5E9F1;
	cursor: pointer;
}

.stepcurrent
{
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
	font-weight: bold;
	color: black;
	text-decoration: none;
    text-align: center;
	padding: 0px;
	margin: 0px;
	height:14px;
    width:46px;
	background: url(../images/step.gif) no-repeat;
}

.stepnext
{
	font-size: 0.9em;
	font-weight: bold;
	color: white;
	text-decoration: none;
    text-align: left;
    vertical-align:middle;
	padding: 0px;
	margin: 0px;
	height:14px;
    width:30px;
	background-color: #B6B6B8;
}

/* divs used for RekenModule template */
div#dialoogtop
{
	height: 16px;
	width: auto;
	background-color: #00287A;
}

div#dialoogtitle
{
	margin-left: 50px;
	height:36px;
	width: auto;
	overflow:hidden;
}

div#dialoogbar
{
	height:14px;
	width: auto;
	background-color:#E5E9F1;
}

div#dialoogcontent
{
	position:relative;
	top: -14px;
	margin-left: 50px;
	margin-right:50px;
	width: auto;
}

.leftalign
{
	margin-right: 20px;
	left:auto;
	text-align:right;
}