/* GENERAL */
html {
    margin: 0;
    background: url(../images/background.jpg) repeat-x top left #f6f6f6;
	/*background-size: 5px 158px;*/
}

body {
    margin: 0;
    font-family: 'Raleway', sans-serif;
}

h1 {
    font-weight: 800;
    /*font-size: 40px;*/
	font-size: 30px;
    color: #0f96b1;
	margin: 0;
}

/* LAYOUT */
#page {
    width: 846px;
	/*width: 646px;*/
    margin-left: auto;
    margin-right: auto;
    min-height: 400px;
}

#page #area-left {
    width: 250px;
    position: absolute;
    height: 560px;
    margin-left: -220px;
	/*margin-top: -45px;*/
}

#page #area-middle {
    width: 846px;
	/*width: 646px;*/
    float: left;
    min-height: 400px;
}

#page #area-right {
    width: 200px;
    position: absolute;
    margin-top: 165px;
    margin-left: 820px;
	/*margin-top: 132px;
    margin-left: 617px;*/
}

#header {
    width: 100%;
    height: 110px;
	/*height: 77px;*/
}

#header #logo {
    float: left;
    margin-top: 22px;
    border: 0;
}

/*#header #logo img{
	max-width: 180px;
}*/

#header #menu {
    float: right;
    list-style-type: none;
    padding: 0;
    margin-top: 40px;
	/*margin-top: 33px;*/
}

#header #menu li {
    float: left;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 5px;
	/*font-size: 13px;
	padding: 10px 0 10px 5px;*/
}

#header #menu li a:link,
#header #menu li a:visited {
    text-decoration: none;
    color: #222222;
    padding: 10px;
}

#header #menu li a:hover {
    text-decoration: none;
    color: #fff;
}

#content #content-top {
    width: 100%;
    height: 39px;
    background: url(../images/box-top.png) no-repeat top left;
	/*background-size: 646px 39px;*/
}

#content #content-body {
    min-height: 452px;
	/*min-height: 300px;*/
    max-width: 846px;
	/*max-width: 646px;*/
    background-color: #fff;
    margin: 0;
    padding: 30px 100px;
    background: url(../images/border-middle.png) repeat-y top left;
	line-height: 18px;
}

.class-home #content #content-body{
	padding: 10px 100px;
	/*padding: 10px 50px 10px 90px;
    min-height: inherit;*/
}

.class-home .step-title{
	line-height: normal;
	/*position: absolute;
	margin-left: -40px;*/
}

#content #content-bottom {
    width: 100%;
    height: 45px;
    background: url(../images/box-bottom.png) no-repeat top left;
	/*background-size: 646px 39px;*/
}

/* RIGHT SIDEBAR */
.box.blue {
    background-color: #0f96b1;
    width: 150px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    padding: 15px 0 15px 50px;
    margin-bottom: 20px;
	/*margin-bottom: 18px;*/
    display: block;
    text-decoration: none;
}

.box.red {
    background-color: #ce0000;
    width: 150px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    padding: 15px 0 15px 50px;
    margin-bottom: 20px;
	/*margin-bottom: 18px;*/
    display: block;
    text-decoration: none;
}

.box.red.big, .box.blue.big {
    /*height: 25px;
	padding: 30px 0 20px 50px;*/
	height: 28px;
    padding: 37px 0 20px 50px;
}

.search {
    background: url(../images/search.png) no-repeat 10px center;
}

.phone {
    background: url(../images/phone.png) no-repeat 10px center;
}

.clock {
    background: url(../images/clock.png) no-repeat 10px center;
}

.paper {
    background: url(../images/paper.png) no-repeat 10px center;
}

.route {
    background: url(../images/route.png) no-repeat 10px center;
}

#phone-number {
    color: #0f96b1;
    font-weight: 800;
    text-align: right;
    font-size: 20px;
}

#phone-number img {
    width: 20px;
    vertical-align: middle;
    padding-right: 5px;
}

/* Tooltip */
.tooltipster-sidetip .tooltipster-box{
    background: #0f96b1 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none;
}

.tooltipster-sidetip .tooltipster-content {
    font-family: 'Raleway', sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    padding: 10px 30px 11px 30px !important;
    text-align: center;
}

.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
    border-top-color: #0f96b1 !important;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #0f96b1 !important;
}

/* Banners */
.banner-layer-1 {
    background: url(../images/banners/background.png) no-repeat top left;
    width: 250px;
    height: 560px;
}

