/*  
TODO:
Alle hover focus opmaken
IE8 js en css opmaken
Welke border-radius is er voor de verschillende elementen gebruikt?
Verzendbutton stylen
formbuilder opbouwen met label en controls in een controlgroup
*/

html {
    overflow-y: scroll;
}

/* Sticky Footer */
html,
body {
    height: 100%;
    /* The html and body elements cannot have any padding or margin. */
}

.Content .inner > h2 {
	font-size:23px;
}
.Content .inner > h3 {
	font-size:20px;
}

/* Wrapper for page content to push down footer */
.wrapper {
	background:url(../img/bg-repeat.png) repeat left top;
	position: relative;
	display:block;
	z-index:1001;
	width:990px;
	margin:0 auto 30px;
	-webkit-box-shadow: #666 1px 2px 5px;
	-moz-box-shadow: #666 1px 2px 5px;
	box-shadow: #666 1px 2px 5px;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
	behavior: url(/wingzz/library/htc/PIE.htc);


}
.wrapper > .container {
	z-index:2;
	position: relative;
	padding-bottom:25px;
}
.wrapper .footerbg {
	z-index:1;
	max-width:100%;
	position: absolute;
	display:block;
	left:0;
	bottom:0;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
	behavior: url(/wingzz/library/htc/PIE.htc);
}
.headertop {
	margin:0 0 15px 0;
	padding:0;
	border:0;
	display:block;
	clear:both;
	max-width:100%;
}

/* Banner */
/* BAnner */
#Banner {
	margin-bottom:20px;
	overflow:hidden;
}
#Banner .bannerOverlay {
	position: absolute;
	z-index:2;
	right:0px;
	bottom:0px;
	display:none;
}

#Banner .text {
	/*	width: 60%;*/
}

#background-image {
	display:none;
	left:0;
	position: fixed;
	top:0;
	z-index: 1;
}
#background-image2 {
	display:none;
	left:0;
	position: fixed;
	top:0;
	z-index: 2;
}
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

/* Set the fixed height of the footer here */
.push,
.footer {
    height: 60px;
}

.footer {
    background-color: #f5f5f5;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
    #footer {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
    }
}

/* Kill that skype plugin */
body span.skype_pnh_dropart_span,
body span.skype_pnh_right_span,
body span.skype_pnh_left_span {
    display: none !important;
}

body span.skype_pnh_container {
    margin-left: -.38em !important;
    margin-right: -.38em !important;
}

body span.skype_pnh_container, body span.skype_pnh_container * {
    color: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    font-size: inherit !important;
    letter-spacing: inherit !important;
}

body span.skype_pnh_container span.skype_pnh_text_span {
    padding-left: 0 !important;
}

body span.skype_pnh_container span.skype_pnh_highlighting_inactive_common *,
body span.skype_pnh_container span.skype_pnh_highlighting_active_common * {
    background: none !important;
}

.addthis_default_style .at300b {
	float: right;
}
.addthis_button_tweet {
	width: 90px !important;
}
a.mailen {
	display: inline-block;
	width: 73px;
	height: 20px;
	cursor: pointer;
	float: right;
	background: url(../img/mailen.png) no-repeat;
}

.back a {
	font-weight: bold;
}

