/* Stylesheet: style Modified On 2017-10-25 17:18:00 */
html{
	overflow-y:scroll;
        background-color: #505050;
}

body{
	font-family:Arial;
	font-size:11px;
	margin:auto;
}

.clear{
	clear:both;
	position:relative;
}

img{
border:0px;
}

h1, h2, h3, p, ul, li{
	margin:0px;
	padding:0px;
}

ul{
margin-right:20px;
}

a{
	color:#009c00;
}

#background{
	//background-image:url('/images/bodyBackground.jpg');
	//background-repeat:repeat-x;
        background-color: #333333;
}

#backgroundKort{
	background-color: #333333;
}

#backgroundNiks{
	background-color: #333333;
}

#container{
	width:956px;
	margin:auto;
        overflow: hidden;
}

#header{
	text-align:center;
        background-color: #333333;
}

#logo{
	padding:30px 0px 26px 0px;
}

#logo img{
width:400px;
}

.fullwidth {
        width: 100%;
}

.gray {
        background-color: #505050;
}

.black {
        background-color: #1F1F1F;
}

#menu{
	height:45px;
	width:956px;
	font-size:1.5em;
        margin: auto;
}

#menu ul{
	margin:0px 0px 0px 42px;
	
}

#menu ul li{
	float:left;
list-style:none;
}

#menu ul li a{
	display:block;
	color:#fff;
	text-decoration:none;
	padding:13px 46px 14px 60px;
        font-family: 'Eurostile LT Std';
        font-size: 1em;
}

#menu ul li a:hover, #menu ul li .active{
	color:#b9ff00;
}

#content{
position:relative;
}

#meerInformatie{
position:relative;
bottom:0px;
//right:95px;
font-weight:bold;
font-size:12px;
color:#009c00;
text-align: center;
}

#contentTop{
	height:284px;
	width:806px;
	margin:auto;
	padding:20px 0px 20px 0px;
}

#contentTopKort{
	height:33px;
	width:806px;
	margin:auto;
	padding:38px 0px 20px 0px;
text-align:center;
}

#contentTopNiks{
	height:13px;
	width:806px;
	margin:auto;
}

#contentTopKort h1{
       font-size:22px;
       color: #fff;
}

#introRechts{
	float:right;
	width:279px;
	line-height:18px;
	height:280px;
	position:relative;
}

#introVideo{
	width:526px;
	height:284px;
	float:left;
}

#introTekst{
	float:right;
	padding:0px 0px 0px 35px;
        color: #fff;
}

#introTekst h1{
	font-size:21px;
	line-height:31px;
	margin:17px 0px 4px 0px;
	font-weight:bold;
        color: #fff;
}

#introTekst h1 .cufon{
	margin:0px 0px 10px 0px;
}

#introTekst a {
        color: #fff;
}

#meerVideo{
	position:absolute;
	bottom:0px;
	right:0px;
}

#meerVideo a{
	color:#fff;
	font-size:12px;
	background-image:url('/images/zwarteVideoPijl.png');
	text-decoration:none;
	padding:5px 53px 5px 60px;
}

#contentBottom{
	margin: 0px 0px 0px 0px;
        padding-top: 20px;
}

#sliderLeft{
	float:left;
	width:74px;
	margin:66px 0px 0px 0px;
}

#sliderRight{
	float:right;
	width:28px;
	margin:66px 0px 0px 0px;
}

#sliderContent{
	float:left;
	overflow:hidden;
	width:811px;
	height:165px;
	position:relative;
}

#slides{
	position:absolute;
	height:165px;
	width:9999px;
	left:0px;
	top:0px;
}

.video{
position:absolute;
top:0px;
left:0px;
height:159px;
width:255px;
z-index:11;
}

.videoInfo{
position:absolute;
top:0px;
left:0px;
height:124px;
width:228px;
}

.slide{
	padding:2px;
	border:1px solid #4E4E4E;
	width:255px;
	height:159px;
	position:relative;
	float:left;
	margin:0px 14px 0px 0px;
}

.imageHolder{
width:255px;
	height:159px;
overflow:hidden;
position:absolute;
	top:2px;
	left:2px;
z-index:9;
    background-position: center;
background-repeat: no-repeat;
}

.imageHolder img{
width: 320px;
	height:186px;
overflow:hidden;
margin:0px 0px 0px -40px;
}


