@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/**
 * 	FIX OM TE VOORKOMEN DAT AFBEELDINGEN EEN PADDING-BOTTOM GENEREREN ALS ZE DEEL UITMAKEN VAN EEN LINK
 */
a img{display:block;}
/**
 * 	CSS FIX OM INLINE MENU ITEMS NAAST ELKAAR UIT TE LATEN LIJNEN
 */
ul.menu								{font-size:0;}
ul.menu li a						{font-size: 14px;}/**
 * 	CSS FIX OM DE SIDEBARS EN CONTENT BLOKKEN GOED UIT TE LATEN LIJNEN.
 */
#page, 
#page > .inner-wrapper  #main,
#page > .inner-wrapper  #quad-columns		{font-size:0;}

#main > *,
#page > .inner-wrapper > *,
#quad-columns > .inner-wrapper > *			{font-size:14px;}
/**
 * 	EINDE FIXES.
 */

/**
 * 	BOVENKANT VAN DE PAGINA POSITIONERING.
 */
body {
	background: #ddd;
	font-family: 'Open Sans', sans-serif;
	color: #545454;
	background: url("../afbeeldingen/background.jpg") no-repeat fixed center top / cover transparent;
}
#content, .sidebar {
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}
.row {
	margin-left: -15px;
	margin-right: -15px;
}

.node p {
	padding-bottom: 15px;
}

h2 {
	font-size: 22px;
	font-weight:normal;
	padding-bottom: 10px;

}
#block-system-user-menu {
	margin-top: 10px;
}
.responsive-menus.responsified span.toggler {
	padding: 10px 15px;
	box-shadow: none;
	background: #fe7900;
}
.responsive-menus.responsified .responsive-menus-simple {
    background: #fe7900;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 0px 2px 1px rgba(0,0,0,0.25);
}
.responsive-menus.responsified.responsive-toggled span.toggler {
    border-bottom: 1px solid #ffbc80;
}
.responsive-menus.responsified .responsive-menus-simple li.active-trail {
    background-color: #ffbc80;	
}
#site-map a,
.node a,
p a {
	font-size: 12px;
	color: #fe7900;
	text-decoration:none;
}

#site-map a:hover,
.node a:hover,
p a:hover {
	text-decoration:underline;
}

p {
line-height: 20px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

div.tabs {
	margin: 0;
	}

#page {
	margin:0 auto;
	max-width:1130px;
	width:100%;
	background: #fff;
	box-shadow: 0 0 20px #888888;
}

#page > .inner-wrapper > *{
	width: 100%; 
	max-width:1130px;
	display:inline-block;
	
}

h1 {
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 10px;
    margin-top: 0;
}

.fieldgroup-effects-processed.collapsed .field-group-format-toggler a {
    background: url("../afbeeldingen/plus.png") no-repeat scroll left center transparent;
    padding-left: 16px;
}
.fieldgroup-effects-processed .field-group-format-toggler a {
    background: url("../afbeeldingen/min.png") no-repeat scroll left center transparent;
    padding-left: 16px;
}



.group-lees-meer {
	margin-bottom: 20px;
}

.group-lees-meer a{
    font-size: 12px;
    font-weight: normal;
	text-decoration: none;
}

.group-lees-meer a:hover{
	text-decoration: underline;
}

#main {
margin-top:-10px;
}

#logo{
	float:left;
	width: 25%;
}

#name-and-slogan{
	float:left;
	padding: 30px;
	width: 75%;
}

#site-name,
#site-slogan{
	float:left;
	color: #fe7900;
	font-size: 30px;
    letter-spacing: -.5px;
	
}

#menu-region{
	display:inline-block;
	width:100%;
	border-top: 1px solid #e5e5e5;
    margin-top: 15px;
    padding-top: 15px;
	margin-bottom: 15px;
}

