* {
	margin:0;
	padding:0;
}
html{
	height: 100%;

}
body {
	background: url('header_bg.jpg') repeat-x #FFF;
	text-align:center;
	color:#222;
	font:62.5% Arial, Verdana, Geneva, Helvetica;
	margin:0;
	padding:0;
	height: 100%;
}

/****** GENERAL *********/
h1,h2,h3{
	color:#385776;
}
h1 {
	font-size:1.6em;
	padding-bottom: 0;
}

#content h1
{
	padding-bottom: 10px;
}

h2 {
	font-size:1.4em;
}

h3{
	font-size: 1.2em;
	padding-bottom: 5px;
}

ol{
	padding-left: 20px;
}
.break {
	clear:both;
}
img {
	border:0;
}

a
{
	color: #385776;
}
a:hover
{
	color: #3B658F;
	/*background-color: #DCDCDC;*/
}
/**** Download ****/
dl{
	margin: 0;
	padding: 0;
}
dt{
	font-weight: 700;
	font-size: 1.2em;
}
.paddingblok
{
	padding-left: 10px;
}

#container {
width:960px;
text-align:left;
font-size:1.2em;
margin:0 auto;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}
/********** HEADER ***********/
#header {
width:960px;
/*height:219px;*/
/*background:url('head.jpg') no-repeat;*/
}

#hdrtop
{
	height:110px;
	color:#1F1F1F;
}

#hdr1 {
	float:left;
	width:700px;
}
/*
#hdr2 {
	float:left;
	width:590px;
}
*/
#hdr2 {
	float:right;
	width:240px;
	text-align:center;
}
.tRight{
	text-align: right;
}

/**********  LAAGSTE RENTE ***************/
.lrcijfer {
	font-size:2.3em;
	font-weight:700;
	text-decoration: none;
}

.lrcijfer a{
	text-decoration: none;
}

a .lrcijfer{
	text-decoration: none;
}

#blocktopright{
	padding-top:6px;
	font-size:0.9em;
}
.lrtekst {
	margin-top: 7px;
	padding:6px;
	background-color: #FFBD00;
	border:2px solid #FFBD00;
}
#lrbasis {
	font-size:0.8em;
	padding-bottom:6px;
}

#ptitle{
	width:960px;
	text-align:center;
	height:39px;
	background-color:#385776;
	color: #FFF;
	border-top: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
	margin: 12px 0 7px 0;
}
#ptitle h1{
	color: #FFF;
}
/*************  HEADER MENU  *************/
#hdrheadmenu{
	height: 24px;
	background-color: #E1E7ED;
}
#hdrheadmenu ul
{
	padding-left: 0;
	margin-left: 0;
	font: 700 14px Arial;
	float: left;
	width: 960px;
	border-top: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
}

#hdrheadmenu ul li { 
	display: inline; 
}

#hdrheadmenu ul li a
{
	padding: 3px 10px;
	float: left;
	background: transparent url('vertical.jpg') center right no-repeat; 
	color: #385776;
}
#hdrheadmenu ul li a.selmenu
{
	background-color: #385776;
	color: #FFF;
}

#hdrheadmenu ul li a:hover
{
	background-color: #385776;
	color: #FFF;
}
#hdrbreadcrumb
{
	width: 948px;
	background-color:#F2F2F2; 
	border-bottom: 1px solid #CDCDCD;
	padding:7px 0 4px 12px;
}
/********* VERTICAL MENU **********/
.vertmenu{
	padding:0 0 20px 15px;
	margin-left: 0;
	width: 90%;
}

.vertmenu li{
	list-style: none;
	margin: 0;
	border-bottom: 1px solid #CDCDCD;
}

.vertmenu li a { 
	display: block; 
	padding: 3px 0 3px 10px ;
	background: url('listarrow.gif') left center no-repeat;
}

