@import url(resetclearfix.css);
@import url(ui.theme.css);
@import url(ui.slider.css);

body {
	background: #fff;
	text-align: center;
	font:12px Arial;
	color: #434343;
	line-height: 18px;
}

    a:link, a:visited, a:active {
        color: #0089e5;
        text-decoration: underline;
    }

    a:hover {
        color: #0089e5;
        text-decoration: none;
    }

    ul {
	list-style-image: url(../images/listimage.jpg);
	list-style-type: square;
        margin: 0;
        padding: 0px 0px 10px 40px;
    }

	.clear {
		clear: both;
		line-height: 1px;
	}
	
	h1 {
		font-size: 20px;
		font-weight: bold; 
		line-height: 20px;
		color: #007ed2;
	}
	
	h2 {
		font-size: 17px;
		font-weight: bold; 
		line-height: 24px;
	}

            h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
                color: #fff;
                text-decoration: none;
            }

	h3 {
		font-size: 17px;
		font-weight: bold;
		line-height: 24px;
	}

#header {
	text-align: left;
	margin: 0 auto;
	width: 940px;
	height: 142px;
        background-image: url(/images/header_back.jpg);
        overflow:hidden;
        
}
        #logo {
                float:left;
                margin-top:32px;
        }
	#header_menu img {
		/*margin: 22px 0px 12px 0px;*/
		clear:both;
		float:right;
                margin-top:15px;
	}
	
	#header_menu {
			float: right;
			margin-top:20px;
			margin-bottom:17px;
		}

			#header_menu ul {
				list-style: none;
				padding: 0;
				margin: 0;
                                float: right;
			}

			#header_menu li {
				display: inline;
				margin-right: 5px;
			}

				#header_menu li a {
					color: #4b4b4b;
					text-decoration: none;
				}

				#header_menu li a:hover {
					text-decoration: underline;
				}
	
#container {
	background: #ffffff;
        
}

	#content_home {
		text-align: left;
		margin: 0 auto;
		width: 950px;
	}

	#content {
		text-align: left;
		margin: 0 auto;
		width: 930px;
	}
	
#left {
	width: 735px;
	float: left;
        margin-bottom:40px;
        overflow:hidden;
	/*margin-top: 24px;*/
}
	
	#banner_1 {
		background: url(../images/headers/big/1.jpg);
		width: 735px;
		height: 157px;
                color: #fff;
	}

	#banner_2 {
		background: url(../images/headers/big/2.jpg);
		width: 735px;
		height: 157px;
                color: #fff;
	}

	#banner_3 {
		background: url(../images/headers/big/3.jpg);
		width: 735px;
		height: 157px;
                color: #fff;
	}

	#banner_4 {
		background: url(../images/headers/big/4.jpg);
		width: 735px;
		height: 157px;
                color: #fff;
	}

	#banner_5 {
		background: url(../images/headers/big/5.jpg);
		width: 735px;
		height: 157px;
                color: #fff;
	}

            #banner_container_big {
                position: absolute;
                margin-top: 106px;
                margin-left: 5px;
            }

                #banner_block_big {
                    background: #bd2f19;
                    height: 35px;
                    float: left;
                    padding: 10px 15px 0px 25px;
                }

                    #banner_block h1, #banner_block_big h1 {
                        font-size: 17px;
                        margin-top: 3px;
                    }

                #banner_square_big {
                    background: url(../images/headers/big/block.png);
                    width: 14px;
                    height: 45px;
                    float: left;
                    display: block;
                }
	
	#left_left {
		width: 350px;
		float: left;
		margin-top: 24px;
		padding-left: 10px;
	}
	
		.block_border {
			width: 300px;
			border-bottom: 1px solid #d9d9d9;
			padding-bottom: 15px;
		}
		
			.icon {
				width: 50px;
				float: left;
			}
		
			.block_border h1 {
				width: 250px;
				padding-bottom: 25px;
				float: left;
			}
			
			.block_border a {
				display: block;
				text-align: right;
				color: #bd2f18;
				margin-top: 10px;
			}
			
			.block_border ul {
				list-style-image: url(../images/listimage.jpg);
				list-style-type: square;
				margin-top: 0px;
			}
			
			.block_border li {
			}
			
		.block {
			width: 300px;
			padding-bottom: 15px;
			margin-top: 20px;
		}

			.icon {
				width: 50px;
				float: left;
			}
		
			.block h1 {
				width: 250px;
				padding-bottom: 25px;
				float: left;
			}
			
			.block a {
				display: block;
				text-align: right;
				color: #bd2f18;
				margin-top: 10px;
			}
	
	#left_right {
		width: 300px;
		float: right;
		margin-top: 24px;
	}