#breadcrumbs{
	width:100%;
}
#header {
	position: relative;
}
#content-area, #content-header {
	float: left;
	width: 100%;
    max-width: 100%;
}
#quad-columns {
	background: url("../afbeeldingen/shade-940.png") no-repeat center bottom;
	background-size: 100%;
    margin-left: -20px;
    padding: 20px 0 2%  !important;
    margin-right: -20px;
    display: block !important;
}
	
#quad-columns .inner-wrapper {
	background: #fbf0e3;
	border-top: 5px solid #e5a659;
	border-bottom:  5px solid #e5a659;
}	

#quad-column-first .inner-wrapper, #quad-column-second .inner-wrapper, #quad-column-third .inner-wrapper, #quad-column-fourth .inner-wrapper {
	border: 0;
	padding: 20px;
}
#quad-columns .inner-wrapper #quad-column-first {
	width: 100%;
}
#quad-columns .inner-wrapper #quad-column-second,
#quad-columns .inner-wrapper #quad-column-third,
#quad-columns .inner-wrapper #quad-column-fourth {
	display: none;
}


/**
 * 	ZIJBALKEN EN INHOUD POSITIONING
 */
#main > *{
	display:block;
	clear: both;
}


#block-system-main{
	overflow:hidden;
}

/**
 * 	STANDAARD BREEDTE - SMALLE ZIJBALKEN
 */
#sidebar-second,
#sidebar-third{	width:25%;
float:right;}

/**
 * 	STANDAARD BREEDTE - BREDE ZIJBALKEN
 */
#sidebar-first,
#sidebar-fourth{ width:35%; float:right;}
/**
 * 	STANDAARD BREEDTE - CONTENT
 */
#content{width:75%;}

#highlight {
	width: 100%;
}

#highlight .block {
	float:left;
	width: 100%;
}

/**
 *	AFWIJKINGEN
 * 	BEIDE BREDE SIDEBARS
 */
.sidebars-both-BREDE #sidebar-first,
.sidebars-both-BREDE #sidebar-fourth{					float:left;	width:50%;}

/**
 * 	BEIDE SMALLE SIDEBARS
 */
.sidebars-second-third #content{						width:50%;}

/**
 * 	ENKELE BREDE SIDEBAR
 */
.sidebars-first #content,
.sidebars-fourth #content{								width:65%;}

/**
 * 	SMALL EN BREDE SIDEBAR
 */
.sidebars-first-second #content,
.sidebars-first-third #content,
.sidebars-second-fourth #content,
.sidebars-third-fourth #content{						width:40%;}

/**
 * 	GEEN SIDEBARS
 */
.no-sidebars #content{
	width:100%;
}
/**
 * 	ONDERKANT VAN DE PAGINA POSITIONERING
 */
#quad-columns .block-title {
	color: #777777;
    font-size: 16px;
    margin-bottom: 10px;
}

#quad-columns .content {
	font-family: Arial, Helvetica, sans-serif;
}

#quad-columns > .inner-wrapper > *{
	display: inline-block;
	width:25%;
	vertical-align:top;
	font-size: 12px;
	line-height: 24px;
}

/**
 * 	FOOTER POSITIONERING
 */

#footer {
	text-align:right;
}

#footer > .inner-wrapper > *{
	display:inline-block;
}
#footer-copyright img{ 
	display: inline-block;
    vertical-align: middle;
	margin-left: 10px;
}

#block-block-11 {
    background: url("../afbeeldingen/logo-footer.jpg") no-repeat scroll right top transparent;
    height: 50px;
    padding-right: 60px;
    padding-top: 12px;
}

#footer-copyright {
	float:right;
	color: #777777;
    font-size: 12px;
	margin-top: 6px;
}

#footer-menu {
	float:left;
	margin-top: 13px;
}

#author
{
	text-align: center;
	font-size: 11px !important;
}

#author a
{
	color: #777777;
	text-decoration: none;
}

#author a:hover
{
	text-decoration: underline;
}