.banner-back-over {
    background: url(../images/banners/over-back.png) top right;
    width: 30px;
    height: 299px;
    margin-top: 152px;
    position: absolute;
    margin-left: 16px;
    transform: skewY(-22deg);
}

.banner-front-over {
    position: absolute;
    width: 163px;
    height: 299px;
    margin-left: 74px;
    margin-top: 152px;
    background: url(../images/banners/over-front.png) no-repeat top left;
    transform: skewY(2deg);
    -webkit-clip-path: polygon(0px 1px,0px 349px,193px 345px,172px 10px,84px 1px);
    clip-path: url(#clipPolygon);
}

.banner-1-front {
    -webkit-clip-path: polygon(0px 1px,0px 349px,193px 345px,172px 10px,84px 1px);
    /*clip-path: url(#clipPolygon);*/
    position: absolute;
    width: 160px;
    height: 291px;
    margin-left: 77px;
    margin-top: 158px;
    transform: skewY(3deg);
    /*background-image: url(../images/banners/banner1.jpg);*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.banner-1-back {
    /*background-image: url(../images/banners/banner1.jpg);*/
    background-repeat: no-repeat;
    background-position: top right;
    width: 27px;
    height: 288px;
    margin-top: 161px;
    position: absolute;
    margin-left: 19px;
    transform: skewY(-22deg);
    -webkit-clip-path: polygon(0% 4%, 33% 0%, 100% 0%, 99% 100%, 0% 100%);
    clip-path: polygon(0% 4%, 33% 0%, 100% 0%, 99% 100%, 0% 100%);
	background-size: cover;
}

.banner-front-over a, .banner-back-over a{
	display: inline-block;
    width: 100%;
    height: 100%;
	cursor: pointer;
}


/* MESSAGES */
.alert-success .alert-link {
 color: #356635;
}
.alert-danger .alert-link,
.alert-error .alert-link {
 color: #953b39;
}
.alert-info .alert-link {
 color: #2d6987;
}
.alert {
 padding: 8px 35px 8px 14px;
 margin-bottom: 18px;
 text-shadow: 0 1px 0 rgba(255,255,255,0.5);
 background-color: #fcf8e3;
 border: 1px solid #fbeed5;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
}
.alert,
.alert h4 {
 color: #c09853;
}

.alert h4 {
 margin: 0 0 .5em;
}

.alert .close {
 position: relative;
 top: -2px;
 right: -21px;
 line-height: 18px;
 float: right;
 cursor: pointer;
 display: none;
}

.alert-success, #system-message > div.alert-message {
 background-color: #dff0d8;
 border-color: #d6e9c6;
 color: #468847;
}

.alert-success h4, .alert-message h4{
 color: #468847;
}

.alert-danger,
.alert-error {
 background-color: #f2dede;
 border-color: #eed3d7;
 color: #b94a48;
}

.alert-danger h4,
.alert-error h4 {
 color: #b94a48;
}

.alert-info {
 background-color: #d9edf7;
 border-color: #bce8f1;
 color: #3a87ad;
}

.alert-info h4 {
 color: #3a87ad;
}

.alert-block {
 padding-top: 14px;
 padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
 margin-bottom: 0;
}

.alert-block p + p {
 margin-top: 5px;
}

/* BOTTOM */
#bottom1,
#bottom2 {
    width: 351px;
	/*width: 251px;*/
    float: left;
    background: url(../images/small-box-top.png) no-repeat top left #fff;
    padding: 40px 30px 20px 30px;
    border-bottom: 6px solid #cfda34;
    font-size: 14px;
	/*font-size: 12px;*/
    font-weight: 500;
    line-height: 20px;
	color: #474747;
}

#bottom1 {
    margin-right: 24px;
}

/*#bottom1 h2,
#bottom2 h2{
	font-size: 18px;
}*/

.read-more{
	color: #474747;
	text-decoration: none;
}

.read-more:hover{
	color: initial;
}

/* COPYRIGHT */
#copyright {
    padding-top: 20px;
    font-size: 12px;
    color: #8d8d8d;
    clear: both;
    padding-bottom: 20px;
}

#copyright span {
    float: right;
}

#copyright a:link,
#copyright a:visited {
    color: #8d8d8d;
    text-decoration: none;
}

#copyright a:hover {
    text-decoration: none;
}

/* TRIANGLE MEDIA COMPONENT */
.step-title {
    /*font-size: 18px;*/
	font-size: 20px;
    font-weight: 800;
}

