html,body {
	height:95%;
	max-height:96%;
}
body {
	font-family: Verdana,Arial,Sans-serif;
	font-size:14px;
	margin:0;
	border-spacing: 10px 5px;
}
h1 {
	font-size: 14px;
	color: #000;
	margin:0;
	margin-bottom: 10px;
	padding:0;
}
h2 {
	font-size: 14px;
	color: #ff4840;
	margin: 0;
	margin-top: 15px;
	padding:0;
}
.nobr {
	white-space:nowrap;
}
.hover {
	color: #ff4840;
	cursor: pointer;
}
div,form,image,p {
	margin:0;
	padding:0;
	border:0;
}
img {
	border:0;
}
a {
	color: blue;
}
a:hover {
	color: red;
}
div.kop label {
	display:block;
	float:left;
	text-align:right;
	padding-right:10px;
	width:90px;
	color:#777777;
}

div#kop_rechts {
	position:relative;
	float:left;
	padding-left:50px;
}
table {
	border-spacing: 10px 5px;
	margin:0;
}
th {
	text-align: left;
	color: #777777;
}
th.right {
	text-align: right;
	white-space:nowrap;
}
div.left {
	position: relative;
	float: left;
}
div.right {
	position: relative;
	float: left;
	max-width: 200px;
	margin-left: 20px;
	padding: 10px;
	border: 1px solid #cccccc;
}
div.bottom {
	border:1px solid #cccccc;
	padding:10px;
	max-width:60%;
	margin-left:20%;
}
div.center {
	width:100%;
	text-align:center;
}
td {
	text-align: left;
}
td.left {
	text-align: right;
	padding-right: 5px;
	vertical-align: top;
}
td.right {
	text-align: right;
	white-space:nowrap;
}
td.both {
	text-align: center;
}
form {
	width: 100%;
	text-align: center;
}
button {
	margin-right: 10px;
}
button:hover,input[type=submit]:hover,input[type=button]:hover {
	color: #ff4840 !important;
	background-color:#ffcfca;
}
input,select,textarea,button {
	font-family:inherit;
}
select {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height:25px;
	background-color:#eaeaea;
	margin-bottom:2px;
}
/* div#bestel_form input.text,div#bestel_form textarea { */
input[type="text"],input[type="password"],textarea {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #aaa;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:2px;
}
ul {
	margin-top:0;
	margin-bottom:0;
	padding-left:15px;
}
input.text {
	width: 200px;
}
input.submit {
	margin-left: 150px;
	margin-top: 10px;
}
input#postcode {
	width: 50px;
}
input#huisnummer {
	width: 40px;
}
input#huisnummer_toevoeging {
	width: 50px;
}
input#woonplaats {
	width: 135px;
}
/* Hide placeholders on normal screen */
::-webkit-input-placeholder { /* WebKit browsers */
	color: transparent;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: transparent;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: transparent;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: transparent;
}
th#aantal2 {
	display:none;
}
span.kleur2 {
	display:none;
}
/* Overrule .ui default for call to action */
/**********************
.ui-button.cta_grey {
	font-weight:bold;
	font-size:1.2em;
}
.ui-button:hover.cta_grey {
	font-weight:bold;
	font-size:1.2em;
}
**********************/
.ui-button.cta_green {
	border:1px solid #327E04;
	background:#459e00;
	color:#ffffff;
	font-weight:bold;
	// font-size:1.2em;
}
.ui-button:hover.cta_green {
	border:1px solid #327E04;
	background:#67b021;
	color:#ffffff;
	font-weight:bold;
	// font-size:1.2em;
	opacity:0.8;
}
.ui-button.cta_orange {
	border:1px solid #d19405;
	background:#fece2f;
	// background:#eeb612;
	// background:#ffc723;
	// color:#fff;
	color:#31312f;
	font-weight:bold;
	// font-size:1.2em;
}
.ui-button:hover.cta_orange {
	border:1px solid #d19405;
	background:#ffdd57;
	// color:#fff;
	color:#31312f;
	font-weight:bold;
	// font-size:1.2em;
	opacity:0.8;
}
.ui-button.cta_red {
	border:1px solid #782414;
	background:#bd332d;
	// background:#ff4840;
	color:#ffffff;
	font-weight:bold;
	// font-size:1.2em;
}
.ui-button:hover.cta_red {
	border:1px solid #782414;
	background:#de4636;
	color:#ffffff;
	font-weight:bold;
	// font-size:1.2em;
	opacity:0.8;
}
@media screen and (max-width:670px) {
	div.right {
		margin-left: 20px;
		padding: 5px;
	}
}
@media screen and (max-width:650px) {
	div.right {
		display:none;
	}
	div.bottom {
		margin-left:0;
		max-width:345px;
	}
	div#kop_rechts {
		padding-left:20px;
	}
	span.euro {
		display:none;
	}
	th#aantal1 {
		display:none;
	}
	th#aantal2 {
		display:block;
	}
}
@media screen and (max-width:500px) {
	div#kop_rechts {
		padding-left:0;
	}
	th#kleur,td#kleur {
		display:none;
	}
	span.kleur2 {
		display:inline;
	}
	td#wrap {
		white-space:normal;
	}
}
@media screen and (max-width:355px) {
	input.text {
		margin-left:0;
	}
}
@media screen and (max-width:340px) {
	/* Use placeholders and no labels */
	::-webkit-input-placeholder { /* WebKit browsers */
		color: #999999;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color: #999999;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		color: #999999;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
		color: #999999;
	}
	form#aanmelden_form label,form#aanmelden_form td.left {
		display:none;
	}
	form#aanmelden_form input.submit {
		margin-left: 70px;
	}
}
@media print {
	.noprint {
		display:none;
	}
}