/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
/* IE7 fix \*/
		
/* mozilla hax \*/
html>body #container {
    height:auto;
	top: 0px;
	left: 0px;
}
/* mozilla hax */

body {
	margin:0 0 0 0;
	width:100%;
	height:100%;	
	text-align:center;
	background-color:#a2b1c0;	
	scrollbar-face-color: #ddd; 
	scrollbar-highlight-color: #FFF; 
	scrollbar-shadow-color: #aaa; 
	scrollbar-3dlight-color: #aaa; 
	scrollbar-arrow-color:  #666; 
	scrollbar-track-color: #FFF; 
	scrollbar-darkshadow-color: #FFF;
	}
body, table, th, td, p, input, textarea, select {
	font-family: Arial, Helvetica, Sans-serif;
	font-size:11px;
	}
h1 {
	font-size: 15px;
	color: #696969;
	font-weight: bold;
	line-height: 20px;
	display: inline;
	text-transform: uppercase;
}

h2 {
	font-size:16px;
	color: #47535b;
	font-weight: normal;
	line-height: 20px;
	display: inline;
	margin:15px 0px 0px 0px;

}
h3 {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	display: inline;

}

h1, h2, h3, h4, h5, h6 {
	margin:10px 0 0 0;
	}
	

	
a {	
	font-size: 11px;
	color: #696969;
		border:1px solid red;
		border-style:none;
		}
a:hover {}

table {
	width:490px;
	/*border:1px solid red;*/
	}

p {}
	
ol {}
ul {}
li {}
li li {}

img {border:none 0px;}

label {}
.cB {clear:both;}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;	
	background:#c7c8c9 url(../gfx/backGr_leftNav.gif) repeat-y;
	margin:0 auto 0 auto;
	width:740px;
	_width:720px;
	min-height:100%;
	height:100%;
	text-align:left;
	background-color:#FFF;
	border-left: 10px solid #47535b;
	}
	
/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div .logoHomePage {
	position:absolute;
	top:0px;
	left:0px;
	width:192px;
	float:left;
	margin-bottom:168px;
	}


div .headerHomePage {
	background:#FFF;
	height:60px;
	width:400px;
	}
	
div.header {
	width:740px;
	position:relative;
	overflow:hidden;
	height:228px;
}
	
div.headerimg{
	position:absolute;
	right:0px;
	top:0px;
	z-index:100;
	height:228px;
	width:545px;
	}
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.leftNavigatie {
	position:relative;
	float:left;
	width:192px;
	/*display:block;*/
	}
	
.menuItem {
	height:18px;
	_height:20px;
	display:block;	
	background:url(../gfx/menuItem_back.gif) repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	padding:2px 5px 0px 10px;
	text-decoration:none;
	}
.menuItem:hover {
	background:url(../gfx/menuItem_back.gif) repeat-x bottom left;
	color:#FFFFFF;
	}
.mainNavigatie {
	float:right;
	width:546px;
	overflow:hidden;
	background:url('../gfx/mainnavigatie-bg.gif') no-repeat right top;
	
	}

#swfSwitch {
	background:transparent url() repeat-x bottom left;
	width:192px;
 	height:117px;
	overflow:visible;
   	position:relative;
	z-index:900;
	}
	
.logoHomePage {
	/*top:0px;
	left:0px;*/
	position:relative;
	z-index:900;
	}
	
#1 {
	display:block;
	}

.verzekeringSWF {
	position:absolute;
	bottom:0px;
	left:0px;
	}


/* ============================================================	*/ 
/* ====	Left Column mainNavigation		======================= */
/* ============================================================	*/

.lColMainNav {
	/*position:relative;*/
	width:192px;
	/*overflow:hidden;*/
	}

.subNavVerzekeringen, .subNavPensioenen, 
.subNavHypotheken, .subNavInkomensadvies,
.subNavOnlineDiensten, .subNavOnlineBerekenen,  
.subNavPolisBeheer, .subNavOnzeDiensten {
	display:block;
	/*float:left;*/
	/*width:192px;*/
	height:19px;
	padding:2px 0 0 10px;
	color:#000;
	margin-bottom:1px;
	position:relative;
	text-decoration:none;
	}