.backlink {
    color: #fff;
	text-decoration: none;
    display: inline-block;
    margin: 0px 15px 5px 0px;
    padding: 8px 15px 8px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	background: #80bd01;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#80bd01), to(#779b0b));
	background: -webkit-linear-gradient(#80bd01, #779b0b);
	background: -moz-linear-gradient(#80bd01, #779b0b);
	background: -ms-linear-gradient(#80bd01, #779b0b);
	background: -o-linear-gradient(#80bd01, #779b0b);
	background: linear-gradient(#80bd01, #779b0b);
	-pie-background: linear-gradient(#80bd01, #779b0b);
}
.backlink:hover {
	color:#fff;
}
.morelink {
    color: #fff;
	text-decoration: none;
    display: inline-block;
    margin: 0px 0px 5px 25px;
    padding: 8px 15px 8px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	background: #80bd01;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#80bd01), to(#779b0b));
	background: -webkit-linear-gradient(#80bd01, #779b0b);
	background: -moz-linear-gradient(#80bd01, #779b0b);
	background: -ms-linear-gradient(#80bd01, #779b0b);
	background: -o-linear-gradient(#80bd01, #779b0b);
	background: linear-gradient(#80bd01, #779b0b);
	-pie-background: linear-gradient(#80bd01, #779b0b);
}
.morelink:hover {
	color:#fff;
}

/* Standaard */
.linkdiv {
    cursor:pointer;
}

.boxed {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 10px 0;
}

.border-bottom {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #dfdfdf;
}

.no-decoration, .no-decoration:hover {
    text-decoration: none;
} 

.centered-text {
    text-align:center
}   

/* Shadow */
.box {
    background:#FFF;
    margin:0 auto;
}
/*==================================================
 * Effect Shadow
 * ===============================================*/
.bottom-curved-shadow {
    position:relative;
    /*    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
           -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
}

.bottom-curved-shadow:before, .bottom-curved-shadow:after {
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 10px rgba(153,153,153,0.8);
    -moz-box-shadow:0 0 10px rgba(153,153,153,0.8);
    box-shadow:0 0 10px rgba(153,153,153,0.8);
    top:0;
    bottom:0;
    left:20px;
    right:20px;
    -moz-border-radius:100px / 20px;
    border-radius:100px / 20px;
}

.bottom-curved-shadow:after {
    right:20px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
    -moz-transform:skew(8deg) rotate(3deg);
    -ms-transform:skew(8deg) rotate(3deg);
    -o-transform:skew(8deg) rotate(3deg);
    transform:skew(8deg) rotate(3deg);
}

.top-bottom-curved-shadow {
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.top-bottom-curved-shadow:before, .top-bottom-curved-shadow:after {
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}

.top-bottom-curved-shadow:after {
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
    -moz-transform:skew(8deg) rotate(3deg);
    -ms-transform:skew(8deg) rotate(3deg);
    -o-transform:skew(8deg) rotate(3deg);
    transform:skew(8deg) rotate(3deg);
}

.effect6
{
	position:relative;
    background: #fff;
}

.effect6:before, .effect6:after {
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}

.effect6:after {
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
	-moz-transform:skew(8deg) rotate(3deg);
	-ms-transform:skew(8deg) rotate(3deg);
	-o-transform:skew(8deg) rotate(3deg);
	transform:skew(8deg) rotate(3deg);
}

.one-edge-shadow {
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}

article {
    position: relative;
	/*	z-index: 1;*/
    background: #fff;
    margin: 0 0 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

article .inner {
	overflow: hidden;
    padding: 20px  25px;
}
article.Poll .inner {
	padding:0 25px 20px;
}
.inner .inner {
	padding: 0;
}

article .inner h1
article .inner h2,
article .inner h3, 
article .inner h4 {
    margin-top: 0;
    line-height: 1.2;
}

/*article :last-child p {
    margin: 0 0 15px 0;
}*/

.home .rightcolumn article {
	margin-bottom: 30px;
}

.rightcolumn h3 {
    font-size: 18px;
}
.rightcolumn header p {
	margin-left: 25px;
	margin-right: 25px;
}
.rightcolumn header .more {
	margin-left: 25px;
	margin-bottom: 15px;
	margin-right:25px;
}

.align-right {
    text-align: right;
}

.orange {
    color: #ec6608;
}

.Snippet.bgblue {
	background: #0089CF;
	-pie-background: #0089CF;
}
.Snippet.bgblue h3 {
	text-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
}
.Snippet.bgblue h3 a {
	text-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
	padding-right:30px;
	background:url(../img/more-arrow-large.png) no-repeat right bottom;
	text-decoration: none;
}
.bgblue {
	overflow: hidden;
    color: #fff;
	background: #00adee;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00adee), to(#0067ae));
	background: -webkit-linear-gradient(#00adee, #0067ae);
	background: -moz-linear-gradient(#00adee, #0067ae);
	background: -ms-linear-gradient(#00adee, #0067ae);
	background: -o-linear-gradient(#00adee, #0067ae);
	background: linear-gradient(#00adee, #0067ae);
	-pie-background: linear-gradient(#00adee, #0067ae);
}
.bgpink {
	overflow: hidden;
    color: #fff;
	background: #f64f96;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f64f96), to(#d70157));
	background: -webkit-linear-gradient(#f64f96, #d70157);
	background: -moz-linear-gradient(#f64f96, #d70157);
	background: -ms-linear-gradient(#f64f96, #d70157);
	background: -o-linear-gradient(#f64f96, #d70157);
	background: linear-gradient(#f64f96, #d70157);
	-pie-background: linear-gradient(#f64f96, #d70157);
}
.bgpink a {
	color:#fff;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}
.bggreen {
	overflow: hidden;
    color: #fff;
	background: #80bd01;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#80bd01), to(#779a0b));
	background: -webkit-linear-gradient(#80bd01, #779a0b);
	background: -moz-linear-gradient(#80bd01, #779a0b);
	background: -ms-linear-gradient(#80bd01, #779a0b);
	background: -o-linear-gradient(#80bd01, #779a0b);
	background: linear-gradient(#80bd01, #779a0b);
	-pie-background: linear-gradient(#80bd01, #779a0b);
}
.bggreen a {
	color:#fff;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}
.Text.bggreen .more, .Content.bggreen .more {
	background: #f64f96;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f64f96), to(#d70157));
	background: -webkit-linear-gradient(#f64f96, #d70157);
	background: -moz-linear-gradient(#f64f96, #d70157);
	background: -ms-linear-gradient(#f64f96, #d70157);
	background: -o-linear-gradient(#f64f96, #d70157);
	background: linear-gradient(#f64f96, #d70157);
	-pie-background: linear-gradient(#f64f96, #d70157);
}

.bgorange {
	overflow: hidden;
	color: #fff;
	background: #ec6608;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ec6608), to(#ec4908));
	background: -webkit-linear-gradient(#ec6608, #ec4908);
	background: -moz-linear-gradient(#ec6608, #ec4908);
	background: -ms-linear-gradient(#ec6608, #ec4908);
	background: -o-linear-gradient(#ec6608, #ec4908);
	background: linear-gradient(#ec6608, #ec4908);
	-pie-background: linear-gradient(#ec6608, #ec4908);
}

.bgblue h1, .bgblue h2, .bgblue h3, .bgblue h4,
.bgorange h1, .bgorange h2, .bgorange h3, .bgorange h4, 
.bgpink h1, .bgpink h2, .bgpink h3, .bgpink h4, 
.bggreen h1, .bggreen h2, .bggreen h3, .bggreen h4, 
.bgblue h1 a, .bgblue h2 a, .bgblue h3 a, .bgblue h4 a,
.bgorange h1 a, .bgorange h2 a, .bgorange h3 a, .bgorange h4 a,
.bgpink h1 a, .bgpink h2 a, .bgpink h3 a, .bgpink h4 a,
.bggreen h1 a, .bggreen h2 a, .bggreen h3 a, .bggreen h4 a {
    color: #fff;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}

.bgblue header h2 a, 
.bgblue header h3 a,
.bgblue header h4 a,
.bgorange header h2 a, 
.bgorange header h3 a,
.bgorange header h4 a {
    padding: 0 25px 0 0;
    background: url(../img/arrowwhite.png) right bottom no-repeat;
}

.NoBg {
    background: none;
}

article header {
	overflow: hidden;
}
header h2 a, 
header h3 a, 
header h4 a {
    color: #EF67A5;
    padding: 0 0px 0 0;
	text-decoration: none;
} 
header .carrot a{
    background: url(../img/arroworange.png) right center no-repeat;
}

header p {
    margin-left: 25px;
    margin-right: 15px;
}

.align-right {
    text-align: right;
}


/* Formulieren */
.form_form .elementcontainer.radio, .form_form .elementcontainer.checkbox {
    margin-bottom: 10px;
    padding-left: 0px;
}

.form_form label {
    float:left;
}
.form_form .elementcontainer > label {
	width:100%;
	clear:both;
	font-weight: bold;
	color:#F55096;
}

.form_form .controls {
    width:75%;
}

.form_form .radio_element label, .form_form .checkbox_element label {
    width:auto;
    display:block;
    overflow:hidden;
    margin:0 15px 0 5px;
}
.form_form input[type="text"], .form_form input[type="email"] {
    /*width:97%;*/
	width:93%;
    background: #f5f5f5;
}

.form_form textarea {
    /*width:97%;*/
	width:93%;
    background: #f5f5f5;
}
.form_form select {
	background: #f5f5f5;
    /*width:97%;*/
}

.form_form .radio_container, .form_form .checkbox_container {
    /*width:97%;*/
	display:block;
	clear:both;
	overflow:hidden;
}

.form_form .radio_container input[type="radio"], .form_form .checkbox_container input[type="checkbox"] {
    margin:0;
}

.form_form .checkbox_element, .form_form .radio_element {
    display:block;
    float:none;
    clear:both;
}
.form_form .float {
    float:left;
    clear:none;
}

.bggreen .form_form .button {
	background: url(../img/bgbutton_2.png) no-repeat right center;
}

.form_form .button {
    clear:both;
    display:block;
    text-align: right;
	border: none;
	color: #fff;
	display: inline-block;
	margin: 10px 0;
	padding: 8px 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: url(../img/bgbutton.gif) no-repeat right center;
	/*	background: #ec6608;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ec6608), to(#ec4908));
		background: -webkit-linear-gradient(#ec6608, #ec4908);
		background: -moz-linear-gradient(#ec6608, #ec4908);
		background: -ms-linear-gradient(#ec6608, #ec4908);
		background: -o-linear-gradient(#ec6608, #ec4908);
		background: linear-gradient(#ec6608, #ec4908);
		-pie-background: linear-gradient(#ec6608, #ec4908);*/
	padding-right: 41px;
}

.imgradio_container {
	clear: both;
	overflow: hidden;
	width: 80%;
}
#pollform.form_form .radio input[type="radio"] {
	margin-top:4px;
}
#pollform.form_form {
	margin-top:10px;
	margin-bottom:5px;
}
#pollform.form_form label {
	font-size:19px;
}

.Poll .resultAntwoord {
	position: relative;
	margin-bottom:7px;
	background:#ff8db3;
	padding-bottom:0;
}

.Poll .resultAntwoord p {
	position: relative;
	z-index:2;
	margin:0;
	padding-left:5px;
	font-weight: bold;
	line-height: 25px;
}
.Poll .resultBar {
	background:#F64F96;
	height:25px;
	width:100%;
	position: absolute;
	left:0;
	bottom:0;
}

.form_form label span {
    display: none;
	padding-left:5px;
}
.verplichtVelden span {
	color:#F55096;
	font-weight: bold;
}

.form_form label.verplicht span {
    display: inline-block;
}

.form_form .info  {
    display: inline-block;
}

.form_form .info a {
    line-height: 10px;
    padding:  5px 9px;
    display: block;
    background: #ec6608;
    color: #fff;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
}

/* Formulier right & Left */
.sidecolumn .form_form label {
    float:none;
    display:block;
    clear:both;
    width:95%;
}

.sidecolumn .form_form .radio_container, .sidecolumn .form_form .checkbox_container {
    width:95%;
    float:none;
    clear:both;
    display:block;
}

.sidecolumn .form_form input[type="text"] {
    width:95%;
    clear:both;
    float:none;
    display:block;
}

.sidecolumn .form_form .radio_element label, .sidecolumn .form_form .checkbox_element label {
    width:auto;
    clear:none;
    display:block;
    float:left;
}

.sidecolumn .form_form select {
    width:97%;
    clear:both;
    float:none;
}

.sidecolumn .form_form textarea {
    float:right;
    width:95%;
}

.documents {
	margin: 0 0 10px 0;
	list-style-type: none;
}
.documents li {
	font-weight: bold;
	padding: 4px 0 4px 30px;
	position: relative;
}
.documents li span {
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 26px;
	background-image: url("../img/glyphicons-halflings-white.png");
	background-position: 0 -159px;
	background-repeat: no-repeat;
}



/* Block Grids ---------------------- */
/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
for repeating blocks of content. Add 'mobile' to
them to switch them just like the layout grid
(one item per line) on phones

For IE7/8 compatibility block-grid items need to be
the same height. You can optionally uncomment the
lines below to support arbitrary height, but know
that IE7/8 do not support :nth-child.
-------------------------------------------------- */

/* Used for spacing between grid */
.block-grid .inner {
    padding-right:20px;
}

.block-grid { display: block; overflow: hidden; padding: 0; margin:0; }
.block-grid > li { display: block; height: auto; float: left; }
.block-grid.one-up { margin: 0; }
.block-grid.one-up > li { width: 100%; }
.block-grid.two-up > li { width: 50%; }
.block-grid.two-up > li:nth-child(2n+1) { clear: both; }
.block-grid.three-up > li { width: 33.33333%; }
.block-grid.three-up > li:nth-child(3n+1) { clear: both; }
.block-grid.four-up > li { width: 25%; }
.block-grid.four-up > li:nth-child(4n+1) { clear: both; }
.block-grid.five-up > li { width: 20%; }
.block-grid.five-up > li:nth-child(5n+1) { clear: both; }
.block-grid.six-up > li { width: 16.66667%; }
.block-grid.six-up > li:nth-child(6n+1) { clear: both; }
.block-grid.seven-up > li { width: 14.28571%; }
.block-grid.seven-up > li:nth-child(7n+1) { clear: both; }
.block-grid.eight-up > li { width: 12.5%; }
.block-grid.eight-up > li:nth-child(8n+1) { clear: both; }
.block-grid.nine-up > li { width: 11.11111%; }
.block-grid.nine-up > li:nth-child(9n+1) { clear: both; }
.block-grid.ten-up > li { width: 10%; }
.block-grid.ten-up > li:nth-child(10n+1) { clear: both; }
.block-grid.eleven-up > li { width: 9.09091%; }
.block-grid.eleven-up > li:nth-child(11n+1) { clear: both; }
.block-grid.twelve-up > li { width: 8.33333%; }
.block-grid.twelve-up > li:nth-child(12n+1) { clear: both; }

/* Responsive embede video */
.flex-video {
    position: relative;
    padding-top: 25px;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 16px;
    overflow: hidden;
}

.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }

.flex-video iframe,
.flex-video object,
.flex-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
    .flex-video { padding-top: 0; }
}

/* Video Play */
.videothumbnail {
    position: relative;
}

.videothumbnail .play {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videothumbnail .play a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    background: url(../img/play.png) center center no-repeat;
}

/* Facebook Like Box */
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }


/* header */
.mainheader {
    margin: 0 0 30px 0;
}

.logo {
    max-width: 246px;
}

.siteslogan {
    font-weight: bold;
    text-align: right;
    color: #fff;
    line-height: 55px;
    font-family: "HelveticaNeueW01-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.navbar-inner {
	background:transparent;
	padding:0;
    border: none;
}

/* Content Article */
.wrapper img {
	max-width:100%;
	height:auto;
}
.Content {
	z-index: 1;
	min-height:230px;
}
.Content h1 {
	font-size:27px;
}

table.planten td {
	padding:10px;
}
/*.wrapper table.planten td img,*/
/*.wrapper table.planten.largeoverview td img {
	max-width:50px;
	height:auto;
}*/
.wrapper table.planten.largeoverview td:first-child {
	vertical-align: top;
}
.wrapper table.planten.largeoverview td:first-child img  {
	max-width:120px;
}
table td.title h3 {
	font-size:16px;
	line-height:19px;
	color:#fff;
	margin:0;
	padding:0;
}
table tr.border-bottom td { 
	border-bottom:1px dotted #6D6E71;
}

.Content ul {
    margin: 0 0 25px 0;
    padding: 0;
    list-style-type: none;
	overflow: hidden;
}

.rightcolumn .Text ul {
	margin-bottom: 25px;
}

.Content li, .Text li {
    margin:5px 0;
    padding: 0 0 0 20px;
    position: relative;
	list-style-type:none;
}

.Content li:before, .Text li:before {
    content: " \2022";
    font-size: 30px;
    color:#F55096;
    position: absolute;
    left: 0px;
    top: 0;
}
.download a {
    font-weight: bold;
    position: absolute;
    top: 5px;
    right: 25px;
	color: #fff;
    display: inline-block;
    margin: 10px 0;
    padding: 8px 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	background: #ec6608;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ec6608), to(#ec4908));
	background: -webkit-linear-gradient(#ec6608, #ec4908);
	background: -moz-linear-gradient(#ec6608, #ec4908);
	background: -ms-linear-gradient(#ec6608, #ec4908);
	background: -o-linear-gradient(#ec6608, #ec4908);
	background: linear-gradient(#ec6608, #ec4908);
	-pie-background: linear-gradient(#ec6608, #ec4908);
}
.download .more:hover,
.download .more:active,
.download .more.active,
.download .more.disabled,
.download .more[disabled]

.rowHomeTop article {
    height: 135px;
}

.rowHomeTop article {
	height: 135px;
}

.rowHomeTop article h3 {
    font-size: 20px;
}

.rowHomeTop article h4 {
    font-size: 18px;
}
@-webkit-keyframes redPulse {
	from { background-color: #bc330d; -webkit-box-shadow: 0 0 9px #333; }
50% { background-color: #e33100; -webkit-box-shadow: 0 0 18px #e33100; }
to { background-color: #bc330d; -webkit-box-shadow: 0 0 9px #ccc; }
}
.rowHomeTop article.bgorange.Snippet {
	-webkit-animation-name: redPulse; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite;
}

.span8 article.Img .inner {
    width: auto;
	padding-bottom: 0;
}

.span8 article.Img .inner h1 {
	margin-bottom: 20px;
}

.span8 article.Img .form-search label {
	display: inline-block;
	padding-top: 5px;
	padding-right: 20px;
	font-weight: bold;
	font-size: 16px;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}

.home .breadcrumb {
	min-height:20px;
	overflow:hidden;
}
.crumbsContainer {
	overflow:hidden;
	display:block;
}
.breadcrumb {
	min-height:20px;
	overflow:hidden;
}
.breadcrumb a {
	color:#6D6E71;
	text-decoration: none;
}
.breadcrumb a:hover {
	text-decoration: underline;
}
.home .breadcrumb li {
	display:none;
}

table td {
	vertical-align: top;
}

.HomeMain article {
	min-height: 419px;
	padding-bottom:60px;
}

.Text {
    -webkit-box-shadow: #cfcfcf 0px 0px 6px;
	-moz-box-shadow: #cfcfcf 0px 0px 6px;
	box-shadow: #cfcfcf 0px 0px 6px;
}

.HomeMain.Leftcolumns .Text {
	position: relative;
}
.HomeMain.Leftcolumns .more {
	position: absolute;
	bottom: 0;
}

/* Custom ZIPCode */
.form-search .input-append .search-query {
    width: 60%;
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
}

.form-search .input-append .btn {
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
    padding: 2px 10px 6px 10px;
    background: #ec5408;
}

article.Img .inner {
	padding: 20px 105px 15px 25px;
}

article.Snippet.Img {
	min-height:100px;
}
article.Snippet.Img .thumb {
    position: absolute;
	right:25px;
	top:25px;
}

/* Text */
.Text {
    position: relative;
}

.Block header h2,
.Block header h3,
.Block header h4,
.Block header h5 {
    margin: 0;
    padding: 15px 0 10px 0;
    margin: 0 25px;
}
.Content .Block header h2,
.Content .Block header h3,
.Content .Block header h4,
.Content .Block header h5 {
    margin: 0;
    padding: 15px 0 10px 0;
    margin: 0 0px;
}


.Text header h2 {
    font-size: 18px;
    color: #EF67A5;
}

.Text .thumb {
    margin: 0 0 25px 0;
}

.Text .inner {
	padding: 0 25px;
}

.Text .more, .Content .more {
    color: #fff;
	text-decoration: none;
    display: inline-block;
    margin: 10px 25px 25px 25px;
    padding: 8px 15px 8px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	background: #80bd01;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#80bd01), to(#779b0b));
	background: -webkit-linear-gradient(#80bd01, #779b0b);
	background: -moz-linear-gradient(#80bd01, #779b0b);
	background: -ms-linear-gradient(#80bd01, #779b0b);
	background: -o-linear-gradient(#80bd01, #779b0b);
	background: linear-gradient(#80bd01, #779b0b);
	-pie-background: linear-gradient(#80bd01, #779b0b);
}

.Text .more:hover,
.Text .more:active,
.Text .more.active,
.Text .more.disabled,
.Text .more[disabled], 
.Content .more:hover,
.Content .more:active,
.Content .more.active,
.Content .more.disabled,
.Content .more[disabled]
{
	background-color: #779b0b;
	*background-color: #779b0b;
}
.Text .more a, .Content .more a{
	font-family:  Arial, Helvetica,sans-serif;
    display: block;
    line-height: 21px;
	font-size:15px;
    font-weight: normal;
    color: #fff;
    padding-right: 26px;
    background: url(../img/more-arrow.png) right center no-repeat;
	text-decoration: none;
}
.Content .inner > .buttons .more {
	margin-top:0;
	margin-bottom:10px;
}

.icon-phone {
	width: 15px;
	height: 22px;
	background-position: 0 -159px;
}

.phone  {
	color: #00adee;
	font-weight: bold;
	font-size: 18px;
}

/* Blog */
.Blog {
	padding-bottom: 15px;
}
.Blog header h3 {
    margin: 0 25px;
    padding: 20px 0 15px;
}

.Blog .overview {
    margin: 0 25px;
    padding: 0;
    list-style-type: none;
}

.Blog .overview li {
    border-top: 1px solid #ccc;
    padding: 15px 0;
    margin: 0;
    overflow: hidden;
}
.Blog .overview li:first-child {
	border:0px;
}

.Blog .overview li:last-child p {
    margin: 0 0 15px;
}

.Blog .overview .thumb {
    width: 78px;
    float: left;
    margin: 0 10px 15px 0;
}

.Blog .overview .contentsmall {
    float: left;
    width: 230px;
}

.Blog ul{
    border-bottom: 1px solid #ccc;
}
.Blog li h4 {
    margin: 0;
    color: #ec6608
}

.Blog li h4 a {
    padding: 0 15px 0 0;
    background: url(../img/arroworange-small.png) right center no-repeat;
    color: #ec6608
}

.Blog li h4 a:hover, .Blog li h4 a:focus {
    color: #2360b3;
}

.Blog .more {
    clear: both;
    padding: 10px 0;
	margin:0px 25px;
    font-weight: bold;
}

.Blog .more a {
    display: inline-block;
    padding: 0 15px 0 0;
    background: url(../img/arroworange-small.png) right center no-repeat;
}

.blogOverview {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.blogOverview li {
	overflow: hidden;
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
}
.blogOverview li:last-child {
	border-bottom: 0px;
}

.blogOverview li:before {
	content: "";
}
.blogOverview p {
	margin: 25px 0; 
}
.blogOverview h2 {
	margin: 0 0 15px 0;
	font-size: 22px;
}
.blogOverview h2 a {
	text-decoration: none;
}

a.link {
	font-weight: bold;
	display: inline-block;
	padding: 0 15px 0 0;
	background: url(../img/arroworange-small.png) right center no-repeat;
}

.blogOverview .date {
	float: left;
	margin: 0 25px 0 0;
	padding: 10px;
	width: 50px;
	background: #F65097;
	color: #fff;
	font-weight: bold;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.rightcolumn .blogOverview .date {
	background: none;
	width: 100%;
	padding: 0;
	color: #00adee;
}

.blogOverview .contentsmall {
	float: left;
	width: 623px;
}

/* Overview Block */
.Block .blogOverview {
	margin: 0 25px;
	overflow: hidden;
	border-bottom: none;
}
article .Block .blogOverview {
	margin: 0;
}

.rightcolumn .Block .blogOverview .contentsmall {
	width: 100%;
}

/* Blog Detail */
.BlogDetail .thumb {
	margin: 0 0 15px 0;
}

.BlogDetail h1 {
	padding: 0 0 30px 100px;
	min-height: 75px;
}

.BlogDetail .date {
	position: absolute;
	left: 25px;
	top: 25px;
	padding: 10px;
	width: 50px;
	background: #F65097;
	color: #fff;
	font-weight: bold;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.BlogReaction h3 {
	font-weight: normal;
	font-size: 14px;
}
.BlogReaction .reaction{
	overflow:hidden;
	border-bottom:1px #CCCCCC solid;
	padding-bottom:10px;
	margin-bottom: 10px;
}
.BlogReaction .Gravatar{
	float:left;
	margin:0px 10px 10px 0px;
	border:1px #CCCCCC solid;
}
.BlogReaction .Gravatar img{
	width:93px;
}
.BlogReaction .note{
	padding:4px 6px 4px 0;
	font-size:10px;
}

/* Facebook */
.Facebook header h3 {
    margin: 0 25px;
    padding: 20px 0 15px;
}

.Facebook hr {
	margin-bottom: 0;
}

/* Adviseurs */
.advieseursOverview {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.advieseursOverview li {
	overflow: hidden;
	padding: 25px 0;
	border-bottom: 1px solid #ccc;
}

.advieseursOverview li:before {
	content: "";
}

.advieseursOverview .thumb {
	width: 128px;
	border: 1px solid #ccc;
	float: left;
	margin: 0 25px 0 0;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.advieseursOverview .thumb img {
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}


/* Adviesur Detail */
.AdviseurDetail header h2 {
	margin: 0 25px;
	padding: 20px 0 15px;
}

.AdviseurDetail .thumb {
	width: 128px;
	border: 1px solid #ccc;
	float: left;
	margin: 0 25px 0 0;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.AdviseurDetail .thumb img {
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.AdviseurDetail .contentsmall {
	float: left;
	width: 565px;
} 

.AdviseurDetail .contentsmall.nothumb {
	width: 720px;
}

.maps {
	margin: 0 0 20px 0;
}

.effect2
{
	position: relative;
}

.effect2:before, .effect2:after
{
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width:300px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

.effect2:after
{
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}

/* News */
article figure {
    margin:0 10px 5px 0;
    padding:0;
    float:left;
    width:50%;
}

article.newsdetail figure {
    margin:10px 20px 5px 0;
}

section article .buttons {
    display:block;
    text-align: right;
} 

/* Footer */
.mainfooter ul.block-grid {
	margin-right:-40px;
}
.mainfooter ul.block-grid li .inner {
	padding-right:40px;
}
.mainfooter {
    color: #808285;
    line-height: 20px;
}

.mainfooter a {
    color: #808285;
}

.mainfooter a:hover, .mainfooter a:focus {
    text-decoration: underline;
}

.footermenu {
	list-style-type: none;
	overflow:hidden;
	display:block;
	margin:0;
	padding:0;
}
.footermenu li {
	float: left;
	margin: 0 5px 0 0;
	line-height: 20px;
}
.footermenu li a:after {
	content: "  |  ";
}
.footermenu li.last a:after {
	content: "";
}

/* STYLE FOR PAGEBUILDER */
.blockContainer{
	padding:0px 0px 20px 0px;
}
.blockContainer .pagebuilderItem.emptyBlock .emptyText{
	padding:57px 0px 58px;
}
.blockContainer .pagebuilderItem article{
	margin: 0px;
}
.pagebuilderItem .options{
	top:0px;
}

.loader{
	background:url('../img/loader.gif') no-repeat left center;
	padding:3px 34px;
}

/* Formulieren mooier tonen */
.widget .elementcontainer input.radio {
	width: auto;
}
.elementcontainer textarea {
	height: 80px;
}
.elementcontainer input.pc {
	width: 100px;
}
.elementcontainer input.wp {
	width: 224px;
}
.elementcontainer input.nonewline {
	width: 20px;
}
.elementcontainer label.nonewline {
	width: 160px;
}
li.dropdown strong {
	width: 12px;
	height: 12px;
	background: url(../img/arroworange.png) right center no-repeat;
}
#searchCanvas{
    width: 100%;
    height: 290px;
    margin:0px 0px 20px 0px;
}
#searchCanvas img{
    max-width: none;
}
.displayNone{
    display: none;
}

/* Responsive */

@media (max-width: 767px) {
	body {
		background: none;
	}
	.wrapper {
		width: auto;
	}
	.mainheader {
		padding: 0 15px;
		margin-bottom: 0px;
	}
	.Text .thumb {
		float: left;
		margin: 0 15px;
	}
}
@media (max-width: 979px) and (min-width: 768px) {
	.wrapper {
		width: auto;
		max-width: 768px;
	}
}

@media (min-width: 980px) and (max-width: 1170px) {
	body article.Poll .inner {
		padding-left:15px;
		padding-right:15px;
	}
	body .Text .more, body .Content .more {
		margin-left:15px;
	}
	h2 {
		font-size: 17px;
	}

	ul.nav {
		font-size: 14px;
	}

	.navbar .nav > li {
		margin: 0 2px;
	}

	article .inner {
		padding: 20px 15px;
	}

	article.Img  {
		height: 110px;
	}

	.rightcolumn h3 {
		font-size: 20px;
	}

	.rowHomeTop article h3, .rowHomeTop article h4 {
		font-size: 16px;
	}

	.Block header h2, .Block header h3, .Block header h4, .Block header h5 {
		margin: 0 15px;
	}

	.form-search .input-append .search-query {
		width: 40%;
	}

	.row-fluid .span7.requiredField {
		clear:both;
		width: 87%;
		padding-top: 10px;
	}
	body .Snippet.bgblue h3 {
		margin:0;
	}
	body article.Snippet.Img {
		min-height:90px;
		height:auto;
	}
	body article.Snippet.Img .thumb {
		top:20px;
	}

	.Text .inner {
		padding: 0 15px;
	}

	.Facebook header h3 {
		margin: 0 15px;
	}

	.Blog .overview .contentsmall {
		width: 160px;
	}

	.blogOverview .contentsmall {
		width: 493px;
	}

	.elementcontainer label {
		width: 195px;
	}
}

@media (max-width: 979px) {
	.nav-collapse .dropdown-menu a {
		color: #e6e6e6;
	}
	.nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover {
		background: #EF67A5;
	}
	body .Block header h2, body .Block header h3, body .Block header h4, body .Block header h5 {
		margin-left:15px;
		margin-right:15px;
	}
	body .Text .more, body .Content .more {
		margin-left:15px;
		margin-right:15px;
	}
	body header p {
		margin-left:15px;
	}
	body .rightcolumn header p {
		margin-left:15px;
		margin-right:15px;
	}
	body article.Poll .inner {
		padding-left:15px;
		padding-right:15px;
	}

	body .rightcolumn header .more {
		margin-left:15px;
		margin-right:15px;
	}
	body .dropdown .caret {
		display:none;
	}
	body .nav-collapse .dropdown-menu {
		display:block!important;
	}

	body .flexslider .text p:first-child {
		font-size:35px;
	}
	body .flexslider .text p {
		font-size:21px;
	}
	article .inner {
		padding: 20px 15px;
	}

	.form-horizontal .control-label {
		width: 130px;
	}
	.form-horizontal .controls {
		margin-left: 130px;
	}

}
@media (min-width: 1200px) {
body .rightcolumn h3 {
    font-size: 21px;
}
	body .Text header h2 {
    font-size: 26px;
	}
	h3 {
		font-size:26px;
	}
	 body .wrapper {
	  width:1220px;
  }
}

/* Poll */
#pollform input[type="button"] {
	margin-top:5px;
	margin-bottom:0;
}
.blok.Poll .inner {
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom:0;
}
.loadingContainer {
	display: none;
}
.resultAntwoord {
	padding-bottom:5px;
	margin-bottom:5px;
}
.resultAntwoord p {
	margin:0;
}

p.subtext {
	font-size:12px;
	line-height:16px;
}

ul.plattegronden h3 {
	font-size:17px;
}
ul.plattegronden {
	list-style:none;
	margin:0;
	padding:0;
}
ul.plattegronden li {
	margin:0;
	padding:0;
	list-style:none;
}
ul.plattegronden li:before {
	display:none;
}

body .window .content ul.favorite.notext li a.moduleicon {
	margin-bottom:10px;
}

body .locatieOverview {
	list-style:none;
	margin:0;
	padding:0;
}
body .locatieOverview li {
	padding:0;
	margin:0;
}
body .locatieOverview li:before {
	display:none;
}
body .locatieOverview li .thumb {
	float:left;
	margin-right:15px;
}
body .locatieOverview li h3 {
	margin-bottom:5px;
	line-height:25px;
}
body .locatieOverview li h3 a {
	text-decoration: none;
	font-size:22px;
}

.buttons {
	overflow:hidden;
	display:block;
}

.Block.Blog h3 {
	margin-top:0;
	line-height:21px;
}
.Block.Blog h3 a {
	text-decoration: none;
}