/* General layout definitions */

BODY 
{
	BACKGROUND-POSITION: 0px 0px; 
	
	PADDING-RIGHT: 0px;	
	PADDING-LEFT: 12px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 150px; 
	
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-COLOR: #ffffff;
}

BODY.background 
{
	/*BACKGROUND-IMAGE: url(/Site/Presentation/Design/GeneralImages/Backgrounds/background_beleggen_1a.jpg);*/
}

H2.subtitle	
{
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 	
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px;	
	
	FONT-WEIGHT: bold;	
	FONT-SIZE: 1.091em; 
	
	BACKGROUND-COLOR: #b8e4ea;
}

DIV.contentRow 
{}

DIV.contentCol /* used in DoelgroepLayout */
{
	FLOAT: left; 
	height: 100%; /* worx only when parent element also has a specified height (i.e. contentRow, height: 100%), but then all other templates are messed up, so this height is put in the Doelgroep(Corporate)Layout.ascx directly */
}

DIV.contentColLeft 
{
	FLOAT: left; 
	WIDTH:	535px;
	
	/* This fixes the issue with the characters 'W' and 'V' losing a little bit of their left part */
	padding-left: 1px;
}



div.buildingblock img
{
	display: block;
}

div.buildingblock /* for presentation mode */
{
	display: inline;/*expression( (this.innerHTML.length > 0) ? "inline" : "none" );*/
	float: left;
}

div.BuildingBlockCaption
{
	margin-left: 1px;
}

.buildingblock /* used for all buildingblocks */
{
	margin-bottom: 10px;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}

div.doelgroepencolumn
{
	display: inline;
	float: left;
	margin-top: 0px;
	
	padding-left: 0; /* this should be automatic, but IE bug does not center div's... so width=200, container width=168 => paddings are 16 left and right */
	padding-right: 0;
	width: 200px;
}

div.doelgroepencorporatecolumn
{
	display: inline;
	float: left;
	margin-top: 0px;
	
	padding-left: 0; /* this should be automatic, but IE bug does not center div's... so width=168, container width=168 => paddings are 16 left and right */
	padding-right: 0;
	width: 168px;
}

div.doelgroepencorporate2columns
{
	display: inline;
	float: left;
	margin-top: 0px;
	
	padding-left: 0; /* this should be automatic, but IE bug does not center div's... so width=168, container width=168 => paddings are 16 left and right */
	padding-right: 0;
	width: 352px;
}

div.withDivider
{}

div.verticaldivider
{
	display: inline;
	height: 100%;
	margin-top: 0px;
	bottom: 0px;
	top: auto;
	
	overflow:auto;
	float: left;
	background-image: url(/Site/Presentation/Design/GeneralImages/stippel_grijs_vert.gif);
	background-repeat: repeat-y;
	background-position: 50% 0%;
	width: 28px;
}

div.verticalcorporatedivider
{
	display: inline;
	height: 100%;
	margin-top: 0px;
	bottom: 0px;
	top: auto;
	float: left;
	border: 0px solid black;
	background-image: url(/Site/Presentation/Design/GeneralImages/stippel_grijs_vert.gif);
	background-repeat: repeat-y;
	background-position: 50% 0%;
	width: 16px;
}

div.verticalcorporatedividernoimage
{
	display: inline;
	height: 100%;
	margin-top: 0px;
	bottom: 0px;
	top: auto;
	
	float: left;
	width: 14px;
}


#skip 
{
	POSITION: absolute;	TOP: -10em;
}

/* Common style definitions */
.bulletedList
{
	MARGIN:	0 0 0 0; 
	LIST-STYLE-TYPE: none; 
}

.bulletedList span
{
	width:100%;
}

.bulletedList	A
{
	PADDING-LEFT: 10px; 
	BACKGROUND-POSITION: -7 0px; 
	BACKGROUND-REPEAT: no-repeat;	
	display: inline-block;
	padding:0 10px 0 10px; background: transparent url(/site/Presentation/Design/GeneralImages/RaboVastgoedGroep/images/bullets/sort.gif) no-repeat 0 7px;
}

#overviewList
{
	MARGIN:	0px; 
	LIST-STYLE-TYPE: none;
	PADDING-LEFT: 0px; 
	BACKGROUND-REPEAT: no-repeat;	
}

