/*
*	Client: Van Dooren - De Marteau ;
*	Website: http://www.vdmm.be;
*	Author: Mindsetting bvba;
*	Version: 1.0.0;
*/

/*
*	Formaten van het RESPONSIVE DESIGN
*	@media (min-width: 767px){}
*	@media (min-width: 992px){}
*	@media (min-width: 1200px){}
*/



/****************************************
*	color definition ---> Not tested yet
****************************************/
/* primary color */
.primary-color,
.pagina-pensioen a,
.pagina-wie-zijn-we a,
.pagina-onze-meerwaarde a
{
	color:rgb(231,76,48);
}
.primary-background-color,
.pagina-wie-zijn-we .underline:after,
.pagina-onze-meerwaarde .underline:after,
.pagina-contact .underline:after,
.pagina-actua .underline:after,
.pagina-wettelijk .underline:after,
.pagina-sitemap .underline:after,
.pagina-home .underline:after
{
	background-color:rgb(231,76,48);
	color:rgb(255,255,255);
}
.overlay-primary{
	
	background-color: rgb(231,76,48) transparent;
	background-color: rgba(231,76,48,0.6);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99E74C30, endColorstr=#99E74C30)";  /* For IE 8*/
}

/* secondary color */
.secondary-color,
#navigatie .nav .active a
{
	color:rgb(3,126,140);
}
.secondary-background-color{
	background-color:rgb(3,126,140);
}
.overlay-secondary{ 
	background-color: rgb(3,126,140) transparent;
	background-color: rgba(3,126,140,0.6);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99037E8C, endColorstr=#99037E8C)";  /* For IE 8*/
}

/* kleurcode gedeelte pensioen*/
.pensioen-color,
.pagina-pensioen a,
.pagina-pensioen .content h4
{
	color:rgb(231,76,48);
}
.pensioen-background-color,
.pagina-pensioen .underline:after,
.pagina-pensioen .keuzebuttons a,
.pagina-pensioen .fullscreen-titel,
.pagina-pensioen  .subnavigatie ul li a,
.pagina-pensioen .tip
{
	background-color:rgb(231,76,48);
}
.overlay-pensioen{
	background-color:rgb(231,76,48) transparent;
	background-color:rgba(231,76,48,0.6);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99E74C30, endColorstr=#99E74C30)";  /* For IE 8*/
}

/* kleurcode gedeelte beleggingen*/
.beleggingen-color,
.pagina-beleggingen a,
.pagina-beleggingen .content h4
{
	color:rgb(144,172,32);
}
.beleggingen-background-color,
.pagina-beleggingen .underline:after,
.pagina-beleggingen .keuzebuttons a,
.pagina-beleggingen .fullscreen-titel,
.pagina-beleggingen .subnavigatie ul li a,
.pagina-beleggingen .tip
{
	background-color:rgb(144,172,32);
}
.overlay-beleggingen{
	background-color:rgb(144,172,32) transparent;
	background-color:rgba(144,172,32,0.6);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9990AC20, endColorstr=#9990AC20)";  /* For IE 8*/
}

/* kleurcode gedeelte bescherming*/
.bescherming-color,
.pagina-bescherming a,
.pagina-bescherming .content h4
{
	color:rgb(55,173,255);
}
.bescherming-background-color,
.pagina-bescherming .underline:after,
.pagina-bescherming .keuzebuttons a,
.pagina-bescherming .fullscreen-titel,
.pagina-bescherming .subnavigatie ul li a,
.pagina-bescherming .tip
{
	background-color:rgb(55,173,255);
}
.overlay-bescherming{

	background: rgb(55, 173, 255) transparent;   /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(55, 173, 255, 0.6);   /* RGBa with 0.6 opacity */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9937ADFF, endColorstr=#9937ADFF)";  /* For IE 8*/
         
}