.sliderTitel{
	background-image:url('/images/fotoTitelBalk.png');
	width:239px;
	min-height:15px;
	position:absolute;
	top:2px;
	left:2px;
	color:#b9ff00;
	padding:9px 0px 7px 16px;
z-index:10;
}

.sliderTitel h3{
	font-weight:normal;
	font-size:13px;
}

#contentLinks{
float:left;
width:495px;
margin:16px 0px 0px 5px;
}

.infoVideo{
float:left;
margin:0px 10px 10px 0px;
width:228px;
height:124px;
overflow:hidden;
position:relative;
}

.overlay{
position:absolute;
width:228px;
height:124px;
background-image:url('/images/overlayKnop.png');
background-repeat:no-repeat;
top:0px;
left:0px;
}

.infoVideo img{
width:230px;
height:166px;
margin:-21px 0px -21px 0px;
}

#contentRechts{
float:left;
width:370px;
margin:10px 0px 18px 0px;
}

#contentRechts br{
line-height:14px;
}

#contentRechtsTekst{
line-height:17px;
font-size:12px;
color: #FFF;
}

#contentRechtsTekst span{
color: #FFF !important;
}

#contentRechtsTekst a{
color: #FFF !important;
}

#contentRechtsTekst ul{
margin:15px 0px 7px 15px;
}

#contentRechtsTekst ul li{
list-style-image:url('/images/tekstBullit.png');
margin:0px 0px 4px 0px;
}

#contentRechtsTekst ul li span a{
 color: #FFF;
}

#diensten{
padding:0px 0px 10px 0px;
}

.dienst{
width:435px;
float:right;
margin:10px 40px 18px 0px;
min-height:98px;
}

.dienstAfbeelding{
float:left;
margin:0px 20px 0px 0px;
width:131px;
}

.dienstAfbeelding img{
width:131px;
}

.dienstTekst{
font-size:11px;
float:right;
width:278px;
line-height:17px;
color: #FFF;
}

.dienstTekst h3{
color:#FFF;
margin:-4px 0px 0px 0px;
}

.dienstTekst a{
color:#FFF;

}

#portfolioItems{
padding:0px 0px 0px 30px;
}

.portfolioItem{
width:382px;
float:left;
margin:23px 15px 0px 45px;
font-size:11px;
min-height:99px;
}

.portfolioLogo{
float:left;
margin:0px 20px 0px 0px;
width:115px;
text-align:center;
}

.portfolioLogo img{
max-width:115px;
}

.portfolioTekst{
float:right;
width:245px;
line-height:17px;
color: #FFF;
}

#portfolioLogo{
    position: absolute;
    right: -78px;
    top: 7px;
    width: 70px;
}

#portfolioLogo img{
    max-width: 70px;
}

#portfolioFotos{
width:825px;
height:165px;
margin:7px 0px 22px 75px;
}

.portfolioFoto{
float:left;
margin:0px 23px 0px 0px;
}

.portfolioFoto img{
width:252px;
height:142px;
}

#portfolioIntroRechts{
	float:right;
	width:279px;
	line-height:18px;
	height:280px;
	position:relative;
}

#portfolioIntroVideo{
	width:526px;
	height:284px;
	float:left;
}

#portfolioIntroTekst{
	float:right;
	padding:0px 10px 0px 25px;
        color: #FFF;
}

#portfolioIntroTekst h1{
	font-size:21px;
	line-height:31px;
	margin:17px 0px 22px 0px;
	font-weight:bold;
        color: #FFF;
}

#portfolioIntroTekst h1 .cufon{
	margin:0px 0px 10px 0px;
}

#portfolioIntroTekst p {
        color: #FFF;
}

#contactTitel{
	float:left;
	padding:0px 0px 0px 0px;
	width:400px;
}

#contactTitel h1{
	font-size:21px;
	line-height:31px;
	margin:17px 0px 10px 0px;
	font-weight:bold;
        color: #FFF;
}

#contactIntro{
	width:422px;
	height:284px;
	float:left;
}

#contactIntro form{
float:left;
font-size:12px;
}

#contactIntro form b{
color:#ff0000;
}

#contactRechts{
	float:right;
	width:380px;;
	line-height:18px;
	height:280px;
	position:relative;
}

.inputVeldMedium {
color: #FFF;
}

.inputVeldMedium label {
    width: 70px;
    display: inline-block;
}

