*::-webkit-input-placeholder { /* WebKit browsers */
    color: #b9b4b5;
}

*::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #b9b4b5;
}

*:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #b9b4b5 !important;
}


@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

body {
    background-color: #f6f5f5;
    margin: 0;
    min-width: 980px;
}

.clearfloat {
    clear: both;
}

.button {
	background-color: #b9b4b5;
	border: none;
	border-radius: 4px;
	color: white !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 700;
	display: inline-block;
	line-height: 28px;
	min-height: 28px;
	padding: 0px 11px;
	text-transform: uppercase;
}

.button:hover {
	background-color: #999596;
}

.button[disabled] {
	background-color: #b9b4b5;
	cursor: default;
}

.button.loading {
	cursor: wait;
}

/*** HEADER ***/
.header {
    background-color: #ffffff;
    border-top: 5px solid #4c3e42;
}

.defaultcontainer {
    margin: 0 auto 0 auto;
    padding: 0 10px;
    width: 960px;
}

.maincontainer .defaultcontainer {
    background-image: url(/img/logobottom.png);
    background-position: -2px bottom;
    background-repeat: no-repeat;
    padding-bottom: 79px;
}

.header .logo {
    float: left;
    height: 60px;
    margin-bottom: 20px;
    margin-top: 22px;
	width: 265px;
}

.header .logo a {
	display: block;
}

.header .logo img {
	display: block;
	height: 60px;
	width: 265px;
}

.navtop {
    float: right;
    padding-bottom: 33px;
}

.navtop ul {
    margin: 6px 0 0 0;
}

.navtop li {
    display: inline;
    float: left;
    font-family: 'Gafata', sans-serif;
    font-size: 11px;
    margin-left: 20px;
}

.navtop li a {
    color: #386195;
    text-decoration: none;
}

.navtop li a:hover {
	text-decoration: underline;
}

.menu-button {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
    -webkit-user-select: none;                 /* prevent copy paste, to allow, change 'none' to 'text' */
    background-image: url(/img/menu-button.png);
    background-position: bottom;
    background-repeat: no-repeat;
    clear: right;
    cursor: pointer;
    display: none;
    float: right;
    height: 22px;
    margin-top: 56px;
    width: 26px;
}

.menu-button.opened {
    background-image: url(/img/close-button.png);
}

.menu-button.opened span {
    display: block;
}


.navlist {
    clear: right;
    float: right;
}

.navlist ul li .pijl {
    margin: 0 auto 0 auto;
}

.navlist ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.navlist li {
    float: left;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    margin-left: 21px;
    position: relative;
}

.navlist li a {
    color: #4c3e42;
    padding-bottom: 21px;
    text-decoration: none;
}

.navlist li.active a {
	color: #AC0233;
}

.navlist ul li:hover > a {
    background-image: url(/img/pijl.png);
    background-position: center 24px;
    background-repeat: no-repeat;
	color: #AC0233;
}

.navlist ul li.nochilds:hover a {
	background-image: none;
}

/* niveau 2 */
.navlist ul li ul {
    background-color: #ffffff;
    border: 1px solid #d1cfcf;
    display: none;
    line-height: 28px;
    margin-top: 21px;
    padding: 8px 0;
    position: absolute;
    width: 179px;
}

.navlist ul li:last-of-type ul {
    right: 0;
}

.navlist ul li:hover ul {
    display: block;
    opacity: 1;
    z-index: 10;
}

.navlist ul li ul li {
    float: none;
    margin-left: 0;
}

.navlist ul li ul li a {
    color: #386195;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 12px;
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
}

.navlist ul li:hover ul li a {
	background-image: none;
	color: #386195;
}

.navlist ul li:hover ul li.active a {
	color: #AC0233;
}

.navlist ul li ul li:hover a {
    background-color: #f6f5f5;
}

/*** CONTAINER ***/
.maincontainer {
    border-top: 1px solid #e8e8e8;
}

