@charset "UTF-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900);

::-webkit-input-placeholder {
color: #36676f;
font-family:Lato, Arial, Helvetica;
font-weight:400;
text-transform:uppercase;
}

:-moz-placeholder { /* Firefox 18- */
color: rgba(0,0,0,.8);
font-family:Lato, Arial, Helvetica;
font-weight:300;
text-transform:uppercase;
}

::-moz-placeholder {  /* Firefox 19+ */
color: rgba(0,0,0,.8);
font-family:Lato, Arial, Helvetica;
font-weight:300;
text-transform:uppercase;
}

:-ms-input-placeholder {
color: rgba(0,0,0,.8);
font-family:Lato, Arial, Helvetica;
font-weight:300;
text-transform:uppercase;
}

a {
text-decoration:none;
color:#36676f;
}


html, body{
font-family:Lato, Arial, Helvetica;
color:#3f2f54;
height:100%;
width:100%;
margin:0px;
border:0px;
padding:0px;
}

#menuInnerHolder {
width:310px;
height:auto;
overflow:hidden;
}

@media all and (min-width: 800px) {
.menuHolder {
width:310px;
height:100%;
background-color:#235DA4;
position:fixed;
top:0px;
left:0px;
z-index:999;
-webkit-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
box-sizing:border-box;
-webkit-overflow-scrolling: touch;
overflow:auto;
}

#mainHolder {
width:100%;
height:100%;
background-color:#fff;
padding-left:300px;
box-sizing:border-box;
overflow:hidden;
position:relative;
z-index:9;
}

.holder {
width:100%;
height:25%;
background-color:transparent;
box-sizing:border-box;
padding-left:300px;
overflow:scroll;
-webkit-overflow-scrolling: touch;
}

#mainMenu {
width:100%;
height:0px;
position:fixed;
top:0px;
left:0px;
background-color:transparent;
border-bottom:1px solid rgba(0,0,0,.05);
overflow:hidden;
}

.titel {
width:auto;
height:auto;
background-color:transparent;
font-size:38px;
font-weight:900;
text-transform:uppercase;
text-align:left;
margin-top:40px;
color:#326771;
letter-spacing:1px;
margin-left:5%;
}

#menuArrow {
width:10px;
height:100%;
background-color:red;
position:absolute;
left:310px;
top:0px;
z-index:99;
}

}

@media all and (max-width: 800px) {
.menuHolder {
width:0px;
height:100%;
background-color:#235DA4;
overflow:hidden;
position:fixed;
top:0px;
left:0px;
z-index:999;
-webkit-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
overflow:scroll;
-webkit-overflow-scrolling: touch;
font-weight:300;
}

#mainHolder {
width:100%;
height:100%;
background-color:#fff;
overflow:hidden;
position:relative;
z-index:9;
}

.holder {
width:100%;
height:25%;
background-color:transparent;
overflow:scroll;
-webkit-overflow-scrolling: touch;
}

#mainMenu {
width:100%;
height:50px;
position:fixed;
top:0px;
left:0px;
background-color:#fff;
border-bottom:1px solid rgba(0,0,0,.05);
z-index:99;
}

.titel {
width:auto;
height:auto;
background-color:transparent;
font-size:26px;
font-weight:900;
text-transform:uppercase;
text-align:left;
margin-top:80px;
color:#326771;
letter-spacing:1px;
margin-left:5%;
}

#menuArrow {
width:0px;
height:100%;
background-color:transparent;
position:absolute;
left:310px;
top:0px;
display:none;
}

}

.menuOpen {
width:310px;
}

.main {
width:100%;
height:400%;
background-color:rgba(255,255,255,0);
text-align:left;
position:absolute;
left:0px;
top:0px;
-webkit-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
}

#logoHolder {
width:150px;
height:60px;
background-image:url(../img/OPTUSlogo.png);
background-size:contain;
background-repeat:no-repeat;
background-color:transparent;
margin:50px auto 25px auto;
-webkit-filter:invert(0%);
opacity:.9;
}

.menuObject {
width:100%;
height:70px;
min-width:300px;
background-color:transparent;
border-bottom:1px solid rgba(255,255,255,.05);
cursor:pointer;
-webkit-transition:.5s;
}

.menuObjectActive {
background-color:rgba(0,0,0,.05);
}

