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

/************************************************************************************
For Desktops
*************************************************************************************/

@media only screen and (min-width : 1120px) {

#artikelimg {
width: 100%;
height: auto;
float:left;
margin-top:61px;
}

#artikelimg img {
width: 100%;
height: auto;
}

#mid0 {
width: 100%;
height: auto;
float:left;
background:#f2f2f2;
}

#midcontent0 {
width: 64%;
height: auto;
float:left;
margin-left:15%;
margin-left:15%;
margin-top:-100px;
margin-bottom:100px;
padding-left:3%;
padding-right:3%;
padding-bottom:5%;
box-shadow: 0px 5px 15px #999;
background:white;
}

#content {
width: 97%;
height:auto;
float:left;
margin-top:40px;
padding-bottom:2%;
}
  
#content img {
width: 100%;
height: auto;
float:left;
margin-bottom:1%;
border: 1px solid #eee;
}

#content h1 {
font-size:38px;
font-weight:400;
color: #003a65;
margin-top:0px;
margin-bottom:10px;
}
  
#content a:link {
text-decoration: none;
color:#003a65;
line-height:18px;
padding-top:8px;
padding-bottom:8px;
padding-left:5px !important;
padding-right:5px;
margin-left:-5px;
}
    
.moduletable.personaleboks a:hover,
.moduletable.personaleboks a:active {
background:white !important;
}
  
#produkterblomster {
width: 100%;
min-height: 790px;
float:left;
margin-top:40px;
padding-bottom:5%;
}  
  
#produkterblomster div.moduletable.blomster {
width:22.7%;
height:auto;
float:left;
margin-right:2%;
margin-bottom:2%;
border:1px solid #eee;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;    
}  
  
#produkterblomster div.moduletable.blomster h3 {
width:100%;
height:20px;
float: left;
font-size:20px;
font-weight:normal;
line-height: 20px;
margin-top:-18px;
margin-bottom: 0px;
padding:5px;  
} 


#produkterblomster div.moduletable.blomster p  {
font-size:14px;
line-height: 14px;
padding:5px;
float: left;  
} 

#produkterblomster div.moduletable.blomster img  {
width:100%;
height:auto;
float:left;
margin-top:-15px;
margin-bottom:px;
border:none;
border-bottom:1px solid #eee;
}  
  
#undersidemenu {
width: 65%;
height: 200px;
float:left;
}
  
#undersidemenu div.moduletable.undersidemenu h3 {
font-size:21px;
font-weight:bold;
color: #003a65;
margin-bottom:8px;
}

#undersidemenu div.moduletable.undersidemenu ul {
list-style-type:none;
margin: 0;
padding: 0;
float:left;
width: 100%;
height: auto;  
}
  
#undersidemenu div.moduletable.undersidemenu li {
list-style-type: none;
margin: 0;
padding: 0;
float:left;
width: 33%;
height: auto; 
}

#undersidemenu div.moduletable.undersidemenu li a:link,
#undersidemenu div.moduletable.undersidemenu li a:visited {
display:inline-block;  
float:left;
text-decoration: none;
font-size:14px;
color:#003a65;
line-height:18px;
padding-top:8px;
padding-bottom:8px;
padding-left:10px;
padding-right:10px;
margin-left:-10px;
transition:all 0.5s;
transition-duration:0.5s;
-webkit-transition:all 0.5s;
-webkit-transition-duration:0.5s;
}

#undersidemenu div.moduletable.undersidemenu li a:hover,
#undersidemenu div.moduletable.undersidemenu li a:active {       
display:block;
text-decoration: none;
font-size:14px;
color:white;
line-height:18px;
background: #003a65;
border-radius:3px;
}  
  
  
#undersidemenuright {
width: 32%;
height: 180px;
float:left;
border-left:1px solid #013a67; 
padding-left:2%;
margin-top:1px;
}
  
#undersidemenuright h3 {
font-size:21px;
font-weight:bold;
color: #003a65;
margin-bottom:8px;
}

#undersidemenuright div.moduletable.undersidemenuright ul {
list-style-type:none;
margin: 0;
padding: 0;
float:left;
width: 100%;
height: auto;  
}
  