#right {
	width: 310px;
	float: right;
	margin-top: 24px;
}
#contact_block_container {
    float:left;
    margin-left:15px;
    margin-top:-37px;
}
	#contact_block {
		/*background: url(../images/form_back.png);*/
		background-color:#1490e4;
		border: 1px solid #e7e7e7;
		margin-bottom: 20px;
                
		overflow:hidden;
                
	}
		#contact {
		margin:20px;			
		}
		#contact h1{
			color: #fff;
			margin-bottom:10px;
		}
#loan_block_container {
    float:left;
    margin-top:-45px;
}
	#loan_block {
		background: url(../images/form_back.png);
                
		width: 358px;
		height: 543px;
		margin-bottom: 20px;
                
		
	}
		
	.btn {
		margin-bottom: 15px;
	}
	
		.btn a {
			background: url(../images/btn.jpg);
			width: 261px;
			height: 31px;
			display: block;
			padding: 14px 0px 0px 40px;
			color: #17a5bd;
			font-weight: bold;
			text-decoration: none;
			font-size: 16px;
		}
	
/* Vervolg */

#vervolg_left {
	width: 310px;
	float: left;
	margin-top: 24px;
}

	#submenu {
	
	}
	
		#submenu_top {
			background: url(../images/submenu_top.jpg);
			width: 282px;
			height: 39px;
			padding: 35px 0px 0px 25px;
		}
		
			#submenu_top h2 {
				color: #fff;
			}
		
		#submenu_mid {
			background: url(../images/submenu_mid.jpg) repeat-y;
			width: 307px;
		}
		
			#submenu_mid ul {
				margin: 0;
				padding: 4px 0px 0px 0px;
			}
			
			#submenu_mid li {
				list-style: none;
			}
			
				#submenu li a {
					display: block;
					height: 32px;
					color: #bd2f18;
					padding: 8px 18px 0px 20px;
					text-decoration: none;
				}
				
				#submenu li a:hover {
					display: block;
					background: url(../images/submenu_hover.jpg);
					width: 194px;
					height: 32px;
					color: #fff;
					padding: 8px 18px 0px 20px;
				}
				
				#submenu li a.active {
					display: block;
					background: url(../images/submenu_hover.jpg);
					width: 194px;
					height: 32px;
					color: #fff;
					padding: 8px 18px 0px 20px;
				}
				
			.submenu_border {
				height: 5px;
			}
			
			.submenu_border img {
				vertical-align: top;
			}
		
		#submenu_bottom {
			background: url(../images/submenu_bottom.jpg);
			width: 307px;
			height: 13px;
		}
		
	#block_left {
		width: 307px;
		height: 123px;
		margin: 20px 0px 20px 0px;
	}

