/* Algemene body elementen */

body {
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
	color: #000000;
	background-color: #ffffff;
	text-decoration: none;
	word-spacing: normal;
	white-space: normal;
	letter-spacing: normal;
	font-family: 'ict_avantgarde_bkcn';
	font-weight: normal;
}

header, main, footer {
	display: block;
}

.container { 
	position: relative; 
	width: 960px; 
	margin: 0 auto; 
	padding: 0; 
}
.container .column, .container .columns { 
	float: left; 
	display: inline; 
}

.container .sixteen.columns { 
	width: 960px; 
}

.mobile-device, .tablet-device {
	display: none !important;
}

.screen-device {
	display: inline-block !important;
}



img { 
	border: 0; 
}

p img { 
	border: 0; 
	width: 100%;
	height: auto;
	margin: 18px 0 0 0;
}

video { 
	width: 100% !important; 
	height: auto !important;
}

figure { 
	display: block; 
	margin: 20px 0 0 0; 
	background: #eeeeee; 
	padding: 0; 
}

h1 {
	width: 100%;
	margin: 31px 0 0px 0;
	padding: 0 0 0 0;
	color: #000000;
	background-color: transparent;
	font-family: 'ict_avantgarde_extra_light';
	font-size: 80px;
	line-height: 80px;
	font-weight: 200;
	text-align: center;
}

h2 {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	z-index: 8;
	color: #556a75;
	background-color: transparent;
	font-family: 'ict_avantgarde_extra_light';
	font-size: 31px;
	line-height: 60px;
	font-weight: normal;
}

p {
	float: left;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	color: #ffffff;
	background-color: transparent;
	font-size: 16px;
    line-height: 26px;
}

p strong {
	float: left;
}

.positie-content p {
	font-size: 15px;
	line-height: 18px;
}

.positie-content .contact-adres  p {
	font-size: 14px !important;
	line-height: 15px !important;
	width: 100%;
}

.header-top  {
	display: inline-block;
}

h3 {
	color: #556a75;
	background-color: transparent;
	font-size: 15px; 
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 400;
	margin: 0 0 0 0;
	padding: 2px 0 0 0;
}

.positie-content ul {
	font-size: 15px;
    line-height: 26px;
	margin: 0 0 0 14px;
	padding: 0 0 0 0;
	color: #ffffff;
	background-color: transparent;
}

.positie-content li {
	position: relative;
	float: left;
	background-color: transparent;
	width: 100%;
	margin: 0 0 8px 0;
}

/* Containers */

#container-1, #container-2, #container-3, #container-4, #container-5, #container-6 {
	position: relative;
	text-align: left;
	margin: 0 auto 0 auto;
}

#container-4 {
	float: none;
}

#container-1, #container-2, #container-3, #container-5 {
	float: left;
}

#container-3 {
	height: 178px;
	width: 100%;
	padding: 0 0 0 0;
	margin-top: 15px;
	text-align: center;
	background-color: #edf0f1;
}

#container-1 {
	width: 100%;
	height: 311px;
	padding: 0 0 0 0;
	text-align: center;
	background-color: transparent;
}

#container-1 #header {
	display: inline-block;
	float: none; 
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	text-align: left;
	background-color: transparent;
	height: 100%;
}

#container-1 #header .quote, #container-1 #header .beeld, #container-1 #header .tekst {
	float: left; 
	width: 50%; 
	height: 100%;
}

#container-1 #header .quote {
	width: 50%; 
	float: left;
	margin: 0 0 0 -1px;
	padding: 0 0 0 0;
	display: inline-block;
	position: relative;
}

#container-1 #header .quote .content {
	display: inline-block;
	text-align: left;
	padding: 4px 3% 0 3%;
	position: relative;
	width: 94%;
	z-index: 10;
}

#container-1 #header .quote .content p {
	color: #424242;
	background-color: transparent;
}

body.type-contact #container-1 #header .quote .content {
	padding: 18px 3% 0 1%;
}

body.type-contact #container-1 #header .quote h2 {
	color: #556a75;
}

body.type-contact #container-1 #header .quote h3 {
	margin: 0 0 15px 0;
}

