/* ### caution ### */
.cms_caution { position: fixed; top: 0px; left: 0px; padding: 10px; color: #fff; background: #000; width: 100%; z-index: 999; }

/* ### Foto album ### */
.fotoalbum { display: block; padding: 0px 4%; margin-top: 20px; }
.fotoalbum li { position: relative; width: 110px; height: 110px; margin-right: 20px; margin-bottom: 20px; display: inline-block; border-radius: 5px; overflow: hidden; }
.fotoalbum li a { background: none; width: auto; height: auto; display: block; }
.fotoalbum li a img { width: auto; height: auto; }

/* ### Album ### */
.albums { display: block; padding: 0px 4%; margin-top: 20px; }
.albums li { position: relative; width: 110px; height: 110px; margin-right: 20px; margin-bottom: 20px; display: inline-block; border-radius: 5px; overflow: hidden; }
.albums li a { background: none; width: auto; height: auto; display: block; }
.albums li a img { width: auto; height: auto; }
.albums li a img.default { margin-left: -30px; margin-top: -20px; }
.albums li .btn_title { width: 90px; padding: 5px 10px; bottom: 0px; color: #fff; text-align: left; background: rgba(0, 0, 0, 0.8); position: absolute; }

/* ### Formulieren ### */
.timeBox .generatedForm { list-style: none; padding-top: 0px; width: 100%; overflow: hidden; }
.timeBox .generatedForm .caution { color: red; padding: 0px 0px 5px 4%; }
.timeBox .generatedForm li { width: 100%; background-image: none; padding: 0px; list-style: none; }
.timeBox .generatedForm label { display: inline-block; width: 24%; color: #2f2f2f; font-size: 14px; font-family: 'MyriadProBold'; padding-top: 10px; float: left; }
.timeBox .generatedForm .field {  border: 0; background: #f4f5f6; width: 62%; height: 40px; padding: 0 2.5%; color: #2f2f2f; font-size: 14px; font-family: 'MyriadProRegular'; margin-bottom: 10px; }
.timeBox .generatedForm .textfield {  border: 0; background: #f4f5f6; width: 62%; height: 40px; padding: 0 2.5%; color: #2f2f2f; font-size: 14px; font-family: 'MyriadProRegular'; height: 70px; margin-bottom: 10px;}
.timeBox .generatedForm input[type="button"],
.timeBox .generatedForm input[type="submit"] { border: 0; background: #ef4035; width: 34%; height: 40px;text-align:center; cursor: pointer; margin-left: 57%; color: #fff; font-size: 25px; padding-bottom: 5px; }
.timeBox .generatedForm input[type="button"]:hover {}
.timeBox .generatedForm select { width: 67%; margin-right: 6px; padding: 12px 2%; height: 45px; line-height:30px; background: #f4f5f6; border: 0px; margin-bottom: 10px; }
.timeBox .generatedForm option { width: 100%; padding: 5px 10px 5px 14px; }
.timeBox .generatedForm input[type="radio"],
.timeBox .generatedForm input[type="checkbox"]{ float: left; margin-right: 5px; margin-top: 14px; }
.timeBox .generatedForm span.radio,
.timeBox .generatedForm span.checkbox { display: inline-block; border: 0; background: #f4f5f6; width: 62%; min-height: 40px; padding: 0 2.5%; color: #2f2f2f; font-size: 14px; font-family: 'MyriadProRegular'; }
.timeBox .generatedForm span.radio label,
.timeBox .generatedForm span.checkbox label { width: 80%; float: none; padding-bottom: 10px; }
.timeBox .generatedForm span.radio.not_first,
.timeBox .generatedForm span.checkbox.not_first { margin-left: 24%; }
.timeBox .generatedForm span.radio.last,
.timeBox .generatedForm span.checkbox.last { margin-left: 24%; margin-bottom: 10px; }
.timeBox .generatedForm span.checkbox.first.last,
.timeBox .generatedForm span.radio.first.last { margin-bottom: 10px; margin-left: 0; }
.timeBox .generatedForm span.requiredSymbol { float: right; color: #D61717; width: 2%; }
.timeBox .generatedForm span.formInfo { font-size: 12px; float: left; padding: 0 4%; } 
.timeBox .generatedForm h3.fieldheading { border-bottom: 1px solid #333; margin: 2px 9% 12px 0; font-size: 18px; }
.timeBox .generatedForm .error { margin-left: 24%; padding-bottom: 10px; padding-right: 4%; color: #D61717; display: inline-block; }
.timeBox .generatedForm div.formError { width: 88%; padding: 5px 2%; margin: 0px 4% 5px; font-size: 12px; text-align: center; border: 1px solid #D61717; display: none; border-radius: 4px; } 
.timeBox .generatedForm .fieldinfo { padding-top: 9px; font-weight: bold; }

/* ### Table ### */
#lesAccord {}
#lesAccord h2 { padding: 10px 2%; margin: 5px 0; width: 96%; background-color: #1C3F94; color: #fff; border-radius: 8px; -noz-border-radius: 8px; background-image: url(../images/roosterArrow.png); background-position: right -19px; background-repeat: no-repeat; cursor: pointer; outline: none; }
#lesAccord h2:hover,
#lesAccord h2.active { background-color: #325FA3; background-position: right 19px; }
#lesAccord table { width: 92%; border-collapse: collapse; }
#lesAccord table tr { height: 30px; }
#lesAccord table tr.head { color: #000; font-weight: bolder; }
#lesAccord table tr.line { border-top: 1px solid #cfcfcf; height: 1px; }
#lesAccord table tr td { padding-left: 10px; color: #000; }

/* ### Rating ### */
.bar-rating { float:right; width:60%; padding-top: 6px; }
.bar-rating a { background: url('../images/star.png'); width: 20px; height: 20px; display: block; float: left; cursor: default; margin-left: 10px; }
.bar-rating a.selected { background-position: 0 20px; }
.statBox label{ font-weight: bold; font-size: 14px; line-height: 38px; margin-left: 20px; }

/* ### Producten ### */
.photoBox { overflow: hidden; padding-bottom: 12px; }
.photoBox ul { list-style: none; overflow: hidden; padding-bottom: 4px; padding-top: 4px; }
.photoBox li { float: left; margin: 0 0.5%; width: 32%; background: #242424; box-shadow: 0px 0px 3px rgba(0,0,0,0.3); border-top-right-radius: 12px; position: relative; margin-bottom: 12px; }
.photoBox a { display: block; text-decoration: none; color: #fff; font-size: 22px; font-family: 'MuseoSans300'; border-top-right-radius: 12px; }
.photoBox a img { margin-bottom: 17px; border-top-right-radius: 12px; width: 100%; } 
.photoBox a span { display: block; padding-left: 22px; padding-bottom: 17px; letter-spacing: 1px; }
.photoBox li img.sticker { position: absolute; top: -1px; left: -1px; }

.emptyBox { margin: 1%; box-shadow: 0px 0px 4px rgba(0,0,0,0.3); background: #fff; border-top-right-radius: 15px; margin-bottom: 20px; }
.emptyBox .inner { border-top-right-radius: 15px; box-shadow: inset 0px 0px 80px rgba(0,0,0,0.1); padding: 30px 35px; }

/* ### scrollup ### */
#scrollUp { position: fixed; right: 40px; bottom: 40px; background: rgba(255, 255, 255, 0.3); padding: 10px; height: 13px; border-radius: 20px; cursor: pointer; }
#scrollUp a { color: #fff; font-family: arial; font-size: 14px; text-decoration: none; }

@media only screen and (max-width: 599px) {
	/* ### Formulieren ### */
	.timeBox .generatedForm { list-style: none; padding-top: 0px; width: 100%; overflow: hidden; }
	.timeBox .generatedForm .caution { color: red; padding: 0px 0px 5px 4%; }
	.timeBox .generatedForm li { width: 100%; background-image: none; padding: 0px; list-style: none; }
	.timeBox .generatedForm label { display: inline-block; width: 100%; color: #2f2f2f; font-size: 12px; font-family: 'MyriadProBold'; padding-top: 0px; float: none; }
	.timeBox .generatedForm .field {  border: 0; background: #f4f5f6; width: 85%; height: 40px; padding: 0 2.5%; color: #2f2f2f; font-size: 12px; font-family: 'MyriadProRegular'; margin-bottom: 5px; }
	.timeBox .generatedForm .textfield {  border: 0; background: #f4f5f6; width: 85%; height: 40px; padding: 0 2.5%; color: #2f2f2f; font-size: 12px; font-family: 'MyriadProRegular'; height: 70px; margin-bottom: 5px;}
	.timeBox .generatedForm input[type="button"],
	.timeBox .generatedForm input[type="submit"] { border: 0; background: #ef4035; width: 34%; height: 40px; cursor: pointer; margin-left: 57%; color: #fff; font-size: 21px; padding-bottom: 5px; }
	.timeBox .generatedForm input[type="button"]:hover {}
	.timeBox .generatedForm select { font-family:'MyriadProRegular'; font-size:11px; width: 87%; line-height:40px;margin-right: 6px; padding: 12px 2%; height: 45px; background: #f4f5f6; border: 0px; margin-bottom: 10px; }
	.timeBox .generatedForm option { width: 100%; padding: 5px 10px 5px 14px; }
	.timeBox .generatedForm input[type="radio"],
	.timeBox .generatedForm input[type="checkbox"]{ float: left; margin-right: 5px; margin-top: 14px; }
	.timeBox .generatedForm span.radio,
	.timeBox .generatedForm span.checkbox { display: inline-block; border: 0; background: #f4f5f6; width:85%; min-height: 40px; padding: 0 2.5%; color: #2f2f2f; font-size: 14px; font-family: 'MyriadProRegular'; }
	.timeBox .generatedForm span.radio label,
	.timeBox .generatedForm span.checkbox label { width: 80%; float: none; padding-bottom: 0px; }
	.timeBox .generatedForm span.radio.not_first,
	.timeBox .generatedForm span.checkbox.not_first { margin-left: 0%; }
	.timeBox .generatedForm span.radio.last,
	.timeBox .generatedForm span.checkbox.last { margin-left: 0%; margin-bottom: 0px; }
	.timeBox .generatedForm span.checkbox.first.last,
	.timeBox .generatedForm span.radio.first.last { margin-bottom: 10px; margin-left: 0; }
	.timeBox .generatedForm span.requiredSymbol { float: right; color: #D61717; width: 2%; }
	.timeBox .generatedForm span.formInfo { font-size: 12px; float: left; padding: 0 4%; } 
	.timeBox .generatedForm h3.fieldheading { border-bottom: 1px solid #333; margin: 2px 9% 12px 0; font-size: 18px; }
	.timeBox .generatedForm .error { margin-left: 24%; padding-bottom: 10px; padding-right: 4%; color: #D61717; display: inline-block; }
	.timeBox .generatedForm div.formError { width: 88%; padding: 5px 2%; margin: 0px 4% 5px; font-size: 12px; text-align: center; border: 1px solid #D61717; display: none; border-radius: 4px; } 
	.timeBox .generatedForm .fieldinfo { padding-top: 9px; font-weight: bold; }
}