/* algemene opmaak */
body
{	font-family	: Tahoma;
	font-size	: 12px;
	line-height	: 15px;
	color		: #444444;
	background	: #5E0809 url(../img/bg_color.png) repeat-x center top;
	margin		: 0px;
	padding		: 0px;}

h1	
{	font-family	: Tahoma;
	font-size	: 14px;
	line-height	: 15px;
	font-weight	: bold;
	color		: #444444;
	margin		: 0 0 15px 0;
	padding		: 0;}

h2	
{	font-family	: Tahoma;
	font-size	: 12px;
	line-height	: 12px;
	font-weight	: bold;
	color		: #444444;
	margin		: 15px 0 0 0;
	padding		: 0;}

a:link
{	text-decoration	: underline;
	color		: #0086fc;
	line-height	: 10px;}

a:visited
{	text-decoration	: underline; 
	color		: #0086FC;}

a:hover
{	text-decoration	: none; 
	color		: #0086FC;}

div.maincontainer
{	width		: 948px;
	position	: absolute;
	left		: 50%;
	top			: 24px;
	margin-left	: -474px;
	z-index		: 1;}

div.maincontainer div.topbanner
{	margin-bottom	: 36px;
	height		: 120px;
	position	: relative;}

div.maincontainer div.topbanner a img
{	border		: none 0px #5E0809;}

div.maincontainer div.bottombanner
{	position	: relative;
	background	: #ffffff url(../img/bottombanner.png) center top;
	width		: 948px;
	height		: 62px;
	margin-bottom	: 20px;}

div.bottombanner div 
{	position	: absolute;
	left		: 0px;
	top			: 20px;
	font-family	: Tahoma;
	font-size	: 11px;
	color		: #444444;
	text-align	: center;
	z-index		: 1;
	width		: 100%;}

/* subnavigatie of breadsubnav*/

div.subnav
{	padding-top	: 5px;
	padding-left: 40px;
	position	: relative;
	height		: 22px;
	background-color: #FFFFFF;}

div.subnav a
{	margin-left	: 10px;
	margin-right: 10px;}

/*regelcontainers */

div.container
{	position	: relative;
	min-height	: 214px;
	background-color: #FFFFFF;}


/* varianten op de containers */

div.padded
{	background-color: #FFFFFF;
	padding-left	: 12px;
	padding-top	: 12px;
	min-height	: 203px;}

/* colommen in de regelcontainers */
span.column
{	background	: #FFFFFF;
	border		: 1px solid #b2b2b2;
	position	: relative;
	height		: 188px;
	margin		: 0px 12px 12px 0px;
	padding		: 12px 0px 0px 12px;
	background	: #ffffff url(../img/bg_text.png) repeat-x center bottom;
	display		: inline-block;}

span.column_expanding_1_1
{	background	: #FFFFFF;
	border		: 1px solid #b2b2b2;
	position	: relative;
	min-height	: 188px;
	margin		: 0px 12px 12px 0px;
	padding		: 12px 0px 0px 12px;
	background	: #ffffff url(../img/bg_text.png) repeat-x center bottom;
	display		: inline-block;}
	
span.expanding_2_3 
{	height:388px;}
	
span.expanding_2_3 span.text_2_3
{	height:488px;}

span.doublesize_margin 
{ margin-bottom:212px;}

span.column_2_3
{	width		: 598px;}

span.column_1_3
{	width		: 286px;}

span.column_1_2
{	width		: 442px;}

span.column_1_1
{	width		: 910px;}

/* varianten op de visuals */

span.visualflash
{	background	: #ffffff url(../img/pand-voorkant.jpg) center top;
	height		: 188px;}

object.home_flash
{	left:0;
	position:absolute;
	top:0;
	z-index:52;
}

span.visualhome
{	background	: #ffffff url(../img/pand-voorkant.jpg) center top;
	height		: 188px;}

span.visualoveraens
{	background	: #ffffff url(../img/kantoor.jpg) center top;
	height		: 188px;}
	
span.visualwaaromaens
{	background	: #ffffff url(../img/waaromaens.jpg) center top;
	height		: 188px;}

span.visualteam
{	background	: #ffffff url(../img/team.jpg) center top;
	height		: 188px;}

span.visualdiensten
{	background	: #ffffff url(../img/mayevanlisanne922x200.jpg) center top;
	height		: 188px;}

span.visualhypotheek
{	background	: #ffffff url(../img/interieur922x200.jpg) center top;
	height		: 188px;}	

span.visualpensioen
{	background	: #ffffff url(../img/pensioen922x200.jpg) center top;
	height		: 188px;}	
	
span.visualvermogensopbouw
{	background	: #ffffff url(../img/vermogen922x200.jpg) center top;
	height		: 188px;}		
	
span.visualverzekeren
{	background	: #ffffff url(../img/verzekeren922x200.jpg) center top;
	height		: 188px;}		

span.visualsparen
{	background	: #ffffff url(../img/geld922x200.jpg) center top;
	height		: 188px;}		

span.visualreferenties
{	background	: #ffffff url(../img/team.jpg) center top;
	height		: 188px;}		

span.visuallinks
{	background	: #ffffff url(../img/mark922x200.jpg) center top;
	height		: 188px;}		
	
span.visualcontact
{	height		: 188px;}	

iframe.googlemap_frame 
{	margin		:-12px 0px 0px -12px;}

span.visualdienstenwijzer
{	background	: #ffffff url(../img/markenevan922x200.jpg) center top;
	height		: 188px;}
	

	
/* inhoud voor de kolommen */

.imagesmall
{	border		: 1px solid #b2b2b2;
	position	: absolute;
	display		: inline-block;
	left		: 12px;
	top			: 12px;
	width		: 138px;
	height		: 174px;}

.imageborder
{	border		: 1px solid #b2b2b2;}

.imagenoborder
{	border		: 0px;}
	
.text_small_image_1_3
{	border		: none;
	position	: absolute;
	left		: 164px;
	top			: 12px;
	width		: 116px;
	height		: 170px;
	display		: inline-block;
	overflow	: hidden;
	padding		: 2px;}

.text_1_3
{	border		: none;
	position	: absolute;
	left		: 12px;
	top			: 12px;
	width		: 268px;
	height		: 170px;
	display		: inline-block;
	overflow	: hidden;
	padding		: 2px;}
	
.text_small_image_2_3
{	border		: none;
	position	: absolute;
	left		: 164px;
	top			: 12px;
	width		: 428px;
	height		: 170px;
	display		: inline-block;
	overflow	: hidden;
	padding		: 2px;}

.text_2_3
{	border		: none;
	position	: absolute;
	left		: 12px;
	top			: 12px;
	width		: 580px;
	height		: 170px;
	display		: inline-block;
	overflow	: hidden;
	padding		: 2px;}
	
.text_small_image_1_2
{	border		: none;
	position	: absolute;
	left		: 164px;
	top			: 12px;
	width		: 272px;
	height		: 170px;
	display		: inline-block;
	overflow	: hidden;
	padding		: 2px;}
	
.text_1_2
{	border		: none;
	position	: absolute;
	left		: 12px;
	top			: 12px;
	width		: 424px;
	height		: 170px;
	display		: inline-block;
	overflow	: hidden;
	padding		: 2px;}

.text_1_1
{	border		: none;
	position	: absolute;
	left		: 12px;
	top			: 12px;
	width		: 892px;
	height		: 170px;
	display		: inline-block;
	overflow	: hidden;
	padding		: 2px;}

.text_1_1_expanding
{	border		: none;
	position	: relative;
	width		: 892px;
	min-height	: 170px;
	display		: inline-block;
	padding		: 2px;
	margin		: 0px 12px 12px 0px;}
	

/* navigatie */

div.navigation
{	width		: 936px;
	position	: absolute;
	left		: 50%;
	margin-left	: -474px;
	top			: 144px;
	height		: 36px;
	z-index		: 2;
	background	: transparent url(../img/nav.png) no-repeat scroll 12px 0px;
	padding-left: 12px;
	background-color: white;
	clear		: both;}

div.navigation ul li{
	position	: relative;
	display		: inline;
	float		: left;
}

div.navigation ul li ul{
	left: 0;
	position	: absolute;
	top			: 36px; 
	display		: none;
	z-index		: 2;
	margin		: 0px;
	padding		: 0px;
}

div.navigation ul li ul li{
	display		: list-item;
	float		: none;
}

div.navigation ul li ul li.last a{
	border		:none !important;}

ul#menu {
	font-size	:11px;
	padding		: 0px;
	margin		: 0px;}

ul#menu li {
	float		:left;
	display		:inline;
	list-style-type: none;}

ul#menu li a {
	display		:block;
	height		:36px;}

ul#menu li span {
	display		:none;}


/* DropNav list items */

ul#menu li ul
{	border-left	:solid 1px #DADADA;
	border-right:solid 1px #DADADA;
	border-bottom:solid 1px #DADADA;
	background-image: url(../img/dropNavBg.gif);
	background-repeat: repeat;}

*ul#menu li ul li
{	display		:block;
	background	:none;
	width		:140px;
	padding		:0 0px 0 0px;}

ul#menu li ul li a
{	display		:block;
	background	:none !important;
	height		:18px;
	line-height	:18px;
	color		:#000000;
	width		:128px;
	padding		:0 0 0 12px;}

ul#menu li ul li a:hover
{	color		:#589BF4 !important;}

ul#menu li ul li.first a
{	height		:22px;
	line-height	:27px;}

ul#menu li ul li.last a
{	height		:26px;
}


/*home*/
ul#menu li.home  {
	width		:108px;
	background	:url(../img/nav.png) no-repeat -0px 0px;
}
ul#menu li.home a:hover, ul#menu li.home a#selected{
	background	:url(../img/nav.png) no-repeat -0px -36px;
}
ul#menu li.home a.active {
	background	:url(../img/nav.png) no-repeat -0px -72px;
}