#overviewList H1 A
{
	BACKGROUND-POSITION: 0% 3px; 
	BACKGROUND-REPEAT: no-repeat;	
	PADDING-LEFT: 16px; 
	DISPLAY: inline-block;
}

#overviewList A
{
	BACKGROUND-POSITION: 100% 0%; 
	BACKGROUND-REPEAT: no-repeat;	
	padding-right: 10px; 
}

#overviewList LI
{
	BACKGROUND-POSITION: 0% 3px; 
	BACKGROUND-REPEAT: no-repeat;	
	PADDING-LEFT: 17px; 
	DISPLAY: inline-block;
}

.overviewImage
{
/*	height: 100px; */
	width: 100px; 
	display: inline-block; 
	vertical-align: top; 
/*	margin-bottom: 20px;*/
}

.overviewImageNoImage
{
	height: 100px; 
	background-color: #dbdbdb; 
	background-repeat: no-repeat; 
	background-position: 50% 20px; 
	background-image: url(/Site/Presentation/Design/GeneralImages/geen_afb_beschikbaar.gif); 
	width: 100px; 
	display: inline-block; 
	vertical-align: top; 
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}
.overviewImageLeft
{
	float: left;
	margin-right: 10px;
}
.overviewImageRight
{
	float: right;
	margin-left: 10px;
}

.download
{
	MARGIN:	0 0 0 0; 
	LIST-STYLE-TYPE: none; 
}

.downloadL span
{
	width:100%;
}

.download img
{ 
	display: inline;
	vertical-align: middle;
}

#FAQList
{
	MARGIN:	0px; 
	LIST-STYLE-TYPE: none;
	PADDING-LEFT: 20px; 
}

#FAQList LI
{
	MARGIN-BOTTOM: 7px; 
	MARGIN-TOP: 7px;
}

#FAQList A
{
	PADDING-LEFT: 25px;
	COLOR: #000000;
	FONT-WEIGHT: Bold;
	BACKGROUND-POSITION: 0px 2px; 
	BACKGROUND-REPEAT: no-repeat;
	DISPLAY: block;
}

#searchPanel
{
	WIDTH:	175px; 
	FLOAT: left;
	MARGIN-LEFT:0px;
	DISPLAY: inline;
	MARGIN-TOP: px;
}


/* Main content definitions */
#document 
{
	BORDER-RIGHT: #cccccc 1px solid; 
	BORDER-TOP: #cccccc 1px solid;	
	BORDER-LEFT: #cccccc 1px solid;	
	WIDTH: 934px; 
	BORDER-BOTTOM: #cccccc 1px solid;	
	BACKGROUND-COLOR: #ffffff;
}

* HTML #document
{
	WIDTH: 934px
}

#document DIV.margin 
{
	PADDING-RIGHT: 15px; 
	BACKGROUND-POSITION: 190px	0px; 
	PADDING-LEFT: 198px; 
	BACKGROUND-IMAGE: url(/Site/Presentation/Design/GeneralImages/margin_back.gif); 
	PADDING-BOTTOM: 30px;	
	PADDING-TOP: 0px; 
	BACKGROUND-REPEAT: repeat-y;
	margin-top: 0px; /* 34 for firefox because no secondlevelnavigation in some pages */
}

* HTML #document	DIV.margin 
{
	WIDTH: 100%;
}

#document DIV.withBannerColumn 
{
	BACKGROUND-POSITION: -2px 0px; 
	BACKGROUND-IMAGE: url(/Site/Presentation/Design/GeneralImages/margin_back_bannercolumn.gif);
}

/**DF:  BannerColumn without backgound image **/
#document DIV.withBannerColumnWithoutBackGround 
{
	BACKGROUND-POSITION: -2px 0px; 	
}

/* Content navigation definitions */

DIV.contentText	
{}

DIV.contentText	BR 
{
	DISPLAY: inline;
}

DIV.contentText	A.pageLink 
{
	PADDING-RIGHT: 0px;	
	BACKGROUND-POSITION: 0%	50%; 
	PADDING-LEFT: 18px; 
	FONT-WEIGHT: bold;	
	
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
	BACKGROUND-REPEAT:	no-repeat;
	COLOR: #000000;	
	TEXT-DECORATION: none;
}

/* Call to Action definitions */

