@font-face {
    font-family: 'Mukta Bold';    
    src: url("../fonts/Mukta-Bold.ttf");
}
@font-face {
    font-family: 'Mukta Regular';    
    src: url("../fonts/Mukta-Regular.ttf");
}



html, body {
  height: 100%;
  margin: 0;
}


.wrapper {
  padding-top: 0px;
  padding-bottom: 0px;
  min-height: 109%;
  margin: 0 auto -40px;
}
/*
.footer {
  height: 42px;
  background-color: #F1942E;
  padding-top: 12px;
}
*/

.footer {
  background-image: url("../images/Footer_weg.jpg");
  margin-bottom: 1em;
  width: 100%;
  min-height: 40px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px solid #999;
    border: 0px solid rgba(0,0,0,.2);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.push {
  height: 42px;
}

/* Red border */
hr.color {
    border: 0;
    height: 3px;
    background: #333;

}
.row-flex {
  display: flex;
  flex-wrap: wrap;
}

.content {
  height: 100%;
  padding: 20px 20px 10px;
  color: #fff;
}

.background_activiteit {
	background-color: #F5CE30;
}


@media print{@page {size: landscape}}

/* LINK CLASS ICONEN   */
.a_verder {
    color: #5F8BD1;
    font-size: 1.2em;
}

.a_verder:hover {
    color: #FFFFFF;
    font-size: 1.2em;
    text-decoration: none;
}


/* LINK CLASS ICONEN   */
.a_zaalinfo {
    color: #5F8BD1;
    font-size: 1.2em;
}

.a_zaalinfo:hover {
    color: #F5CE30;
    font-size: 1.2em;
    text-decoration: none;
}


.a_social {
    color: #5F8BD1;
    font-size: 1.8em;
}

.a_social:hover {
    color: #FFFFFF;
    font-size: 1.8em;
    text-decoration: none;
}


/* LINK CLASS ICONEN   */
.a_awesome {
    color: #5F8CC2;
    font-size: 2rem;
}

.a_awesome:hover {
    color: #2C5AA2;
    font-size: 2rem;
    text-decoration: none;
}


/* TABLE INSTELLINGEN   */
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 0px solid #ddd;
    font-size: 1.15em;
 	margin-bottom: 2px;
	margin-top: 2px;
	font-family: 'Mukta Regular';
}

thead{
    vertical-align: middle;
    background-color: #F1942E;
	font-size: 1.15em;
 	margin-bottom: 2px;
	margin-top: 2px;
	color: #000000;
	font-family: 'Mukta Regular';
}



.container-fluid{
    width: 75%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}


.row {
    margin-right: 0px;
    margin-left: 0px;
}


.page-section {
	width: 100%;
	min-height: 0px;
	padding-bottom: 0px;
}


.contact{
    margin-left: 50px;
}

/* 	========== LETTERTYPE WIT ========= */
.page-section .h1-wit {
	font-size: 2.5em;
 	margin-bottom: 20px;
	margin-top: 40px;
    margin-left: 0px;
	color: #FFFFFF;
	font-family: Helvetica, Arial;
	font-weight: 600;
}
.page-section .p-wit {
	font-size: 1.3em;
	line-height: 1.5em;
 	margin-bottom: 20px;
	margin-top: 20px;
    margin-left: 0px;
	color: #FFFFFF;
	letter-spacing: .05em;
	font-family: Helvetica, Arial;
}

/* 	========== LETTERTYPE GRIJS ========= */
.page-section .h1-oranje {
	font-size: 2.5em;
 	margin-bottom: 20px;
	margin-top: 40px;
    margin-left:  50px;
	color: #F29400;
	font-family: Helvetica, Arial;
	font-weight: 600;
}

.p-grijs_adres {
	font-size: 1.2em;
	line-height: 1.5em;
 	margin-bottom: 20px;
	margin-top: -5px;
	color: #1A171A;
	letter-spacing: .05em;
	font-family: Helvetica, Arial;
}


/* 	========== LETTERTYPE GRIJS ========= */

