@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------ // kleuren
Blauw		: #58ACCA
Lichtgrijs	: #E3E3E3
Grijs		: #969696

/* ------------------------------------------------ */
/* ------------------------------------------------ // fonts */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:500,400,300,300italic,400italic,700,700italic);

/* ------------------------------------------------ // fonts - icons */
@font-face {
	font-family : 'icons-gbleiden';
	src         : url('../fonts/icons-gbleiden.eot?-spf9ss');
	src         : url('../fonts/icons-gbleiden.eot?#iefix-spf9ss') format('embedded-opentype'),
	url('../fonts/icons-gbleiden.woff?-spf9ss') format('woff'),
	url('../fonts/icons-gbleiden.ttf?-spf9ss') format('truetype'),
	url('../fonts/icons-gbleiden.svg?-spf9ss#kdw') format('svg');
	font-weight : normal;
	font-style  : normal;
}
[class^="icon-"], [class*=" icon-"] {
	padding-left            : 10px;
	font-family             : 'icons-gbleiden';
	speak                   : none;
	font-style              : normal;
	font-weight             : normal;
	font-variant            : normal;
	text-transform          : none;
	line-height             : 1;
	color                   : inherit;
                            /* Better Font Rendering =========== */
	-webkit-font-smoothing  : antialiased;
	-moz-osx-font-smoothing : grayscale;
}
/* ------------------------------------------------ // algemeen */
html {
	overflow-y : scroll;
	height     : 100%;
}
body {
	height : 100%;
}
div, span, p, a, h1, h2, h3, h4, h5, h6, label, td, tr, li, input, button, textarea {
	font-family : Helvetica, Arial, sans-serif;
	font-size   : 15px;
	color       : #0D224C;
}
#content .item-page img {
	display   : block;
	max-width : 100%;
	height    : auto;
}
/* ------------------------------------------------ // kop */
h1, h2, h3, h4, h5, h6 {
	font-weight : bold;
}
h1 {
	font-size      : 32px;
	color          : #0D224C;
	margin         : -8px 0 10px 0;
	line-height    : 30px;
	text-transform : uppercase;
}
h2 {
	font-size     : 20px;
	color         : #0D224C;
	margin-bottom : 10px;
	line-height   : 25px;
}
h3 {
	font-size     : 12px;
	color         : #0D224C;
	margin-bottom : 10px;
	line-height   : 25px;
}
h4, h5, h6 {
	font-size     : 12px;
	color         : #0D224C;
	margin-bottom : 10px;
	line-height   : 25px;
}
/* ------------------------------------------------ // tekst */
p {
	line-height : 20px;
}
b, strong {
	font-weight : bold;
}
i, em {
	line-height : 1.6em;
	font-style  : italic;
}
/* ------------------------------------------------ // links */
a {
	color           : #0D224C;
	text-decoration : none;
	outline         : none;
	line-height     : 1.6em;
}
a:focus {
	outline : none !important;
}
a:hover {
	color           : #1C4F99;
	text-decoration : none;
}
a img {
	width  : auto;
	height : auto;
}
#content a {
	text-decoration : underline;
}
#content a.btn {
	text-decoration : none;
}
/* ------------------------------------------------ // tabellen */
table {
	margin-bottom : 1.3em;
}
td, th {
	font-size   : 1em;
	line-height : 1.6em;
	padding     : 2px 0;
}
th {
	background-color : #ED1457;
	color            : #FFFFFF;
}
td p, th p, th span, td a {
	font-size : 1.0em;
}
/* ------------------------------------------------ // lijsten */
ul {
	margin       : 0 0 1.6em 10px;
	list-style   : disc;
	padding-left : 18px;
}
ol {
	margin       : 0 0 1.6em 10px;
	padding-left : 20px;
	list-style   : decimal;
}
li {
	line-height : 1.6em;
}
li p {
	font-size : 1.0em;
}
li li {
	font-size : 1.0em;
}
ol ul, ul ol, ul ul, ol ol {
	margin-bottom : 0;
}
/* ------------------------------------------------ // contact */
address {
	font-style : normal;
}
/* ------------------------------------------------ // algemeen - Lightbox */
#jcemediabox-popup-container {
	padding : 10px 0 0;
}
#jcemediabox-popup-info-bottom {
	padding : 0 20px 10px;
}
span#jcemediabox-popup-numbers {
	padding : 0;
}
/* ------------------------------------------------ // buttons */
.btn.btn-right:after {
	margin-left    : 5px;
	font-size      : 15px;
	vertical-align : -2px;
	font-family    : 'icons-gbleiden';
	content        : "\e601";

}
a.btn {
	height          : 35px;
	padding         : 0 15px 0 15px;
	border          : none;
	border-radius   : 3px;
	text-decoration : none;
	line-height     : 33px;
	font-size       : 14px;
	font-weight     : bold;
	color           : #FFFFFF;
	background      : #0D224C;
	transition      : .3;
}
a.btn:hover,
a.btn:focus {
	color            : #FFFFFF;
	background-color : #123266;
}
/* ------------------------------------------------ // dashboard */
.container-fluid,
.row-fluid,
#right {
	height : 100%;
}
/* ------------------------------------------------ // dashboard - sidebar */
.sidebar {
	position   : fixed;
	top        : 0;
	bottom     : 0;
	left       : 0;
	z-index    : 1000;
	display    : block;
	overflow-x : hidden;
	overflow-y : auto;
	padding    : 50px 0;
	background : #FFFFFF;
}
#bottom-left.sidebar {
	top     : auto;
	bottom  : 0;
	padding : 25px 25px;
}
/* ------------------------------------------------ // dashboard - main */
.main {
	padding : 0;
}
/* ------------------------------------------------ // left */
#left {
	background  : #FFFFFF;
	padding-top : 0;
}
#left .row:first-child {
	margin-bottom : 20px;
}
#left .row-background {
	background : #DFE168;
}
/* ------------------------------------------------ // left - logo */
.logo {
	padding-top    : 55px;
	padding-bottom : 25px;
}
/* ------------------------------------------------ // left - hoofdmenu */
#left ul.nav {
	margin        : 0;
	padding-left  : 25px;
	padding-right : 25px;
	padding-top   : 5px;
}
#left ul.nav-stacked > li + li {
	margin-top : 10px;
}
#left ul.nav li a {
	background-color : #E7E9ED;
	font-size        : 15px;
	font-weight      : 600;
	color            : #0D224C;
	transition       : .3s;
}
#left ul.nav li a:hover,
#left ul.nav li a:focus {
	background : #B6BCC9;
	color      : #FFFFFF;
}
#left ul.nav li.active a {
	color      : #FFFFFF;
	background : #0D224C;
}
/* ------------------------------------------------ // left - hoofdmenu */
#bottom .nav {
	padding    : 0;
	margin-top : 20px;
}
#bottom-left ul.nav-stacked > li + li {
	margin-top : 0px;
}
#bottom-left ul.nav li a {
	padding         : 0 0 5px 0;
	font-size       : 12px;
	font-weight     : 600;
	text-decoration : underline;
	color           : #0D224C;
}
#bottom-left ul.nav li a:hover,
#bottom-left ul.nav li.active a {
	color            : #1C4F99;
	background-color : transparent;
}
#bottom-left ul li {
	font-weight : 400;
	color       : #0D224C;
}
/* ------------------------------------------------ // visual */
#visual {
	height   : 100%;
	position : fixed;
	left     : 0;
	right    : 0;
}
#visual .overlay {
	position            : absolute;
	top                 : 0;
	left                : 0;
	width               : 100%;
	height              : 180px;
	background-image    : url(../img/bg-header.png);
	background-repeat   : no-repeat;
	background-position : bottom left;
	background-size     : cover;
}
#visual .visual {
	position            : absolute;
	top                 : 0;
	left                : 0;
	width               : 100%;
	height              : 100%;
	background-repeat   : no-repeat;
	background-position : center center;
	background-size     : cover;
}
/* ------------------------------------------------ // content */
#wrapper {
	position : relative;
	padding  : 30px;

}
#content {
	background-color : #F0C5EB;
	padding          : 40px;
	box-shadow       : 0 0 3px rgba(0, 0, 0, 0.5);
}
.page-header {
	border : none;
	margin : 0;
}
/* ------------------------------------------------ // content-home */
#content-home {
	margin         : 220px 0 0 25px;
	border-radius  : 10px;
	padding        : 40px 0;
	padding-bottom : 0px;
}
#content-home h1 {
	max-width      : 650px;
	font-size      : 50px;
	font-weight    : 400;
	line-height    : 55px;
	color          : #FFFFFF;
	text-shadow    : 2px 2px rgba(0, 0, 0, .7);
	margin-bottom  : 200px;
	text-transform : none;
}
#content-home p {
	color            : #0D224C;
	background-color : #F0C5EB;
	box-shadow       : 0 0 3px rgba(0, 0, 0, 0.5);
	padding          : 35px;
}
#onder-content {
	margin-left : 25px;
}
/* ------------------------------------------------ // content - Forms*/
#userForm {
	margin-top : -4px;
}
#userForm .rsform-block .formControlLabel,
#mc_embed_signup form .mc-field-group label {
	display       : block;
	float         : none;
	width         : auto;
	text-align    : left;
	padding       : 0;
	font-size     : 13px;
	color         : #0D224C;
	font-weight   : bold;
	margin-bottom : 4px;
}
#userForm .rsform-block .formControls {
	margin : 0 0 6px 0;
}
#userForm .rsform-block .formControls input,
#mc_embed_signup form .mc-field-group input {
	height        : 30px;
	padding       : 0 0 0 10px;
	border-radius : 4px;
	background    : #F8F8F8;
	font-size     : 12px;
	font-weight   : normal;
}
#userForm .rsform-block .formControls input:focus,
#mc_embed_signup form .mc-field-group input:focus {
	border-color : rgba(88, 172, 202, .6);
	box-shadow   : 0 0 8px rgba(88, 172, 202, .8);
}
#userForm .rsform-block-bevallingsdatum .formBody {
	position : relative;
}
#userForm .rsform-block .formControls .rsform-calendar-button {
	position   : absolute;
	right      : -5px;
	width      : 40px;
	top        : 0;
	height     : 30px;
	opacity    : 0;
	background : none;
	border     : none;
	box-shadow : none;
	outline    : none !important;
	z-index    : 100;
}
#userForm .rsform-block-bevallingsdatum .formBody:after {
	font-family : 'icons-gbleiden';
	position    : absolute;
	right       : 0;
	top         : 1px;
	font-size   : 20px;
	content     : '\E602';
	color       : #0D224C;
	cursor      : pointer;
	line-height : 30px;
}
#userForm .rsform-block .formControls .yui-calcontainer {
	right      : 10px;
	border     : none;
	background : #FFFFFF;
	padding    : 5px;
}
#userForm .rsform-block .formControls .yui-calcontainer a {
	text-decoration : none;
}
#userForm .rsform-block .formControls .yui-calcontainer table {
	margin : 0;
}
#userForm .rsform-block .formControls .yui-calendar .calnavright,
#userForm .rsform-block .formControls .yui-calendar .calnavleft {
	background  : none;
	text-indent : 0;
	width       : 20px;
	height      : 20px;
	top         : 0;
}
#userForm .rsform-block .formControls .yui-calendar .calnav {
	color : #58ACCA;
}
#userForm .rsform-block .formControls .yui-calendar .calnav:hover {
	background : none;
	border     : 0;
	color      : #2C738C;
}
#userForm .rsform-block .formControls .yui-calendar .calnavright:before,
#userForm .rsform-block .formControls .yui-calendar .calnavleft:before {
	font-family : 'icons-gbleiden';
	font-size   : 20px;
	content     : '\E601';
	color       : #808080;
	display     : block;
}
#userForm .rsform-block .formControls .yui-calendar .calnavleft:before {
	content : '\E600';
}
#userForm .rsform-block .formControls .yui-calendar .calnavleft:hover:before,
#userForm .rsform-block .formControls .yui-calendar .calnavright:hover:before {
	color : #58ACCA;
}
#userForm .rsform-block .formControls .yui-calendar td.calcell.selectable a {
	color : #58ACCA;
}
#userForm .rsform-block .formControls .yui-calendar td.calcell.calcellhover {
	background : #58ACCA;
	border     : #58ACCA;

}
#userForm .rsform-block .formControls .yui-calendar td.calcell.calcellhover a {
	color : #FFFFFF;
}
#userForm .rsform-block .formControls .yui-calendar .calweekdaycell {
	color : #FFFFFF;
}
#userForm .rsform-block .btn,
input#mc-embedded-subscribe {
	font-size   : 14px;
	font-weight : bold;
	padding     : 8px 15px;
	background  : #0F244D;
	transition  : .3s;
	float       : left;
}
#userForm .rsform-block .btn:hover,
#userForm .rsform-block .btn:focus,
input#mc-embedded-subscribe:hover,
input#mc-embedded-subscribe:focus {
	background : #123266;
	color      : #FFFFFF;
}
#userForm .formError {
	color : #ED1457;
}
#userForm .rsform-block .formControls input.rsform-error {
	border-color : rgba(237, 20, 87, 0.4);
	box-shadow   : none;
	box-shadow   : 0 0 4px rgba(237, 20, 87, 0.4);
}
#verloskundigenpraktijk {
	width : 100%;
}
/* MailChimp */
#mc_embed_signup form .mc-field-group {
	height: 70px;
}
#mc_embed_signup form .mc-field-group input {
	width: 100%;
	border: 1px solid #CCCCCC;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	transition: border linear 0.2s, box-shadow linear 0.2s;
}
#mc_embed_signup form .mc-field-group .datefield .subfield input {
	display: block;
	float: left;
	width: calc(33.33333332% - 3.33332px);
}
#mc_embed_signup form .mc-field-group .datefield .subfield input#mce-VBDATUM-month {
	margin-left: 5px;
	margin-right: 5px;
}
#mc_embed_signup form .mc-field-group select#mce-VP {
	width: 100%;
	height: 30px;
	border: 1px solid #CCCCCC;
}
#mc_embed_signup form .mc-field-group select#mce-VP:hover {
	border: 1px solid #CCCCCC;
}
input#mc-embedded-subscribe {
	color: white;
	float: unset;
}
/* ------------------------------------------------ // content - over*/
#content .over img {
	display    : inline;
	transition : .2s;
}
#content .over a:hover img {
	box-shadow : 0px 0px 6px 0px rgba(88, 172, 202, .50);
}
/* ------------------------------------------------ // content - content faq items - veelgestelde vragen*/
#faq .faq-item {
	margin-bottom 		: 20px;
}
#faq .faq-title {
	display 			: flex;
	cursor  			: pointer;
	margin-left 		: 10px;
	text-indent 		: -13px;
}
#faq .faq-title span {
	margin-right 		: 10px;
}
#faq .faq-title .title {
	margin-right 		: 20px;
}
#faq .faq-tekst {
	display     		: none;
	margin-left 		: 30px;
}
/* ------------------------------------------------ // onder - content */