.subNavVerzekeringen:hover, .subNavPensioenen:hover, 
.subNavHypotheken:hover, .subNavInkomensadvies:hover,
.subNavOnlineDiensten:hover, .subNavOnlineBerekenen:hover, 
.subNavPolisBeheer:hover {
	background:url(../gfx/subMenuItem_back.gif) repeat-y bottom left;
	color:#FFF;
	}
.subNavOnzeDiensten {
	background:url(../gfx/submenuLeft_onzediensten.jpg) no-repeat bottom left;
	margin:24px 0 1px 0;
	}
.subNavVerzekeringen {
	background:url(../gfx/submenuLeft_verzekeringen.jpg) repeat-y bottom left;
	}
.subNavPensioenen {
	background:url(../gfx/submenuLeft_pensioenen.jpg) repeat-y bottom left;
	}
.subNavHypotheken {
	background:url(../gfx/submenuLeft_hypotheken.jpg) repeat-y bottom left;
	}
.subNavInkomensadvies{
	background:url(../gfx/submenuLeft_inkomensadvies.jpg) repeat-y bottom left;
	} 
.subNavOnlineDiensten {
	background:url(../gfx/submenuLeft_onlinediensten.jpg) repeat-y bottom left;
	}
.subNavOnlineBerekenen {
	background:url(../gfx/submenuLeft_onlineberekenen.jpg) repeat-y bottom left;
	}
.subNavPolisBeheer {
	background:url(../gfx/submenuLeft_polisbeheer.jpg) repeat-y bottom left;
	}

/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	position:absolute;
	bottom:0;
	left:0;
	clear:both;
	visibility: visible;
	width:730px;
	}
		
div#footer .footerText {
	background-color:#e2e2e2;
	color:#595959;
	text-align:center;
	padding:4px 10px 4px 0px;
	}


/* IE7 fix \*/
html>body #footer {
	top:expression(document.getElementById('container').clientHeight - document.getElementById('footer').clientHeight + "px");
	}

/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
	width:740px;
	padding-bottom:10px;
	/*overflow:hidden;*/
	}
.home div.mainContent {
	padding:0px 0px 15px 0px;
	margin-bottom:50px;
	}
.home .mainText {
	color:#000;
	display:block;
	line-height:20px;
	padding:0px 20px 10px 5px
	}
.index div.mainContent {
	padding:0px 25px 15px 25px;
	margin-top:5px;
	margin-bottom:50px;
	}
		
div.mainContent {
	margin:0px 0px 0px 192px;
	padding:0px 5px 15px 27px;
	}
	
.mainText {
	color:#000;
	display:block;
	line-height:20px;
	padding:0px 0px 10px 0px;
	}

/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {
	margin:0px;
	}
.formGrid {
	}
.formGrid td {
	}
.formGrid .nameCell {
	}
.formGrid .inputCell {
	}
input,
select {
	vertical-align:middle;
	}
input.typeText {
	color:#F00;
	font-weight:normal;
	border-top:1px solid #F00;
	border-right:1px solid #F00;
	border-bottom:1px solid #F00;
	border-left:1px solid #F00;
	}
.formGrid input.typeText {
	padding-left:5px;
	}
label {
	vertical-align:middle;
	}
select.select {
	}
textarea.textarea {
	}
	
input, textarea, select {
	font-size: 11px;
	color: #000000;
	padding: 0px;

}

.imgNavigatie {
	width:131px;
	height:149px;
	margin:0px 3px 0px 0px;
	text-decoration:none;
	display:block;
	float:left;
	border-style:none;
	overflow:hidden;
	position: relative;
	}

.imgNavigatie:hover {
	}

.imgNav7 {
	width:130px;
	height:188px;
	display:block;
	float:left;
	overflow:hidden;
	position: relative;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	}



	
	
	