.vertmenu li a:hover
{
	background-color: #EAEAEA;
}
.vertmenu .mSelect{
	background-color: #EAEAEA;
	background-color: #E1E7ED;
	
	font-weight: bold;
}
/**** Social ****/
.cRss{
	background: url('feed.png') left center no-repeat;
	padding-left: 20px;
}
.cRss a{
	color: #E85A08;
}
.cTwitter{
	background: url('twitter.png') left center no-repeat;
	color: #3CF;
}
.cTwitter a{
	color: #3CF;
}
/*********   BELLY **********/
#belly {
	width:960px;
	margin:0;
	padding:0;
	line-height: 20px;
}
#frontbelly {
	width:958px;
	margin:0;
	padding:0;
	line-height: 20px;
	border: 1px solid #CDCDCD;
}
#bellyleft {
	float:left;
	background-color: #F8F8F8;
	border-right: 1px solid #CDCDCD;
	min-height: 756px;
	width:437px;
}

#bellyright {
	float:right;
	width:520px;
}

#content {
	height:100%;
}
#contentleft {
	float:left;
}
.ctleftsmall {
	width:264px;
}
#contentright {
	float:right;
	height:100%;
	padding:5px 30px;
}
.ctrightwide {
	width:636px;
}

.bgrightbig {
	margin: 15px 0;
	background:url('bgcontent1.jpg') repeat-y;
}

.cSitemap{
	width: 960px;
	padding: 10px 0 10px 10px;
}

/**** ROWS AND COLS ***/
.cRow{
	width: 100%;
	/*padding: 0 10px;*/
}
.cCol{
	padding-left: 5px;
	width: 183px;
	float: left;
	border-left: 1px solid #E5E5E5;
}
.cFootCol{
	padding: 0 20px 0 5px;
	float: left;
	border-left: 1px solid #E5E5E5;
	font-size: 0.8em;
	line-height: 16px; 
}
.cFootCol dt {
	font-size: 1em;
	background-color:#CFECF5;
	padding:0 5px;
}
.cFootCol dd{
	padding-left: 10px;
}
.cFootCol a{
	color: #777;
}
.pTop{
	margin-top: 5px;
}
/********* FOOTER  ************/
#footer {
background-color:#F5F5F5;
border-top: 2px solid #385776;
/*width:960px;*/
text-align:left;
font-size:1em;
/*background-color: #E2E7ED;*/
display: block;
overflow: auto;
padding: 5px;
}

#footerleft {
width:560px;
float:left;
padding:10px;
}

#footerright {
width:359px;
float:right;
padding:10px;
/*border-left: 1px solid #CDCDCD;*/
}

#footerbar-down {
color: #FFF;
width:960px;
height:20px;
text-align:center;
background-color: #385776;
padding-top:4px;
}

#footerbar-down a {
color:#FFF;
}

#footerleft ul,#Journey ul {
padding-left:30px;
}

/******** RENTETABEL  *********/
#rentetabel a {
color:#424242;
text-decoration:underline;
}

#rentetabel .vet {
font-weight:700;
}

#rentetabel .titel_select  a{
color:#FFF;
}

#rentetabel,.sortable {
text-align:center;
border-top:1px solid #CDCDCD;
font-size:1em;
}

#rentetabel td,#rentetabel th,.sortable td,.sortable th {
padding:3px;
border-bottom:1px solid #CDCDCD;
border-left: 1px solid #FFF;
}

#rentetabel2 {
text-align:center;
border-left:1px solid #000;
border-right:1px solid #000;
border-top:1px solid #000;
}

#rentetabel2 td,#rentetabel2 th {
border:1px solid #fff;
padding:2px;
}
#tabel{
	border: 1px solid #000;
}
.onklikbaarPeriode {
color:#969696;
font-style:italic;
cursor:text;
}

.onklikbaarBouwtype {
font-style:italic;
color:#969696;
background:url('tab_wide.jpg');
cursor:text;
}

