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

/************************************************************************************
Big Desktp
*************************************************************************************/
@media only screen and (min-width : 1580px) {

#mobilmenu {
display:none;
}

#mobilbanner {
display:none;		
}

#undersidebanneromgivelser {
width: 100%;
height:auto;
float:left;
}
  
#mid0 {
width: 100%;
height: auto;
float: left;
padding-top:0px;
}

#midcontent0 {
width: 80%;
height: auto;
margin-left:10%;
margin-right:10%;
} 
  
.video-container {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}  
  
#content {
width: 100%;
height: auto;
float:left;
padding-top:5%;
margin-top:0px;
margin-bottom:20px;
}
  
#content img {
width: 100%;
height: auto;
float: left;
margin-bottom: 20px;
}     

#content h1 {
width:80%;
font-size:40px;
line-height:46px;
font-weight:500;
color: #666;
margin-top:20px;
margin-bottom:35px;
}
  
#content p {
font-size:23px;
line-height:28px;
font-weight:400;
color: #000;
font-family: 'Lato', sans-serif;
}
  
#content a:link,
#content a:visited {
font-weight:600;
color:#e7305e;
text-decoration:none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#content a:hover {
color:#666;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
} 

#content table {
width: 100%;
height: auto;
margin-bottom:20px;
}   
  
#content tr {
width: 100%;
height: 20px;
}  
  
tr:nth-child(even) {
background-color: #eee;
}  
  
td, th {
  border: 1px solid #dddddd;
  text-align: left;
 padding:5px;
}

 

  
  
}


/************************************************************************************
Medium Desktop
*************************************************************************************/
@media screen and (min-width : 1220px) and (max-width: 1579px) {  

#mobilmenu {
display:none;
}

#mobilbanner {
display:none;		
}

#undersidebannercontentomgivelser {
width: 100%;
height: 105px;
float:left;
background: #e7305e;
}
  
#mid0 {
width: 100%;
height: auto;
float: left;
padding-top:20px;
}

#midcontent0 {
width: 80%;
height: auto;
margin-left:10%;
margin-right:10%;
} 
  
.video-container {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}  
  
#content {
width: 100%;
height: auto;
float:left;
padding-top:4%;
margin-top:0px;
margin-bottom:50px;
}
  
  
#content img {
width: 100%;
height: auto;
float: left;
margin-bottom: 20px;
}     

#content h1 {
width:80%;
font-size:40px;
line-height:46px;
font-weight:500;
color: #000;
margin-top:20px;
margin-bottom:35px;
}
  
#content p {
font-size:17px;
line-height:24px;
font-weight:400;
color:#000;
font-family: 'Lato', sans-serif;
}
  
#content a:link,
#content a:visited {
font-weight:400;
color:#e7305e;
text-decoration:none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#content a:hover {
color:#e7305e;
text-decoration:underline;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
} 

#content table {
width: 100%;
height: auto;
margin-bottom:20px;
}   
  
#content tr {
width: 100%;
height: 20px;
}  
  
tr:nth-child(even) {
background-color: #eee;
}  

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
  
  
}

/************************************************************************************
For Tablets
*************************************************************************************/
@media screen and (min-width: 768px) and (max-width: 1219px) {

#mobilmenu {
display:none;
}

#mobilbanner {
display:none;		
}

#undersidebanneromgivelser {
width: 100%;
height:auto;
float:left;
}
  
#mid0 {
width: 100%;
height: auto;
float: left;
padding-top:20px;
}

#midcontent0 {
width: 90%;
height: auto;
margin-left:5%;
margin-right:5%;
} 
  
#content0youtube {
width: 100%;
height: auto;
float:left;
margin-top:-30px;
margin-bottom:0px;   
}
  
#content0youtube h1 {
width:80%;
font-size:26px;
line-height:28px;
font-weight:500;
color: #666;
margin-top:0px;
margin-bottom:15px;
}  
  
.video-container {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}  
  
#content {
width: 100%;
height: auto;
float:left;
padding-top:5%;
margin-top:0px;
margin-bottom:50px;
}
  
  
#content img {
width: 100%;
height: auto;
float: left;
margin-bottom: 20px;
}     

#content h1 {
width:80%;
font-size:26px;
line-height:28px;
font-weight:500;
color: #666;
margin-top:0px;
margin-bottom:15px;
}
  
#content p {
font-size:15px;
line-height:22px;
font-weight:400;
color:#000;
font-family: 'Lato', sans-serif; 
}
  
#content a:link,
#content a:visited {
font-weight:400;
color:#e7305e;
text-decoration:none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#content a:hover {
color:#e7305e;
text-decoration:underline;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
} 

#content table {
width: 100%;
height: auto;
font-size: 14px;
line-height: 22px;
margin-bottom:20px;
}   
  
#content tr {
width: 100%;
height: 20px;
font-size: 14px;
line-height: 22px;
}  
  
tr:nth-child(even) {
background-color: #eee;
}  

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
  
}


/************************************************************************************
For Smartphones
*************************************************************************************/
@media screen and (max-width: 767px) {

#undersidebanneromgivelser {
width: 100%;
height:auto;
float:left;
margin-top:30px;  
}
  
#mid0 {
width: 100%;
height: auto;
float: left;
padding-top:0px;
}

#midcontent0 {
width: 90%;
height: auto;
margin-left:5%;
margin-right:5%;
} 
  
#content0youtube {
width: 100%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:0px;   
}
  
#content0youtube h1 {
width:80%;
font-size:28px;
line-height:32px;
font-weight:500;
color: #666;
margin-top:0px;
margin-bottom:15px;
}  
  
.video-container {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}  
  
#content {
width: 100%;
height: auto;
float:left;
padding-top:7%;
margin-top:0px;
margin-bottom:50px;
}
  
#content img {
width: 100%;
height: auto;
float: left;
margin-bottom: 20px;
}   
  
#content p {
font-size:16px;
line-height:20px;
font-weight:400;
color: #000;
font-family: 'Lato', sans-serif;  
}
  
#content a:link,
#content a:visited {
font-weight:600;
color:#e7305e;
text-decoration:none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#content a:hover {
color:#666;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
} 

#content table {
width: 100%;
height: auto;
font-size: 14px;
line-height: 22px;
margin-bottom:20px;
}   
  
#content tr {
width: 100%;
height: 20px;
font-size: 14px;
line-height: 22px;
}  
  
tr:nth-child(even) {
background-color: #eee;
}  
  
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

}