/* Home en Pages Styles */
div#main-home {
    max-width: 100%;
    padding: 0;
}
div#main-home h3 {
	color: #818181;
	clear: none;
}

img { padding: 0 !important; border: none !important; }

/* Contact Page */
div.contactform {
	float: left;
	width: 400px;
}
div.googlemaps {
	float: right;
	width: 500px;
}

/* Block's Top*/
.blockTop {
    float: left;
    margin-bottom: 20px;
    position: relative;
    width: 310px;
    height: 265px;
}

.btLeft {
    background: #0188CC;
}

.btCenter {
    background: #77B82A;
    margin: 0 15px;
}

.btRight {
    background: #006496;
}

div#main-home  .blockTop h3 {
    margin: 0;
    padding: 5px 10px;
    color: #FFF;
    font-size: 16px;
    font-weight: normal;

}

.blockTop p {
    margin: 0;
    padding: 0px 10px;
    color: #FFF;
    font-size: 14px;
    line-height: 1.2em;
}

/* Blocks' Bottom */
.blockBottom {
    background: #FFF;
    border: 3px solid #006496;
    float: left;
    margin-bottom: 20px;
    position: relative;
    width: 304px;
    height: 205px; /*205px 228px*/
}

.blockBottom > div {
    background: #006496;
	border-top: 1px solid #CCC;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 68px;
    width: 100%;
}

.bbCenter {
    margin: 0 15px;
}


div#main-home .blockBottom h3 {
    margin: 0;
    padding: 5px 10px;
    color: #636363;
    font-size: 14px;
    font-weight: bold;

}

.blockBottom p {
    margin: 0;
    padding: 0px 10px;
    color: #636363;
    font-size: 14px;
    line-height: 1.2em;
}

.blockBottom  div > span {
    color: #FFF;
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}
.blockBottom span.blog {
    color: #FFF;
    position: absolute;
    top: 28px;
    left: 5px;
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
}

.blockOverOns {
    background: #77B82A;
    color: #FFF;
    max-width: 100%;
    height: 205px;
}
.leftOverOns {
	position: relative;
	float: left;
	padding: 40px 20px 40px 40px;
	width: 245px;
	height: 125px;
}

div#main-home  .leftOverOns  h3 {
	margin: 0;
	color: #FFF;
	font-size: 24px;
    line-height: 1.2em;
}
.leftOverOns  p {
    margin: 10px 0;
	font-size: 18px;
    line-height: 1.2em;
}

.rightOverOns {
	position: relative;
	float: left;
	width: 645px;
	height: 205px;
}
.rightOverOns p {
	margin: 40px 5px 0 20px;
	color: #FFF;
	font-size: 16px;
    line-height: 1.2em;
}

/* Readmore */
a.readmore, a.readmore:visited {
    display: block;
    position: absolute;
    right: 12px;
    bottom: 5px;
    color: #FFF;
    height: 20px;
    text-align: right;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
}
a.readmore:hover {
    text-decoration: none;
    right: 10px;
}
a.readmore > span {
	display: inline-block;
	border-top: 1px solid #FFF;
	height: 4px;
	opacity: 0.8;
	margin-right: 10px;
}
.rightOverOns a.readmore > span{
	width: 525px;
	height: 3px;
}
.blockBottom  a.readmore > span, .blockTop  a.readmore > span {
	width: 195px;
	height: 3px;
}
.leftOverOns  a.readmore { right: 0; }
.leftOverOns  a.readmore:hover { right: -10px; }
.leftOverOns  a.readmore > span {
	width: 145px;
	height: 3px;
}
.block-slider-news  a.readmore > span {
	width: 265px;
}


/* Aanmeldformulier Page */
span.label1
{
	display: inline-block;
    	width: 270px;
}
div#wpcf7-f308-p309-o1 span.wpcf7-not-valid-tip
{
	display: inline-block;
	padding-left: 5px;
}

/* Nieusbriefformulier page */
span.label2
{
	display: inline-block;
    	width: 150px;
}
div#wpcf7-f336-p333-o1 span.wpcf7-not-valid-tip
{
	display: inline-block;
	padding-left: 5px;
}

@media screen and (max-width:760px) {
	.rightOverOns a.readmore { display: none !important; }
	.leftOverOns a.readmore { display: block !important; }
}

@media screen and (min-width:761px) {
	.rightOverOns a.readmore { display: block !important; }
	.leftOverOns a.readmore { display: none !important; }
}