.menuObject:active {
background-color:rgba(0,0,0,.05);
}

.menuObject:last-child {
border:0px;
}

.objectImage {
width:25px;
height:25px;
background-color:transparent;
float:left;
margin:22.5px 0 0 25px;
opacity:.5;
cursor:pointer;
-webkit-filter:invert(0%);
opacity:.2;
}

.objectText {
width:auto;
height:auto;
background-color:transparent;
float:left;
margin:26px 0 0 25px;
font-weight:700;
color:rgba(255,255,255,.9);
letter-spacing:1px;
font-size:16px;
cursor:pointer;
text-transform: uppercase;
}

#menuArrow {
width:10px;
height:100%;
background-color:transparent;
position:absolute;
left:310px;
top:0px;
}

#arrow {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #235DA4;
position:absolute;
right:0px;
top:165px;
-webkit-transition:.5s;
}

.start {
top:0%;
}

.flyt {
top:-100%;
}

.produkt {
top:-200%;
}

.referens {
top:-400%;
}

.luftare {
top:-300%;
}

.radgivning {
top:-500%;
}

.kontakt {
top:-600%;
}

.innerHolder {
width:100%;
height:auto;
}

.smallTitle {
width:90%;
height:auto;
background-color:transparent;
font-size:24px;
font-weight:400;
text-align:left;
margin-top:0px;
color:#a1c1ce;
text-transform:uppercase;
letter-spacing:2px;
padding:0 0 10px 0;
border-bottom:1px solid #DBE9EE;
margin-left:5%;
}

.breadText {
width:90%;
height:auto;
background-color:transparent;
font-size:18px;
font-weight:300;
text-align:left;
margin-top:15px;
color:#1d3d44!important;
margin-left:5%;
line-height:20px;
}

.fordelar {
width:90%;
height:auto;
background-color:transparent;
margin-top:15px;
margin-left:5%;
overflow:hidden;
}

.fordelarObject {
width:100%;
max-width:330px;
height:20px;
margin-bottom:2px;
background-color:transparent;
float:left;
}

.fordelarImage {
width:10px;
height:10px;
background-color:rgba(0,0,0,.05);
float:left;
margin:5px 15px 0 10px;
border-radius:10px;
}

.fordelarTitel {
width:85%;
height:10px;
background-color:transparent;
float:left;
text-align:left;
font-size:14px;
margin-top:1px;
color:#326771;
font-weight:400;
}

#menuButton {
width:30px;
height:30px;
background-color:transparent;
float:left;
padding:10px 8px 10px 12px;
}

.menuButtonLine {
width:30px;
height:2px;
background-color:#326771;
margin-top:6px;
}

#menuLogo {
width:auto;
height:24px;
background-color:transparent;
float:right;
margin:13px 12px 0 0;
}

.mainCover {
width:100%;
height:100%;
position:absolute;
left:0px;
top:0px;
background-color:rgba(0,0,0,.8);
z-index:100;
visibility:hidden;
opacity:0;
-webkit-transition:visibility 0s linear 0.2s, opacity 0.2s linear;
}

.showCover {
visibility:visible;
opacity:1;
transition-delay:0s;
}

.miniTitel {
width:90%;
height:auto;
background-color:transparent;
font-size:18px;
font-weight:700;
text-align:left;
margin:15px 0 0 5%;
text-transform:uppercase;
color:#346770;
letter-spacing:1px;
}

#imageAndSpecHolder {
width:90%;
height:auto;
background-color:transparent;
margin:15px 0 0 5%;
}

#specInner {
width:90%;
height:auto;
background-color:transparent;
margin:20px 0 25px 5%;
}

#imageInner {
width:90%;
max-width:400px;
height:200px;
background-color:transparent;
overflow:hidden;
margin:20px 0 25px 5%;
background-image:url(../img/produktImage.jpg);
background-size:cover;
background-repeat:no-repeat;
}

#luftImageHolder {
width:90%;
height:auto;
float:none;
background-color:transparent;
margin:0 0 15px 5%;
overflow:hidden;
}

#luftImageOne {
width:100%;
max-width:100px;
height:150px;
background-image:url(../img/air3.jpg);
background-size:contain;
background-repeat:no-repeat;
float:left;
margin:15px 0 0 0;
}