#slideshow-area {
	display: block;
	margin: 20px -20px;
	padding-top: 20px;
}
#slick-node-431-omgeving-field-horizontale-carrousel-1 {
	margin: 15px 0;
}
#slick-node-431-omgeving-field-horizontale-carrousel-1-slider .slick-slide {
	padding: 0 16px;
}
#slick-node-431-omgeving-field-horizontale-carrousel-1-slider,
#slideshow-area > .inner-wrapper {
    background: #f8f9f2;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    padding: 20px 30px;
}
.slick-slide {
	padding: 0 15px;
}
.slick-slide .slide__content {
    border: 1px solid #CCC;
	padding: 5px;
	background-color: #fff;
}

#site-header {
	padding: 20px 20px 0px 20px;
}

#header, #main, #quad-columns {
	padding: 0px 20px; 
}

#footer {
    padding: 0;
    width: 100%;
}

/**
 * 	VOTING PAGINA
 */
.node-type-voting .region-content {border:1px solid #dfdfdf;background:#fff;padding:9px;}
.node-type-voting .region-content h1 {background:#77b512;padding:15px 20px;color:#FFFFFF;text-transform:uppercase;}
.node-type-voting .region-content .links {margin:15px 0 0 0;line-height: 40px;}
.node-type-voting .region-content .links .links.inline {border:1px solid #DCDCDC;background:#F5F5F5;padding:8px 13px;margin:0px 13px;}
.node-type-voting .region-content  .field-name-body {padding:13px;}
.node-type-voting .region-content  .field-type-fivestar {padding:2px 13px;}
.node-type-voting .region-content  .field-type-fivestar .field-label {float:left;width:130px;}
.node-type-voting .region-content  .field-type-fivestar .field-items {float:left;}
.node-type-voting .region-content  #comments {margin: 30px 0px 10px;}
.node-type-voting .region-content  #comments h2 {font-size: 1.429em;line-height: 1.4;margin-bottom: 10px;}
.node-type-voting .region-content  #comments .comment .attribution {background:#ebebeb;padding:12px;color:#7a7a7a;}
.node-type-voting .region-content  #comments .comment .attribution p {margin:0px;}
.node-type-voting .region-content  #comments .comment .attribution span.username {margin-left:0px;font-size:13px;font-weight:bold;}
.node-type-voting .region-content  #comments .comment .attribution span.date {margin-left:20px;font-size:11px;}
.node-type-voting .region-content  #comments .comment .comment-text {padding:2px 13px;}
.node-type-voting .region-content  #comments .comment .comment-text h3 {margin:0px;font-weight:bold;}
.node-type-voting .region-content  #comments .comment .comment-text .content {margin-bottom:30px;}
.node-type-voting .region-content  #comments .comment .comment-text .content  .field-name-comment-body .inner-wrapper {margin:10px 0 0 0;}
.node-type-voting .region-content  #comments .comment .comment-text .content .field-type-text-long {margin:0px;}
.node-type-voting .region-content  #comments .comment .comment-text .content .group_wrapper {border:1px solid #e5e5e5;margin-top:15px;height:60px;padding-top: 5px;}
.node-type-voting .region-content  #comments .comment .comment-text .content .group_wrapper .field-type-fivestar {float:left;width:240px;}

.node-type-voting .region-content  #comments h2.title.comment-form {border:1px solid #dcdcdc;background:#f5f5f5;margin:0px;padding:13px 13px;}
.node-type-voting .region-content  #comments form.comment-form {border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;}
.node-type-voting .region-content  #comments form.comment-form .form-item-subject {margin-bottom: 10px;margin-top: 0px;padding:13px 13px 0px 13px;}
.node-type-voting .region-content  #comments form.comment-form .form-item-name {margin-bottom: 10px;margin-top: 0px;padding:13px 13px 0px 13px;}
.node-type-voting .region-content  #comments form.comment-form .form-item-name input {padding:5px 5px;margin-top:5px;}
.node-type-voting .region-content  #comments form.comment-form .field-name-comment-body {padding:13px 13px 0px 13px;}
.node-type-voting .region-content  #comments form.comment-form .field-name-comment-body label {margin-bottom:5px;}
.node-type-voting .region-content  #comments form.comment-form .form-item-subject label {float: left;width: 149px;}
.node-type-voting .region-content  #comments form.comment-form .form-item-subject .form-text {width: 500px;}
.node-type-voting .region-content  #comments form.comment-form .group_links {float:left;width:310px;border-right:1px solid #dcdcdc;margin-right: 13px;height:195px;padding-top: 20px;}
.node-type-voting .region-content  #comments form.comment-form .group_links .field-type-fivestar {padding: 12px 13px;}
.node-type-voting .region-content  #comments form.comment-form .group_links .form-item label {float: left;width: 170px;}
.node-type-voting .region-content  #comments form.comment-form .group_rechts {border-bottom:1px solid #dcdcdc;border-top:1px solid #dcdcdc;padding-top: 6px;height: 208px;}
.node-type-voting .region-content  #comments form.comment-form .group_rechts .form-text {width:200px;}
.node-type-voting .region-content  #comments form.comment-form .group_rechts input {padding:5px 5px;margin-top:8px;margin-bottom:5px;}
.node-type-voting .region-content  #comments form.comment-form .form-actions {padding: 10px 20px 0px;margin:5px 0px;}
.node-type-voting .region-content  #comments form.comment-form .form-actions input {padding:5px 15px;}

.node-type-voting .node li {background: none;}

#site-header {position: relative; }
.region-menu {position: absolute; top: 30px; right: 0; width: 240px;}
.content .file-icon { display: inline-block;}

.page-vve table {
    width: 100%;
	border-collapse: collapse;
    font-size: 12px;
    text-align: left;


}

.page-vve th{
	background: none repeat scroll 0 0 #e7f0cb;
    border: 1px solid #FFFFFF;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    padding: 8px;
}
	
.page-vve  td {
	background: none repeat scroll 0 0 #EFF2E5;
    border-bottom: 1px solid #FFFFFF;
    border: 1px solid #FFFFFF;
    border-top: 1px solid transparent;
    padding: 8px;
}

.page-vve  tr:hover td {
   background: none repeat scroll 0 0 #e7f0cb;
    
}
#user-login-form input,
.page-user input,
.page-user input,
.page-user-edit input {
	padding: 5px;
}

.page-user-edit .field-name-field-adres-bpdh,
.page-user-edit .field-name-field-verhurend,
.page-user-edit #edit-timezone, .page-user-edit #edit-picture {
	display: none;
}
.
.page-admin-people-create .tabs,
.page-user .form-item-roles-21,
.page-admin-people .form-item-roles-21,
.page-admin-people .breadcrumb,
.page-vve-leden #menu-region #primary,
.node-type-vve-pagina #menu-region #primary {
	display: none;
}
.page-vve-leden #page {
	width: 1200px;
}
.page-vve-leden #page > .inner-wrapper > * {
	width: 1160px;
}

#block-menu-menu-vve-menu {
	margin-bottom: 10px;
}

iframe body {
	background: none;
}

/* Responsiveness */

@media (max-width: 992px) {
	#sidebar-first, #sidebar-fourth, .sidebars-first #content, .sidebars-fourth #content, #content, #sidebar-third {
		width: 100%;
		margin-bottom: 30px;
	}
	#site-name, #site-slogan {
		font-size: 24px;
	}
}
@media (max-width: 768px) {
	#name-and-slogan {
		padding: 15px 30px 0;
	}
}
@media (max-width: 568px) {
	#logo, #name-and-slogan {
		width: 100%;
		padding: 0;	
		text-align:center;		
	}
	#logo img {
		display: inline-block;
	    max-width: 200px;
	}
	#site-name, #site-slogan {
		font-size: 20px;
	}
}
@media (max-width: 480px) {
	#content .omgeving-blokje {
		width: 100%;
	}
	#content .views-row:not(:last-child) .omgeving-blokje {
		margin-bottom: 15px;
	}
}
@media (max-width: 340px) {
	.field-type-text-with-summary img,
	.field-type-text-long img {
		width: 100%;		
	}
}