/* ------------------------------------------------ // onder - content - quote */
#onder-content .quote {
	margin-top : 100px;
}
#onder-content .quote-image {
	float               : left;
	border-radius       : 50%;
	width               : 128px;
	height              : 128px;
	border              : 3px solid #FFFFFF;
	background-size     : cover;
	background-position : center center;
}
#onder-content h2 {
	margin      : 20px 0 0 0;
	font-size   : 35px;
	font-style  : italic;
	font-weight : bold;
	line-height : 42px;
	color       : #FFFFFF;
	text-shadow : 2px 0 rgba(0, 0, 0, .8);
}
/* ------------------------------------------------ // content -contact */
.contact strong {
	width   : 100px;
	display : inline-block;
}
.contact span a {
	word-wrap : break-word;
}

/* ------------------------------------------------ // geboortemails26 */
.geboortemails26 h1 {
	font-size: 24px;
	line-height: 28px;
}
.geboortemails26 h2 {
	margin-top: 0;
	line-height: 28px;
}
.lang-tabs-headings {
	display: flex;
	flex-direction: row;
	margin-bottom: 35px;
	border-bottom: 1px solid #0D224C;
}
.lang-tabs-headings .tab-heading {
	display: flex;
	align-items: center;
	margin-right: 5px;
	padding: 9px 15px 7px;
	background-color: #E1B1DE;
	border-radius: 4px 4px 0 0;
	overflow: hidden;
	cursor: pointer;
}
.lang-tabs-headings .tab-heading:hover {
	background-color: #C180BE;
}
.lang-tabs-headings .tab-heading span {
	font-size: 12px;
	font-weight: 700;
	color: #0D224C;
}
#content .lang-tabs-headings .tab-heading img {
	margin-right: 5px;
	width: 16px;
	height: 12px;
	object-fit: cover;
}
.lang-tabs-headings .tab-heading.active {
	background-color: #0D224C;
	cursor: text;
}
.lang-tabs-headings .tab-heading.active span {
	color: #ffffff;
}
.lang-tab-contents .tab {
	display: none;
}
.lang-tab-contents .tab.active {
	display: block;
}