/****************************************
*	text definition ---> Not tested yet
****************************************/
body{
	color:rgb(111,111,111);
	/*font-family: 'Source Sans Pro', sans-serif; */
	font-family: "chaparral-pro",sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
}
h1,h2{
	/*font-family: 'Source Sans Pro', sans-serif; */
	font-family: "chaparral-pro",sans-serif;
	/*color:rgb(184,184,184);*/
	color:rgb(3,126,140);
	font-weight: 700; 
	font-size: 2em;
	line-height: 1.1em;
	margin:15px auto 0 auto;
	display: table;
	text-align: center;
	z-index: 100;
}
h3, h4{
	font-family: "chaparral-pro",sans-serif;
	color:rgb(0,0,0);
	font-size: 1.2em;
	font-weight: 700;
}

h4{font-size: 1em; color:rgb(120,120,120);}

ul{
	list-style: square;
}


a, a:visited{
	font-weight: 700;
}

#navigatie .nav .active a{font-weight: 700; }

.left{float: left;}
.right{float:right;}
.clear{clear: both;}

.row{clear: both;}

.space-top-mobile{margin-top: 20px; }



strong{
	color:rgb(0,0,0);
}

@media (min-width: 767px){
	h1,h2{font-size: 2.5em; margin:10px auto 0 auto;}
	.space-top-mobile{margin-top: 0;}
}

@media (min-width: 992px){
	h1,h2{font-size: 2em; margin:10px auto 0 auto;}
	.align-right{text-align: right;}
	.align-center{text-align: center;}
	.space-top{margin-top: 70px; }
}

/****************************************
*	design heading ---> Not tested yet
****************************************/
.underline:after{
	content:"";
	display: block;
	width: 80%;
	height: 6px;	
	margin:20px auto ;
}


.page-icon:before{
	content:"";
	display: block;
	width: 100px;
	height: 80px;
	margin: 0 auto 20px auto;
	background-image: url('../img/pagina-icons.png');
	background-repeat: no-repeat;
}

.pagina-pensioen .page-icon:before,
#diensten .pensioen .page-icon:before
{ background-position: 0px 0px; }
.pagina-beleggingen .page-icon:before,
#diensten .beleggingen .page-icon:before
{ background-position: -100px 0px; }
.pagina-bescherming .page-icon:before,
#diensten .bescherming .page-icon:before
{ background-position: -200px 0px; }
.pagina-wie-zijn-we .page-icon:before{ background-position: -300px 0px; }
.pagina-onze-meerwaarde .page-icon:before{ background-position: -400px 0px; }
.pagina-sitemap .page-icon:before{ display: none; }
.pagina-contact .page-icon:before{ background-position: -500px 0px;}
.pagina-wettelijk .page-icon:before{ display: none;}
.pagina-actua .page-icon:before{ background-position: -600px 0px;}

.inleiding{text-align:justify;}
@media (min-width: 767px){
	.inleiding{width: 70%; margin: 0 auto; text-align: center; }
}

/****************************************
*	Navigatie ---> ok, tested for responsive
****************************************/
.navbar{
	margin-bottom: 0; 
	border-radius: 0; 
	background-color: rgba(54,54,54,1);
	color:#FFF;
}
#navigatie a{
	color:rgb(255,255,255);
	font-weight: 400;
}
@media (min-width: 767px){
	#navigatie .dropdown-menu a{ color: rgba(54,54,54,1); }
}

.navbar .navbar-brand{
	width: 100px;
	height: 30px;
	margin-top: 10px;
	background-repeat: no-repeat;
	background-image: url('../img/logo-vddm-small.png');
	}

@media (min-width: 767px){
	.navbar .navbar-brand{
	width: 200px;
	background-image: url('../img/logo-vddm-medium.png');
	}
}

@media (min-width: 992px){
	.navbar .navbar-brand{
	width: 300px;
	background-image: url('../img/logo-vddm-large.png');
	}
}


.navbar-inverse .navbar-nav li a{
	color:#FFF;
}
.navbar-inverse .navbar-nav .dropdown-menu li a{
	color:rgb(54,54,54);
}