.step-number {
    color: #cfda34;
}

.step-description {
    color: #0f96b1;
}

#map-step1 {
    margin-top: -80px;
	/*width: 496px;
	height: 283px;*/
}

/* STEPS */
.view-gemeentenprovincie #content-body{
	min-height: 395px !important;
}

.view-gemeentenprovincie #content-body, .view-gemeente #content-body{
	position: relative;
}

.view-gemeente #area-left, .view-gemeentenprovincie #area-left{
	z-index: 1;
}

.step-header.hd-step3 .page-title{
	width: 80%;
	/*width: 78%;*/
}

.view-gemeentenprovincie p.step-title, .view-gemeente p.step-title{
	line-height: normal;
}

.step-header.hd-step3 .page-title img{
	float: left;
	padding-right: 14px;
}

.step-header.hd-step3 .page-title span{
    line-height: 33px;
	margin-left: 0;
	vertical-align: -webkit-baseline-middle;
}

.step-header{
	width: 100%;
    display: inline-block;
}

.step-header .page-title{
	float: left;
}

.step-header .page-title img{
	vertical-align: sub;
	/*max-width: 34px;*/
}

.step-header .page-title span{
	margin-left: 14px;
}

.step-header .step-title{
	float: right;
    margin: 0;
}

.step-footer{
	position: absolute;
    bottom: 0;
	right: 0;
	margin: 0 100px 30px 0;
}

.step-footer a{
	text-decoration: none;
}

.step2-form{
	background-size: contain !important;
    padding-top: 51px;
	min-height: 260px;
}

.step-content{
	line-height: 20px;
}

.step-content > ul{
	display: inline-block;
    width: 100%;
	/*padding-left: 0;*/
}

.step-content a{
	/*font-size: 12px;*/
	font-size: 14px;
	text-decoration: none;
    color: #222222;
	display: inline-block;
}

.split-list ul{
	float: left;
	margin-left: 0;
	list-style-type: none;
	width: 32%;
	padding-left: 0;
}

.split-list li{
  line-height: 1.5em;
  @include font-size(12px);
 }

.step3-form{
	padding-top: 23px;
	margin-bottom: 26px;
}

.fontweight500{
	font-weight:500;
}

.fontweight800{
	font-weight:800;
}

.provincie{
	padding-bottom:23px;
}

.step3-form legend, .a0-details legend{
    font-size:18px;
    font-weight: 800;
	padding-left: 0 !important;
}

.step3_p1{
	padding: 5px 0 27px 0;
}

.step3-form span{
	display: block;
	font-size: 14px;
}

.step3-form .btn-normal{
	margin-top: 13px;
	margin-bottom: 20px;
}

.step3-form a.btn-normal:nth-last-of-type(1){
	margin-bottom: 30px;
}

.step3_p2{
	margin-top: 5px;
}

.step3_p2 span{
	text-transform: lowercase;
}

.btn-normal, .btn-submit{
	background: #292929;
    color: #fff;
	font-size: 16px;
	border-radius: 5px;
	text-decoration: none;
}

.btn-normal{
	display: inline-block;
	padding: 8px 16px 9px 13px;
}

.btn-submit{
    font-weight: 500;
    padding: 12px 19px 12px 14px;
}

.step3_p3{
	margin: 5px 0 25px 0;
	font-size: 14px;
}

.step3_p3 span:nth-of-type(1){
	margin-bottom: 20px;
}

.step3_p4{
	margin: 5px 0 31px 0;
}

.step3_p4 a{
	display: table;
	color: #292929;
	text-decoration: none;
	font-size: 14px;
}

.step3_p5{
	font-size: 14px;
    font-style: italic;
}

/* OFFERTE */
.offerte_title, .beschikbaarheid_title, .belmijvandaagform_title{
	margin-bottom: 40px;
}

.offerte_title img{
	vertical-align: text-bottom;
	/*max-width: 35px;*/
}

.offerte_title span, .beschikbaarheid_title span, .belmijvandaagform_title span {
    margin-left: 14px;
}

.contact-edit legend{
    font-size:18px;
	padding-bottom: 42px;
	padding-left: 0 !important;
}

.contact-edit legend:nth-of-type(2){
	padding-top: 43px;
}

.contact-edit .control-group, .beschikbaarheid-edit .control-group, .belmijvandaag-edit .control-group{
	padding-bottom: 13px;
	display: inline-block;
    width: 100%;
}