DIV.CtA
{
	MARGIN:	0px	0px 10px 5px; 
	WIDTH: 168px; 
	TEXT-ALIGN:	left;
	
}
* HTML DIV.CtA
{
	MARGIN:	0px	0px 10px 0px; 
	WIDTH: 168px; 
	TEXT-ALIGN:	left;
}
div.CtA div
{
	margin-right: 0px;
}
div.CtA img
{
	margin-left: 0px;
}

DIV.CtA H2
{}

DIV.CtA P
{
	PADDING-RIGHT: 6px;	
	PADDING-LEFT: 6px; 
	PADDING-BOTTOM: 16px; 
	MARGIN: 0px; 
	
	PADDING-TOP: 0px;
}


/* Systemwide navigation definitions */

#language 
{
	WIDTH: auto
}

#otherBouwfondsSites	
{
	WIDTH: auto
}

#systemwide
{
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: 100% 0px; 
	BACKGROUND-IMAGE: url(/Site/Presentation/Design/GeneralImages/toolbar_back.gif); 
	
	POSITION: absolute;	
	TOP: 0px; 
	RIGHT: 0px;	
	
	WIDTH: 680px; 
	HEIGHT:	26px;
}

#systemwide DIV.section
{
	PADDING-RIGHT: 8px;
	PADDING-LEFT: 8px; 
	FLOAT: right; 
	PADDING-BOTTOM: 0px; 
	
	PADDING-TOP: 3px; 
	HEIGHT: 23px;
}

#systemwide LABEL
{
	COLOR: #ffffff;	
}

#systemwide LABEL.dark
{
	COLOR: #787878;
}
#systemwide INPUT.text
{}

#systemwide INPUT.image
{
	MARGIN-RIGHT: -4px;
}

#systemwide A
{}

#systemwide A:link,
#systemwide A:visited
{
	COLOR: #ffffff;	
}

#systemwide A:hover,
#systemwide A:active
{
	COLOR: #666666;	
}

* HTML #systemwide DIV.section
{
	HEIGHT:	26px;
	word-wrap: normal; /* word-wrap is IE only.. used because body (markup.css) is implementing this, but then systemwide arrowbutton is out of line */
}

DIV.sectionBreak
{
	BORDER-LEFT: #d4d4d4 1px solid;
}

/* 1st level navigation definitions */

#firstLevelNavigation
{
	LEFT: 0px; 
	MARGIN: 0px;	
	BOTTOM:	-1px; 
	POSITION: absolute;
}

#firstLevelNavigation	LI
{
	DISPLAY: block;	
	FLOAT: left; 
	LIST-STYLE-TYPE: none;
}

#firstLevelNavigation	A
{
	PADDING-RIGHT: 10px;	
	PADDING-LEFT:	25px; 
	PADDING-TOP: 0px; 
	PADDING-BOTTOM: 0px; 
	
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: 0px 0px; 
	
	DISPLAY: block; 
	FLOAT: left; 
	WHITE-SPACE: nowrap;	
	
	
	HEIGHT:	20px;
	
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.091em;
	LINE-HEIGHT:20px;
}

#firstLevelNavigation	LI.home A
{
	WIDTH: 45px;
}

* HTML #firstLevelNavigation A	
{}

* HTML #firstLevelNavigation LI.home A
{
	WIDTH: 70px;
}

/* 2nd level navigation definitions */

#secondLevelNavigation 
{
	MARGIN:	8px	0px	30px;
}

#secondLevelNavigation LI 
{
	DISPLAY: inline; 
	LIST-STYLE-TYPE: none;
}

#secondLevelNavigation A 
{
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 25px; 
	PADDING-BOTTOM:	0px; 
	PADDING-TOP: 0px; 
	
	BACKGROUND-POSITION: 8px 33%; 	
	BACKGROUND-IMAGE: url(/Site/Presentation/Design/GeneralImages/arrow_grey_forward.gif);	
	BACKGROUND-REPEAT: no-repeat;
	FONT-WEIGHT: bold; 
}

/* Local navigation definitions */


#localNavigation
{
	WIDTH:	175px; 
	FLOAT: left;
	MARGIN-LEFT: 0px;
	DISPLAY: inline;
}

#localNavigation UL
{
	LIST-STYLE-TYPE: none; 
	POSITION: static; 

	MARGIN:	0px; 
}