#container-1 #header .quote .content .positie-content {
    margin:  0 0 0 0;
	padding: 0 3% 0 3%;
	float: left;
	position: relative;
	width: 90%;
	min-height: 300px;
}

#container-1 #header .quote .content span.positie-left {
	float: left;
	margin: 4px 0 0 0;
}

#container-1 #header .quote .content span.positie-right {
	float: right;
	margin: -50px 0 0px 0;
}

#container-1 #header .quote .content span i {
	font-size: 20px;
	color: #90a4ae;
}

#container-1 #header .quote h2 {
	color: #ffffff;
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
}

#container-1 #header .quote p {
	margin: 0 0 15px 0;
}

#container-1 #header .beeld {
	float: right;
	margin: -177px 0 0 0;
}

#container-1 #header .beeld img {
	height: auto;
	width: 100%;
}

#container-1 #header .tekst {
	background-color: transparent;
	float: right;
	margin: -220px 0 0 0;
}

#box {
	position: relative;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	background-color: transparent;
	z-index: 7;
	width: 100%;
}

#logo {
	display: block;
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	z-index: 8;
	margin: 10px 0 0 -60px;
}

#logo a {
	width: 1px;
	height: 1px;
	float: left;
}

#logo img {
	width: 110px;
	height: auto;
}

#logo span, #logo-mobile span {
	width: 60%;
	height: auto;
	float: left;
	position: relative;
	z-index: 8;
	margin: 26px 0 0 115px;
	font-size: 15px;
	line-height: 19px;
	color: #424242;
	background-color: transparent;
	text-align: left;
}

#logo span span, #logo-mobile span span {
	margin: 0 0 0 0;
	width: auto;
	font-size: 13px;
	background-color: transparent;
}

#logo-mobile {
	display: none;
}

#intro-holder { 
	display: inline-block;
	float: none;
	margin: 18px auto 0 auto;
	text-align: left;
}

.intro-table {
	display: table;
	height: 100%;
	float: left;
	margin: 0 0 0 0; /* safari */
	text-align: center;
	width: 50%;
}

body.type-contact .intro-table {
	width: 49%;
}

.intro-tekst {
	position: relative;
	z-index: 9;
	float: left;
	margin: 34px auto 0 auto;
	text-align: center;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}

body.type-contact .intro-tekst {
	margin: 10px auto 0 auto;
}

.intro-tekst h2 {
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	font-family: 'ict_avantgarde_bkcn';
	margin: 0px 0 20px 0;
	padding: 0 1% 0 1%;
	float: left;
	width: 98%;
}

.intro-tekst p {
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	color: #424242;
	background-color: transparent;
	padding: 0 1% 0 1%;
	float: left;
	width: 98%;
}

body.type-contact .intro-tekst p {
	text-align: left;
	font-size: 15px;
	line-height: 24px;
	margin: 0 0 12px 0;
	color: #424242;
}

.intro-tekst-mobile {
	display: none;
	text-align: center;
	margin: 10px 0 0 0;
	position: relative;
	float: left;
}

body.type-contact .intro-tekst-mobile {
	margin: 30px auto 0 auto;
}

.intro-tekst-mobile h2 { 
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	font-family: 'ict_avantgarde_bkcn';
}
	
.intro-tekst-mobile p {
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	color: #424242;
	background-color: transparent;
}

body.type-contact .intro-tekst-mobile p {
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 12px 0;
	color: #424242;
	text-align: justify;
}


address {
	margin: 0;
	padding: 0;
}

pre {
	margin: 0;
	padding: 0;
}

hr {
	border: 0;
	color: #303847;
	background: transparent;
	height: 1px;
	padding: 0;
	margin: 15px 0 10px 0;
	width: auto;
}

* html body hr {
	width: 100%;
}


/* Contactformulieren */

#container-1 #header .quote .content .positie-content.contact {
    width: 100%;
    padding: 0 0 0 0;
}

.taf-formholder {
	position: relative;
	float: left;
	width: 100%;
	margin: -4px 0 0 0;
	z-index: 9999;
}

.taf-formholder table {
	width: 100%;
	margin: 4px 0 -4px 0;
}

