@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	text-align:center;
	background:url(../img/bg-header.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#2d2222;
}

#container{
	margin:0px auto;
	text-align:left;
	width:920px;
}

	#header{
		height:100px;
		width:920px;
	}
	
		.logo{
			float:left;
		}
		
		.menu{
			float:right;
			font-size:14px;
			padding:30px 0 0 0;
		}
		
			#header .menu a, #header .menu a:visited, #header .menu a:active{
				text-decoration:none;
				color:#2d2222;
				margin-left:30px;
			}
			
			#header .menu a:hover{
			}
			
			#header #active{
				font-weight:bold;
				color:#db001b;
			}
		
		.clear{
			clear:both;
		}
	
		img{
			border:0;
		}
	
	#content{
		width:920px;
	}
	
		div.tagline{
			margin:10px 0 15px 0;
			text-align:center;
		}
	
		h1, h2, h3, h4{
			padding:0;
			margin:0;
		}
		
		h4, h3.mach{
			margin:-10px 0 0 0;
		}
		
		h1.pre{
			text-align: center; 
			font-weight: normal; 
			color:#ffffff; 
			font-size:30px;
		}
		
		h1{
			text-align: center; 
			font-weight: bold; 
			color:#db001b; 
			font-size:36px;
		}
		
		h2{
			text-align: center; 
			font-weight: normal; 
			color:#2d2222; 
			font-size:30px;
		}
		
		h3.grey{
			text-align: center; 
			font-weight: normal; 
			color:#2d2222; 
			font-size:30px;
		}
		
		h3.mach{
			text-align: left; 
			font-weight: bold; 
			color:#db001b; 
			font-size:36px;
		}
		
		h3{
			text-align: center; 
			font-weight: normal; 
			color:#ffffff; 
			font-size:30px;
		}
		
		h4{
			text-align: left; 
			font-weight: normal; 
			color:#2d2222; 
			font-size:20px;
		}
	
		div.block1{
			background:url(../img/bg-red-calc.png);
			width:289px;
			height:333px;
			overflow:hidden;
			float:left;
			margin:0 25px 0 0;
			padding:10px 0 0 0;
			text-align:center;
			color:#fff;
		}
		
			div.block1 form{
				margin-top:105px;
				padding:0 3px 0 0;
			}
			
			#calc form{
				margin:105px 0 0 0px;
				padding:0 3px 0 0;
			}
			
			#buttonBereken, #calc #buttonBereken{
				width:130px;
				height:30px;
				margin:12px;
				border:none;
			}
			
			div.block1 form select, #calc select{
				border:1px solid #fff;
				color:#db001b;
				margin:5px 0 5px 0;
				padding:1px;
			}
		
		div.block2{
			background:url(../img/bg-grey.png);
			width:289px;
			height:333px;
			overflow:hidden;
			float:left;
			margin:0 25px 0 0;
			padding:10px 0 0 0;
			text-align:center;
			color:#2d2222;
		}
		
			div.block2 p{
				margin:105px 0 0 0;
			}
			
			div.block2 a, div.block2 a:visited, div.block2 a:active, div.block2 a:hover{
				width:130px;
				height:30px;
				display:block;
				margin:61px 0 0 79px;
			}
		
		div.block3{
			background:url(../img/bg-red-mail.png);
			width:289px;
			height:333px;
			overflow:hidden;
			float:left;
			padding:10px 0 0 0;
			text-align:center;
			color:#fff;
		}
		
			div.block3 p{
				margin:105px 0 0 0;
			}
			
			div.block3 a, div.block3 a:visited, div.block3 a:active, div.block3 a:hover{
				width:130px;
				height:30px;
				display:block;
				margin:34px 0 0 79px;
			}
		
		div.mach1{
			width:298px;
			height:350px;
			overflow:hidden;
			float:left;
			margin:0 12px 0 0;
			padding:10px 0 0 0;
			border-right:1px solid #ccc;
		}
		
		div.mach2{
			width:298px;
			height:350px;
			overflow:hidden;
			float:left;
			margin:0 12px 0 0;
			padding:10px 0 0 0;
			border-right:1px solid #ccc;
		}
		
		div.mach3{
			width:298px;
			height:350px;
			overflow:hidden;
			float:left;
			padding:10px 0 0 0;
		}
		
			ul{
				margin:0;
				padding:0;
				height:110px;
			}
		
			li{
				padding:0 0 0 15px;
				list-style:none;
				background:url(../img/li.png) no-repeat;
				line-height:18px;
			}
			
			img.button{
				margin:0 0 0 75px;
			}

		div.voordelen{
			background:url(../img/bg-voordelen.png) no-repeat;
			height:126px;
			overflow:hidden;
			width:920px;
			padding:20px 0 0 0;
		}
		
			ul.links{
				float:left;
				width:400px;
				margin:0 0 0 70px;
				color:#fff;
				height:auto;
				display:inline;
			}
			
				ul.links li{
					background:url(../img/li-pre.png) no-repeat;
					padding:0 0 0 25px;
				}
			
			ul.rechts{
				float:left;
				width:400px;
				margin:0 0 0 0px;
				color:#fff;
				height:auto;
			}
				ul.rechts li{
					background:url(../img/li-pre.png) no-repeat;
					padding:0 0 0 25px;
				}
		
		div.contentL{
			width:620px;
			float:left;
			padding:0;
			margin:0 10px 0 0;
		}
		
			div.contentL p{
				line-height:16px;
			}
		
		div.contentR{
			background:url(../img/bg-red.png);
			width:289px;
			height:333px;
			overflow:hidden;
			float:left;
			padding:10px 0 0 0;
		}
		
			#calc{
				background:url(../img/bg-red-calc.png);
			}
		
			div.contentR p{
				line-height:16px;
				text-align:center;
				color:#fff;
			}
			
			div.contentR form{
				padding:0;
				margin:20px 15px 0 15px;
				color:#fff;
				text-align:center;
			}
			
				div.contentR table{
					text-align:left;
					width:100%;
					font-size:11px;
					color:#fff;
				}
				
				div.contentR table td{
					padding:2px;
				}
			
				div.contentR form input{
					border:1px solid #a10014;
					margin:0px 0 0px 0px;
					font-size:11px;
					color:#2d2222;
					width:180px;
					padding:2px;
				}
				
				div.contentR form input.small{
					border:1px solid #a10014;
					margin:0px 0 0px 0px;
					font-size:11px;
					color:#2d2222;
					width:122px;
					padding:2px;
				}
				
				div.contentR form select{
					width:55px;
					border:1px solid #a10014;
					padding:1px;
					font-size:11px;
				}
				
				div.contentR form select.voordeel{
					width:auto;
				}
				
				div.contentR form #button{
					border:none;
					width:auto;
					padding:0;
					margin:5px 0 0 0;
				}

	
	#footer{
		height:72px;
		background:url(../img/bg-footer-logo.png) 50% 0;
		margin-top:15px;
	}
	
	table.rekentabel{
		border-bottom:1px dotted #2d2222;
	}
	
	a{ color:#db001b; font-weight:bold;}
	
	ul.bereken{
		float:left;
		margin:0 0 0 10px;
		width:260px;
	}
	
	span.red{
		font-size:16px;
		color:#db001b;
	}