.menu-mobile-text{font-weight: 700; }

/****************************************
*	Banner ---> OK, tested for responsive - not IE8
****************************************/
.banner{	
	width:100%;
	height: 150px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	margin-top: 55px;
}
.pagina-pensioen .banner{background-image: url('../img/banner-pensioen.jpg');}
.pagina-beleggingen .banner{background-image: url('../img/banner-beleggingen.jpg');}
.pagina-bescherming .banner{background-image: url('../img/banner-bescherming.jpg');}
.pagina-contact .banner{background-image: url('../img/banner-contact.jpg');}
.pagina-wie-zijn-we .banner{background-image: url('../img/banner-wie-zijn-we.jpg'); }
.pagina-onze-meerwaarde .banner{ background-image: url('../img/banner-onze-meerwaarde.jpg');}
.pagina-actua .banner{background-image: url('../img/banner-actua.jpg');}
.pagina-agenda .banner{background-image: url('../img/background-agenda.jpg');}

@media (min-width: 767px){ 
	.banner{ height: 200px;	} 
}
@media (min-width: 992px){ 
	.banner{ height: 250px;	} 
	.pagina-wie-zijn-we .banner{background-image: url('../img/banner-wie-zijn-we.jpg'); background-position: center -120px;}
}
@media (min-width: 1200px){ 
	.banner{ height: 400px;	} 
}



/****************************************
*	template "Wat doen we"
****************************************/
.voorbeeld, .contactgegevens{
	margin: 20px 0;
	background-color: rgb(240,240,240);
	padding:40px;
}

.voorbeeld table, .voorbeeld table td, .voorbeeld table th
{
	border: 1px solid rgb(111,111,111);
	text-align: center;
	padding:5px;
}

@media (max-width: 767px){ .voorbeeld-content{ text-align: center; } }
@media (min-width: 1200px){ .voorbeeld-content{ padding-top: 15px; } }

.keuzebuttons{
	overflow: hidden;
	margin: 60px 0;
}
.keuzebuttons a{
	display: block;
	padding: 20px;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

.keuzebuttons a:hover,
.subnavigatie ul li a:hover
{
	text-decoration: none;
	background-color:rgb(111,111,111);
}

@media (min-width: 767px){
	.keuzebuttons a{
		width: 45%;
		float: left;
		margin: 0 0 0 3%;
	}
}


/* Onze aanpak */

.maak-afspraak{
	clear: both;
	text-align: center;
	background-color: rgb(240,240,240);
	padding: 60px 0;
	margin-top: 40px;
	margin-bottom:-55px;
}

/* fix voor positie op de homepagina*/
.pagina-home .maak-afspraak{margin-bottom: 0; margin-top:-10px;}


.maak-afspraak h3{font-size: 1.5em;}

.maak-afspraak .btn{
	color:#FFF;
	padding:10px 20px;
	font-weight: 700;
	font-size: 1em;
}

#aanpak{
	overflow: hidden;
	margin:100px 0 0 0;
}

#aanpak .row{
	overflow: hidden;
}

.aanpakspunt{
	padding:20px;
}
.aanpakspunt h3{text-align: center}

.aanpak-icon:before{
	content:"";
	display: block;
	width: 60px;
	height: 60px;
	background-image: url('../img/aanpak-icons.png');
	background-repeat: no-repeat;
	margin:20px auto;
}
.aanpak-icon-pensioen:before{background-position: 0px 0px}
.aanpak-icon-opvolging:before{background-position: -60px 0px}
.aanpak-icon-persoonlijk:before{background-position: -120px 0px}
.aanpak-icon-uw-maat:before{background-position: -180px 0px}
.aanpak-icon-bescherming:before{background-position: -240px 0px}
.aanpak-icon-internationaal:before{background-position: -300px 0px}
.aanpak-icon-onafhankelijk:before{background-position: -360px 0px}
.aanpak-icon-architectuur:before{background-position: -420px 0px}