.container-fluid-modal{
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.h1-oranje-modal {
	font-size: 2em;
 	margin-bottom: 10px;
	margin-top: 10px;
	color: #F29400;
	font-family: Helvetica, Arial;
	font-weight: 600;
}
.p-grijs-modal {
	font-size: 1.2em;
	line-height: 1em;
 	margin-bottom: 20px;
	margin-top: 2px;
    margin-left: 0px;
	color: #1A171A;
	letter-spacing: .05em;
	font-family: Helvetica, Arial;
    font-weight: normal;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 0px solid #e5e5e5;
}



.p-grijs-label {
	font-size: 1.3em;
	line-height: 1.5em;
 	margin-bottom: 2px;
	margin-top: 2px;
    margin-left: -15px;
	color: #1A171A;
	letter-spacing: .05em;
	font-family: Helvetica, Arial;
    font-weight: normal;
}



.p-res-datum {
	font-size: 1.5em;
	line-height: 1.5em;
 	margin-bottom: 0px;
	margin-top: 0px;
    margin-left: -15px;
	color: #1A171A;
	letter-spacing: .05em;
	font-family: Helvetica, Arial;
}

.p-res-formulier {
    font-size: 1.2em;
    line-height: 1.5em;
    margin-bottom: 2px;
    margin-top: 2px;
    color: #1A171A;
    letter-spacing: .05em;
    font-family: Helvetica, Arial;
}


/* CMS LETTERTYPES */
.h1-blauw-cms {
	font-size: 3.00em;
 	margin-bottom: 10px;
	margin-top: 40px;
	color: #5F8BD1;
	font-family: "Mukta Bold";
	font-weight: 600;

}

.p-grijs-cms {
	font-size: 1.5em;
	line-height: 1.25em;
 	margin-bottom: 20px;
	margin-top: 10px;
	padding-right: 50px;
	color: #1A171A;
	font-family: 'Mukta Regular';
	font-weight: normal;
}




.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 1.4rem;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 0px 9999px white;
    box-shadow: inset 0 1px 1px white;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.alert-success {
    color: #000000;
    text-align: center;
    background-color: #F1942E;
    border-color: #F1942E;
    padding-right: 10px;
    padding-left: 10px;
}



form .form-control:focus{
  border-color: #CCC;
  box-shadow: none;
}

form .form-control:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px white;
}

.container_textblok {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 40px;
	padding-bottom: 40px;
}




.adres_container {
	font-size: 1.5em;
	line-height: 1.2em;
 	margin-bottom: 20px;
	margin-top: 0px;
	color: #FFFFFF;
	letter-spacing: .075em;
	font-family: Helvetica, Arial;
}

a {
    color: #4b515d;
    text-decoration: none;
    background-color: transparent;
	font-family: Helvetica, Arial;
	line-height: .75em;
}

a.voorwaarden:link, a.voorwaarden:visited, a.voorwaarden:active  {
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
	font-size: .8em;
	font-family: Helvetica, Arial;
}
a.voorwaarden:hover {
    color: #ffffff;
    background-color: transparent;
	text-decoration: underline;
	outline: 0;
	font-size: .8em;
	font-family: Helvetica, Arial;
}

a.verslag:link, a.verslag:visited, a.verslag:active  {
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
	font-size: 1em;

	font-family: Helvetica, Arial;
}
a.verslag:hover {
    color: #ffffff;
    background-color: transparent;
	text-decoration: underline;
	outline: 0;
	font-size: 1em;
	font-family: Helvetica, Arial;
}


/* 	================================================= PHONE ======================================================== */
@media (max-width: 480px) {	

.content {
  height: 100%;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #fff;
}

.contact{
    margin-left: 0px;
}
  
.wrapper {
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 121%;
    margin: 0 auto -40px;
}
    
.col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}
    
.container-fluid{
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
	
.anchor{
	display: block;
	height: 178px; 				/*same height as header*/
	margin-top: -120px; 		/*same height as header*/
	visibility: hidden;
}

.anchor-vervolg {
    display: block;
    height: 65px;
    margin-top: -120px;
    visibility: hidden;
}

	
/* 	========== LETTERTYPE GRIJS ========= */
.p-grijs_adres {
	font-size: 1em;
	line-height: 1.4em;
 	margin-bottom: 10px;
	margin-top: 20px;
	color: #1A171A;
	font-family: Helvetica, Arial;
}

	
.container_textblok {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
}

	/* 	========== LETTERTYPE ordened list ========= */
.li-grijs {
	font-size: 1em;
	line-height: 1.4em;
 	margin-bottom: 5px;
	margin-top: 0px;
	color: #1A171A;
	font-family: Helvetica, Arial;
	letter-spacing: .1em;
}

	
}

/* 	================================================= TABLET ======================================================== */
@media (min-width: 768px) and (max-width: 1024px) {	
    
    
.container-fluid{
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
    
.wrapper {
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 116%;
    margin: 0 auto -40px;
}

	
.container_textblok {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.anchor{
	  display: block;
	  height: 200px; 				/*same height as header*/
	  margin-top: -120px; 			/*same height as header*/
	  visibility: hidden;
}

.anchor-vervolg {
    display: block;
    height: 78px;
    margin-top: -100px;
    visibility: hidden;
}
	
.adres_container {
	font-size: 1em;
	line-height: 1.4em;
 	margin-bottom: 10px;
	margin-top: 10px;
	color: #FFFFFF;
	font-family: Helvetica, Arial;
	letter-spacing: .1em;
}

    
.p-grijs_adres {
	font-size: 1em;
	line-height: 1.75em;
 	margin-bottom: 10px;
	margin-top: 20px;
	color: #1A171A;
	font-family: Helvetica, Arial;
	letter-spacing: .1em;
}

	
.container_textblok {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
}

	/* 	========== LETTERTYPE ordened list ========= */
.li-grijs {
	font-size: 1em;
	line-height: 1.4em;
 	margin-bottom: 5px;
	margin-top: 0px;
	color: #1A171A;
	font-family: Helvetica, Arial;
	letter-spacing: .1em;
}
	

	
}