.contact-edit .control-label, .contact-edit .controls, .beschikbaarheid-edit .control-label, .beschikbaarheid-edit .controls, .belmijvandaag-edit .control-label, .belmijvandaag-edit .controls{
	display: inline-block;
	width: 50%;
}

.contact-edit .control-label, .beschikbaarheid-edit .control-label, .belmijvandaag-edit .control-label{
	/*width: 222px;*/
	width: 49%;
	vertical-align: top;
	padding-top: 8px;
}

.contact-edit .control-label label, .beschikbaarheid-edit .control-label label, .belmijvandaag-edit .control-label label{
	font-family: 'Raleway', sans-serif;
    /*font-size: 14px;*/
	font-size: 16px;
    font-weight: 500;
}

.star{
	color:#ce0000;
}

.contact-edit .controls input, .contact-edit .controls textarea, .beschikbaarheid-edit .controls input, .belmijvandaag-edit .controls input{
	border: 1px solid #9c9c9c;
	/*width: 356px;*/
	width: 93%;
	font-family: 'Raleway', sans-serif;
    font-size: 15px;
	/*font-size: 14px;*/
    font-weight: 500;
	padding: 0 10px;
	display: inline-block;
}

.contact-edit .controls input, .beschikbaarheid-edit .controls input, .belmijvandaag-edit .controls input{
	height: 32px;
}

.contact-edit .controls textarea{
	height: 93px;
}

.contact-edit .div_submit, .beschikbaarheid-edit .div_submit, .belmijvandaag-edit .div_submit{
	margin-top: 39px;
    text-align: right;
	/*margin-right: 40px;*/
}

.contact-edit .btn-submit, .beschikbaarheid-edit .btn-submit, .belmijvandaag-edit  .btn-submit{
	border: 0;
	cursor: pointer;
}

.contact-edit .chzn-container, .beschikbaarheid-edit .chzn-container{
	/*width: 228px !important;*/
	width: 100% !important;
}

.contact-edit .chzn-container-single .chzn-single{
	border-radius: 0;
    box-shadow: none;
    text-shadow: none;
    background: transparent;
    height: 26px;
    padding: 4px 0 0 8px;
	border: 1px solid #9c9c9c;
}

.contact-edit .chzn-container-single .chzn-single span{
	font-family: 'Raleway', sans-serif;
    font-size: 15px;
    font-weight: 500;
}

.contact-edit .chzn-container-single .chzn-single div{
	padding-top: 4px;
}

.contact-edit .chzn-container-active.chzn-with-drop .chzn-single{
	background: transparent;
}

.contact-edit .chzn-container-single .chzn-drop, .beschikbaarheid-edit .chzn-container.chzn-with-drop .chzn-drop{
	border-color: #9c9c9c;
    border-radius: 0;
	font-family: 'Raleway', sans-serif;
    font-size: 15px;
    font-weight: 500;
}

.contact-edit .chzn-container .chzn-results .highlighted, .beschikbaarheid-edit .chzn-container .chzn-results .highlighted{
	background: #0f96b1;
}

/* BESCHIKBAARHEID */
#form-beschikbaarheid{
	display: inline-block;
	width: 100%;
}

.beschikbaarheid_title img, .belmijvandaagform_title img{
	vertical-align: text-top;
	/*max-width: 35px;*/
}

.beschikbaarheid-edit .chzn-container-multi .chzn-choices{
	border-radius: 0;
    box-shadow: none;
    text-shadow: none;
    background: transparent;
    border: 1px solid #9c9c9c;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    font-weight: 500;
    min-height: 32px !important;
}

.bes-datum{
	width: 100%;
}

.bes-datum, .bes-datum .control-group{
	display: inline-block;
}

.bes-datum input{
	width: 100px !important;
}

.bes-datum .control-group:nth-of-type(2) .control-label{
	display: none;
}

.bes-datum button{
	padding: 9px 9px 8px 10px;
    border: 1px solid #9c9c9c;
    border-left: 0;
    cursor: pointer;
}

.beschikbaarheid_title p{
	margin: 31px 0 0 0 ;
	/*font-size: 14px;*/
}

.calendar table{
	font-size: 20px !important;
}

.calendar .daynames td, .calendar .daysrow td{
	padding: 8px !important;

}

/* MOD TRIANGLE MEDIA SEARCH */
.mod-search .box.blue{
	padding-left: 0;
    width: 181px;
    padding: 6px 5px 6px 14px;
}