/* deel particulieren en zelfstandigen */

#particulieren, #zelfstandigen{
	overflow: hidden;
	/*margin: 150px 0;*/
}


.fullscreen-titel{ text-align: center; }
.fullscreen-titel h2{
	color:#FFF;
	padding: 20px 0;
	margin:0 auto;
	font-size: 1em;
}
@media (min-width: 767px){
	.fullscreen-titel h2{ font-size: 2em; }
}


#contentParticulieren, #contentZelfstandigen{
	overflow: hidden;
	padding-top: 55px;
	}


.subnavigatie,
.content
{
	padding-top: 30px;

}
.subnavigatie
{
	width:100%;
	float:left;	
}
.subnavigatie ul{list-style: none; margin:0; padding: 0;}
.subnavigatie ul li a
{
	display: block;
	color: #FFF;
	text-align: center;
	margin: 10px 0;
	padding: 10px;
}

.pagina-pensioen .subnavigatie ul li .faq-opvallend,
.pagina-bescherming .subnavigatie ul li .faq-opvallend,
.pagina-beleggingen .subnavigatie ul li .faq-opvallend
{
	background-color: rgb(3,126,140);
}

.subContent{ display: none; }
.content
{	
	width:100%; 	
	float:left;
	position: relative;
}


.content ul li{
	margin: 8px 0;
}

.content h4{
	margin: 25px 0 0 0;
	font-weight: 700;
}

.tip{
	background-color:#c5c5c5;
	padding: 25px;
	color: #FFF;
}

@media (min-width: 767px){
	.subnavigatie{width: 30%;}
	.content{width: 50%; margin-left:10%; }
}



#particulieren .banner,
#zelfstandigen .banner{
	margin-bottom: -55px;
}
.pagina-pensioen #particulieren .banner{ background-image: url('../img/banner-particulieren-pensioen.jpg'); }
.pagina-pensioen #zelfstandigen .banner{ background-image: url('../img/banner-zelfstandigen-pensioen.jpg'); background-position: 0 -10px; }
.pagina-bescherming #particulieren .banner{ background-image: url('../img/banner-particulieren-bescherming.jpg'); }
.pagina-bescherming #zelfstandigen .banner{ background-image: url('../img/banner-zelfstandigen-bescherming.jpg'); background-position: 0 -200px; }
.pagina-beleggingen #particulieren .banner{ background-image: url('../img/banner-particulieren-beleggingen.jpg'); }
.pagina-beleggingen #zelfstandigen .banner{ background-image: url('../img/banner-zelfstandigen-beleggingen.jpg'); background-position: 0 -100px; background-repeat: no-repeat;}


/*div voor tabellook*/
 .cell{
	border: 1px solid rgb(111,111,111);
	padding:3px;
	text-align: center;
	font-size: 0.9em;
}
.table-header{font-weight: 700;}
.kolom-2{width:100%;}
.kolom-3{width: 100%;}
.table-wrapper{width: 99%;}
.table-wrapper, .table-wrapper .kolom{overflow: hidden;}
.kolom{float: left;}
.sub-kolom{float: left;}

@media (min-width: 400px){
	.kolom-2{width: 50%;}
	.kolom-3{width: 33.3%;}
}


/* gedeelte voor de FAQ */
.faq-vraag{border-bottom:1px solid rgb(220,220,220); padding:20px 0;}
.faq-titel{}
.faq-antwoord{display: none;}





/****************************************
*	Pagina Wie zijn We ---> Not tested yet
****************************************/
.pagina-wie-zijn-we img{width: 100%; height: auto;}
.pagina-wie-zijn-we h3,
.pagina-home h3
{margin:0; padding:0; font-size: 1.7em;}
.pagina-wie-zijn-we .functie,
.pagina-home .functie
{font-weight: 700; margin-bottom: 10px; display: block;}