#luftImageTwo {
width:100%;
max-width:350px;
height:150px;
background-image:url(../img/air2.jpg);
background-size:contain;
background-repeat:no-repeat;
float:left;
margin:15px 0 0 0;
}

#luftImageThree {
width:100%;
max-width:350px;
height:150px;
background-image:url(../img/air1.jpg);
background-size:contain;
background-repeat:no-repeat;
float:left;
margin:15px 0 0 0;
}

.specObject {
width:100%;
height:auto;
background-color:transparent;
text-align:left;
overflow:hidden;
padding:5px 0 5px 0;
}

.specObject:nth-child(odd) {
background-color:rgba(219,233,238,.3);
}

.specObject:nth-child(7) {
width:100%;
height:16px;
background-color:#fff;
border-bottom:1px solid #DBE9EE;
margin-bottom:24px;
}

.specDesc {
width:45%;
max-width:200px;
height:auto;
float:left;
background-color:transparent;
font-size:14px;
color:rgba(0,0,0,.6);
font-weight:400;
margin:3px 0 0 10px;
text-transform:uppercase;
box-sizing:border-box;
overflow:hidden;
}

.specAns {
width:52%;
height:auto;
float:left;
background-color:transparent;
padding-left:20px;
box-sizing:border-box;
font-size:14px;
color:rgba(0,0,0,.6);
font-weight:400;
text-transform:uppercase;
margin:3px 0 0 0;
}

.specTitel {
font-weight:900;
}

#examplesHolder {
width:90%;
height:auto;
margin:15px 0 0 5%;
background-color:transparent;
padding-bottom:25px;
}

.exampleObject {
width:100%;
height:60px;
border-bottom:1px solid #DBE9EE;
overflow: hidden;
}

.exampleObject:last-child {
width:100%;
height:60px;
border-bottom:0px solid #DBE9EE;
}

.exampleImage {
width:70px;
height:70px;
border-radius:0px;
margin:15px 50px 0 15px;
float:left;
background-color:#42D9C8;
overflow:hidden;
display: none;
}

@media all and (min-width: 900px) {
.exampleText {
width:30%;
max-width:450px;
height:50px;
background-color:transparent;
float:left;
margin-top:3px;
text-align:left;
}

.exampleTextFirst {
width:30%;
max-width:450px;
height:50px;
background-color:transparent;
float:left;
margin-top:3px;
text-align:left;
}
}

@media all and (max-width: 900px) {
.exampleText {
width:25%;
max-width:200px;
height:50px;
background-color:transparent;
float:left;
margin-top:3px;
text-align:left;
display:none;
}

.exampleTextFirst {
width:45%;
max-width:200px;
height:50px;
background-color:transparent;
float:left;
margin-top:3px;
text-align:left;
}
}


.exampleTextSmallTitel {
width:100%;
height:auto;
background-color:transparent;
font-size:12px;
color:rgba(0,0,0,.6);
font-weight:400;
text-transform:uppercase;
margin:10px 0 0 0;
}

.exampleTextTitel {
width:100%;
height:auto;
background-color:transparent;
font-size:14px;
color:rgba(0,0,0,1);
font-weight:700;
text-transform:uppercase;
letter-spacing: 1px;
}

#startImageHolder {
width:90%;
height:auto;
float:none;
background-color:transparent;
margin:0 0 15px 5%;
overflow:hidden;
}

#startImageOne {
width:100%;
max-width:300px;
height:200px;
background-image:url(../img/new/VMAB1.jpg);
background-size:contain;
background-repeat:no-repeat;
float:left;
margin:15px 0 0 0;
}

#startImageTwo {
width:100%;
max-width:390px;
height:200px;
background-image:url(../img/new/20190111_125842.jpg);
background-size:contain;
background-repeat:no-repeat;
float:left;
margin:15px 0 0 0;
image-orientation: none;
}

#startImageThree {
width:100%;
max-width:300px;
height:200px;
background-image:url(../img/new/VMAB3.jpg);
background-size:contain;
background-repeat:no-repeat;
float:left;
margin:15px 0 0 0;
}

#startImageFour {
width:100%;
max-width:390px;
height:200px;
background-image:url(../img/new/20181108_104429.jpg);
background-size:contain;
background-repeat:no-repeat;
float:left;
margin:15px 0 0 0;
}