/*aens*/
ul#menu li.aens  {
	width:113px;
	background	:url(../img/nav.png) no-repeat -108px 0px;
}
ul#menu li.aens a:hover, ul#menu li.aens a#selected{
	background	:url(../img/nav.png) no-repeat -108px -36px;
}
ul#menu li.aens a.active {
	background	:url(../img/nav.png) no-repeat -108px -72px;
}
ul#menu li.aens:hover > a {
	background	:url(../img/nav.png) no-repeat -108px -36px;
}



/*diensten*/
ul#menu li.diensten  {
	width:128px;
	background	:url(../img/nav.png) no-repeat -221px 0px;
}
ul#menu li.diensten a:hover, ul#menu li.diensten a#selected{
	background	:url(../img/nav.png) no-repeat -221px -36px;
}
ul#menu li.diensten a.active {
	background	:url(../img/nav.png) no-repeat -221px -72px;
}
ul#menu li.diensten:hover > a {
	background	:url(../img/nav.png) no-repeat -221px -36px
}



/*referenties*/
ul#menu li.referenties  {
	width:136px;
	background	:url(../img/nav.png) no-repeat -349px 0px;
}
ul#menu li.referenties a:hover, ul#menu li.referenties a#selected{
	background	:url(../img/nav.png) no-repeat -349px -36px;
}
ul#menu li.referenties a.active {
	background	:url(../img/nav.png) no-repeat -349px -72px;
}



/*links*/
ul#menu li.links  {
	width:102px;
	background	:url(../img/nav.png) no-repeat -485px 0px;
}
ul#menu li.links a:hover, ul#menu li.links a#selected{
	background	:url(../img/nav.png) no-repeat -485px -36px;
}
ul#menu li.links a.active {
	background	:url(../img/nav.png) no-repeat -485px -72px;
}



/*contact*/
ul#menu li.contact  {
	width:122px;
	background	:url(../img/nav.png) no-repeat -587px 0px;
}
ul#menu li.contact a:hover, ul#menu li.contact a#selected{
	background	:url(../img/nav.png) no-repeat -587px -36px;
}
ul#menu li.contact a.active {
	background	:url(../img/nav.png) no-repeat -587px -72px;
}


/* make the second level visible when hover on first level list OR link */
ul#menu li		:hover ul {
	display		:block;
}