td.taf-120 label  {
	display: block;
	clear: left;
	float: left;
	width: 100%;
	margin: 0 0 0 -2px;
	padding: 0;
	color: #424242;
	background-color: transparent;
}

td.taf-textarea label {
	color: #424242;
	background-color: transparent;
}

td.taf-120 label, td.taf-textarea label, input.taf-default-tekst {
	font-size: 12px;
	line-height: 21px;
    font-weight: 100;
}

#container-1 #header .quote .taf-formholder span {
	font-size: 20px;
	line-height: 21px;
    font-weight: 100;
	color: #99918b;
	margin: 4px 5px 0 0px;
	float: left;
	color: #424242;
}

input.taf-default-tekst {
	border: 1px solid #cccccc;
	width: 100%;
	margin: 0 0 0 -2px;
	padding: 0 0 0 3px;
	color: #424242;
}

textarea.taf-opmerkingen-contact {	
	width: 100%;
	height: 50px;
	border: 1px solid #cccccc;
	margin: -3px 0 0 -2px;
	padding: 3px 0 0 3px;
	font-size: 12px;
	line-height: 16px;
    font-weight: 100;
	color: #424242;
}

.taf-formholder td {
	height: 10px;
}

.taf-formholder td.taf-120 {
	width: 44%;
}

.taf-formholder td.taf-5 {
	width: 3%;
}

.taf-formholder td.taf-380 {
	width: 53%;
}

#verzenden { 
	position: relative;
	float: left;
	width: 100%;
}

input.taf-dataknoppen-1 {
	position: absolute;
    bottom: 0;
	-webkit-appearance: none;
	font-size: 16px;
	color: #ffffff;
	background-color: #C94B1D;
	margin: 0 0 2px 25px;
	border: none;
	padding: 4px 9px 4px 9px;
	cursor: pointer;
}

input.taf-dataknoppen-1:hover { 
	background-color: #ffffff;
	color: #C94B1D;
	border: 1px solid #C94B1D;
}

input.beveiligingsvraag, input.taf-default-aantal {
	border: 1px solid #273747;
}

#rc-anchor-container  {
	margin: 15px 0 0 0 !important;
}

.g-recaptcha, .g-recaptcha div, .g-recaptcha div iframe {
	position: relative;
	float: left;
}

.rc-anchor-normal .rc-anchor-content {
    height: 74px !important;
    width: 130px !important;
}

.rc-anchor-error-message {
    color: #ff0000;
    font-family: arial,sans-serif;
    font-size: 11px !important;
    font-weight: 400;
    line-height: 14px !important;
    padding: 0 10px;
}





input[type=radio] { 
	margin-left: -4px;
}

input[type=radio] + input[type=radio] {
	margin-left: 4px;
}

input[type=checkbox] {
	margin-left: -3px;
}



/* Footer Algemeen */

#footer-holder { 
	color: #ffffff;
	background-color: #424242; /* roosje 07 2017 */
	text-align: center;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 10px 0 10px 0;
}

#footer {
	display: inline-block;
	float: none; 
	margin: 0 auto 0 auto;
	padding: 10px 0 10px 0;
	text-align: left;
}

#footer div {
	position: relative;
	float: left;
	width: 19%;
	margin: 0 1% 0 0;
}

#footer div.footer-realisatie {
    margin: 0 0 0 20px;
}

#footer a {
	color: #ffffff;
	background-color: transparent;
	text-decoration: underline;
}

#footer a.active {
	color: #e4a216;
	background-color: transparent;
	text-decoration: none;
	cursor: default;
}

#footer a:hover {
	text-decoration: none;
}

#footer ul {
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	list-style-type: none;
	outline: 0 none;
}

#footer ul li {
	margin-bottom: 3px;
	outline: 0 none;
}

#powered {
	margin-top: 5px;
	text-align: right;
	clear: both;
}

#footer h2 {
	font-size: 18px; 
	color: #ffffff !important;
	background-color: transparent;
	width: 230px;
}

#footer h3 {
	text-transform: uppercase; 
	font-weight: normal; 
	color: #ffffff;
	background-color: transparent;
	font-size: 14px;
	margin: 0 0 7px 0;
}