.sortable a {
color:#0E64AC;
font-weight:700;
}

.titel {
background:#E5EBF1;
}

.evenRij {
background:#F9F9F9;
}

.onevenRij {
background:#EBEBEB;
}

.actief {
color:#000;
}
.tSmall{
	color: #F00;
	font-size: 0.8em;
}
.verstrekker {
text-align:left;
}

.verstrekker a {
color:red;
margin-left:6px;
}

.inactief {
color:#9D9D9D;
}

.top3{
	font-weight: bold;
}
td.top3{
	color: white;
	background: url('top3star.png') no-repeat center center;
}
.offerte{
	width: 100px;
	background: url('offerte.jpg') no-repeat center center;
}
.offerte a{	
	font-weight: 700;
	display: block;
	width: 80px;
	padding-right: 20px;
	height: 20px;
}

/********  RENTE BANK DETAIL *********/
#contentright table
{
	margin: auto;
} 
.knopPeriodeAan {
color: #FFF;
background:#20476E;
cursor:pointer;
}

.knopPeriodeUit {
background:#DBE7F2;
cursor:pointer;
}

.knopBouwtypeAan {
background:url('tab_wide.jpg') -193.33px 0;
color: #FFF;
cursor:pointer;
}

.knopBouwtypeUit {
background:url('tab_wide.jpg');
cursor:pointer;
}

.bouwtypeHover {
background:url('tab_wide.jpg') -386.66px 0;
cursor:pointer;
}

.periodeHover {
background:#A8CEDA;
cursor:pointer;
}

/***** TABMENU ******/
#tabmenu {
width:522px;
overflow:auto;
margin:0;
padding:0;
}

#tabmenu ul {
list-style-type:none;
}

#tabmenu li {
float:left;
width:86px;
background-color: #E5EBF1;
border-right: 1px solid #CDCDCD;
text-align:center;
}

#tabmenu li.selPeriode  a{
background-color: #385776;
color: #FFF;
}

#tabmenu a {
padding:3px 0;
display:block;
width:100%;
height:22px;
color:#385776;
font-size:1.2em;
font-weight:700;
}

/*
#FormHoofd {
text-align:left;
line-height:18px;
padding:3px 12px 5px 20px;
}*/
/****** Forms *******/
form {
	font-size:1em;
	line-height:20px;
	vertical-align:top;
	border:1px solid #385776;
	background-color: #F4F5F7;
	margin:auto;
	padding:10px;
}

.jnColumnLabel {
vertical-align:top;
}
#HypOffrte4HypOffrte4{
	width: 520px;
	background: url('hypoffrte4.gif') center 5px no-repeat #F4F5F7;
	padding-top: 30px;
}
#HypOffrte4HypOffrte4Next{
	width: 520px;
	background: url('hypoffrte4next.gif') center 5px no-repeat #F4F5F7;
	padding-top: 30px;
}
#HypOffrte4HypOffrte4Bdnkt{
	width: 520px;
	background: url('hypoffrte4bdnkt.gif') center 5px no-repeat #F4F5F7;
	padding-top: 30px;
}
#HypOffrte8HypOffrte8{
	width: 520px;
	background: url('hypoffrte8.gif') center 5px no-repeat #F4F5F7;
	padding-top: 30px;
}
#HypOffrte8HypOffrte8Next{
	width: 520px;
	background: url('hypoffrte8next.gif') center 5px no-repeat #F4F5F7;
	padding-top: 30px;
}
#HypOffrte8HypOffrte8Bdnkt{
	width: 520px;
	background: url('hypoffrte8bdnkt.gif') center 5px no-repeat #F4F5F7;
	padding-top: 30px;
}
#HypOffrte5HypOffrte5, #HypOffrte5HypOffrteBdnkt, #SecondOpinionSecondOpinion{
width:370px;
height:400px;
margin: auto;
padding: 5px 20px;
background: url('keurmerk.jpg') bottom center no-repeat #FFF;
}