.inputVeldMedium input{
width:300px;
font-family:Arial;
font-size:11px;
margin:0px 0px 0px 5px;
border:1px solid #000;
}

.inputTextarea {
color: #FFF;
}

.inputTextarea label {
    width: 70px;
    display: inline-block;
    position: relative;
    top: -5.8rem;
}

.inputTextarea textarea{
width:296px;
height:100px;
resize:none;
font-family:Arial;
font-size:11px;
margin:0px 0px 0px 5px;
border:1px solid #000;
}

.cms_submit{
background-color:#FFF;
border:1px solid #000;
color:#000;
margin:0px 0px 0px 5px;
float: right;
}

#footer{
	font-size:10px;
	height:45px;
}

#footer a{
	color:#000;
	text-decoration:none;
}

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

#footerLinks{
	margin:23px 0px 0px 73px;
        color: #fff;
}

#footerLinks a {
        color: #fff;
}

#footer #followUs{
	float:left;
	margin:0px 15px 0px 0px;
}

#footer #followUs img{
	margin:-4px 6px 0px 0px;
}
/* Stylesheet: fancybox Modified On 2012-05-25 10:26:44 */
/* FANCYBOX  -  version 1.3.4 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/modules/Gallery/templates/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-content img{
margin:0px 10px 0px 0px;
}


#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: 5px;
	right: 3px;
	width: 19px;
	height: 21px;
	background: transparent url('/images/gallery_close.png') 0 0;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font-size:12px;
font-family:Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('/modules/Gallery/templates/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	bottom: 3px;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/images/gallery_left.png');
}

#fancybox-right-ico {
	background-image: url('/images/gallery_right.png');
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 3px;
}

#fancybox-right:hover span {
	left: auto;
	right: 3px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/modules/Gallery/templates/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/modules/Gallery/templates/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/modules/Gallery/templates/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/modules/Gallery/templates/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/modules/Gallery/templates/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/modules/Gallery/templates/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/modules/Gallery/templates/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/modules/Gallery/templates/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0px 10px 0px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/modules/Gallery/templates/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('/modules/Gallery/templates/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('/modules/Gallery/templates/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('/modules/Gallery/templates/fancybox/fancybox.png') -55px -90px no-repeat;
}

.filmpje_titel{
padding:10px 0px 0px 0px;
}

/* IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
/* Stylesheet: style_tablet Modified On 2017-10-25 17:28:56 */
@media only screen 
   and (min-width : 768px) 
   and (max-width : 1024px)  {

#container {
   width: 100%;
}

.fullwidth {
   clear: both;
   display: inline-block;
   z-index: 200;
overflow-x: hidden;
}

.black {
   z-index: 100 !important;
}

p {
   line-height: 1.1;
}

#menu {
   width: 100%;
   background-color: #1f1f1f;
z-index: 9999;
height: 0;
}

#menu .mobile-menu {
    width: 45px;
height: 3.5rem;
display: block;
color:$white;
float:left;
    position: absolute;
    right: 50px;
    top: 5%;
}

#menu .mobile-menu span {
display: block;
			width: 100%;
			height: 100%;	
		    padding:0.5rem 1rem;
}

#menu .mobile-menu span .hamburger-menu {
margin: auto;
				width: 80%;
				height: 100%;
				cursor: pointer;	
}

#menu .mobile-menu span .bar{
position: relative;
				transform: translateY(1.2rem);
				background: rgba(255, 255, 255, 1);
				transition: all 0ms 300ms;
}


#menu .mobile-menu span .bar::before{
content: "";
				position: absolute;
				left: 0;
				bottom: 0.5rem;
				background: rgba(255, 255, 255, 1);
				transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);

}

#menu .mobile-menu span .bar::after{
content: "";
				position: absolute;
				left: 0;
				top: 0.5rem;
				background: rgba(255, 255, 255, 1);
				transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar, .bar:after, .bar:before {
				width: 100%;
				height: 0.2rem;
			}

#menu ul {
   margin: 0;
   display: none;
}

#menu ul li {
   width: 100%;
   background-color: #505050;
}

#menu ul li a {
   padding: 0;
    font-size: 1.5em;
    padding-top: 15px;
   padding-bottom: 15px;
}

#menu .cufon {
   width: 100% !important;
}

