/**
 * 	ALGEMEEN
 */
img{
	max-width:100%;
	width:auto;
	height:auto;
	display:block;
}

.gmap img{
	max-width:inherit;
}

.block-title{
	margin-bottom:10px;
}

.block{
	margin-bottom:10px;
}

.block.first.last{
	margin-bottom:0;
}

.field,
#page > .inner-wrapper > *{
	margin-bottom:10px;
}

/**
 * 	BOVENKANT VAN DE PAGINA
 */
 
 
.view-header-afbeelding .views-field-nothing,
.border {
	background:url('../afbeeldingen/header-border.png') no-repeat;
	display:block;
	position:absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-size: 100%;
    left: 0;
}
#site-header{
	background:#fff;
}
#block-block-43,
#block-views-header_afbeelding-block,
#block-views-diashow-berkenhorst {
    margin-left: -20px;
    margin-right: -20px;
    max-height: 320px;
	overflow: hidden;
}
#block-views-diashow-berkenhorst .views-field-field-afbeelding {
	overflow:hidden;
    padding-bottom: 30px;
} 
#block-views-header_afbeelding-block .block-inner img,
#block-block-43 .content > img {
	width: 100%;
	padding-bottom: 30px;
}


.breadcrumb{
	padding:0;
}

.breadcrumb a{
	color: #fe7900;
	text-decoration:none;
}

.breadcrumb a:hover{
	text-decoration:underline;
}

.breadcrumb > .inner-wrapper{
	padding: 0 15px 15px;
	font-size: 12px;
}

/***
 *CONTENT EN SIDEBARS 
 */
#sidebar-first > .inner-wrapper,
#sidebar-second > .inner-wrapper{
	margin-right:10px;
}

#sidebar-third > .inner-wrapper,
#sidebar-fourth > .inner-wrapper{
	margin-left:0px;
}

/***
 *ONDERKANT VAN DE PAGINA 
 */


/**
 * 	FIELD STYLING
 */

.field-name-field-ondertitel {
	font-size: 20px;
	font-weight: normal;
}

.field-name-field-lees-meer {
	margin-top: 15px;
}
 
.field-label {
	color: #FE7900;
	padding-bottom: 5px;
}

.field-name-field-link a{
	background: none repeat scroll 0 0 #FE7900;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 5px 10px;
    text-decoration: none;
}

.field-name-field-link a:hover{
	background: none repeat scroll 0 0 #afcb52;
	 text-decoration: none;
}

.field-type-list ul{
	list-style-image:url('../afbeeldingen/vinkje.png');
}

.field-slideshow{
	width:100%;
}


.group-linker-kolom{
	float:left;
	width:50%;
	margin:0;
}

.group-rechter-kolom{
	float:right;
	width:50%; /** Als je deze aanpast, pas dan ook de styling aan onder het item VERTICALE CAROUSEL STYLING **/
	margin:0;
}

.group-rechter-kolom img{
	width:100%;
	height:100%;
}


.field-name-field-fotoshow .field-item{
	display:inline-block;
	width:32%;
	margin-bottom:5px;
	vertical-align:top;
}
.field-name-field-fotoshow .field-item .inner-wrapper{
	padding:5px;
	border:1px solid black;
	background:white;
}

/**
 * 	VERTICALE CAROUSEL STYLING
 */
.field-name-field-verticale-carrousel .jcarousel-skin-default {
	padding:20px 1px 25px;
}


.field-name-field-verticale-carrousel .jcarousel-skin-default .jcarousel-container-vertical{
	padding:0;
}

.field-name-field-verticale-carrousel .jcarousel-skin-default .jcarousel-container-vertical,
.field-name-field-verticale-carrousel .jcarousel-skin-default .jcarousel-clip-vertical{
	width:100%;
	height:450px; 
}

.field-name-field-verticale-carrousel .jcarousel-skin-default .jcarousel-item{
	width:100%;
}