#localNavigation LI
{
	PADDING-TOP: 0px;	
	PADDING-BOTTOM: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px;
	MARGIN:0px;
	BORDER:0px;
}

#localNavigation LI.headerOnly
{
	HEIGHT: 1px;
	MARGIN: 0px;
	PADDING: 0px;
	BORDER:0px;
	FONT-SIZE: 1px;
	LINE-HEIGHT:1px; 
	
	BACKGROUND-POSITION: 0px 0px; 
	BACKGROUND-REPEAT:repeat-x;
	BACKGROUND-IMAGE: url(/Site/Presentation/Design/GeneralImages/stippel_wit_hor.gif);
}

#localNavigation LI.startitem
{
	HEIGHT: 8px;
	MARGIN: 0px;
	PADDING: 0px;
	BORDER:0px;
	FONT-SIZE: 1px;
	LINE-HEIGHT:8px; 
}

#localNavigation LI.enditem
{
	HEIGHT: 8px;
	MARGIN: 0px;
	PADDING: 0px;
	BORDER:0px;
	FONT-SIZE: 1px;
	LINE-HEIGHT:8px; 
}

#localNavigation LI A
{
	display: block;
	TEXT-DECORATION: none;
	PADDING-TOP: 5px;	
	PADDING-BOTTOM: 5px; 
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 17px;
	BACKGROUND-POSITION: 0px 2px; 
	BACKGROUND-REPEAT: no-repeat;
}

#localNavigation LI.header A
{
	BACKGROUND-POSITION: 0px 0px; 
	BACKGROUND-REPEAT:repeat-x;
	
	FONT-WEIGHT: normal; 
	PADDING-LEFT: 7px;
}

#localNavigation LI.link A
{}

#localNavigation LI.active A
{}

/* Print and E-mail link definitions */

#pageOptions
{
	MARGIN-TOP:	8px; 
	FLOAT:	right; 
	MARGIN-RIGHT: 10px;
}

/* BEGIN BFAM */
#pageOptionsBFAM
{
	MARGIN-TOP:	8px; 
	FLOAT:	left; 
	MARGIN-RIGHT: 0px;	
	MARGIN-LEFT: 90px;	
}

#pageOptionsBFAM LI
{
	DISPLAY: inline; 
	
}

#pageOptionsBFAM LI	A
{
	PADDING-RIGHT: 18px; 
	BACKGROUND-POSITION: 100% 50%;	
	PADDING-LEFT: 16px; 
	FONT-WEIGHT: bold;	
	PADDING-BOTTOM:	0px; 
	PADDING-TOP: 0px; 
	BACKGROUND-REPEAT: no-repeat; 
	LIST-STYLE-TYPE: none;
}

#pageOptionsBFAM LI
{
	DISPLAY: inline; 
}

.FundContent
{
	word-wrap:normal;
}

.FundContent P
{
	margin-top: 5px
}
.FundContent TD
{
	word-wrap:normal;
}

/* END BFAM*/
#pageOptions LI	A
{
	PADDING-RIGHT: 18px; 
	BACKGROUND-POSITION: 100% 50%;	
	PADDING-LEFT: 16px; 
	FONT-WEIGHT: bold;	
	PADDING-BOTTOM:	0px; 
	PADDING-TOP: 0px; 
	BACKGROUND-REPEAT: no-repeat; 
	LIST-STYLE-TYPE: none;
}

#pageOptions LI
{
	DISPLAY: inline; 
}

#pageOptions LI A.print 
{
	BACKGROUND-IMAGE: url(/Site/Presentation/Design/GeneralImages/icon_print.gif);
}

#pageOptions LI A.email 
{
	BACKGROUND-IMAGE: url(/Site/Presentation/Design/GeneralImages/icon_email.gif);
}

/* DF ********/
#pageOptions LI A.login 
{
	BACKGROUND-IMAGE: url(/Site/Presentation/Design/GeneralImages/arrow_grey_forward.gif);
}

#pageOptions LI A.close 
{
	BACKGROUND-IMAGE: url(/Site/Presentation/Design/GeneralImages/icon_close_window.gif);
}

#pageOptions A
{
	font-weight: normal;

	TEXT-DECORATION: none;
}

#pageOptions A:link,
#pageOptions A:visited 
{
	COLOR: #666666;	
	
}

#pageOptions A:hover,
#pageOptions A:active 
{
	COLOR: #83000d;	
}