#contentTop {
   width: 100%;
   height: 100%;
   padding-top: 0;
}

#introVideo {
   width: 100%;
}

#introVideo iframe {
   width: 100%;
}

#introRechts {
   width: 100%;
   height: initial;
}

#introTekst {
   font-size: 20px;
   line-height: 1.1;
   margin-top: 15px;
}

#meerVideo {
   margin-bottom: 15px;
   width: 100%;
   position: relative;
}

#meerVideo a {
   float: right;
   margin-bottom: 30px;
    font-size: 20px;
    background-repeat: no-repeat;
    background-size: 110%;
    margin-top: 15px;
}

#sliderLeft {
   display: none;
}

#sliderRight {
   display: none;
}

#sliderContent {
   width: 87%;
   height: initial;
   margin: 0 10px;
   left: 7%;
}

#slides {
   position: relative;
   width: 100%;
   margin-left: 2px;
}

#slides .slide {
   width: 46%;
   margin-right: 20px;
   height: 250px;
   margin-bottom: 22px;
}

#slides .slide .sliderTitel {
   width: 100%;
   position: relative;
   left: 0;
   top: 31px;
padding: 0;
}

#slides .slide .sliderTitel h3 {
 padding: 9px 0px 7px 16px;
}

#slides .slide .video{
   width: 105%;
   height: 100%;
}

#slides .slide .imageHolder {
   width: 100%;
   position: relative;
   top: 0;
   left: 0;
   height: 250px;
}

#slides .slide .imageHolder img {
   width: 100%;
   margin: 0;
   height: 286px;
}



#followUs a img {
    height: 35px;
    width: 35px;
}

#footerLinks {
   font-size: 20px;
}



#contentLinks {
   width: 95%;
   float: right;
   margin: auto;
   margin-left: 40px;
}

#contentLinks .infoVideo {
   margin: 0 25px 25px 0;
   width: 278px;
   height: 160px;
}

#contentLinks .infoVideo img {
    width: 278px;
    height: 215px;
    margin: -28px 0px -21px 0px;
}

#contentLinks .infoVideo .overlay {
    width: 100%;
    height: 100%;
    background-position: center;
}

#contentLinks .infoVideo .overlay .video {
    width: 100%;
    height: 100%;
}

#contentRechts {
   width: 99%;
   float: left;
}

#contentRechtsTekst {
   font-size: 20px;
   margin-left: 40px;
   margin-right: 40px;
}

.dienst {
   width: 100%;
   margin: 10px 0px 18px 0px;
}

.dienstAfbeelding {
   margin: 0px 20px 0px 30px;
}

.dienstTekst {
   font-size: 20px;
   line-height: 1.1;
   width: 75%;
}

#meerInformatie {
   font-size: 16px;
   display: none;
}



.portfolioItem .portfolioTekst {
   font-size: 20px;
   line-height: 1.1;
   width: 60%;
}


#contactIntro {
   width: 100%;
   height: 100%;
}

#contactRechts {
   width: 100%;
   float: left;
}

#map {
   width: 100% !important;
}

#contactTitel {
   width: 100%;
}

#contactTitel h1 {
   padding-left: 2rem;
}

.cms_form {
   width: 100%;
}

.contactform {
   width: 100%;
    margin-bottom: 5rem;
}

.contactform tr {
   height: 35px;
}

.inputVeldMedium {
   font-size: 20px;
   padding-left: 25px;
}

.inputVeldMedium input {
   height: 30px;
   font-size: 20px;
   width: 95.5%;
}

.inputVeldMedium label{
   height: 30px;
   font-size: 20px;
   width: 90%;
    margin-left: 0.5rem;
    margin-top: .5rem;
}

.inputTextarea {
   font-size: 20px;
   padding-left: 25px;
}

.inputTextarea label {
  width: 100%;
  top: 0;
  margin-left: 0.5rem;
  margin-top: .5rem;
}

.inputTextarea textarea {
   width: 95%;
   font-size: 20px;
}

.cms_submit {
   float: right;
   margin-right: 45px;
   margin-top: 10px;
   font-size: 2em;
}

#portfolioIntroVideo {
  width: 100%;
}

#portfolioIntroVideo iframe {
   width: 100%;
}

#portfolioIntroRechts {
   width: 100%;
}

#portfolioIntroTekst {
   margin-top: 25px;
}

