#mask{

display:block;

height:170px;

}

#btm02{

float:right;
}



@media screen and (max-width: 1000px){
.midSection{
width:100% !important;;
height:120px !important;
 vertical-align:top;
display:block;
font-size:14px;
text-align:center;
}
.botSection{
width:100% !important; 
float:left; 
line-height:17px; 
text-align:left; 
height:150px;
}

#mask{
height:470px;
}

}



@media screen and (max-width: 920px){
.midSection{
width:100% !important;
height:240px !important;
 vertical-align:top;
display:block;
font-size:14px;
}




#botContent{
width:100%; 
float:left;
margin-top:-10px;
font-size:14px;
} 

#botContent .text{
height:200px;
}

.midSection img{

width:320px;
height:240px;
}

#mask{
height:450px;
}

}
@media screen and (max-width: 720px){
#mask{
height:425px;
}

}


@media screen and (max-width: 720px){

#mask{
height:400px;
}

}


@media screen and (max-width: 560px){


.midSection{
width:100% !important;
height:300px !important;
vertical-align:top;
display:block;
font-size:14px;


}


#mask{
height:350px;
}

}




@media screen and (max-width: 480px){
.midSection{
width:100% !important;
height:350px !important;
vertical-align:top;
display:block;
font-size:14px;

}

#mask{
height:300px;
}


#botContent{
width:100%; 
float:left;
margin-top:-10px;
} 

.midSection img{

width:320px;
height:240px;
}

}


@media screen and (max-width: 380px){
.midSection{
width:100% !important;
height:400px !important;
 vertical-align:top;
display:block;
font-size:14px;

}
#mask{
height:250px;
}

}



#botContent{
width:100%; 
float:left;
margin-top:-10px;
} 
.botSection{
width:33%; 
float:left; 
line-height:17px; 
text-align:left; 
height:130px;

}
#botContent .text{
height:100px;
padding-right:5px
}



#rest{

height:160px;

}
#mask{
text-align:center;
}
#mask img{
margin-top:150px;
width:100%; 


}
.content{
 
float:left; 
background-color:#e0d8cd;
} 

#botContent h3{
padding:0px 0px 5px 0px; 
font-size:18px;
line-height:16px;
margin:0px;
}
.lesmer{
float:left; 
font-size:12px;
font-weight:bold;
margin-top:5px; 
padding-left:12px; 
background:url(../images/grafisk/topMenuArrow.png) left center no-repeat;
}    
.shadow{

height:20px;
margin-top:0px;
z-index:-1;
}
.midSection{
  
background-color:#e0d8cd; 

display:inline-block; 
margin-bottom:30px;
margin-top:10px;


line-height:17px;
width:49.4%;
text-align:inherit;
height:150px;
 vertical-align:top;
}






.midSection img{
float:left; 
border:none; 
margin-right:15px;
}
.midSection h4{
font:bold 15px Helvetica, Arial, Verdana, "Times New Roman", Times, serif;
padding:20px 0px 5px 0px;
}


#topimage{

margin-top:10px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
position:relative;
}




#topimage img{
width:100%;
position:absolute;
left:0px;
opacity:0;



}


  @keyframes cf3FadeInOut {
  0% {
  opacity:0;
}
8% {
opacity:1;
}
18% {
opacity:1;
}
30%{
opacity:0;
}

100% {
opacity:0;
}
}
  @-webkit-keyframes cf3FadeInOut {
  0% {
  opacity:0;
}
8% {
opacity:1;
}
18% {
opacity:1;
}
30%{
opacity:0;
}

100% {
opacity:0;
}

}
  @-moz-keyframes cf3FadeInOut {
  0% {
  opacity:0;
}
8% {
opacity:1;
}
18% {
opacity:1;
}
30%{
opacity:0;
}

100% {
opacity:0;
}
}


.img1 {
animation-name: cf3FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 16s;
animation-direction: linear;

-webkit-animation-name: cf3FadeInOut;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 16s;
-webkit-animation-direction: linear;
-moz-animation-name: cf3FadeInOut;
-moz-animation-timing-function: ease-in-out;
-moz-animation-iteration-count: infinite;
-moz-animation-duration: 16s;
-moz-animation-direction: linear;
-o-animation-name: cf3FadeInOut;
-o-animation-timing-function: ease-in-out;
-o-animation-iteration-count: infinite;
-o-animation-duration: 16s;
-o-animation-direction: linear;



}




.img2 {
animation-name: cf3FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 16s;
animation-direction: linear;
animation-delay:4s;

-webkit-animation-name: cf3FadeInOut;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 16s;
-webkit-animation-direction: linear;
-webkit-animation-delay:4s;

-moz-animation-name: cf3FadeInOut;
-moz-animation-timing-function: ease-in-out;
-moz-animation-iteration-count: infinite;
-moz-animation-duration: 16s;
-moz-animation-direction: linear;
-moz-animation-delay:4s;

-o-animation-name: cf3FadeInOut;
-o-animation-timing-function: ease-in-out;
-o-animation-iteration-count: infinite;
-o-animation-duration: 16s;
-o-animation-direction: linear;
-o-animation-delay:4s;


}

.img3 {
animation-name: cf3FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 16s;
animation-direction: linear;
animation-delay:8s;

-webkit-animation-name: cf3FadeInOut;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 16s;
-webkit-animation-direction: linear;
-webkit-animation-delay:8s;

-moz-animation-name: cf3FadeInOut;
-moz-animation-timing-function: ease-in-out;
-moz-animation-iteration-count: infinite;
-moz-animation-duration: 16s;
-moz-animation-direction: linear;
-moz-animation-delay:8s;

-o-animation-name: cf3FadeInOut;
-o-animation-timing-function: ease-in-out;
-o-animation-iteration-count: infinite;
-o-animation-duration: 16s;
-o-animation-direction: linear;
-o-animation-delay:8s;


}

.img4 {
animation-name: cf3FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 16s;
animation-direction: linear;
animation-delay:12s;

-webkit-animation-name: cf3FadeInOut;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 16s;
-webkit-animation-direction: linear;
-webkit-animation-delay:12s;

-moz-animation-name: cf3FadeInOut;
-moz-animation-timing-function: ease-in-out;
-moz-animation-iteration-count: infinite;
-moz-animation-duration: 16s;
-moz-animation-direction: linear;
-moz-animation-delay:12s;

-o-animation-name: cf3FadeInOut;
-o-animation-timing-function: ease-in-out;
-o-animation-iteration-count: infinite;
-o-animation-duration: 16s;
-o-animation-direction: linear;
-o-animation-delay:12s;


}