@media screen and (max-width: 1280px) {
  .sliderKader {width: auto;margin:0 auto;}
  section.slider {width: 100%;}
}

@media screen and (max-width: 1100px) {
  header, .logoMenu, section.infoBar, section.infoBarOnly, nav.sitemap, section.content, section.services {padding:0 15px 0 25px;}
  .slideText {left:5%;}
  a.offshoreIndex {width: 845px;}
}

@media screen and (max-width: 1040px) {
ul.slimmenu li a {padding: 0 10px;}
section.indexBlocksTop {min-height:340px;}
	section.indexBlocksTop .container {margin:0 2%;max-width:96%;width:96%;}
	.bgIndexBlocksTop {padding:15px 30px;top:-130px;}
	   article.indexBlockTop {width:29%;}
    	   img.indexBlockTopPic, article.indexBlockTop:last-child div img {/*width:30%;height:auto;*/}
    		article.indexBlockTop:first-child {margin:0 25px 20px 0;/*width:26%;*/clear:both;overflow:hidden;font-size:.86em;}
    		  article.indexBlockTop:first-child h2 a {font-size:1.063em;}
    		  article.indexBlockTop:first-child .btn {font-size:inherit;}
    		      article.indexBlockTop .newsitem {margin:0 0 23px 0;}
    		  article.indexBlockTop:last-child {margin:0 0 0 60px;}
    		  
section.slider, .flexslider, .flex-viewport {height:470px;max-height:470px;}
.flexslider img {max-width:100%;height:auto;width:auto\9;}
.flex-direction-nav a {top:45%;}
section.indexBlocksUnder {padding:0 35px 25px 20px;}
nav.sitemap ul.level2.dropdown {margin-top:5px;}
#frm input.submit {margin-right:26%;}
}

@media screen and (max-width: 980px) {
  a.offshoreIndex {width: 745px;} 
.indexBlockPageLeft .picPage {width:84%;}
.flex-direction-nav a {top:40%;}
section.infoBar input[type=text], section.infoBar input[type=email], section.infoBar textarea {width:80%;}
#frm input.submit {margin-right:23%;}
}

@media screen and (max-width: 930px) {
section.indexBlocksTop {min-height:328px;}	
.bgIndexBlocksTop {top:-170px;}
.indexBlockPageLeft .picPage {width:90%;}
.indexBlockPageLeft .textPage {width:48%;}
.slideText {width:70%;}
.slideText h1 {line-height:80%;}
table.management tr td:first-child {padding-right:10px;}
table.management tr td:nth-child(2) p {margin-top:8px;}
#frm input.submit {margin-right:21%;}
}

@media screen and (max-width: 870px) {
 a.offshoreIndex {width: 700px;} 
.indexBlockPageLeft .picPage {width:100%;}
.flex-direction-nav a {top:37%;}
.slideText {left:6%;}
.contentAll.floatLeft, section.BlocksTop, section.services {width:100%;clear:both;}
.bgBlocksTop, section.webfolio .bgBlocksTop, section.services .bgBlocksTop {float:left;clear:both;position:inherit;top:auto;right:auto;left:auto;width:100%;margin:4% 0 6%;}
	article.BlockTop {clear:both;width:100%;}
		article.BlockTop h2 {margin-top:0;margin-left:10px;}
#frm input.submit {margin-right:45%;}
}

