html{
	margin:0px;
	padding:0px;
}

body{
	margin:0px; 
	width:100%; 
	height:100%;
	float:left;
	padding:0px;
	font-weight:300;
	color: #333;
	font-family: "alverata-pe",serif;
	font-size: 15px;
	line-height: 1.5;
	letter-spacing:0.05em;
	background:#111;
-webkit-font-smoothing: antialiased;
}


.roelbio{position:absolute; right:52%; top:76%; width:80px; height:90px; z-index:2; display:block;}
.owl-item { -webkit-transform: translateZ(0); }
.mobileonly{display:none!important;}
.mobileno{display:block!important;}

h1{ font-size:80px; line-height:75px; font-weight:400; margin:0px; padding:0px; text-transform:uppercase;}

h2{ font-size:65px; line-height:75px; font-weight:400; margin:0px; padding:0px; margin-bottom:20px; }

h3{ font-size:45px; line-height:40px; font-weight:400; margin:0px; padding:0px; margin-bottom:20px; }


newsteaser{ font-size:20px; line-height:28px; font-weight:normal; margin:0px; padding:0px; letter-spacing:0em;}

bodytext{ font-size:36px; line-height:50px; font-weight:normal; margin:0px;  padding:0px; }

bodytext a{color:inherit;}

color1{color:#f8e500;}

color2{color:#fff;}

color3{color:#333;}

color4{color:#0691c8;}

color1 a, color2 a, color3 a, color4 a{color:inherit;}

.innercontent{float:left; width:80%; display:block; height:auto; margin:150px 10%; text-align:center;}

.newsfact{display:inline-block; float:none; margin:0px 5%; text-align:center;}

.arrowup{ cursor:pointer;  position:fixed; z-index:3; bottom:350px; right:0px; width:30px; height:30px; padding:10px; background:#111; text-align:center; display:none;}

.arrowup:hover{background:#333;}


.buttonroel{ cursor:pointer; width:auto; float:none; display:inline-block; width:30px; height:30px; padding:10px; margin:0px; margin-top:20px; position:relative; background:#eee; }

.buttonroels{ cursor:pointer; width:auto; float:none; display:inline-block; width:auto; height:30px; padding:10px; margin:0px; background:#0691c8; }
.buttonroels:hover{ cursor:pointer; width:auto; float:none; display:inline-block; width:auto; height:30px; padding:10px; margin:0px; background:#f8e500; }


.closeme{cursor:pointer;  width:30px; height:30px; padding:10px; margin:0px; margin-top:20px; position:absolute; top:30px; right:30px;  }

.buttonroel_no{ cursor:pointer; width:auto; float:none; display:none; width:30px; height:30px; padding:10px;  margin:0px; margin-top:20px; position:relative; background:#eee;}


.buttonroel_small{ cursor:pointer; width:auto; float:none; display:inline-block; width:30px; height:30px; padding:10px;  margin:0px; margin-top:10px; position:relative; background:#f8e500; }

.buttonroel:hover,.buttonroel_no:hover{ background:#f8e500;}
.buttonroel_small:hover{ background:#fff;}
.closeme:hover{background:#fff;}

.pagenote{ position:absolute; top:30px; left:30px; display:block; font-size:24px; font-weight:bold; color:#333; z-index:2;}

img{
	width:100%; height:auto; float:left; margin:0px; position:relative;
}

.mainmenucontainer{
	width:100%; height: 0px; overflow:visible; float:left; display:block;  position:fixed;	z-index:2; max-width:1600px;
}

.mainmenu{
	width:100%; height: 200px; float:left; display:block; text-align:center; position:relative;	pointer-events:none; background:tranparent;

}

.postje img{float:left; width:100%; height:auto; margin:20px 0;}

.mmback{position:absolute; z-index:1; position:absolute; top:0px; left:0px; width:100%; height:60px; opacity:0;  background:#0691c8; background:#292d45;
-webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out; }

.mainmenuitem,.mainmenuitem1,.mainmenuitem2,.mainmenuitem3,.mainmenuitem3b,.mainmenuitem4,.mainmenuitem5{ pointer-events:auto;
	cursor:pointer; width:auto; padding:20px 12px 18px 12px; margin:0px; float:none; display:inline-block; font-weight:700; background:transparent; color:#fff; position:relative; letter-spacing:0.15em; z-index:2;
}

.mainmenuitem1{ padding:0px; width:40px; height:60px; float:left; margin-left:20px; margin-top:-1px;}

.mainmenuitem3{ padding-right:3px; }
.mainmenuitem3b{ padding-left:3px; }

.mainmenuitem1:hover, .mainmenuitem2:hover, .mainmenuitem3:hover, .mainmenuitem3b:hover,.mainmenuitem4:hover, .mainmenuitem5:hover{
	background:#292f44;
	color:#ddd;
}
 
	.footnote{float:none; display:inline-block; margin:0 5px; position:relative;}
	 .footnote a{color:#fff;}
	 .footnote a:hover {color:#ECD310;}
	 
.backgradient{position:absolute; z-index:1; bottom:0px; left:0px; width:100%; height:220px; background-image:url('img/gradientblack.png'); display:block;opacity:0.1; background-size: 12px 220px; pointer-events:none;}

.activemenu{
	background:#111;
	color:#f8e500;
}

.activemenu:hover{
	background:#292f44;
	color:#f8e500;
}


.mainmenuitem1.activemenu{background:transparent;}


.blok1{
	width:100%; margin:0px; float:left; height:auto; display:block; position:relative; background:#0691c8; z-index:0; 
}

.blok2{
	width:100%; margin:0px; float:left; height:auto; display:block; position:relative; background:#eee; z-index:0;
}

.blok2b{
	width:100%; margin:0px; float:left; height:auto; display:block; position:relative; background:#eee; z-index:0; max-height:0px; overflow:hidden;
	-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.blok3{
	width:100%; margin:0px; float:left; height:auto;  display:block; position:relative; background:#f7f7f7; z-index:0;
}


.blok3b{
	width:100%; margin:0px; float:left; height:auto;  min-height:300px; display:block; position:relative; background:#f7f7f7; z-index:0;
}


.blok4{
	width:100%; margin:0px; float:left; height:auto;  display:block; position:relative; background:#f8e500; z-index:0;
}


.blok4b{
	width:100%; margin:0px; float:left; height:auto; overflow:hidden; max-height:0px; display:block; position:relative; background:#F1D307; z-index:0;
-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  }


.blok5{
	width:100%; margin:0px; float:left; height:auto; display:block; position:relative; background:#fff; z-index:0;
}

.blok6{
	width:100%; margin:0px; float:left; height:auto; display:block; position:relative; background:#0692c9; z-index:0; text-align:center;
}

.blok7{
	width:100%; margin:0px; float:left; height:400px; display:block; position:relative; background:#292d45; z-index:0;
}




#topslider{width:100%; height:auto; float:left; position:relative; display:block;}

#topslider2{width:100%; height:auto; float:left; position:relative; display:block;}


.linkedinlogo{width:30%; height:auto; position:relative; float:none; display:inline-block; margin:100px 0px; z-index:1;}

.linkedinlogo2{width:20%; min-width:100px; height:auto; position:absolute; display:block; left:10%; bottom:6%; z-index:1;}





@media screen and (max-width: 767px) {	
.pagenote{display:none;}
.innercontent{margin:100px 10%;}



.backgradient{position:absolute; z-index:1; bottom:0px; left:0px; width:100%; height:110px; background-image:url('img/gradientblack.png'); display:block;opacity:0.1; background-size: 9px 165px; pointer-events:none;}

.mobileno{display:none!important;}
.mobileonly{display:block!important;}
.mainmenuitem1{ display:none;}
.mainmenuitem3, .mainmenuitem3b{padding:20px 12px 18px 12px;}

.roelbio{position:absolute; left:30%; top:59%; width:80px; height:90px; z-index:2; display:block;}

h1{ font-size:50px; line-height:50px; font-weight:600; margin:0px; padding:0px; }

h2{ font-size:40px; line-height:44px; font-weight:600; margin:0px; padding:0px; margin-bottom:20px; }

newsteaser{ font-size:18px; line-height:24px; font-weight:400; margin:0px; padding:0px; letter-spacing:0em;}

bodytext{ font-size:20px; line-height:27px; font-weight:400; margin:0px;  padding:0px; }


.linkedinlogo{width:50%; height:auto; position:relative; float:none; display:inline-block; margin:100px 0px; z-index:1;}


}

@media screen and (min-width: 1600px) {	
.mainmenucontainer, .blok1, .blok2, .blok3, .blok3b, .blok4, .blok5, .blok6, .blok7{width:1600px; margin-left:50%; left:-800px;}

}