@font-face {
    font-family: opensansRegular;
    src: url('fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: opensansSemiBold;
    src: url('fonts/OpenSans-Semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


* {
	margin: 0; padding: 0;
}

html, body {
	-webkit-font-smoothing: antialiased;
	margin: 0;
	padding: 0;
	height:100%;
	font-family: opensansRegular, sans-serif;
	line-height:1.800em;
	font-size:100%;
	color:#000000;
	background-color:#ffffff;
}


#header {
	height:110px;
	width:100%;
	min-width:980px;
	-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.75);
	box-shadow: 0 3px 20px rgba(0, 0, 0, 0.75);
	position:relative;
	z-index: 2000;
}

#header #container {
	width:980px;
	margin: 0 auto;
	position: relative;
	padding-top:100px;
}

#logo {
	position: absolute;
	width:260px;
	height:90px;
	left:5px;
    	top:10px;
	z-index:100;
}

#actiebol {
	position: absolute;
	width:215px;
	height:215x;
	left:650px;
    	top:50px;
	z-index:100;
}

#contact {
	position: absolute;
	width:970px;
	top:10px;
	text-align:right;
	line-height:1.400em;
	color:#555555;
	font-family:opensansSemiBold;
}

.container {
	min-width: 980px;
}

#breadcrumbs li {
	list-style-type:none;
	text-decoration:none;
	display:inline;
	font-size:90%;
}

#breadcrumbs a {
	text-decoration:none;
	font-size:80%;
}

.divider {
	width:957px;
	height:1px;
	margin: 0 auto;
	position: relative;
	background-color: #fe453b;
	margin-top:0px;
	margin-bottom:15px;
}

#beeld-container {
	width: 100%;
}

.beeld {
	width: 100%;
	background-position: center;
	background-size: cover;
}

#beeld {
	width: 100%;
	background-position: center;
	background-size: cover;
}

.tekst {
	width:800px;
	margin: 0 auto;
	position: relative;
	padding-top:25px;
	padding-bottom:30px;
	background:#ffffff;
	min-height:200px;
	font-weight:400;
	font-size:110%;
}


.tekst a {
	font-weight:normal;
	text-decoration:underline;
	color:#fe453b;
}

.tekst a:hover {
	color:#000000;
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
}

.tekst ul {
	padding-left:38px;
}

.tekst ol {
	padding-left:18px;
}

.tekst li {
	margin-bottom:6px;
	font-size:95%;
}

.appleLinks a {
	color:#fe453b;
	text-decoration:none;
}

#diensten {
	width:960px;
	margin: 0 auto;
	position: relative;
	padding-top:0px;
	padding-bottom:0px;
	background:#ffffff;
	min-height:100px;
}


#diensten h1 {
	font-size:170%;
}


#diensten hr {
	height:1px;
	background-color:#cccccc;
	color:#ebdffb;
	border: 0 none;

}

#tabel {
	margin: 0; padding: 0;
	position:relative;
	width:960px;
	line-height:1.600em;
	font-size:100%;
}

#tabel td {
	padding-bottom:20px;
	padding-right:12px;
}

#tabel h2 {
	text-transform: uppercase;
	font-size:140%;
	text-align:center;
	padding:10px;
	padding-bottom:7px;
	font-weight:normal;
	margin-bottom:10px;
}

#tabel h3 {
	text-transform: uppercase;
	font-size:100%;
	text-align:left;
	padding-top:10px;
	padding-bottom:7px;
	font-weight:bold;
}

#tabel a {
	font-family:opensansSemiBold;
	text-decoration:none;
}

#tabel a:hover {
	color:#333333;
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
}

#footer-container {
	min-width: 980px;
	background:#000000;
}

#footer {
	width:960px;
	margin: 0 auto;
	position: relative;
	padding-top:0px;
	padding-bottom:30px;
	background:#000000;
	min-height:100px;
	color:#ffffff;
}

#footer-tabel {
	margin: 0; padding: 0;
	padding-top:20px;
	position:relative;
	width:960px;
	line-height:1.600em;
	font-size:100%;
}


#footer-tabel h2 {
	font-family:opensansSemiBold;
	text-transform: uppercase;
	font-size:95%;
	letter-spacing:1px;
}

#footer-tabel a {
	color:#eeeeee;
	font-weight:normal;
	text-decoration:underline;
}

#footer-tabel a:hover {
	color:#777777;
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
}

#footer-tabel ul {
	padding-left:16px;
}

#galerij {
	position:relative;
	margin: 0 auto;
	min-height:250px;
	width:800px;
	margin-top:25px;
	margin-bottom:30px;
	font-weight:400;
	font-size:115%;
}

