/* Developed by Dubbele:punt Design - www.dubbelepunt.com */

/* General styles */
html, body {
    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
	
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;
}

table, tr, td {
	vertical-align:									top;
}

form {
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;
}

p {
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;
}

h1 {
  font-family: 									    'Open Sans', Arial, sans-serif;
  font-weight: 									    600;
}

.display_inline										{ display: inline!important; line-height: 0.8rem;}
.no-margin											{ margin-bottom: 0rem!important; }
.hidden												{ display: none; }
.clear_both											{ clear: both; }
.add_margin_top										{ margin-top: 0.5rem; }

#header .header_image img {
	display:										inline-block;
	width:											100%;
}

/* Menu styles */
@media only screen and (max-width: 640px) { 
	#menu div {
		width:										100%;
	}
}

#menu .inactive {
	background-repeat:								no-repeat;
	float:											left;
}


#menu .active {
	background-repeat:								no-repeat;
	float:											left;
}

#menu .complete {
	background-repeat:								no-repeat;
	float:											left;
}

.middle {
	padding-top:									0.5rem!important;
	margin-bottom:									0rem!important;
	padding-bottom:									0rem!important;
}

@media only screen and (min-width: 640px) { 
	.middle {
		padding-top:									0.3rem!important;
		margin-bottom:									0.5rem;
	}
}

#content {
	text-align:										left;
}

/* List styles */
#content .welcome_content {
	margin-bottom: 									20px;
}

@media only screen and (max-width: 640px) { 
	#content .text_content img {
		width: 										100%;
	}
}

#content .title {
	font-weight:									bold;
    font-style:										normal;
    font-size:										1rem;
	
	margin-left:									0px;
	margin-right:									0px;
	margin-bottom:									0px;

	padding-top:									20px;
	padding-bottom:									20px;
	padding-left:									0px;
	padding-right:									0px;
}

#content form#profile .title {
	margin-bottom:									20px;	
}

#content .article  .title {
	border-bottom: 									none;
}

#content .extra_content {
	margin-top:										-10px;
	margin-bottom:									20px;
}

#content [type='checkbox'] {
	margin-top: 									0.5rem;

	float: 											left;
}

#content label {
	font-weight: 									400;

	width: 											calc(100% - 3rem);
}

#content .welcome_title {
	font-weight:									bold;
    font-style:										normal;
    font-size:										1rem;
	
	margin-top: 									0px;
	margin-left:									0px;
	margin-bottom:									10px;
	margin-right:									0px;

	padding-top:									0px;
	padding-bottom:									5px;
	padding-left:									0px;
	padding-right:									10px;

	border-bottom-style:							dotted;
	border-bottom-color:							#5B5B5B;
	border-bottom-width:							1px;
}

#content .order_title {
    font-style:										normal;
	
	margin-top:										20px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;

	padding-top:									0px;
	padding-bottom:									5px;
	padding-left:									0px;
	padding-right:									10px;
}

h2.title_box {
	cursor:											pointer;
}

#content #boxes_control {	
	text-align:										right;
}

#content .article {
	padding-top:									1.5rem;
	padding-bottom:									1.5rem;
	padding-left:									0rem;
	padding-right:									0rem;

	line-height:									18px;

	min-height:										15px;
}

#content .article.article_category {
	padding-top:									0rem;
	padding-bottom:									0rem;
	padding-left:									1.5rem;
	padding-right:									0rem;
}

#content .article .text {
	padding-top: 									1rem;

	float: 											left;
	width: 											100%;
}

@media only screen and (min-width: 640px) { 
	#content .article .text {
		padding-top: 								0rem;
		padding-left: 								1rem;
	}
}

#content .article.article_list {
	padding-top:									0.5rem;
	padding-bottom:									0.5rem;
	padding-left:									0rem;
	padding-right:									0rem;
	
	min-height:										auto;
}

#content .article.article_list .text {
	margin-bottom: 									0rem;
	
	padding-top:									0rem;
	padding-left:									0rem;
}

#content .article.article_list .title {
	padding-top:									0rem;
	padding-bottom:									0rem;
}

#content .article.article_list .amount {
	background-color:								transparent!important;
}

@media only screen and (max-width: 1024px) { 
	#content .article.article_list .amount {
		margin-top:									0.5rem;
	}
}

@media only screen and (min-width: 1024px) { 
	#content .article.article_list .title_list,
	#content .article.article_list .order_unit {
		margin-top: 								0.5rem;
	}

	#content .article.article_list .amount.amount_top {
		margin-top:										0.75rem;
		margin-bottom:									0.75rem;
	}
}

