/*
 * Web Fonts from thesitewhereyougotit.com
 *
 * Font copyright information, which you should
 * never delete and should always be included
 * in your CSS where ever you call the fonts files.
 * Copyrights matter.
 *
 */

@font-face {
    font-family: 'syntaxregular';
    src: url('fonts/syntax-roman-webfont.eot');
    src: url('fonts/syntax-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/syntax-roman-webfont.woff') format('woff'),
         url('fonts/syntax-roman-webfont.ttf') format('truetype'),
         url('fonts/syntax-roman-webfont.svg#syntaxregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'syntaxitalic';
    src: url('fonts/syntax-italic-webfont.eot');
    src: url('fonts/syntax-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/syntax-italic-webfont.woff') format('woff'),
         url('fonts/syntax-italic-webfont.ttf') format('truetype'),
         url('fonts/syntax-italic-webfont.svg#syntaxitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'syntaxbold';
    src: url('fonts/syntax-bold-webfont.eot');
    src: url('fonts/syntax-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/syntax-bold-webfont.woff') format('woff'),
         url('fonts/syntax-bold-webfont.ttf') format('truetype'),
         url('fonts/syntax-bold-webfont.svg#syntaxbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
	height: 100%;
	margin:0;
}

body {
	min-width: 100%;
	min-height: 100%;
	margin:0;
	padding:0;
	height: auto;
	overflow:visible;
	font-family: 'syntaxregular', arial, sans-serif;
}


// algemeen

.nopadding {
	padding:0;
}

.button {
	background: url(images/cta_arrow.png) no-repeat right #E46A00;
	border-right: 0.8rem solid #E46A00;
	padding:0.5rem 1.5rem 0.5rem 0.8rem;
	font-family: 'syntaxregular', arial, sans-serif;
	letter-spacing: 0.05em;
	font-size: 16px;
	-moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
	border-radius: 0.3em 0.3em 0.3em 0.3em;
	outline: none;
	text-align:left;
	&:hover,
	&:focus {
		background: url(images/cta_arrow.png) no-repeat right #E46A00;
		opacity: 0.9;
	}
}

.button.dropdown {
	background-image: none;
}
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1.01rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility; }
  p.lead {
    font-size: 1.21875rem;
    line-height: 1.6; }
  p aside {
    font-size: 0.875rem;
    line-height: 1.35;
    font-style: italic; }

h1 {
	font-size:32px;
	color:#002B52;
	font-family: 'syntaxbold', arial, sans-serif;
	margin-top:4px;
}


h2 {
	font-size:25px;
	color:#002B52;
	font-family: 'syntaxbold', arial, sans-serif;
	margin-top:4px;
}

h3 {
	font-size:20px;
	color:#002B52;
	font-family: 'syntaxbold', arial, sans-serif;
}

.entry h3 a {
	text-decoration: none;
	&:hover {
		opacity: 0.9;
	}
}

mark {
	background: none;
}

ul {
	list-style-type: disc;
}

.entry {
	a {
		color:#002C52;
		text-decoration: underline;
		&:hover {
			color:#002C52;
		}
		&.button {
			color: #fff;
			text-decoration: none;
			text-transform: lowercase;
			// font-weight: bold;
			font-size: 16px;
			padding: 10px;
			padding-left: 15px;
			padding-right: 30px;
		}
	}
}

.sidebar-video-wrapper {
	border: 1px solid #CAD3DB;
	border-radius: 6px;
	margin-bottom: 20px;
	.video {
		padding: 20px;
		padding-bottom: 0px;
		padding-top: 10px;
	}
	b {
		display: block;
		border-top: 1px solid #CAD3DB;
		padding: 10px 20px;
		color: #002B52;
		font-family: 'syntaxbold', arial, sans-serif;
		font-weight: normal;
	}
}

strong {
	font-family: 'syntaxbold', arial, sans-serif;
	font-weight: normal;
	font-size: 15px;
}

table {
	border:none;
	background: none;
		font-family: 'syntaxregular', arial, sans-serif;

	tr {
		background: none;
	}
}

table tr.even, table tr.alt, table tr:nth-of-type(even)  {
			background: none;

}

table tr td {
	color: #033;
font-family: 'syntaxregular', arial, sans-serif;
line-height: 22px !important;
padding: 0;
font-size: 1rem;
vertical-align: text-top;
padding:3px 0 15px;
}

table tr td p{
	margin:0;
	}


#faq_selectie_button {
	background-image:none;
	padding-right:20px;
}

.dropdown.button:after, button.dropdown:after {
	right:0;
}

// formstyling
span.wpcf7-not-valid-tip,
div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok {
	font-size: 14px !important;
	font-family: 'syntaxregular', arial, sans-serif !important;
}

div.wpcf7-validation-errors  {
	padding:10px;
	line-height: 18px;
}

//panel

.panel {
	background:#EFF2F4;
	border:none;
	-moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
	border-radius: 0.3em 0.3em 0.3em 0.3em;
	color:#002C52;
	font-size: 14px;
	padding:0;
	margin-top:15px;
	h3 {
		color:#002C54;
		background:url(images/blok_separator.png) bottom repeat-x;
		padding:19px 15px 15px;
		line-height: 27px;
	}
	p {
		color:#002C52;
		font-size: 14px;
		line-height: 20px;
		padding:15px;
		margin-bottom:0;
	}
	ul {
		font-size: 13px;
		color:#002C54;
		padding:14px;
		margin:0;
		li {
			padding:0;
			color:#002C54;
			&.left {
				font-family: 'syntaxbold', arial, sans-serif;
				//padding-left:9px;
			}
			&.right {
				//padding-right:9px;
			}
			input {
				height:25px;
				-moz-border-radius:8px;
				border-radius:8px;
				font-size:13px;
				color:#999999;
			}
			select {
				font-size:13px;
				color:#999999;
				font-family: "Trebuchet MS", Helvetica, sans-serif;
				-moz-border-radius:8px;
				border-radius:8px;
				height:25px;
				padding:0 0 0 10px ;
			}
		}
	}
	img.ajax-loader {
		display: none !important;
	}
	input#verzenden {
		height:30px;
		text-transform: lowercase;
		font-size: 15px;
		line-height: 30px;
		padding:0 20px 0 10px;
		margin-bottom: 0;
		width: 100%;
		font-weight: normal;
		font-family: 'syntaxregular', arial, sans-serif;
		-moz-border-radius:8px;
		border-radius:8px;
		text-align: left;
		&:hover,
		&:focus {
			background-color: #e46a00;
			opacity:0.9;
		}
	}
	hr {
		margin-bottom: 13px;
	}
	.rve { // video styling
		padding:0 20px;
	}

}

