/*-------------------------------------------------------------------------------------------------- Body and text --------------------------------------------------------------------------------------------------*/ body {font: normal 12px/18px Arial, Helvetica, Sans-serif; color: #000; background: #f5f5f5;} .openmenu { display: none; } h1 {font: normal 1.6667em/1.3em Arial, Helvetica, Sans-serif; color: #007ac3; margin: 0 0 1em;} h2 {font: bold 1.4em/1.3em Arial, Helvetica, Sans-serif; color: #007ac3; margin: 0 0 0.5em;} h3 {font: normal 1.1667em/1.3em Arial, Helvetica, Sans-serif; color: #007ac3; margin: 0 0 0.5em;} h3.group {padding-top: 15px; font: bold 14px/18px sans-serif; border-top: solid 0px #ccc; clear: both;} .clearer {height: 0; font-size: 0; line-height: 0; clear: both;} .structural, h1 span {position: absolute; left: -9999em;} p.responsivewarning { display: none; } .mobilemenu { display: none; } .hide {display: none;} .show {display: inline;} .show-table {display: table-row;} .rfv {display: none; font-size: 12px !important;} .fielddescription {border: solid 1px #ffdf88;background-color: #fffabc; max-width: 200px;} .fielddescription p {padding: 0 !important; margin: 0 10px 0 10px; font-size: 11px;} div#fancybox-overlay {z-index: 0;} div.cl {float: left; width: 36%; margin-right: 5%;} div.cr {float: left; width: 48%;} u.underline {color: #007ac3; position: absolute; bottom: 10px; left: 10px; } u.underline:hover {color: #000; text-decoration: none; } textarea { resize: vertical; } #additionalmenu { display: none; } @keyframes arrowmove { 0% { transform: translateX(0); } 25% { transform: translateX(-2px); } 50% { transform: translateX(0); } 75% { transform: translateX(-5px); } 100% { transform: translateX(0); } } @keyframes arrowmovereverse { 0% { transform: translateX(0); } 25% { transform: translateX(2px); } 50% { transform: translateX(0); } 75% { transform: translateX(5px); } 100% { transform: translateX(0); } } /*-------------------------------------------------------------------------------------------------- Layout --------------------------------------------------------------------------------------------------*/ div#masthead {background: #fbfbfb url(../gfx/gui/masthead-bg.png) repeat-x bottom; height: 107px;} div#mastheadcontent, div#navigation {position: relative;} div#mastheadcontent, div#container, div#navigation {width: 960px; margin: 0 auto;} div#logo { padding-top: 15px; } div#masthead div#mastheadnavigation, div#masthead div#websiteselector {position: absolute; right: 0; text-align: right;} div#masthead div#mastheadnavigation {top: 5px;} div#masthead div#websiteselector {bottom: -6px; width: 650px;} div#masthead div#websiteselector ul li {display: inline !important;} div#masthead div#websiteselector ul li fieldset legend {display: none !important;} div#masthead div#websiteselector ul li a, div#masthead div#websiteselector ul li fieldset {display: block; float: right;} div#masthead div#websiteselector ul li a {padding: 5px 0px; text-decoration: none; margin: 0 -15px -1px 0;} div#masthead div#websiteselector ul li a span, div#masthead div#websiteselector ul li fieldset {display: block; padding: 5px 10px; text-transform: uppercase; font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 1.1667em; text-decoration: none; color: #fff; padding: 5px 25px; z-index: 1; position: absolute;} div#masthead div#websiteselector ul li a span {cursor: pointer; cursor: hand;} div#masthead div#websiteselector ul li.quotation a span {background: transparent url(../gfx/gui/websiteselector-item-bg-medium.png) no-repeat top left; z-index: 2; bottom: 0; right: 375px;} div#masthead div#websiteselector ul li.quotation a:hover span {color: #ccd7dd;} div#masthead div#websiteselector ul li.blog a span {background: transparent url(../gfx/gui/websiteselector-item-bg-dark.png) no-repeat top left; z-index: 3; bottom: 0; right: 230px;} div#masthead div#websiteselector ul li.blog a:hover span {color: #cbe1ee;} div#masthead div#websiteselector ul li.partnerlink a span {background: transparent url(../gfx/gui/websiteselector-item-bg-darkest.png) no-repeat top left; z-index: 1; bottom: 0; right: 530px;} div#masthead div#websiteselector ul li.partnerlink a:hover span {color: #ccd7dd;} div#masthead div#websiteselector ul li.search fieldset {background: transparent url(../gfx/gui/search-bg.png) no-repeat bottom right; z-index: 4; margin: 0; padding: 7px 5px 8px 25px; right: 0; bottom: 0; width: 230px;} div#masthead div#websiteselector ul li.search fieldset input {width: 135px;} div#masthead div#websiteselector ul li.search fieldset input.btn {width: auto;} div#navigation { background: linear-gradient(to bottom, #00AFE7, #0094C3); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;} div#container div#secondarynavigation, div#container div#content {background: #fff;} div#container div#content.startpage {background: transparent; float: none !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; width: 960px; margin: 10px 0 !important; padding: 0;} div#container div#secondarynavigation {width: 220px;} div#container div#secondarynavigation, div#container div#secondarycontent {margin: 10px 0 0;} div#container div#secondarynavigation, div#container div#content, div#container div#secondarycontent {float: left;} div#container div#content {margin: 10px 10px 0; width: 460px; padding: 10px;} div#container div#content.wide {width: 710px; margin: 10px 0 0 10px;} div#container div#content.superwide {width: 920px; margin: 10px 0 0 10px;} div#container div#content.extrawide {width: 940px; margin: 10px 0 0 0;} div#container div#secondarycontent {width: 240px;} div#container div#secondarycontent div.box {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #e4e4e4; padding: 10px; margin-bottom: 10px;} div#container div#secondarycontent div.box.news .item {margin: 0 0 10px;} div#container div#secondarycontent div.box.news h2 {margin: 0 0 3px;} div#container div#secondarycontent div.box.news p a {color: #000; text-decoration: none;} div#container div#secondarycontent div.box.news h2 a {text-decoration: none; color: #666;} div#container div#secondarycontent div.box.news h2 a:hover {color: #222;} div#container div#secondarycontent div.box.news img {float: left; margin: 4px 10px 0 0; max-width: 100%;} div#container div#content div#breadcrumbs {padding: 15px 10px 10px; border-bottom: solid 1px #dedede; margin: -10px -10px 10px;} div#container div#content div#breadcrumbs ul, div#container div#content div#breadcrumbs ul li {list-style: none !important; margin: 0 !important; padding: 0 !important;} div#container div#content div#breadcrumbs ul li {display: inline; color: #5f5f5f;} div#container div#content div#breadcrumbs ul li span {font-weight: bold;} div#container div#content div#breadcrumbs ul li a {color: #007ac3; text-decoration: none;} div#container div#content div#breadcrumbs ul li a:hover {color: #333;} div#content p {margin: 0 0 1em; line-height: 1.6em;} div#content a {color: #007ac3; text-decoration: underline;} div#content a:visited {color: #666;} div#content a:hover {color: #333 !important; text-decoration: none;} div#content ul, div#content ol {padding: 5px 10px; margin: 5px 15px; } div#content ul, div#content ul li {list-style-type: disc;} div#content ol, div#content ol li {list-style: decimal;} div#content ul li, div#content ol li {line-height: 1.4em; margin: 0 0 0.4em;} div#secondarycontent h5, div#newsbox h5, div.box.news h5, div.secondarystartpagecontent h5 {font-size: 0.8333em; text-transform: uppercase; color: #555; margin: 0 0 5px;} div#cpi span, div#cpi a {font-size: 1.3333em; color: #515253; padding: 15px 10px 10px; border-bottom: solid 1px #dedede; display: block; text-decoration: none;} div#cpi a:hover {color: #000;} div#footer {border: solid 1px #e2e2e2; background-color: #f3f3f3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 20px 0; padding: 20px; font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;} div#footer address {font-style: normal;} div#footer address strong {display: none;} div#footer address strong.type {display: inline !important; font-weight: normal !important;} div#footer address a, div#footer address span {color: #696969;} div#footer address span.fn {color: #0069a8; font-weight: bold; text-transform: uppercase; margin: 0 10px 0 0;} div#footer address a {text-decoration: none;} div#footer address a:hover {color: #333;} div#footernavigation {padding: 30px 0;} div#startpagecontent {background-image: url(../gfx/ny-bg-rm.JPG); background-repeat: no-repeat; background-size: cover; background-position: center; min-height: 315px; overflow: hidden; padding: 20px 450px 20px 0px; margin: 0; position: relative; box-shadow: inset 0 0 0 1000px rgba(230, 238, 246, 0.75); } div#startpagecontent img.adimage {display: block; position: absolute; right: 0; top: 0;} div#startpagecontent h1 {margin: 8px 0 16px 18px; font-size: 46px; font-weight: bold; letter-spacing: -2px; line-height: 55px; color: #ceac68; text-shadow: 1px 1px #8e7944; } div#startpagecontent .content-bg {background-color: rgba(255,255,255,0.8); margin-left: 20px; border-radius: 5px;} div#startpagecontent p {margin: 0 0 0; color: #515252; padding: 10px 20px; display: none; } div#startpageshortcuts {margin: 0 auto; width: 100%;} div#startpageshortcuts ul {padding: 0px; margin: 0px 0;height: 50px;font-family: verdana;text-transform: uppercase; background: linear-gradient(to bottom,#00AFE7,#0094C3);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} div#startpageshortcuts ul, div#startpageshortcuts ul li, div#startpageshortcuts ul li a {list-style: none !important; text-decoration: none; color: #ffffff;} div#startpageshortcuts ul li a:visited { color: #ffffff;} div#startpageshortcuts ul li {display: inline !important;margin-right: 0px; border-right: 1px solid #efefef; padding: 0 6%;} div#startpageshortcuts ul li a {display: inline-block; background: transparent no-repeat left top; font-size: 14px; min-height: 50px; /*background: url("../gfx/shortcuts/background.png") bottom left repeat-x;*/line-height: 45px;padding: 0 5px 0 5px; } div#startpageshortcuts ul li a#window-link {width: 262px; background-image: url(../gfx/shortcuts/fonster-fonsterdorrar.png);} div#startpageshortcuts ul li a#frontdoor-link {width: 209px; background-image: url(../gfx/shortcuts/ytterdorrar.png);} div#startpageshortcuts ul li a#innerdoor-link {width: 223px; background-image: url(../gfx/shortcuts/innerdorrar.png);} div#startpageshortcuts ul li a#foldingdoor-link {width: 246px; background-image: url(../gfx/shortcuts/vik-skjutdorrar.png);} div#startpagecontent a#startpage-splash {position: absolute; bottom: -5px; right: 0;} div.secondarystartpagecontent {background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0; overflow: hidden; margin-top: 10px; position: relative; } div.secondarystartpagecontent div.blogposts {padding: 15px 10px;} div.secondarystartpagecontent div#blogposts {display: none;} div.secondarystartpagecontent div#shortcuts {width: 220px; padding: 10px; background: linear-gradient(to bottom, #326381, #1A4665); position: absolute; right: 0; top: 0; bottom: 0; } div.secondarystartpagecontent div#shortcuts h5 {color: #fff;} div.secondarystartpagecontent div.blogposts h5 { padding-left: 10px; } div.secondarystartpagecontent div.blogposts div.column {width: 50%; min-height: 120px; float: left; padding: 0 10px; box-sizing: border-box; } div.secondarystartpagecontent div.blogposts div.column:first-of-type { border-right: 1px solid #dedede; } div.secondarystartpagecontent div.blogposts div.column h2 {font-size: 1.3333em; font-weight: normal; margin: 0 0 0.7em;} div.secondarystartpagecontent div.blogposts div.column h2 a {color: #007ac3; text-decoration: none!important;} div.secondarystartpagecontent div.blogposts div.column h2 a:hover {color: #444;} div.secondarystartpagecontent div.blogposts div.column .column__img { float: right; width: 120px; margin: 0 0 0 10px; overflow: hidden; } div.secondarystartpagecontent div.blogposts div.column .column__img img { max-width: 100%; } .inquirywrapper { width: calc(100% - 260px); float:left; min-height: 215px; } img {border: 0;} img.left {float: left; margin: 0 10px 5px 0;} img.right {float: right; margin: 0 0 5px 10px;} div.imageandtextblock {display: block; float: none !important; clear: both !important; margin-top: 13px;} div.imageandtextblock-image {width: 200px; float: left; margin: 0 15px 13px 0;} div.imageandtextblock-text {margin: 10px 0;} div.imageandtextblock.textunder div.imageandtextblock-image {width: 460px; margin: 0 !important;} div.imageandtextblock.textunder div.imageandtextblock-text {margin: 5px 0 13px 0 !important;} div.imageandtextblock-text h1, div.imageandtextblock-text h2, div.imageandtextblock-text h3 {margin-top: 0 !important; line-height: 1em !important;} div.imageandtextblock-text p {margin-bottom: 10px;} .tbl_lev {width: 710px; border-collapse: collapse;} .tbl_lev th {padding: 5px; color: #095ba6; font-weight: bold; background: #f3f3f3; border: solid 1px #999; } .tbl_lev td {padding: 5px; border: solid 1px #999; vertical-align: middle; text-align: center;} .tbl_lev td.left-align{text-align: left;} .tbl_detalj {width: 450px; border-collapse: collapse; margin: 20px 0;} .tbl_detalj th {padding: 2px; width: 130px; font-weight: bold; text-align: left;} .tbl_detalj td {padding: 2px; vertical-align: top;} table.default-view {margin: 0 0 1em; width: 100%;} table.default-view tr td {padding: 5px 5px 5px 15px; font-size: 11px; vertical-align: middle;} table.default-view tr td.last {border-right: 0;} table.default-view tr.odd td {background-color: #f2f2f2;} table.default-view tr.header th {text-align: left !important; padding: 5px 5px 3px 15px; color: #363636; font-size: 12px; font-weight: bold;} table.default-view tr th {padding: 5px 5px 5px 15px; text-align: left !important;} table.default-view tr.list-head th {background: #f8f8f8; border-bottom: solid 1px #fff;} table.default-view tr td.img, table.default-list tr th.img {width: 20px; vertical-align: middle !important;} table.default-view tr td.middle {vertical-align: middle !important;} table.default-view tr td.edit {width: 45px;} div.partner-left {float: left;width: 65%;} div.partner-right {float: left;margin-left: 2%; width: 33%;} div.selection { float: left; width: 38%; } div.description-holder { float: left; width: 18%; margin: 0 1%; height: 200px; position: relative; padding: 1%; } div.preview { float: left; width: 40% } fieldset.inquiry.step2 div.selection span { display: block; } /*-------------------------------------------------------------------------------------------------- Menu --------------------------------------------------------------------------------------------------*/ ul#mastheadnavigationmenu li {display: inline;} ul#mastheadnavigationmenu li a {color: #5c5c5c; text-decoration: none; font-size: 0.9167em; margin: 0 0 0 10px; padding: 2px 0;} ul#mastheadnavigationmenu li a:hover {color: #000;} ul#mastheadnavigationmenu li.facebook a {background: transparent url(../gfx/icons/facebook.png) no-repeat left; padding: 2px 0 2px 20px;} ul#mastheadnavigationmenu li.instagram a {background: transparent url(../gfx/icons/instagram.png) no-repeat left; padding: 2px 0 2px 20px; background-size: 16px 16px;} ul#mastheadnavigationmenu li.plusone div iframe {margin: 3px 0 0 !important;} ul#mainnavigationmenu { padding: 0 5px; } div#navigation ul > li {display: block; float: left; background: transparent url(../gfx/gui/navigation-item-separator.png) no-repeat right top; padding: 0;} div#navigation ul > li a {display: block; font: normal 1.5em/1em "Trebuchet MS", Arial, Helvetica, Sans-Serif; color: #fff; text-decoration: none; text-transform: uppercase; padding: 0 0 0 20px;} div#navigation ul > li a span {display: block; padding: 12px 20px 19px 0;} div#navigation ul > li a:hover {color: #ccedf8; background-color: transparent;} div#navigation ul > li.expand a, div#navigation ul > li.expand-slim a {margin: 0 0 -1px; z-index: 999; position: relative;} div#navigation ul > li.expand a span, div#navigation ul > li.expand-slim a span {background: transparent url(../gfx/gui/navigation-item-hc.png) no-repeat right 15px; padding-right: 35px;} div#navigation ul li > ul.submenu {display: none; position: absolute; left: 0; background: #fff url(../gfx/gui/navigation-firstlevel-bg.png) repeat-x top; width: 940px; padding: 15px 10px; overflow: hidden; border: solid 1px #e2e2e2; border-top: none; z-index: 998; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} div#navigation ul li.expand-slim > ul.submenu {width: 220px; left: auto;} div#navigation ul li.expand-slim > ul.submenu ul { display: none; } div#navigation ul li > ul.submenu ul {display: inline-block; position: static; border: none !important; margin: 0 !important; background-image: none !important;} div#navigation ul li:hover ul {display: block;} div#navigation ul li.expand:hover > a, div#navigation ul li.expand-slim:hover > a {color: #007ac3; background: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px;} div#navigation ul li.expand:hover > a span, div#navigation ul li.expand-slim:hover > a span {background: #fff url(clientfiles/gfx/gui/navigation-item-hc.png) no-repeat right 15px; border-top-right-radius: 4px;} div#navigation ul > li > ul.submenu > li {float: left; background-image: none !important; width: 220px; display: inline-block; padding-bottom: 10px !important;} div#navigation ul > li > ul.submenu > li > a {color: #0069a8; text-decoration: none; text-transform: none; font-size: 1em; font-weight: bold; padding: 0 !important; background-image: none !important;} div#navigation ul > li > ul.submenu > li > a span {padding: 0 !important; background-image: none !important;} div#navigation ul > li > ul.submenu > li > a:hover {color: #3387b9;} div#navigation ul > li > ul.submenu > li > ul {display: block; padding: 10px 0 0 !important; background-color: transparent !important; overflow: hidden;} div#navigation ul > li > ul.submenu > li > ul ul {display: none;} div#navigation ul > li > ul.submenu > li > ul > li {display: block; float: none !important; padding: 0 !important;} div#navigation ul > li > ul.submenu > li > ul > li a {display: inline-block; color: #616161; text-transform: none !important;} div#navigation ul > li > ul.submenu > li > ul > li a:hover {color: #222;} div#secondarynavigation ul li a {display: block; color: #515253; padding: 10px; text-decoration: none;} div#secondarynavigation ul li a:hover {color: #111;} div#secondarynavigation ul > li > a {border-bottom: solid 1px #dedede;} div#secondarynavigation ul > li > ul > li > a {border-bottom: none;} div#secondarynavigation ul > li:last-child a {border-bottom: none;} div#secondarynavigation ul > li > ul > li > a {padding: 0 10px; color: #007ac3;} div#secondarynavigation ul > li > ul > li > a:hover {color: #004a76;} div#secondarynavigation ul > li > ul {border-bottom: solid 1px #dedede; padding: 0 0 10px; margin: 0 0 0 10px;} div#secondarynavigation ul > li ul li {border-bottom: none;} div#secondarynavigation ul > li.on > a {color: #007ac3; font-weight: bold;} div#secondarynavigation ul > li > ul ul, div#secondarynavigation ul > li.on.hc > a {border-bottom: none !important;} div#secondarynavigation ul > li.on > ul > li.on > a {color: #616161;} div#secondarynavigation ul > li > ul ul {margin: 5px 0 0 10px;} div#secondarycontent ul, div#secondarycontent ul li, div.secondarystartpagecontent div#shortcuts ul, div.secondarystartpagecontent div#shortcuts ul li {padding: 0 !important; margin: 0 !important; list-style: none !important;} div#secondarycontent ul li a {display: block; padding: 0 0 0 10px; background: transparent url(../gfx/gui/secondarycontent-item-bg.png) no-repeat left; color: #666; text-decoration: none; margin: 0 0 2px;} div#secondarycontent ul li a:hover {color: #222;} div.secondarystartpagecontent div#shortcuts ul li a {display: block; padding: 0 0 0 10px; background: transparent url(../gfx/startpage-secondarycontent-item-bg.png) no-repeat left; color: #fff; text-decoration: none; margin: 0 0 2px;} div.secondarystartpagecontent div#shortcuts ul li a:hover {color: #a1bbc9;} div#footernavigation ul > li {float: left; background-image: none !important; width: 24%; display: inline-block; padding-bottom: 10px !important;} div#footernavigation ul > li > a {color: #0069a8; text-decoration: none; text-transform: uppercase; font-size: 1em; font-weight: bold; padding: 0 !important;} div#footernavigation ul.submenu li {float: none; display: block; width: auto; padding: 0 !important;} div#footernavigation ul.submenu li a {color: #616161; text-transform: none !important;} div#footernavigation ul.submenu li a:hover {color: #222;} div#tabarea {padding: 0 10px; margin: 20px 0 0; clear: both; background: transparent url(../gfx/gui/tabs-bg.png) repeat-x bottom;} div#tabarea.margin {margin: 0 0 20px;} ul#tabs, ul#tabs li {padding: 0 !important; margin: 0 !important; list-style: none !important;} ul#tabs li {display: inline;} ul#tabs li a {display: block; float: left; border: solid 1px #ededed; border-bottom: none; background-color: #ededed; padding: 8px 9px; margin: 0 1px 1px 0; color: #626262; text-decoration: none;} ul#tabs li a:hover {background-color: #e5e5e5; border-color: #e5e5e5;} ul#tabs li.on a {background-color: #fff; border-color: #e5e5e5; padding: 10px; margin: -3px 1px 0 0;} ul#tabs li:last-child a:after {clear: right;} /*-------------------------------------------------------------------------------------------------- Productmodule --------------------------------------------------------------------------------------------------*/ div#imagecontainer {width: 300px; float: right; margin: 0 0 1em 1em; display: block;} div.tabcontent {padding: 10px;} div.tabcontent h3 {border-bottom: solid 1px #ededed; font-weight: bold; padding: 0 0 2px;} div.tabcontent img {margin: 0 0 10px;} div.tabcontent div.column {width: 48%; float: left;} div.tabcontent table.listview th {font-weight: bold; width: 130px; text-align: left;} div.tabcontent table.listview th, div.tabcontent table.listview td {padding: 3px 0;} div.tabcontent table.listview.thermalvalues {margin: 0 0 10px;} div.tabcontent table.listview.thermalvalues th {width: 200px; color: #444 !important;} div.imagetextitem {padding: 10px 0; border-bottom: solid 1px #ededed;} div.imagetextitem div.image {width: 200px; float: left; margin-right: 10px;} div.imagetextitem div.image img {margin: 0 !important; padding: 0 !important; max-width: 100%;} div.imagetextitem div.content {} div.imagetextitem div.content h3 {border: none; font-weight: normal;} div.columnitem {width: 220px; margin: 0 10px 10px 0; float: left;} div.columnitem.wide {width: 320px !important;} div.columnitem.box {border: solid 1px #ececec; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 10px; width: 200px; background: transparent url(../gfx/gui/box-gradient.png) repeat-x bottom; height: 100px; overflow: hidden;} div.columnitem h3 a {color: #00afe7 !important; text-decoration: none !important;} div.columnitem p a {color: #000 !important; text-decoration: none !important;} div.columnitem a.btn {color: #fff !important; text-decoration: none !important; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #00afe7 url(../gfx/gui/box-btn-bg.png) repeat-x top;} div.columnitem.omega {margin-right: 0;} div.columnitem.reference h3 {text-align: center; margin: 0; font-size: 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} div.columnitem.reference h3 a {color: #515253 !important;} div.columnitem.reference {text-align: center; width: 19%; margin-bottom: 10px; float: left; margin-right: 1.25%;} div.columnitem.reference:nth-of-type(5n) { margin-right: 0;} div.columnitem.reference div.imagebox {width: 120px; height: 90px; overflow: hidden; margin: 0 auto 3px; } div.columnitem.reference div.imagebox img { max-width: 100%; } div.cuttingcolumn {width: 230px; float: left; text-align: center; padding: 0; margin: 0 0 20px;} div.downloadbox a {padding: 20px 10px 20px 60px; margin: 0 0 1em; background: #f5f5f5 url(../gfx/icons/pdf.png) no-repeat 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block;} table.comparison {font-size: 0.9em;} table.comparison th {font-weight: normal; vertical-align: bottom; padding: 0 8px;} table.comparison td {text-align: center; padding: 10px; vertical-align: middle;} table.comparison th.title, table.comparison td.title {text-align: left; padding-left: 5px; border-left: 0 !important;} table.comparison td.title {font-weight: bold; background-color: #f5f5f5;} table.comparison td.header {text-align: left; color: #007ac3; padding-left: 5px; border-left: 0 !important; font-size: 14px; font-weight: bold; background-color: #fff;} table.comparison th, table.comparison td {border-bottom: solid 1px #f0f0f0; border-left: solid 1px #f0f0f0;} table.comparison tbody tr:hover, table.comparison .hover {background-color: #f7f7f7;} .fancy-btn { display: inline-block; padding: 7px 18px; background-color: #007ac3; border-radius: 2px; border: none; color: #fff !important; cursor: pointer; box-shadow: 0 2px 5px 0 rgba(0,0,0,.26); transition: all .1s cubic-bezier(.25,.8,.25,1); -webkit-appearance: none; text-decoration: none !important; } .fancy-btn:focus { outline: none; background-color: #0068a5; color: #fff !important; } .fancy-btn:hover { background-color: #0068a5; color: #fff !important; } .fancy-btn:active { outline: none; background-color: #1898e2; color: #fff !important; } .fancy-btn--send { padding-left: 35px; background-color: #00aee5; background-image: url(../gfx/icons/save_new.png); background-repeat: no-repeat; background-position: left 10px center; } .fancy-btn--send:hover { background-color: #0096c4; } .fancy-btn--send:focus { background-color: #0096c4; } .fancy-btn--send:active { background-color: #26c2f2; } /*-------------------------------------------------------------------------------------------------- News --------------------------------------------------------------------------------------------------*/ div.newsitem {} div.newsitem div.newsimage img {float: left;} div.newsitem div.newsimage p {font-size: 11px; font-style: italic;} div.newsitem p.date {font-size: 11px; color: #999; padding-top: 10px; border-top: 1px solid #efefef;} div.newsitem p.archive {font-size: 11px; float: right; padding-top: 10px; border-top: 1px solid #efefef;} div.imagelist {float: right; padding: 5px 0 0 5px; background-color: #e4e4e4; width: 158px;} div.imagelist ul, div.imagelist ul li {list-style: none !important; padding: 0 !important; margin: 0 !important;} div.imagelist ul li {display: inline !important; margin-right: 5px; height: 75px; overflow: hidden;} div.imagelist ul li img {} div.imagelist ul li a {width: 75px; height: 75px; overflow: hidden !important; text-decoration: none !important;} div#newslist div.newsitem p.date {border: 0 !important; padding: 0; margin: 0;} div#newslist div.newsitem {border-bottom: 1px solid #efefef; margin-bottom: 15px;} div#newslist div.newsitem h2 a {color: #007ac3; text-decoration: none;} div#newslist div.pager {} div#newslist div.pager a {text-decoration: none; margin-right: 2px;} div#newslist div.pager a.on {font-weight: bold;} /*-------------------------------------------------------------------------------------------------- Enquire --------------------------------------------------------------------------------------------------*/ fieldset.form {border: 0; margin: 10px 0; padding: 0;} fieldset.form legend {display: none;} fieldset.form p {margin: 5px 0;} fieldset.form label {width: 100%; display: block; clear: both;} fieldset.form label .rfv {font-size: 11px; color: #f00;} fieldset.form label a img {vertical-align: bottom; margin: 0;} fieldset.form input {width: 250px; padding: 2px; font: normal 11px Sans-Serif; color: #000;} fieldset.form input.captcha-input {width: 60px;} fieldset.form textarea {width: 252px; height: 100px; padding: 2px; font: normal 11px Sans-Serif; color: #000; overflow: auto;} fieldset.form .btn {width: auto;} table.enquire {width: 665px;} table.enquire th {text-align: left;} table.enquire tbody {} table.enquire tr.firstrow td {border-top: solid 1px #969696; padding: 10px 0 0;} table.enquire td {height: 40px; text-align: left; vertical-align: top;} table.enquire td.img {width: 100px;} table.enquire td label, table.enquire td .label {font-weight: bold; padding: 0 0 5px;} table.enquire td button {display: block; float: right;} table.enquire td img {margin-right: 5px;} table.enquire td input[text] {border: 1px solid #ccc;} table.enquire td input[file] {background-color: #fff;} table.enquire td select {margin-top: 0px; font-size: 11px; padding: 2px;} table.enquire td.quantity {width: 48px; padding: 5px 0 0;} table.enquire td.quantity input {width: 48px;} table.enquire td.window {width: 320px; text-align: left;} table.enquire td.window select {width: 300px;} table.enquire td.size {width: 95px; padding: 5px 0 0;} table.enquire td.size input {width: 95px;} table.enquire td.bar {width: 150px; text-align: left;} table.enquire td.bar select {width: 140px;} table.enquire td.misc {width: 137px; padding: 5px 0 0;} table.enquire td.misc input {width: 127px;} table.enquire td.options {float: right; padding: 15px 0 0; width: 145px;} table.enquire td.options .btn {width: 140px; margin-bottom: 5px; display: block;} table.enquire td.options img {float: none;} table.enquire td.spacer {padding: 0 0 10px;} a.copy {margin: 20px 0 5px; text-indent: -9999px; background: transparent url(../gfx/offert-btn-copy-bg.png) no-repeat left; display: block; width: 99px; height: 28px; } a.newrow {margin: 20px 0 5px; text-indent: -9999px; background: transparent url(../gfx/offert-btn-new-bg.png) no-repeat left; display: block; width: 99px; height: 28px; } a.save {margin: 20px 0 5px; text-indent: -9999px; background: transparent url(../gfx/offert-btn-saverow-bg.png) no-repeat left; display: block; width: 99px; height: 28px; } a.savegonext {margin-bottom: 5px; background: transparent url(../gfx/offert-btn-savego-bg.png) no-repeat left; display: block; width: 99px; height: 56px; text-indent: -9999px;} a.gonext {background: transparent url(../gfx/offert-btn-gonext-bg.png) no-repeat left; display: block; width: 99px; height: 28px; text-indent: -9999px;} a.cancel {background: transparent url(../gfx/offert-btn-cancel-bg.png) no-repeat left; display: block; width: 99px; height: 28px; text-indent: -9999px;} a.remove {background: transparent url(../gfx/offert-btn-remove-bg.png) no-repeat left; display: block; width: 99px; height: 28px; text-indent: -9999px;} a.save span, a.gonext span, a.savegonext span, a.newrow span, a.cancel span {display: none;} ul.enquirelinks {list-style: none; margin: 0; padding: 0 0 10px 0;} ul.enquirelinks li {float: left; padding: 0 8px; border-left: 1px solid #ccc; font-size: 14px;} ul.enquirelinks li.first {border: 0; padding-left: 0;} a.addrow {padding: 1px 0 0 20px; background: url(../gfx/icons/add.gif) no-repeat 0 50%;} table.default-info {margin: 0; padding: 0; border: 0; border-collapse: collapse;} table.default-info > th {padding: 2px 10px 2px 0; text-align: left; vertical-align: top; width: 90px;} table.default-info > td {padding: 2px 0; vertical-align: top;} /*-------------------------------------------------------------------------------------------------- Inquiry --------------------------------------------------------------------------------------------------*/ div.inquiry-overview {float: right; padding: 10px; width: 200px; background-color: #f0f0f0; margin: 10px -10px 10px 20px;} div.inquiry-overview ul, div.inquiry-overview ul li { list-style-type: none !important; } div.inquiry-overview ul { margin: 0 !important; padding: 0 !important; } div.inquiry-overview ul li.selected {font-weight: bold;} div.inquiry-overview ul li.selected a { padding: 0 0 0 25px; background: transparent url(../gfx/icons/check_current.png) no-repeat left; } div.inquiry-overview ul li a { color: #000; text-decoration: none !important; } div.inquiry-overview ul li.completed a {color: #222 !important; padding: 0 0 0 25px; background: transparent url(../gfx/icons/check_new.png) no-repeat left;} div#LinkToInquery { padding: 10px 0 0; } div.inquiry-overview textarea.inquerylinktextarea {height: 50px; font: 1em Arial, Helvetica, Sans-serif; width: 180px; background-color: #f0f0f0; border: 0; resize: none;} div.inquiry-overview textarea.inquerylinktextarea.standard { background-color: #fff; height: 50px; } div.step-info {background: #f6f6f6; border-radius: 10px; padding: 10px;} div.step-info.step1 {float: right; width: 200px;} div.step-info.step3 {margin: 0 0 0 20px;} div.step-info h3 {font-size: 11px; text-transform: uppercase;} div.step-info p {font-size: 11px;} fieldset.inquiry input[type="text"], fieldset.inquiry input[type="number"], fieldset.inquiry select, fieldset.inquiry textarea { padding: 3px !important; width: 100%; box-sizing: border-box; background-color: #f0f0f0; border: solid 1px #e7e7e7; font: 1em Arial,Sans-Serif;} .formgroup.blockformat p input[type="text"], fieldset.inquiry .formgroup.blockformat > input[type="number"] { width: 200px; } /*fieldset.inquiry input:focus, fieldset.inquiry select:focus, fieldset.inquiry textarea:focus {background-color: #fff; }*/ fieldset.inquiry p textarea {font: 1em Arial, Sans-Serif;} fieldset.inquiry legend {display: none;} fieldset.inquiry.step1 {float: left;} fieldset.inquiry.step1 p {margin: 0 0 4px 0 !important; padding: 0; line-height: normal !important;} fieldset.inquiry.step1 p label {float: left; width: 200px;} fieldset.inquiry.step1 p input.input-postalcode {width: 40px; margin-right: 4px !important;} fieldset.inquiry.step1 p input.input-city {width: 148px;} fieldset.inquiry.step2 p label, fieldset.inquiry.step3 p label {display: block;} fieldset.inquiry.step2 p select {width: 100%;} /*fieldset.inquiry.step2 p {line-height: normal !important; margin-bottom: 0.6em !important;}*/ fieldset.inquiry.step2 {width: 960px;} fieldset.inquiry.step2 .cl p select, fieldset.inquiry.step2 .cr p select {width: 95% !important;} fieldset.inquiry.step2 div.width {width: 68px; float: left;} fieldset.inquiry.step2 div.amount, fieldset.inquiry.step2 div.height {width: 150px; float: left;} fieldset.inquiry.step2 div.width {width: 72px;} fieldset.inquiry.step2 div.glassheight {width: 60px; float: left;} fieldset.inquiry.step2 div.amount input {width: 50px;} fieldset.inquiry.step2 div.width input, fieldset.inquiry.step2 div.height input, fieldset.inquiry.step2 div.glassheight input {width: 50px;} fieldset.inquiry.step2 div.width input {text-align: right;} fieldset.inquiry.step2 p textarea {width: 415px} fieldset.inquiry.step2 p input[type="text"], fieldset.inquiry.step2 > input[type="number"], fieldset.inquiry.step2 p select, fieldset.inquiry.step2 p textarea { width: 100%; } fieldset.inquiry.step2 .k-header { width: 100%; } fieldset.inquiry .inline > input, select { display: inline-block; } fieldset.inquiry.step3 p textarea {width: 100%;} table.inquiryrows > tr th.action {width: 80px;} table.inquiryrows th {border-bottom: 1px solid #f0f0f0; text-align: left; color: #444; padding-bottom: 10px !important;} table.inquiryrows > tr td select {font-size: 11px !important; width: 120px; margin: 0 0 10px 20px;} table.inquiryrows > tr td select.float {float: left; margin-top: 2px;} table.inquiryrows > tr td textarea {margin-left: 23px; width: 195px;} table.inquiryrows tr td {padding: 5px 0;} table.inquiryrows.step3 th, table.inquiryrows.step3 td {vertical-align: top; border-bottom: 1px solid #888; padding: 10px 0;} table.inquiryrows.step3 td.noline { border: 0; padding: 0 10px 10px 0;} table.inquiryrows.step3 td.image-container { position: relative; width: 150px; } table.inquiryrows.step3 td.image-container div.generated-image { position: absolute; height: 150px; width: 150px; background-color: #fafafa; background-size: contain; } table.inquiryrows.step3 td.image-container div.image-based-image { height: 150px; position: absolute; width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; } table.inquiryrows.step3 td.image-container div.image-based-image:nth-child(2) { top: 85px; } table.inquiryrows.step3 tr.text td { padding: 10px; } table.inquiryrows.step3 td label { display: block; } table.inquiryrows.step3 tr.odd td {background-color: #efefef;} table.inquiryrows.step3 tr.odd td select, table.inquiryrows.step3 tr.odd td textarea, table.inquiryrows.step3 tr.odd td input {background-color: #fff;} table.inquiryrows input[type="text"], table.inquiryrows input[type="number"], table.inquiryrows select, table.inquiryrows textarea {margin: 0 !important; padding: 3px !important; background-color: #f0f0f0; border: solid 1px #e7e7e7; max-width: 100%; } table.inquiryrows textarea {width: 98%;} table.inquiryrows input:focus, table.inquiryrows select:focus, table.inquiryrows textarea:focus {background-color: #fff; } table.inquiryrows textarea {font: 1em Arial, Sans-Serif;} table.inquiryrows select { width: calc(25% - 6px); margin-top: 5px !important; margin-bottom: 5px !important; } table.inquiryrows th.left { text-align: left; } input.savesend {background-color: #00aee5; border: 2px solid #0093c2; border-radius: 3px; font-weight: bold; padding: 10px 10px 10px 35px; margin: 0; color: #fff; background-image: url(../gfx/icons/save.png); background-repeat: no-repeat; background-position: 10px 10px;} input.savesend.right {float: right; margin-bottom: 10px;} div.inquiry hr {border: 0; border-bottom: solid 1px #f0f0f0; margin: 20px 0;} div.inquiry {position: relative;} a.inquiry-image {width: 150px; height: 112px; overflow: hidden; display: block;} input.goback {float: right;} ul.register {list-style: none !important; margin: 0 !important; padding: 0 !important;} ul.register li {list-style: none !important; display: inline; margin-right: 10px; background-image: url(../gfx/icons/dot.png); background-repeat: no-repeat; background-position: 0 4px;} ul.register li a {margin-left: 12px;} div.field-description {background-color: #efefef; padding: 10px; display: none; position: relative; width: 100%; float: left; box-sizing: border-box;} .rfv { color: #f00; } .vSum { color: #f00; float: right; } #ddlModel, #ddlGlazingBar {display: none;} div.validationsummery {background-image: url(../gfx/errorbox_bg.png); background-color: #ac0000; background-repeat: repeat-x; padding: 10px; width: 400px; font-size: 14px; color: #fff; font-weight: bold; margin-bottom: 10px;} div.validationsummery ul li {font-weight: normal; font-size: 11px;} div.image-item {width: 150px; height: 150px; overflow: hidden; position: relative; background-color: #efefef; border: 1px solid #ccc; padding: 8px; float: left; margin: 10px;} div.image-item span {display: block; width: 150px; position: absolute; bottom: 2px; left: 8px; text-align: center;} div.image-item a {color: #333; font-size: 11px; line-height: 12px;} #modelview, #glazingbarview {display: inline-block; padding: 3px; background-color: #f0f0f0; border: 1px solid #e7e7e7; width: 306px; color: #000 !important; text-decoration: none !important; font-size: 13px !important;} div.example-part {width: 290px; float: left; background-color: #f0f0f0; padding: 10px;} div.example-part h4 {color: #007ac3; text-transform: uppercase; font-size: 11px;} div.error {background-image: url(../gfx/errorbox_bg.png); background-color: #ac0000; background-repeat: repeat-x; padding: 10px; width: 400px; font-size: 14px; color: #fff; font-weight: bold; margin-bottom: 10px; border-radius: 5px;} div.message {background-color: #f0e3a5; background-repeat: repeat-x; padding: 10px; width: 400px; font-size: 14px; color: #333; font-weight: bold; margin-bottom: 10px; border-radius: 5px;} div.error h5, div.message h5 {font-size: 1.3em; margin-bottom: 0.4em;} div.error p, div.message p {font-size: 0.85em; margin-bottom: 0 !important;} div.RadUpload { width: 100%!important; } div.RadUpload ul {list-style: none !important; margin: 0 !important; padding: 0 !important;} div.RadUpload ul li {list-style: none !important; margin: 0 0 5px !important; padding: 0 !important;} div.RadUpload .ruFakeInput {width: 300px !important;} img.previewImage {float:left;} /*-------------------------------------------------------------------------------------------------- Partner --------------------------------------------------------------------------------------------------*/ fieldset.partnerform legend {font: bold 1.4em/1.3em Arial, Helvetica, Sans-serif; color: #007ac3; margin: 0 0 0.5em; } fieldset.partnerform p {margin: 0 0 4px!important;} fieldset.partnerform p label {width: 120px; float: left; } fieldset.partnerform p.btn {margin-top: 15px!important; } fieldset.partnerform p.btn span {margin-left: 50px!important; } fieldset.partnerform input[type="text"], fieldset.partnerform input[type="password"] { margin: 0 !important; padding: 3px !important;width: 200px;background-color: #f0f0f0; border: solid 1px #e7e7e7;} fieldset.partnerform div.warning {background: #f2ecbc; margin: 15px 0 10px; padding: 7px 10px 4px; color: #333; border: 1px solid #e5dfaf; } div.partner-left div#result div.container-item {background: #f8f8f8; margin: 10px 0; } div.partner-left div#result div.container-item h2 {padding: 10px; } div.partner-left div#result ul {margin: 0 0 0; padding: 0; } div.partner-left div#result ul li {width: 442px; display: inline-block; position: relative; padding: 8px 10px 12px; vertical-align: top; background: url(../gfx/gui/partner-bg.png) no-repeat bottom;} div.partner-left div#result ul li:last-child {background: none; } div.partner-left div#result ul li img {display: inline; float: left; margin: 0 auto; } div.partner-left div#result ul li a {display: inline-block; text-align: left; margin: 0px 60px 0 13px; } div.partner-left div#result ul li a.partner-download {background: url(../gfx/gui/download.png) no-repeat left center; padding: 9px 0 7px 25px; color: #000; text-decoration: none; } div.partner-left div#result ul li a.add-list {background: url(../gfx/gui/add-to-list.png) no-repeat left center; padding: 9px 0 7px 32px; margin: 0px 0px 0 13px; color: #000; text-decoration: none; } div.partner-left div#result ul li p.title {font-size: 12px; margin: 0 0 2px 60px; text-transform: uppercase; font-weight: bold; text-align: left;} div.partner-left div#result ul li a.fancyboxgroup {position: absolute; top: -2px; right: 0px; color: #007ac3; margin-right: 42px; } div.partner-left div.filter p {background: url(../gfx/gui/partner-search-bg.png) bottom right no-repeat #00aee6; padding: 0 10px; /*border-bottom: 1px solid #e5e5e5; box-shadow: 0px 1px 0px #9ed7e9;*/ } div.partner-left div.filter p input {background: #fff; border: 1px solid #007ac3; padding: 5px 8px; width: 420px; border-radius: 2px; margin: 10px 0; } div.partner-left div.filter p input ::-webkit-input-placeholder {font-style: italic; } div.partner-left div.filter p input :-moz-placeholder {font-style: italic; } div.partner-left div.filter p input ::-moz-placeholder {font-style: italic; } div.partner-left div.filter p input :-ms-input-placeholder {font-style: italic; } div.partner-right div#signedon-user {background:#f6f6f6; padding: 15px 10px 15px; border-radius: 2px; margin: 0 0 15px ; } div.partner-right div#searcharea, div.partner-right div#downloadlist:first-child {background:#f6f6f6; padding: 15px 10px 15px; border-radius: 2px; margin: 15px 0; } div.partner-right div#signedon-user p {margin: 0 0 4px; } div.partner-right div#signedon-user p input {margin: 0; } div.partner-right div#searcharea input {width: 205px; margin: 0 !important; padding: 3px!important; background-color: #fff; border: solid 1px #ccc; } div.partner-right div#searcharea select {width: 212px; margin: 0 !important; padding: 3px!important; background-color: #fff; border: solid 1px #ccc; color: #b2b2b2;} div.partner-right div#searcharea input ::-webkit-input-placeholder {font-style: italic; } div.partner-right div#searcharea input :-moz-placeholder {font-style: italic; } div.partner-right div#searcharea input ::-moz-placeholder {font-style: italic; } div.partner-right div#searcharea input :-ms-input-placeholder {font-style: italic; } div.partner-right div#downloadlist a {background: url(../gfx/gui/btn-bg-partner.png) bottom repeat-x #f6f6f6; height: 50px; padding: 4px 5px;border: 1px solid #a4a4a4; border-radius: 2px; color: #000; text-decoration: none; } div.partner-right div#downloadlist table {width: 100%; text-align: left; margin: 0 0 20px; border-bottom: 1px solid #e2e2e2; } div.partner-right div#downloadlist table td {width: 10px;} div.partner-right div#downloadlist table tr {line-height: 2em;} div.partner-right div#downloadlist table th {border-bottom: 1px solid #e2e2e2; } /*-------------------------------------------------------------------------------------------------- Complaints --------------------------------------------------------------------------------------------------*/ div.complaint h1 { font-weight: bold; } div.complaint-overview {float: right; width: 420px; margin: 0; box-sizing: border-box;} div.complaint-overview * { box-sizing: border-box; } div.complaint-overview hr { margin: 20px 0; } div.complaint-overview div.box {width: 220px; margin: 0 180px; padding: 10px; background-color: #f0f0f0; margin-bottom: 10px;} div.complaint-overview div.box.communication {width: 100%; margin: 0;} div.complaint-overview div.box.communication textarea{width: 100%!important;} div.complaint-overview ul, div.complaint-overview ul li { list-style-type: none !important; } div.complaint-overview ul { margin: 0 !important; padding: 0 !important; } div.complaint-overview ul li.selected {font-weight: bold;} div.complaint-overview ul li a { color: #000; text-decoration: none !important; } div.complaint-overview ul li.completed { background-position: left top;} div.complaint-overview ul li.completed a {color: #222 !important; padding: 0 0 0 20px; display: inline-block; background: transparent url(../gfx/icons/check.png) no-repeat left;} div.complaint-overview h3.communication {font-size: 1.3em; margin: 0 0 1em;} div.complaint-overview h3.communication.inline {display: inline-block; font-weight: bold; } div.complaint-overview h3.communication.italic { font-style: italic; } div.complaint-overview h3.communication:first-of-type { font-weight: bold; } div#LinkToComplaint { padding: 10px 0 0; } div.complaint-overview textarea.complaintlinktextarea {height: 50px; font: 1em Arial, Helvetica, Sans-serif; width: 180px; background-color: #f0f0f0; border: 0; resize: none;} div.complaint-overview textarea.complaintlinktextarea.standard { background-color: #fff; height: 50px; } div#step {width: 500px;} fieldset.complaint div.validationsummery {width: 450px;} fieldset.complaint legend {display: none;} fieldset.complaint p input[type="text"], fieldset.complaint p select, fieldset.complaint p textarea {margin: 0 !important; padding: 3px !important; width: 460px; background-color: #f0f0f0; border: solid 1px #e7e7e7;} fieldset.complaint p input:focus, fieldset.complaint p select:focus, fieldset.complaint p textarea:focus {background-color: #fff; } fieldset.complaint p textarea {font: 1em Arial, Sans-Serif;} fieldset.complaint p {clear: both;} fieldset.complaint p label {} fieldset.complaint p.checkbox label {float: none;} fieldset.complaint p.checkbox input {width: auto; float: none;} fieldset.complaint p input.btn {width: auto; margin-left: 171px;} fieldset.complaint p.no-margin {margin: 0 !important;} fieldset.complaint div.checkbox ul {margin: 0 0 15px 0 !important; padding: 0px !important; list-style: none !important;} fieldset.complaint div.checkbox ul li {padding: 0 !important; margin: 0px !important; list-style: none !important; font-size: 11px;} fieldset.complaint table input.riTextBox {margin: 0 !important; padding: 3px !important; width: 240px !important; background-color: #f0f0f0 !important; border: solid 1px #e7e7e7 !important;} fieldset.complaint table input.riTextBox:focus {background-color: #fff !important; } fieldset.complaint dt {float: left; width: 220px; margin-top: 8px;} fieldset.complaint div.complaint-contect-left dt {width: 150px;} fieldset.complaint dd {display: inline-block;width: 270px; line-height: 3em; margin: -4px 0;} fieldset.complaint div.complaint-contect-left dd {display: inline-block;width: 100px; line-height: 3em;} fieldset.complaint dd input {margin: 10px 0 5px 0; padding-right: 3px; } fieldset.complaint dd label {padding: 0 5px;} fieldset.complaint dd input[type="text"], fieldset.complaint dd select, fieldset.complaint dd textarea {margin: 2px 0; padding: 3px !important; width: 260px; background-color: #f0f0f0; border: solid 1px #e7e7e7;} fieldset.complaint dd.checkbox {line-height: normal !important;} fieldset.complaint dd input[type="checkbox"] {width: auto; } fieldset.complaint dd input:focus, fieldset.complaint dd select:focus, fieldset.complaint dd textarea:focus {background-color: #fff; } fieldset.complaint dd textarea {font: 1em Arial, Sans-Serif;} fieldset.complaint dl dd {margin: -4px 0; } fieldset.complaint dl dt {margin: 2px 0 5px;} fieldset.complaint dl {margin-bottom: 5px; } fieldset.complaint div.complaint-contect-left dd input[type="text"], fieldset.complaint div.complaint-contect-left dd select, fieldset.complaint div.complaint-contect-left dd textarea {width: 92px;} fieldset.complaint table.ErrorAlternatives {width: 100%;} fieldset.complaint div.complaint-contect-left {float: left; width: 250px;} fieldset.complaint div.complaint-contect-right {float: left; width: 200px; margin-left: 20px;} fieldset.complaint ul.ruInputs {list-style: none !important; margin: 0 !important; padding: 0 !important;} fieldset.complaint ul.ruInputs li {list-style: none !important; margin: 0 !important; padding: 0 !important;} fieldset.complaint dl.step3 dt {width: 270px;} fieldset.complaint dl.step3 dd {width: 200px;} fieldset.complaint dl.step3 dd input {width: 190px;} div#step .microcopy {padding: 5px 0; font-style:italic; margin: 0!important; } fieldset.complaint h3 {font-weight: bold; border-bottom: 1px solid #e4e4e4; margin: 10px 0 3px 0; } div.complaint h2 {font-weight: bold; margin: 9px 0 0 0; } div.complaint #step.summary h2 {font-weight: bold; border-bottom: 1px solid #e4e4e4; margin: 15px 0 5px 0; font-size: 14px; } div.complaint #step.summary h3 {font-weight: bold; margin: 9px 0 5px 0; } fieldset.complaint .complaint-contect-right p {float: right; padding: 2px 13px 0 0; } #ComplaintMessages .author {font-weight: bold; margin: 0!important; font-size: 11px; } #ComplaintMessages textarea {overflow: auto; width: 188px; font: 1em Arial, Sans-Serif; border: 1px solid #ccc; margin-bottom: 2px; } #ComplaintMessages input[type=file] {overflow: hidden; width: 99%; margin-left: 2px; margin-bottom: 4px;} #ComplaintMessages div.message-item {border-bottom: 1px solid #ccc; margin-bottom: 10px;} div.message-item p.file a {color: #333 !important; text-decoration: none !important;} div.message-item p.file a:hover {text-decoration: underline !important;} div.message-item h4 {font-size: 10px; margin-bottom: 4px;} div.message-item ul {margin: 0; padding: 0; list-style: none !important;} div.message-item ul li {margin: 0; padding: 0; list-style: none !important; background-image: url(../gfx/icons/dot.png); background-repeat: no-repeat; padding-left: 15px; background-position: 0 50%;} div.message-item ul li a {color: #333 !important; text-decoration: none !important;} div.message-item ul li a:hover {text-decoration: underline !important;} div.complaint #step {} div.complaint #step.summary dl {display: flex!important; margin-bottom: 10px; flex-wrap: wrap; } div.complaint #step.summary dt {float: left; display: inline; font-weight: normal; line-height: 1.8em; width: 40%;} div.complaint #step.summary dd {text-align: left; line-height: 1.8em; width: 50%; } div.complaint #step.summary dl::after { content: ''; display: block; clear: left; } div.complaint #step.summary span input {margin: 0 5px 10px 0; } table.default-view.files td {padding-left: 5px; padding-right: 5px;} table.default-view.files td a {text-decoration: none !important; color: #000 !important;} table.default-view.files td a:hover {text-decoration: underline !important;} table.default-view.files td.size {text-align: right;} p.norec {font-style:italic; margin: 0 !important; margin-top: -16px !important;} /*-------------------------------------------------------------------------------------------------- PARTNERWEB --------------------------------------------------------------------------------------------------*/ fieldset.registerform {display: none;} fieldset.forgotpasswordform { display: none; } /*-------------------------------------------------------------------------------------------------- DHL TRACKING --------------------------------------------------------------------------------------------------*/ div.delivery-tracker-area{border: solid 1px #ececec; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 10px; width: 300px; background: transparent url(../gfx/gui/box-gradient.png) repeat-x bottom; overflow: hidden;} div.delivery-tracker-area input.btn {padding: 2px 15px;} div.delivery-tracker-area input.text-input {width: 230px;margin-bottom: 10px;} div.delivery-tracker-area input.text-input {margin: 0 6px 10px 0 !important; padding: 3px !important; width: 220px; background-color: #f0f0f0; border: solid 1px #e7e7e7;} div.delivery-tracker-area input.text-input:focus {background-color: #fff; } div.delivery-tracker-loader {position: absolute; width: 710px; height: 40px; padding: 40px 0; text-align: center; background: #eee; font-size: 18px; color: #666; cursor:wait;} /*-------------------------------------------------------------------------------------------------- AddOns etc --------------------------------------------------------------------------------------------------*/ span.smark {background-color: #ffff96; padding: 0 2px;} ol.searchresult li {margin-bottom: 20px;} ol.searchresult h3 {margin: 0 0 5px 0;} ol.searchresult h3 a {text-decoration: none;} ol.searchresult p {margin: 3px 0;} address.staff {margin: 20px 0; display: block; clear: both;} address.staff span {margin: 0 0 3px 0; font: normal 12px sans-serif; display: block;} address.staff span.wrapper {width: 300px; float: left;} address.staff span.photo {width: 120px; margin-right: 5px; float: left;} address.staff span.n {margin-bottom: 5px; font-size: 14px; font-weight: bold;} address.staff span.title {margin: 10px 0; font-size: 14px;} address.staff span.value {display: inline;} div.gallery {width: 100%; margin: 10px 0; clear: both; float: left;} p.gallerybreadcrumb {margin: 10px 0 5px 0; padding: 5px; background: #f5f5f5; border: solid 1px #eee;} a.gallerydir {width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff url(../gfx/bg_gallery.gif) no-repeat 100% 100%; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;} a.galleryimg {width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;} a.gallerydir:hover {color: #000; background-color: #f5f5f5;} a.galleryimg:hover {color: #000; background-color: #f5f5f5;} a.gallerydir img, a.galleryimg img {display: block; clear: both;} a.gallerydir span, a.galleryimg span {width: 120px; font: normal 11px sans-serif; text-align: center; display: block; clear: both; position: absolute; bottom: 5px; left: 5px;} fieldset.contact {border: 0; margin: 10px 0; padding: 0;} fieldset.contact legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000; display: none;} fieldset.contact p {margin: 5px 0;} fieldset.contact label {display: block;} fieldset.contact label .rfv {font-size: 11px; color: #f00;} fieldset.contact input {width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;} fieldset.contact input.captcha-input {width: 60px;} fieldset.contact textarea {width: 250px; height: 100px; padding: 2px; font: normal 12px sans-serif; color: #000; overflow: auto;} fieldset.contact .btn {width: auto;} fieldset.loginprotectedpage {border: 0; margin: 10px 0; padding: 0;} fieldset.loginprotectedpage legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000;} fieldset.loginprotectedpage p {margin: 5px 0;} fieldset.loginprotectedpage label {display: block;} fieldset.loginprotectedpage label .rfv {font-size: 11px; color: #f00;} fieldset.loginprotectedpage input {width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;} fieldset.loginprotectedpage .btn {width: auto;} dl#pageproperties {width: 100%; margin: 20px 0; display: block; clear: both;} dl#pageproperties dt {width: 110px; font: bold 11px sans-serif; float: left;} dl#pageproperties dd {font: normal 11px sans-serif;} dl#pageproperties dd a {} ul.sitemap {margin: 5px 0 5px 20px; list-style-type: square;} ul.sitemap ul {margin: 5px 0 5px 20px; list-style-type: square;} ul.breadcrumb {margin: 0; padding: 0; list-style: none;} ul.breadcrumb li {margin-right: 5px; padding: 0; line-height: 25px; display: inline;} ul.breadcrumb li.delimiter {font-weight: bold;} ul.documentlibrary, ul.documentlibrary li {list-style: none !important;} ul.documentlibrary {margin-left: 0 !important; padding: 0 !important;} ul.documentlibrary li {line-height: 20px; border-bottom: solid 1px #f0f0f0; padding: 5px 0;} ul.documentlibrary li img {vertical-align: top;} ul.documentlibrary li a {margin: 0 0 0 6px;} /* Title: jQuery Etalage plugin CSS, Author: Berend de Jong, Frique, Author URI: http://www.frique.me/, Version: 1.21 (20110904.1) */ ul#etalage, ul#etalage li {list-style: none !important; padding: 0 !important; margin: 0 !important;} #etalage li.etalage_thumb {width: 400px;} #etalage li.etalage_zoom_area {border: 1px solid #e5e5e5; margin: 20px 0 0 25px !important;} #etalage li.etalage_magnifier {background: #fff; border: 1px solid #e5e5e5;} #etalage, .etalage, .etalage_thumb, .etalage_thumb_image, .etalage_source_image, .etalage_zoom_preview, .etalage_icon, .etalage_hint{ display:none } .etalage, .etalage ul, .etalage li, .etalage img, .etalage_hint, .etalage_description{ margin:0; padding:0; border:0; list-style:none } .etalage, .etalage_magnifier div, .etalage_magnifier div img, .etalage_small_thumbs ul, ul .etalage_small_thumbs li, .etalage_zoom_area div, .etalage_zoom_img{ position:relative } .etalage img, .etalage li{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -webkit-user-drag:none; -moz-user-drag:none; user-drag:none } .etalage, ul .etalage_small_thumbs li{ float:left } .etalage_right{ float:right } .etalage li{ position:absolute } .etalage img{ vertical-align:bottom } .etalage_magnifier{ cursor:default } .etalage_magnifier div, .etalage_small_thumbs{ overflow:hidden } .etalage_magnifier div img{ display:none } .etalage_icon, .etalage_hint{ cursor:default; width:0; height:0; overflow:hidden } ul .etalage_small_thumbs li.vertical{ float:none } .etalage_zoom_area div{ overflow:hidden; z-index:997 } ul .etalage_zoom_preview{ position:absolute; z-index:998 } .etalage_zoom_img, .etalage_hint{ z-index:999 } ul li div.etalage_description{ position:absolute; bottom:0; left:0; z-index:999 } .referencewrapper:after { content: ''; display: block; clear: both; } .form-wrap { margin-top: 40px; } .controls > * + * { margin-left: 1em; } div#content .step-2-column-3.no-float { float: none; clear: both; padding-top: 1em; } /*-------------------------------------------------------------------------------------------------- Startpage inquiries --------------------------------------------------------------------------------------------------*/ .startpage-inquiry { background-color: white; position: relative; min-height: 300px; } .startpage-inquiry.on-start { margin-top: 0px; border-radius: 5px 5px 0 0; } .startpage-inquiry .inquiry-generated-image { width: 300px; background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; right: 0; top: 0; height: 300px; } .startpage-inquiry .inquiry-generated-image .inquiry-model-image, .startpage-inquiry .inquiry-generated-image .inquiry-bars-image { height: 300px; background-repeat: no-repeat; background-position: center; background-size: contain; } .startpage-inquiry .inquiry-generated-image .inquiry-bars-image { display: none; } .startpage-inquiry #inquiry-form { overflow: hidden; padding: 20px; display: inline-block; max-width: 400px; box-sizing: border-box; } .startpage-inquiry #inquiry-form > div > p { margin-bottom: 0; line-height: normal; } .startpage-inquiry #inquiry-form .controls > * + * { margin: 0; } .startpage-inquiry #inquiry-form .controls > input { margin-bottom: 10px; } .startpage-inquiry #inquiry-form .controls > input:not(:last-of-type) { margin-right: 1em; } .startpage-inquiry #inquiry-form span.wide { display: inline-block; } .startpage-inquiry .col-1 > span { display: block; } .startpage-inquiry .col-2 { } .formgroup:after { content: ''; display: block; clear: both; } .formgroup + .formgroup { margin-top: 1.4em; } .formgroup > h1 { margin: 0; } .startpage-inquiry label { font-size: 12px; display: block; margin-bottom: 5px; color: #777; } .startpage-inquiry input[type="radio"] { display: inline-block; margin: 0 10px 0 0; } .startpage-inquiry input[type="radio"] + label { display: inline-block; margin: 0 20px 0 0; } .startpage-inquiry input[type="checkbox"] + label { display: inline-block; margin: 0 0 0 5px; } div#content .startpage-inquiry .col-2 > *:first-child { margin-right: 1.4em; } .startpage-inquiry input[type=text], .startpage-inquiry input[type=number] { display: block; width: 100%; box-sizing: border-box; -moz-appearance:textfield; padding: 5px; background-color: #f0f0f0; border: 1px solid #e7e7e7; -webkit-appearance: none; border-radius: 0; } .startpage-inquiry input::-webkit-outer-spin-button, .startpage-inquiry input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } div#content .startpage-inquiry .width { width: 55px; float: left; margin: 0; } div#content .startpage-inquiry .height { width: 55px; float: left; margin: 0; } .startpage-inquiry .width input { text-align: right; padding-right: 5px; } .startpage-inquiry .widthHeightDivider { display: inline-block; width: auto; margin: 0 6px!important; padding-top: 29px; float:left; } .startpage-inquiry .cc { float: none; display: none; margin: 0; display: inline-block; margin-left: 15px; } .startpage-inquiry .cc input { width: 8ch; } .startpage-inquiry .hidableinput { width: 60px; float: none; margin: 0; display: inline-block; margin-left: 15px; } .startpage-inquiry input.input--sm { width: 40px; } .startpage-inquiry input.input--m { width: 70px; } div#content a#openfancybox { text-decoration: none; display: inline-block; position: relative; text-transform: uppercase; } .startpage-inquiry .k-header { background-color: #f0f0f0!important; } .startpage-inquiry .helptext { margin-bottom: 8px !important; color: #777; } .block-list + .block-list { padding: 20px 0 0; border-top: 1px solid #dedede; } .startpage-inquiry-show-generator { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.5); /*background-image: url(../gfx/windows-pattern.png); background-size: cover; background-position: center; background-repeat: no-repeat;*/ height: auto; margin-top: 70px; margin-left: 16px; border-radius: 5px;} .startpage-inquiry-show-generator-click-area { border-radius: 5px; padding: 20px; cursor: pointer; background-color: rgba(238, 238, 238, 0.6); background-image: url(../gfx/fönsterrulle2.gif); background-repeat: no-repeat; background-size: 100px; background-position: center right; background-blend-mode: multiply; } .startpage-inquiry-show-generator-click-area:hover { background-color: #eee; } div#startpagecontent .startpage-inquiry-show-generator-click-area h1 { font-weight: bold !important; margin-bottom: 10px; font: normal 1.6667em/1.3em Arial,Helvetica,Sans-serif; color: #007ac3; letter-spacing: 0; text-shadow: none; margin-left: 0; margin-top: 0; padding-right: 80px; } .startpage-inquiry-show-generator-click-area .btn-inquiry { background:linear-gradient(to bottom,#00AFE7,#0094C3); width: 140px; display: block; padding: 4px 0; border-radius: 5px;} .startpage-inquiry-show-generator-click-area .btn-inquiry:hover { background: #007ac3; } .startpage-inquiry-show-generator-click-area h2 { font-weight: bold; margin-bottom: 0; background-image: url('clientfiles/Gfx/gui/right-arrow.png'); background-size: 20px; background-position: 15px center; background-repeat: no-repeat; color: #fff; text-align: center; padding-left: 30px; } .special-bars-container { display: flex; flex-direction: column; margin: 10px 0 0 0; border-radius: 3px; border: 1px solid #eee; padding: 10px; } .special-bars-list { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; } .special-bars { display: flex; align-items: center; margin-left: 10px; width: 75px; } .special-bars-label { display: flex !important; flex-direction: column; align-items: center; } .special-bars-image { } .special-bars-image-container { display: flex; align-items: center; } .special-bars-input { margin: 0 5px 0 0 !important; } .special-bars-text { padding-left: 17px; text-align: center; font-size: 11px; padding-top: 2px; } .special-bars-height-input { max-width: 120px; margin-bottom: 16px; } .special-bars-input-container { display: flex; flex-direction: column; } .special-bars-input-row { display: flex; align-items: center; } .special-bars-input-row input[type="checkbox"] { margin-left: 16px; } .startpage-inquiry input[type].input--sm { width: 55px; } .startpage-inquiry input[type].input--m { width: 80px; } /*-------------------------------------------------------------------------------------------------- Energycalculator --------------------------------------------------------------------------------------------------*/ .square { vertical-align: super; font-size: 9px; } .energy-calculator-container { display: flex; flex-direction: row-reverse; } .energy-calculator-help { width: 64%; border-left: 1px solid #eee; } .energy-calculator-help img { max-width: 100% !important; } .energy-calculator-form { flex: 1; margin-right: 20px; } .energy-calculator-form fieldset { } .energy-calculator-form fieldset legend { font-size: 13px; font-weight: bold; color: #555; border-bottom: 1px solid #eee; margin-bottom: 8px; margin-top: 15px; display: block; width: 100%; } .energy-calculator-form fieldset:first-of-type legend { margin-top: 0; } .energy-calculator-form label { display: block; color: #777; } .energy-calculator-form input, .energy-calculator-form select { display: block; width: 100%; box-sizing: border-box; padding: 5px; padding-right: 5px; background-color: #f0f0f0; border: 1px solid #e7e7e7; -webkit-appearance: none; border-radius: 0; } .energy-calculator-form input:disabled, .energy-calculator-form select:disabled { background-color: #fafafa; } .energy-calculator-result { background-color: #00afe7; color: #fff; font-weight: bold; padding: 10px; text-align: right; margin-bottom: 15px; } .energy-calculator-result-value { font-size: 14px; text-decoration: underline; } div#content a.energy-calculator-download-button { float: right; display: inline-block; padding: 7px 18px; background-color: #007ac3; border-radius: 2px; border: none; color: #fff !important; cursor: pointer; box-shadow: 0 2px 5px 0 rgba(0,0,0,.26); transition: all .1s cubic-bezier(.25,.8,.25,1); -webkit-appearance: none; text-decoration: none !important; } div#content a.energy-calculator-download-button.disabled { background-color: #eee; color: #999 !important; pointer-events: none; } div#content a.energy-calculator-download-button:hover { background-color: #0068a5; color: #fff !important; } div#content ul.energy-calculator-help-list { position: relative; list-style: none; padding: 0; } div#content ul.energy-calculator-help-list > li { list-style: none; } div#content ul.energy-calculator-help-list > li .energy-calculator-help-title { color: #777; } div#content ul.energy-calculator-help-list > li.selected .energy-calculator-help-title { color: #000; } .energy-calculator-help-content { margin-bottom: 10px; } .energy-calculator-help-content table { width: 100%; } .energy-calculator-help-content table td, .energy-calculator-help-content table th { border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: 4px 7px; } .energy-calculator-help-content table tr:first-of-type th { text-align: right; } .energy-calculator-help-content table td { text-align: right; } .energy-calculator-help-content table th { border: 1px solid #eee; } .energy-calculator-help-content table tr:nth-of-type(2n) > * { background-color: #fafafa; } div#content .energy-calculator-inlined { display: flex; flex-direction: row; } div#content .energy-calculator-inlined > p { margin-right: 10px; } div#content .energy-calculator-inlined > p:last-child { margin-right: 0; } /*-------------------------------------------------------------------------------------------------- REFERENCES --------------------------------------------------------------------------------------------------*/ .reference-list-container { } .reference-list-container h2 { margin-top: 1.2em; font-size: 1.6em; } .reference-list-container h3 { color: #000; font-weight: bold; margin-top: 1em; } .reference-list-container img { max-width: 100%; height: auto; } .reference-index { display: flex; flex-wrap: wrap; } .reference-content { margin-bottom: 16px; } div#content a.reference-index-button { background-color: #007ac3; border-radius: 5px; padding: 9px 14px; text-decoration: none; color: #fff; display: inline-block; margin-right: 8px; margin-bottom: 8px; } div#content a.reference-index-button:hover { background-color: #036dad; color: #fff !important; } img[data-lazy-src]{will-change:contents} /*-------------------------------------------------------------------------------------------------- INQUIRY 2.0 --------------------------------------------------------------------------------------------------*/ .inquiry-formgroup { border: 1px solid #eee; background-color: rgba(0, 0, 0, .02); padding: 10px; border-radius: 4px; margin-bottom: 10px; position: relative; } .inquiry-formgroup input, .inquiry-formgroup select { margin-bottom: 1em; } .inquiry-formgroup input[type="checkbox"] { margin-bottom: 1.2em; } .inquiry-inline-fields { display: flex; align-items: flex-end; } .inquiry-inline-fields.wrap { flex-wrap: wrap; } .inquiry-inline-fields.align-top { align-items: unset; } .inquiry-inline-fields.spaced > *+* { margin-left: 10px; } .inquiry-size { align-items: unset; margin-right: 20px; } .inquiry-formgroup .cc { } .inquiry-formgroup .cc.hidden { display: none; } .startpage-inquiry .special-bars-container, .inquiry-formgroup .special-bars-container { border: 0; border-radius: 0; padding: 10px; padding-top: 0; margin: 0 -10px 16px; } .inquiry-formgroup .first.has-parts-over .special-bars-container { border-bottom: 1px solid #eee; } .inquiry-formgroup .special-bars-list { margin-top: 5px; } .special-bars-height { margin-bottom: 8px; } .special-bars-custom-height { margin-top: 8px; } .inquiry-generated-image-sticky-container { position: absolute; right: 0; top: 0; bottom: 0; width: 100%; max-width: 300px; } .inquiry-generated-image-sticky { position: sticky; top: 40px; } .inquirywrapper .startpage-inquiry .special-bars-container { border-radius: 5px; border: 1px solid #eee; margin: 10px 0; padding: 10px; background-color: #fafafa; } .inquirywrapper .startpage-inquiry .special-bars-height { margin-bottom: 10px } .inquirywrapper .startpage-inquiry .special-bars-custom-height { margin-bottom: 10px } .inquirywrapper .startpage-inquiry .cc { margin-left: 10px !important; } .inquirywrapper .startpage-inquiry .col-2 { display: flex; } .inquiry-step3-additions-list { } .inquiry-step3-additions-list > span { float: left; margin-right: 6px; width: calc(25% - 6px); } table.inquiryrows .inquiry-step3-additions-list select { width: unset; } div#content .step-2-category-list { display: flex; flex-direction: column; } div#content .step-2-category-list ul { display: flex; margin: 0; padding: 0; flex-wrap: wrap; } div#content .step-2-category-list ul li { margin-bottom: 0; display: flex; padding: 6px; width: 100%; max-width: 115px; align-items: flex-start; } div#content .step-2-category-list ul li+li { border-left: 1px solid #dedede; } div#content .step-2-category-list ul li input { margin-top: 0; flex-shrink: 0; } .inquiry-formgroup-help { cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 0; background-color: transparent; border-radius: 0; background-image: url('clientfiles/Gfx/icons/info.gif'); width: 30px; height: 30px; position: absolute; right: 1px; top: 1px; background-position: center; background-repeat: no-repeat; } .inquiry-formgroup-help-content { display: none; } .inquiry-formgroup-help-content p { margin: 1em 0; } .inquiry-formgroup-help.inline { position: static; display: inline-block; vertical-align: middle; } .inquiry-formgroup-help-content ul { list-style: disc; padding-left: 20px; } /*-------------------------------------------------------------------------------------------------- Responsive --------------------------------------------------------------------------------------------------*/ @media screen and (max-width: 1000px) { html { box-sizing: border-box; } *, *:after, *:before { box-sizing: border-box; } img { max-width: 100%!important; height: auto!important; } iframe { max-width: 100% !important; max-height: 300px !important;} #mastheadnavigationmenu li.plusone iframe { width: 24px!important; height: 15px!important; } div#content ul.ul_list { margin: 0; padding: 0 0 0 20px; list-style-position: inside; } ul.ul_list li { margin-left: 0!important; } /*.gd { position: absolute; top: 0; right: 0; height: 100%; background: linear-gradient(to left, rgba(250, 250, 250, 1), rgba(250, 250, 250, 0)); pointer-events: none; z-index: 100; width: 40px;}*/ .etalage_magnifier, .etalage_magnifier *, .etalage_zoom_area { display: none!important; opacity: 0!important; } .etalage_thumb_image { opacity: 1!important; } table:not(.inline) { width: 100%!important; } .tablewrapper { width: 100%; overflow-x: scroll; -webkit-overflow-scrolling: touch; position: relative; } .tablewrapper--sm { width: auto; } div#masthead { width: 100%; margin: 0 auto; background: #fff; border-bottom: 1px solid #e4e4e4; height: auto; } div#mastheadcontent { width: 95%; } div#navigation { width: 100%; } div#container { width: 100%; overflow: hidden; } div#startpagecontent { width: 100%; height: auto; box-sizing: border-box; /*background: #e6eef6 url(clientfiles/gfx/startpage-content-2016.png) no-repeat top right; background-size: 200px;*/ padding: 20px 300px 20px 0; } div#startpagecontent a#startpage-splash img { width: 130px; } div#masthead div#websiteselector { width: 100%; position: relative; right: auto; bottom: auto; margin-bottom: 32px; } div#masthead div#websiteselector ul li a { float: left; } div#masthead div#websiteselector ul li.search fieldset { background: none; padding: 7px 5px; width: 40%; } div#masthead div#websiteselector ul li { float: left; display: block; width: 33.3%; } div#masthead div#websiteselector ul li.search { float: none; display: block; width: 40%; font-size: 0; } div#masthead div#websiteselector ul li.search fieldset input[type="text"] { width: 70%; display: inline-block; border: 1px solid #ccc; margin-right: 10px; } div#masthead div#websiteselector ul li[class] a span { background: none; width: 33.3%; right: auto; bottom: auto; } div#masthead div#websiteselector ul li.partnerlink a span { background: linear-gradient(to bottom, #004A6F, #001520); text-align: center; } div#masthead div#websiteselector ul li.quotation a span { background: linear-gradient(to bottom, #005B92, #003D5C); text-align: center; } div#masthead div#websiteselector ul li.blog a span { background: linear-gradient(to bottom, #0078C0, #005C93); text-align: center; } div#startpageshortcuts ul { width: 100%; } div#startpageshortcuts ul li { padding: 0; width: 25%; display: block!important; float: left; text-align: center; } div#container div#content.startpage { width: 100%; } div#navigation ul > li a { padding: 0; font: normal 1.2em/1em "Trebuchet MS",Arial,Helvetica,Sans-Serif; } div#navigation ul > li a span { padding: 15px 10px!important; text-align: left; } div#navigation ul > li.expand a span, div#navigation ul > li.expand-slim a span { padding-right: 20px!important; background-size: 15px; } div#navigation ul li.expand:hover > a span, div#navigation ul li.expand-slim:hover > a span { background: #fff url(clientfiles/gfx/gui/navigation-item-hc.png) no-repeat right 15px; background-size: 15px; } div#navigation ul li > ul.submenu { width: 100%; } div#navigation ul > li.expand > ul.submenu > li { height: auto!important; width: 25%; } div#navigation ul > li > ul.submenu > li > ul > li { width: 100%; } div.imageandtextblock.textunder div.imageandtextblock-image { max-width: 100%!important; } div.secondarystartpagecontent { position: relative; } div.secondarystartpagecontent div.blogposts { width: 100%; } div.secondarystartpagecontent div.blogposts div.column { width: 100%; height: auto; padding: 0 10px; } div.secondarystartpagecontent div.blogposts div.column:first-of-type { border-right: none; margin-bottom: 20px; } div.secondarystartpagecontent div#shortcuts { width: 30%; position: absolute; top: 0; bottom: 0; right: 0; } .inquirywrapper { width: 69%; } div.secondarystartpagecontent div#shortcuts div.add-list { margin: 0 0 4px 0; padding: 0; border: none; user-select: } div#container div#secondarynavigation { width: 20%; } div#container div#content.wide { width: 79%; margin: 10px 0 0 1%; } div#container div#content.superwide { width: 100%; margin: 10px 0 0 0; } div#container div#content { width: 50%; margin: 10px 1% 0 1%; } div#container div#secondarycontent { width: 28%; } div#container div#secondarycontent div.box.news h2 { font: bold 1.1em/1.2em Arial,Helvetica,Sans-serif; } div#container div#secondarycontent div.box.news p a { font-size: .9em; } div.columnitem.wide { width: 100%!important; margin: 15px auto; } div#tabarea { width: 100%; padding: 0; position: relative; padding-bottom: 10px; } /*div#tabarea:after { content: ''; position: absolute; display: block; width: 7px; height: 20px; background-image: url(../gfx/gui/arrownext.png); background-size: 100% auto; background-repeat: no-repeat; top: 9px; right: 0; font-size: 20px; color: #888; pointer-events: none; z-index: 100; animation: arrowmove 1.5s infinite ease-in-out; opacity: .6; }*/ /*div#tabarea:before { content: ''; position: absolute; display: block; width: 7px; height: 20px; background-image: url(../gfx/gui/arrowprev.png); background-size: 100% auto; background-repeat: no-repeat; top: 9px; left: 0; font-size: 20px; color: #888; pointer-events: none; z-index: 100; animation: arrowmovereverse 1.5s infinite ease-in-out; opacity: .6; }*/ ul#tabs { width: auto; white-space: nowrap; overflow-x: scroll; -webkit-overflow-scrolling: touch; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; } ul#tabs:after { content: ''; display: block; clear: both; } ul#tabs li { display: inline-block; margin: 0 !important; } ul#tabs li a { width: 100%; display: block; margin: 0; border: none; border-radius: 3px; padding: 10px 9px; } ul#tabs li.on a { margin: 0; background-color: #007ac3; color: #fff; font-weight: bold; padding: 10px 9px; } /*ul#tabs li a { width: 25%; margin: 0; } ul#tabs li.on a { padding: 8px 9px; margin: 0; }*/ div.columnitem.reference { width: 23%; margin-right: 2.666%; } div.columnitem.reference:nth-of-type(4n) { margin-right: 0; } div.columnitem.reference:nth-of-type(5n) { margin-right: 2.666%; } div.columnitem.reference div.imagebox { width: 100%; height: auto; overflow: hidden; } div#container div#secondarycontent div.box.news .item { margin: 20px 0; } div#imagecontainer { width: 40%; } div.imagetextitem { padding: 20px 0; } ul#etalage { width: 100%!important; } #etalage li.etalage_thumb { width: 100%!important; } div.cuttingcolumn { width: 33.333%; margin: 0; } table.thermalvalues { width: 100%; } div.partner-right div#searcharea input, div.partner-right div#searcharea select { width: 100%; } div.partner-left div#result ul li { width: 100%; } div.partner-left div#result ul li a { margin: 0 20px 0 8px; } div.partner-right div#downloadlist a { display: block; height: auto; width: 80%; text-align: center; margin: 0 auto; } div.partner-right div#downloadlist a:not(:last-of-type) { margin: 0 auto 15px; } div.partner-left div.filter p input { width: 100%; } div#step { width: 52%; } div.complaint-overview { width: 45%; margin-left: 3%; } .RadAsyncUpload span.ruFileWrap { width: 100%!important; } div.RadUpload .ruFakeInput { width: 50%!important; } .startpage-inquiry #inquiry-form { width: 50%; } div#startpagecontent img.adimage { width: 35%; } } @media screen and (max-width: 850px) { .startpage-inquiry #inquiry-form { width: 50%; } .startpage-inquiry #inquiry-form span.wide { display: block; } } @media screen and (min-width: 800px) { div#navigation ul li:last-of-type > ul.submenu { width: 195px; } } @media screen and (min-width: 1300px) { div#navigation ul li:last-of-type > ul.submenu { width: 220px; } } @media screen and (max-width: 769px) { div#navigation ul li:hover ul { display: none; } div#navigation ul > li.expand a span, div#navigation ul > li.expand-slim a span { background: none; } div#navigation ul > li { width: 16.666%; text-align: center; } div.imageandtextblock.textunder div.imageandtextblock-image { width: 100%; } div#navigation ul li.expand:hover > a span, div#navigation ul li.expand-slim:hover > a span { background: #0096C5; } div#navigation ul li.expand:hover > a, div#navigation ul li.expand-slim:hover > a { color: #ccc ; } p.responsivewarning { display: block; padding: 10px; background: #f0f0f0; font-weight: bold; } div.inquiry-overview { display: none; } div#step { width: 100%; } hr { width: 100%!important; } div.complaint-overview { float: none; width: 100%; margin: 0 0 30px; } div.complaint-overview hr { margin: 20px 0; } div.complaint-overview h3.communication { font-size: 1.3em; } div.complaint-overview h3.communication.inline { display: block; margin: 0 0 .5em; } div.complaint-overview div.box.communication textarea { width: 100%!important; margin-left: 0!important; border: 1px solid #abadb3!important; } div.complaint-overview div.box { width: 100%; margin: 0; } .RadUpload { width: 100%!important; } .RadUpload .ruFileWrap { height: auto!important; } div.RadUpload .ruFakeInput { width: 60%!important; border-color: #abadb3!important; box-sizing: border-box!important; height: 25px!important; } .RadAsyncUpload span.ruFileWrap { width: 100%; } #ComplaintMessages div.message-item { padding: 15px 0; } } @media screen and (max-width: 760px) { div#logo { width: 30%; float: left; margin-right: 10%; margin-left: 10px; padding-top: 10px; padding-bottom: 5px; } div#logo img { max-width: 100px!important; } iframe { width: 100%!important; height: 300px; } div#container div#content div#breadcrumbs { font-size: .9em; } .mm-listview>li:not(.mm-divider):after { left: 0!important; } div.columnitem.box { height: auto; } .openmenu { display: block; width: 100%; background: #0090bc; text-align: center; padding: 20px 0; position: relative; margin-top: -1px; } .openmenu svg { width: 150px; height: 40px; padding: 12px; position: absolute; top: 50%; left: 20px; transform: translateX(-50%) translateY(-50%); transition: left .4s ease-out; pointer-events: none; background-color: #0090bc; } html.mm-opened .openmenu svg { left: calc(100% - 30px); } .mm-listview li > span { text-align: left; font-size: .8em; padding: 15px 10px!important; } .mobilemenu { display: block; width: 100%; white-space: nowrap; -webkit-overflow-scrolling: touch; position: relative; padding: 0 20px; } .mobilemenu ul { list-style: none; overflow-x: scroll; } .mobilemenu ul li { display: inline-block; margin-right: 8px; } .mobilemenu ul li a { display: inline-block; padding: 8px 15px; color: #fff; background-color: #006d8f; text-decoration: none; } .mobilemenu ul li.on a { font-weight: bold; background-color: #00a6d8; } .mobilemenu div.arrow-left { content: ''; width: 20px; height: 34px; position: absolute; left: 0; top: 0; background-color: #e6eef6; background-image: url(../gfx/gui/arrowprev.png); background-size: 7px; background-repeat: no-repeat; background-position: 50%; font-size: 20px; color: #888; pointer-events: none; z-index: 80; } .mobilemenu div.arrow-right { content: ''; width: 20px; height: 34px; position: absolute; right: 0; top: 0; background-color: #e6eef6; background-image: url(../gfx/gui/arrownext.png); background-size: 7px; background-repeat: no-repeat; background-position: 50%; font-size: 20px; color: #888; pointer-events: none; z-index: 80; } .mobilemenu { display: none; } div#masthead { padding-top: 0; background-color: #e6eef6; } div#mastheadcontent { width: 100%; } div#mastheadcontent:after { content: ''; display: block; clear: both; } div#masthead div#mastheadnavigation { position: absolute; top: 50%; right: 0; transform: translateY(-50%); text-align: center; padding: 5px 0; width: 60%; float: left; } div#masthead div#websiteselector { display: none; } div#masthead div#websiteselector ul li.search { width: 100%; } div#masthead div#websiteselector ul li fieldset { position: relative; float: none; } div#masthead div#websiteselector ul li.search fieldset { width: 100%; text-align: center; } div#masthead div#websiteselector ul li.search fieldset label { display: none; } div#masthead div#websiteselector ul li.search fieldset input[type="text"] { width: 150px; display: inline; } div#masthead div#websiteselector ul li.search fieldset input[type="submit"] { font-size: 11px; padding: 3px 0; display: inline; } div#masthead div#websiteselector ul li a span { padding: 5px; font-size: .8em; } div#mastheadnavigation li a { margin: 0 10px 0 0; } div#masthead div#mastheadnavigation ul li.search fieldset { text-align: center; display: inline; } div#masthead div#mastheadnavigation ul li.search fieldset legend { display: none; } div#masthead div#mastheadnavigation ul li.search fieldset input[type="text"] { width: 65%; display: inline; } div#masthead div#mastheadnavigation ul li.search fieldset input[type="submit"] { font-size: 11px; padding: 3px 0; display: inline; width: 30%; } div#masthead ul#mastheadnavigationmenu li:not(.search) { display: none; } div#navigation { width: 80%; position: fixed; background: #ffffff; margin: 0; left: -100%; transition: left .4s ease-out; z-index: 100; display: block; } html.mm-opened #navigation { left: 0; box-shadow: 6px 0 20px rgba(0, 0, 0, 0.1); } div#navigation a.mm-next { padding: 0!important; position: absolute!important; z-index: 1000!important; margin: 0!important; } div#navigation ul li:hover ul { display: none; } div#navigation ul li.expand:hover > a span, div#navigation ul li.expand-slim:hover > a span { background: #fff; } div#navigation ul > li { background: none; float: none; width: 100%; text-align: center; padding: 0; } div#navigation ul > li.mm-selected a { font-weight: bold; } div#navigation ul > li a:hover { color: #000; } div#navigation ul > li.mm-selected a span { background: #f9f9f9!important; } div#navigation > ul > li { border-bottom: 1px solid #777; } div#navigation ul > li a { color: #555; text-transform: none; font-size: .8em; } div#navigation ul > li.expand a span, div#navigation ul > li.expand-slim a span { background: none; } div#navigation ul > li a span { padding: 15px 5px; } #additionalmenu { display: block; margin-top: 0; } #additionalmenu h2 { padding-top: 20px; color: #333;} div#content #additionalmenu ul { list-style: none; list-style-type: none; padding: 0; margin: 0 0 2em; } div#content #additionalmenu ul li { list-style-type: none; margin: 0; } #additionalmenu ul li ~ li { border-top: 1px solid #dedede; } #additionalmenu ul li a { display: block; padding: 8px 5px; color: #444; text-decoration: none; } div#secondarynavigation ul#secondarynavigationmenu > li:not(.on) { display: none; } div#cpi { display: none; } div#navigation #secondarynavigationmenu li > a { background: #fff; padding: 7px 0; border-bottom: 1px solid #dedede; font: normal 1em/1em "Trebuchet MS",Arial,Helvetica,Sans-Serif; } div#navigation #secondarynavigationmenu li { border-bottom: none; } div#secondarynavigation ul > li.on.hc > a { border-bottom: 1px solid #dedede!important; } div#navigation div#secondarynavigation > ul > li.hc.on > ul.submenu { display: block; position: relative; left: auto; padding: 0; background: #f7f7f7; border-radius: 0; -webkit-border-radius: 0; margin: 0; text-align: center; } div#navigation ul > li > ul.submenu > li { float: none; padding-bottom: 5px!important; width: 100%; padding: 5px 0; border-bottom: 1px solid #dedede; } ul#secondarynavigationmenu > li.hc.on > ul.submenu > li { width: 100%; padding: 0!important; } div#navigation ul#secondarynavigationmenu > li.hc.on > ul > li > a { padding: 6px 0!important; background: #f7f7f7; } div#navigation div#secondarynavigation > ul > li > a { padding: 6px 0!important; background: #fff; font-size: 1em; } div#navigation ul > li > ul.submenu > li > a { font-weight: normal; } div#navigation ul#secondarynavigationmenu > li > ul.submenu > li > ul { background-color: #f1f1f1!important; padding: 0!important; } div#navigation ul#secondarynavigationmenu > li > ul.submenu > li > ul > li > a { background: none; border-bottom: none; padding: 7px 0!important; } div#secondarynavigation ul > li.on > ul > li.on > a { color: #000; font-weight: bold!important; } div#footernavigation { padding: 0; } div#footernavigation > ul > li { width: 49%; float: left; margin-right: 2%; margin-bottom: 10px; } div#footernavigation > ul > li:nth-of-type(2n) { margin-right: 0; } div#startpageshortcuts ul { height: auto; } div#startpageshortcuts ul:after { content: ''; display: block; clear: both; } div#startpageshortcuts ul li { width: 50%; } div.secondarystartpagecontent div.blogposts { width: 100%; float: none; } div.secondarystartpagecontent div#shortcuts { width: 100%; float: none; position: relative; top: auto; bottom: auto; right: auto; } div#footer address { margin-bottom: 20px; } .inquirywrapper { width: 100%; float: none; } div.imageandtextblock { margin-top: 30px; } div.imageandtextblock-image { width: 150px; margin: 0 10px 5px 0; } div#startpagecontent { padding: 0; /*background-image: none;*/ } div#startpagecontent img.adimage { display: block; float: right; width: 40%!important; } div#startpagecontent h1 { font-size: 30px; margin: 0 10px 8px; line-height: normal; width: 60%; } div#startpagecontent p { padding-left: 0; margin: 20px 0px; } div#startpagecontent p:last-of-type { padding: 10px; } div#startpagecontent a#startpage-splash img { width: 70px; } div#startpageshortcuts ul li { margin: 0; } div#startpageshortcuts ul li:first-of-type { border-bottom: 1px solid #fff; } div#startpageshortcuts ul li:nth-of-type(2n) { border-bottom: 1px solid #fff; border-right: none; } div#startpageshortcuts ul li:nth-of-type(2n + 1) { border-bottom: 1px solid #fff; } div#startpageshortcuts ul li:nth-of-type(2n + 1):last-of-type { border-bottom: none !important; } div#container div#secondarynavigation { display: none; } div#container div#content, div#container div#content[class] { width: 100%; margin: 0 0 30px; } div#container div#secondarycontent { width: 100%; } div#container div#secondarycontent div.box.news .item { margin: 30px 0; } /*div#tabarea { width: 100%;*/ /*background: none; border-bottom: 1px solid #dedede;*/ /*overflow-x: scroll; -webkit-overflow-scrolling: touch; padding: 0 5%; margin: 0 auto; position: relative; } ul#tabs { width: auto; white-space: nowrap; }*/ /*div#tabarea:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 30px; background: linear-gradient(to left, #000, rgba(0, 0, 0, 0.01)); }*/ /*ul#tabs li { display: inline-block; } ul#tabs li a { width: auto; display: inline-block; }*/ div.cuttingcolumn { width: 100%; margin: 0 auto; float: none; } .tbl_detalj { width: 100%; } div.columnitem.reference:nth-of-type(n) { width: 49%; margin: 0 auto 30px; float: left; } div.columnitem.reference:nth-of-type(2n) { width: 49%; margin: 0 auto 30px 2%; } fieldset.contact input, fieldset.contact textarea { width: 100%; resize: none; border: 1px solid #999999; } fieldset.contact .btn { width: 40%; padding: 10px 0; display: block; margin: 0 auto; } div.delivery-tracker-area { width: 60%; } div.tabcontent div.column { width: 100%; float: none; margin-bottom: 30px; } div.imagetextitem div.image { width: 100%; text-align: center; float: none; margin-bottom: 20px; } div#imagecontainer { width: 100%; float: none; margin: 0 0 20px 0; } div.newsitem div.newsimage img { float: none; } /*img.right, img.left { float: none; margin: 0 0 20px; }*/ div.delivery-tracker-area { margin-top: 10px; } div.delivery-tracker-area input.text-input { margin: 0 0 10px!important; width: 100%; } div.partner-right { float: none; width: 100%; margin-left: 0; } div.partner-right:after { content: ''; display: block; clear: both; } div.partner-left { float: none; width: 100%; } div.partner-left div#result ul li a, div.partner-left div#result ul li a[class] { display: block; margin: 0 0 15px 55px; } fieldset.partnerform input[type="text"], fieldset.partnerform input[type="password"] { width: 100%; padding: 5px!important; margin-bottom: 5px!important; } div.partner-left div.filter p input { width: 100%; } table h2 { font-size: 1em; } table.deliverytable td:first-of-type { padding: 0 5px 0 0; } div.secondarystartpagecontent div#shortcuts ul li a { margin: 0 0 8px; } div#footernavigation ul#footernavigationmenu li a { margin: 0 0 7px; display: block; } .startpage-inquiry-show-generator { width: 50% !important; margin-top: 20px; margin-bottom: 20px; } .startpage-inquiry-show-generator-click-area { /*background-position: top right 15px;*/ } div#startpagecontent .content-bg { width: 50%; } } @media screen and (max-width: 760px) and (orientation: landscape) { div.imageandtextblock-image { width: 200px; } } @media screen and (max-width: 700px) { .startpage-inquiry input { font-size: 16px; } input, textarea, select { font-size: 16px; } .tablewrapper--sm { width: 100%; } .formgroup + .formgroup { margin-top: 15px; } div.step-info.step1 { float: none; width: 100%; margin: 1em 0; } fieldset.inquiry.step1 p label { width: 100%; display: block; margin: 1em 0 .5em; } fieldset.inquiry.step1 p input.input-postalcode { width: 100%; display: block; } fieldset.inquiry.step1 p input.input-city { width: 100%; display: block; margin-top: .5em!important; } fieldset.inquiry p input[type="text"], fieldset.inquiry input[type="number"], fieldset.inquiry p select, fieldset.inquiry p textarea { width: 100%; } .startpage-inquiry #inquiry-form > div > p { line-height: normal; } .startpage-inquiry label { font-size: 13px; margin-bottom: 5px; display: block; } .startpage-inquiry input[type=text], .startpage-inquiry input[type=number] { padding: 8px 5px; } .startpage-inquiry .inquiry-generated-image { width: 100%; height: 300px; } .fancy-btn { padding: 9px 15px; } .fancy-btn--send { padding-left: 25px; display: block; width: 100%; } .startpage-inquiry #inquiry-form { width: 100%; padding: 10px; margin-left: 0; padding-top: 320px; } .startpage-inquiry .height, .startpage-inquiry .width, .startpage-inquiry .cc { float: none; display: inline-block; } div#content .startpage-inquiry .cc { margin-left: 15px; //display: none; display: inline-block; //float: right; } .startpage-inquiry .widthHeightDivider { padding-top: 25px; font-size: 14px; } div.cl, div.cr { width: 100%; margin: 0; float: none; } div.cr { margin-top: 2em; } div.step-info.step3 { margin: 0; } .image-based-item { width: calc(50% - 9px); } table.inquiryrows.step3 select { width: calc(50% - 6px); } table.inquiryrows.step3 td.image-container { position: relative; width: 150px; } table.inquiryrows.step3 td.image-container div.generated-image { position: absolute; height: 150px; width: 150px; background-color: #fafafa; background-size: contain; } table.inquiryrows.step3 td.image-container div.image-based-image { height: 150px; position: absolute; width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; } table.inquiryrows.step3 td.image-container div.image-based-image:nth-child(2) { top: 85px; } } @media screen and (max-width: 500px) { div.columnitem.reference:nth-of-type(n) { width: 100%; float: none; margin: 0 auto 30px; } .tbl_detalj tbody tr td { width: 50%!important; } div.delivery-tracker-area { width: 100%; } .startpage-inquiry input[type="submit"] { display: block; width: 100%; font-size: 16px; } .controls > input { display: block; width: 100%; } .controls > * + * { margin-left: 0; margin-top: 1em; } .image-based-item { width: 100%; margin-right: 0; float: none; } input.goback { float: none; } .adimage {display: none !important;} .startpage-inquiry-show-generator { width: 92% !important; } div#startpagecontent h1 { width: 100%; } div#startpagecontent .content-bg { width: 95%; margin-left: 10px; } .energy-calculator-container { flex-direction: column; } .energy-calculator-help { margin-bottom: 20px; } .energy-calculator-help-content { width: 91vw; overflow-x: auto; -webkit-overflow-scrolling: touch; } .energy-calculator-form { margin-right: 0; } } div#container .instagram { text-align: right; } div.instagram a.instagram { color: #5c5c5c; text-decoration: none; margin: 0 0 0 10px; background: transparent url(../gfx/icons/instagram.png) no-repeat left; padding: 2px 0 2px 20px; background-size: 16px 16px; }