/* 

Versie: 		1.3
Datum:			Juli 2018

*/

.afic_main {
	background-color:			#fff;
	line-height:				19px;
	font-size:				13px;
	font-family:				Arial;
	color:					#333;
	margin:					0px auto;
	padding:				0px;
	-webkit-box-sizing: 			border-box; 
	-moz-box-sizing: 			border-box; 
    	box-sizing: 				border-box;
}
.afic_main_block {
	width: 					360px;
	height:					530px;
	padding: 				10px;
	margin: 				5px;
	float: 					left; 
	border: 				1px solid #aaa;
}
.afic_main h1 {
	color:					#ee7d25;
	font-size:				1.4em;
}
.afic_zakelijkprive {
	width: 					400px;
	float:					left;
	margin-bottom:				30px;
}
.afic_zakelijkprive_keuze {
	text-align:				center;
	background-color:			#727176;
	color:					#fff;
	font-size:				18px;
	font-weight:				bold;
	padding: 				10px 0 10px 0;
	float:					left;
	width:					180px;
	-webkit-box-sizing: 			border-box; 
    	-moz-box-sizing: 			border-box; 
    	box-sizing: 				border-box; 
}
.afic_zakelijkprive_keuze_selected {
	background-color:			#ee7d25;
}
.afic_input_label {
	font-size:				13px;	
	font-weight:				bold;
	float:					left;
	padding:				6px 0px 0px 0px;
	width: 					133px;
	color:					#333;
	font-family:				arial;
	margin-bottom:				1px;
}
.afic_input_pre {
	font-size:				16px;
	float:					left;
	width: 					26px;
	height:					25px;
	padding:				6px 0px 0px 0px;
	text-align:				center;
	color:					#87888c;
}
.afic_input_box {
	float:					left;
	width: 					100px;
	height:					18px;
	margin-bottom: 				18px;
}
.afic_input_box input {
	font-size:				16px;
	color:					#333c;
	width: 					200px;
	height:					31px;
	border:					1px solid #ee7d25;
	padding:				0 0 0 10px;
	-webkit-box-sizing: 			border-box; 
    	-moz-box-sizing: 			border-box; 
    	box-sizing: 				border-box; 
}

#afic_berekenen_button {
	text-align: 				center;
	cursor: 				pointer;
	margin-left:				158px;
	margin-bottom: 				15px; 
	font-size:				14px;
	color:					#fff;
	font-weight:				bold;
	font-family:				arial;
	width: 					188px;
	height:					24px;
	background-color: 			#ee7d11;
	border:					0;
	padding:				6px;
}

.afic_input_box_readonly input {
	border:					0;
}
.afic_input_clear {
	clear:					both;
	height:					1px;
}
.afic_afm_veld {
	display:				none;
}
.afic_afm_veld img {
	width: 100%;
}	
.afic_maandbedrag {
	width:					360px;
	height:					50px;
	float:					left;
	border:					2px solid #d0d0d0;
	margin-bottom:				6px;
	-webkit-box-sizing: 			border-box; 
    	-moz-box-sizing: 			border-box; 
    	box-sizing: 				border-box; 
}
.afic_maandbedrag_selected {
	border: 				2px solid #ee7d25;
}
.afic_maandbedrag input[type=radio] {
	float: 					left;
	margin-top: 				14px;
	width:					15px;
	height:					20px;
	color:					#ee7d25;
}
.afic_termijn_keuze {
	padding: 				10px;
}
.afic_looptijd_tekst {
	padding:				15px 0 15px 15px;
	width:					119px;
	float:					left;
	-webkit-box-sizing: 			border-box; 
    	-moz-box-sizing: 			border-box; 
    	box-sizing: 				border-box; 
}
.afic_looptijd_prijs {
	float:					left;
	font-weight:				bold;
	color:					#ee7d25;
	width:					110px;
	font-size:				1.3em;
	padding:				15px 0 5px 0;
	-webkit-box-sizing: 			border-box; 
    	-moz-box-sizing: 			border-box; 
    	box-sizing: 				border-box; 
}
.afic_looptijd_selecteer {
	text-align:				center;
	float:					left;
	font-weight:				bold;
	color:					#fff;
	width:					104px;
	font-size:				1em;
	background-color:			#727176;
	padding:				15px 0 15px 0;
	height:					48px;
	-webkit-box-sizing: 			border-box; 
	-moz-box-sizing: 			border-box; 
    	box-sizing: 				border-box; 
}
.afic_looptijd_selecteer_selected {
	background-color:			#ee7d25;
	padding:				5px;
	font-size:				30px;
	padding-top:				10px;
}
.afic_summary {
	padding: 				10px;
	float: 					left;
	width: 					336px; 
	background: 				#727176; 
	border: 				2px solid #727176; 
	color: #fff;
}
.afic_summary_block_left {
	float: 					left; 
	width: 					243px;
}
.afic_summary_block_right {
	float: 					left; 
}

.afic_input_button input[type=submit] {
	cursor:					pointer;
	cursor:					hand;
	margin-top:				10px;
	font-size:				16px;
	color:					#fff;
	font-weight:				bold;
	font-family:				arial;
	width: 					360px;
	height:					60px;
	background-color: 			#ee7d11;
	border:					0;
	padding:				0;
}
/* Mobile */
@media only screen and (max-width: 500px) {
    	.afic_main {
        	width: 				280px;
		margin:				0;
    	}
	.afic_main_block {
		width:				280px;
	}
	.afic_zakelijkprive {
		width: 				280px;
	}
	.afic_zakelijkprive_keuze {
		width:				135px;	
	}
	.afic_input_label {
		width: 				100px;
	}
	.afic_input_box input {
		width: 				140px;
	}
	#afic_berekenen_button {
		margin-left:				126px;
		width: 					129px;
	}
	.afic_maandbedrag {
		width:				290px;
	}
	.afic_looptijd_tekst {
		width:				95px; 
	}
	.afic_looptijd_prijs {
		width:				93px; 
	}
	.afic_looptijd_selecteer {
		width:				75px;
	}
	.afic_summary {
		padding: 				10px;
		float: 					left;
		width: 					255px; 
	}
	.afic_summary_block_left {
		width: 					160px;
	}
	.afic_input_button input[type=submit] {
		width: 				280px;
	}
}