#content .article .full_description {
	padding-bottom:									0.75rem;
}

#content .article.background .text .title,
#content .article.background .full_description,
#content .article.background .amount {
	padding-top:									0.75rem;
	padding-bottom:									0.75rem;
	padding-left:									0.75rem;
	padding-right:									0.75rem;
}

#content .article.background .text .title {
	margin-bottom: 									0.5rem;
}

#content .article.background .amount {
	margin-top: 									0.5rem;
}

#content .article.background .amount input {
	border: 										none;
}

#content .amount .align_euro {
	display: 										inline-block;
}

#content .article.code label, 
#content .article.code input {
	margin-bottom:									0rem;
	padding-top:									0rem;
	padding-bottom:									0rem;
}

@media only screen and (min-width: 640px) { 
	#content .article.code label, 
	#content .article.code input {
		margin-bottom:								0rem;
		padding:									0.5625rem 0 0.5625rem 0.5rem!important;
	}
}

#content .article .description {
    font-weight:									normal;
    font-style:										normal;
    font-size:										1rem;
	
	padding-top:									1px;
	padding-bottom:									0px;
	padding-left:									0px;
	padding-right:									3px;
	
	float:											left;
}

#content .article .description .pic {
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									10px;
	
	float:											left;
	text-align:										center;
}

#content .article .description .pic img {
	vertical-align:									middle;
}

#content .article .description .full_description {
	display:										none;
}

#content .article .description .text_description {
	height:											85px;
	overflow:										hidden;
}

#content .article .description .text .title {
	font-weight:									bold;
    font-style:										normal;
    font-size:										1rem;
	
	padding-top:									0px;
	padding-bottom:									0px;
	padding-left:									0px;
	padding-right:									0px;

	border-bottom-style:							none;
	border-bottom-color:							#FFFFFF;
	border-bottom-width:							0px;
}

#content .article .description .text {
	float:											left;
}

#content .required {
	display: 										inline-block; 
}

@media only screen and (min-width: 640px) { 
	#content .required {
		margin-left: 									0.5rem;
		padding-top:									0.8rem;

		display: 										inline-block; 
	}
}

#content .article .field input {
	background-color: 								#FFFFFF;
	
    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										1rem;

	border-style: 									dotted;
	border-color:									#7A7A7A;
	border-width: 									1px;

	padding-left:									0.5rem;
}

#content .article .field .radio {
	border-width: 									0px;
	
	background-color: 								#F7F7F7;
	
	width:											15px;
}

#content .article .field select {
	background-color: 								#FFFFFF;
	
    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										1rem;
	
	border-style: 									dotted;
	border-color:									#7A7A7A;
	border-width: 									1px;
}

select.date {
	width:											32.7%;
}

select.date:last-child {
	float:											right;
}

#content .article .field textarea {
	background-color: 								#FFFFFF;
	
    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										1rem;

	border-style: 									dotted;
	border-color:									#7A7A7A;
	border-width: 									1px;
}

#content .article .field .date {
	background-color: 								#FFFFFF;
	
    font-weight:									normal;
    font-style:										normal;
    font-size:										1rem;

	border-style: 									dotted;
	border-color:									#7A7A7A;
	border-width: 									1px;
}

#content .article .field .error {
	background-image:								url('../images/icon_form.gif');
	background-repeat:								no-repeat;
	background-position:							right top;
	background-color: 								#F6E4E4;

    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										1rem;

	padding-top:									1px;
	padding-bottom:									1px;
	padding-left:									1px;
	padding-right:									1px;

	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;

	border-style:									dotted;
	border-width:									1px;
	border-color:									#FF0000;
}

#content .container {
	padding-bottom:									0.75rem;
}

@media only screen and (max-width: 640px) { 
	#content .article .text {
		margin-bottom:									1rem;
	}
}

#content .article .amount input {
	margin-top:										0rem;
	margin-bottom:									0rem;
	margin-left:									0rem;
	margin-right:									0.5rem;

	width:											70px;
	display:										inline-block;
}

#frame #content .articles {
	padding-top:									0.5rem;
	padding-bottom:									0.5rem;
}

#content .equals {
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0.5rem;
	margin-right:									0.5rem;

	display:										inline-block;
}

#content .article .amount .price {
	display:										inline-block;
}

#content .article .amount .price .euro {
	display:										inline-block;
}