.field-name-field-verticale-carrousel .jcarousel-skin-default .jcarousel-prev-vertical,
.field-name-field-verticale-carrousel .jcarousel-skin-default .jcarousel-next-vertical{
	position: absolute;
   	width: 100%;
    background:#e5e5e5;
    border:1px solid black;
    padding:0;
    height:20px;
    left:-1px;
}

.field-name-field-verticale-carrousel .jcarousel-skin-default .jcarousel-prev{
    top: -20px;	
    background:url('../afbeeldingen/arrow-up.png') center center no-repeat #e5e5e5;
}
.field-name-field-verticale-carrousel .jcarousel-skin-default .jcarousel-next{
    bottom: -25px;	
    background:url('../afbeeldingen/arrow-down.png') center center no-repeat #e5e5e5;
}

.field-name-field-verticale-carrousel .jcarousel-skin-default .jcarousel-prev-vertical:hover,
.field-name-field-verticale-carrousel .jcarousel-skin-default .jcarousel-next-vertical:hover{
	background-color:#d5d5d5;
}

/**
 * 	Horizontale carousel styling
 */

.node-omgeving .field-name-field-horizontale-carrousel .jcarousel-container-horizontal{
	width:600px;
	height:100%;
	margin-left:15px;
	margin-right:0px;
	padding:0 25px;
}

.field-name-field-horizontale-carrousel .jcarousel-container-horizontal{
	width:auto;
	height:100%;
	margin-left:0px;
	margin-right:0px;
	padding:0 25px;
}

.field-name-field-horizontale-carrousel .jcarousel-clip-horizontal{
	width:100%;
}

.field-name-field-horizontale-carrousel .jcarousel-item{
	height:auto;
}


.field-name-field-horizontale-carrousel .jcarousel-prev {
	background:url('../afbeeldingen/pijl-links.png')no-repeat;
    display: block;
    height: 23px;
    width: 20px;
	margin-right: 10px;
}

.field-name-field-horizontale-carrousel .jcarousel-next {
	background:url('../afbeeldingen/pijl-rechts.png') no-repeat;
    display: block;
    height: 23px;
    width: 20px;
	margin-left: 10px;
}

.field-name-field-horizontale-carrousel .jcarousel-skin-default .jcarousel-next-horizontal {
    position: absolute;
    right: 0;
    top: 55px;
}

.field-name-field-horizontale-carrousel .jcarousel-skin-default .jcarousel-prev-horizontal {
    position: absolute;
    left: 0;
    top: 55px;
}

/**
 * 	REFERENCE FIELD STYLING
 */
.field-name-field-locaties.field-type-entityreference .field-items{
	font-size:0px;
}
.field-name-field-locaties.field-type-entityreference .field-item{
	font-size:14px;
	display:inline-block;
	vertical-align:top;
	width:50%;
	overflow:hidden;
}

.field-name-field-locaties.field-type-entityreference .field-item .field{
	float:none;
}
.field-name-field-locaties.field-type-entityreference .field-item .field-item{
	width:auto;
	display: inline;
}

.field-name-field-locaties.field-type-entityreference .node{
	border: 1px solid;
    margin-right: 20px;
    margin-bottom:10px;
    overflow: hidden;
    padding: 10px;
	min-height:125px;
}

.field-name-field-locaties.field-type-entityreference .node .content{
	float:left;
	width:100%;
}

.field-name-field-locaties.field-type-entityreference .node .content .field{
	width:auto;
}

.field-name-field-locaties.field-type-entityreference .node .field{
	margin:0;
}
   
.field-name-field-locaties.field-type-entityreference .node h2{
	float:left;
	font-size:12px;
	width:60%;
}


.field-name-field-locaties.field-type-entityreference .node  .field-name-field-afbeelding img{
	background:#ffffff;
	border:1px solid #e5e5e5;
	padding:4px;
	float:right;
}

.field-name-field-locaties.field-type-entityreference .node .field-name-field-afbeelding{
	float:right;
}