.contact {display: block; margin-top: 20px;}
.contact a{color:#FFF; text-decoration: none; display: block; width: 100%; text-align: center; }
.contact a:hover{color: #FFF; background-color:rgb(111,111,111); }

@media (min-width: 767px){
	.contact a{color:#FFF; text-decoration: none; display: inline; }
}

#kantoor{margin-top: 60px;}
.kantoorfoto img{ padding-top:30px;}





/****************************************
*	Footer ---> NOK 
****************************************/

footer{
	padding:25px 0;
	background-color: rgb(54,54,54);
	color:#FFF;
	margin-top: 50px;
}
footer ul{
	list-style: none; 
	margin:0; 
	padding:0;
}
footer .container h3{
	color:rgb(100,100,100);
	font-size: 24px;
}
footer .space{
	margin-top: 20px;
}

footer .container h4{
	text-transform: uppercase;
	color: rgb(130,130,130);
}
footer .container a{
	color:rgb(150,150,150); 
	font-weight: 300
}

footer .container{
	margin-top: 10px;
	padding: 20px 0;
}

footer .container .copyright, footer .container .footerlinks ul li a{
	color: rgb(250,250,250);
	text-align: center;
}

footer .footerlinks ul li .logo-mindsetting{
	display: block;
	width: 30px;
	height: 30px;
	background-image: url('../img/logo-mindsetting-inverse.png');
	margin: 10px auto;
}


footer .col-md-3{text-align: center;}
footer .col-md-3 ul{margin-bottom: 20px}
footer .container h4{ font-size: 18px; color: rgb(25,25,25);}
footer .container ul li a{display: block; font-size: 20px; line-height: 32px;}

footer .container h4{ margin: 0;}

@media (min-width: 767px){

	footer .col-md-3{ text-align: left; }
	footer .copyright{ float: left; }
	footer .footerlinks{ float: right; }
	footer .footerlinks ul li { float:left; }
	footer .footerlinks ul li a{ display: block; border-right:1px solid #FFF; padding:0 10px; }
	footer .footerlinks ul li .logo-mindsetting{
		border-right: none;
		display: block;
		margin: -5px 0 0 10px;
	}
	footer .container ul li a{display: block; font-size: 16px; line-height: 24px;}


}

/*
footer{
	padding:25px 0;
	margin-top: 50px;
	background-color: rgb(54,54,54);
	color:#FFF;
	text-align: center;
	display: block;
}
footer ul,
.footer ul
{list-style: none; margin:0; padding:0;}

footer .footerlinks ul li a{
	color:#FFF;
	font-weight: 400;
	display: block;
}

footer .footerlinks ul li .logo-mindsetting{
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url('../img/logo-mindsetting-inverse.png');
}


@media (max-width: 767px){
	footer .footerlinks {margin:10px 0; overflow: hidden;}
	footer .footerlinks ul li a{
		border: 1px solid #FFF;
		margin:10px 0;
		padding:10px 0;
		background-color: rgb(0,0,0);
	}
	footer .footerlinks ul li .logo-mindsetting{		
		margin-top: 20px;
		border: none;
		background-color: transparent;
	}
}


@media (min-width: 767px){

	footer{ text-align: left; }
	footer .copyright{ float: left; }
	footer .footerlinks{ float: right; }
	footer .footerlinks ul li { float:left; }
	footer .footerlinks ul li a{ display: block; border-right:1px solid #FFF; padding:0 10px; }
	footer .footerlinks ul li .logo-mindsetting{
		border-right: none;
		display: block;
		margin: -5px 0 0 10px;
	}

}



*/



/****************************************
*	Homepagina ---> Not tested yet
****************************************/


/* home  */
.banner-home{
	width:100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center ;
	overflow: hidden;
	margin-top: 55px;
}

.banner-home a{
	color:#FFF;
}


@media (max-width: 767px){.banner-home .titel{font-size: 1.5em;}}

#advies .underline:after,
#investeringen .underline:after
{	
	width: 20%;
}



.overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	z-index: -15;
	opacity: 0.5;
}

.message{
	color:#FFF; 
	text-align: center; 
	padding: 5%;
	font-size: 1.3em;
	line-height: 1.5em;
}

.message span{
	display: block;
	font-size: 3em;
	line-height: 1.3em;
	margin-bottom: 20px;
}

.message p{
	width: 60%;
	margin: 0 auto;
}

.message p a{
	margin-top: 15px;
}



/* home pagina diensten */
#advies, #investeringen, #diensten, #quotes{
	margin-bottom: 40px;
}


#diensten{
	text-align: center;
}


#advies .underline{margin:0 auto;}
#advies .inleiding{margin:0 auto;}
#advies{ margin-top:30px;}


.parallax{
		background-repeat: no-repeat;
	    background-position: center center;
	    background-attachment: fixed; 
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover; 
	    background-size: cover; 

	}

.quotes-wrapper{ background-image: url("../img/background-quotes.jpg");	 }
.agenda-wrapper{ background-image: url("../img/background-agenda.jpg"); }
.nieuwsbrief-wrapper{ background-image: url("../img/background-nieuwsbrief.jpg"); background-attachment: none; background-position: center 100px; }


#quotes h2{ color: #FFF; }
	
#quotes .quote{
	overflow: hidden;
	padding: 20px 60px;
	color: #FFF;
	font-size: 1.2em;
}
.quote:before, .quote:after{
	content:"";
	display: block;
	width: 80px;
	height: 60px;
	background-image: url(../img/quotes.png);
}
.quote:after{
	background-image: url(../img/quotes.png);
	float: right;
	-webkit-transform: rotate(180deg);  
	-moz-transform: rotate(180deg);  
	-ms-transform: rotate(180deg);  
	-o-transform: rotate(180deg);  
	transform: rotate(180deg); 
}
.quote-content{ margin:10px 0; }
.quote-author{font-weight: 700;}