.mod-search img{
	display: inline-block;
	padding-right: 7px;
	vertical-align: -webkit-baseline-middle;
    padding-top: 5px;
}

.mod-search .twitter-typeahead{
	width: 129px;
    vertical-align: top;
    height: 34px;
}

.mod-search .tt-hint, .mod-search .tt-query{
	width: 100%;
	height: 100%;
	border: 0;
	font-family: 'Raleway', sans-serif;
    font-size: 15px;
    font-weight: 500;
	padding: 0 0 0 10px;
}

.mod-search .tt-dropdown-menu{
	background: #fff;
    width: 139px;
    border-top: 1px solid #0f96b1;
}

.mod-search .tt-dataset-text_search{
	background: #fff;
    color: #292929;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    font-weight: 500;
}

.mod-search .tt-suggestion p{
	padding: 5px 0 5px 10px;
}

.mod-search .tt-is-under-cursor{
	background:#0f96b1;
	color: #fff;
}

.modal-box {
  display: none;
  position: absolute;
  z-index: 1000;
  width: 58%;
  background: white;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
}

.modal-box header,
.modal-box .modal-header {
  padding: 1.25em 1.5em;
  background-color: #cfda34;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }

.modal-box .modal-body { 
	padding: 2em 1.5em; 
	font-size: 14px;
    font-weight: 500;
}

.modal-box .js-modal-close.close{
    text-decoration: none;
    color: #fff;
    font-size: 30px;
    position: absolute;
    top: 14px;
    right: 31px;
}

.modal-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3) !important;
}

@media (min-width: 32em) {
  .modal-box { width: 30%; }
}

.mod-search input::-webkit-input-placeholder { font-style: italic; }
.mod-search input::-moz-placeholder { font-style: italic; } /* firefox 19+ */
.mod-search input:-ms-input-placeholder { font-style: italic; } /* ie */
.mod-search input:-moz-placeholder { font-style: italic; }

/* CUSTOM ARTICLE */
.custom-article .page-header, .a0-header{
	margin-bottom: 40px;
    line-height: normal;
} 

.custom-article .page-header h2{
	font-weight: 800;
    /*font-size: 30px;*/
	font-size: 40px;
    color: #0f96b1;
    margin: 0;
}

/* VOORWAARDEN */
.tm-rules ol{
	/*font-size: 13px;*/
	font-size: 15px;
}

.tm-rules div > ol{
	margin: 0;
	padding-left: 23px;
	font-weight: 800;
}

.tm-rules li strong{
	font-weight: 800 !important;
}

.tm-rules div > ol > li{
	padding-bottom: 12px;
}

.tm-rules div > ol > li *{
	font-weight: normal;
}

.tm-rules div > ol > li:nth-of-type(9):before{
	content: "9a. ";
	margin-left: -23px;	
}

.tm-rules ol li ol li ol:nth-of-type(2) > li:before
{
    content: "9b. ";   
}

.tm-rules ol li ol li ol:nth-of-type(2), .tm-rules div > ol > li:nth-of-type(9)
{
    list-style: none;
    margin-left: 0;
}

.tm-rules ol li ol li ol:nth-of-type(2){
	padding-left: 16px;
}

/* A0 DISPLAY */
.a0-desc{
    padding: 5px 0 27px 0;
}

.a0-img img{
	margin: 0 auto;
    display: inherit;
	max-width: 640px;
}

/* DATEPICKER */
inner-addon { 

    position: relative; 

}

/* style icon */

.inner-addon .fa {

  position: absolute;

  padding: 10px;

  pointer-events: none;

  top: 0px;

}

/* align icon */

.left-addon .fa { left:  0px;}

.right-addon .fa { right: 0px;}

/* add padding  */

.left-addon input  { padding-left:  30px; }

.right-addon input { padding-right: 30px; }

#sandbox-container input{
    height: 32px;
	width: 40% !important;
	border-radius: 0;
}

#sandbox-container input::-webkit-input-placeholder { font-size: 14px; }
#sandbox-container input::-moz-placeholder { font-size: 14px; } /* firefox 19+ */
#sandbox-container input:-ms-input-placeholder { font-size: 14px; } /* ie */
#sandbox-container input:-moz-placeholder { font-size: 14px; }

@media (max-width: 1150px) {
  body {
    transform: scale(0.8);
  }
  #page #area-left {
    margin-left: -180px;
  }
  #page {
    margin-top: -40px;
  }
}