#content .article .euro_sign,
#content .total .total_price .euro_sign {
	width:											3rem;
}

#content .total .total_price .subtotal,
#content .total .total_price .equals,
#content .total .total_price .align_euro {
	display: inline-block;
}

#content .article .amount .price input,
#content .total .total_price input {	
	font-family: 									verdana, arial, sans-serif;
	font-weight: 									normal;
	font-style: 									normal;

	text-align: 									right;

	padding-right: 									0rem;
	padding-left: 									0rem;

	margin-right: 									0rem;

	display:										inline-block;
	box-shadow:										none;
	border:											none;
}

#content .total {
	padding-right: 									1.25rem;
	padding-left: 									1.25rem;

	width: 											100%;
}

#content .total_confirm {
	padding-left:									0.5rem;
	padding-right:									0.5rem;
}

#content .total_confirm .columns {
	padding-bottom:									0rem;
}

#content .total_confirm.line_top {
	margin-top: 									0.5rem;
	padding-top: 									1rem;

	border-top: 									solid 1px #b8b8b8;
}

#content .total input {
	width:											70px;
	display:										inline-block;
	box-shadow:										none;
	border:											none;
	padding-left:									0rem!important;
	margin-bottom:									0rem;
}

#content .article .price_free input,
#content .article .price_free .order_unit,
#content .article .total_price .order_unit {
	display:										inline-block;
}

#content .article .amount input {
	background-color: 								#FFFFFF;
	
    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										1rem;

	border-style: 									dotted;
	border-color:									#7A7A7A;
	border-width: 									1px;
}

#content .article .amount .error {
	background-image:								url('../images/icon_form.gif');
	background-repeat:								no-repeat;
	background-position:							right top;
	background-color: 								#F6E4E4;

    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										1rem;

	padding-top:									1px;
	padding-bottom:									1px;
	padding-left:									1px;
	padding-right:									1px;

	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;

	border-style:									dotted;
	border-width:									1px;
	border-color:									#FF0000;
}


#content .article .price input {
    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										1rem;

	border-style: 									none;
	border-color:									#F7F7F7;
	border-width: 									0px;
}

#content .article .total {
	padding-top:									1px;
	padding-bottom:									0px;
	padding-left:									2px;
	padding-right:									0px;
	
	float:											right;
	text-align:										right;
}

#content h2,
#content .article h2 {
    font-style:										normal;
	
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;
	
	padding-top:									10px;
	padding-bottom:									5px;
	padding-left:									0px;
	padding-right:									0px;
}

#content .article .article h3 {
    font-style:										normal;
	
	margin-top:										5px;
	margin-bottom:									5px;
	margin-left:									0px;
	margin-right:									0px;
}

#content .article .article .article h4 {
    font-style:										normal;
	
	margin-top:										5px;
	margin-bottom:									5px;
	margin-left:									0px;
	margin-right:									0px;
}

#content .notification {
    font-weight:									normal;
    font-style:										normal;
    font-size:										1rem;

	margin-top:										10px;
	margin-bottom:									10px;
	margin-left:									0px;
	margin-right:									0px;

	padding-top:									3px;
	padding-bottom:									3px;
	padding-left:									10px;
	padding-right:									10px;

	border-style:									dotted;
	border-color:									#CECECE;
	border-width:									1px;
}

input {
	font-family:									verdana, arial, sans-serif;
}

input[type=checkbox]{
    vertical-align: middle;
    position: relative;
    bottom: 1px;
    margin: 0 0 0rem; 
}

#content .error {
	background-image:								url('../images/icon_error.gif');
	background-repeat:								no-repeat;
	background-position:							10px 7px;
	background-color:								#F6E4E4;
	
    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										1rem;
	
	margin-top:										10px;
	margin-bottom:									10px;
	margin-left:									0px;
	margin-right:									0px;

	padding-top:									5px;
	padding-bottom:									5px;
	padding-left:									35px;
	padding-right:									10px;

	border-style:									solid;
	border-color:									#FF0000;
	border-width:									1px;
}

#content input.error, #content select.error  {
	background-image:								none;
	padding-left:									10px;

	margin-top:										0px;
	margin-bottom:									1rem;
	margin-left:									0px;
	margin-right:									0px;
}

#content input[type="radio"] {
	vertical-align:									sub;
}

#content .error ul {
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									15px;
	margin-right:									0px;

	padding-top:									0px;
	padding-bottom:									0px;
	padding-left:									0px;
	padding-right:									0px;
}