#vervolg_right {
	width: 610px;
	float: right;
	margin-top: 24px;
}

	#vervolg_top {
		/*background: url(../images/vervolg_top.jpg) no-repeat;*/
		width: 715px;
		height: 41px;
		padding: 35px 0px 0px 25px;
                margin-top:24px;
	}

	#banner_top_1 {
		background: url(../images/headers/small/1.jpg);
		width: 603px;
		height: 98px;
		padding: 35px 0px 0px 25px;
                color: #fff;
	}

            #banner_top_1 h1 {
                font-size: 17px;
            }

	#banner_top_2 {
		background: url(../images/headers/small/2.jpg);
		width: 603px;
		height: 98px;
		padding: 35px 0px 0px 25px;
                color: #fff;
	}

            #banner_top_2 h2 {
                font-size: 17px;
            }

	#banner_top_3 {
		background: url(../images/headers/small/3.jpg);
		width: 603px;
		height: 98px;
		padding: 35px 0px 0px 25px;
                color: #fff;
	}

            #banner_top_3 h3 {
                font-size: 17px;
            }

	#banner_top_4 {
		background: url(../images/headers/small/4.jpg);
		width: 603px;
		height: 98px;
		padding: 35px 0px 0px 25px;
                color: #fff;
	}

            #banner_top_4 h4 {
                font-size: 17px;
            }

	#banner_top_5 {
		background: url(../images/headers/small/5.jpg);
		width: 603px;
		height: 98px;
		padding: 35px 0px 0px 25px;
                color: #fff;
	}

            #banner_top_5 h5 {
                font-size: 17px;
            }

            #banner_container {
                position: absolute;
                margin-top: 10px;
                margin-left: -25px;
            }

                #banner_block {
                    background: #18a4bd;
                    height: 35px;
                    float: left;
                    padding: 10px 15px 0px 25px;
                }

                #banner_square {
                    background: url(../images/headers/small/block.png);
                    width: 14px;
                    height: 45px;
                    float: left;
                    display: block;
                }
		
		#vervolg_top_left {
			width: 275px;
			float: left;
		}
		
			
		
		#vervolg_top_right {
			float: right;
			margin-right: 15px;
			padding-top: 2px;
		}
		
			#vervolg_top_right a {
				color: #cdcdcd;
				text-decoration: none;
				font-size: 20px;
				margin-right: 10px;
			}
			
			#vervolg_top_right a:hover {
				color: #bd2f18;
			}
			
			#vervolg_top_right a.active {
				color: #bd2f18;
				text-decoration: none;
			}
	
	#vervolg_mid {
		/*background: url(../images/vervolg_mid.jpg) no-repeat;*/
		width: 695px;
		padding: 20px;
	}
	
		#vervolg_mid_want {
			background: #f2f2f2;
			margin: 10px 0px 10px 0px;
			padding: 10px 25px 10px 25px;
		}
		
			#vervolg_mid_want_left {
				float: left;
				margin-right: 50px;
			}
			
				#vervolg_mid_want_left span {
					display: block;
					color: #bd2f18;				
					font-weight: bold;
					font-size: 22px;
					margin-top: 5px;
				}
			
			#vervolg_mid_want_mid {
				float: left;
				margin-right: 50px;		
			}
			
				#vervolg_mid_want_mid span {
					display: block;
					color: #bd2f18;
					font-weight: bold;
					font-size: 22px;
					margin-top: 5px;
				}			
			
			#vervolg_mid_want_right {
				float: left;
			}
			
				#vervolg_mid_want_right span {
					display: block;
					color: #bd2f18;
					font-weight: bold;
					font-size: 22px;
					margin-top: 5px;
				}
	
		#vervolg_mid_want_white {
			margin: 0px 0px 10px 0px;
			padding: 10px 0px 10px 0px;
			width: 598px;
		}

			#vervolg_mid_want_left_white {
				float: left;
				margin-right: 50px;
			}
			
				#vervolg_mid_want_left_white span {
					display: block;
					color: #bd2f18;				
					font-weight: bold;
					font-size: 22px;
					margin-top: 5px;
				}
			
			#vervolg_mid_want_mid_white {
				float: left;
				margin-right: 50px;		
			}
			
				#vervolg_mid_want_mid_white span {
					display: block;
					color: #bd2f18;
					font-weight: bold;
					font-size: 22px;
					margin-top: 5px;
				}			
			
			#vervolg_mid_want_right_white {
				float: left;
			}
			
				#vervolg_mid_want_right_white span {
					display: block;
					color: #bd2f18;
					font-weight: bold;
					font-size: 22px;
					margin-top: 5px;
				}		
				
			#opnieuw {
				float: right;
				margin-top: 10px;
			}
			
				#opnieuw a {
					background: url(../images/opnieuw.jpg);
					width: 157px;
					height: 28px;
					display: block;
					color: #fff;
					font-weight: bold;
					text-decoration: none;
					padding:7px 0px 0px 30px;
				}
		
		#vervolg_mid h2 {
			color: #18a4bd;
		}
		
			#overons_left {
				width: 280px;
				float: left;
				margin-left: 5px;
			}

                            #overons_left_full {
                                width: 580px;
				margin-left: 5px;
                            }
			
			#overons_right {
				width: 280px;
				float: right;
			}
		
		#vervolg_mid ul {
			list-style-image: url(../images/listimage.jpg);
			list-style-type: square;
			padding-left: 20px;
		}

		#vervolg_mid li {

		}
		
	.offerte {
		width: 675px;
		overflow: hidden;
		padding-bottom: 12px;
		margin-top: 20px;
		color: #717171;		
	}
	
		.offerte_border {
			border-bottom: 1px solid #d9d9d9;
		}
	
		.title_grey {
			font-weight: bold;
			color: #434343;
		}
		
		.title_red {
			font-weight: bold;
			color: #bd2f18;
		}
		
			.aflossing {
				width: 100px;
				float: left;
				margin-top: 15px;
			}
			
				.aflossing_title {
					height: 50px;					
				}
				
				.aflossing_input {
					height: 23px;
					color: #bd2f18;
				}
				
			.maandbedrag {
				width: 90px;
				float: left;
				margin-top: 15px;
			}
			
				.maandbedrag_title {
					height: 50px;
				}
				
				.maandbedrag_input {
					height: 23px;
				}
			
			.nominalerente {
				width: 60px;
				float: left;
				margin-top: 15px;
			}
			
				.nominalerente_title {
					height: 50px;
				}
				
				.nominalerente_input {
					height: 23px;
				}
			
			.effectieverente {
				width: 65px;
				float: left;
				margin-top: 15px;
			}
			
				.effectieverente_title {
					height: 50px;					
				}
				
				.effectieverente_input {
					height: 23px;
				}
			
			.theoretischelooptijd {
				width: 80px;
				float: left;
				margin-top: 15px;
			}
			
				.theoretischelooptijd_title {
					height: 50px;					
				}
				
				.theoretischelooptijd_input {
					height: 23px;
				}
			
			.totalekosten {
				width: 60px;
				float: left;
				margin-top: 15px;
			}
			
				.totalekosten_title {
					height: 50px;					
				}
				
				.totalekosten_input {
					height: 23px;
				}
				
			.offerteaanvragen_top {
				height: 50px;
				margin-top: 15px;
			}
			
			.offerteaanvragen {
				width: 120px;
				height: 19px;
				background:url(/images/offerte.png);
				border:none;
				color: #fff;
				padding: 1px 0px 0px 10px;
				display: block;
				text-decoration: none;
			}