@media (min-width: 767px){
	#quotes h2{
		display: block;
		border-right: 5px solid #FFF;
		text-align: right;
		padding-right: 30px;
		margin-top:50px;
		font-size: 4em;
		text-transform: uppercase;
		font-weight: 400;
	}
	
}


#wie-zijn-we{
	overflow: hidden;
	padding-bottom: 50px;
}
#wie-zijn-we h3{font-size: 1.2em;}
#wie-zijn-we .teamlid{
	margin-bottom: 20px;
	overflow: hidden;
}

@media (max-width: 767px){
	#wie-zijn-we .foto{ text-align: center; margin-bottom: 15px;}
}



#tweets{
	color:#FFF;
	padding:30px;
	overflow: hidden;
	background-color: rgb(220,220,220);
}


#tweets img {width: 100%; height: auto;}
.btn-follow-us{float: right;}

#tweets .btn{
	display: block;
	margin: 5px 0;
}
@media (max-width: 767px){
	#tweets {text-align: center;}
	#tweets img {width: 100px;}
	#tweets .btn-follow-us{float: none; display: block; margin: 30px 0;}
}


#diensten div{	margin-top: 25px; }
@media (min-width: 767px){#diensten div{ margin-top: 0; }}

#diensten a{color:rgb(255,255,255);}
#diensten a:hover, .btn:hover{
	text-decoration: none;
	background-color:rgb(111,111,111);
	color:#FFF;
}


/* deel agenda */ 
.pagina-home #agenda .agenda-wrapper{margin-top:-10px}
.pagina-home #agenda h2{color:#FFF; padding: 100px 0;}
#agenda .row{margin:20px 0 60px 0;}
#agenda .datum{
	overflow: hidden;
	line-height: 57px;
	font-weight: 700;
	font-size: 1.3em;
}
.datum-dag{
	width: 50px; 
	height: 50px; 
	float: left;
	text-align: center;	
	background-image: url(../img/datum-icon.png);
}
.datum-maand-jaar{
	float: left;
	padding-left: 10px;
}

