body {
	background-color	: #959595;
	color				: #000000;
	font-family			: Helvetica, Arial, sans-serif;
	font-weight			: normal; 
	padding				: 0px 0px 0px 0px;	
}

h1, h2, h3, h4 {
	color				: #4d4d4d;
	float				: left;
	width				: 100%;
}

h2 {
	margin-top			: 20px;
}

.CalculatorHeader {
	background-color	: #ffffff;
	float				: center;
	height				: auto;
	position			: relative;
	text-align			: center;
	width				: 100%;
}

.CalculatorHeader img {
	max-width			: 100%;
}

.CalculatorContent {
	background-color	: #e5e5e5;
	border-radius		: 0px 20px 0px 0px;
	float				: center;
	margin-left			: auto;
	margin-right		: auto;
	margin-top			: 10px;
	max-width			: 1000px;
	padding				: 0px 20px 20px 20px;
	position			: relative;
	width				: 100%;
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;			
}

.CalculatorContent th, .CalculatorContent td {
	text-align			: left;
	vertical-align		: top;
}

.CalculatorContent p, .CalculatorContent ul {
	float				: left;
	position			: relative;
	width				: 100%;
}

.CalculatorContent ul {
	list-style-type		: none;
	padding-left		: 15px;
	box-sizing			: border-box;	
}

.CalculatorContent ol {
	float				: left;
	position			: relative;
	width				: 100%;
	box-sizing			: border-box;	
}
.CalculatorContent input[type=button], .CalculatorContent input[type=submit] {
	background-color	: #4d4d4d;
	border				: none;
	border-radius		: 5px;
	color				: #ffffff;
	font-weight			: bold;
	padding				: 8px;
}

.CalculatorFooter {
	background-color	: #e5e5e5;
	border-radius		: 0px 0px 0px 20px;	
	float				: center;
	font-size			: 0.7em;
	margin-left			: auto;
	margin-right		: auto;
	max-width			: 1000px;
	padding				: 20px;
	position			: relative;	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;				
}

.tabel_tr, .tabel_th, .tabel_td, .tabel_td_combiL, .tabel_td_combiR {
	float				: left;
	position			: relative;
	width			 	: 100%;
}

.tabel_tr {
	clear				: both;
	padding-bottom		: 5px;
}

.tabel_th {	
	width			 	: 25%;
}

.tabel_td {
	width			 	: 75%;
}

.tabel_td input[type=text], .tabel_td input[type=password] {
	width				: 100%;
	box-sizing			: border-box;	
}

.smal input[type=text] {
	width				: 25%;
}

.tabel_td_combiL {
	width				: calc(100% - 22px);
}

.tabel_td_combiL input[type=text] {
	width				: 98%;
}

.tabel_td_combiR {
	width				: 22px;
}

.armatuur_aantal, .armatuur_naam, .armatuur_bewerken, .armatuur_verwijderen, .armatuur_toevoegen, .geen_armaturen {
	float				: left;
	position			: relative;
	width				: 100%;
}

.armatuur_naam {
	border-bottom		: 1px solid #f0f0f0;
	height				: 2em;
	width				: calc(100% - 60px);
}

.armatuur_bewerken {
	height				: 2em;
	width				: 30px;
	
}

.armatuur_verwijderen {
	height				: 2em;
	width				: 30px;	
}

.geen_armaturen, .percentage {
	color				: gray;
	font-style			: italic;
}

.bold {
	font-weight			: bold;
}

.voorbeeld {
	color				: gray;
	font-size			: 0.8em;
	font-style			: italic;
}

.CalculatorBesparingTotaal, .CalculatorBesparingBerekenen, .Rekenvoorbeelden {
	float				: left;
	position			: relative;
	text-align			: center;
	width				: 100%;
}

.Rekenvoorbeelden {
	text-align			: left;
}

.CalculatorBesparingTotaal {
	text-align			: left;
}

.CalculatorBesparingTotaal ul {
	float				: left;
	position			: relative;
}

.CalculatorBesparingBerekenen input[type=button] {
	background-color	: #4d4d4d;
	border				: none;
	border-radius		: 5px;
	color				: #ffffff;
	font-weight			: bold;
	padding				: 15px;
}

.loginout {	
	float				: right;
	padding-right		: 25px;
	position			: relative;	
	text-align			: right;
	width				: 100%;
	-webkit-box-sizing	: border-box;
   	-moz-box-sizing		: border-box;
    -ms-box-sizing		: border-box;
    -o-box-sizing		: border-box;
     box-sizing			: border-box;		
}

.loginout a {
	background-color	: #4d4d4d;
	border				: none;
	border-radius		: 0px 0px 5px 5px;
	color				: #ffffff;
	float				: right;
	font-size			: 0.8em;
	padding				: 10px;	
	position			: relative;
	text-decoration		: none;
}

.loginout a:hover {
	background-color	: #ffc527;
}

.streep_onder {
	border-bottom		: 1px solid #cccccc;
}

.streep_boven {
	border-top			: 1px solid #cccccc;
}

.chart_div {
	float				: left;
	position			: relative;
	width				: 100%;
}

.product {
	border-bottom		: 1px solid #cccccc;
	float				: left;
	padding-bottom		: 5px;
	padding-top			: 5px;
	position			: relative;
	width			 	: 100%;
}

.product:hover {
	background-color	: #dddddd;
	cursor				: pointer
}

.li_label, .li_labelxl {
	float				: left;
	width				: 175px;
}

.li_labelxl {
	width				: 350px;
}

.li_data {
}

@media screen and (max-width: 600px) {	
	.tabel_th {	
		width			: 100%;
	}

	.tabel_td {
		width			: 100%;
	}
	
	.CalculatorContent {
		padding			: 0px 10px 10px 10px;		
	}
	
	.CalculatorFooter {
		padding			: 10px;
		font-size		: 1.0em;
	}
}

@media screen and (max-width: 500px) {	
	input[type=button], input[type=submit] {
		margin-bottom	: 5px;
		margin-top		: 5px;
		width			: 100%;
	}
}

@media print {
	input[type=button] {
		display 		: none;
	}
}
*/