#filler {
width:100%;
height:100px;
}

#fillerSmall {
width:100%;
height:25px;
}

#contactOuterHolder {
width:90%;
height:auto;
margin: 0 0 0 5%;
}

#contactHolder {
width:100%;
height:auto;
padding:40px 0 40px 0;
overflow:auto;
}

#contactInnerHolder {
width:100%;
height:200px;
background-color:transparent;
margin:0 auto 0 auto;
}

@media all and (min-width: 900px) {
#contactFormHolder {
width: -moz-calc(100% - 280px);
width: -webkit-calc(100% - 280px);
width: -o-calc(100% - 280px);
width: calc(100% - 280px);
min-width:300px;
height:261px;
background-color:transparent;
float:right;
}

#contactInfoHolder {
width:202px;
height:261px;
background-color:transparent;
float:left;
}

.contactInput {
width:49.5%;
height:40px;
background-color:#f4f8fa;
padding:0 0 0 20px;
border:0px;
float:left;
outline: none;
box-sizing:border-box;
color:rgba(0,0,0,1);
font-family:Lato, Arial, Helvetica;
font-weight:400;
border-radius:0px;
}

.contactInput:nth-child(1) {
margin-right:1%;
}

#contactMessage {
width:100%;
height:155px;
padding:20px;
margin-top:5px;
box-sizing:border-box;
border:0px;
background-color:#f4f8fa;
outline: none;
color:rgba(0,0,0,1);
font-family:Lato, Arial, Helvetica;
font-weight:400;
border-radius:0px;
}

.contactSocial {
width:37px;
height:37px;
float:left;
border:1px solid rgba(43, 163, 247, 1.0);
color:rgba(0,0,0,.3);
box-sizing:border-box;
margin:0 10px 0 0;
float:left;
}

.sendButton {
width:120px;
height:auto;
background-color:transparent;
border:1px solid #275fa2;
color:#275fa2;
padding:10px 0 10px 0;
font-weight:400;
font-size:12px;
text-align:center;
margin:20px 0 20px 0;
text-transform:uppercase;
font-family:Lato, Arial, Helvetica;
border-radius:0px;
float:left;
}

}

@media all and (max-width: 900px) {
#contactFormHolder {
width:100%;
min-width:300px;
height:306px;
background-color:transparent;
float:right;
margin-bottom:25px;
}

#contactInfoHolder {
width:100%;
min-width:300px;
height:260px;
background-color:transparent;
float:left;
}

.contactInput {
width:100%;
height:40px;
background-color:#f4f8fa;
padding:0 0 0 20px;
border:0px;
float:left;
margin-bottom:5px;
outline: none;
box-sizing:border-box;
color:rgba(0,0,0,1);
font-family:Lato, Arial, Helvetica;
font-weight:400;
border-radius:0px;
}

.contactInput:nth-child(1) {
margin-right:1%;
}

#contactMessage {
width:100%;
height:155px;
padding:20px;
box-sizing:border-box;
border:0px;
background-color:#f4f8fa;
outline: none;
color:rgba(0,0,0,1);
font-family:Lato, Arial, Helvetica;
font-weight:400;
border-radius:0px;
}

.contactSocial {
width:37px;
height:37px;
float:left;
border:1px solid rgba(255,255,255,.3);
color:rgba(0,0,0,.3);
box-sizing:border-box;
margin:0 10px 0 0;
float:left;
}

.sendButton {
width:120px;
height:auto;
background-color:transparent;
border:1px solid #275fa2;
color:#275fa2;
padding:10px 0 10px 0;
font-size:12px;
text-align:center;
margin:20px 0 20px 0;
text-transform:uppercase;
font-family:Lato, Arial, Helvetica;
font-weight:400;
border-radius:0px;
float:left;
}
}

.infoHeader {
font-family:Lato, Arial, Helvetica;
font-weight:400;
color:#36676f;
text-transform:uppercase;
font-size:16px;
}

.infoBread {
font-family:Lato, Arial, Helvetica;
font-weight:400;
color:#326771;
text-transform:uppercase;
font-size:12px;
line-height:20px;
margin:5px 0 20px 0;
}

#infoSocial {
width:100%;
height:37px;
margin:63px 0 0 0;
background-color:transparent;
display:none;
}