/* Einde vervolg */
	
/* Begin stap 3 */

#block_grey {
    background: #f2f2f2;
    padding: 15px;
}

    #block_grey strong {
    }

    strong.red {
        color: #bd2f18;
    }

    #block_grey #aflossing {
        float: left;
        margin-right: 13px;
    }

        #block_grey #aflossing div {
            font-style: italic;
        }


    #block_grey #maandbedrag {
        float: left;
        margin-right: 13px;
    }

        #block_grey #maandbedrag div {
            font-style: italic;
        }

    #block_grey #nominalerente {
        float: left;
        margin-right: 13px;
    }

        #block_grey #nominalerente div {
            font-style: italic;
        }

    #block_grey #effectieverente {
        float: left;
        margin-right: 13px;
    }

        #block_grey #effectieverente div {
            font-style: italic;
        }

    #block_grey #theoretischelooptijd {
        float: left;
        margin-right: 13px;
    }

        #block_grey #theoretischelooptijd div {
            font-style: italic;
        }

    #block_grey #totalekosten {
        float: left;
    }

        #block_grey #totalekosten {
            font-style: italic;
        }

table.step3 {
    color: #434343;
}

    table.step3 tr {
    }

    table.step3 tr.year {
        color: #a0a0a0;
    }

    table.step3 tr.year span {
        color: #434343;
    }

    table.step3 td {
        vertical-align: sub;
    }

    table.step3 tr td.error {
        color: #bd2f19;
        font-weight: bold;
    }

    #vervolg_mid h3 {
        color: #434343;
        margin: 10px 0px 20px 0px;
    }

    table.step3 tr td hr {
        border: 0;
        border-bottom: 1px solid #d9d9d9;
    }

    table.step3 td.text {
        padding: 10px 0px 10px 0px  ;
    }

    table.step3 a:link, table.step3 a:active, table.step3 a:visited {
        color: #bd2f19;
        text-decoration: underline;
    }

    table.step3 a:hover {
        color: #bd2f19;
        text-decoration: none;
    }

        table.step3 input {
            margin-bottom: 10px;
            padding: 3px;
            border: 2px solid #c7c7c7;
            height: 20px;
            width: 188px;
        }

        table.step3 tr.year input {
            margin-bottom: 10px;
            padding: 3px;
            border: 2px solid #c7c7c7;
            height: 20px;
            width: 96px;
        }

        table.step3 tr.radio td input {
            margin-bottom: 10px;
            border: 0;
            height: 20px;
            width: 10px;
        }

            table.step3 input.wrong {
                margin-bottom: 10px;
                padding: 3px;
                border: 2px solid #be2f18!important;
                height: 20px;
            }

        table.step3 select {
            margin-bottom: 10px;
            padding:3px 0;
            font-size:10px;
        }

        table.step3 input.submit {
            background: #be2f18;
            width: 200px;
            height: 30px;
            color: #fff;
            font-weight: bold;
            font-size: 17px;
            border: 0;
            margin-right: 10px;
        }

