.clear {clear:both;}
.hide {display: none;}
.space{padding:6px 0;}
img {border: 0;}
form {padding:0; margin:0;}

body {
	font-family : arial,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height:1.5;
	color: #002f64;
	background: #ffffff;
}

.alert{
	font-weight:bold;
	color: red;
	padding: 0 6px;
}

.referentie{
	font-size:10px;
	color:Gray;
	padding-left:50px;
}

.padding1{padding:12px;}

/* --------------------- */
/*  Stylen link algemeen */
/* --------------------- */

a:link,a:visited,a:active,a:hover{
    background-image: none;
    background-repeat: repeat;
	color :  #002f64;
    text-decoration: underline;
}

/*  Stylen link met afbeelding */

a.info:link,a.info:visited,a.info:hover,a.info:active{
	background: url(../Images/Immotheker/information.png) no-repeat;
	padding: 0 0 12px 12px;
	margin-left:6px;
	text-decoration:none;
}

a.chart:link, a.chart:visited{
	background: url(../Images/Immotheker/chart_line.png) no-repeat right top;
	padding: 0 18px 0 0;
	text-decoration:none;
}

a.chart:hover, a.chart:active{
	text-decoration:underline;
}

/* -------------- */
/* Rentebarometer */
/* -------------- */

.symbolequal{
	background: url(../Images/Immotheker/arrow_equal.gif) no-repeat right 50%;
	padding: 0 15px 0 0;
	margin-right:6px;
}

.symboldown{
	background: url(../Images/Immotheker/arrow_down.gif) no-repeat right 50%;
	padding: 0 15px 0 0;
	margin-right:6px;
}

.symbolup{
	background: url(../Images/Immotheker/arrow_up.gif) no-repeat right 50%;
	padding: 0 15px 0 0;
	margin-right:6px;
}

.symbolchart{
	background: url(../Images/Immotheker/chart_line.png) no-repeat left top;
	padding: 0 0 0 24px;
	margin-right:6px;
}

/* ------- */
/* headers */
/* ------- */

/* type 1*/

h1.type1{
    clear:both;
    padding: 0 0 18px 0;
    font-size:20px;
    font-weight:bold;
    color: #002f64;
    }

h2.type1{
	clear:both;
    padding: 0 0 6px 0;
    font-size:16px;
    font-weight:bold;
    color: #002f64;
}

/* type 2*/

h1.type2{
    margin:0;
    padding:3px 6px;
    border-bottom:solid 1px #b70239;   
    background-color: #002f64;
    color:#fff;
	font-size : 11px;
    font-weight:bold;
}

h2.type2{
    margin:0;
    padding:12px 0 6px 0;
    font-size:11px;
    font-weight:bold;
    color:#000;
}

/* -------- */
/* Wrappers */
/* -------- */

.wrapper1{
    border: solid 1px #b70239;
}

.wrapper2{
    border-left: solid 1px #b70239;
    border-right: solid 1px #b70239;
    border-bottom: solid 1px #b70239;
}


    
/* ------ */
/* footer */
/* ------ */

.footer{color: #002f64;}


/* ----- */
/* kader */
/* ----- */

.wizard{width: 100%;}


/* ------------------------------------- */
/* formulier velden (labels, velden,...) */
/* ------------------------------------- */
    
.formitem{
	clear: both;
	padding: 3px 6px 3px 18px;
	margin:0;
}

.formitemindent{
	clear: both;
	padding: 3px 6px 3px 45px;
	margin:0;
}

.formitem2{
	clear: both;
	padding: 0;
	margin:3px 0;
}

.formlabel {
	float:left;
	width: 250px;
	padding-right: 6px;
	text-align: left;
}

.formlabel2{
	float:left;
	width: 130px;
	padding-right: 6px;
	text-align: left;
}

.formlabel3{
	float:left;
	width: 100px;
	padding-right: 6px;
	text-align: left;
}
    
.formfield{
	font-size: 10px;
	/* border: 1px solid #8eac26; */
	width: 150px;
}

.formfieldnowidth{
	font-size: 10px;
	/* border: 1px solid #8eac26; */
}

.formbutton{
    /* background: #000; */
	font-size:11px;
	color:#2F2F2F;
}
    
.inputradio{
    float:left;
    margin-right: 6px;
}

.buttoncontainer{
	text-align:right;
	padding:0 12px;
}

/* -------------------------------------------- */
/* resultaten (labels, veldwaarden, commentaar) */
/* -------------------------------------------- */

.resultitem{
	float:left;
	/* width: 200px; */
	width: 45%;
	padding-left: 18px;
	padding-bottom: 3px;
}

.resultvalue{
    float:left;
    font-weight:bold;
	/* width: 150px; */
	width: 35%;
	text-align: right;
}

.resultremark{
    float:left;
    padding-left: 10px;
	/* width: 60px; */
	width: 15%;
	text-align: left;
}

/* -- */

.resultitemnoremark{
	float:left;
	/* width: 200px; */
	width: 60%;
	padding-left: 18px;
	padding-bottom: 3px;
}

.resultvaluenoremark{
    float:right;
    font-weight:bold;
	/* width: 150px; */
	width: 35%;
	text-align: right;
	padding-right: 18px;
}

/* -- */

.besluit{
	clear:both;
	padding: 6px 0;
	text-align:left;
}

.besluittitle{
	font-weight:bold;
	text-decoration:underline;
}

/* -------------------------------------------- */
/* Tabellen
/* -------------------------------------------- */

/* type1 */

table.type1{
    width: 100%;
    border-collapse: collapse;
    border-style:none;
    border-left: solid 1px #fff;
}    
table.type1 caption{
    text-align:left;
    color:#5e5e5e;
    font-weight:bold;
    padding: 12px 3px 24px 3px;
    font-size: 14px;
}
table.type1 th{
    background-color: #002f64;
    color:#fff;
    padding:4px;
    text-align:center;
}
table.type1 th a{
    color:#fff;
}
table.type1 tr td{
    padding: 4px;
    vertical-align:top;
    text-align:center;
    border-bottom: solid 1px #f0ece9;
	border-right: solid 1px #f0ece9;
}
table.type1 tr.even td{
    background-color: #fff;
}
table.type1 tr.odd td{
    background-color: #fff;
}
.paging{
    font-weight:bold;
    background-color: #d3ccc4;	
}

/* type2 */

table.type2{
    width: 100%;
    border-collapse: collapse;
    border: solid 1px #000;
}    
table.type2 tr.head{
    background-color: #002f64;
    color:#fff;
    padding:4px;
    text-align:center;
    font-weight:bold;
}
table.type2 tr.headsub{
    background-color:#ccc;
    color:#000;
    padding:4px;
    text-align:center;
    font-weight:bold;
}
table.type2 tr.headsubsub{
    background-color:#fff;
    color:#000;
    padding:4px;
    text-align:center;
    font-weight:bold;
}
table.type2 tr.content{
    background-color: #fff;
}
table.type2 tr td{
    padding: 4px;
    vertical-align:top;
    text-align:center;
    border-bottom: solid 1px #eee;
	border-right: solid 1px #eee;
}
table.type2 tr td.first{
	text-align:left;
}


/* -------------------------------------------- */
/* Legende
/* -------------------------------------------- */

.legenditem{
	clear: both;
	padding: 6px 3px;
	margin:0;
}

.legendlabel {
	float:left;
	width: 40px;
	padding-right: 6px;
	text-align: left;
}
    
.legendvalue{
	float:left;
}