#footer p {
	font-weight: normal; 
	color: #ffffff;
	background-color: transparent;
	font-size: 12px;
	margin: 0 0 0 0;
	letter-spacing: 0.06em;
	width: 100%;
}



/* Navigatie */

#menu {
	position: relative;
	background-color: transparent;
	margin: 0 0 0 0;
	z-index: 901;
	float: right;
	display: inline-block;
	margin: 2px 2px 0 0;
}

.iphone-toggle {
    background-color: #424242;
    height: 40px;
    margin: 0 0 0 0;
    padding: 0 0 0 5px;
    position: relative;
}

#toggle-navigatie {
    float: right;
    padding: 0 5px 0 0;
}

#toggle-navigatie span.toggle-navigatie-tekst {
    color: #ffffff;
    display: block;
    font-size: 14px;
    margin: 10px 40px 0 0;
}

.toggle-navigatie, .toggle-navigatie a {
    display: block;
}

#toggle-navigatie a i.icons-basis-menu, #toggle-navigatie a:hover i.icons-basis-menu, #toggle-navigatie li.active a i.icons-basis-menu {
    color: #ffffff;
    font-size: 32px;
    position: absolute;
    right: 10px;
    top: 5px;
}

#container-1 > #navigatie ul li {
    background-color: #424242;
	text-align: left;
}

#container-1 > #navigatie ul li.active {
	background-color: #C94B1D;
}

#container-1 > #navigatie ul li:hover {
	background-color: #C94B1D;
}

#navigatie {
	position: relative;
	height: 40px;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
	z-index: 112;
	background-color: transparent;
}

div#navigatie li div.menu-responsive {
	display: none;
	z-index: 1;
}

#navigatie h2 {
	display: none;
	color: #ffffff;
}

#navigatie ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	list-style: none;
	float: left;
	display: inline-block;
	float: right;
}
		
#navigatie ul  li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	cursor: pointer;
	background-color: #cfd8dc;
		background-color: #424242;
	display: inline-block; 
	text-align: center;
}

#navigatie ul li:hover {
	background-color: #C94B1D;
}

#navigatie ul li.active {
	background-color: #C94B1D;
}

#navigatie ul li.active:hover {
	background-color: #424242;
}

#navigatie ul ul.navigatie-menu-ul {
	background-color: #d2cdca !important;
}

#navigatie ul ul  li {
	clear: both;
    float: left;
	background-color: #D2CDCA !important;
}

#navigatie ul ul li:hover {
	background-color: #BAB5B1 !important;
}

#navigatie ul ul li.active {
	background-color: #303847 !important;
}

#navigatie ul ul li.active:hover {
	background-color: #BAB5B1 !important;
}

#navigatie ul ul {
	position: relative;
	float: right;
	width: 29%;
	margin: 12px 1% 0 0;
}

#navigatie ul ul li.parent-li {
	width: 100%;
}

#navigatie ul ul li.child-li {
	width: 95%;
	padding: 0 0 0 5%;
}

#navigatie a  {
	float: left;
	display: block;
	width: auto;
	padding: 10px 9px 10px 11px;
	font-size: 16px;
	text-decoration: none;
	white-space: nowrap; 
	letter-spacing: 2.1px;
	text-transform: uppercase;
	color: #ffffff !important;
}

#navigatie a:hover, 
#navigatie a i.icons-basis-angle-right, 
#navigatie a:hover i.icons-basis-angle-right, 
#navigatie li.active a i.icons-basis-angle-right {
	color: #cccccc;
}

#navigatie .navigatie-menu-holder { 
	position: relative;
	float: left;
	width: 70%;
}

#navigatie .navigatie-menu-holder h2 {
	display: block;
	color: #99918b;
}

#navigatie .navigatie-menu-holder-foto  {
	position: relative;
	float: left;
	width: 49%;
	margin: 12px 0 0 1%;
}

#navigatie .navigatie-menu-holder-foto img  {
	float: left;
	border: 0; 
	width: 100%;
	height: auto;
}

#navigatie .navigatie-menu-holder-tekst  {
	position: relative;
	float: left;
	width: 45%;
	margin: 4px 0 0 0;
	padding: 0 2% 0 3%;
}