/* Einde stap 3 */
#footer_top {
    background-color: #dfe7f0;
    border-top: 1px solid #d6d6d6;
    text-align:left;
    padding-bottom:10px;
    
}

#footer_top p{
    margin-top:10px;
}

#footer_top_container {
    margin: 0 auto;
    width:950px;
    
}
#footer_top_left {
    width: 165px;
    float:left;
    margin-top: 20px;
    font-size: 14px;
    font-style: italic;
    text-align: left;
}
#footer_top_left a{
    font-size: 12px;
    float:right;
    margin-top:15px;
    text-decoration: none;
    color: #4a4a4a;
}
#footer_top_left a:hover{
    text-decoration: underline;
}
#footer_top_right {
    width: 785px;
    float:left;
    margin-top:-37px;
    position:relative;
}

#footer_top_right_bar {
    width:785px;
    height:73px;
    background-image: url('/images/footer_bar.png');
    float:left;
    
    /*margin-top: -37px;*/
}
#footer_top_right_bar a{
    float:left;
    font-size:17px;
    font-weight:bold;
    color: #0089e5;
    margin-top: 27px;
    margin-left: 30px;
    text-decoration: none;
    width:355px;
}
#footer_top_right_bar a span{
color: #9f9f9f;
}
#footer_top_right_left {
    width:355px;
    padding-left: 25px;
    padding-right: 5px;
    float:left;
}
#footer_top_right_left a{
    float:right;
    margin-top:10px;
    color: #4a4a4a;
}
#footer_top_right_right {
    width:355px;
    padding-left: 25px;
    padding-right: 5px;
    float:left;
}
#footer_top_right_right a{
    /*float:right;*/
    margin-top:10px;
    color: #4a4a4a;
}
#footer_bg {
	background: url(../images/footer_bg.jpg) repeat-x;
	height: 4px;
}
#footer_container {
    background-color: #bfcbd9;
    
    height:74px;
}
#footer {
	margin-top: 25px;
	text-align: left;
	margin: 0 auto;
	width: 940px;
	padding: 25px 0px 0px 0px;
}

	#footer ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	#footer li {
		display: inline;
		margin-right: 5px;
	}
	
		#footer li a {
			color: #4b4b4b;
			text-decoration: none;
		}
		
		#footer li a:hover {
			text-decoration: underline;
		}

div.sliders {
	padding:71px 25px 0 25px;
	color:#ffffff;
	font-weight: bold;
}
	
	div.slider_block {
		padding:10px 0;
	}
	
	div.amount {
		padding-bottom:5px;
	}
	
	div.sliders select {
		float:right;
		width:165px;
		border:1px #888 solid;
		background:#FFF;
		text-align:right;
                color: #31431e;
                
	}
	
	div.amount input {
		float:right;
		padding:3px 5px;
		width:55px;
		border:1px #888 solid;
		background:#FFF;
		text-align:right;
		color:#737373;
		font-weight:bold;
                height:12px;
	}
	
	div.amount input.disabled {
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
	}

table.contactformulier td {
	padding:5px;
	color: #fff;
}
	
	table.contactformulier input, table.contactformulier textarea {
		width:190px;
	}

table.offerte_tabel td, table.offerte_tabel th {
	padding:2px;
        padding-right: 5px;
}

div.krediet_error {
	color:#F00;
	font-style:italic;
}

#mensen {
    float:left;
    margin-top:-203px;
    margin-left:-38px;
}
#seofooter {
    padding-top: 20px;
    text-align: justify;
}

    #seofooter li {
        color: #a8a8a8;
    }

    #seofooter a:link, #seofooter a:visited, #seofooter a:active {
        color: #a8a8a8;
        text-decoration: none;
    }

    #seofooter a:hover {
        color: #a8a8a8;
        text-decoration: underline;
    }