#MaxHypotheek2MaxHptk2Reken {
	width:300px;
}

#MaxHypotheek2MaxHptk2NAW {
	width:545px;
}

#LastenHypotheek1LastenHptk1Reken {
	width:430px;
}

#HypotheekVorm1HptkVorm1Res .jnColumnLabel {
	width:170px;
}

/*** FORM FIELDS ***/
input,select,textarea {
	border:1px solid #A9A9A9;
	/*background-color:#F8F8F8;*/
}
input[readonly^='readonly'] {
	border:none;
	background-color:#F8F8F8;
}

input[type^='button'] {
	cursor:pointer;
	/*border:solid 1px #696969;*/
	border:solid 1px #F46D1C;
	background-color:#FEBD01;/*#B3D0EA;*/
	padding: 3px;
	font-weight: 700;
}

input[type^='radio'] {
	border:none;
	margin-left:4px;
	margin-right:2px;
	background:none;
}
input[type^='submit'] {
	cursor:pointer;
	border:1px solid #626262;
	font-size:0.9em;	
	font-weight: 700;
}
.thermometer {
	background-image:url('thermometer.gif');
}

option {
	background:#F8F8F8;
}
.jnNoError {
	width:12px;
}

.jnError {
	width:12px;
	background-image:url('cross.gif');
	background-repeat:no-repeat;
	cursor:pointer;
}

.jnNoHelp {
	width:14px;
}

.jnHelp {
	width:14px;
	background:url('info.gif') no-repeat;
	cursor:pointer;
}

.jnMandatory {
	background:url('ster.gif') #FFF no-repeat top right;
}

.jnColumnText {
	padding:12px 40px 0 10px;
}

.jnButtons {
	text-align:center;
	padding-top: 10px;
}

table.jn {
	width:100%;
}

#WideTextArea, #WideTextArea2 {
	border:0 none;
	width:400px;
	height:180px;
	overflow:hidden;
	font-family: arial, "lucida console", sans-serif;
	font-size: 12px;
	padding-top: 5px;
}


#HypOffrte1HypOffrte1 {
	width:430px;
}

#HypOffrte2HypOffrte2, #MaxHypotheek2MaxHptk2NAW, #MaxHypotheek2MaxHptk2Res, #LastenHypotheek1LastenHptk1NAW, #LastenHypotheek1LastenHptk1Res, #HypotheekVorm1HptkVorm1Kies, #HypotheekVorm1HptkVorm1NAW
{
	width:595px;
}

#HypotheekVorm1HptkVorm1Kies td,#HypotheekVorm1HptkVorm1NAW .jnColumnText {
	border-bottom:1px solid #F9F9F9;
}

#ContactKortNETO{
	width: 430px;
}

/********** BANKEN *************/
.bankBlok
{
	padding: 10px 10px 0 10px;
	margin: auto;
	width: 222px;
	background-color: #FFF;
	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
	border-top: 1px solid #D9D9D9;
}
.bankLogo
{
	width:202px;
	text-align:center;
	padding:10px;
}
.bankLine
{
	border-top: 1px solid #D9D9D9;
	padding: 5px 0;
	width: 222px
}
.bankImg
{
	padding: 0 10px;
}
.bankRight
{
	width: 185px;
	float: right;
}

.floatright {
float:right;
border:1px solid #666;
margin:0 0 10px 10px;
padding:2px;
}

/*********   CALLME *************/
#fCallme {
	margin-top:2px;
	height:23px;
	border: none;
	background: transparent;
	padding: 0;
}
#fCallBank{
	border: none;
	padding: 0;
	background-color:#FFF;
}
#hcallme {
	padding: 1px 5px 0 0;
	width:595px;
	text-align: right;
	background: url('bgcallme.jpg') no-repeat top right;
	color: #FFF;
}

