html {
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}
body {
margin: 0px;
background-color: #cccccc;
}
img {
webkit-border-radius: 3px 3px 3px 3px;
max-width:100%;
border-radius: 3px 3px 3px 3px;
}
* {
font-family: Tahoma;
color: #333333;
box-sizing:border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
div {
overflow:hidden;
}
.has-dropdown {
position:relative;
}
.has-dropdown:hover ul.dropdown {
display:block;
}
ul.dropdown {
display:none;
position:absolute;
top:80px;
left:0;
width:175px;
height:auto;
z-index:10000;
background-color:#f6f6f6;
}
ul.dropdown li a { display:block; }
ul.dropdown li {
display:block;
width:100%;
padding:4px 0 4px 8px;
}
ul.dropdown li:hover {
background-color:grey;
}
.oF, div#main-top {
overflow:visible!important;
}
p {
line-height: 22px;
font-size: 14px;
}
li {
line-height: 22px;
font-size: 14px;
margin-left: 20px;
}
h1 {
margin: 0px;
font-size: 24px;
}
h2 {
margin: 0px;
font-size: 20px;
}
h3 {
font-size: 16px;
margin: 0px;
}
input {
border: 1px solid gray;
height: 30px;
line-height: 30px;
padding: 0 10px 0 10px;
webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.rh {
text-align: right;
}
.ch {
text-align: center;
}
.small-txt {
font-size: 12px;
}
.mobilMenuKnap, .telefonIkon { display:none; }
a.button, button {
display: inline-block;
font-size: 14px;
line-height: 35px;
height: 35px;
text-align: center;
padding: 0 20px 0 20px;
color: white;
font-weight: bold;
text-shadow: 1px 1px 2px #000000;
text-decoration: none;
webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
border: 0px;
}
a.button-c1 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6abb00+0,6abb00+50,5fa700+51,5fa700+100 */
background: #6abb00; /* Old browsers */
background: -moz-linear-gradient(top, #6abb00 0%, #6abb00 50%, #5fa700 51%, #5fa700 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #6abb00 0%,#6abb00 50%,#5fa700 51%,#5fa700 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #6abb00 0%,#6abb00 50%,#5fa700 51%,#5fa700 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6abb00', endColorstr='#5fa700',GradientType=0 ); /* IE6-9 */
}
a.button-c2, button {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4e879b+0,4e879b+50,407082+51,407082+100 */
background: rgb(78,135,155); /* Old browsers */
background: -moz-linear-gradient(top, rgba(78,135,155,1) 0%, rgba(78,135,155,1) 50%, rgba(64,112,130,1) 51%, rgba(64,112,130,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(78,135,155,1) 0%,rgba(78,135,155,1) 50%,rgba(64,112,130,1) 51%,rgba(64,112,130,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(78,135,155,1) 0%,rgba(78,135,155,1) 50%,rgba(64,112,130,1) 51%,rgba(64,112,130,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e879b', endColorstr='#407082',GradientType=0 ); /* IE6-9 */
}
.box-padding {
padding: 25px;
}
/*
HEADER
*/
div#main-top {
background-color: white;
-webkit-box-shadow: 0 0 10px 0 #707070;
box-shadow: 0 0 10px 0 #707070;
}
header {
height: 80px;
max-width: 1030px;
margin: 0 auto 0 auto;
padding:0 40px;
}
/*
LOGO
*/
div#logo {
font-size: 12px;
}
#logo img { margin-top:13px; }
div#logo-txt {
padding: 5px 0 0 0;
}
div#logo-txt a {
text-decoration: underline
}
/*
MENU
*/
nav {
float: left;
height: 80px;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
nav li {
float: left;
margin-left: 0px;
}
nav li a.pkt {
height: 100%;
font-size: 13.5px;
color: #333333;
display: block;
padding: 0 9px;
background: url('/g/menu-bg.jpg') top right;
line-height: 115px;
text-decoration: none;
font-weight: normal;
}
nav li a.pkt:hover {
background: url('/g/menu-bg-hover.png') top right;
}
nav li a.pkt-valgt {
height: 100%;
font-size: 14px;
color: #f1f1f1;
display: block;
padding: 0 12px 0 12px;
background-color: #404040;
line-height: 115px;
text-decoration: none;
font-weight: normal;
}
/*
PAGE-MENU (submenu)
*/
div#page-menu {
border-top: 1px solid #ccc;
background-color:#f1f1f1;
text-align: center;
color: orange;
font-size: 11px;
}
div#page-menu a {
padding-left: 20px;
padding-right: 20px;
font-size: 12px;
line-height: 50px;
}
/*
TELEFON
*/
div#telefon-info {
float: right;
overflow: auto;
height: 100%;
width: 110px;
background: url('/g/tlf-icon.png') no-repeat;
background-position: 0 30px;
text-align: right;
}
div#telefon-info div#ring-til-os {
padding: 27px 0 0 0 ;
font-size: 12px;
text-align: right;
color: #F28C00;
}
div#telefon-info div#telefonnummer {
padding: 3px 0 0 0 ;
font-size: 15px;
text-align: right;
}
/*
CONTENT
*/
div#content {
width: 100%;
margin: 25px auto 25px auto;
background-color: white;
min-height: 200px;
overflow: auto;
-webkit-box-shadow: 0 0 10px 0 #707070;
box-shadow: 0 0 10px 0 #707070;
}
.grid-one-third {
width:calc(100% / 3);
float:left;
}
/*
LISTE MED ARTIKLER OG NAVIGATION TIL ARTIKLER
*/
div#artikler-liste {
height: auto;
float: left;
width: 640px;
}
div.artikel-teaser {
overflow: auto;
border-bottom: 1px solid #f1f1f1;
padding-bottom: 15px;
margin-bottom: 20px;
}
div.artikel-teaser:last-child {
border: 0px;
padding:0px;
}
div.artikel-teaser-left {
overflow: auto;
float: left;
width: 200px;
}
div.artikel-teaser-left img {
margin: 5px 0 0 0;
max-width: 180px;
max-height: 180px;
}
div.artikel-teaser-right {
overflow: auto;
float: left;
width: 400px;
}
div.artikel-teaser-right a {
color: #F28C00;
}
div.artikel-teaser span {
font-size: 12px;
color: gray;
line-height: 25px;
}
div.artikel-teaser span a {
color: gray;
}
div.artikel-teaser p {
margin: 0px;
font-size: 14px;
}
div#artikler-liste-padding {
padding: 20px;
}
div#artikler-navigation {
float: right;
height: auto;
width: 305px;
border-left: 1px solid #E6E6E6;
border-bottom: 1px solid #E6E6E6;
background: url('/g/bg-right.png') repeat-y top left;
font-size: 14px;
}
div#artikler-navigation-padding {
padding: 20px;
}
div#artikler-navigation p{
font-size: 14px;
line-height: 22px;
}
div#artikler-navigation ul {
list-style-type: none;
margin: 10px 0 0 0;
padding: 0;
}
div#artikler-navigation ul li {
margin: 0 0 10px 0;
}
div#artikler-navigation ul li span {
font-size: 11px;
color: gray;
}
div#artikler-kategorier {
margin: 0 0 20px 0;
border-bottom: 1px solid #f1f1f1;
padding: 0 0 10px 0; /* 10px padding pga li har 10px margin */
}
div#artikler-om-forfatteren {
border-bottom: 1px solid #f1f1f1;
margin-bottom: 20px;
}
div#artikler-om-forfatteren img {
float: left;
border: 1px solid black;
margin: 3px 12px 0 0;
}
div#artikler-nyhedsbrev {
}
input.artikler-input {
margin-bottom: 10px;
width: 90%;
font-size: 14px;
}
/*
BESTIL RÅDGIVNINGSMØDE ELEMENT UNDER ARTIKLER
*/
div#teaser-raadgivningsmoede {
width: 100%;
border-top: 1px solid #7F7F7F;
background-color: #EBEBEB;
}
div#teaser-raadgivningsmoede-padding {
padding: 20px 20px 20px 20px;
}
div#teaser-raadgivningsmoede-overskrift {
font-size: 25px;
font-weight: bold;
}
div#teaser-raadgivningsmoede-left {
width: 60%;
float: left;
}
div#teaser-raadgivningsmoede-right {
margin: 15px 0 0 0;
width: 40%;
float: left;
}
div.teaser-raadgivningsmoede-person {
float: right;
margin-left: 20px;
font-size: 14px;
}
div.teaser-raadgivningsmoede-person span {
font-size: 11px;
}
div.teaser-raadgivningsmoede-person img {
border: 1px solid black;
margin: 0 0 10px 0;
}
/*
BOTTOM
*/
div#bottom {
}
div.bottom-align {
width: 100%;
margin: 0 auto 0 auto;
text-align: left;
}
div#bottom-kontakt {
background-color: #333333;
}
div#bottom-kontakt a,b {
color:inherit;
}
div#bottom-kontakt span {
color:#F28C00;
}
div#bottom-kontakt-content {
color: white;
line-height: 40px;
font-size: 12px;
}
div#bottom-kontakt-left {
overflow: auto;
float: left;
color:inherit;
}
div#bottom-kontakt-right {
overflow: auto;
float: right;
color:inherit;
}
img#bottom-kontakt-pil {
vertical-align: middle;
padding: 0 10px 0 10px;
}
div#bottom-adresser {
overflow: auto;
background-color: white;
padding: 15px 0 15px 0;
}
div.bottom-adresser-felt {
float: left;
font-size: 12px;
line-height: 18px;
}
div.bottom-adresser-felt span {
color: #F28C00;
margin-bottom: 5px;
display: block;
}
div#bottom-adresser-right {
}
div#bottom-down {
font-size: 11px;
line-height: 16px;
text-align:center;
padding:4px 0;
background-color: #ededed;
}
#bottom-down span { font-size:11px; text-align:center; }
div#bottom-navigation {
border: 1px solid red;
}
.pipe {
padding:0 4px;
}
footer {
padding: 5px 0 15px 0;
background-color: #fff;
}
div#bottom-kontakt .footer-data span.pipe { color:#F28C00!important; }
/* SIDE: BESTIL RÅDGIVNINGSMØDE */
div#moede-top-banner {
min-height: 236px;
background: url('/g/raadgivningsmoede-top-lp.png');
background-repeat: no-repeat;
background-position: top right;
background-color: #f1f1f1;
border-bottom: 5px solid #703F2F;
}
h1#moede {
position: relative;
top: 50px;
left: 50px;
width: 600px;
font-size: 35px;
}
div#moede-top-banner-txt {
font-size: 18px;
line-height: 26px;
padding: 30px 50px 40px 50px;
}
div#moede-content-txt {
width: 530px;
float: left;
margin: 0 0 0 50px;
}
div#moede-content-txt ul li {
margin: 0 0 10px 0;
font-weight: bold;
}
div#moede-content-form {
float: right;
margin: 0 50px 0 0;
}
div#moede-content-form-box {
background-color: #E8F5DA;
width: 298px;
border: 1px solid #95A28B;
}
div#moede-content-form-box h2 {
margin: 10px auto 10px auto;
font-weight: normal;
width: 180px;
font-size: 18px;
text-align: center;
}
div#moede-content-form-box h2 span {
font-weight: bold;
}
div#moede-content-form-box-tlf {
background-color: #D3DFC6;
font-size: 24px;
text-align: center;
padding: 10px;
margin-bottom: 10px;
}
div#moede-content-form-box-tlf img {
margin: 0 7px 0 -15px;
}
div#moede-content-form-box-input {
margin: 0 10px 0 10px;
height: auto;
}
div#moede-content-form-box-input input {
width: 100%;
margin: 0 0 10px 0;
}
div#moede-content-form-box-knap-con {
text-align: center;
margin: 0 0 10px 0;
}
div#moede-content-form-box-knap-con div {
color: gray;
font-size: 12px;
margin: 10px 0 0 0;
}
a#moede-content-form-box-knap {
}
div#moede-content-box-personer {
padding-bottom: 10px;
}
div.moede-content-box-person {
width: 120px;
float: left;
font-size: 14px;
margin-top: 10px;
}
div.moede-content-box-person:first-child {
margin-left: 35px;
margin-right: 13px;
}
div.moede-content-box-person img {
max-width: 90px;
border: 1px solid black;
margin-bottom: 5px;
}
div.moede-content-box-person span {
font-size: 12px;
}
div#moede-referencer {
margin: 20px 0 20px 0;
background-color:#F7F7F7;
padding: 20px;
}
div.moede-reference {
width: 50%;
float: left;
}
div.moede-reference img {
border: 1px solid black;
float: right;
margin-left: 10px;
margin-top: 5px;
}
div.moede-reference-padding:first-child {
padding-right: 30px;
}
div.moede-reference-padding:last-child {
padding-left: 30px;
}
div#moede-faq {
padding: 0px 30px 10px 30px;
}
div#moede-faq a {
color: #F28C00;
}
/* SIDE: FORSIDEN */
div#top-banner {
height: 335px;
width: 100%;
background-image: url('/g/topbanner-compara-thomas-vester.jpg');
background-position: center;
background-repeat: no-repeat;
}
div#top-banner h1 {
font-size: 30px;
}
div#top-banner ul {
padding-left: 0px;
margin: 20px 0 5px 0;
}
div#top-banner li {
line-height: 16px;
font-size: 16px;
background-image: url('/g/green.png');
background-repeat: no-repeat;
padding: 3px 20px 20px 35px;
list-style: none;
}
div#top-banner-padding {
padding: 30px 0 0 0;
}
div#top-banner div.col-left {
width: 70%;
height: auto;
float: left;
}
div#top-banner div.col-right {
width: 30%;
height: auto;
}
div#frontpage-content {
background-image: url('/g/bg-big.jpg');
background-color: #fff;
background-repeat: no-repeat;
background-position: center center;
}
div#fagomraader {
margin-top:15px;
margin-bottom:15px;
}
.usper-inner {
height:203px;
border: 1px solid #ccc;
text-align: center;
font-size: 13px;
line-height: 18px;
background-color: white;
padding:10px;
}
.usper-inner h2 {
margin-top:5px;
word-break: break-all;
}
div#fagomraader div.fag:last-child {
margin: 0;
width: 225px;
}
div#fagomraader div.fag img {
margin-bottom: 10px;
}
div#fagomraader div.fag img#ny-1sal {
margin-bottom: 5px;
}
div#fagomraader div.fag-txt {
height: 60px;
margin: 5px 0 0 0;
}
div#fagomraader div#fag-txt-1sal {
height: 60px;
margin: 3px 0 0 0;
}
div#fagomraader div.fag-padding {
padding: 10px;
}
div#fagomraader a {
color: #A04700;
font-weight: bold;
}
div#forsiden-referencer {
height: 378px;
border: 1px solid #ccc;
background-color: white;
float: left;
width:100%;
}
@media screen and (min-width:940px) {
#forsiden-referencer .ref-wrap {
width:calc(100% / 3);
}
}
@media screen and (max-width:939px) {
.fsal {
background-image:none!important;
}
.div.fsal-moede-content-txt, div.fsal-moede-content-form {
width:100%!important;
}
div.fsal-moende-bestil-form {
float:left!important;
}
#forsiden-referencer .ref-wrap {
width:calc(100% / 6);
}
div#nyt-tag-kontakt-txt, div#nyt-tag-kontakt-form-box, div#nyt-tag-kontakt-form {
width:100%!important;
}
div#nyt-tag-kontakt {
height:auto!important;
}
div#nyt-tag-kontakt-form-box {
margin:0!important;
}
div#nyt-tag-kontakt {
background-position:bottom right!important;
}
}
.ref-wrap {
padding-left:15px;
float:left;
}
div#forsiden-referencer p {
font-size: 12px;
margin: 5px 0 10px 0;
}
.forside-box-padding {
padding: 15px;
}
div#forsiden-referencer .reference-billede {
background-size: cover;
height: 100px;
width:100%;
background-position: center center;
float: left;
webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
div.reference-billede-space-b { margin-bottom: 15px; }
div.reference-knap {
text-align: right;
margin-top: 15px;
padding-right: 2px;
}
/* CALCULATOR */
#nyt-tag-beregner {
height: 378px;
width:100%;
background-image: url('/g/bg_calculator.gif');
float: left;
border: 1px solid #f1f1f1;
color: white !important;
}
div#nyt-tag-padding {
padding: 15px;
overflow:visible!important;
}
.dobbel-box-forsiden #nyt-tag-beregner div { overflow:visible; }
.dobbel-box-forsiden { overflow:visible; }
div#nyt-tag-beregner h2 {
color: white;
}
div#nyt-tag-beregner p {
font-size: 12px;
margin: 5px 0 0 0;
line-height:18px;
color: white;
}
div#nyt-tag-beregner .col {
padding-top: 10px;
width: 50%;
float: left;
}
div#nyt-tag-beregner .headline {
font-size: 15px;
color: white;
}
div#nyt-tag-beregner div.select-input {
margin: 13px 0 0 0;
}
div#nyt-tag-beregner div#postnr-input {
margin: 10px 0 0 0;
font-size: 13px;
overflow: hidden;
height: auto;
}
div#nyt-tag-beregner div#postnr-input-size input {
width: 100%;
height: 25px;
line-height: 25px;
}
div#nyt-tag-beregner div#postnr-input-size {
width: 60px; /* same as select width */
text-align: right;
float: left;
}
div#nyt-tag-beregner div#postnr-input-text {
float:left;
width: 105px;
color: white;
font-size: 11px;
line-height: 25px;
}
div#nyt-tag-beregner div#postnr-input-info {
width: 30px;
display:inline-block;
}
div#nyt-tag-beregner div#postnr-input-info-space { padding-left: 10px; }
div#nyt-tag-beregner div#postnr-info {
float: left;
}
#nyt-tag-middle-container div, #nyt-tag-middle-container {
overflow:visible;
}
div#nyt-tag-beregner select {
width: 165px;
margin-right: 5px;
height: 25px;
font-size: 13px;
}
div#nyt-tag-beregner .info-link {
font-size: 11px;
color: white;
line-height: 25px;
}
.dobbel-box-forsiden .grid10 {
margin-bottom:15px;
}
/* FORSIDEN: VIDEO*/
div#forsiden-video {
height: 378px;
float: left;
}
div#forsiden-video p {
font-size: 12px;
}
div#forsiden-video-padding {
padding: 20px;
border: 1px solid #ccc;
background-color: white;
}
div#bund-navigation {
line-height: 18px;
margin-top: 15px;
}
.bottom-align a.overskrift {
font-size: 12px;
color:inherit;
clear: left;
font-weight: bold;
line-height: 20px;
margin-top: 0px;
display:block;
margin-top:15px;
}
div#bund-navigation .col {
height: auto;
width: 33%;
float: left;
}
.bottom-align a {
font-size: 11px;
display: block;
line-height: 16px;
text-decoration: underline;
color: gray;
text-decoration: none;
color:inherit;
}
/* FRONTPAGE - ARTICLE */
/*
#
# REFERENCER
#
*/
div.referencer {
}
div.ref {
float: left;
margin-bottom: 25px;
}
div.ref-img {
height: 210px;
width: 100%;
border: 1px solid #ccc;
background-position: center center;
background-size: cover;
}
div.ref:nth-child(3n) {
margin-right: 0;
}
div.ref-txt {
padding: 10px;
font-size: 13px;
font-style: italic;
height: 80px;
text-indent: 20px;
line-height:22px;
}
div.ref span.quote {
font-size: 20px;
line-height: 22px;
font-style: 600;
color: orange;
vertical-align:text-top;
}
div.ref div.name {
color: gray;
text-align: right;
}
div.ref div.ref-adresse {
padding: 5px;
font-size: 12px;
text-align: right;
opacity: 0.5;
background-color: white;
height: 23px;
line-height: 15px;
margin-top: 185px;
}
.page-width {
max-width:1030px;
padding:0 40px;
margin:0 auto;
overflow:visible;
}
/*
#
# NYT TAG SIDEN
#
*/
div#nyt-tag-spacer {
height: 200px;
}
div.nyt-tag-box {
background-image: url('/g/nyt-tag-box-bg.png');
background-position: top right;
background-repeat: no-repeat;
background-color:#fff;
margin:25px auto;
}
div#nyt-tag-priser {
min-height: 500px;
background-image: url('/g/nyt-tag-oversigt.png');
background-repeat: no-repeat;
background-position: top center;
}
div#nyt-tag-priser p {
margin-top: 5px;
}
div#nyt-tag-priser div.nyt-tag-col:nth-child(1) {
margin: 0 0 0 0px;
}
div.nyt-tag-col {
min-height: 200px;
float: left;
border-right: 1px solid #ccc;
}
.nyt-tag-col:last-child {
border: 0;
}
.nyt-tag-spacer {
padding: 0 10px;
}
#nyt-tag-info {
background-color: #eaeaea;
width: 65%;
float: left;
}
#nyt-tag-info p {
padding: 5px;
font-size: 12px;
margin: 0px;
}
.nyt-tag-info-spacer {
padding: 10px;
}
.nyt-tag-spar {
background-image: url('/g/nyt-tag-yellow.png');
width: 213px;
height: 222px;
float: right;
margin-top:-60px;
}
.nyt-tag-spar p {
font-size: 12px;
line-height: 16px;
}
.nyt-tag-spar-spacer {
padding: 60px 15px 15px 15px;
text-align: center;
}
#nyt-tag-container {
margin-top: -120px;
}
div#nyt-tag-middle-container {
margin-top: 60px;
}
div#nyt-tag-middle-container .col {
float: left;
}
div#col-beregner {
width: 55%;
}
div#col-txt {
padding-left:30px;
}
div#col-space-txt {
padding-left: 20px;
border-left: 1px solid #ccc;
}
div#nyt-tag-pris-eksempler {
min-height: 300px;
background-color: #f1fbec;
margin-bottom: 30px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
div#nyt-tag-pris-eksempler img {
border: 1px solid #ccc;
background-color: white;
padding: 8px;
margin-bottom: 10px;
width: 100%;
height: 200px;
}
div#nyt-tag-pris-eksempler-space {
padding: 30px;
}
div#nyt-tag-pris-eksempler .col {
width: 50%;
float: left;
}
div#nyt-tag-pris-eksempler .col-space {
padding: 20px 50px 20px 50px;
}
div#nyt-tag-tillaegspriser {
border-bottom: 1px solid #ccc;
}
div#nyt-tag-tillaegspriser p {
margin: 0px;
padding: 0 20px 0 20px;
}
div#nyt-tag-tillaegspriser-space {
padding: 0 25px 25px 25px;
}
div#nyt-tag-tillaegspriser div.col {
width: 50%;
float: left;
}
div.nyt-tag-tillaegspris-img {
width: 140px;
float: left;
}
div.nyt-tag-tillaegspris-img img {
padding: 5px; border: 1px solid #ccc;
}
div.nyt-tag-tillaegspris {
margin-bottom: 20px;
}
div#nyt-tag-video {
border-bottom: 1px solid #ccc;
}
div#nyt-tag-video-space {
padding: 25px;
}
div#nyt-tag-video-space p {
margin-bottom: 5px;
}
div#nyt-tag-bedste-priser-space {
padding: 25px;
}
div#nyt-tag-bedste-priser-txt {
float: left;
width: 70%;
padding-right:40px;
}
div#nyt-tag-garantiordninger {
float: right;
width:30%;
text-align: right;
border-left: 1px solid #ccc;
min-height: 150px;
}
/* Nyt tag - Thomas vester */
div#nyt-tag-kontakt {
border-top: 1px solid #ccc;
height: 365px;
background-image: url('/g/byggeraadgiver-thomas-vester.png');
background-position: top right;
background-repeat: no-repeat;
overflow: hidden;
background-size: contain, cover;
}
div#nyt-tag-kontakt-space {
padding: 25px;
}
div#nyt-tag-kontakt-txt {
width: 450px;
float: left;
}
div#nyt-tag-kontakt-form {
float: left;
width: 400px;
padding: 10px;
}
div#nyt-tag-kontakt-form-box {
min-height: 200px;
width: 230px;
border: 1px solid orange;
margin-top: 40px;
margin-left: 20px;
background-color: white;
-webkit-box-shadow: 0 0 10px 3px #A6A6A6;
box-shadow: 0 0 10px 3px #A6A6A6;
}
div.nyt-tag-kontakt-form-box-space {
padding: 10px;
}
div#nyt-tag-kontakt-form-box-telefon {
font-size: 16px;
background-color: #f1f1f1;
text-align: center;
padding: 5px;
}
div#nyt-tag-kontakt-form-box-inputs {
padding: 10px;
}
div#nyt-tag-kontakt-form-box-inputs input {
width: 100%;
margin-bottom: 10px;
}
div#nyt-tag-kontakt-form-box-bottom-txt {
width: 90px;
float: left;
font-size: 10px;
}
div#nyt-tag-kontakt-form-box-bottom-button {
width: 110px;
float: right;
}
@media screen and (max-width:700px) {
div.ansatte div.ansat {
width:50%!important;
}
}
@media screen and (max-width:800px) and (min-width:700px) {
.ref.grid-one-third { width:50%!important; }
}
@media screen and (max-width:1000px) {
div.ansatte div.ansat { min-height:300px; }
.fcade-col-form-box {
margin-top:100px;
max-width:240px;
width:100%!important;
}
div.fsal-pkt-content {
padding-left: 0!important;
margin-top: 10px;
border-left: none!important;
}
div.fcade-moede {
background-image:none!important;
}
}
/*
OM OS
*/
div#ansatte {
}
div.ansatte div.ansat {
width: 25%;
float: left;
text-align:center;
}
div.ansatte div.ansat img {
border: 1px solid #ccc;
padding: 5px;
}
div#kontortid {
}
div#kontortid .box {
float: left;
width: 200px;
}
/*
SÅDAN FOREGÅR ET SAMARBEJDE MED OS
*/
div.samarbejde-box {
}
div.samarbejde-box div.ws {
padding: 20px;
}
div.samarbejde-box h2 {
padding: 10px 0 10px 20px;
color: white;
}
div.samarbejde-box h2 span {
font-size: 16px;
padding-right: 10px;
color: white;
}
div.samarbejde-box div.row {
display: table-row;
}
div.samarbejde-box div.col {
display: table-cell;
vertical-align: top;
padding-top: 10px;
padding-bottom: 20px;
}
div.samarbejde-box div.image {
width: 180px;
}
div.samarbejde-box div.gratis {
width: 140px;
height: auto;
background-color: #ffd800;
text-align: center;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
font-weight: bold;
font-size: 15px;
line-height: 25px;
margin: -33px 20px 0 auto;
}
div#samarbejde-trin-1 h2 {
background-color:#9dae46;
}
div#samarbejde-trin-2 h2 {
background-color:#f48e08;
}
div#samarbejde-trin-3 h2 {
background-color: #981712;
}
div#samarbejde-trin-4 h2 {
background-color: #5d8093;
}
/*
VORES PRISER
*/
div.vores-priser {
}
div.vores-priser table {
padding: 10px;
border: 1px solid #ccc;
margin-top: 10px;
margin-bottom: 10px;
background-color:#f1f1f1;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
min-width: 600px;
}
div.vores-priser td, th {
padding: 10px 0 10px 0;
font-size: 14px;
border-bottom: 1px solid white;
}
div.vores-priser td.txt {
font-weight: bold;
}
div.vores-priser td.value {
text-align: center;
}
div.vores-priser th {
text-align: center;
}
div.vores-priser th span {
font-size: 12px;
font-weight: normal;
line-height: 18px;
}
/*
FAQ NYT TAG
*/
div.faq-nyt-tag div.svar {
padding-left: 40px;
margin-bottom: 20px;
}
/*
BEREGNER
*/
div#beregner-steps div.steps {
overflow: hidden;
height: auto;
}
div#beregner-steps div.step {
margin-bottom: 30px;
}
div#beregner-steps div.step p {
margin: 0 0 5px 0;
}
div#beregner-steps div.number-box {
width: 50px;
float: left;
}
div#beregner-steps div.number {
width: 30px;
height: 30px;
line-height: 30px;
color: white;
text-align: center;
background-color: #753c2b;
font-size: 15px;
font-weight: bold;
webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
div#beregner-steps input.txt {
margin-bottom: 8px;
max-width: 300px;
width:100%;
}
div#beregner-steps span.disclaimer {
font-size: 11px;
color: gray;
}
.compara-footer-branding, .footer-data { display:inline-block; float:left; }
#bottom-kontakt-content p, #bottom-kontakt-content a, #bottom-kontakt-content b {
display:inline-block;
margin-top:0;
margin-bottom:0;
color:#fff!important;
line-height: 22px;
font-size: 14px;
}
.gridden {
list-style: none;
margin: 0;
padding: 0;
margin-left: -15px;
}
.grid__item {
float: left;
padding-left: 15px;
}
.grid1 {
width:5%;
}
.grid2 {
width:10%;
}
.grid3 {
width:15%;
}
.grid4 {
width:20%;
}
.grid5 {
width:25%;
}
.grid6 {
width:30%;
}
.grid7 {
width:35%;
}
.grid8 {
width:40%;
}
.grid9 {
width:45%;
}
.grid10 {
width:50%;
}
.grid11 {
width:55%;
}
.grid12 {
width:60%;
}
.grid13 {
width:65%;
}
.grid14 {
width:70%;
}
.grid15 {
width:75%;
}
.grid16 {
width:80%;
}
.grid17 {
width:85%;
}
.grid18 {
width:90%;
}
.grid19 {
width:95%;
}
.grid20 {
width:100%;
}
.touchMenu { display:none; }
.lukMenuen {
text-align: right;
padding-right: 10px;
}
.lukMenuen img {
text-align: center;
margin-top: 5px;
max-height: 24px;
}
.touchMenu {
/* Maje høj z-index for at undgå træls stacking */
z-index:1000;
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100vh;
background-color: rgba(35, 35, 35, 0.93);
}
.fsal-moede {
padding:10px 30px;
}
.touchMenu-headeren {
background-color:#fff;
padding:10px 15px;
}
.menu-indhold { padding:0 25px; }
.menu-indhold ul { list-style:none; margin-left:0; padding-left:0; }
.menu-indhold ul li { margin: 11px 0; padding:6px 0;
border-bottom: 2px solid #fff;}
.menu-indhold ul li a { font-family:'Source Sans Pro', sans-serif; font-weight:600; text-decoration:none; color:#fff; text-transform:uppercase; font-size:18px; letter-spacing:1.5px; display:block; }
.mobilMenuTrigger img {
margin-top: 23px;
max-height: 20px;
}
.grid-one-sixth {
width:16.66%;
}
.telefonIkon { margin-top:18px; text-align:right; }
.telefonIkon img {
max-height: 23px;
transform: rotate(300deg);
}
.footer-data span {
color:#fff!important;
}
div#top-banner-padding {
padding: 30px 40px 0 40px!important;
}
.tt {
display:none;
border: 1px solid rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
padding: 10px;
border-radius: 5px;
color: rgb(51, 51, 51);
position:absolute;
top:30px;
padding:10px;
left:0;
width:145%;
font-size:11px;
z-index:10;
line-height:18px;
}
.dobbel-box-forsiden .grid10, #nyt-tag-beregner {
overflow:visible;
}
.info-link { cursor:help; }
div#nyt-tag-middle-container .col, div#nyt-tag-beregner .col { overflow:visible; }
.ttW { position:relative; overflow:visible!important; }
.info-link:hover + div { display:block!important; }
@media screen and (max-width:600px) {
div.samarbejde-box h2 {
padding: 10px 0 10px 15px!important;
font-size:15px!important;
}
.samarbejde-box .button {
width:100%!important;
}
.samarbejde-box .col.image {
display:none!important;
}
div.vores-priser td, th {
font-size:10px!important;
}
div.vores-priser table {
width:100%!important;
max-width:600px;
min-width:auto!important;
}
div.faq-nyt-tag div.svar {
padding-left: 0px!important;
margin-bottom: 5px!important;
}
.ansatte.takansat .ansat {
width:100%!important;
text-align:center;
}
div.fcade-col-form {
min-height:180px;
}
.fcade-trin4-space {
padding:0 20px;
}
div.fcade-trin4-trin-no {
text-align:center!important;
}
div#content, .fcade-hvid {
margin-top:2px!important;
}
div.fcade-byggegaranti {
text-align:center;
}
div.fcade-byggegaranti img {
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
border-left: none;
}
div.fcade-col-txt, div.fcade-col-form, div.fcade-col-form-box button {
width:100%!important;
}
div.fcade-col-form {
margin-left:0!important;
}
div.fcade-col-form-box { margin-top:15px!important; margin:0 auto; min-height:auto!important; }
div.fsal {
background-image:none!important;
margin-top:2px!important;
}
div.fsal div.priser div.pris, div.fsal-moede-content-form, div.fsal-moende-bestil-form, div.fsal-moede-content-txt {
width:100%!important;
}
.fsal-tillaegspris-img {
display:none!important;
}
div#fsal-tillaegspriser p {
padding:0 20px 0 0!important;
}
div.fsal-pkt-content { padding-left: 0!important; margin-top: 10px; border-left: none!important; }
#nyt-tag-beregner { padding-bottom:25px; }
div.nyt-tag-box { margin-top:0; }
.hidden-mob, #nyt-tag-container { display:none!important; }
.tt { width:100%!important; }
div#nyt-tag-beregner .info-link {
float:right;
}
div#nyt-tag-middle-container .col, div#nyt-tag-beregner .col {
width:100%!important;
overflow: visible;
}
div.page-width {
padding:0!important;
}
footer {
padding: 5px 20px 15px 20px;
}
.usper-inner, div#forsiden-referencer, div#forsiden-video-padding {
border:none;
}
div#nyt-tag-beregner .headline {
font-size:12px;
}
#nyt-tag-beregner {
height:auto;
}
button[value="Beregn pris"] { max-width:100%!important; }
div#forsiden-referencer .reference-billede {
height:80px;
}
div#nyt-tag-beregner div#postnr-input-info {
float:right;
}
div#forsiden-referencer {
height:368px!important;
}
div#fagomraader {
margin-bottom:0;
}
#forsiden-referencer .ref-wrap {
width:calc(100% / 3);
}
.usper-inner {
height: 235px;
}
div#fagomraader div.fag {
width:100%;
margin-bottom:15px;
}
div#fagomraader div.fag-txt {
height: 75px;
}
.usper-inner h2 {
height:36px;
}
div#forsiden-video { width:100%!important;}
div#top-banner div.col-left {
width:100%!important;
}
div#bottom-kontakt-content {
padding-bottom:8px!important;
}
div#top-banner h1 {
font-size:22px;
}
#top-banner-padding .button {
display: block;
margin: 0 20px;
}
div#top-banner-padding {
padding: 30px 25px 0 25px!important;
height:100%;
background-color:rgba(0,0,0,0.6);
width:100%;
}
div#top-banner h1, div#top-banner li {
color:#fff;
}
.add {
display:block;
}
.footer-data p, .footer-data {
display:block!important;
width:100%!important;
}
.footer-data a { margin-top:6px; }
.foot-sep {
display:none;
}
.grid-one-sixth {
width:100%!important;
}
.bottom-adresser-felt {
margin-bottom:20px;
font-size: 15px!important;
line-height: 21px!important;
}
div.reference-knap {
margin-top: 15px;
padding-right: 0px;
text-align: center!important;
}
div.bottom-adresser-felt span {
font-size:19px;
}
.bottom-align a.overskrift {
font-size: 18px;
margin-bottom: 7px;
}
.bottom-align a {
font-size: 15px;
margin-bottom: 6px;
}
.compara-footer-branding {
width:100%;
text-align:center;
}
.footer-data {
text-align:center;
padding-bottom:10px;
}
.pipe { display:none; }
}
div#bottom-kontakt-left { width:100%; }
@media screen and (max-width:940px) {
.tt {
width:100%!important;
}
div#moede-content-form-box {
width:100%;
max-width:380px;
margin:0 auto;
}
.gratis-moede-wrap {
margin-top:30px;
float:left;
}
#moede-content {
float:left;
overflow:initial;
padding:0 50px;
}
div#moede-content-txt {
width:100%!important;
margin-left:0;
}
.moede-content-box-person {
width:50%!important;
}
div.moede-content-box-person:first-child {
margin-left:0;
margin-right:0;
}
div#nyt-tag-pris-eksempler .col-space {
padding:20px 25px;
}
div#forsiden-referencer {
height:275px;
}
div#nyt-tag-middle-container {
margin-top:15px;
}
#nyt-tag-middle-container .grid10 {
width:100%!important;
margin-bottom:15px;
}
div#col-txt {
padding-left:0px!important;
}
div#col-space-txt {
border-left:0;
}
.dobbel-box-forsiden .grid10 { width:100%!important; }
.usper { width:50%!important; margin-bottom:15px; }
}
@media screen and (max-width:950px) and (min-width:601px) {
.grid-one-sixth {
width:33.33%!important;
}
img#bottom-kontakt-pil {
vertical-align: middle;
padding: 0 3px 0 3px;
}
#bottom-kontakt-content p, #bottom-kontakt-content a, #bottom-kontakt-content b {
font-size:10px;
}
}
@media screen and (max-width:1030px) {
.page-width { padding:0 20px!important; }
header .grid15, #telefon-info { display:none; }
header .grid5 {
width:60%!important;
text-align:center;
}
.mobilMenuKnap, .telefonIkon {
display:inline-block!important;
}
header { padding:0 20px; }
}
@media screen and (max-width:400px) {
div#top-banner h1 {
font-size:20px;
}
div#logo-txt {
font-size:11px;
}
}
@media screen and (max-width:620px) {
div#nyt-tag-garantiordninger {
margin-top:60px!important;
}
div#moede-referencer div.moede-reference {
width:100%;
}
}
@media screen and (max-width:500px) {
div#nyt-tag-garantiordninger, div#nyt-tag-bedste-priser-txt {
width:100%;
}
div#nyt-tag-garantiordninger {
text-align:center;
}
iframe[src="https://player.vimeo.com/video/148237169"] {
max-height:250px;
}
div#nyt-tag-pris-eksempler .col-space {
padding:15px 10px;
}
#nyt-tag-pris-eksempler ul {
margin-left:0;
padding-left:0;
list-style:none;
}
div#nyt-tag-pris-eksempler-space {
padding:15px;
}
div#nyt-tag-pris-eksempler img {
height:125px;
}
div.nyt-tag-tillaegspris-img {
display:none;
}
div#nyt-tag-tillaegspriser p { padding:0 }
}
@media screen and (max-width:700px) {
div#nyt-tag-beregner select {
width:90%;
}
div.ansatte div.ansat {
width:100%;
text-align:center;
min-height:300px;
}
div.ref-txt {
height:auto;
}
.grid-one-third {
width:100%!important;
}
.pm-sep {
display:none;
}
div#page-menu a {
width:50%;
float:left;
padding:0 10px;
}
div#nyt-tag-garantiordninger {
margin-top:20px;
border-left:0;
}
.nyt-tag-col.grid5 {
width:100%;
margin-bottom:5px;
border-right:0;
}
div.nyt-tag-spar {
margin: 0 auto;
text-align: center;
float: none;
margin-bottom: 30px;
}
#nyt-tag-container {
margin-top:0!important;
}
#nyt-tag-info { width:100%; }
h1#moede {
position: absolute;
width: 100%;
padding: 10px;
font-size: 16px;
background-color: rgba(0,0,0,0.6);
color: #fff;
bottom: 0;
top:auto;
left:0;
}
#moede-top-banner {
position:relative;
}
}
@media screen and (max-width:800px) and (min-width:700px) {
.teaser-raadgivningsmoede-person:last-child { display:none; }
}
.gratis-moede-wrap {
overflow: initial;
width: 100%;
text-align: center;
}
.mobile-dropdown {
display:none;
padding-left: 25px!important;
}
.plusmobil {
color: #fff;
font-size: 20px;
padding-left: 10px;
}
/*
NY 1.SAL
*/
li.list {
line-height: 16px;
font-size: 16px;
background-image: url(/g/green.png);
background-repeat: no-repeat;
padding: 3px 20px 20px 35px;
list-style: none;
}
div.fsal {
background-image: url('/g/hus.png');
background-repeat: no-repeat;
background-position: top right;
background-color: #fff;
padding: 25px;
margin-top: 25px;
}
div.fsal p#fsal-intro {
max-width: 550px;
}
div.fsal-box {
webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
margin-bottom: 20px;
}
div.fsal-box-padding {
padding: 15px;
}
div.fsal div#fsal-box-1 {
border: 3px solid #85a341;
}
div.fsal div#fsal-box-1-bg {
background-position: 700px 40px;
background-image: url('/g/fsal1.png');
background-repeat: no-repeat;
}
div.fsal div#fsal-box-1 h3 {
color:#85a341;
}
div.fsal div#fsal-box-2 {
border: 3px solid #f58128;
}
div.fsal div#fsal-box-2-bg {
background-position: 700px 40px;
background-image: url('/g/fsal2.png');
background-repeat: no-repeat;
}
div.fsal div#fsal-box-2 h3 {
color:#f58128;
}
div.fsal div#fsal-box-3 {
border: 3px solid #467785;
}
div.fsal div#fsal-box-3-bg {
background-position: 700px 40px;
background-image: url('/g/fsal3.png');
background-repeat: no-repeat;
}
div.fsal div#fsal-box-3 h3 {
color:#467785;
}
div.fsal-pkts {
overflow: hidden;
height: auto;
margin-bottom: 20px;
}
div.fsal-pkt-no {
width: 50px;
float: left;
}
div.fsal-pkt-no div {
width: 30px;
height: 30px;
margin-top: 3px;
background-color: #ccc;
color: white;
webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
text-align: center;
font-size: 16px;
font-weight: bold;
line-height: 30px;
}
div.fsal-pkt-content p {
margin: 0px;
}
div.fsal-pkt-content ul {
margin: 5px 0 5px 0;
}
div.fsal-pkt-content {
float: left;
max-width: 750px;
border-left: 1px solid #f1f1f1;
padding-left: 20px;
}
div.fsal div.priser {
overflow: hidden;
height: auto;
}
div.fsal div.priser div.pris {
margin-top: 20px;
width: 48%;
float: left;
}
div.fsal div.priser div.pris-space {
width: 4%;
float: left;
}
div.fsal ul {
margin-left: 20px;
}
div.fsal li {
font-size: 14px;
}
div.fsal li.negativ {
background-image: url('/g/not-ok-red.gif');
}
div.fsal img {
border: 1px solid #ccc;
padding: 4px;
}
div#fsal-tillaegspriser p {
margin: 0px;
padding: 0 20px 0 20px;
}
div#fsal-tillaegspriser div.col {
width: 50%;
float: left;
}
div.fsal-tillaegspris-img {
width: 140px;
float: left;
}
div.fsal-tillaegspris-img img {
padding: 5px; border: 1px solid #ccc;
}
div.fsal-tillaegspris {
margin-bottom: 20px;
}
table.fsal {
border-collapse: collapse;
}
table.fsal li,ul {
margin-left: 0;
padding-left: 0;
margin-top: 5;
}
table.fsal th {
font-weight: normal;
border-bottom: 1px solid #ccc;
font-size: 12px;
}
table.fsal td {
font-size: 14px;
padding-bottom: 10px;
padding-top: 10px;
vertical-align: top;
border-bottom: 1px solid #ccc;
}
table.fsal .ydelse {
text-align: left;
}
table.fsal .pris {
text-align: right;
}
div.fsal-moede {
min-height: 400px;
background-image: url('/g/hus-bg.png');
background-repeat: no-repeat;
background-position: top right;
border-top: 1px solid #f1f1f1;
background-color: #fff;
margin-bottom: 25px;
}
div.fsal-moede-space {
padding: 20px;
}
div.fsal-moede-content {
height: auto;
overflow: hidden;
}
div.fsal-moede-content-txt {
width: 60%;
float: left;
}
div.fsal-moede-content-form {
width: 40%;
float: left;
}
div.fsal-moende-bestil-form {
float: right;
width: 300px;
min-height: 200px;
border: 1px solid #f58128;
background-color: white;
webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
font-size: 12px;
}
div.fsal-moende-bestil-form-space {
padding: 20px;
}
div.fsal-moende-bestil-form input.txt {
border: 1px solid green;
width: 100%;
margin-top: 10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
div.fsal-moende-bestil-form input.txt-sec {
margin-bottom: 10px;
}
div.fsal-moende-bestil-form label{
vertical-align: middle;
}
div.fsal-moende-bestil-form button {
margin-top: 10px;
margin-bottom: 10px;
}
div.fsal-moende-bestil-form span {
color: gray;
font-size: 12px;
}
div.fsal-moende-bestil-form input[type="radio"]{
vertical-align: middle;
height: 16px;
}
.step select { width:100%!important; max-width:300px; }
/*
FACADERENOVERING
*/
div.fcade-moede {
min-height: 380px;
background-image: url('/g/facaderenovering-thomas-vester.png');
background-repeat: no-repeat;
background-position: top right;
border-bottom: 1px solid #ccc;
background-size: contain;
}
div.fcade-moede-space {
padding: 20px;
}
div.fcade-cols {
height: auto;
overflow: hidden;
}
div.fcade-col-txt {
width: 60%;
float: left;
}
.fcade-col-form {
width: 30%;
margin-left: 20px;
float: left;
vertical-align:text-bottom;
min-height: 290px;
}
.fcade-col-form-box {
margin-top: 120px;
webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
width: 240px;
min-height: 110px;
border: 2px solid #f58128;
background-color: rgba(255, 255, 255, 0.8);
}
div.fcade-col-form-box-space {
padding: 10px;
}
div.fcade-col-form-box input {
border: 1px solid green;
width: 100%;
margin-top: 10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
div.fcade-bedre-priser {
border-bottom: 1px solid #ccc;
}
div.fcade-col-form-box button {
margin-top: 10px;
}
div.fcade-col-form-box-button {
text-align: right;
}
.fcade-byggegaranti {
text-align: right;
}
div.fcade-bedre-priser-cols {
height: auto;
overflow: hidden;
}
div.fcade-bedre-priser-col {
width: 50%;
float: left;
}
.fcade-byggegaranti img {
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
border-left: 1px solid #f1f1f1;
}
div.fcade-trin4 {
background-image: url('/g/facade-bg.png');
min-height: 350px;
}
.fcade-trin4-space {
width:100%;
max-width: 550px;
margin: 40px auto 40px auto;
}
div.fcade-trin4-trin {
overflow: hidden;
height: auto;
margin-bottom: 15px;
}
div.fcade-trin4-trin-no {
font-size: 50px;
float: left;
width: 15%;
text-align: right;
font-weight: bold;
}
div.fcade-trin4-trin-txt h3.trin1, div.fcade-trin4-trin-no-trin1 {
color: #9eb965;
}
div.fcade-trin4-trin-txt h3.trin2, div.fcade-trin4-trin-no-trin2 {
color: #f58025;
}
div.fcade-trin4-trin-txt h3.trin3, div.fcade-trin4-trin-no-trin3 {
color: #8c2919;
}
div.fcade-trin4-trin-txt h3.trin4, div.fcade-trin4-trin-no-trin4 {
color: #467785;
}
div.fcade-trin4-trin-txt {
float: left;
width: 85%;
padding-left: 20px;
}
div.fcade-trin4-trin-txt p {
margin: 0;
}
div.fcade-raad {
border-top: 1px solid #ccc;
}
.fcade-hvid {
background-color:#fff;
margin:25px 0;
}
.steps select {
width:100%!important;
max-width:300px;
}
.beregning-col {
width:100%!important;
max-width:540px;
}
.table * {
max-width:100%!important;
}