@import url("../fonts/fonts.css");
@import url("../flexslider.css");

html, body {
	height: 100%;
}

body{
	background: #FFF url('../../img/bg.jpg') repeat left top;
	font-weight: 100;
	font-size: 14px;
	line-height: 20px;
	color: #111;
}

h1, h2, h3, h4, h5, h6{
	text-align: left;
	margin: 0 0 10px 0;
	font-family: proxima_nova_semibold, "Helvetica Neue", Arial;
	font-weight: normal;
}

h1{}
h2{font-size: 25px;}
h3{font-size: 18px;}
h4{font-size: 16px;}
h5{}
h6{}

.smallText{
	font-weight: lighter;
	font-size: 11px;
	color: #666;
}
.smallText.left{margin-right: 5px;}

a, a:visited{
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

.text{text-align: justify;position: relative;}
	.main .text h2, .text h2 {margin-bottom: 15px;}
	.main .text h3, .text h3 {margin-bottom: 15px;}
	.text p {margin-bottom: 10px;font-size: 14px;color: #333;}

.text .date {
	position: absolute;
	top: 40px;
	right: 21px;
}
.text.one .date{top: 22px;}


.roundTop{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.roundTopLeft{
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}
.roundBottom{
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom: 2px solid #EEE;
	
/*	-webkit-box-shadow: 0 5px 5px -5px #BBB;*/
/*	   -moz-box-shadow: 0 5px 5px -5px #BBB;*/
/*			box-shadow: 0 5px 5px -5px #BBB;*/
}
.roundBottomLeft{
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	border-bottom: 2px solid #EEE;
	
/*	-webkit-box-shadow: 0 5px 5px -5px #BBB;*/
/*	   -moz-box-shadow: 0 5px 5px -5px #BBB;*/
/*			box-shadow: 0 5px 5px -5px #BBB;*/
}
.round{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 2px solid #EEE;
	
/*	-webkit-box-shadow: 0 5px 5px -5px #BBB;*/
/*	   -moz-box-shadow: 0 5px 5px -5px #BBB;*/
/*			box-shadow: 0 5px 5px -5px #BBB;*/
}


.button, .buttonText{
	height: 31px;
	cursor: pointer;
	border: none;
	color: #FFF;
	font-family: proxima_nova_regular, "Helvetica Neue", Arial;
	line-height: 29px;
	
}

.button input[type="submit"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	}

.button{ position:relative; padding-right: 10px; }
.buttonText{
	padding:0 0 0 10px;
	display: block;
	width: 100%;
	text-align: center;
	padding-left: 10px;
	margin-right: 0;
}

/* LANDINGPAGINAS */
.landingPages {
	margin:20px 0;
}

.authContainer {
	position:relative;
	float:left;
	background:#fff;
	width:510px;
	padding:15px 15px 65px 15px;
}

.algemeen .button.type{background: url(../../img/buttons/buttonEnd.png) right -69px no-repeat;}
	.algemeen .button.type .buttonText{background: url(../../img/buttons/buttonBlue.png) 0px 0px;}

.professioneel .button.type{background: url(../../img/buttons/buttonEnd.png) right -35px no-repeat;}
	.professioneel .button.type .buttonText{background: url(../../img/buttons/buttonPurple.png) 0px 0px;}

.formBottom .button.type{background: url(../../img/buttons/buttonEnd.png) right 0 no-repeat;}

.registreren .button.type, 
.inloggen .button.type, 
.persoonlijk .button.type{background: url(../../img/buttons/buttonEndSprite.png)right 0px no-repeat;}
.registreren .button.type.loginButton,
.inloggen .button.type.loginButton,
.persoonlijk .button.type.loginButton{ float: right;}
.registreren .button.type:hover,
.inloggen .button.type:hover,
.persoonlijk .button.type:hover{background: url(../../img/buttons/buttonEndSprite.png)right -107px no-repeat;}
.registreren .button.type:active,
.inloggen .button.type:active,
.persoonlijk .button.type:active{background: url(../../img/buttons/buttonEndSprite.png)right -214px no-repeat;}

.registreren .button.type.Purple,
.inloggen .button.type.Purple,
.persoonlijk .button.type.Purple{background: url(../../img/buttons/buttonEndSprite.png)right -35px no-repeat;}
.registreren .button.type.Purple:hover,
.inloggen .button.type.Purple:hover,
.persoonlijk .button.type.Purple:hover{background: url(../../img/buttons/buttonEndSprite.png)right -142px no-repeat;}
.registreren .button.type.Purple:active,
.inloggen .button.type.Purple:active,
.persoonlijk .button.type.Purple:active{background: url(../../img/buttons/buttonEndSprite.png)right -249px no-repeat;}

.registreren .button.type.Blue,
.inloggen .button.type.Blue,
.persoonlijk .button.type.Blue{background: url(../../img/buttons/buttonEndSprite.png)right -69px no-repeat;}
.registreren .button.type.Blue:hover,
.inloggen .button.type.Blue:hover,
.persoonlijk .button.type.Blue:hover{background: url(../../img/buttons/buttonEndSprite.png)right -176px no-repeat;}
.registreren .button.type.Blue:active,
.inloggen .button.type.Blue:active,
.persoonlijk .button.type.Blue:active{background: url(../../img/buttons/buttonEndSprite.png)right -283px no-repeat;}

.registreren .button.type .buttonText,
.inloggen .button.type .buttonText,
.persoonlijk .button.type .buttonText{background: url(../../img/buttons/buttonOrangeSprite.png) 0px -1px;}
.registreren .button.type .buttonText:hover,
.inloggen .button.type .buttonText:hover,
.persoonlijk .button.type .buttonText:hover{background-position: 0px -73px;}
.registreren .button.type .buttonText:active,
.inloggen .button.type .buttonText:active,
.persoonlijk .button.type .buttonText:active{background-position: 0px -144px;}

.registreren .button.type .buttonText.Purple,
.inloggen .button.type .buttonText.Purple,
.persoonlijk .button.type .buttonText.Purple{background: url(../../img/buttons/buttonOrangeSpritePurple.png) 0px -1px;}
.registreren .button.type .buttonText.Purple:hover,
.inloggen .button.type .buttonText.Purple:hover,
.persoonlijk .button.type .buttonText.Purple:hover{background-position: 0px -73px;}
.registreren .button.type .buttonText.Purple:active,
.inloggen .button.type .buttonText.Purple:active,
.persoonlijk .button.type .buttonText.Purple:active{background-position: 0px -144px;}

.registreren .button.type .buttonText.Blue,
.inloggen .button.type .buttonText.Blue,
.persoonlijk .button.type .buttonText.Blue{background: url(../../img/buttons/buttonOrangeSpriteBlue.png) 0px -1px;}
.registreren .button.type .buttonText.Blue:hover,
.inloggen .button.type .buttonText.Blue:hover,
.persoonlijk .button.type .buttonText.Blue:hover{background-position: 0px -73px;}
.registreren .button.type .buttonText.Blue:active,
.inloggen .button.type .buttonText.Blue:active,
.persoonlijk .button.type .buttonText.Blue:active{background-position: 0px -144px;}

input.cssInput{
		padding: 3px 10px;
		background:none;
		border: 1px solid #d9d9d9;
		display: block;
		width: 90%;
		border-radius: 5px;
		box-shadow: inset 0 3px 5px #ddd;
		margin-bottom: 10px;
		min-height: 25px;
		line-height: 26px;
	}
		input.cssInput:disabled{
			opacity: 1;
			background:#eee;
			box-shadow:inset 0 1px 1px #fff;
			cursor: not-allowed;
		}

/* kinderwens Magenta/Roze 	#E6007E */
/* zwanger Oranje 			#EF7D00 */
/* baby Groen 				#009640 */
/* peuter  Blauw 			#009FE3 */
/* basisschool Paars 		#5C2483 */
/* puber Rood 				#E30613 */
/* jong-volwassen Geel 		#FFDD00 *//* Andere tint voor de site elementen, zoals knoppen #FFC600 */

	#wrap{
		width: 940px;
		margin: 0 auto;
		position: relative;
/*		overflow: hidden;*/
		margin: 0 auto -450px;  /* must be negative value height of the footer */
		min-height: 100%;
		height: auto !important;
		height: 100%;	
	}
	
	.persoonlijk #wrap {overflow: visible;}
	
	header {padding: 30px 0; height: 90px; z-index: 999; position:relative;}
		a.home, .logo{width: 164px;	height: 62px; position:absolute}
		a.home{display: block; overflow: hidden;}
			.logo{background: url('../../img/gglogo.png') no-repeat left top;}
		
	.persoonlijk header {
		height: 91px;
		/*margin: 30px 0 0 0;*/
		/*padding: 0;*/
		padding: 30px 0 0;
	}
	
	/* Navigatie Header */	
	.mainNav{
/*		position: absolute;
		top: 10px;
		left: 0;
		width: 100%;*/
	}
	.persoonlijk .mainNav {
		/*position: absolute;
		top: 20px;
		left: 0;
		width: 100%;*/
	}
	
		.navWrap{position: relative; font-family: proxima_nova_regular, "Helvetica Neue", Arial;}
			.mainNav .button{
				position: absolute;
				font-size: 14px;
				text-align: center;
				color: #FFF;
				font-weight: lighter;
				top: 20px;
				height: 30px;
			}
			.mainNav .button:hover{ text-decoration: none;}
				.mainNav .button.algemeen{
					right: 564px;
					padding-right: 10px;
					background: url(../../img/buttons/buttonBlue.png) 0px 0px !important;
					width: 96px;
				}
				.mainNav .button.algemeen > .buttonText{
					padding-left: 7px;
				}
				.mainNav .button.professioneel{
					right: 450px;
					padding-right: 20px;
					background: url(../../img/buttons/buttonPurple.png) -187px 31px !important;
					width: 93px;
				}

				.mainNav .button.messenges{
					right: 200px;
					padding: 0px;
					background-repeat: no-repeat;
					/*border-bottom: 3px solid;
					border-color: #e8e7e9; */
					margin-top:-2px;
				}
				.topScrollBarWrapper .button.messenges{
					display: none;
				}
				
				.mainNav .buttonText{margin: 0; padding-top: 1px;}
				
				.button.persoonlijk.persoonlijkNav{right: 81px; width: 176px; padding-right:20px; background: url(../../img/buttons/buttonEnd.png) right top no-repeat;text-align: center; z-index:3}
				.button.persoonlijk.persoonlijkNav .buttonText{ background: url(../../img/buttons/buttonOrange.png) left top no-repeat; }
				.login_header {position: absolute; top: 23px; right: 0;}
					.login_header a {font-size: 13px; color: #666; font-weight: lighter;}
					.login_header span {color: #b6b6b6; padding-right: 5px;}
				
				/* PERSOONLIJK GROEIPAD NAVIGATIE */
				.button.persoonlijk.persoonlijkNav.active{
					background: url(../../img/buttons/persoonlijk.png) no-repeat right 0 transparent;
					width: 186px;
					overflow: visible;
					margin: 0;
					padding: 0;
					right: 0;
				} 
				.button.persoonlijk.persoonlijkNav.active > span{padding-right: 31px; line-height: 30px;}
				.button.persoonlijk.persoonlijkNav.active:hover{margin-top: 0;}
					.button.persoonlijk.persoonlijkNav.active .buttonText{margin-right: 30px;}

					.button.persoonlijk.active .pSubmenu{display: none;}
					.button.persoonlijk.active:hover .pSubmenu{
						display: block; 
						background: #f7f7f7; 
						border: 3px solid #ec6f01; 
						width: 230px; 
						margin-top: -5px;
						color: #222;
						text-align: left;
						font-size: 1.0em;
						position:absolute;
						right:0;
						top:32px;
						 z-index:999;
						 box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.3);
						border-radius: 5px 0 5px 5px;
					}
					
						.pSubmenu ul{
							list-style: none;
							margin: 0;
							padding: 0;
						}
							.pSubmenu li {	
								position: relative;
								display: block;
								border-bottom: solid 1px #eaeaea;
								border-top: 1px solid #fff;
								padding-left: 40px;
								height: 30px;
								line-height: 25px; 
								background-color: #f7f7f7;
							}
							.pSubmenu li:hover {background-color: #fff;}
								.pSubmenu li a {display: block; color: #333; padding-top:2px;}
								
							.pSubmenu span.icon {
								position: absolute;
								left: 3px;
								top: -4px;
								height: 35px;
								width: 30px;
								background: transparent url('../../img/sprites/subnav-items/groeipad_hover_sprite.png') no-repeat;
							} 
							
							/* PERSOONLIJK GROEIPAD ICONS */							
							.pSubmenu ul li span.icon.psDashboard {background-position: 0 0;}
							.pSubmenu ul li span.icon.psMessage {background-position: -213px 0;}
							.pSubmenu ul li span.icon.psAllChild {background-position: -30px 0;}	
							.pSubmenu ul li span.icon.psAddChild {background-position: -60px 0;}
							.pSubmenu ul li span.icon.psAddPregnancy {background-position: -90px 0;}
							.pSubmenu ul li span.icon.psSettings {background-position: -120px 0;}
							.pSubmenu ul li span.icon.psLogout {background-position: -150px 0;}
							.pSubmenu ul li span.icon.psFeedback{background-position: -180px 0;}
							/* KIND EN ZWANGERSCHAP ICONS */
							.pSubmenu ul li.child {
								padding: 0 !important;
							/*	height: 35px;
								line-height: 35px; */
								background-image: none;
							}
							.pSubmenu ul li.child a img{margin-right: 10px; margin-top:-2px;}
							.pSubmenu ul li.pregnancy a{background-position:left -61px;}
							
								.pSubmenu ul li.child a.active{background: #fff;}
							
							.pSubmenu .submenuTitle{
								background-color: #ff8000;	
								display: block;
								color: #fff;
								font-size: 0.8em;
								padding-left: 10px;
							}
							
							/* EINDE PERSOONLIJK GROEIPAD NAV*/
							
							
	
	nav{
		background: #FFF;
		height: 53px;
		font-family: proxima_nova_regular, "Helvetica Neue", Arial;
	}
		nav ul{
			list-style: none;
			margin: 0;
			padding: 0;
			line-height: 50px;
			height: 50px;
			border-bottom: 3px solid #EEE;
		}
		
			nav ul li {
				float: left;
				margin: 0;
				border-right: 1px solid #EEE;
				height: 50px;
				
			}
				nav ul li a, nav ul li a:visited {
					display: block;
					text-decoration: none;
					font-weight: normal;
					font-style: normal;
					padding: 0 12px;
					color: #444;
				}
				nav ul li:hover a, nav ul li:hover a:visited, nav ul .active a p {
					color: #FFF;
					text-decoration: none;
				}
					nav .navItem{
						border-bottom: 3px solid;
						margin: 0;
						padding: 0;
						font-size: 14px;
					}
					
					nav ul .kinderwens:hover, nav ul .kinderwens.active{
						background: #E6007E;
						border-right: 1px solid #E6007E;
						border-bottom:3px solid #cf0071;
					}
					nav ul .zwanger:hover, nav ul .zwanger.active{
						background: #EF7D00;
						border-right: 1px solid #EF7D00;
						border-bottom:3px solid #d77000;
					}
					nav ul .baby:hover, nav ul .baby.active{
						background: #009640;
						border-right: 1px solid #009640;
						border-bottom:3px solid #008739;
					}
					nav ul .peuter:hover, nav ul .peuter.active{
						background: #009FE3;
						border-right: 1px solid #009FE3;
						border-bottom:3px solid #008fcc;
					}
					nav ul .basisschool:hover, nav ul .basisschool.active{
						background: #5C2483;
						border-right: 1px solid #5C2483;
						border-bottom:3px solid #522075; 
					}
					nav ul .puber:hover, nav ul .puber.active{ 
						background: #E30613; 
						border-right: 1px solid #E30613;
						border-bottom:3px solid #cc0511; 
					}
					nav ul .jongvolwassene:hover, nav ul .jongvolwassene.active{ 
						background: #FFC600; 
						border-right: 1px solid #FFC600;
						border-bottom:3px solid #e5b200; 
					}
					
					
					nav ul .kinderwens:hover .navItem, nav ul .kinderwens.active .navItem { border-bottom: none; }
					nav ul .zwanger:hover .navItem, nav ul .zwanger.active .navItem { border-bottom: none; }
					nav ul .baby:hover .navItem, nav ul .baby.active .navItem{ border-bottom: none; }
					nav ul .peuter:hover .navItem, nav ul .peuter.active .navItem{ border-bottom: none; }
					nav ul .basisschool:hover .navItem, nav ul .basisschool.active .navItem{ border-bottom: none; }
					nav ul .puber:hover .navItem, nav ul .puber.active .navItem{ border-bottom: none; }
					nav ul .jongvolwassene:hover .navItem, nav ul .jongvolwassene.active .navItem{ border-bottom: none; }
					
					.kinderwens .navItem { border-bottom: 3px solid #E6007E; }
					.zwanger .navItem { border-bottom: 3px solid #EF7D00; }
					.baby .navItem{ border-bottom: 3px solid #009640; }
					.peuter .navItem{ border-bottom: 3px solid #009FE3; }
					.basisschool .navItem{ border-bottom: 3px solid #5C2483; }
					.puber .navItem{ border-bottom: 3px solid  #E30613; }
					.jongvolwassene .navItem{ border-bottom: 3px solid #FFC600; }
/* Search Bar */		
		nav .searchBar{
			float: right;
			margin: 10px;
		}
			.searchInput, .searchSubmit{
				margin: 0;
				border: none;
				float: left;
			}
			.searchInput{
				width: 127px;
				height: 24px;
				padding: 3px 27px 3px 6px;
				background: #f5f5f5 url('../../img/buttons/textInput.png') no-repeat left top;
			}
			.algemeen .searchSubmit{background: transparent url('../../img/buttons/submitBlue.png') no-repeat left top;}
			.professioneel .searchSubmit{background: transparent url('../../img/buttons/submitPurple.png') no-repeat left top;}
			.registreren .searchSubmit, .inloggen .searchSubmit, .persoonlijk .searchSubmit{background: transparent url('../../img/buttons/submitOrange.png') no-repeat left top;}
			.searchSubmit{
				width: 24px;
				height: 25px;
				margin: 4px 0 0 -27px;
				padding: 0;
			}

/* cropper dropdown */


			.cropperOptions.addButton{
				width: auto;
			}
				.cropperOptions .imageEdit.bHover{
					background: url(../../img/buttons/persoonlijk.png) no-repeat right 0 transparent;
					width: 135px;
					margin: 0;
					padding: 0 0 0 20px;
					margin-left: 5px;
				}
				.cropperOptions .imageEdit.bHover span.bRound{
					background: url(../../img/buttons/persoonlijk.png) no-repeat left 0 transparent;
					display: block;
					position: absolute;
					left: 0; top: 0;
					width: 5px;
					height: 28px;
					margin:0;
					margin-left: -5px;
				}
				.cropperOptions .imageEdit span.bArrow{
					width: auto;
					height: auto;
					display: block;
					margin:0;
					background: url(../../img/buttons/persoonlijk.png) no-repeat right 0 transparent;
				}
				.cropperOptions .imageEdit > span{}
				.cropperOptions .submenu.subOptions{
					display: block;
					width: auto;
					min-width: 143px;
					position: absolute;
					margin-top:25px;
					margin-right: 0;
					float: none;
					background: #fff;
					border: 0px solid #ec6f01;
					border-radius: 5px 0 5px 5px;
					color: #222;
					text-align: left;
					font-size: 1.0em;
					z-index: 3;
					height: 0;
					/*overflow: hidden;*/
				}
				
				.cropperOptions:hover .submenu.subOptions, .cropperOptions.active .submenu.subOptions{
					height: auto;
					border-width: 3px;
				}
				.cropperOptions .submenu.subOptions ul li{
					height: auto;
				}
				.cropperOptions .submenu.subOptions ul li a{
					padding:4px 10px;
					height: auto;
					background:none;
				}
				.cropperOptions .submenu.subOptions ul li a.remove{
					display: block;
				}
				.cropperOptions .submenu #thumb_profile_upload,
				.cropperOptions .submenu #thumb_cover_upload{
					padding-left: 10px;
					width: 140px;
				}
				.cropperOptions .submenu #thumb_profile_upload-queue,
				.cropperOptions .submenu #thumb_cover_upload-queue{
					margin:0;
				}

				.ui-dialog .ui-dialog-content.overflowVisible{
					overflow: visible !important;
				}

				.uploadify-button-text{
					font-size: 15px;
				}
				.bookImageButton .uploadify-button-text {
					font-size: 13px;
				}

			.timelineCropper.cropperOptions .imageEdit.bHover{
				padding-left: 3px;
				width: 84px;
				margin-left: 2px;
			}

			.timelineCropper.cropperOptions.addButton {
				margin-top: -29px;
				opacity: 0;
				transition:0.2s ease;
			}

				.entryImage:hover .timelineCropper.cropperOptions{
					opacity: 1;
				}

/* Forms */

.textInput{
	background: url('../../img/buttons/textInput.png') no-repeat left top;
	border: none;
	margin: 0;
	width: 140px;
	height: 24px;
	padding: 3px 10px;
}
	.textInput.zipcode{width:33px;}
	.textInput.zipcode2{width:20px;background-position:-120px 0;}

.numberInput{
    background: url('../../img/buttons/textInput.png') no-repeat left top;
    border: none;
    margin: 0;
    width: 25px;
    height: 24px;
    padding: 3px 10px;
    border-right: solid 2px #eee;
    border-radius: 0 7px 7px 0;
}

.textInputArea{
	border: solid 1px #eee;
	margin: 0;
	width: 350px;
	height: 180px;
	padding: 3px 10px;
}

/* sliders */
.topSliderContainer{
	height: 245px;
	overflow: hidden;
	position: relative;
}
	.topSliderContainer .category{
		position: absolute;
		bottom: 40px;
		left: 30px;
	}
		.topSliderContainer .category h2{
			position: relative;
			font-size: 68px;
		}
		.topSliderContainer .category h2 .dot{
			position: absolute;
			top: -35px;
			right: -40px;
			font-size: 170px;
		}
		
		.topSliderContainer .category.kinderwens h2{color: #E6007E;} 	
		.topSliderContainer .category.zwanger h2{color: #EF7D00;} 
		.topSliderContainer .category.baby h2{color: #009640;} 
		.topSliderContainer .category.peuter h2{color: #009FE3;} 
		.topSliderContainer .category.basisschoolkind h2{color: #5C2483;} 
		.topSliderContainer .category.puber h2{color: #E30613;} 
		.topSliderContainer .category.jongvolwassene h2{color: #FFDD00;}
		
		.professioneel .topSliderContainer .category h2{color: #5C2483;} 

.flexslider{
	margin: 0;padding: 0;
	border: none;
	background: #FFF;
	position: relative;
}
	#imageSlider{
		height: 190px;
		overflow: hidden;	
	}
	.normalSlider{
		overflow: hidden;
	}
	.slides{
		overflow: hidden;
	}


.flex-control-nav{
	bottom: 10px;
}
	.flex-control-paging li a{
		background: url('../../img/sprites/active/dotsBig.png') !important;
		background-repeat: no-repeat;
		background-position-y: -109px !important;
		background-position-x: center !important;
	}
	
	.algemeen .kinderwens .flex-control-paging li a.flex-active{background-position-y: 0px !important;}
	.algemeen .zwanger .flex-control-paging li a.flex-active{background-position-y: -15px !important;}
	.algemeen .baby .flex-control-paging li a.flex-active{background-position-y: -30px !important;}
	.algemeen .puber .flex-control-paging li a.flex-active{background-position-y: -78px !important;}
	.algemeen .jongvolwassene .flex-control-paging li a.flex-active{background-position-y: -94px !important;}
	
	.algemeen .flex-control-paging li a.flex-active,
	.algemeen .peuter .flex-control-paging li a.flex-active{background-position-y: -46px !important;}
	
	.professioneel .flex-control-paging li a.flex-active, 
	.algemeen .basisschoolkind .flex-control-paging li a.flex-active{background-position-y: -62px !important;}
	
	.persoonlijk .flex-control-paging li a.flex-active, 
	.algemeen .zwanger .flex-control-paging li a.flex-active{background-position-y: -15px !important;}			
/* Content */	
	.contentContainer{
		min-height: 400px;
		margin-bottom: 100px;
	}
	
		.contentContainer .text{
			padding: 0 20px 20px;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		}
			/*.contentContainer .first{
				font-size: 115%;
			}*/
		
		
		.top{
			width: 940px;
		}
			.top img{
				width: 100%;
			}
		
		.main{
			background: #FFF;
			margin-bottom: 20px;
			position: relative;
		}
			.main h2{margin: 0 0 30px;}
			
			.mainCenter{
				width: 885px;
				margin: 30px auto 25px;
			}
				.mainCenter h2{
					padding: 0 0 0 20px;
				}
					.mainCenter .text p{
						margin: 0 0 15px;
					}
			
			.mainLeft, .mainRight{
				padding: 40px 0 60px;
			}
			.mainLeft{
				float: left;
				width: 600px;
			}
			.mainRight{
				float: right;
				width: 300px;
			}
			
			.half{
				width: 450px;
			}
			
/* Blocks */

.block{
	float: left;
	width: 460px;
	height: 404px;
	background: #FFF;
}

.block.left{
	margin-right: 20px;
}

.exemplarenLijst {}

	.exemplarenLijst .buttonsMiddle {text-align: center;}

		.block.round .exemplarenLijst .button{
			float: none;
			width: 92px;
			padding-right: 20px;
			margin-right: 10px;
			display: inline-block;
		}
		
			.exemplarenLijst .buttonsMiddle .button .buttonText {display: inline-block; padding-top: 1px;}
			.block.round .exemplarenLijst .buttonsMiddle .button .submit {}
			.exemplarenLijst .buttonsMiddle .button.blanco .buttonText {
				display: inline-block;
				background-color: #fff; 
				color: #111;
			}
			.exemplarenLijst .button.blanco, .exemplarenLijst .button.blanco .submit {background: none !important;}
			
	.boekjesLijst {
		padding: 0;
		margin-left: -21px;
		width: 462px;
	}
	
		.boekjesLijst li {
			display: block;
			float: left;
			margin-right: 1px;
			list-style-type: none;
		}
		.boekjesLijst li.last {padding-right: 0;}
		
			.exemplaarBoekje {
				display: block;
				width: 65px;
				height: 92px;
				background: transparent url('../../img/sprites/boekjes.png') no-repeat;
			}
			#en .exemplaarBoekje {
				background: transparent url('../../img/sprites/boekjesEngels.png') no-repeat;
			}
			.exemplaarBoekje:hover {
				margin-top: -6px;
				height: 98px;
			}
			.bKinderwens {background-position: 0 0;}
			.bZwanger {background-position: -65px 0;}
			.bBorst {background-position: -130px 0;}
			.bKraam {background-position: -195px 0;}
			.bPeuter {background-position: -260px 0;}
			.bKleuter {background-position: -325px 0;}
			.bPuberteit {background-position: -390px 0;}
			
			.bKinderwens:hover {background-position: 0 -92px;}
			.bZwanger:hover {background-position: -65px -92px;}
			.bBorst:hover {background-position: -130px -92px;}
			.bKraam:hover {background-position: -195px -92px;}
			.bPeuter:hover {background-position: -260px -92px;}
			.bKleuter:hover {background-position: -325px -92px;}
			.bPuberteit:hover {background-position: -390px -92px;}
			
			/* ENGELSE VARIANT BOEKJE */
			
			#en .bEnKinderwens {background-position: 0 0;}
			#en .bEnZwanger {background-position: -65px 0;}
			#en .bEnBorst {background-position: -130px 0;}
			#en .bEnKraam {background-position: -195px 0;}
			#en .bEnPeuter {background-position: -260px 0;}
			
			#en .bEnKinderwens:hover {background-position: 0 -92px;}
			#en .bEnZwanger:hover {background-position: -65px -92px;}
			#en .bEnBorst:hover {background-position: -130px -92px;}
			#en .bEnKraam:hover {background-position: -195px -92px;}
			#en .bEnPeuter:hover {background-position: -260px -92px;}

.nieuwsBrief {}

	.textContainer {padding: 20px;}
		.block.round .text {padding: 0;}		
			.block.round .text p {margin-top: 10px;}
			
		.nieuwsbrief-checkbox {margin-top: 15px;width: 100%;}
	
		.block.round .textInput {display: block;margin-bottom: 20px;}
	
		.block.round .button {
			float: left;
			width: 106px;
		}
			.block.round .button {width: 96px;}
	
			.formFeedback {
				margin-left: 10px;
				font-size: 11px;
			}

.bookOrder {
	margin-top: 20px;
}
	.bookOrder p{
		margin-bottom: 10px;
	}
	.bookOrder .button{
		width: 120px !important;
	}
		.bookOrder a:hover {
			text-decoration: none;
			border-bottom: none;
		}


/* articleNav */

.articleNav{
	background: #FCFCFC;
	width: 299px;
	border-right: 1px solid #E5E4E5;
	border-bottom: none;
}

.mainLeft.roundBottomLeft.faq.articleNav{
	background: #FCFCFC;
	width: 600px !important;
	border-right: 1px solid #E5E4E5;
	border-bottom: none;
}
	.articleNav ul{
		list-style: none;
		margin: 0;
	}
	.articleNavUl{
		padding: 0 5px 0 15px;
	}
	.sub{
		padding: 5px 0 0 0;
		margin: 0 0 0px 2px !important;
	}

	.faq .sub p{
		line-height: 23px;
	}
		.articleNav ul .root{
			width: 259px;
			margin-bottom: 5px;
			line-height: 28px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
		.faq .articleNav ul .root{
			width: 550px;
			margin-bottom: 5px;
			line-height: 28px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
		.kinderwens .articleNav ul .root{background-color: #fdf1f7;}
		.zwanger .articleNav ul .root{background-color: #fdf7f1;}
		.baby .articleNav ul .root{background-color: #f2faf5;}
		.peuter .articleNav ul .root{background-color: #f1f9fd;}
		.faq .articleNav ul .root{background-color: #f1f9fd;}
		.basisschoolkind .articleNav ul .root{background-color: #f6f3f8;}
		.puber .articleNav ul .root{background-color: #fef2f3;}
		.jongvolwassene .articleNav ul .root{background-color: #fefbf1;}
		
			.articleNav ul .root .list-item{padding: 0 0 0 20px;}
			.articleNav ul .root > list-item{width: 239px;}
			
			.kinderwens .articleNav .root > .list-item{background: url('../../img/sprites/subnav-items/sidenavMagenta.png');}
			.zwanger .articleNav .root > .list-item{background: url('../../img/sprites/subnav-items/sidenavOrange.png');}
			.baby .articleNav .root > .list-item{background: url('../../img/sprites/subnav-items/sidenavGreen.png'); }
			.peuter .articleNav .root > .list-item{background: url('../../img/sprites/subnav-items/sidenavBlue.png');}
			.faq .articleNav .root > .list-item{background: url('../../img/sprites/subnav-items/sidenavBlueFaq.png');}
			.basisschoolkind .articleNav .root > .list-item{background: url('../../img/sprites/subnav-items/sidenavPurple.png');}
			.puber .articleNav .root > .list-item{background: url('../../img/sprites/subnav-items/sidenavRed.png');}
			.jongvolwassene .articleNav .root > .list-item{background: url('../../img/sprites/subnav-items/sidenavYellow.png');}
		
		.articleNav ul li{
			position: relative;
			display: block;
			min-width: 10px;
			line-height: 26px;
			font-size: 12px;
			font-weight: lighter;
			overflow: visible;
		}
		.articleNav .sub .hasKids a{font-weight: bold;}
		.articleNav .sub .nokids a{font-weight: lighter !important;}
		
		.articleNav .sub li{padding-left: 10px;}
		
		
		
		.articleNav .sub li .active a{
			padding-right: 15px;
			background: url('../../img/sprites/active/dots.png');
			background-repeat: no-repeat;
		}
		.kinderwens .articleNav .sub li .active a{background-position: right 3px;}
		.zwanger .articleNav .sub li .active a{background-position: right -14px;}
		.baby .articleNav .sub li .active a{background-position: right -29px;}
		.peuter .articleNav .sub li .active a{background-position: right -44px;}
		.faq .articleNav .sub li .active a{background-position: right -44px;}
		.basisschoolkind .articleNav .sub li .active a{background-position: right -58px;}
		.puber .articleNav .sub li .active a{background-position: right -75px;}
		.jongvolwassene .articleNav .sub li .active a{background-position: right -90px;}
			
		
		.articleNav .sub li a, .articleNav .sub li a:visited {color: #111;}
			.articleNav ul li a, .articleNav li a:visited {color: #FFF;}
			.faq.articleNav .title p {
				color: #FFF; 
				font-weight: 500; 
				font-family: proxima_nova_regular, "Helvetica Neue", Arial;
				font-size: 13px;
			}
			.articleNav ul li .toggleButton{
				position: absolute;
				cursor: pointer;
				display: block;
				width: 28px;
				height:  28px;
				background-repeat: no-repeat !important;
			}
				.articleNav ul .root .toggleButton{
					top: 0;
					right: 0;
					background-image: url('../../img/sprites/subnav-items/expandWhite.png');
					background-position: left -13px;
				}
				.articleNav .sub .toggleButton{
					top:0;
					left:0;
					background-image: url('../../img/sprites/subnav-items/expandGrey.png') !important;
					background-position: left -14px !important;
				}
				
				.articleNav .toggleButton.open{
					background-position: left 8px !important;
				}
	
	


/* Articles */
	.articleNavContainer{
		padding: 60px 20px 0;
	}

.article{
	width: 600px;
	padding: 40px 20px 80px;
}
	.article h2, .article h3{
		font-size: 16px;
		line-height: 60px;
		margin: 0 0 0 0;
	}
	.article h2:first-child{
		font-size: 30px;
		margin-bottom: 30px;
		line-height: 30px;
	}
	
	.articleContent{
		width: 640px;
		margin: 20px -20px;
	}
		.articleContent .videoContainer, .articleContent .imageSliderContainer{
			width: 320px;
			height: 190px;
			overflow: hidden;
			
		}
		.articleContent .videoContainer.center, .articleContent .imageSliderContainer.center{
			margin: 0 auto;
			float: none;
		}
		.articleContent .videoContainer{
			float: left;
		}
		.articleContent .imageSliderContainer{
			float: right;
		}
	
	.article figure{
		width: 300px;
		margin: 0 auto;
	}
		.article figure a img{
			width: 100%;
		}
	
	.kinderwens .article a, .kinderwens .article a:visited {color: #E6007E;} 	
	.zwanger .article a, .zwanger .article a:visited {color: #EF7D00;}
	.baby .article a, .baby .article a:visited {color: #009640;} 
	.peuter .article a, .peuter .article a:visited {color: #009FE3;} 
	.basisschoolkind .article a, .basisschoolkind .article a:visited {color: #5C2483;} 
	.puber .article a, .puber .article a:visited {color: #E30613;} 
	.jongvolwassene .article a, .jongvolwassene .article a:visited {color: #FFDD00;}
	
	
	.article .extra a{
		float: right;
		display: block;
		margin: 0 0 1em 1em;
	}
	
	.article .tags{ margin: 20px 0 0;}
	.article .tags .bold{font-weight:bold;}
	.article object{margin-top: 20px;}
			
.shareContainer{
	position: absolute;
	right: 0;
	bottom: 20px;
	margin-top: 20px;

/*	overflow: hidden;*/

	height: 30px;
	width: 350px;
	
}
	.article .share{
		position: relative;
		right: 0;
		bottom: 0;
	}
	
.twitter-share-button{
	position: absolute;
	top: 0;
	right: 0;
}
.fbShare{
	display: block;
	position: absolute !important;
	top: 0;
	right: 175px;
	background: #f5f5f5 url('../../img/fb_share.png') no-repeat left top;
	width: 60px;
	height: 20px;
}
.fb_edge_widget_with_comment{
	position: absolute !important;
	top: 0;
	right: 130px;	
}

/* Berichten */

.aantalBerichten{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #e7091c;
	font-size: 10px;
	padding: 3px 7px 3px 7px;
	border-bottom: 2px solid #d8d8d9;
	position: absolute;
	top: -12px;
	left: 14px;
	color: #fff;
	line-height: 10px;
	behavior: url(../../js/libs/pie/PIE.php);
}

.berichtenIcon{
	background-image: url(../../img/messages/spriteMessenges.png);
	background-repeat: no-repeat;
	background-position: -10px -10px;
	display: block;
	width: 43px;
	height: 33px;
	float: left;
}

	.test{
		line-height: 10px;
	}

	.berichtenIcon:hover{
		background-position: -63px -10px;
	}

	.berichtenIcon:active{
		background-position: -116px -10px;
	}

	.settings{
	background-position: -10px -55px;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #c9c7cb;
	margin-right: 1px;
}
		.settings:hover{
			background-position: -65px -55px;
		}

		.settings:active{
			background-position: -120px -55px;
		}

	.signOut{
	background-position: -10px -100px;
}

		.signOut:hover{
			background-position: -64px -100px;
		}

		.signOut:active{
			background-position: -118px -100px;
		}
.berichten{
	background-color: #FFF;
	width: 965px;
	margin-top: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 3px solid;
	border-bottom-color: #d1d1d2;
	left: -15px;
	position: relative;
}
	.text.first img {
		margin-top: 14px;
	}

	.berichtKolom{
		position: relative;
		width: 945px;
		height: 120px;
		border-top: 2px solid;
		border-top-color: #efefef;
		margin-left: 15px;
		cursor: pointer;
	}

		.firstDiv{
		border-top:0px;
	}

		.unOpendIcon{
			background-image: url(../../img/messages/unOpendIcon.png);
			display: block;
			width: 13px;
			height: 11px;
			position: absolute;
			top: 29px;
			left: 149px;
		}

		.berichtPlaatje{
			float: left;
			width: 140px;
			height: 90px;
			overflow: hidden;
			margin-top: 15px;
		}
			.berichtPlaatje img{width: 100%; height: 100%;}

		.berichtText{
			float: left;
			margin-left: 30px;
			font-size: 13px;
			width: 725px;
			line-height: 18px;
		}
			.berichtShortBody {height: 53px;overflow: hidden;max-width: 98%;}
			.berichten .berichtText img {
				display: none;
			}
		.berichtText h4{
			font-size: 20px;
			color:#f07d00;
			margin:24px 0px 5px 0px;
		}

		.berichtText p { /*display: none;*/}

		.berichtText p:first-of-type, .berichtText p:last-of-type { display: block;}

		.berichtTijd{
			font-size: 11px;
			color: #929292;
			display: inline-block !important;
			padding-right: 10px;
			border-right: 1px solid #eee;
		}
			.berichtTijd.single{border: none;}

		a.berichtDelete{display: inline-block;}
		p.berichtDelete{
			position: relative;
			font-size: 11px;
			color: #929292;
			display: inline-block;
			padding-left: 23px;
		}

		p.berichtDeleteBig{
			position: absolute;
			left: 830px;
			width: 119px !important;
			color: #929292;
			font-size: 12px;
			display: inline-block;
		}
			.trashIcon{
				position: absolute;
				left: 4px;
				bottom: 3px;
				display: inline-block;
				background: url(../../img/messages/trashIcon.png) no-repeat;
				width: 15px;
				height: 17px;
				line-height: 1px;
				margin-right: 4px;
			}
			.trashIconBig{
				position: absolute;
				left: 100px;
				bottom: 3px;
				display: inline-block;
				background: url(../../img/messages/trashIcon.png) no-repeat;
				width: 15px;
				height: 17px;
				line-height: 1px;
				margin-right: 4px;
			}
			.displayInline{display: inline;}

		.arrowOrange{
			float: left;
			background-image: url(../../img/messages/arrowOrange.png);
			background-repeat: no-repeat;
			background-position: 22px 41px;
			display: block;
			width: 55px;
			height: 110px;
			position: absolute;
			right: 0px;
			top: 5px;
			border-left: 1px solid;
			border-color: #efefef;
		}

		.arrowTop{
			background-image: url(../../img/messages/arrowTop.png);
			background-repeat: no-repeat;
			background-position: 10px 6px;
			display: block;
			padding-left: 25px;
			background-color: #FFF;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 3px;
			border-bottom: 2px solid;
			border-bottom-color: #e7e8ea;
			color: #b1b1b1;
			margin-top: 15px;
			width: 110px;
			right: -10px;
			position: absolute;
			font-size: 14px;
			font-family: proxima_nova_regular, "Helvetica Neue", Arial;
		}
	.noMessages {
		width: 745px;
		height: 314px;
		background-image: url(../../img/messages/no-messages.png);
		margin: 0 auto;
		text-align: center;
		line-height: 377px;
	}
		.noMessages p {
			font-family: proxima_nova_semibold, "Helvetica Neue", Arial;
			font-weight: normal;
			font-size: 25px;
		}
/* Bericht */

#berichten #wrap{
	min-height: 0;
}

#berichten h2{
	margin: 20px 0px;
	font-weight: bold;
}

.bericht{
	position: relative;
	background-color: #FFF;
	width: 935px;
	margin-top: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 3px solid;
	border-bottom-color: #d1d1d2;
	padding:15px;
}

	.bericht h4{
		font-size: 24px;
		font-weight: bold;
		font-family: Helvetica Neue;
		color: #333333;
	}

	.bericht a{
		color:#f07d00;
	}

		.orangeText{
			color:#f07d00;
		}

	.bericht p{
		margin-bottom: 15px;
		float: left;
		width: 100%;
	}

	.bericht img { max-width: 100%;}

	#berichten .timeline{
		min-height: 0px;
	}

	#berichten .bBig{
		height: 35px;
		margin-top: 15px;
	}
#berichten .icon .iBook, #berichten .icon.bSmall .iBook {
background-position: -142px 0;
}
.timeline {
	position: relative;
}
.timeline .shareButtons{position:absolute;bottom:5px;right:10px;height:18px;width:85px}
	.timeline .shareButtons a{
		background-image: url('../../img/buttons/shareBtns_sprite.png');
		display: inline-block;
		height: 17px;
		width: 15px;
		margin-left:4px;
		
	}
	.shareText, .shareButtons a{float:left}
	.shareButtons a.shareTw{background-position: top left;}
	.shareButtons a.shareFb{background-position: top center;}		
 	.shareButtons a.shareMail{background-position: top right;}
	.shareText{font-size:.7em;color:#999;line-height:14px;vertical-align:top}


/* MENU */


/* EDIT EMAIL FORM */
.editEmail {
	padding: 40px;
	background:#fff;
}
.formEditEmail{
	max-width: 800px;
	margin-top:20px;
}
	.formEditEmail .inputContainer {
		min-height: 40px;
	}
	.formEditEmail label,
	.formEditEmail span.currentEmail{
		padding-top:5px;
		font-weight: bold;
		float:left;
		width: 40%;
	}
		.formEditEmail span.currentEmail{
			font-weight: normal;
			width: 60%;
		}
		.formEditEmail .inputContainer input{
			float: left;
			width: 53%;
		}
		.formEditEmail .errors,
		.formEditEmail .error{
			padding: 10px 0;
			color: red;
		}
		.formEditEmail .errors > span,
		.formEditEmail .error > span{
			padding:5px 3px; 
			background:#FDEDED;
			display: block;
			width: auto;
			text-align: center;
			border-radius: 5px;
			margin-bottom: 2px;
		}
		.editEmailConfirmed .inputContainer{
			margin-bottom: 10px;
			margin-top:10px;
		}
		.formEditEmail span.vink {
			background-image: url('../../img/vink.png');
			float: right;
			background-repeat: no-repeat;
			width: 60%;
			height: 16px;
			display: inline-block;
			position: relative;
			top: 2px;
		}



/* Footer */
footer, .push{
	height: 450px;
}

footer{
	width: 100%;
	position: relative;
}
	footer .one5wrap{
		background: #FFF;
		width: 100%;
		
		-webkit-box-shadow: 0 15px 15px -15px #666;
		   -moz-box-shadow: 0 15px 15px -15px #666;
				box-shadow: 0 15px 15px -15px #666;
	}

		footer .wrap{
			width: 860px;
			margin: 0 auto;
		}
		
			footer .one5{
				width: 160px;
				height: 320px;
				overflow: hidden;
				float: left;
				padding: 40px 5px 0;
				
				position: relative;
			}
				footer .one5 ul{
					list-style: none;
					margin: 0;
					padding: 0 15px 0 0;
				}
					footer .one5 ul > li{
						margin: 0 0 15px;
						line-height: 15px;
					}
					
					.one5 .listTitle{
						font-size: 14px;
						font-weight: bold;
					}
						.one5 a{
							font-size: 13px;
							color: #333;
							font-weight: lighter;
						}
					.one5 .listSocial{
						padding: 30px 0 0;
					}
					
					.one5 .formFeedback{
						position: absolute;
						line-height: 16px;
					}
			
				footer .one5 .home{
					width: 130px;
					overflow: hidden;
					display: block;
				}	
					.home img{
						width: 100%;
					}
					.zoekcjg{
						width: 130px;
						margin-top:70px;
					}

				.one5 .bottom{
					position: absolute;
					bottom: 48px;
					right: 0;
				}
			
				.one5 .button .buttonText{}
				.one5 .button{width: 150px;}
			
			
			.one5 .appLinkContainer{
				margin-top: 40px;
			}
			
			
	footer .precaution{
		width: 700px;
		padding: 20px 10px 10px;
		font-size: 12px;
		color: #777;
		text-align: center;
		line-height: 20px;
	}
/* App Stores */

.appLink, .appLinkBig{
	display: block;
	float: left;
}
	.appstoreLink, .googleplayLink{
		display: block;
	}
	.appLink .appstoreLink, .appLink .googleplayLink{
		width: 75px;
	}
		.appLink .googleplayLink{
			background: url('../../img/apps/googleplay-small.png') no-repeat top left;
			margin-right: 10px;
		}
		.appLink .appstoreLink{
			background: url('../../img/apps/appstore-small.png') no-repeat top left;
		}
.mainRight .appLinkContainer{
	margin-top: 10px;
}
	.appLinkBig .appstoreLink, .appLinkBig .googleplayLink{
		width: 110px;
		height: 35px;
	}
		.appLinkBig .googleplayLink{
			background: url('../../img/apps/googleplay.png') no-repeat top left;
			margin-right: 30px;
		}
		.appLinkBig .appstoreLink{
			background: url('../../img/apps/appstore.png') no-repeat top left;
		}
	
/* Twitter */

.twitter{
	position: relative;
	width: 415px;
	font-size: 13px;
}
	.twitterLogo{
		background: url('../../img/twitter.png') no-repeat left top;
		position: absolute;
		top: 20px;
		right: 0;
		width: 70px;
		height: 58px;
		
	}
	.tweet{
		background: #f4f3f7;
		width: 380px;
		line-height: 20px;
		border: 1px solid #DED;
	}
		.tweet ul{
			list-style: none;
			margin: 0;
			padding: 0;
		}
			.tweet ul li{
				padding: 10px 20px;
				border-bottom: 1px solid #DED;
				border-top: 1px solid #FFF;
			}
			.tweet ul li:last-child{border-bottom: none;}
			.tweet ul li:first-child{border-top: none;}
				.twitter .tweet a, .twitter .tweet a:visited {color: #50157a;}
				.tweet .tweet_info{display: block;}

			.twitterImg {max-width: 50%;}
				.twitterImg img {max-width: 100%;}

.algemeen .twitter {margin: 100px 0 20px;width: 300px;}
.algemeen .tweet {width: 265px;}
	
/* PERSOONLIJK */
.personalHome .informatieblok,
.landingPages .informatieblok {
	-webkit-border-radius: 2%;
	-moz-border-radius: 2%;
	-o-border-radius: 2%;
	border-radius: 2%;
	border: 1px solid #FFA500;
	width: 448px;
/*	height: 250px;*/
	background-color: #FFEFD5;
	margin-bottom: 30px;
	padding: 18px;
}
.landingPages .informatieblok {
	width:472px;
}

.persoonlijk .shadowPersoonlijk {
	display: block;
	width: 990px;
	height: 19px;
	margin-left: -28px;
	margin-bottom: -3px;
	background: transparent url('../../img/shadows/coverOverlap.png') no-repeat 0 0;
	z-index: 4;
	position: relative;
}
	.persoonlijk .shadowPersoonlijk.bottomShadow {
		background: transparent url('../../img/shadows/coverShade.png') no-repeat 0 0;
		margin-left: 0px;
		width: 940px;
		/*position: absolute;*/
	}

.persoonlijk .forgotPw {width: 133px;}
.personalHome {margin: 50px 10px 0 10px;}

/* BUTTONS CSS */

/*

Altijd class: bButton;
Grootte: .bSmall, .bBig;
Icon: .icon;
Kleur: .b{Color name};

*/

a.bButton:hover {text-decoration: none;}
.bButton {
	position: relative;
	outline: none;
	display: block;
	float: left;
	margin-right: 15px;
	padding: 0 0 0 5px;
	text-decoration: none;
}
.bButton.focused{
	outline: none;
}

.bSmall {line-height: 28px; height: 32px; background: transparent url('../../img/buttons20/buttonsSmallLeft.png') no-repeat;}
	.bSmall .bText {
		background: transparent url('../../img/buttons20/buttonsSmallRight.png') no-repeat;
		display: block;
		line-height: 30px;
		padding: 0px 15px 3px 10px;
		border: none;
		margin: 0;
		color: #fff;
		height: 32px;
		font-family: proxima_nova_regular, "Helvetica Neue", Arial;
	}
.bBig {line-height: 35px; height: 40px; background: transparent url('../../img/buttons20/buttonsBigLeft.png') no-repeat;}
	.bBig .bText {
		background: transparent url('../../img/buttons20/buttonsBigRight.png') no-repeat;
		display: block;
		line-height: 34px;
		padding: 0 15px 3px 10px;
		border: none;
		margin: 0;
		color: #fff;
		font-family: proxima_nova_regular, "Helvetica Neue", Arial;
	}
	
	.bOrange {background-position: left 0;}
	.bPurple {background-position: left -40px;}
	.bBlue {background-position: left -80px;}	
	.bGreen {background-position: left -120px;}
	.bGrey {background-position: left -160px;}
	.bRed {background-position: left -200px;}
	
	.bOrange .bText {background-position: right 0;}
	.bPurple .bText {background-position: right -40px;}
	.bBlue .bText {background-position: right -80px;}	
	.bGreen .bText {background-position: right -120px;}
	.bGrey .bText {background-position: right -160px;}
	.bRed .bText {background-position: right -200px;}

		.icon .bText {padding-left: 23px;}
		.icon .iPlus, .icon .iBook,
		.icon .iSettings {
			position: absolute;
			top: 3px;
			left: 3px;
			display: block;
			height: 25px;
			width: 22px;
			background: transparent url('../../img/buttons20/buttonIconsSprite.png') no-repeat;
		}
		.icon.bSmall .iPlus, .icon.bSmall .iBook,
		.icon.bSmall .iSettings {
			position: absolute;
			top: 0;
			left: 4px;
			display: block;
			height: 25px;
			width: 22px;
			background: transparent url('../../img/buttons20/buttonIconsSprite.png') no-repeat;
		}
		.icon .iPlus, .icon.bSmall .iPlus {background-position: 0 0;}
		.icon .iSettings, .icon.bSmall .iSettings {background-position: -34px 0;}
		.icon .iBook, .icon.bSmall .iBook {background-position: -122px 0;}
		
		.icon .childAddImage, .icon .pregnancyAddImage {
			position: absolute;
			left: 8px;
			top: 3px;
		}
		
		
/*	temp stuff	*/
.tempMessage{
	width: 907px;
	border: solid 1px #EF7D00;
	border-radius: 5px;
	background: orange;
	padding: 7px 5px;
	color: white;
	line-height: 1.4;
	margin-top: -30px;
	margin-bottom: 20px;
}
.right_2_col .imageContainer {
	margin-top: 20px;
}

/* 2 column css */

.container{width: 960px; margin: 0 auto;}
    .borderRadius{
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .left_2_col{
        position: relative;
        float: left;
        background-color: #fff;
        width: 552px;
        padding: 35px;
        margin-bottom: 20px;
        border-bottom: 3px solid #cccbcc;
    }
        h2.first{margin-top: 0;}
        ol{padding: 0 0 0 20px;}
        .stats{
            width: 390px; 
            text-align: center;
            margin: 10px auto 0;
            font-weight: bold;
        }

    .right_2_col{
        position: relative;
        float: right;
        background-color: #fff; 
        width: 250px;
        padding: 35px;
        margin-bottom: 20px;
        border-bottom: 3px solid #cccbcc;
        padding-bottom: 90px;
    }
        img.mobile{margin: 35px 0 25px 32px;}
        .breakline{
            background-color: #21a559;
            width: 100%; 
            height: 3px;
            margin: 26px 0 26px;
        }
        a.googlePlay{
            float: left;
            display: inline-block;
            background: url('../img/googlePlay.png') no-repeat;
            width: 109px; height: 35px;
        }
        a.appStore{
            float: right;
            display: inline-block;
            background: url('../img/appStore.png') no-repeat;
            width: 109px; height: 35px;
        }
        .quoteWrapper{
            background: #f6f6f7; 
            padding: 20px;
            height: auto;
            font-style: italic;
            font-size: 12px;
        }
            .quoteWrapper p.first{margin-top: 0;}
            .quoteWrapper p.last{margin-bottom: 0;}

/* BUTTONS */
.btnWrapper{width: 100%; text-align: center;}
    .btnWrapper.text{margin-top: 10px;}
.bigButton{
    position: relative;
    display: inline-block;
    text-decoration: none;
    height: 58px;
    line-height: 54px;
    font-size: 21px;
    margin: 0 auto;
}
    .bigButton .btnLeft{
        background-image: url('../../img/btnLeft.png');
        background-repeat: no-repeat;
        background-position: left;
        float: left;
        height: 58px;
        width: 11px;
        border: none;
    }
    .bigButton .btnText{
        background-image: url('../../img/btnText.png');
        background-repeat: repeat-x;
        float: left;
        padding: 0 5px 4px 5px;
        border: none;
        color: #FFF;
        font-family: proxima_nova_regular, "Helvetica Neue", Arial;
    }
    .bigButton .btnRight{
        background-image: url('../../img/btnRight.png');
        background-repeat: no-repeat;
        float: left;
        height: 58px;
        width: 11px;
        border: none;
    }

    #notification{
    	display: none;
    	position: fixed;
    	text-align: center;
    	width: 100%;
    	padding: 20px;
    	bottom: 0; left: 0;
    	background:#fff;
    	box-shadow: 0 0 10px rgba(0,0,0,0.5);
    	z-index: 99999;
    }
    	#notification.active{
    		display: block;
    	}

	.uploadBusy, .videoMelding{
		font-size: 12px;
		background: rgb(238, 238, 238);
		padding: 20px;
	}
	.videoMelding{
		background: #009640;
		color: #FFFFFF;
	}