/*
rood: 			#E2001A;
oranje: 		#F19300;
roze: 			#E1007A;
licht-groen: 	#96BD0D;
donker-groen: 	#00892E;
blauw: 			#37A8DB;
Bruin: 			#604C3F;
*/
@font-face {
    font-family: 'egyptiennef_lt_romanregular';
    src: url('../fonts/egyptienne_f_lt_55_roman-webfont.eot');
    src: url('../fonts/egyptienne_f_lt_55_roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/egyptienne_f_lt_55_roman-webfont.woff2') format('woff2'),
         url('../fonts/egyptienne_f_lt_55_roman-webfont.woff') format('woff'),
         url('../fonts/egyptienne_f_lt_55_roman-webfont.ttf') format('truetype'),
         url('../fonts/egyptienne_f_lt_55_roman-webfont.svg#egyptiennef_lt_romanregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'egyptiennef_lt_blackregular';
    src: url('../fonts/egyptienne_f_lt_75_black-webfont.eot');
    src: url('../fonts/egyptienne_f_lt_75_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/egyptienne_f_lt_75_black-webfont.woff2') format('woff2'),
         url('../fonts/egyptienne_f_lt_75_black-webfont.woff') format('woff'),
         url('../fonts/egyptienne_f_lt_75_black-webfont.ttf') format('truetype'),
         url('../fonts/egyptienne_f_lt_75_black-webfont.svg#egyptiennef_lt_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; *behavior:url(boxsizing.htc); }
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

body {
	font-family: 'egyptiennef_lt_romanregular', serif;
}
.content {
	width:900px;
	margin:0px auto;
	position:relative;
	clear:both;
}
header {
	border-top:10px solid #E2001A;
}
header .content {
	padding:30px 0px 10px 0px;	
}
header .logo {
	display:block;
	width:480px;
	height:90px;
	background-image: url(../images/leonore-veldhoven.png);
	background-image: linear-gradient(transparent, transparent), url(../images/leonore-ciska-veldhoven.svg);
	background-repeat:no-repeat;
	position:relative;
}
header .contact {
	position:absolute;
	right:0px;
	top:16px;
	font-size:13px;
	color:#000;
	text-align:right;
}
header .contact a {
	color:inherit;
	text-decoration:none;
}
header .contact p {
	margin:0px 0px .5em 0px;
}
header .home {
	display:block;
	width:20px;
	height:24px;
	background-image: url(../images/home.png);
	background-image: linear-gradient(transparent, transparent), url(../images/home.svg);
	position:absolute;
	bottom:15px;
	right:0px;
}
section.slideshow {
	background-color:#D8D9DA;
	background-image:url(../images/white-border.gif);
	background-repeat:repeat-x;
	background-position:center bottom;
}
/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.cycle-slideshow { min-width: 320px; max-width: 900px; margin: 0px; padding: 0; position: relative;
    background: url(../images/spinner.gif) 50% 50% no-repeat;
 }

/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;
}

/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}

/* pager */
.cycle-pager { 
    text-align: left; width: auto; z-index: 500; position: absolute; bottom: 24px; left:14px; overflow: hidden;
}
.cycle-pager span { 
    width: 10px; height: 10px; 
    display: inline-block; 
	color: transparent; 
	cursor: pointer;
	background-color:#fff;
	border:1px solid #E2001A;
	border-radius:50%;
	margin-right:5px;
}
.cycle-pager span.cycle-pager-active { background-color:#E2001A; }
.cycle-pager > * { cursor: pointer;}
.cycle-slideshow .bottom {
	background-image:url(../images/slideshow-bottom.png);
	height:20px;
	position:absolute;
	bottom:0px;
	width:100%;
	z-index:499;
}
nav {
	 width:900px;
	 margin:0 auto;
	 position:relative;
	 z-index:1000;
 }
nav ul {
  	list-style:none; 
	margin:0px;
	padding:0px;
}
nav ul:first-child {
	position:absolute;
	right:0px;
	width:220px;
}
nav ul li {
	margin:0px;
	padding:0px;
}
nav ul ul {
	position:relative;
	right:-20px;
	display:none;
}
nav ul .current ul, nav ul .section ul {
	display:block;
}
nav ul li a {
	font-size:15px;
	color:#fff;
	text-decoration:none;
	padding:7px 13px;
	display:block;
}
nav ul li a.current {
	font-weight:bold;
}
nav ul li a:hover {
	text-decoration:underline;
}
nav ul li a {
	border-bottom:1px solid #fff;
}
nav ul ul li a {
	border-bottom:0px;
}
nav ul li.Oranje a {
	background-color:#F19300;
}
nav ul li.Roze a {
	background-color:#E1007A;
}
nav ul li.LichtGroen a {
	background-color:#96BD0D;
}
nav ul li.DonkerGroen a {
	background-color:#00892E;
}
nav ul li.Blauw a {
	background-color:#37A8DB;
}
nav ul li.Bruin a {
	background-color:#604C3F;
}
nav ul li.Rood a {
	background-color:#E2001A;
}

article {
	padding-top:20px;	
}
.sidebar {
	width:220px;
	float:left;	
	font-size:23px;
	font-weight:regular;
	font-family: 'egyptiennef_lt_blackregular', serif;
	padding-right:20px;
	line-height:1.2em;
	margin-top:-3px;
}
.sidebar img {
	max-width:100%;	
}
.main {
	width:670px;
	float:left;
	font-size:14px;
	line-height:1.4em;
}
.main h1 {
	font-weight:bold;
	margin:0px 0px 1em 0px;
}
.main h2, .main h3, .main h4, .main h5, .main h6 {
	font-weight:bold;
	margin:0px 0px 0px 0px;
}
.main h1 {
	font-size:21px;
}
.main h2 {
	font-size:14px;
}
.main h3 {
	font-size:14px;
}
.main h4, .main h5, .main h6 {
	font-size:13px;
}
.main p {
	margin:0px 0px 1em 0px;	
}
.main h1.naam {
	margin-bottom:0px;
}
.main h2.functie {
	margin-bottom:1em;
}

footer .content {
	background-image:url(../images/arrow-border.png);
	background-repeat:no-repeat;
	background-position:left top;	
	font-size:13px;
	color:#fff;
	line-height:1.4em;
	padding:40px 0px 20px 0px;
	display:table;
}
footer .col {
	width:218px;
	padding-left:10px;
	border-left:1px solid #fff;
	display:table-cell;
}
footer .col2 {
	width:472px;
	padding-left:10px;
	border-left:1px solid #fff;
	display:table-cell;
}
footer .col.adres {
	padding-left:0px;
	border-left:0px;
}
footer p, footer h5 {
	font-size:13px;
	margin:0px;	
}
footer a {
	color:#fff;
	text-decoration:none;
}
footer a:hover {
	color:#fff;
	text-decoration:underline;
}
footer .mtw {
	padding:0px 0px 10px 0px;
	font-size:10px;	
	width:900px;
	margin:0 auto;
}
footer form label {
	display:inline-block;
	vertical-align:middle;
	width:20%;	
}
footer form .middleColumn {
	float:right;
	width:75%;		
}
footer form input[type="text"], footer form input[type="email"] {
	width:100%;
	border:0px solid transparent;
	padding:2px 5px;
	border-radius:0px;
	color:#000;
}
footer form .btn-toolbar {
	text-align:right;
}
footer form input[type="submit"] {
	border:0px solid transparent;
	padding:5px 5px;
	border-radius:0px;
	background-color:#604C3F;
}
footer form .field.text {
	clear:both;
	padding-bottom:5px;
}
.accordion.bbottom {
	border-bottom:1px dashed #000;
	margin-bottom:1em;
	padding-bottom:1em;
}
.accordion h2, h2.accordion {
	width:100%;
	border-top:1px dashed #000;
	padding:5px 0px 5px 0px;
	margin:0px;
	cursor:pointer;
}
h2.accordion.hbbottom {
	border-bottom:1px dashed #000;
	margin-bottom:1em;
	padding-bottom:.5em;
}
h2.accordion.hbbottom.active {
	border-bottom:0px dashed #000;
	margin-bottom:0em;
	padding-bottom:0em;
}

.accordion h2:after {
  content: url(../images/closed-oranje.png);
}
.accordion h2.active {
	padding:5px 0px 0px 0px;
}
.accordion h2.active:after {
  content: url(../images/open-roze.png);
}
h2.accordion:after {
  content: url(../images/closed-oranje.png);
}
h2.accordion.active {
	padding:5px 0px 0px 0px;
}
h2.accordion.active:after {
  content: url(../images/open-roze.png);
}
.main Form {
	width:60%;
}
.main Form label {
	display:inline-block;
	width:45%;
	vertical-align:middle;	
}
.main Form input[type="text"], .main Form input[type="email"], .main Form textarea {
	float:right;
	width:50%;
	vertical-align:top;	
}
.main Form .fieldgroup-field  {
	margin-bottom:5px;	
}
.main Form em  {
	font-style:italic;
	font-size:12px;
}
.main Form .btn-toolbar {
	text-align:right;
	padding:5px 0px 15px 0px
}
.main Form input[type="submit"] {
	border:0px solid transparent;
	padding:5px 5px;
	border-radius:0px;
	background-color:#604C3F;
	color:#fff;
}

.medewerkers {
	width:670px;
	margin-left:220px;	
	margin-bottom:20px;
}
.medewerker {
	width:49%;
	margin-right:2%;
	float:left;	
}
.medewerker:nth-child(2n+2) {
	margin-right:0%;	
}
.medewerker img {
	width:100%;	
}
.medewerker h3 {
	font-size:14px;
	margin-bottom:.5em;
}
.medewerker h3 a {
	text-decoration:none;
	color:#00892E;
}
.medewerker p {
	font-size:14px;
	margin:0px 0px 1em 0px;
	line-height:16px;
}
.medewerkerlink {
	display:inline-block;
	background-image: url(../images/medewerker-arrow.png);
	background-image: linear-gradient(transparent, transparent), url(../images/medewerker-arrow.svg);
	background-repeat:no-repeat;	
	width:10px;
	height:10px;
	position:relative;
	top:1px;
}

.Rood .main h1 {
	color:#E2001A;
}
.Rood .sidebar {
	color:#F19300;
}
.Rood footer {
	background-color:#E2001A;
}
.Rood header {
	border-top:15px solid #E2001A;
}
.Rood .main a {
	color:#E2001A;
}

.Oranje .main h1 {
	color:#F19300;
}
.Oranje .sidebar {
	color:#E1007A;
}
.Oranje footer {
	background-color:#F19300;
}
.Oranje header {
	border-top:15px solid #F19300;
}
.Oranje .main a {
	color:#E2001A;
}

.Roze .main h1 {
	color:#E1007A;
}
.Roze .sidebar {
	color:#96BD0D;
}
.Roze footer {
	background-color:#E1007A;
}
.Roze header {
	border-top:15px solid #E1007A;
}
.Roze .main a {
	color:#E2001A;
}

.LichtGroen .main h1 {
	color:#96BD0D;
}
.LichtGroen .sidebar {
	color:#00892E;
}
.LichtGroen footer {
	background-color:#96BD0D;
}
.LichtGroen header {
	border-top:15px solid #96BD0D;
}
.LichtGroen .main a {
	color:#96BD0D;
}

.DonkerGroen .main h1 {
	color:#00892E;
}
.DonkerGroen .sidebar {
	color:#37A8DB;
}
.DonkerGroen footer {
	background-color:#00892E;
}
.DonkerGroen header {
	border-top:15px solid #00892E;
}
.DonkerGroen .main a {
	color:#00892E;
}

.Blauw .main h1 {
	color:#37A8DB;
}
.Blauw .sidebar {
	color:#604C3F;
}
.Blauw footer {
	background-color:#37A8DB;
}
.Blauw header {
	border-top:15px solid #37A8DB;
}
.Blauw .main a {
	color:#37A8DB;
}

.Bruin .main h1 {
	color:#604C3F;
}
.Bruin .sidebar {
	color:#E2001A;
}
.Bruin footer {
	background-color:#604C3F;
}
.Bruin header {
	border-top:15px solid #604C3F;
}
.Bruin .main a {
	color:#604C3F;
}
.Bruin  footer form input[type="submit"] {
	background-color:#E2001A;
}

.Rood .main h1 {
	color:#E2001A;
}
.Rood .sidebar {
	color:#604C3F;
}
.Rood footer {
	background-color:#E2001A;
}
.Rood header {
	border-top:15px solid #E2001A;
}
.Rood .main a {
	color:#E2001A;
}
.Rood  footer form input[type="submit"] {
	background-color:#604C3F;
}

fieldset {
	margin:0px;
	padding:0px;
	border:0px;	
}
#MemberLoginForm_LoginForm {
	width:500px;
}
#MemberLoginForm_LoginForm .field.text  {
	clear:both;
}
#MemberLoginForm_LoginForm label {
	width:33%;
	float:left;
}
#MemberLoginForm_LoginForm .middleColumn {
	width:67%;
	display:inline-block;
}
.main Form input[type="password"] {
	float:right;
	width:100%;
}
.main Form#MemberLoginForm_LoginForm input[type="text"] {
	float:right;
	width:100%;
}
#MemberLoginForm_LoginForm label.right {
	width:400px;
	float:none;
}
p#ForgotPassword {
	text-align:left;	
}
.g-recaptcha {
	margin-bottom:1em;
}