.kolomcontent {
    float: left;
    margin-top: 31px;
    width: 62.5%;
}

.kolomcontent img.topfoto {
    height: 400px;
    max-width: 600px;
    width: 100%;
}

/*.kolomcontent img.topfoto.frontpage {
    height: 304px;
}*/

/*
.kolomcontent div.topfoto {
	overflow: hidden;
	height: 124px;
	line-height: 124px;
	width: 616px;
}

.kolomcontent div.topfoto img {
	margin: -50% 0;
	vertical-align: middle;
	width: 616px;
}

.kolomcontent div.topfoto.frontpage {
	height: 324px;
	line-height: 324px;
}

.kolomcontent div.topfoto.frontpage img {
    height: 324px;
}
*/

#googleMap {
    border: 9px solid #e8e8e8;
    display: block;
    height: 324px;
    max-width: 582px;
}

.infowindow-googlemaps {
    color: #ac0233;
    font-family: 'Gafata', sans-serif !important;
	line-height: 20px;
	overflow: hidden;
    white-space: nowrap;
	min-width: 110px;
}

.kolomcontent .contact-kaart {
    background-color: #ffffff;
    border: 1px solid #e8e8e8;
    border-top: 0;
    color: #45373b;
    font-family: 'Gafata', sans-serif;
    font-size: 14px;
    width: 598px;
}

.kolomcontent .contact-kaart .paras {
    padding-top: 38px;
    max-width: 375px;
}

.kolomcontent .contact-kaart p {
    float: left;
    line-height: 18px;
    max-height: 76px;
    margin-bottom:30px;
    margin-top: 25px;
    padding-right: 34px;
    padding-left: 20px;
}

.kolomcontent .contact-kaart a {
    color: #386195;
    text-decoration: none;
}

.kolomcontent .contact-kaart a:hover {
	text-decoration: underline;
}

.kolomcontent .contact-kaart a.button:hover {
	text-decoration: none;
}

.kolomcontent .contact-kaart .route {
    float: right;
    margin-top: 53px;
    margin-right: 20px;
    margin-bottom: 28px;
}

.kolomcontent .kruimelpad {
    color: #4c3e42;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: 700;
    padding: 19px 60px 9px 10px;
}

.kolomcontent .kruimelpad a {
    color: #386195;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    padding: 0 10px;
    text-decoration: none;
}

.kolomcontent .kruimelpad a:hover {
    text-decoration: underline;
}

.kolomcontent .content {
    clear: both;
    font-family: 'Gafata', sans-serif;
    font-size: 16px;
    color: #4c3e42;
    padding-right: 60px;
	line-height: 1.5em;
	margin-top: 50px;
}

.kolomcontent .content h1 {
    font-family: 'Gafata', sans-serif;
    font-size: 36px;
    color: #ac0233;
    line-height: 1.3em;
    margin: 17px 0;
}

.kolomcontent .content a {
    text-decoration: none;
    color: #386195;
}

.kolomcontent .content a:visited {
    color: #76A7E2;
}

.kolomcontent .content a:hover {
	text-decoration: underline;
}

.kolomcontent .content.frontpage {
    /*padding-right: 185px;*/
}

.kolomcontent .content.frontpage p {
    font-size: 18px;
}

.kolomcontent .content p.intro {
    font-size: 20px;
    padding-right: 125px;
    margin-bottom: 41px;
    margin-top: 18px;
}

.kolomrechts {
    width: 300px;
    float: right;
    margin-top: 23px;
}

.kolomrechts .contactlist {
    color: #4c3e42;
    font-family: 'Gafata', sans-serif;
    font-size: 20px;
    height: 43px;
    line-height: 43px;
    padding-right: 2px;
    width: 288px;
}

.kolomrechts .contactlist span.telnummer {
    color: #ac0233;
    padding-left: 5px;
}