/* Footer navigation definitions */

#footer	
{}

#footerNavigation
{
	PADDING-RIGHT: 0px;	
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 16px; 
	MARGIN: 0px; 
	PADDING-TOP: 8px;
}

#footerNavigation LI
{
	DISPLAY: inline; 
	LIST-STYLE-TYPE: none;
}

#footerNavigation A
{
	font-weight: normal;
	FONT-SIZE: 1.091em;
	TEXT-DECORATION: none;
}

#footerNavigation A:link,
#footerNavigation A:visited 
{
	COLOR: #666666;	
}

#footerNavigation A:hover,
#footerNavigation A:active
{
	COLOR: #83000d;	
}

/* Console definitions */
#editConsole
{
	display: inline;
	position: absolute;
}
div.FloatConsole
{
	background-color : #B8D2F5;
	padding : 0px 0px 0px 0px;
	z-index : 10;
	position : absolute;
	text-align : left;	
}

Table.FloatConsoleGrip
{	
	cursor : move;
	font-size: 12px;
	font-family: Arial, Verdana;
}

Table.FloatConsoleGrip TR TD
{
	color		: white;
	font-weight	: bold;
	width		: 100%;
	padding-left: 10;
}

Div.FloatConsoleContent
{
	BORDER: black 0px solid; 	
	DISPLAY: block; 
	BACKGROUND-COLOR: #ffffff;	
	width :0%; /* For Mozilla */	
}


#SystemwideMenu_contactknop a:active, visited, link
{
	/*background:url(/Site/Presentation/Design/GeneralImages/contact/contact_o.png); 
	background-repeat:no-repeat ; */
	height:24px;
	width:60px;
	margin:0px 0px 0px 0px ;
}

#SystemwideMenu_contactknop a:hover
{
	/*	background:url(/Site/Presentation/Design/GeneralImages/contact/contact.png); 
		background-repeat:no-repeat ; */
		height:24px;
		width:60px;
		margin:0px 0px 0px 0px ;
}

#SystemwideMenu_contactvlak
{
	position:absolute;
	display:none;
	background-color:#DCDCDC;
	z-index:20000; 
	color:white;
	top:26px;
	left:527px;
	width:407px; 
	height:135px;
	padding:5px 20px 5px 20px;
	border:outset 2px #BCBCBC;
}

#SystemwideMenu_contactvlak hr
{
	color:#565656;
	/*border-top: 1px dotted #565656;*/
	border-style: none none dotted; 
}


#SystemwideMenu_contactInhoudvlak
{}

#SystemwideMenu_contactInhoudvlakAlgemeen ul li a,
#SystemwideMenu_contactInhoudvlakAlgemeen ul li a:active, 
#SystemwideMenu_contactInhoudvlakAlgemeen ul li a:hover, 
#SystemwideMenu_contactInhoudvlakAlgemeen ul li a:link, 
#SystemwideMenu_contactInhoudvlakAlgemeen ul li a:visited, 
#SystemwideMenu_contactInhoudvlak ul li a, 
#SystemwideMenu_contactInhoudvlak ul li a:active, 
#SystemwideMenu_contactInhoudvlak ul li a:link, 
#SystemwideMenu_contactInhoudvlak ul li a:visited, 
#SystemwideMenu_contactInhoudvlak ul li a:hover 
{
        color:#666666;
        text-decoration:none;
        font-weight:700;
        font-size:12px;
        word-wrap:break-word;
        text-decoration:none;
        width:100%;
        height:100%;
        vertical-align:middle;

}

#SystemwideMenu_contactInhoudvlakAlgemeen ul li a:hover, 
#SystemwideMenu_contactInhoudvlak ul li a:hover 
{
        background-color:#fff;
}


#SystemwideMenu_contactInhoudvlakAlgeem 
{
	
}

#SystemwideMenu_contactInhoudvlak ul
{
	list-style-image: url(/Site/Presentation/Design/GeneralImages/contact/contact_arrow.gif); 
}

#SystemwideMenu_contactInhoudvlakAlgemeen ul
{
	list-style-image: url(/Site/Presentation/Design/GeneralImages/contact/contact_arrow.gif); 
}

#SystemwideMenu_contactHeader
{
	color:#0A0A0A;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	word-wrap:break-word;
	text-decoration:none;
}