.onlineDiensten, 
.onlineBerekenen, 
.polisBeheer {
	width:174px;
	height:188px;
	position:relative;
	float:left;
	overflow:hidden;
	z-index:500;
	border-left:1px solid #fff;

	}
	
.onlineDiensten {
	background-color:#a2a3a5; 
	}
.onlineBerekenen {
	background-color:#a2a3a5; 	
	}
.polisBeheer {
	background-color:#a2a3a5; 	
	}
.onlineDiensten a.topSubMenuItem, 
.onlineBerekenen a.topSubMenuItem, 
.polisBeheer a.topSubMenuItem {	
	display:block;
	width:174px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	margin-bottom:3px;
	text-decoration:none;
	padding-left:10px;
	}
	
.onlineDiensten a.topSubMenuItem:hover,
.onlineBerekenen a.topSubMenuItem:hover, 
.polisBeheer a.topSubMenuItem:hover {
	color:#000;
	background-color:#47535b;
	text-decoration:none;
	}	

.onlineDiensten .subMenu, 
.onlineBerekenen .subMenu, 
.polisBeheer .subMenu {
	padding:10px 5px 10px 0;
	}

.onlineDiensten a.subMenuItem,
.onlineBerekenen a.subMenuItem, 
.polisBeheer a.subMenuItem {
	display:block;
	width:174px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	padding-left:15px;
	text-decoration:none;
	}
	
.onlineDiensten a.subMenuItem:hover,
.onlineBerekenen a.subMenuItem:hover, 
.polisBeheer a.subMenuItem:hover {
	color:#000;
	background-color:#47535b;
	text-decoration:none;
	}	
.smallBtnContainer {
	/*background: #ece7d9 url(../gfx/verloop_btn.jpg) repeat-x;*/
	width:543px;
	display:block;
	float:left;
	margin:3px 0px 0px 1px;
	overflow:hidden;
	} 
.backGrSmallBtnItem {
	width:543px;
	height:20px;
	display:block;
	float:left;
	margin:3px 0 00px;
	/*background-color:#ece7d9;	*/
	}
.smallBtnItem {
	background: #ece7d9 url(../gfx/verloop_btn.jpg) no-repeat right top;
	font-size:11px;
	color:#000;
	display:block;
	width:131px;
	height:20px;
	float:left;
	text-decoration:none;
	padding:3px 3px 3px 5px;
	}
.smallBtnItem:hover {
	background: #CCC url(../gfx/verloop_btn.jpg) no-repeat right top;
}

.voorstellen
{
	/*width: 100%;*/
	height: 150px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #ECE7D9;
	border-bottom: 1px solid #ECE7D9;
	line-height:18px;
}

.voorstellen img
{
	width: 250px;
	height: 150px;
	float: left;
	margin-right: 14px;
}


/* formulier */
.formulier {
	/*margin: 0 15px 0 13px;*/
}
.formulier th
{
	text-align: left;
	
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0 10px 2px;
}
.formulier td
{
	padding-left: 2px;
	vertical-align: top;
}
.formulier-label
{
	padding-top: 6px;
}

/* diensten-polis */
.polisVoorwaarden {
	display:block;
	position:relative;

}

.headerLinks {
	width:100%;
	border-width:0px;
	}
	
.headerLinks .header {
width:auto;
height:auto;
	font-size: 18px;
	color: #999B9E;
	font-style:italic;

	padding:0px 0 0 5px;

	}
.headerLinks .cell {
	padding:5px 0 0 10px;
	vertical-align:top;
}
.headerLinks a 
{
	padding:2px 2px 2px 20px;
	background:transparent url(../images/pdf.jpg) no-repeat left top;
	display:block;
	margin-bottom:2px;
	text-decoration:none;
}
.headerLinks a:hover {
	text-decoration:underline;
	color:#A2B7CB;
}

.keuzeItems {
display:block;
margin: 10px auto 10px 10px;
/*border: 1px solid red;*/


}