.footerSocial {
width:37px;
height:37px;
border:1px solid rgba(43, 163, 247, 1.0);
float:left;
margin-right:10px;
box-sizing:border-box;
}

#author {
color:#36676f;
height:20px;
margin:30px 0 -35px 0;
font-family:Lato, Arial, Helvetica;
font-size:12px;
font-weight:400;
}

.mailHolder {
width:100%;
height:100%;
background-color:rgba(0,0,0,.4);
position:absolute;
top:0px;
left:0px;
z-index:9999;
visibility:hidden;
opacity:0;
transition:visibility 0s linear 0.5s,opacity 0.5s linear;
}

.mailShow {
visibility:visible;
opacity:1;
transition-delay:0s;
}

#mailInner {
width:80%;
max-width:500px;
height:auto;
padding:60px 0 60px 0;
background-color:rgba(255,255,255,1);
margin:100px auto 0 auto;
overflow:hidden;
}

.stop-scrolling {
height: 100%;
overflow: hidden;
}


#titlePop {
width:80%;
max-width:1000px;
margin:0px auto 12px auto;
text-align:center;
font-weight:400;
text-transform:uppercase;
font-size:18px;
letter-spacing:3px;
}

#titleTextPop {
width:80%;
max-width:1000px;
margin:0 auto 0 auto;
text-align:center;
font-weight:300;
box-sizing:border-box;
}

.button {
width:240px;
height:auto;
border:1px solid #235DA4;
color:#235DA4;
padding:14px 0 14px 0;
text-align:center;
font-weight:300;
font-size:14px;
text-transform:uppercase;
margin:50px auto 0 auto;
cursor:pointer;
}

#floatWallHolder {
width:100%;
height:auto;
margin:0 0 0 0;
background-color:transparent;
}

.floatWallObject {
width:100%;
min-height:100px;
height:auto;
border-bottom:1px solid #DBE9EE;
overflow:hidden;
box-sizing:border-box;
padding:15px 0px 15px 0;
}

.floatWallObject:last-child {
border:0px;
}

.floatWallTitel {
width:100%;
height:auto;
font-size:16px;
color:#326771;
font-weight:700;
text-transform:uppercase;
opacity:1;
}

.floatWallDesc {
width:100%;
height:auto;
font-size:18px;
color:#1d3d44!important;
font-weight:300;
margin-top:3px;
}

#flytImageOne {
width:100%;
max-width:400px;
height:150px;
background-image:url(../img/utan.jpg);
background-size:contain;
background-repeat:no-repeat;
float:left;
position:relative;
overflow:visible;
margin-bottom:30px;
}

#flytImageTwo {
width:100%;
max-width:400px;
height:150px;
background-image:url(../img/med.jpg);
background-size:contain;
background-repeat:no-repeat;
float:left;
position:relative;
overflow:visible;
}

#flytImageOne:after {
content:'Utan flytvägg';
font-size:14px;
font-weight:400;
text-align:right;
margin:15px 0 0 5px;
text-transform:uppercase;
color:#fff;
letter-spacing:1px;
}

#flytImageTwo:after {
content:'Med flytvägg';
font-size:14px;
font-weight:400;
text-align:right;
margin:15px 0 0 5px;
text-transform:uppercase;
color:#fff;
letter-spacing:1px;
}

.textAndImageHolder {
width:90%;
height:auto;
background-color:transparent;
margin:20px 0 0 5%;
overflow:hidden;
}

.fetStil {
  display: inline-block;
  font-weight: 400;
}

