.header

{

	background-position: center center; background-size: cover; height: 25vh;

}

#content{

	background-image: url(../img/texture5.png);

}

.bruin{

	background-image: url(../img/texture10.png); 

	color: #fff;

}

.zalm{

	background-image: url(../img/texture4.png); 

	color: #594c4d;

}

.broodtekst{

	padding: 15px;  flex-grow: 2;

}

.sidebar{

	text-align: center;  padding: 15px; 

	max-width: 40%;

	position: relative;

}

.boek-link{

	text-decoration: none;

	color: inherit;

	float: right;

	width: 150px;

	display: block;

}

.boek-link button{

	text-decoration: none;

	color: inherit;

	background-color: rgba(169,139,117,0.1);

	font-size:0.6em;

	line-height:1em;

	border: 0px;

	transition: background-color,color 0.4s;

}

.boek-link button:hover{

	background-color: rgba(169,139,117,1);

	color: #fff;

}

.region-link button{

	text-decoration: none;

	color: inherit;

	background-color: rgba(169,139,117,0.1);

	font-size:0.6em;

	line-height:1em;

	border: 0px;

	transition: background-color,color 0.4s;

}

.region-link button:hover{

	background-color: rgba(169,139,117,1);

	color: #fff;

}

quote{

	display: block;

	padding-left: 25px;

	font-style: italic;

}



form{

	background: rgba(255,255,255,0.8);

	color: #594c4d;

}

form h2{

	background: #ebb54f;

	color: #fff;

	padding: 2px 10px;

	margin: 0;

	

}

.vrijstaand-vervolgpagina{

	width: 25vw;

}



@media (min-width: 700px) {



	.vrijstaand-vervolgpagina{

		width: calc(50% + 50px);

		margin: auto auto;

		display: block;

	}



	



}



form .padded{

	padding: 15px;

}

form span{

	filter: sepia(100%);

	opacity: 0.4;

}



.clearfix:after {

  content: "";

  display: block;

  clear: both;

  visibility: hidden;

  height: 0;

}



 h2 {

  font-size: 1.5em;

  line-height: 1.5em;

  margin: 0;

}

 .title_container {

  text-align: center;

  padding-bottom: 15px;

}

 h3 {

  font-size: 1.1em;

  font-weight: normal;

  line-height: 1.5em;

  margin: 0;

}

 label {

  font-size: 12px;

}

 .row {

  margin: 10px -15px;

}

 .row > div {

  padding: 0 15px;

  box-sizing: border-box;

}

 .col_half {

  width: 50%;

  float: left;

}

 .input_field {

  position: relative;

  margin-bottom: 20px;

}

 .input_field > span {

  position: absolute;

  left: 0;

  top: 0;

  color: #333;

  height: 100%;

  border-right: 1px solid #cccccc;

  text-align: center;

  font-size: 16px;

  line-height: 35px;

  width: 30px;

}

 .input_field > span > i {

  padding-top: 10px;

}

 .textarea_field > span > i {

  padding-top: 10px;

}

 input[type=text],  input[type=email],input[type=address], input[type=tel],  input[type=password], textarea {

  width: 100%;

  padding: 8px 10px 9px 35px;

  height: 35px;

  border: 1px solid #cccccc;

  box-sizing: border-box;

  outline: none;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

textarea{

	height: 20vh;

}



 input[type=text]:hover,  input[type=email]:hover,input[type=address]:hover,input[type=tel]:hover,  input[type=password]:hover {

  background: #fafafa;

}

 input[type=text]:focus,  input[type=email]:focus, input[type=address]:focus, input[type=tel]:focus,  input[type=password]:focus {

  -webkit-box-shadow: 0 0 2px 1px rgba(255, 169, 0, 0.5);

  -moz-box-shadow: 0 0 2px 1px rgba(255, 169, 0, 0.5);

  box-shadow: 0 0 2px 1px rgba(255, 169, 0, 0.5);

  border: 1px solid #ebb54f;

  background: #fafafa;

}

 input[type=submit] {

  background: #ebb54f;

  height: 35px;

  line-height: 35px;

  width: 100%;

  border: none;

  outline: none;

  cursor: pointer;

  color: #fff;

  font-size: 1.1em;

  margin-bottom: 10px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

 input[type=submit]:hover {

  background: #e1a70a;

}

 input[type=submit]:focus {

  background: #e1a70a;

}



.form_container .row .col_half.last {

  border-left: 1px solid #cccccc;

}



.select_option {

  position: relative;

  width: 100%;

}

.select_option select {

  display: inline-block;

  width: 100%;

  height: 35px;

  padding: 0px 15px;

  cursor: pointer;

  color: #7b7b7b;

  border: 1px solid #cccccc;

  border-radius: 0;

  background: #fff;

  appearance: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  transition: all 0.2s ease;

}

.select_option select::-ms-expand {

  display: none;

}

.select_option select:hover, .select_option select:focus {

  color: #000000;

  background: #fafafa;

  border-color: #000000;

  outline: none;

}



.select_arrow {

  position: absolute;

  top: calc(50% - 4px);

  right: 15px;

  width: 0;

  height: 0;

  pointer-events: none;

  border-width: 8px 5px 0 5px;

  border-style: solid;

  border-color: #7b7b7b transparent transparent transparent;

}



.select_option select:hover + .select_arrow, .select_option select:focus + .select_arrow {

  border-top-color: #000000;

}



@media (max-width: 330px) {

   .header{

    display: none;

  }

}



@media (max-width: 700px) {

   .col_half,.sidebar{

    width: calc(100% - 30px);

	max-width: 100%;

    float: none;

	

  }

 

	

  .bottom_row .col_half {

    width: 50%;

    float: left;

  }



  .form_container .row .col_half.last {

    border-left: none;

  }

  	.vrijstaand-vervolgpagina{

		width: 100%;

		margin: auto auto;

		display: block;

	}





}