@media screen and (max-width: 786px) {
section.indexBlocksTop {min-height:100px;}
  a.offshoreIndex {width: 100%;}
   /*img.indexBlockTopPic, article.indexBlockTop:last-child div img {width: 210px;height: 132px;}*/
    article.indexBlockTop:first-child {margin:0 25px 20px 0;clear:both;overflow:hidden;font-size:.58em;}
      article.indexBlockTop h2 {text-overflow: ellipsis;width:217px;white-space: nowrap;overflow: hidden;color:#EE4622;}
      article.indexBlockTop:first-child .margT {padding:15px 22px 15px 15px;font-size: 2em;}
      article.indexBlockTop:first-child h2 a {font-size:1.65em;}
      article.indexBlockTop:first-child .btn {font-size:1.45em;}
          article.indexBlockTop .newsitem {margin:0 0 8px 0;}
      article.indexBlockTop:last-child {margin:0 0 0 48px;}
    .stempel {width:77px;height:74px;background: url('/images/stempel-small.png') no-repeat left top;top: 0;}
}

@media screen and (max-width: 742px) {
section.sliderPage, section.sliderPage .flexslider, section.sliderPage .flexslider img, section.sliderPage .flex-viewport {height:240px;max-height:240px;}
.flex-direction-nav a {top:35%;}
.slideText {left:7%;width:78%;}
section.indexBlocksTop {min-height:312px;}
.bgIndexBlocksTop {top:-200px;}
article.indexBlockTop {width:275px;}
section.indexBlocksUnder {padding:0 35px 25px 15px;}
	section.indexBlocksUnder h3 {font-size:1.25em;margin-bottom:10px;}
	section.indexBlocksUnder .textPage p {font-size:.938em;line-height:1.5em;}
.indexBlockPageRight div.clearboth:first-child {display:block;overflow:hidden;margin-bottom:15%;}
.slideText h1 {font-size:2.25em;}
.slideText p {line-height:1.225em;font-size:1.125em;margin:10px 0;}
.indexBlockPageLeft.floatLeft, .indexBlockPageRight.floatRight {clear:both;width:100%;}
	.indexBlockPageLeft .textPage.floatRight {margin-left:36%;margin-right:4%;}
.indexBlockPageRight.floatRight {margin-top:56px;padding-left:5%;}
.indexBlockPageRight div.clearboth, .indexBlockPageRight div.clearboth:first-child {margin:0; display:block;overflow:hidden;}
.indexBlockPageRight .textPage.floatLeft .clearBoth {clear:none;display:inline-block;}
#frm input.submit {margin-right:34%;}
}

@media screen and (max-width: 685px) {
section.sliderPage, section.sliderPage .flexslider, section.sliderPage .flexslider img, section.sliderPage .flex-viewport {height:220px;max-height:220px;}
.bgIndexBlocksTop {top:-220px;}
section.indexBlocksUnder {padding:0 35px 25px 13px;}
section.indexBlocksTop {min-height:575px;}
article.indexBlockTop {width:auto;}
article.indexBlockTop:nth-child(2), article.indexBlockTop:last-child {clear:both;margin:0 0 15px 0;min-height:267px;}
section.infoBar .quickForm input[type="submit"] {clear:both;margin:10px 0 0 0;}
section.services section.BlocksTop {margin-top:3%;}
#frm input.submit {margin-right:29%;}
}

@media screen and (max-width: 676px) {
#menu li.level1 a {padding:0 5px;}
.infoBarOnly .quickInfoDetails .contactDetails {display:inline-block;width:auto;margin:0 6% 8% 0;}
#frm input.submit {margin-right:22%;}
}

@media screen and (max-width: 596px) {
section.sliderPage, section.sliderPage .flexslider, section.sliderPage .flexslider img, section.sliderPage .flex-viewport {height:180px;max-height:180px;}
.flex-control-nav {display:none;}
.flex-direction-nav a {top:28%;}
.bgIndexBlocksTop {top:-260px;padding:3px 2%;}
.indexBlockPageRight.floatRight {margin-top:0;padding-left:5%;}
.quickForm{display:none;}
.quickInfoDetails {width:100%;clear:both;}
.indexBlockPageLeft .picPage {padding-left:0;}
.indexBlockPageLeft .textPage.floatRight {width:100%;margin:130px 0 0 0;padding-left:13px;}
	input#search {width:auto;}
.slideText {top:15px;}
.breadcrumb {margin-bottom:2%;}
	.breadcrumb .arrowIcon {margin:6px;}
table.management tr td:first-child {padding-right:15px;}
table.management tr td:nth-child(2) p {margin-top:8px;line-height:140%;}
#frm input.submit {margin-right:15%;}
}

@media screen and (max-width: 530px) {
section.sliderPage, section.sliderPage .flexslider, section.sliderPage .flexslider img, section.sliderPage .flex-viewport {height:160px;max-height:160px;}
#frm input.textfield, #frm textarea, #frm .formRegel label {width:92%;}
#frm label {background:none;padding:0;margin:0;margin-top:8px;}
#frm label.trans {display:none;}
#frm input.submit {margin-top:5px;}
.velden_verplicht_melding, .form_melding {padding:0;margin-bottom:8px;}
#frm input.submit {margin-right:6%;margin-top:5%;}
}

@media screen and (max-width: 500px) {
.newsItem .newsIntro {width:100%;clear:both;margin-top:4%;}
	.newsItem .newsIntro p {margin:1% 0;}
.nieuwslinkjes a.newsDownload, .nieuwslinkjes a.newsBack {float:left;width:100%;clear:both;}
.nieuwslinkjes a.newsBack {margin-top:6%;}
}

@media screen and (max-width: 420px) {
  section.indexBlocksTop {min-height:0;}
  a.offshoreIndex img {width: 60%;}
section.sliderPage, section.sliderPage .flexslider, section.sliderPage .flexslider img, section.sliderPage .flex-viewport {height:140px;max-height:140px;}
.flex-direction-nav a {top:19%;}
.slideText {left:9%;}
	.slideText h1 {font-size:1.7em;}
	.slideText p {line-height:1em;font-size:1em;margin:5px 0;}
.bgIndexBlocksTop {top:-295px;padding:3px 2%;}
ul li a.logo img {width:200px;}
.logoMenu nav {padding:18px 0 0 0;}
#frm input.submit {margin-right:5%;margin-top:5%;}
}