#portfolioIntroTekst p {
   font-size: 20px;
}

.portfolioItem {
   width: 90%;
   margin: 23px 0px 0px 32px;
}

#portfolioLogo {
    position: absolute;
    right: 25px;
    top: 7px;
    width: 70px;
}

#portfolioFotos {
   width: 100%;
   margin: 0;
   height: 100%;
   margin-top: 15px;
}

.portfolioFoto {
   width: 100%;
   margin-bottom: 15px;
}

.portfolioFoto img {
   width: 100%;
   height: 100%;
}

#contentBottom {
   clear: both;
}


}
/* Stylesheet: style_mobile Modified On 2017-10-25 17:30:25 */
@media only screen 
   and (max-width: 767px) {

#container {
   width: 100%;
}

.fullwidth {
   clear: both;
   display: inline-block;
   z-index: 200;
   overflow-x: hidden;
}

#logo {
   padding: 25px 0px 25px 0px;
}

#logo img {
   width: 50%;
}

.black {
   z-index: 100 !important;
}

#menu {
   width: 100%;
   background-color: #1f1f1f;
z-index: 9999;
height: 0;
}

#menu .mobile-menu {
    width: 45px;
height: 3.5rem;
display: block;
color:$white;
float:left;
    position: absolute;
        right: 5%;
    top: 2%;
}

#menu .mobile-menu span {
display: block;
			width: 100%;
			height: 100%;	
		    padding:0.5rem 1rem;
}

#menu .mobile-menu span .hamburger-menu {
margin: auto;
				width: 80%;
				height: 100%;
				cursor: pointer;	
}

#menu .mobile-menu span .bar{
position: relative;
				transform: translateY(1.2rem);
				background: rgba(255, 255, 255, 1);
				transition: all 0ms 300ms;
}


#menu .mobile-menu span .bar::before{
content: "";
				position: absolute;
				left: 0;
				bottom: 0.5rem;
				background: rgba(255, 255, 255, 1);
				transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);

}

#menu .mobile-menu span .bar::after{
content: "";
				position: absolute;
				left: 0;
				top: 0.5rem;
				background: rgba(255, 255, 255, 1);
				transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar, .bar:after, .bar:before {
				width: 100%;
				height: 0.2rem;
			}

#menu ul {
   margin: 0;
   display: none;
}

#menu ul li {
   width: 100%;
   background-color: #505050;
}

#menu ul li a {
   padding: 0;
    font-size: 1.5em;
    padding-top: 15px;
   padding-bottom: 15px;
}

#menu .cufon {
   width: 100% !important;
}

#contentTop {
   width: 100%;
   height: 100%;
   padding-top: 0;
}

#contentTopKort {
   padding: 10px 0px 40px 0px;
   z-index: 1;
   width: 100%;
}

#contentTopKort h1 {
   font-size: 2em;
}

#introVideo {
   width: 100%;
}

#introVideo iframe {
   width: 100%;
}

#introRechts {
   width: 100%;
   height: initial;
}

#introTekst {
   margin-top: 15px;
   font-size: 1.75em;
   line-height: 1.1;
}

#introTekst h1 {
   margin-bottom: 10px;
   font-size: 1.2em;
   line-height: 1.1;
}

#meerVideo {
   margin-bottom: 25px;
   width: 100%;
   position: relative;
}

#meerVideo a {
   float: right;
   margin-bottom: 25px;
    font-size: 2em;
    background-repeat: no-repeat;
    background-size: 120%;
    padding: 7px 10px 17px 60px;
}

#sliderLeft {
   display: none;
}

#sliderRight {
   display: none;
}

#sliderContent {
   width: 93%;
   height: initial;
   margin: 0 10px;
   left: 2%;
}

#slides {
   position: relative;
   width: 100%;
   margin-left: 2px;
}

#slides .slide {
   width: 100%;
   margin-right: 0;
   height: initial;
   margin-bottom: 26px;
}

#slides .slide iframe {
   width: 106% !important;
   height: 100% !important;
}

#slides .slide .sliderTitel {
   width: 100%;
}

#slides .slide .sliderTitel h3 {
   font-size: 2em;
}

#slides .slide .video{
   width: 105%;
   height: 100%;
}

#slides .slide .sliderTitel {
   width: 100%;
   position: relative;
   left: 0;
   top: 31px;
   padding: 0;
}