.kolomrechts .contactlist span.mailbox {
    border-left:1px solid #e8e8e8;
    float: right;
    padding-left: 12px;
    padding-right: 11px;
}

.kolomrechts .contactlist span.mailbox img {
    vertical-align: -3px;
}

.defaultcontainer .blokcontainer {
    margin-top: 57px;
}

/** BLOK **/
.blok {
    background-color: #ffffff;
    border: 1px solid #e8e8e8;
	color: #4c3e42;
    float: left;
    font-family: 'Gafata', sans-serif;
	font-size: 14px;
    height: 191px;
	line-height: 18px;
    margin: 0 21px 0 0;
    max-width: 209px;
    padding: 0 20px 11px 49px;
}

.blok h1 {
	color: #4c3e42;
	font-size: 10px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	height: 18px;
	line-height: 18px;
	margin: 0px 0px 21px -49px;
}

.blok h1 span {
	background-color: #e9e7e7;
	display: inline-block;
	padding: 0 6px;
	text-transform: uppercase;
}

.blok h2 {
    color: #ac0233;
    font-family: 'Gafata', sans-serif;
    font-size: 18px;
    font-weight: normal;
	line-height: normal;
	padding-right: 20px;
}

.blok a {
    color: #386195;
    text-decoration: none;
}

.blok a:hover {
	text-decoration: underline;
}

/** BLOKKEN RECHTS **/
.kolomrechts .blok {
    float: none;
    height: auto;
    margin: 30px 0 0 0;
    max-width: 229px;
}

.blok.blok-groot {
    margin: 31px 0 0 0;
    max-width: 220px;
    padding-left: 58px;
    padding-bottom: 23px;
}

.blok.blok-groot h1 {
	/*margin-bottom: 44px;*/
	margin-left: -58px;
}

.blok.blok-groot h2 {
    background-image: url(/img/letter.png);
    background-position: 0 2px;
    background-repeat: no-repeat;
	margin-left: -39px;
    padding-left: 39px;
}

.blok.blok-groot .faq {
    display: block;
    line-height: 24px;
}

.blok.blok-groot ul {
    list-style-type: none;
    padding-left: 0;
}

.blok.blok-groot hr {
    background-color: #f6f5f5;
    border: none;
    color: #f6f5f5;
    height: 5px;
}

.blok.blok-groot h3 {
	color: #4c3e42;
	font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 10px;
	text-transform: uppercase;
}

.blok.blok-groot .upload img {
    margin: 17px 0 16px 0;
}

.blok.blok-groot .veld {
    border: 1px solid #b9b4b5;
    border-radius: 5px;
    color: #4c3e42;
    font-family: 'gafata', sans-serif;
    font-size: 14px;
	height: 30px;
	line-height: 26px;
    padding-left: 10px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
    width: 208px;
}

.blok.blok-groot .veld.tekstveld {
    height: auto;
	line-height: normal;
	min-height: 32px;
    margin-bottom: 19px;
    resize: none;
}

.blok.blok-groot .veld.invulvelden {
    height: 26px;
    margin-bottom: 5px;
}

.blok.blok-groot .versturen {
    text-align: right;
    margin-top: 15px;
}

.blok.blok-groot .input-file-holder {
	position: relative;
}

.blok.blok-groot .input-file-holder input[type=file] {
	cursor: pointer;
	opacity: 0;
	position: relative;
	z-index: 2;
}

.blok.blok-groot .input-file-overlay {
	background-color: #B9B4B5;
	border-radius: 5px;
	/*height: 34px;*/
	position: absolute;
	top: 0px;
	width: 220px;

}

.blok.blok-groot .input-file-overlay input[type=text] {
	display: inline-block;
	height: 26px;
	width: 129px;
	margin: 0px;
}