#undersidemenuright div.moduletable.undersidemenuright li {
list-style-type: none;
margin: 0;
padding: 0;
float:left;
width: 100%;
height: auto; 
}

#undersidemenuright div.moduletable.undersidemenuright li a:link,
#undersidemenuright div.moduletable.undersidemenuright li a:visited {
display:inline-block;  
float:left;
text-decoration: none;
font-size:14px;
color:#003a65;
line-height:18px;
padding-top:8px;
padding-bottom:8px;
padding-left:10px;
padding-right:10px;
margin-left:-10px;
transition:all 0.5s;
transition-duration:0.5s;
-webkit-transition:all 0.5s;
-webkit-transition-duration:0.5s;
}

#undersidemenuright div.moduletable.undersidemenuright li a:hover,
#undersidemenuright div.moduletable.undersidemenuright li a:active {       
display:block;
text-decoration: none;
font-size:14px;
color:white;
line-height:18px;
background: #003a65;
border-radius:3px;
} 
  
}

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

#artikelimg {
width: 100%;
height: 400px;
float:left;
margin-top:61px;
}

#artikelimg img {
width: 100%;
height: auto;
}

#mid0 {
width: 100%;
height: auto;
float:left;
background:#f2f2f2;
}

#midcontent0 {
width: 80%;
height: auto;
float:left;
margin-left:5%;
margin-left:5%;
margin-top:-100px;
margin-bottom:100px;
padding-left:5%;
padding-right:5%;
padding-bottom:5%;
box-shadow: 0px 5px 15px #999;
background:white;
}

#content {
width: 97%;
height:auto;
float:left;
margin-top:40px;
padding-bottom:2%;
}
  
#content img {
width: 100%;
height: auto;
float:left;
margin-bottom:1%;
border: 1px solid #eee;
}

#content h1 {
font-size:38px;
font-weight:400;
color: #003a65;
margin-top:0px;
margin-bottom:10px;
}
  
#content a:link {
text-decoration: none;
color:#003a65;
line-height:18px;
padding-top:8px;
padding-bottom:8px;
padding-left:5px !important;
padding-right:5px;
margin-left:-5px;
}
  
#content .moduletable.personaleboks {
width:41%;
height:auto;
float:left;
margin-right:7%;
margin-bottom:2%;
border:1px solid #eee;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
} 

#content .moduletable.personaleboks h2 {
font-size:20px;
font-weight:normal;
line-height: 22px;
} 

#content .moduletable.personaleboks p {
font-size:14px;
line-height: 12px;
} 
  
#content a:link {
text-decoration: none;
color:#003a65;
line-height:18px;
padding-top:8px;
padding-bottom:8px;
padding-left:5px !important;
padding-right:5px;
margin-left:-5px;
}
   
#content .moduletable.personaleboks img {
width:100%;
height:auto;
float:left;
margin-top:-5%;
border:none;
border-bottom:1px solid #eee;
}
    
.moduletable.personaleboks a:hover,
.moduletable.personaleboks a:active {
background:white !important;
}
  
#produkterblomster {
width: 100%;
min-height: 790px;
float:left;
margin-top:40px;
padding-bottom:5%;
}  
  
#produkterblomster div.moduletable.blomster {
width:22.7%;
height:auto;
float:left;
margin-right:2%;
margin-bottom:2%;
border:1px solid #eee;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;    
}  
  
#produkterblomster div.moduletable.blomster h3 {
width:100%;
height:20px;
float: left;
font-size:20px;
font-weight:normal;
line-height: 20px;
margin-top:-18px;
margin-bottom: 0px;
padding:5px;  
} 

#produkterblomster div.moduletable.blomster p {
font-size:14px;
line-height: 14px;
padding:5px;
float: left;  
} 
  
#produkterblomster div.moduletable.blomster img {
width:100%;
height:auto;
float:left;
margin-top:-15px;
margin-bottom:px;
border:none;
border-bottom:1px solid #eee;
} 

#undersidemenu {
width: 60%;
height: auto;
float:left;
}
  
#undersidemenu div.moduletable.undersidemenu h3 {
font-size:20px;
font-weight:bold;
color: #003a65;
margin-bottom:8px;
}

#undersidemenu div.moduletable.undersidemenu ul {
list-style-type:none;
margin: 0;
padding: 0;
float:left;
width: 100%;
height: auto;  
}
  