.textAndImageHolderUpdated {
  width:90%;
  height:auto;
  margin:20px 0 0 5%;
  background-color: transparent;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.textInnerHolderUpdated {
  background-color: transparent;
  flex-grow: 1;
  max-width: 50%;
  min-width:300px;
  height:auto;
}

.textInnerHolderUpdatedTitle {
  margin-left: 0!important;
}

.textInnerHolderUpdatedBread {
  margin-left: 0!important;
}

.imageInnerHolderUpdated {
  background-color: rgba(0,0,0,0);
  flex-grow: 1;
  max-width: 50%;
  min-width:300px;
  min-height:100px;
  height:auto;
}

.imageInnerHolderUpdatedInner {
  /*max-width: 300px;*/
  max-height: 300px;
  width:100%;
  height:100%;
  background-color: transparent;
  object-fit: cover;
  margin-top:20px;
}

.portrait {
  max-height:400px!important;
  max-width: 300px!important;
  margin-bottom: 50px;
}

@media all and (max-width: 1000px) {
  .textInnerHolderUpdated {
    background-color: transparent;
    flex-grow: 1;
    max-width: 100%;
    min-width:300px;
    height:auto;
    margin:0 0 20px 0;
  }

  .imageInnerHolderUpdated {
    background-color: rgba(0,0,0,0);
    flex-grow: 1;
    max-width: 100%;
    min-width:300px;
    min-height:100px;
    height:auto;
  }

  .imageInnerHolderUpdatedInner {
    max-width: 100%;
    max-height: 300px;
    width:100%;
    height:100%;
    background-color: red;
    object-fit: cover;
  }
}

@media all and (min-width: 800px) {
  .textInnerHolder {
  width:70%;
  min-width:300px;
  height:auto;
  background-color:transparent;
  float:left;
  font-size:18px;
  font-weight:300;
  text-align:left;
  color:#2a5760;
  line-height:20px;
  margin-bottom:20px;
  }

  .imageInnerHolderFloatWall {
  width:25%;
  height:200px;
  background-color:transparent;
  float:left;
  background-image:url(../img/new/SBVT1.jpg);
  background-repeat:no-repeat;
  background-size:contain;
  margin-left:5%;
  }

  .imageInnerHolderFloatWallTwo {
  width:25%;
  height:160px;
  background-color:transparent;
  float:left;
  background-image:url(../img/new/20190111_124321.jpg);
  background-repeat:no-repeat;
  background-size:contain;
  margin-left:5%;
  }

  .imageInnerHolderFloatWallThree {
  width:25%;
  height:200px;
  background-color:transparent;
  float:left;
  background-image:url(../img/new/Vika1.jpg);
  background-repeat:no-repeat;
  background-size:contain;
  margin-left:5%;
  }

}

@media all and (max-width: 800px) {
  .textInnerHolder {
  width:100%;
  min-width:300px;
  height:auto;
  background-color:transparent;
  float:left;
  font-size:18px;
  font-weight:300;
  text-align:left;
  color:#2a5760;
  line-height:20px;
  margin-bottom:20px;
  }

  .imageInnerHolderFloatWall {
  width: calc(30% - 10px);
  height:100px;
  background-color:transparent;
  float:left;
  background-image:url(../img/new/SBVT1.jpg);
  background-repeat:no-repeat;
  background-size:contain;
  margin-right: 10px;
  }

  .imageInnerHolderFloatWallTwo {
  width: calc(40% - 10px);
  height:100px;
  background-color:transparent;
  float:left;
  background-image:url(../img/new/20190111_124321.jpg);
  background-repeat:no-repeat;
  background-size:contain;
  /*margin-top:10px;*/
  margin-right: 10px;
  }

  .imageInnerHolderFloatWallThree {
  width: calc(30% - 10px);
  height:100px;
  background-color:transparent;
  float:left;
  background-image:url(../img/new/Vika1.jpg);
  background-repeat:no-repeat;
  background-size:contain;
  /*margin-top:10px;*/
  }

}

.imageInnerHolder {
width:30%;
height:200px;
background-color:transparent;
float:left;
background-image:url(../img/air3.jpg);
background-repeat:no-repeat;
background-size:contain;
}

.inside {
margin:0px;
width:100%;
}

#buttonHolder {
width:90%;
margin-left:5%;
height:auto;
background-color:transparent;
overflow:hidden;
}

#buttonHolderKontakt {
width:100%;
margin: 15px 0 0 0;
height:auto;
background-color:transparent;
overflow:hidden;
}

.buttonMargin {
margin-right:20px;
}

.buttonspacer {
padding:10px 40px 10px 40px;
}

#produktImageOne {
width:400px;
height:200px;
background-color:transparent;
float:left;
background-image:url(../img/produktImage.jpg);
background-repeat:no-repeat;
background-size:contain;
margin-top:10px;
}

#produktImageTwo {
width:150px;
height:200px;
background-color:transparent;
float:left;
background-image:url(../img/air4.jpg);
background-repeat:no-repeat;
background-size:contain;
margin:10px 0 0 0;
}