#slides .slide .sliderTitel h3 {
 padding: 9px 0px 7px 16px;
}

#slides .slide .imageHolder {
   width: 106%;
    position: relative;
    top: 0;
    left: 0;
    height: 250px;
    background-size: 100%;
}

#slides .slide .imageHolder img {
   width: 100%;
   margin: 0;
   height: 115%;
}


#followUs {
   width: 100%;
}

#followUs a img {
    height: 60px;
    width: 60px;
}

#footerLinks {
   font-size: 2em;
   margin-bottom: 35px;
   margin-left: 25px;
   margin-right: 25px;
}

#footer {
   height: 200px;
}


#contentLinks {
   width: 93%;
   float: none;
   margin-left: 15px;
   margin-right: 15px;
}

#contentLinks .infoVideo {
   margin: 0 25px 25px 0;
   width: 95%;
   height: 100%;
}

#contentLinks .infoVideo img {
        width: 103%;
    height: 135%;
    margin: -42px 0px 0px 0px;
}

#contentLinks .infoVideo .overlay {
    width: 100%;
    height: 100%;
    background-position: center;
}

#contentLinks .infoVideo .overlay .video {
    width: 100%;
    height: 100%;
}

#contentRechts {
   width: 99%;
   float: left;
}

#contentRechtsTekst {
   font-size: 2em;
   line-height: 1.1;
   margin-left: 35px;
   margin-right: 40px;
}

.dienst {
   width: 88%;
   margin-bottom: 25px;
}

.dienstAfbeelding {
   floatL left;
   width: 100%;
   margin-bottom: 15px;
}

.dienstTekst{
   font-size: 2em;
   float: left;
   width: 100%;
   line-height: 1.1;
}

#meerInformatie {
   font-size: 14px;
   display: none;
}

.portfolioItem {
    margin-bottom: 25px;
}

.portfolioItem .protfolioTekst {
   width: 100%;
}

.portfolioItem .portfolioTekst {
    font-size: 2em;
    float: left;
    line-height: 1.1;
    width: 100%;
}


#contactIntro {
   width: 100%;
   height: 100%;
}

#contactRechts {
   width: 100%;
   float: left;
}

#map {
   width: 99.8% !important;
}

#contactTitel {
   width: 100%;
}

#contactTitel h1 {
   padding-left: 25px;
   font-size: 45px;
}

.cms_form {
   width: 100%;
}

.contactform {
   width: 100%;
    margin-bottom: 5rem;
}

.contactform tr {
   height: 35px;
}

.contactform tr td {
   width: 100%;
}

#portfolioIntroVideo {
  width: 100%;
}

#portfolioIntroVideo iframe {
   width: 100%;
}

#portfolioIntroRechts {
   width: 100%;
}

#portfolioIntroTekst {
   margin-top: 25px;
   margin-bottom: 25px;
}

#portfolioIntroTekst p {
   font-size: 25px;
   line-height: 1.1;
}

#portfolioLogo {
    position: absolute;
    right: 25px;
    top: 7px;
    width: 70px;
}

.portfolioLogo {
   width: 100%;
   margin-bottom: 15px;
}

.portfolioLogo img {
    max-width: 200px;
}

.portfolioItem {
   width: 80%;
   margin-left: 10%;
}

#portfolioFotos {
   width: 100%;
   margin: 0;
   height: 100%;
   margin-top: 15px;
}

.portfolioFoto {
   width: 100%;
   margin-bottom: 15px;
}

.portfolioFoto img {
   width: 100%;
   height: 100%;
}

#contentBottom {
   clear: both;
}

.inputVeldMedium {
   font-size: 20px;
   padding-left: 25px;
}

.inputVeldMedium input {
   height: 30px;
   font-size: 20px;
   width: 95.5%;
}

.inputVeldMedium label{
   height: 30px;
   font-size: 20px;
   width: 90%;
    margin-left: 0.5rem;
    margin-top: .5rem;
}

.inputTextarea {
   font-size: 20px;
   padding-left: 25px;
}

.inputTextarea label {
  width: 100%;
  top: 0;
  margin-left: 0.5rem;
  margin-top: .5rem;
}

.inputTextarea textarea {
   width: 95%;
   font-size: 20px;
}

.cms_submit {
   float: right;
   margin-right: 13px;
   margin-top: 10px;
   font-size: 2em;
}


}