#navigatie .navigatie-menu-holder-tekst p  {
    font-size: 16px !important;
    font-weight: 100 !important;
    line-height: 26px !important;
}

.toggle-navigatie  {
	display: none;
}

#toggle-navigatie span.toggle-navigatie-tekst {
	display: none;
}

#toggle-navigatie a:hover, #toggle-navigatie a:hover i.icons-basis-menu, #toggle-navigatie li.active a i.icons-basis-menu,
#toggle-navigatie a:hover i.icon-home, #toggle-navigatie li.active a i.icon-home  {
	color: #cccccc !important;
}

#toggle-navigatie a i.icons-basis-menu, #toggle-navigatie a:hover i.icons-basis-menu, #toggle-navigatie li.active a i.icons-basis-menu, 
#toggle-navigatie a i.icon-home, #toggle-navigatie a:hover i.icon-home, #toggle-navigatie li.active a i.icon-home  {
    color: #ffffff !important;
}

#navigatie a i.icons-basis-angle-right, #navigatie a:hover i.icons-basis-angle-right, #navigatie li.active a i.icons-basis-angle-right  {
	color: #cccccc !important;
	display: none;
}


/* Kolom */

#kolom-holder {
	display: inline-block;
	float: none;
	margin: 0 auto 0 auto;
	text-align: left;
	background-color: #edf0f1;
}

.kolom-1, .kolom-2, .kolom-3 {
	position: relative;
	float: left;
	text-align: left;
	margin: 0 0 0 0;
	background-color: #edf0f1;
}

.kolom-1.last {
	width: 100%;
	background-color: #edf0f1;
}

.kolom-2  {
	width: 50%;
	margin: 0 0 0 0;
}

.kolom-2.last {
	margin: 0 0 0 0;
	background-color: #edf0f1;
}

.kolom-3  {
	width: 31%;
	margin: 0 3% 0 0;
}

.kolom-3.last {
	margin: 0 0 0 1%;
	background-color: #edf0f1;
}

.kolom p  {
	color: #323232;
	background-color: transparent;
	float: left;
	width: 100%;
	font-size: 15px;
    line-height: 20px;
}

.kolom p a  {
	color: #F15A24;
	background-color: transparent;
	text-decoration: none;
}

.kolom p a:hover  {
	color: #323232;
	background-color: transparent;
}

.kolom  h2, .kolom  h3  {
	color: #323232;
	background-color: transparent;
	float: left;
	font-size: 16px;
    line-height: 22px;
	width: 100%;
	margin: 0 0 6px 0;
}

.kolom-content { 
	padding: 2% 6% 0 8%;
}



/* Thema's achtergronden */

/* Thema global local */


body.denken-en-doen #container-1 #header .tekst {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 480px 488px;
    min-height: 600px;
    margin: -177px 0 0 0;
}

body.denken-en-doen .tekst .arrow.bounce-down, body.denken-en-doen .tekst .arrow.bounce-up {
	display: block;
}

.arrow.bounce-down, .arrow.bounce-up {
	position: relative;
	display: none;
}

.arrow.bounce-down {
	float: left;
	margin: 20px 0 0 20px;
}

.arrow.bounce-up {
	float: right;
	margin: 0 20px 20px 0;
}

.bounce-down {
	animation: bounce-down 5s infinite;
}

.bounce-up {
	animation: bounce-up 7s infinite;
}

@keyframes bounce-down {
	0%, 20%, 50%, 80%, 100%  {
		transform: translateY(0);
	}
	40% {
		transform: translateY(430px);
	}
	60% {
		transform: translateY(15px);
	 }
}

@keyframes bounce-up {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(430px);
	}
	60% {
		transform: translateY(15px);
	}
}

.icons-basis-pijl-bo, .icons-basis-pijl-ob {
	color: #F15A24;
	font-size: 34px;
}


/* Thema transformaties  */

body.transformaties #container-1 #header .quote .content .positie-content p {
    margin: 5px 0 5px 0;
	line-height: 24px;
}

body.transformaties #container-1 #header .quote .content .positie-content ul span {
	text-decoration: line-through;
}