.panel {
	h3 {
		margin-bottom: 20px;
	}
	#wpcf7-f526-o1.wpcf7,
	#wpcf7-f163-o1.wpcf7 {
		p {
			padding-bottom: 0;
			padding-top:0;


		&.ofbel  {
				color:#002C52;
				font-size: 14px;
				font-family: 'syntaxbold', arial, sans-serif;
				padding-bottom: 23px;
				padding-top:10px;
				display: block;
				span{
					font-size: 22px;
				}
			}
		}
		input,
		select {
			margin-bottom: 8px;
		}
	}
}

 .contentcontainer .sidebar .panel.behandelingkiezen,
 .contentcontainer-home .panel.behandelingkiezen,
  .contentcontainer .panel.behandelingkiezen,
  {
		-moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
		border-radius: 0.3em 0.3em 0.3em 0.3em;
		padding-top:17px;
		padding-bottom:0;
		margin-bottom:90px;
		background:#ec6a00;
		background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.5, #F57B00),
		color-stop(0.93, #EC6A00)
		);
		background-image: -o-linear-gradient(bottom, #F57B00 50%, #EC6A00 93%);
		background-image: -moz-linear-gradient(bottom, #F57B00 50%, #EC6A00 93%);
		background-image: -webkit-linear-gradient(bottom, #F57B00 50%, #EC6A00 93%);
		background-image: -ms-linear-gradient(bottom, #F57B00 50%, #EC6A00 93%);
		background-image: linear-gradient(to bottom, #F57B00 50%, #EC6A00 93%);
		div {
			padding-left:20px;
			padding-right:20px;
		}
		.button {
			width: 100%;
			background-color: #002C54;
			border-right-color:  #002C54;
		}
		h3 {
			color:#FFF;
			font-family: 'syntaxregular', arial, sans-serif;
			font-size: 21px;
			padding-left:30px;
			padding-right:30px;
			padding-top:0;
			padding-bottom:5px;
			margin-bottom: 0;
			background: none;
			margin-top:0;
		}
		ul {
			list-style: none;
			background: url(images/blok_separator_white.png)repeat-x 0 8px ;
			margin:0;
			padding:0;
			padding-top:26px;
			padding-bottom:18px;

			li {
				background: url(images/cta_arrow.png) no-repeat left 9px;
				padding-left:30px;
				padding-top:5px;
				padding-bottom: 5px;
				a {
					color:#FFF;
					font-family: 'syntaxregular', arial, sans-serif;
					font-size: 18px;
					letter-spacing: 0.02em;
				}
			}
		}
}

 .contentcontainer-home .panel.behandelingkiezen {
	h3 {
		color:#FFF;
		font-family: 'syntaxregular', arial, sans-serif;
		font-size: 21px;
		padding-left:30px;
		padding-right:30px;
		padding-top:0;
		padding-bottom:5px;
		margin-bottom: 1px;
		background: none;
		margin-top:12px;
	}
}

.contentcontainer.met-witte-achtergrond {
	margin-top: 320px;
}

.witte-achtergrond {
	background-color: #fff;
	border-radius: 10px 10px 0px 0px;
	padding-top: 20px;
	margin-bottom:40px;
}

.contentcontainer-home .behandelingkiezen {
	.textwidget {
		padding:0;
		ul {
			padding:25px 20px 10px 32px;
			li {
				padding-top: 0px;
				padding-bottom: 0px;
				background-position: left 4px;
			}
		}
	}
	.aambeienlaserenwidget {
		background: url(http://www.braamkliniek.nl/wp-content/themes/braamkliniek/images/blok_separator_white.png) repeat-x 0 8px;
		color: #fff;
		padding-top: 10px;
		margin: 0px 20px;
		a {
			color: #fff;
			display: block;
			position: relative;
			padding-left: 20px;
			line-height: 20px;
			font-size: 15px;
			img {
				position: absolute;
				left: -50px;
				top: 10px;
			}
			span {
				padding: 15px 0px;
				display: block;
			}
		}
	}
}

// layout
// .sliderhome>.slick-dots {
// 	display: none !important;
// }

.slick-dots {
	position: absolute;
	bottom:0;
	width:1000px;
	left:50%;
	margin-left:-500px;
	//margin:0 auto;
	top:420px;
	z-index: 100000;
	//left:100px;
	text-align: left;
	li {
		margin:0 5px 0 0;
		button {background: url(images/slider_bullet.png) no-repeat center center;
			&:before {
				display: none;
			}
		}
		&.slick-active {
			button {
				background: url(images/slider_bullet_active.png) no-repeat center center;
			&:before {
				display: none;
			}
		}
		}
	}

}
.sliderhome {
	width:100%;
	height:100%;
	position: absolute;
	// top:120px; hier gaat het fout!!!
	z-index: 0;
	padding:0;
	margin:0 0 0 0 ;


	.slick-track>div {
			background-repeat: no-repeat !important;
			background-position: center 120px !important;
		    // background-size: auto 100%;
		 	// background-size: cover !important;
		 	background-size: 100% !important
		 }
	div {
			width:100%;
			height: 100%;

		div.bgimage {
			width:100%;
			height: 100%;
			background-repeat: no-repeat;
			//position: fixed;
			//top:0;
			//left:0;
			}

			img.text {
				position: absolute;
				left: 50px;
				top: 200px;
			}

		div.wolk.odd{
			height: auto;
			width: 425px;
			height: 286px;
			background: url(images/wolk.png) no-repeat left -80px;
			color:#FFF;
			right:-55px;
			position: absolute;
			text-align: right;
			padding-right: 100px;
			padding-top:30px;
			top:120px;
			//z-index: 1000;
			h3 {
				color:#FFF;
				width: 300px;
				float: right;
				font-size: 220%;
				line-height: 100%;
				font-family: 'syntaxregular', arial, sans-serif;
				font-weight: 800;
				letter-spacing: 0.01em;
				line-height: 42px;
			}
			p {
				width: 300px;
				float: right;
				font-size: 16px;
				font-family: 'syntaxitalic', arial, sans-serif;
				margin-bottom: 10px;
				margin-top:-8px;

			}

		}
			div.wolk.even {
			height: auto;
			width: 424px;
			height: 286px;
			background: url(images/wolk_links.png) no-repeat 0 -80px;
			color:#FFF;
			left:-95px;
			position: absolute;
			text-align: left;
			padding-left: 100px;
			padding-top:50px;
			top:120px;
			h3 {
				color:#FFF;
				width: 300px;
				float: left;
				font-size: 220%;
				line-height: 100%;
				font-family: 'syntaxregular', arial, sans-serif;
				font-weight: 800;
				letter-spacing: 0.01em;
			}
			p {
				width: 300px;
				float: left;
				font-size: 16px;
				font-family: 'syntaxitalic', arial, sans-serif;
				margin-bottom: 10px;
				margin-top:-8px;
			}

		}
	}
}
.row.slider {
	width:100%;
	height:290px;
	top:-32px;
	z-index: -100;
	position: relative;

.slidercontent {
	div {
		width:100%;
		height:290px;
		}
	}
}

.topcontainer {
	background: url(images/bg_top.jpg) repeat-x;
}

.witblok {
	min-width:13%;
	height: 152px;
	background: #FFF;
	position: absolute;
	z-index: -0;
}

nav.opened {
	background:#FFF;
	margin-top:-7px;
	padding-bottom: 22px;
}

.nav-toggle.active {
	margin-top:-10px;
}


.menu {
	font-family: 'syntaxregular', arial, sans-serif;
	nav {
		float:right;
	}
	ul {
		list-style: none;
		padding:0;
		margin:0;

		li {
			float: left;
			a {
				text-transform: lowercase;
				span.separatorhoofd {
					width: 1px;
					height: 41px;
					background:url(images/menu_separator.jpg) no-repeat;
					display: block;
					float: left;
					padding:0 20px 0 0;
				}
			}

		}
		&#menu-hoofdmenu {
			width:650px;
			margin-top:40px;
			li {
				a {
					font-size:17px;
					padding:0 20px 0 0;
					letter-spacing: 0.01em;
					color:#003051;
					&:hover {
						color:#EC6A00;
					}
				}
				&:last-child {
					a {
						padding:0;
					}
				}
				&.current-menu-item,
				&.current-page-parent,
				&.active,
				&.current-menu-parent{
					> a {
						color:#EC6A00;
						font-family: 'syntaxbold', arial, sans-serif;
					}
				}

				&.menu-item-has-children {
					a {
						&:after {
							content: "";
						    width: 0; 
						    height: 0; 
						    border-left: 4px solid transparent;
						    border-right: 4px solid transparent;
						    border-top: 4px solid #002D52;
						    position: relative;
						    top: 11px;
						    right: -8px;
						}
					}
					&:hover {
						.sub-menu {
							display: block !important;
							a {
								&:after {
									border:none !important;
								}
							}
						}
					}
				}
			}
		}
		&#menu-extra-menu {
			width: 95%;
			li {
				background: #003051;

				a {
					color:#FFF;
					line-height: 40px;
					padding:0;
					font-size: 14px;
					letter-spacing: 0.01em;
				}
				&:last-child {
					span {
						display: none;
					}
				}
				&.current-menu-item, &:hover {
					a {
						color:#EC6A00;
						span {
							color:#FFF;
						}
					}
				}
			}
		}
	}
	&.top {
		background: #003051;
		height: auto;
		min-height: 40px;
	}
}

table {
	tr{
		td {
		color: #033;
		font-family: 'syntaxregular', arial, sans-serif;
		line-height: 22px !important;
		padding:0;
		}
	}
}


.contentcontainer-home {
	margin-top:265px;
	.columns {
		padding:0;
		padding-left:0.5375rem;
		padding-right:0.5375rem;
		.button {
		float: right;
		margin-top:15px;
		margin-bottom: 100px;
	}
	}
	.left {
		-moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
		border-radius: 0.3em 0.3em 0.3em 0.3em;
		padding:17px 20px 20px 20px;
		background:#FFF repeat-x 0 98px;
		padding-left:30px;
		padding-right:30px;
		h2 {
			font-size: 21px;
			font-family: 'syntaxbold', arial, sans-serif;
			margin-bottom:15px;
		}
		h3 {
			background: url(images/cta_arrow_oranje.png) no-repeat left 1px;
			padding-left:25px;
			font-size:15px;
			font-family: 'syntaxbold', arial, sans-serif;
		}
		p {
			font-size: 14px;
			color:#002C52;
			line-height: 20px;
			margin-bottom: 0;
			a {
				color:#DF6C00;
				font-family: 'syntaxbold', arial, sans-serif;
			}
		}

	}
	.center {
		-moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
		border-radius: 0.3em 0.3em 0.3em 0.3em;
		//padding-top:17px;
		//padding-bottom:21px;

		background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.5, #F57B00),
		color-stop(0.93, #EC6A00)
		);
		background-image: -o-linear-gradient(bottom, #F57B00 50%, #EC6A00 93%);
		background-image: -moz-linear-gradient(bottom, #F57B00 50%, #EC6A00 93%);
		background-image: -webkit-linear-gradient(bottom, #F57B00 50%, #EC6A00 93%);
		background-image: -ms-linear-gradient(bottom, #F57B00 50%, #EC6A00 93%);
		background-image: linear-gradient(to bottom, #F57B00 50%, #EC6A00 93%);
		.panel {
			margin-top:0;
			padding-bottom: 0;
			margin-bottom: 0;
			padding-top:10px;
		}
		h3 {
			color:#FFF;
			font-family: 'syntaxregular', arial, sans-serif;
			font-size: 21px;
			padding-left:30px;
			padding-right:30px;

		}
		ul {
			list-style: none;
			background: url(images/blok_separator_white.png)repeat-x 0 8px ;
			margin:0;
			padding-left:30px;
			padding-right:30px;
			padding-top:26px;
			padding-bottom:18px;

			li {
				background: url(images/cta_arrow.png) no-repeat left 9px;
				padding-left:30px;
				padding-top:5px;
				padding-bottom: 5px;
				a {
					color:#FFF;
					font-family: 'syntaxregular', arial, sans-serif;
					font-size: 18px;
					letter-spacing: 0.02em;
				}
			}
		}
	}
	.columnright {
		-moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
		border-radius: 0.3em 0.3em 0.3em 0.3em;
		padding:17px 20px 20px 20px;
		background: url(images/blok_separator.png) #FFF repeat-x 0 65px ;
				min-height: 253px;

		h2 {
			font-size: 22px;
			font-family: 'syntaxbold', arial, sans-serif;
			margin-bottom:40px;
		}
		h3 {
			background: url(images/cta_arrow_oranje.png) no-repeat left 1px;
			padding-left:25px;
			font-size:15px;
			font-family: 'syntaxbold', arial, sans-serif;
		}
	}

}

.contentcontainer {
	//margin-top:27px;
	.sidebar {
		margin-top:-5px;
				h3 {
					color: #002B52;
					font-size: 22px;
					font-family: 'syntaxbold', arial, sans-serif;
					width: 100%;
					line-height: 26px;
					display: block;
					text-transform: none;
					margin-top: 15px;
					margin-bottom: 15px;
				}
				>ul{
					padding:15px 0 0 0;
					margin:0;
					background: url(images/blok_separator.png) repeat-x 0 top;

					>li {
						display: block;
						width: 100%;
						margin-top:5px;
						padding-left: 20px;
						margin-bottom: 10px;
						a {
							font-size: 18px;
							text-transform: none;

							line-height: 20px;
							&:hover {
								color: #EF7300;
							}
						}

						&.active {
							background: url(images/active-menu-item.png) left 2px no-repeat;

							>a {
								color: #EF7300;
								text-transform: none;
							}
							ul {
								display: block;
							}
						}
						ul {
							list-style: none;
							li {
								a {
									font-size: 14px;
								}
								&.active {
									a {
										color:#EF7300;
										letter-spacing: normal;
										font-family: 'syntaxbold', arial, sans-serif;
									}
								}
							}
							ul {
								li {
									margin-top: 5px;
									margin-bottom: 5px;
									a {
										display: block;
										font-size: 13px;
										line-height: 19px;
									}
								}
							}
						}
					}
				}
			}


	.sidebar.behandelingen{
		margin-bottom: 100px;

		ul#menu-hoofdmenu-1,
		ul#menu-extra-menu-1,
		ul#menu-footermenu{
			>li {
				display: none;
			}
			>li.current_page_item,
			>li.current_page_ancestor,
			>li.current-page-ancestor,
			 {
				display: block;
				>ul.sub-menu {
					 >li.current-menu-item,
					 >li.current_page_item,
					 >li.current-page-ancestor,
					 >li.current_page_ancestor,
					 >.active {
						ul {
							display: block;
						}
					}
				}
			}
		}
	}

	.content-right {
		margin-top:5px;
		margin-bottom: 90px;
		.entry {
			margin-left:30px;
		}
		.acc-content {
			margin-left:15px;
			ul{
				list-style-type: disc;
				margin-bottom: 20px !important;
			}
		}
		.ervaringen-inner {
			h2 {
				margin-left:29px;
			}
			.entry {
				background: url(images/blok_separator.png) repeat-x bottom;
				padding-bottom:14px;
				margin-left: 0px;
				h3 {
					font-size:21px;
					padding-top:31px;
				}
				span.details {
					font-size:15px;
					color:#999999;
					font-family: 'syntaxitalic', arial, sans-serif;
				}
				p {
					font-size: 15px;
					color:#545454;
					margin-top:8px;
				}
				.more-link {
					color:#E56A00;
					font-family: 'syntaxbold', arial, sans-serif;
					display: block;
				}
			}
		}
		.form_ervaring {
			background: url(images/bottom_ervaring.png) bottom left no-repeat #EFF2F4;
			background-size: 100% 37px;
			margin-top:40px;
			width:80%;
			margin-left:29px;
			padding:25px 25px 45px 25px;
			input {
				border:none;
			}
			span.checkbox-433 {
				display: block;
				margin-top:-20px;
				margin-bottom:0;
				clear: both;
			}
			span.wpcf7-list-item-label {
				color:#002C52;
				font-size: 14px;
				font-family: 'syntaxregular', arial, sans-serif;
				margin-top:-20px;
			}
			span {
				input {
					width:70%;
					display: block;
					margin-bottom: 0;
					-moz-border-radius:8px;
					border-radius:8px;
					margin-bottom:10px;
					color:#002C52;
					font-size: 14px;
					font-family: 'syntaxregular', arial, sans-serif;
					clear:both;

				}
				input[type=checkbox] {
					float: left;
					width:auto;
					margin-top:3px;
				}
			}
			textarea {
				border:none;
				-moz-border-radius:8px;
				border-radius:8px;
			}
			#verzenden {
				width:auto;
				border-right:0.8rem solid #E46A00;
				-moz-border-radius:8px;
				border-radius:8px;
				float: right;
			}
		}
		.form_contact {
			background: url(images/bottom_ervaring.png) bottom left no-repeat #EFF2F4;
			background-size: 100% 37px;
			margin-top:40px;
			//margin-left:29px;
			padding:25px 25px 45px 25px;
			input {
				border:none;
			}
			span.checkbox-433 {
				display: block;
				margin-top:-20px;
				margin-bottom:-15px;
			}
			span.wpcf7-list-item-label {
				color:#002C52;
				font-size: 14px;
				font-family: 'syntaxregular', arial, sans-serif;
				margin-top:-20px;
			}
			span.ikwil {
				display: block;
				color: #002C52;
				font-size: 14px;
				font-family: 'syntaxregular', arial, sans-serif;
				margin-bottom: 10px;
				.wpcf7-list-item{
					display: block;
					margin-bottom: 4px;
					margin-left: 0;
				}
			}
			span {
				input {
					width:70%;
					display: block;
					margin-bottom: 0;
					-moz-border-radius:8px;
					border-radius:8px;
					margin-bottom:10px;
					color:#002C52;
					font-size: 14px;
					font-family: 'syntaxregular', arial, sans-serif;

				}
				input[type=radio] {
					float: left;
					width:auto;
					margin-top:3px;
				}
			}
			textarea {
				border:none;
				-moz-border-radius:8px;
				border-radius:8px;
			}
			#verzenden {
				width:auto;
				border-right:0.8rem solid #E46A00;
				-moz-border-radius:8px;
				border-radius:8px;
				float: right;
			}
		}
		.vraag {
			margin-left:30px;
			h3 {
				color:#e46a00;
				font-size: 18px;
			}
			hr {
				margin-top:30px;
				margin-bottom: 40px;
			}
		}
		.vraag_item { // item in het overzicht bij veelgestelde cragen
			h3 {
				font-size: 18px;
				background-position:5px 10px !important;
				margin-bottom:0;
			}
			.acc-content {
				padding-top:0 !important;
			}
		}

		.faq_entry {
			h3 {
				font-size: 18px;
				background-position:5px 10px !important;
				margin-bottom:0;

			}
		}
	}
}

// uitzondering zichtbaarheid submenu bij pagina's
.page .contentcontainer .sidebar ul#menu-hoofdmenu-1 > li.current_page_item > ul.sub-menu > li.active ul {
	display: none;
}

// accordion styling

.acc h3 {
	background:url(images/nonactive_tab.png) no-repeat 5px 12px;
	padding-left:30px;
	font-family: 'syntaxbold', arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 0;
}

.acc .link h3 {
	display: inline-block;
	clear: both;
	background-position: right 11px;
	padding-right: 15px;
}

.acc h3.open {
	background:url(images/active_tab.png) no-repeat 5px 15px;
	padding-left:30px;
}

// breadcrumbs
.breadcrumbs {
	background: none;
	border:none;
	margin:0;
	padding:0;
	text-transform: lowercase ;
	font-size: 13px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color:#BBBBBB;

	>* {
		text-transform: lowercase ;
		font-size: 13px;
		font-family: "Trebuchet MS", Helvetica, sans-serif;
		color:#BBBBBB;

		a {
			color:#BBBBBB;
			font-weight: bold;
		}
	}
}

.breadcrumbs>*:before {
	content: " ";
	background: url(images/breadcrumbs_sep.png) no-repeat;
	width:10px;
	height: 20px;
	float: left;
	padding:0;
	margin:0 2px 0 7px;
}

.breadcrumbs>span:first-child:before {
	display: none !important;
}


// behandelingen 4 blokken

ul.behandelingen {
	li {
		padding: 0 0.9rem 1.25rem;
		div {
		border: 1px solid #EFF2F4;
		-moz-border-radius: 5px;
		border-radius: 5px;
			a.title {
				display: block;
			    padding: 20px 20px 0 20px;
			    font-size: 22px;
			    line-height: 1.4em;
			    color: #002B52;
			    font-family: 'syntaxbold', arial, sans-serif;
			    margin-bottom: 10px;
			}
			p {
				padding:0 20px 0 20px;
				a {
					display: none;
				}
			}
			a.bottom {
				display: block;
				background:url(images/cta_arrow_big.png) right center no-repeat #EC6A00;
				color:#FFF;
				padding:10px 0px 10px 20px;
				border-right: 20px solid #EC6A00;
				-moz-border-bottom-right-radius: 5px;
				border-bottom-right-radius: 5px;
				-moz-border-bottom-left-radius: 5px;
				border-bottom-left-radius: 5px;
			}
		}
	}
}

// searchform
#searchform {
	input {
		float: left;
		-moz-border-radius: 0.8em 0.8em 0.8em 0.8em;
		border-radius: 0.8em 0.8em 0.8em 0.8em;
		height: 27px;
		padding-left:20px;
		font-style: italic;

	}
	.submit {
		position: absolute;
		right: 0;
		width:40px;
		height: 27px;
		border-radius: 0;
		background: url(images/zoeken_loep.png) no-repeat;
		border:none;
		top:4px;
	}
}

//stickycontainer
.stickywrapper {
  min-height: 100%;
    margin-bottom: -40px;

}

// footer
footer {
	margin-top: 70px;
}

// .home footer {
// 	position: absolute;
// 	bottom:0;
// 	width: 100%;
// 	z-index: 10;
// }

.upperfooter {
	background:#EFF2F4;
	z-index: 1000;
	position:relative;
	padding-top: 30px;
	padding-bottom: 30px;

	.widget {
		h5 {
			font-family: 'syntaxregular', arial, sans-serif;
			font-weight: 800;
		}
		p {
			font-size: 18px;
			strong {
				font-size: 17px;
			}
		}
	}

}
.blue {
	position: relative;
	background: #003051;
	margin-top:0px;
	height: 40px;
	width: 100%;
	.row {
		color:#FFF;
		position: relative;
		p {
			float: left;
			font-size: 14px;
			line-height:40px;
			margin:0 20px 0 0;
		}
		ul {
			list-style: none;
			float: left;
			text-transform: lowercase;
			font-family: 'syntaxbold', arial, sans-serif;
			margin:0;
			li {
				float: left;
				a {
					color:#FFF;
					font-size: 14px;
					line-height:40px;
				}
			&:last-child {
				span.separator {
					display: none;
				}
			}
			}
		}
		.white {
			background:url(images/footer_logos_bg_left.png) left 0 no-repeat ;
			padding-right: 0;
			padding-left:20px;
			position: absolute;
			right:0;
			bottom:0;
			height:92px;
			z-index: 2000;
			img {
				margin-top:10px;
				padding-bottom: 1px;
			}
		}
	}
}


div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors {
	border:none !important;
}


.widget_wysija_cont .updated,
.widget_wysija_cont .login .message {
background-color:none !important;
border-color: none !important;
font-family: 'syntaxregular', arial, sans-serif;
}


ul#drop1.f-dropdown.open {
	width:318px !important;
	display: block;
	overflow:visible;
	max-width: 318px;
	li {
	width:318px !important;
	}
}



/* ***************************************** MEDIA QUERIES ***************************************** */

//xxxlarge {
	@media only screen and (min-width: 140.063em) {  /* min-width 1921px, xxlarge screens */
	.witblok {
	width:37%;
	}
}


//xxlarge
@media only screen and (min-width: 120.063em) and (max-width: 140.063em){  /* min-width 1921px, xxlarge screens */
	.witblok {
	width:32%;
	}
}

//xlarge
@media only screen and (min-width: 90.063em) and (max-width: 120.063em) {
	.witblok {
	width:23%;
	}
 } /* min-width 1441px, xlarge screens */


// medium
@media only screen and (min-width: 40.063em) and (max-width: 64em) {

body {
	min-height: 100%;
	height: auto;
	padding:0;
	margin:0;
}

.page-id-40 .panel.behandelingkiezen { //contactpagina
	margin-bottom: 00px;
}

.slick-dots {
	top:580px;
	left:-4px;
	text-align: left;
	width: 150px;
	margin-left: 20px;
	text-align: left;
}

//home buttons
.button {
	margin-bottom:20px !important;
}

body.home {
	background:url(images/bg_white-grey.png) top center repeat-x #EEEEEE;
}

.columns.last {
	margin-bottom: 90px;
	}

	.sliderhome {
			>div {
						top:109px;

				height: 600px;
			}
		//top:255px;
			.slick-track>div {
			position: relative;
			background-repeat: no-repeat !important;
			margin-top:25px;
			//background-position:  center 255px !important;
		 	background-size:100% !important;
		 }
		div div.wolk.odd{
			height: auto;
			width: 425px;
			height: 365px;
			background: url(images/wolk.png) no-repeat left -80px;
			color:#FFF;
			right:-55px;
			position: absolute;
			text-align: right;
			padding-right: 100px;
			padding-top:40px;
			top:120px !important;
		}
		div div.wolk.even {
			height: auto;
			width: 425px;
			height: 365px;
			background: url(images/wolk_links.png) no-repeat -0 -80px;
			color:#FFF;
			right:-55px;
			position: absolute;
			text-align: right;
			padding-right: 100px;
			padding-top:40px;
			top:120px !important;
		}
	}
	.witblok {
		z-index: -200;
	}

	.contentcontainer-home .columns .columnright {
		width: 100%;
		float: none !important;
	}

	.topcontainer {
		background: url(images/bg_top.jpg) repeat-x 0 133px #FFF;
		z-index: 10000;
	}

	.slick-dots {
    top: 490px;
}

	.logo {
		margin-top:0px;
		z-index: 1;
		overflow:hidden;
		height: 133px;
		//margin-left:20px;
		a {
			margin-left:20px;
		}
	}


.contentcontainer-home {
	margin-top:334px;
	.columns {
		height:auto;
		}
	}
} /* min-width 641px, medium screens */





// small
@media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */

.contentcontainer .content-right.ervaringen h2 {
	margin-left:0;
}

body.home {
	background:url(images/bg_white-grey.png) top center repeat-x #EEEEEE;
}

body.page {
	background:url(images/bg_white-grey.png) top center repeat-x #FFF;
}
	.sliderhome {
		top:0;
			div {
				height: 600px;
			}
		//top:255px;
			.slick-track>div {
			position: relative;
			background-repeat: no-repeat !important;
			//margin-top:25px;
			//background-position:  center 255px !important;
		 	background-size:100% !important;
		 }
	//top:130px;
	div div.wolk.odd{
		background: url(images/wolk.png) no-repeat 110px -120px;
		height: 417px;
		padding-right: 85px;
		h3 {
			font-size: 140%;
			width: 200px;
			line-height: 26px;
		}
		p {
			width:180px;
			font-size: 13px;
			line-height: 18px;
		}
	}
	div div.wolk.even{
		background: url(images/wolk_links.png) no-repeat -92px -120px;
		height: 417px;
		width: 374px;
		left:-70px;
		h3 {
			font-size: 140%;
			width: 180px;
			line-height: 26px;
		}
		p {
			width:180px;
			font-size: 13px;
			line-height: 18px;
		}
	}
}
.slick-slider {
	top:0;
}

.row.slider {
	margin-bottom:30px;
}

.page-id-40 .panel.behandelingkiezen { //contactpagina
	margin-bottom: 20px;
}

.slick-dots {
	top:343px;
	left:-4px;
	text-align: left;
	width: 150px;
	margin-left: 20px;
	text-align: left;
}

.contentcontainer .content-right .entry {
	margin-left:0;
}

.contentcontainer-home {
	margin-top:334px;
	.columns {
		height:auto;
		}
	}

//home buttons
.button {
	margin-bottom:20px !important;
}

.columns.last {
	margin-bottom: 90px;
}

.topcontainer {
	background: none;
}

.logo {
	position: absolute;
	top:0;
	a {
		margin-left: 20px;
	}
	//margin-left:20px;
}

.menu {
	position: absolute;
}

  .menu ul#menu-hoofdmenu {
    width:100%;
    margin-top:0;
    li {
    	a {
    		color:#FFF;
			line-height: 32px;
			padding: 0 20px;
			font-size: 14px;
			letter-spacing: 0.01em;
    		span {
    			display: none;
    		}
    	}
    &:last-child a {
    	color: #FFF;
		line-height: 32px;
		padding: 0 20px;
		font-size: 14px;
		letter-spacing: 0.01em;
    }
    }
  }

   .menu ul#menu-extra-menu {
    width:100%;
    li {
    	a {
			line-height: 32px;
		        background:#315876;

    		padding: 0 20px;
    		span {
    			display: none;
    		}
    	}
    }
  }



.contentcontainer .content-right .form_ervaring {
	width:100%;
	margin-left: 0;
 }


.blue .row {
	background:#003051;
}

}

// @media only screen and (max-width: 500px) {
//   html {
//     zoom: 0.70;
//   }
// }

// Submenu
.js .nav-collapse {
		overflow: visible !important;
	}

	.menu ul#menu-hoofdmenu li {
		position: relative;
    	ul.sub-menu {
    		position: absolute;
    		left: 1px;
    		top: 40px;
    		background: #fff;
    		z-index: 1000;
    		width: auto;
    		display: none;
    		li {
    			float: none;
    			background-image: none;
    			a {
    				display: block;
	    			font-size: 14px;
	    			background: #fff;
	    			text-align: left;
    			    white-space: nowrap;
    			    padding: 6px 20px 6px 20px;
    			    .separatorhoofd {
						display: none;
    			    }
    			}
    		}
    	}
    	// &:hover {
    	// 	ul.sub-menu {
    	// 		display: block;
    	// 	}
    	// }
	}


@media only screen and (max-width: 600px) {
	.menu {
		ul {
			&#menu-hoofdmenu {
				li {
					&.menu-item-has-children {
						&:hover {
							.sub-menu {
								display: none !important;
							}
						}
					}
				}
			}
		}
	}
}