#undersidemenu div.moduletable.undersidemenu li {
list-style-type:none;
margin: 0;
padding: 0;
float:left;
width: 48%;
height: auto; 
}

#undersidemenu div.moduletable.undersidemenu li a:link,
#undersidemenu div.moduletable.undersidemenu li a:visited {
display:inline-block;  
float:left;
text-decoration: none;
font-size:14px;
color:#003a65;
line-height:18px;
padding-top:8px;
padding-bottom:8px;
padding-left:15px;
padding-right:15px;
margin-left:-4px;
transition:all 0.5s;
transition-duration:0.5s;
-webkit-transition:all 0.5s;
-webkit-transition-duration:0.5s;

}

#undersidemenu div.moduletable.undersidemenu li a:hover,
#undersidemenu div.moduletable.undersidemenu li a:active {       
display:block;
text-decoration: none;
font-size:14px;
color:white;
line-height:18px;
background: #003a65;
border-radius:3px;
}  
  
  
#undersidemenuright {
width: 37%;
height: auto;
float:left;
border-left:2px solid #013a67; 
padding-left:2%;
padding-bottom:2%;
}
  
#undersidemenuright h3 {
font-size:21px;
font-weight:bold;
color: #003a65;
margin-bottom:8px;
}

#undersidemenuright div.moduletable.undersidemenuright ul {
list-style-type:none;
margin: 0;
padding: 0;
float:left;
width: 100%;
height: auto;  
}
  
#undersidemenuright div.moduletable.undersidemenuright li {
list-style-type: none;
margin: 0;
padding: 0;
float:left;
width: 100%;
height: auto; 
}

#undersidemenuright div.moduletable.undersidemenuright li a:link,
#undersidemenuright div.moduletable.undersidemenuright li a:visited {
display:inline-block;  
float:left;
text-decoration: none;
font-size:14px;
color:#003a65;
line-height:18px;
padding-top:8px;
padding-bottom:8px;
padding-left:10px;
padding-right:10px;
margin-left:-10px;
transition:all 0.5s;
transition-duration:0.5s;
-webkit-transition:all 0.5s;
-webkit-transition-duration:0.5s;
}

#undersidemenuright div.moduletable.undersidemenuright li a:hover,
#undersidemenuright div.moduletable.undersidemenuright li a:active {       
display:block;
text-decoration: none;
font-size:14px;
color:white;
line-height:18px;
background: #003a65;
border-radius:3px;
} 
  
}

/************************************************************************************
For Smartphones
*************************************************************************************/

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

#artikelimg {
width: 100%;
height: auto;
float:left;
margin-top:61px;
}

#artikelimg img {
width: 100%;
height: auto;
}

#mid0 {
width: 100%;
height: auto;
float:left;
background:#f2f2f2;
}

#midcontent0 {
width: 80%;
height: auto;
float:left;
margin-left:5%;
margin-left:5%;
margin-top:-100px;
margin-bottom:8%;
padding-left:5%;
padding-right:5%;
padding-bottom:5%;
box-shadow: 0px 5px 15px #999;
background:white;
}
  
#content {
width: 96%;
height: auto;
margin-left:2%;
margin-left:2%;
padding-bottom:5%;
}
  
#content img {
width: 100%;
height: auto;
float:left;
margin-bottom:1%;
border: 1px solid #eee;
}

#content h1 {
font-size:28px;
font-weight:400;
color: #003a65;
margin-top:0px;
margin-bottom:10px;
}
  
#content a:link {
text-decoration: none;
color:#003a65;
line-height:18px;
padding-top:8px;
padding-bottom:8px;
padding-left:5px !important;
padding-right:5px;
margin-left:-5px;
}
  
#content .moduletable.personaleboks {
width:45%;
height:auto;
float:left;
margin-right:4%;
margin-bottom:2%;
border:1px solid #eee;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
} 
  
#content .moduletable.personaleboks h2 {
font-size:20px;
font-weight:normal;
line-height: 22px;
} 

#content .moduletable.personaleboks p {
font-size:14px;
line-height: 12px;
} 
  
#content .moduletable.personaleboks img {
width:100%;
height:auto;
float:left;
margin-top:-7%;
margin-bottom:5%;
} 
  