#content .success {
	background-image:								url('../images/icon_succes.gif');
	background-repeat:								no-repeat;
	background-position:							10px center;
	background-color:								#DDF8DD;

    font-family:									verdana, arial, sans-serif;
    font-weight:									bold;
    font-style:										normal;
    font-size:										1rem;
	
	margin-top:										10px;
	margin-bottom:									10px;
	margin-left:									0px;
	margin-right:									0px;

	padding-top:									5px;
	padding-bottom:									5px;
	padding-left:									35px;
	padding-right:									10px;

	border-style:									dotted;
	border-color:									#00CC44;
	border-width:									1px;
}

#content .bottom {
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;

	padding-top:									5px;
	padding-bottom:									20px;
	padding-left:									0px;
	padding-right:									0px;

	border-top-style:								dotted;
	border-top-color:								#5B5B5B;
	border-top-width:								0px;
	
	text-align:										left;
}

#content .button.submit,
#content .bottom .submit {
    font-style:										normal;

    margin-top:										0.75rem;
    margin-bottom: 									0.75rem;

    padding-top: 									5px;
    padding-bottom: 								5px;

	border:											none;
	
	cursor:											pointer;

	display: 										inline-block;
}

#content .bottom .finish {
    font-style:										normal;
    font-size:										1rem;

	border-style: 									solid;
	border-width: 									1px;
}

#content .bottom_left {
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;

	padding-top:									5px;
	padding-bottom:									20px;
	padding-left:									0px;
	padding-right:									0px;

	border-top-style:								dotted;
	border-top-color:								#5B5B5B;
	border-top-width:								0px;
	
	text-align:										left;
	float: 											left;
}

#content .bottom_left .submit {
    font-style:										normal;

    margin-top:										0.75rem;

	border:											none;
	
	cursor:											pointer;
}

#content .bottom_left .finish {
    font-style:										normal;
    font-size:										1rem;

	border-style: 									solid;
	border-width: 									1px;
	margin-top: 									0.75rem;
}

#content .bottom_right {
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;

	padding-top:									5px;
	padding-bottom:									20px;
	padding-left:									0px;
	padding-right:									0px;

	border-top-style:								dotted;
	border-top-color:								#5B5B5B;
	border-top-width:								0px;
	
	text-align:										right;
	float: 											right;
}

#content .bottom_right .submit {
    font-style:										normal;

    margin-top:										0.75rem;

	border:											none;
	
	cursor:											pointer;
}

#content .bottom_right .finish {
    font-style:										normal;
    font-size:										1rem;

	border-style: 									solid;
	border-width: 									1px;
	margin-top: 									0.75rem;
}

#content .block-left,
#content .block-right{
	margin-bottom: 									20px;
	
	padding-top:									10px;
	padding-right:									10px;
	padding-bottom:									0px;
	padding-left:									10px;

	position: 										relative;
}

ul.vinkje {
	list-style-image: 								url('https://applicatie.edg.nl/bieb/pic/check-klein.jpg');
}

@media only screen and (min-width: 640px) { 
	#content .block-left {
		margin-right: 									5px;
	}

	#content .block-right {
		margin-left: 									5px;
	}

	#content .block-left,
	#content .block-right{
		padding-bottom:									50px;
	}

	#content .block-right .bottom .submit,
	#content .block-left .bottom .submit {
		position: 										absolute;
		bottom: 										2rem;
	}
}

#content .print {
	padding-top: 									0.7rem;
	padding-bottom: 								0.7rem;

	border-bottom-style:							dotted;
	border-bottom-color:							#5B5B5B;
	border-bottom-width:							1px;
}



/* Confirm styles */
#frame #content.content_confirm .article {
	padding-top:									1.5rem;
	padding-left:									0rem;
}

#frame #content.content_confirm .articles {
	padding-top: 									0.5rem;
	padding-bottom: 								0.5rem;
}

@media only screen and (min-width: 640px) { 
	#frame #content.content_confirm .title {
		margin-bottom:								10px;	
	}
}

/* Payment styles */
#frame #content select[name='payment_method'] {
	margin-top:										1rem;	
}



/* Footer styles */
#footer {
    font-weight:									normal;
    font-style:										normal;
    font-size:										1rem;

	text-align:										center;
}

#footer .footer_image {
	width:											100%;
	margin-bottom:									0.5rem;
}

/* Developed by Dubbele:punt Design - www.dubbelepunt.com */