@import url(layout-menu.css);@font-face{font-family:DINPro-Regular;src:url(DINPro-Regular.otf)}@font-face{font-family:DINPro-Bold;src:url(DINPro-Bold.ttf)}body{margin:0;padding:0;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#000017;background:url(../images/isoluik-background.png) top center repeat-y #BBBCBE;width:100%;z-index:0;text-align:center}img{border:0;padding:0;margin:0}.justify{text-align:justify}.bold{font-weight:700}.italic{font-style:italic}.center{text-align:center}.right{text-align:right}.clear{clear:both}.hidden{display:none}.padded-left{padding-left:20px}h1{margin:0;padding:0 0 3px;font-size:14px;color:#8d9398;font-weight:700}.news-item-title{color:#A2A3A8}.news-main-title{color:#424556}h2{margin:0;padding:0 0 3px;font-size:14px;color:#9da3a8;font-weight:700}h6{margin:40px 0 0;padding:0;font-family:DINPro-Regular,"Myriad Pro",Verdana;font-size:24px;color:#9da3a8;font-weight:400;float:right}.trendsetter{font-family:DINPro-Bold,"Myriad Pro",Verdana;font-size:25px}.greyed-buffer{color:#58585a}hr{border:none;border-top:1px solid #E0E0E1;height:1px}p{margin:0;line-height:20px}a:link,a:visited{text-decoration:underline;color:#23408f}a:active,a:hover{text-decoration:underline;color:#132451}a.news-list-link:link,a.news-list-link:visited{text-decoration:none;color:#fff}a.news-list-link:active,a.news-list-link:hover{text-decoration:underline;color:#fff}a.news-link:link,a.news-link:visited{text-decoration:none;color:#424556}a.news-link:active,a.news-link:hover{text-decoration:underline;color:#fff}a.news-link-back:link,a.news-link-back:visited{text-decoration:none;color:#A2A3A8}a.news-link-back:active,a.news-link-back:hover{text-decoration:underline;color:#231f20}.miranda-link{text-decoration:none;color:#fff;-webkit-transition:text-shadow .2s linear;-moz-transition:text-shadow .2s linear;-ms-transition:text-shadow .2s linear;-o-transition:text-shadow .2s linear;transition:text-shadow .2s linear}.miranda-link-active{text-decoration:none;color:#fff;text-shadow:0 0 20px #fffffd}a.footer-link:link,a.footer-link:visited{text-decoration:none;color:#818285}a.footer-link:active,a.footer-link:hover{text-decoration:underline;color:#231f20}ul{margin:5px 0 0 15px;padding:0;line-height:18px}#cookie-container{position:absolute;top:0;left:0;width:100%;height:25px;text-align:center;color:#fff;background:#000;background:rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"}#cookie-container p{padding-top:4px;font:inherit}#cookie-container p a{text-decoration:none;color:#fff;font-weight:700}#cookie-container p a:hover{text-decoration:underline;color:#fff;font-weight:700}#header-container{width:100%;height:100px;margin:auto;background:#fff}#header-container #header-blok{width:980px;height:100px;margin:auto;background:#fff}#header-container #header-blok .isoluik-header-logo{float:left;margin:10px 0 0 20px}#product-linkage-container{width:100%;height:244px;margin:auto;background:#B2B3B6}#product-linkage-container #product-linkage-blok{width:980px;height:244px;margin:auto;background:#B2B3B6;position:relative;z-index:1;font-family:DINPro-Regular,"Myriad Pro",Verdana;font-size:18px;color:#fff;font-weight:700}#product-linkage-container #product-linkage-blok img{float:left;border-right:1px solid #fff;opacity:.4;filter:alpha(opacity=40)}#product-linkage-container #product-linkage-blok img.photo-linkage-selected{opacity:1;filter:alpha(opacity=100)}#product-linkage-container #product-linkage-blok img.photo-linkage-last{border:0}#product-linkage-container #product-linkage-blok img.photo-linkage-last-selected{border:0;opacity:1;filter:alpha(opacity=100)}#product-linkage-container #product-linkage-blok #kantoor-text,#product-linkage-container #product-linkage-blok #kantoor-text-active{position:absolute;margin:auto;top:185px;left:15px;z-index:2;text-align:left}#product-linkage-container #product-linkage-blok #zorg-text,#product-linkage-container #product-linkage-blok #zorg-text-active{position:absolute;margin:auto;top:185px;left:263px;z-index:2;text-align:left}#product-linkage-container #product-linkage-blok #woningbouw-text,#product-linkage-container #product-linkage-blok #woningbouw-text-active{position:absolute;margin:auto;top:185px;left:508px;z-index:2;text-align:left}#product-linkage-container #product-linkage-blok #vouwschuif-text,#product-linkage-container #product-linkage-blok #vouwschuif-text-active{position:absolute;margin:auto;top:209px;left:508px;z-index:2;text-align:left}#product-linkage-container #product-linkage-blok #particulier-text,#product-linkage-container #product-linkage-blok #particulier-text-active{position:absolute;margin:auto;top:185px;left:755px;z-index:2;text-align:left}#product-linkage-container #product-linkage-blok #verandashutter-text,#product-linkage-container #product-linkage-blok #verandashutter-text-active{position:absolute;margin:auto;top:185px;left:755px;z-index:2;text-align:left}#menu-buffer-container{width:1060px;height:1px;margin:auto}#menu-buffer-container img{float:left}#content-container{width:980px;min-height:200px;margin:auto;background:url(../images/content-background.png) top center no-repeat #fff}#content-container #content-main-blok{text-align:left;width:700px;min-height:200px;color:#231f20;background:inherit;padding:20px}#content-container #content-info-blok{float:right;text-align:left;padding:20px;width:200px;min-height:200px;color:#fff;background:#000}#content-container #content-text-blok{text-align:left;min-height:200px;color:#231f20;background:inherit;padding:20px}#home-container{width:980px;min-height:200px;margin:auto;background:url(../images/content-background.png) top center no-repeat #fff;color:#231f20;border-top:2px solid #fff}#home-container #home-main-blok{text-align:left;min-height:200px;color:#231f20;background:inherit;padding:20px}#content-container #content-referentie-blok{float:left;text-align:left;width:800px;color:#231f20;padding:20px}#content-container #content-referentie-back{float:right;height:35px;padding:20px}#content-container #content-referentie-back #content-referentie-back-text{float:right;height:35px;margin-top:8px;font-size:16px;font-weight:700;font-style:italic;color:#A2A3A8}#content-container #content-referentie-back #content-referentie-back-image{float:right;height:35px;padding-right:10px}#content-referenties{width:980px;margin:auto}#content-referenties table td.referentie-image{width:150px;height:150px;margin:0;padding:0}#content-referenties table td.referentie-text{width:340px;height:150px;margin:0;padding:0;font-size:12px}.referentie-background{background:#eee;background:-moz-linear-gradient(45deg,rgba(238,238,238,1) 0,rgba(204,204,204,1) 100%);background:-webkit-gradient(linear,left bottom,right top,color-stop(0,rgba(238,238,238,1)),color-stop(100%,rgba(204,204,204,1)));background:-webkit-linear-gradient(45deg,rgba(238,238,238,1) 0,rgba(204,204,204,1) 100%);background:-o-linear-gradient(45deg,rgba(238,238,238,1) 0,rgba(204,204,204,1) 100%);background:-ms-linear-gradient(45deg,rgba(238,238,238,1) 0,rgba(204,204,204,1) 100%);background:linear-gradient(45deg,rgba(238,238,238,1) 0,rgba(204,204,204,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=1)}.referentie-alternate-background{background:#ccc;background:-moz-linear-gradient(-45deg,rgba(204,204,204,1) 0,rgba(238,238,238,1) 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,rgba(204,204,204,1)),color-stop(100%,rgba(238,238,238,1)));background:-webkit-linear-gradient(-45deg,rgba(204,204,204,1) 0,rgba(238,238,238,1) 100%);background:-o-linear-gradient(-45deg,rgba(204,204,204,1) 0,rgba(238,238,238,1) 100%);background:-ms-linear-gradient(-45deg,rgba(204,204,204,1) 0,rgba(238,238,238,1) 100%);background:linear-gradient(135deg,rgba(204,204,204,1) 0,rgba(238,238,238,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#eeeeee', GradientType=1)}#content-referenties table td.referentie-text div{width:280px;height:120px;margin:0;padding:10px 30px 0}#content-referenties table td.referentie-text div table td{line-height:20px}#content-referenties table td.referentie-text div table td img{padding-top:5px}#content-referenties table td.referentie-text div table td.referentie-text-title{font-weight:700;color:#414042;font-size:14px}#content-referenties table td.referentie-text div table td.referentie-text-title a{text-decoration:none}#content-referenties table td.referentie-text div table td.referentie-text-title a:hover{text-decoration:underline}#content-referenties table td.referentie-text div table td.referentie-text-type{font-weight:700;padding-bottom:5px}#content-referenties table td.referentie-text div table td.referentie-text-link{font-weight:700;text-align:right;padding-right:10px;width:280px}#content-referenties table td.referentie-text div table td.referentie-text-link a{text-decoration:none}#content-referenties table td.referentie-text div table td.referentie-text-link a:hover{text-decoration:underline}#content-referenties #content-referenties-detail{width:940px;text-align:left;background:#F0F1F1;padding:20px}#content-referenties #content-referenties-image{width:980px;text-align:left;background:#F0F1F1;padding:0}#content-breadcrumbs{width:970px;margin:auto;height:20px;background:#F1F1F2;text-align:right;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;padding-right:10px}#content-breadcrumbs-alt{width:960px;margin:auto;height:20px;background:#F1F1F2;text-align:left;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;padding-left:20px}#news-container{width:980px;margin:auto}#news-container #news-cropper-text{width:940px;text-align:left;background:#F0F1F1;padding:20px}#news-container #news-cropper-image{width:980px;text-align:left;background:#F0F1F1;padding:0}#news-container #news-current-blok{float:left;width:736px;min-height:732px;text-align:left;background:#F0F1F1}#news-container #news-current-blok table td.news-text{width:204px;height:202px;padding:20px;text-align:left;border-bottom:2px solid #C2C8CC}#news-container #news-current-blok table td.news-text div{height:187px;overflow:hidden}#news-container #news-current-blok table td.news-text div.news-text-more{height:15px;clear:both}#news-container #news-current-blok table td.news-image{width:492px;height:244px;margin:0;padding:0}#news-container #news-list-blok{float:right;width:204px;min-height:692px;text-align:left;padding:20px;background:#BDBEC0;color:#fff}#news-container #news-list-blok table td{line-height:22px}#news-container #news-list-blok table td.news-list-date{color:#424556;font-weight:700;width:80px}#news-container table td.news-show-blok{width:736px;text-align:left;background:#F0F1F1;margin:0;padding:0}#news-container table td.news-show-blok #news-item-text{width:696px;padding:20px}#news-container table td.news-show-blok #news-item-text #news-item-date{float:left;height:35px;margin-top:8px}#news-container table td.news-show-blok #news-item-text #news-item-back{float:right;height:35px}#news-container table td.news-show-blok #news-item-text #news-item-back #news-item-back-text{float:right;height:35px;margin-top:8px;font-size:16px;font-weight:700;font-style:italic;color:#A2A3A8}#news-container table td.news-show-blok #news-item-text #news-item-back #news-item-back-image{float:right;height:35px;padding-right:10px}#news-container table td.news-show-blok #news-item-image{float:left;margin:0;padding:0}#news-container table td.news-list-col{width:204px;text-align:left;padding:20px;background:#BDBEC0;color:#fff}#news-container table td.news-list-col table td{line-height:22px}#news-container table td.news-list-col table td.news-list-date{color:#424556;font-weight:700;width:80px}#infocenter-header{width:980px;height:70px;border-bottom:2px solid #939394;margin:auto;background:url(../images/infocenter-header-bkg.png) top center repeat-x}#infocenter-header #infocenter-header-text{float:left;padding:20px 0 0 20px;font-family:DINPro-Bold,"Myriad Pro",Verdana;color:#fff;font-size:26px}#infocenter-header #infocenter-header-text .infocenter-header-text-norm{font-family:DINPro-Regular,"Myriad Pro",Verdana}#infocenter-container #infocenter-main-blok{text-align:left;min-height:200px;color:#231f20;background:inherit;padding:20px}#infocenter-container #infocenter-main-blok table{text-align:left;background:inherit}#infocenter-container #infocenter-main-blok table td{text-align:center;background:inherit;width:158px;padding:15px 10px}#infocenter-container #infocenter-main-blok table td p{font-weight:700}#infocenter-container #infocenter-main-blok table img{padding-bottom:10px}#infocenter-container #infocenter-cms-blok{text-align:left;min-height:200px;color:#231f20;background:inherit;padding:20px}#infocenter-container #infocenter-main-blok .pdf-icon-floated{float:left;padding-left:20px}#infocenter-container #infocenter-main-blok .dwg-icon-floated{float:right;padding-right:20px}#infocenter-container #infocenter-main-blok table td.kies-uw-luik-text{text-align:left;background:inherit;width:700px;padding:0}#infocenter-container #infocenter-main-blok table td.kies-uw-luik-text p{font-weight:400}#infocenter-container #infocenter-main-blok table td.kies-uw-luik-image{width:250px;padding-right:15px}#infocenter-container{width:980px;margin:auto;background:#F1F1F2}#infocenter-container #infocenter-offerte-blok{text-align:left;min-height:200px;color:#231f20;background:inherit;padding:20px}#infocenter-container #infocenter-offerte-blok table{padding:0;margin:0}#infocenter-container #infocenter-offerte-blok table td{padding:0;margin:0;line-height:26px}#infocenter-container #infocenter-offerte-blok table td.padding-form-input{padding-top:2px}#infocenter-container #infocenter-offerte-blok table.soort-luiken-table td{padding:0;margin:0;line-height:20px}#contact-container{width:980px;min-height:200px;margin:auto;background:#F0F1F1}#contact-container #contact-blok{text-align:left;padding:20px}#contact-container #contact-blok table{padding:0;margin:0}#contact-container #contact-blok table td{padding:0;margin:0;line-height:26px}#contact-container #contact-image-cms{text-align:left;padding:0}#contact-container #contact-blok #contact-times{float:right;width:235px;padding:0 20px;clear:none}#contact-container #contact-blok #contact-address{float:right;width:235px;padding:0 20px;clear:left}#general-container{width:980px;min-height:200px;margin:auto;background:#F0F1F1}#general-container #general-blok{text-align:left;padding:20px}#general-container #general-blok ul.sitemap-list{margin:5px 0 5px 13px;padding:0;line-height:18px;list-style:square}#general-container #general-blok ul.sitemap-list li{margin:0;padding:0}#general-container #general-blok ul.sitemap-list li ul{margin:5px 0 0;padding:0;list-style:circle}#footer-container{width:980px;height:36px;margin:auto;color:#818285;font-size:11px;background:url(../images/footer-background.png) top center no-repeat}#footer-container #footer-contact-blok{float:left;padding:10px 0 0 20px}#footer-container #footer-disclaimer-blok{float:right;padding:10px 20px 0 0}#footer-arrow-container{width:980px;margin:auto}#footer-arrow-container img{margin-top:-12px} @media all and ( max-width: 1080px ) { #cookie-container { height: auto; width: 90%; padding: 10px 5%; } #header-container #header-blok { width: 90%; } #header-container #header-blok a { float: left; width: 150px; } #header-container #header-blok h6 { float: right; width: calc( 100% - 150px ); text-align: right; } #header-container #header-blok .isoluik-header-logo { margin-left: 0px !important; float: none; width: 100%; height: auto !important; } #menu-container { width: 100% !important; } #menu-container > ul { width: 100% !important; display: table !important; } #menu-container > ul > li { display: table-cell !important; float: none; background-color: #E6E6E6; height: 31px; overflow: hidden; } #menu-container > ul > li:before { line-height: 31px; font-size: 14px; font-weight: bold; height: 31px; width: 100%; background-color: #919191; color: #fff; display: block; } #menu-container > ul > li:nth-child(1):before { content: 'Home'; } #menu-container > ul > li:nth-child(2):before { content: 'In beeld'; } #menu-container > ul > li:nth-child(3):before { content: 'Nieuws'; } #menu-container > ul > li:nth-child(4):before { content: 'Referenties'; } #menu-container > ul > li:nth-child(5):before { content: 'Productgroepen'; } #menu-container > ul > li:nth-child(6):before { content: 'Technische info-center'; } #menu-container > ul > li:nth-child(7):before { content: 'Contact'; } #menu-container > ul > li:nth-child(4) { width: 123px } #menu-container > ul > li:nth-child(5) { width: 158px; } #menu-container > ul > li:nth-child(6) { width: 215px; } #menu-container > ul > li > img { display: none; } #menu-container > ul > li > a { width: auto !important; height: auto !important; background: #E6E6E6 !important; text-indent: 0 !important; line-height: 31px; color: #3E3F41; font-size: 14px; font-weight: bold; margin-top: -31px; } #menu-container ul ul { margin: 0; } #menu-buffer-container { display: none; } #isoluik-portal { width: 100% !important; float: left !important; height: auto !important; } #isoluik-portal #portal-particulier, #isoluik-portal #portal-architect { width: 50% !important; height: auto !important; } #isoluik-portal #portal-bouwbedrijf, #isoluik-portal #portal-showroom { width: 100% !important; height: auto !important; } #isoluik-portal img.portal-image { width: 100%; height: auto !important; } #isoluik-portal #portal-particulier #particulier-button, #isoluik-portal #portal-particulier #particulier-text, #isoluik-portal #portal-architect #architect-button, #isoluik-portal #portal-architect #architect-text, #isoluik-portal #portal-bouwbedrijf #bouwbedrijf-button, #isoluik-portal #portal-bouwbedrijf #bouwbedrijf-text, #isoluik-portal #portal-showroom #showroom-button { top: auto !important; bottom: 20px !important; text-align: left !important; } #isoluik-portal #portal-showroom #showroom-button { width: 30% !important; max-width: 200px !important; min-width: 100px !important; } #isoluik-portal #portal-showroom #showroom-button img { height: auto !important; width: 100%; } #footer-container { background-size: cover; height: auto; } #footer-arrow-container img { margin-top: 10px; } #content-breadcrumbs { height: 30px; padding-right: 0; } #content-breadcrumbs p { padding-right: 15px; line-height: 30px; } #home-container, #content-breadcrumbs, #footer-container, #footer-arrow-container { width: 100%; height: auto; min-height: 30px; } #product-linkage-container { background: none; height: auto; } #product-linkage-container #product-linkage-blok { width: 100%; float: left; height: auto; } #product-linkage-container #product-linkage-blok img { width: calc( 25% - 1px ) !important; height: auto; } #product-linkage-container #product-linkage-blok #kantoor-text, #product-linkage-container #product-linkage-blok #kantoor-text-active { bottom: 20px; top: auto; width: 20%; } #product-linkage-container #product-linkage-blok #zorg-text, #product-linkage-container #product-linkage-blok #zorg-text-active { bottom: 20px; top: auto; left: calc( 25% + 15px ); width: 20%; } #product-linkage-container #product-linkage-blok #woningbouw-text, #product-linkage-container #product-linkage-blok #woningbouw-text-active { bottom: 20px; top: auto; left: calc( 50% + 15px ); width: 20%; } #product-linkage-container #product-linkage-blok #vouwschuif-text, #product-linkage-container #product-linkage-blok #vouwschuif-text-active { bottom: 20px; top: auto; left: calc( 50% + 15px ); width: 20%; } #product-linkage-container #product-linkage-blok #particulier-text, #product-linkage-container #product-linkage-blok #particulier-text-active { bottom: 20px; top: auto; left: calc( 75% + 15px ); width: 20%; } #product-linkage-container #product-linkage-blok #verandashutter-text, #product-linkage-container #product-linkage-blok #verandashutter-text-active { bottom: 20px; top: auto; left: calc( 75% + 15px ); width: 20%; } #content-container { width: 100% !important; } #content-container #content-referentie-blok { width: 90% !important; padding: 20px 5%; } #miranda-cycles { width: 100% !important; height: auto !important; position: relative; overflow: hidden; padding-top: 56.25%; } #miranda-cycles iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } #video-referentie-blok { width: calc( 100% - 40px ) !important; } #referenties-container, .theme-default .nivoSlider { width: 100% !important; } #referenties-container, .theme-default .nivoSlider, .theme-default .nivoSlider img { height: auto !important; } #content-referenties { width: 100%; } #content-referenties > table { width: 100%; } #content-referenties table td.referentie-image { display: inline-block; float: left; } #content-referenties table td.referentie-text.referentie-background { width: calc( 100% - 150px ); float: left; } #content-referenties table td.referentie-text.referentie-alternate-background { width: calc( 100% - 150px ); float: left; } #content-referenties table td.referentie-text div { width: auto !important; } #content-referenties table td.referentie-text div table { width: 100% !important; } #content-referenties table td.referentie-text div table td.referentie-text-link { float: right; width: auto; } #news-container { width: 100%; } #news-container > div { display: block !important; float: none !important; } #news-current-blok { width: 100% !important; } #news-current-blok table { width: 100% !important; border-spacing: 0px; } #news-current-blok table td { width: 50% !important; height: auto !important; } #news-current-blok table td.news-text div { height: auto !important; } #news-current-blok table td.news-image { border-bottom: 2px solid #C2C8CC; } #news-current-blok table td.news-image img { width: 100%; height: auto; } #news-list-blok { width: 80% !important; padding: 20px 10% !important; } #news-container > table { width: 100%; border-spacing: 0px; } #news-container table td.news-show-blok { width: 65% !important; } #news-container table td.news-show-blok #news-item-text { width: 90% !important; padding: 20px 5% !important; } #news-container table td.news-show-blok #news-item-image { width: 100%; float: none; } #news-container table td.news-show-blok #news-item-image img { width: 100%; } #news-container table td.news-list-col { width: 35% !important; } #infocenter-header { width: 100%; } #infocenter-container { width: 100%; } #infocenter-container #infocenter-main-blok table { width: 100%; } #infocenter-container #infocenter-main-blok table td { float: left; width: calc( 20% - 20px ); } #content-breadcrumbs-alt { width: calc( 100% - 30px ); padding: 5px 15px; height: auto; } #contact-container { width: 100%; } #contact-container table { max-width: 100% !important; width: auto !important; height: auto !important; } #contact-container table td { max-width: 45% !important; } } @media all and ( max-width: 800px ) { #header-container #header-blok h6 { width: calc( 100% - 175px ); margin-top: 25px; } #footer-container #footer-contact-blok { display: block; float: none; text-align: center; padding: 0 5%; padding-top: 10px; } #footer-container #footer-disclaimer-blok { display: block; float: none; text-align: center; padding: 10px 5%; line-height: 20px; } #menu-container { height: 0px; border-top: 2px solid #E6E6E6; overflow: hidden; } #menu-container:before { position:absolute; right: 3%; top: 30px; height: 40px; padding: 0 10px; line-height: 40px; border-radius: 5px; font-weight: bold; content: 'MENU'; text-align: center; background-color: #E6E6E6; } #header-container #header-blok { margin-left: 5%; width: 80%; } #menu-container > ul { display: block !important; } #menu-container > ul > li { display: block !important; } #menu-container > ul > li:nth-child(4) { width: auto; } #menu-container > ul > li:nth-child(5) { width: auto; } #menu-container > ul > li:nth-child(6) { width: auto; } #menu-container > ul > li { height: auto; } #menu-container ul ul { display: block; position: initial; margin-bottom: 10px; box-shadow: none !important; } #menu-container ul ul li { width: auto !important; height: auto !important; background: none !important; padding: 5px 0 !important; } #menu-container ul ul li div { width: auto !important; height: auto !important; border: 0px !important; } #menu-container ul ul li a { color: #3E3F41 !important; padding: 0px !important; line-height: 20px; } #news-container table td.news-show-blok { width: 100% !important; display: block; } #news-container table td.news-list-col { width: 90% !important; padding: 20px 5% !important; display: block; } #infocenter-container #infocenter-main-blok table td { float: left; width: calc( 25% - 20px ); } #infocenter-header #infocenter-header-text { font-size: 20px; padding: 0; padding-left: 20px; line-height: 70px; } #infocenter-header #infocenter-header-text .infocenter-header-text-norm { display: none; } /* #infocenter-offerte-blok input[type=text] { max-width: 200px !important; }*/ #contact-container td { display: block; width: 100%; } #contact-container input, #contact-container select { width: calc( 100% - 6px ) !important; padding: 3px; } #contact-container table td { max-width: 100% !important; width: 100% !important; } } @media all and ( max-width:600px ) { #menu-container:before { top: 20px; } #header-container #header-blok { width: 100%; margin-left: 0; } #header-container #header-blok h6 { margin-top: 0px; } #header-container #header-blok a { width: 100px; display: block; float: none; margin: 0 auto; } #header-container #header-blok h6 { display: block; float: none; font-size: 16px; width: 100%; text-align: center; margin-top: 10px; } #header-container #header-blok h6 .trendsetter { font-size: 17px; } #header-container #header-blok a { display: block; } #isoluik-portal #portal-particulier, #isoluik-portal #portal-architect { width: 100% !important; height: auto !important; } #product-linkage-container #product-linkage-blok img { width: calc( 50% - 1px ) !important; height: auto; } #product-linkage-container #product-linkage-blok #kantoor-text, #product-linkage-container #product-linkage-blok #kantoor-text-active { bottom: calc( 50% + 20px ); width: 40%; } #product-linkage-container #product-linkage-blok #zorg-text, #product-linkage-container #product-linkage-blok #zorg-text-active { bottom: calc( 50% + 20px ); left: calc( 50% + 15px ); width: 40%; } #product-linkage-container #product-linkage-blok #woningbouw-text, #product-linkage-container #product-linkage-blok #woningbouw-text-active { left: 15px; width: 40%; } #product-linkage-container #product-linkage-blok #vouwschuif-text, #product-linkage-container #product-linkage-blok #vouwschuif-text-active { left: 15px; width: 40%; } #product-linkage-container #product-linkage-blok #particulier-text, #product-linkage-container #product-linkage-blok #particulier-text-active { left: calc( 50% + 15px ); width: 40%; } #product-linkage-container #product-linkage-blok #verandashutter-text, #product-linkage-container #product-linkage-blok #verandashutter-text-active { left: calc( 50% + 15px ); width: 40%; } #content-referenties > table > tbody > tr { background: linear-gradient(45deg,rgba(238,238,238,1) 0,rgba(204,204,204,1) 100%); } #content-referenties table td.referentie-image { float: left; width: 30%; height: auto; clear: both; } #content-referenties table td.referentie-image img { width: 100%; height: auto; } #content-referenties table td.referentie-text { width: 70% !important; height: auto !important; background: none; } #content-referenties table td.referentie-text div { height: auto !important; } #content-referenties table table tr:nth-child(3) { display: none; } #content-referenties table td.referentie-text div table td.referentie-text-link { float: none; text-align: left; } .nivo-controlNav { display: none; } .nivo-caption { font-size: 20px !important; } #news-current-blok table td.news-text { width: 100% !important; } #news-current-blok table td.news-image { display: none; } #infocenter-container #infocenter-main-blok table td { float: left; width: calc( 50% - 20px ); } #infocenter-header #infocenter-header-text { font-size: 14px; } } @media all and ( max-width: 400px ) { #header-container #header-blok h6, #header-container #header-blok h6 .trendsetter { font-size: 12px; } #content-referenties table td.referentie-image { float: none; display: block; width: 100%; text-align: center; margin-top: 15px; } #content-referenties table td.referentie-image img { width: 80%; } #content-referenties table table tr:first-child { display: none; } #content-referenties table table tr td:nth-child(1) { display: none; } #content-referenties table table tr td:nth-child(2) { display: none; } #content-referenties table table tr:nth-child(3) { display: block; } #content-referenties table td.referentie-text { width: 100% !important; } #content-referenties table td.referentie-text div { padding: 0px; width: 80%; margin: 20px 10%; } #infocenter-container #infocenter-main-blok table td { float: left; width: calc( 100% - 20px ); } }