.blok.blok-groot .input-file-overlay input[type=button] {
	display: inline-block;
	border-top: 1px solid #B9B4B5;
	border-bottom: 1px solid #B9B4B5;
	position: absolute;
	right: 0px;
	height: 100%;
	line-height: 28px;
	margin: 0px;
}

.blok.blok-groot .input-file-overlay:hover {
	/*background-color: red;*/
}
.blok.blok-groot .input-file-holder:hover input[type=button] {
	background-color: #999596;
}

/*** FOOTER MENU ***/
.footermenu {
    background-color: #4c3e42;
    border-top: 5px solid #ad0636;
}

.footermenu .defaultcontainer {
    padding-top: 45px;
}

.footermenu-kolom {
    float: left;
    font-family: 'Gafata', sans-serif;
    font-size: 14px;
    line-height: 24px;
    margin: 0 38px 39px 0;
    width: 18.958333333333332%;
}

.footermenu-kolom h3 {
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 21px;
}

.footermenu-kolom ul {
    margin-bottom: 0;
    padding-left: 0;
}

.footermenu-kolom li {
    list-style-type: none;
}

.footermenu-kolom li a {
    color: #99bbe5;
    text-decoration: none;
}

.footermenu-kolom li a:hover {
    text-decoration: underline;
}

.footermenu-kolom p {
    color: #e9e7e7;
    margin-top: 0;
}

.footermenu-kolom.footermenu-kolom-noheader {
    padding-top: 41px;
    width: 12.5%;
}

.footermenu-kolom.kaart {
    margin-bottom: 0;
	margin-right: 0;
	width: 36.45833333333333%;
}

.footermenu-kolom.kaart h3 {
    margin-bottom: 10px;
	margin-left: 6px;
}

.footermenu-kolom.kaart img {
    border-left: 6px solid #45373B;
    border-right: 6px solid #45373B;
	border-top: 6px solid #45373B;
    display: block;
    width: 100%;
}

/** FOOTER LOGO'S **/
.footerlogos {
    background-color: #45373b;
}

.footerlogos .defaultcontainer {
    padding-bottom: 16px;
    padding-top: 40px;
}

.footerlogos .footerlogos-kolom {
    color: #ffffff;
    float: left;
    font-family: 'Gafata', sans-serif;
    font-size: 11px;
    max-width: 155px;
}

.footerlogos .footerlogos-kolom.logos {
    max-width: 454px;
	padding-right: 150px;
}

.footerlogos .footerlogos-kolom.logos ul {
    margin: 0;
    padding-left: 0;
}

.footerlogos .footerlogos-kolom.logos li {
    float: left;
	height: 42px;
    list-style-type: none;
    margin-right: 70px;
    padding-bottom: 27px;

}

.footerlogos .footerlogos-kolom.logos li img {
    float: left;
}

.footerlogos .footerlogos-kolom.logos p {
    float: right;
	padding-top: 2px;
    margin: 0px 0px 0px 15px;
	width: 98px;
}

.footerlogos .footerlogos-kolom.contact {
    font-size: 14px;
}

.footerlogos .footerlogos-kolom.contact p {
    line-height: 18px;
    margin-bottom: 16px;
    margin-top: 0px;
    padding-bottom: 0;
}

/** FOOTER BOTTOM **/
.footerbottom {
    background-color: #4c3e42;
}

.footerbottom .defaultcontainer {
    padding: 32px 10px;
}

.footerbottom ul {
    margin: 0;
    padding: 0;
}

.footerbottom li {
    color: #9a9395;
    display: inline;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
    list-style-type: none;
    margin-right: 13px;
}

.footerbottom li a {
    color: #99bbe5;
    font-family: 'Gafata', sans-serif;
    font-size: 12px;
    text-decoration: none;
}

.footerbottom li a:hover {
	text-decoration: underline;
}

.footerbottom .author {
	font-size: 11px;
	float: right;
	white-space: nowrap;
}

.footerbottom .author a {
	color: inherit;
	font-weight: 400;
	text-decoration: none;
}