#site-map h2{
	display:none;
}

/* Omgeving Frontpage */
#block-views-Omgeving-frontpage {
	padding: 0 10px;
}
.omgeving-blokje {
	float: left;
    overflow: hidden;
	width: 33.33333333%;
	padding: 0 5px;
}
.omgeving-blokje .afbeelding{
    overflow: hidden;
    width: 100%;
	background: #e5e5e5;
}
.omgeving-blokje .afbeelding img{
    height: auto;
    width: 100%;
	max-width: none;
}

.omgeving-blokje .titel a{
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}

.omgeving-blokje .titel a:hover{
	text-decoration: underline;
}

.omgeving-blokje .titel {
	background:url('../afbeeldingen/right-border-omgeving.png') top right no-repeat #fe7900;
	padding: 10px;
	margin-bottom: 7px;
}

.omgeving-blokje .link {
	width:100%;
	display:block;
	text-align: center;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.omgeving-blokje .link a {
	color: #fe7900;
	font-size: 14px;
	text-decoration: none;
	display: block;
	padding: 15px;
}

.omgeving-blokje .link a:hover {
	text-decoration: underline;
}

.omgeving-blokje .link a span{
	color: #545454;
}

/* NIEUWSBRIEF */

#block-block-21 {
	background: url("../afbeeldingen/shade.png") no-repeat center bottom;
	padding-bottom: 20px;
	background-size: 100%;
}

#block-block-21 .block-inner {
	background: #eff2e5;
}

#block-block-21 .block-inner .content a{
    background: none repeat scroll 0 0 #afcb52;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 18px;
    margin: 15px 0 0 0;
    padding: 5px 10px;
    text-decoration: none;
	font-family: 'Open Sans', sans-serif;
}

#block-block-21 .block-inner .content a:hover {
	background: none repeat scroll 0 0 #FE7900;
}


#block-block-21 .block-inner .content{
	padding: 0px 20px 20px 20px;
	line-height: 20px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.node-type-accomodatie  h1.title,
#block-block-21 .block-title{
    background: url("../afbeeldingen/right-border-groen.png") no-repeat scroll right top #afcb52;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
    padding: 10px;	
}
.node-type-accomodatie  h1.title {
	margin: -10px -20px 20px -20px;
}
	

.page-node-471 ul.inline, .page-node-471	ul.links.inline {
    display: inline;
    padding-left: 0;
	line-height: 0;
}

.page-node-471  ul.inline li {
    display: inline;
    list-style-type: none;
    padding: 0 10px;
	background: none;
}

 .page-node-471 .node-teaser .link {
 font-size: 12px;
 }
 
@media (max-width: 768px) {
	#block-views-header_afbeelding-block .block-inner img, #block-block-43 .content > img, #block-views-diashow-berkenhorst .views-field-field-afbeelding {
		padding-bottom: 15px;
	}
	.field-name-field-locaties.field-type-entityreference .field-item {
		width: 100%;
	}
	.field-name-field-locaties.field-type-entityreference .node {
		margin-right: 0;
	}
}

.mailchimp-newsletter-mergefields {
	max-width: 300px;
	width: 100%;
}
.page-node-601336 .messages {
	display: none;
}
.page-node-311.node-type-webform form input[type=submit] {
	margin-left: 0;
}

/* cookie bar */
#sliding-popup.sliding-popup-bottom {
	-webkit-box-shadow: 0px -1px 3px 0px rgba(204,204,204,0.5);
	-moz-box-shadow: 0px -1px 3px 0px rgba(204,204,204,0.5);
	box-shadow: 0px -1px 3px 0px rgba(204,204,204,0.5);
}
#sliding-popup .popup-content #popup-text {
	max-width: 95%;
}
#sliding-popup .popup-content #popup-buttons {
	max-width: 5%;
}

@media (max-width: 1200px){
	#sliding-popup .popup-content #popup-text h2 {
		font-size: 16px !important
	}
}