.agenda-titel{
	font-weight: 700;
	font-size: 1.5em;
	line-height: 1.4em;
	margin-bottom: 3px;
}

@media (max-width: 767px){
	.agenda-bericht{ text-align: center; margin-bottom: 60px; }
	#agenda .row{margin-bottom:0;}
	.datum{ width: 250px; margin: 0 auto 10px auto; }
}

/* deel nieuwsbrief*/
#nieuwsbrief h2{color:#FFF; padding-top: 50px;}
.pagina-home #nieuwsbrief .nieuwsbrief-wrapper{ overflow: hidden; }
#nieuwsbrief .overlay-secondary{margin-top: -10px;}
#nieuwsbrief input{
	width: 100%;
	border: solid 1px #ccc; 
	padding:0.3em 0.5em;
	margin-bottom: 0.5em;
}

#nieuwsbrief .container{padding-bottom: 20px; }

#nieuwsbrief .errors, #nieuwsbrief .bevestiging{
	text-align: center;
	color:#FFF;
}


.pagina-home footer{margin-top: 0;}

div.styled { 
    overflow:hidden; /* this hides the select's drop button */
    padding:0; 
    margin:0; 
    background: white url('../img/formelements-select.png') no-repeat bottom right; 
    /* this is the new drop button, in image form */
    width:100%; 
    border-radius:2px; 
    border: solid 1px #ccc; 
    margin-bottom: 0.5em;
}

div.styled select { 
    width:115%; /* this percentage effectively extends the drop down button out of view */; 
    background-color:transparent; /* this hides the select's background making any styling visible from the div */; 
    background-image:none; 
    -webkit-appearance: none /* this is required for Webkit browsers */; 
    border:none; 
    box-shadow:none; 
    padding:0.3em 0.5em; /* padding should be added to the select, not the div */
    
}

.melding-privacy{
	color: #FFF;
	text-align: right;
}


/* contactpagina */
.pagina-contact .errors, .pagina-contact .bevestiging{text-align: center; font-weight: 700;}
.formulier{ margin: 20px 0;}
#contactformulier input, #contactformulier textarea {
	width: 100%;
	border: solid 1px #ccc; 
	padding:0.8em;
	margin-bottom: 0.5em;
}
#contactformulier label{font-weight: 300; color:rgb(150,150,150);}
#contactformulier .btn{
	width: 100%;
	text-align: center;
	padding: 10px;
	color:#FFF;
}

.aanspreking-wrapper{
	display: inline-block;
	margin-right:15px;
}

#contactformulier .aanspreking-wrapper input{
	border: none;
	float: left;
	display: inline;
	margin:0;
	padding: 0;
	width: 15px;

}

#contactformulier .aanspreking-wrapper label{
	float: left;
	display: inline;
	padding-left:5px;
}


/*
.aanspreking-wrapper{
	overflow: hidden; display: inline-block; margin-right: 10px;}

#contactformulier .aanspreking .aanspreking-wrapper input[type=radio]{
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 10px;
}

#contactformulier .aanspreking label{
	float: left;
}
*/

.geboortedatum-wrapper{
	overflow: hidden;
}

.geboortedatum-wrapper .col-md-4{
	padding: 0px 5px 0px 0px;
}


/* actua pagina */
.actua-bericht{ padding-bottom: 20px; margin-bottom: 20px;}
.actua-bericht h2, .actua-bericht .inleiding{text-align: left; margin:0;}
.actua-bericht .datum, .actua-bericht h2,
#actua-bericht-uniek .datum
{font-size:1.4em; font-weight: 700;}

#actua-bericht-uniek{margin-top: 30px;}
#actua-bericht-uniek h1{text-align: left; margin: 10px 0;}
#actua-bericht-content > * { padding-right:30px; }

.bottom-bericht{ overflow: hidden;}
.bottom-bericht .share-buttons{float: left;}
.bottom-bericht .terug{float: right;}