#sCallme, #sCallBank {
	background:url('phone.gif') center right no-repeat #FFF;
	border:1px solid #626262;
	margin-right:5px;
	color:#626262;
}

#bCallme {
	cursor:pointer;
	height:18px;
	width:50px;
	margin:0;
	padding:0;
}

.cBelTekst {
	font-size:0.8em;
	padding-top:2px;
	color:#333;
}

.cBelNummer {
	color:#333;
	font-weight:700;
	font-size:1.6em;
}

/****** ANIM BLOCK ***/
.animBlock{
	padding: 0 20px 0 10px; 
}
.animLine{
	padding-top: 10px;
}
.bottomline{
	padding-bottom: 10px;
	border-bottom: 1px solid #CFCFCF;
}
img.floatLeft
{
	float: left;
	margin: 4px 4px 0 0; 
	background-color: #FFF;
}
img.floatRight
{
	float: right;
	margin: 4px 0 4px 4px;	
	background-color: #FFF;
}
.border{
	border: 1px solid #7F7F7F;
}
/**** DOWNLOAD ****/
.tbldownload
{
	border-top:1px solid #9A9A9A;
	border-right:1px solid #9A9A9A;
	background-color: #FFF;
}
.tbldownload td{
	border-bottom: 1px solid #9A9A9A;
	border-left:1px solid #9A9A9A;
	padding: .3em;
}

.tbldownload th{
	border-bottom: 1px solid #9A9A9A;
	border-left:1px solid #9A9A9A;
	padding: 0.5em;
	text-align: center;
	background-color: #E3EBF3;
}
.b14
{
	font-size: 1.4em;
	font-weight: 700;
}

.update {
padding-top:6px;
font-size:0.9em;
}

.bWhite {
background-color:#F4F4F4;
}

#bNo {
background-color:#F8F2D8;
padding:3px 6px;
}

#bYes {
background-color:#F8F2D8;
padding:3px 10px;
}
#FormHoofd{
	padding: 5px;
}
#FormHoofd ul,#contentright ul {
padding-left:10px;
list-style: none;
}
#contentright li{
background: url('listarrow.gif') left 5px no-repeat;
padding-left: 10px;
}
#contentright h2
{
	padding-top: 10px;
}
#FormHoofd li{
background: url('listarrow.gif') left 5px no-repeat;
padding-left: 10px;
}

#CTLeft li {
padding-top:10px;
}

.titlevertmenu{
	background: url('h2.gif') 10px 7px no-repeat #385776;
	color: #FFF;
	padding: 4px 5px 4px 30px;
	border-bottom: 1px solid #CDCDCD;
	display: block;
	font-size: 1.4em;
	font-weight: 700;
}
.titlevertmenu a{
	color: #FFF;
}
.titlevertmenu h2{
	color: #FFF;
	font-size: 1em;
}

a.pdf{
	background:url('pdf.gif') no-repeat left top;
	padding-left:18px;
	text-decoration:underline;
	height:18px;
}
.newsfront {
	padding:10px;
}
.newsfront td {
	border-bottom:1px dashed #CDCDCD;
	line-height:24px;
}

.imgLaagsteRente{
	background: url('laagste_rente.gif') no-repeat;
	height: 70px;
	padding-top:170px;
	text-align: center;
	font-size: 4em;
}
.imgVergelijking {
	background: url('vraag_aan.gif') no-repeat;
	height: 70px;
	padding-top:170px;
	text-align: center;
	font-size: 4em;
	line-height: 40px;
}
.w260{
	width: 260px;
}
.w360{
	width: 370px;
}
.fLeft{
	float: left;
}
.fRight{
	float: right;
}
.posOfferteImg{}

/**** Search ****/
#pattern{
	padding: 3px;
}
#search{
	background-color:#FEBD01;
	border:1px solid #F46D1C;
	font-weight:700;
	padding:3px;
}