#galerij img {
	border-style:solid;
	border-width:1px;
	border-color:#000000;
}


blockquote {
	background: #efefef;
	border-left: 10px solid #ccc;
	margin: 1.5em 10px auto;
	padding: 1.0em 10px;
	quotes: "\201C""\201D""\2018""\2019";
	width:470px;
	margin-left:150px;
	font-size:125%;
}

blockquote:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}

blockquote:after {
	color: #ccc;
	content: close-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-left: 0.25em;
	vertical-align: -0.6em;
}

blockquote p {
	display: inline;
}

p {
	font-size:95%;
}

h1 {
	text-transform: uppercase;
	font-size:130%;
	margin-top:0px;
	margin-bottom:10px;
	text-align:center;
	line-height:150%;
	font-family:opensansSemiBold;
	color:#333333;
	font-weight:300;
}

h2 {
	font-size:100%;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
}

h3 {
	font-size:100%;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
}

hr {
	margin-bottom:20px;
	height:1px;
	background-color:#cccccc;
	color:#ebdffb;
	border: 0 none;
}

a {
	color: #fe453b;
}

a:hover {
	color:#777777;
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
}

input {
	font-size:90%;
	padding:3px;
	color:#444444;
}

select {
	font-size:90%;
	padding:3px;
	color:#444444;
}

address { 
    font-style:normal;
}

#breadcrumbs li {
	list-style-type:none;
	text-decoration:none;
	display:inline;
}

#breadcrumbs a {
	text-decoration:none;
	font-size:90%;
}

ol {
	margin-left:22px;
}

a img,:link img,:visited img,fieldset {
	border:none;
}

/* mega menu list */
.nav-menu {
	display: block;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 15;
	margin-top:-47px;
	text-align:right;
	margin-right:-7px;
	font-size:100%;
	font-family:opensansSemiBold;
}

/* a top level navigation item in the mega menu */
.nav-item {
	list-style: none;
	display: inline-block;
	padding: 0;
	margin: 0;
}

/* first descendant link within a top level navigation item */
.nav-item > a {
	position: relative;
	display: inline-block;
	padding: 0.5em 1em;
	margin: 0 0 -1px 0;
	border: 1px solid transparent;
	text-decoration:none;
	color:#333333;
}

/* focus/open states of first descendant link within a top level 
navigation item */
	.nav-item > a:focus,
	.nav-item > a.open {
	border: 1px solid #dedede;
}

/* open state of first descendant link within a top level 
navigation item */
	.nav-item > a.open {
	background-color: #fff;
	border-bottom: none;
	z-index: 1;
}

/* sub-navigation panel */
.sub-nav {
	position: absolute;
	display: none;
	top: 2.7em;
	margin-top: 3px;
	padding: 0.5em 1em;
	border: 1px solid #dedede;
	background-color: #f5f8fa;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f8fa),to(#e3e5e5));
	background-image: -moz-linear-gradient(top,#f5f8fa,#e3e5e5);
	background-image: -ms-linear-gradient(top,#f5f8fa,#e3e5e5);
	background-image: -o-linear-gradient(top,#f5f8fa,#e3e5e5);
	cursor: default;
	-webkit-box-shadow: 0 4px 6px -2px rgba(0,0,0,.5), inset 1px 1px 0 #fff;
	-moz-box-shadow: 0 4px 6px -2px -moz-rgba(0,0,0,.5), inset 1px 1px 0 #fff;
	box-shadow: 0 4px 6px -2px rgba(0,0,0,.5), inset 1px 1px 0 #fff;
	}

/* sub-navigation panel open state */
.sub-nav.open {
	display: block;
    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.5s; /* Firefox < 16 */
        -ms-animation: fadein 0.5s; /* Internet Explorer */
         -o-animation: fadein 0.5s; /* Opera < 12.1 */
            animation: fadein 0.5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/* list of items within sub-navigation panel */
.sub-nav ul {
	display: inline-block;
	vertical-align: top;
	margin: 0 1em 0 0;
	padding: 0;
}

/* list item within sub-navigation panel */
.sub-nav li {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sub-nav li.subkop a {
	color:#e1021f;
}

.sub-nav li a {
	text-decoration:none;
	color:#000000;
}

.nav-item > a:hover, .sub-nav li a:hover {
	color:#fe453b;
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
}

.sub-nav li.sub-sub {
	margin-left:24px;
}

.nav-item.active a, .sub-nav li.active a {
	color:#fe453b;
}

.sub-nav li.subkop.active a, .sub-nav li.active a {
	color:#fe453b;
}