#content .moduletable.personaleboks img {
width:100%;
height:auto;
float:left;
margin-top:-5%;
border:none;
border-bottom:1px solid #eee;
}
    
.moduletable.personaleboks a:hover,
.moduletable.personaleboks a:active {
background:white !important;
}

#produkterblomster {
width: 100%;
min-height: 790px;
float:left;
margin-top:40px;
padding-bottom:5%;
}  
  
#produkterblomster div.moduletable.blomster  {
width:46.4%;
height:auto;
float:left;
margin-right:3%;
margin-bottom:3%;
border:1px solid #eee;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;    
}  
  
#produkterblomster div.moduletable.blomster h3 {
height: 90px;
font-size:19px;
font-weight:normal;
line-height: 20px;
margin-bottom: 0px;
padding:5px;  
} 

#produkterblomster div.moduletable.blomster p  {
font-size:14px;
line-height: 18px;
padding:5px;
} 

#produkterblomster div.moduletable.blomster img {
width:100%;
height:auto;
float:left;
margin-top:-15px;
margin-bottom: 5px;
border:none;
border-bottom:1px solid #eee;
}    

#undersidemenu {
width: 96%;
height: auto;
float:left;
margin-left:2%;
margin-left:2%;
padding-bottom:5%;
border-top: 2px solid #efefef;
}
  
#undersidemenu div.moduletable.undersidemenu h3 {
font-size:22px;
font-weight:bold;
color: #003a65;
margin-bottom:8px;
}

#undersidemenu div.moduletable.undersidemenu ul {
list-style-type:none;
margin: 0;
padding: 0;
float:left;
width: 100%;
height: auto; 
margin-left:-10px;
}
  
#undersidemenu div.moduletable.undersidemenu li {
list-style-type:none;
margin: 0;
padding: 0;
float:left;
width: 50%;
height: auto; 
}

#undersidemenu div.moduletable.undersidemenu li a:link,
#undersidemenu div.moduletable.undersidemenu li a:visited {
display:inline-block;  
float:left;
text-decoration: none;
font-size:14px;
color:#003a65;
line-height:18px;
padding-top:8px;
padding-bottom:8px;
padding-left:15px;
padding-right:15px;
margin-left:-4px;
transition:all 0.5s;
transition-duration:0.5s;
-webkit-transition:all 0.5s;
-webkit-transition-duration:0.5s;
word-break: break-all;
}

#undersidemenu div.moduletable.undersidemenu li a:hover,
#undersidemenu div.moduletable.undersidemenu li a:active {       
display:block;
text-decoration: none;
font-size:14px;
color:white;
line-height:18px;
background: #003a65;
border-radius:3px;
}  
  
  
#undersidemenuright {
width: 96%;
height: auto;
float:left;
margin-left:2%;
margin-left:2%;
padding-bottom:5%;
border-top: 2px solid #efefef;
}
  
#undersidemenuright h3 {
font-size:21px;
font-weight:bold;
color: #003a65;
margin-bottom:8px;
}

#undersidemenuright div.moduletable.undersidemenuright ul {
list-style-type:none;
margin: 0;
padding: 0;
float:left;
width: 100%;
height: auto;  
margin-left:-10px;
}
  
#undersidemenuright div.moduletable.undersidemenuright li {
list-style-type: none;
margin: 0;
padding: 0;
float:left;
width: 100%;
height: auto; 
}

#undersidemenuright div.moduletable.undersidemenuright li a:link,
#undersidemenuright div.moduletable.undersidemenuright li a:visited {
display:inline-block;  
float:left;
text-decoration: none;
font-size:14px;
color:#003a65;
line-height:18px;
padding-top:8px;
padding-bottom:8px;
padding-left:20px;
padding-right:10px;
margin-left:-10px;
transition:all 0.5s;
transition-duration:0.5s;
-webkit-transition:all 0.5s;
-webkit-transition-duration:0.5s;
}

#undersidemenuright div.moduletable.undersidemenuright li a:hover,
#undersidemenuright div.moduletable.undersidemenuright li a:active {       
display:block;
text-decoration: none;
font-size:14px;
color:white;
line-height:18px;
background: #003a65;
border-radius:3px;
} 

}