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

#mobilmenu {
display:none;
}
    
#mid0 {
width: 100%;
height: auto;
float: left;
margin-top:170px;
margin-bottom:30px;
}

#midcontent0 {
width: 1280px;
height: auto;
margin-left:auto;
margin-right:auto;
} 
  
#left {
width: 23%;
height: auto;
float:left;
margin-top:5px;
margin-bottom:20px; 
} 
  
#left div.moduletable.leftmenu  {
width:100%;
margin-bottom:20px;
}

#left div.moduletable.leftmenu ul  {
list-style-type: none;
margin: 0;
padding: 0;
}
  
#left .moduletable.leftmenu h3 {
width: 90%;
display: block;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 10px;
margin-bottom:0px;
text-align: left;
color:#004293;
font-size:28px;
font-weight:300;
}

#left div.moduletable.leftmenu li a:link,
#left div.moduletable.leftmenu li a:visited {
width: 90%;
display: block;
text-decoration: none;
padding-left: 5%;
padding-right: 5%;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #eee;
text-align: left;
color:#004293;
font-size:18px;
font-weight:300;
line-height:28px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
 
}

#left div.moduletable.leftmenu li a:hover, 
#left div.moduletable.leftmenu li a:active {       
width: 85%;
padding-left: 10%;
background: #efefef;
color:#b5d970;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
  
#left div.moduletable.leftmenu li li a:link,
#left div.moduletable.leftmenu li li a:visited {
width: 85%;
display: block;
text-decoration: none;
padding-left: 10%;
padding-right: 5%;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #eee;
background:white;
text-align: left;
color:#333;
font-size:16px;
font-weight:normal;
line-height:22px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#left div.moduletable.leftmenu li li a:hover, 
#left div.moduletable.leftmenu li li a:active {       
background: #fff;
color:#666;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
  
#left div.moduletable.leftkontakt h3 {
font-size: 22px;
line-height:22px;
font-weight: 400;
color:#004293;
}  
  
#left div.moduletable.leftkontakt p {
font-size: 17px;
line-height:24px;
font-weight: 400;
color:#333;
}   
  
#left div.moduletable.leftkontakt a:link,
#left div.moduletable.leftkontakt a:visited {
color:#004293;
font-size:17px;
font-weight:300;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#left div.moduletable.leftkontakt a:hover, 
#left div.moduletable.leftkontakt a:active {       
color:#b5d970;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  

#content {
width: 72%;
height: auto;
float:right;
margin-left:5%;
margin-bottom: 30px;
} 
  
#content h1 {
font-size: 48px;
line-height:48px;
font-weight: 300;
color:#004293;
}
  
#content h2 {
font-size: 34px;
line-height:34px;
font-weight: 300;
color:#b5d970;
}
  
#content h3 {
font-size: 26px;
line-height:26px;
font-weight: 400;
color:#004293;
}
  
#content h4 {
font-size: 22px;
line-height:22px;
font-weight: 400;
color:#004293;
}  
  
#content p {
font-size: 17px;
line-height:24px;
font-weight: 300;
color:#333;
} 
  
#content li {
font-size: 17px;
line-height:24px;
font-weight: 300;
color:#333;  
}
  
#content a {
font-size: 17px;
line-height:24px;
font-weight: 400;
color:#333;  
}
  
#content img {
width: 100%;
height: auto;
float: left;
margin-bottom: 20px;
border-radius: 5px;
}
  
#contentbottom {
width: 72%;
height: auto;
float:right;
margin-left:5%;
margin-bottom: 100px;
}
  
#contentbottom div.moduletable.medarbejdere {
width: 21.6%;
min-height: 412px;
float:left;
margin-right:1.4%;
padding:1%;
padding-top:0%;
margin-top:1%;
margin-bottom:20px;
box-shadow: 0px 5px 12px #eee;
background: white;   
}  
  
#contentbottom div.moduletable.medarbejdere img {
width: 100%;
height: auto;
float:left;
margin-bottom: 5px;
}   
 
#contentbottom div.moduletable.medarbejdere p {
font-size:14px;
line-height:21px;
font-weight:300;
color:#333;  
}
  
#contentbottom div.moduletable.medarbejdere p strong {
font-size:14px;
line-height:21px;
font-weight:500;
color:#222;  
}    
  
#contentbottom div.moduletable.medarbejdere a:link,
#contentbottom div.moduletable.medarbejdere a:visited {
text-align: center;
font-size:15px;
line-height:15px;
font-weight:400;
background: none;
color:#004293;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
        
#contentbottom div.moduletable.medarbejdere a:hover {
color:#b5d970;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
} 
   
#contentbottom div.moduletable.ctakontakt {
width: 96%;
height: auto;
float:left;
padding:1%;
padding-top:0%;
padding-bottom:1.5%;
margin-bottom:20px;
box-shadow: 0px 5px 12px #eee;
background: white;    
}  
  
#contentbottom div.moduletable.ctakontakt img {
width: auto;
height: 180px;
float:left;
margin-right:2%;
margin-top: -20px;
} 
  
#contentbottom div.moduletable.ctakontakt h3 {
font-size:34px;
line-height:2px;
font-weight:300;
color:#004293;
}   
  
#contentbottom div.moduletable.ctakontakt p {
font-size:17px;
line-height:21px;
font-weight:300;
color:#333;  
}  
  
#contentbottom div.moduletable.ctakontakt a:link,
#contentbottom div.moduletable.ctakontakt a:visited {
text-align: center;
font-size:17px;
line-height:21px;
font-weight:400;
background: none;
color:#004293;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
        
#contentbottom div.moduletable.ctakontakt a:hover {
color:#b5d970;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
  
#content .frontbox .mod-custom.custom {
width: 26.3%;
height: 170px;
float:left;
margin-right:3%;
padding:2%;
margin-top:20px;
margin-bottom:20px;
box-shadow: 0px 5px 12px #eee;
border-radius:20px;
background: white; 
}

#content .frontbox .mod-custom.custom h3 {
font-size:26px;
line-height:26px;
font-weight:300;
color:#004293;
margin-top:10px;
text-align: center; 
} 
  
#content .frontbox .mod-custom.custom p {
font-size:16px;
line-height:21px;
font-weight:300;
color:#222;
text-align: center;   
}   
  
#content .frontbox .mod-custom.custom a:link,
#content .frontbox .mod-custom.custom a:visited {
width: 30%;
height: auto;
float:left;
text-align: center;
font-size:15px;
line-height:15px;
font-weight:500;
background: none;
color:#fff;
background: #b5d970;
padding-left:4%;
padding-top: 4%;
padding-right:3%;
padding-bottom:4%;
margin-left:31%;
margin-right:31%;  
border-radius: 8px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
        
#content .frontbox .mod-custom.custom a:hover {
background:#004293;;
color:#fff;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}    
  
}

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


#mobilmenu {
display:none;
}
    
#mid0 {
width: 100%;
height: auto;
float: left;
margin-top:150px;
margin-bottom:30px;
}

#midcontent0 {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
} 
  
#left {
width: 20%;
height: auto;
float:left;
margin-top:10px;
margin-bottom:20px; 
} 
  
#left div.moduletable.leftmenu  {
width:100%;
margin-bottom:20px;
}

#left div.moduletable.leftmenu ul  {
list-style-type: none;
margin: 0;
padding: 0;
}
  
#left .moduletable.leftmenu h3 {
width: 90%;
display: block;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 10px;
margin-bottom:0px;
text-align: left;
color:#004293;
font-size:24px;
font-weight:300;
}

#left div.moduletable.leftmenu li a:link,
#left div.moduletable.leftmenu li a:visited {
width: 90%;
display: block;
text-decoration: none;
padding-left: 5%;
padding-right: 5%;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #eee;
text-align: left;
color:#004293;
font-size:15px;
font-weight:300;
line-height:28px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
 
}

#left div.moduletable.leftmenu li a:hover, 
#left div.moduletable.leftmenu li a:active {       
width: 85%;
padding-left: 10%;
background: #efefef;
color:#b5d970;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
  
#left div.moduletable.leftmenu li li a:link,
#left div.moduletable.leftmenu li li a:visited {
width: 85%;
display: block;
text-decoration: none;
padding-left: 10%;
padding-right: 5%;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #eee;
background:white;
text-align: left;
color:#333;
font-size:16px;
font-weight:normal;
line-height:22px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#left div.moduletable.leftmenu li li a:hover, 
#left div.moduletable.leftmenu li li a:active {       
background: #fff;
color:#666;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
  
#left div.moduletable.leftkontakt h3 {
font-size: 22px;
line-height:22px;
font-weight: 400;
color:#004293;
}  
  
#left div.moduletable.leftkontakt p {
font-size: 15px;
line-height:24px;
font-weight: 400;
color:#333;
}   
  
#left div.moduletable.leftkontakt a:link,
#left div.moduletable.leftkontakt a:visited {
color:#004293;
font-size:17px;
font-weight:300;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#left div.moduletable.leftkontakt a:hover, 
#left div.moduletable.leftkontakt a:active {       
color:#b5d970;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  

#content {
width: 70%;
height: auto;
float:right;
margin-left:5%;
margin-right:5%;  
margin-bottom: 30px;
} 
  
#content h1 {
font-size: 38px;
line-height:38px;
font-weight: 300;
color:#004293;
}
  
#content h2 {
font-size: 32px;
line-height:32px;
font-weight: 300;
color:#b5d970;
}
  
#content h3 {
font-size: 24px;
line-height:24px;
font-weight: 400;
color:#004293;
}
  
#content h4 {
font-size: 20px;
line-height:20px;
font-weight: 400;
color:#004293;
}  
  
#content p {
font-size: 15px;
line-height:22px;
font-weight: 300;
color:#333;
} 
  
#content li {
font-size: 15px;
line-height:24px;
font-weight: 300;
color:#333;  
}
  
#content a {
font-size: 17px;
line-height:24px;
font-weight: 400;
color:#333;  
}
  
#content img {
width: 100%;
height: auto;
float: left;
margin-bottom: 20px;
border-radius: 5px;
}
  
#contentbottom {
width: 72%;
height: auto;
float:right;
margin-left:5%;
margin-bottom: 100px;
}
  
#contentbottom div.moduletable.medarbejdere {
width: 21.6%;
min-height: 412px;
float:left;
margin-right:1.4%;
padding:1%;
padding-top:0%;
margin-top:1%;
margin-bottom:20px;
box-shadow: 0px 5px 12px #eee;
background: white;   
}  
  
#contentbottom div.moduletable.medarbejdere img {
width: 100%;
height: auto;
float:left;
margin-bottom: 5px;
}   
 
#contentbottom div.moduletable.medarbejdere p {
font-size:14px;
line-height:21px;
font-weight:300;
color:#333;  
}
  
#contentbottom div.moduletable.medarbejdere p strong {
font-size:14px;
line-height:21px;
font-weight:500;
color:#222;  
}    
  
#contentbottom div.moduletable.medarbejdere a:link,
#contentbottom div.moduletable.medarbejdere a:visited {
text-align: center;
font-size:15px;
line-height:15px;
font-weight:400;
background: none;
color:#004293;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
        
#contentbottom div.moduletable.medarbejdere a:hover {
color:#b5d970;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
  
#contentbottom div.moduletable.ctakontakt {
width: 93.2%;
height: auto;
float:right;
padding:1%;
padding-top:0%;
padding-bottom:1.5%;
margin-bottom:20px;
box-shadow: 0px 5px 12px #eee;
background: white; 
margin-right:9%;  

}  
  
#contentbottom div.moduletable.ctakontakt img {
width: auto;
height: 180px;
float:left;
margin-right:2%;
margin-top: -20px;
} 
  
#contentbottom div.moduletable.ctakontakt h3 {
font-size:28px;
line-height:2px;
font-weight:300;
color:#004293;
}   
  
#contentbottom div.moduletable.ctakontakt p {
font-size:15px;
line-height:21px;
font-weight:300;
color:#333;  
}  
  
#contentbottom div.moduletable.ctakontakt a:link,
#contentbottom div.moduletable.ctakontakt a:visited {
text-align: center;
font-size:15px;
line-height:21px;
font-weight:400;
background: none;
color:#004293;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
        
#contentbottom div.moduletable.ctakontakt a:hover {
color:#b5d970;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
} 
  
#content .frontbox .mod-custom.custom {
width: 43%;
height: 170px;
float:left;
margin-right:3%;
padding:2%;
margin-top:20px;
margin-bottom:20px;
box-shadow: 0px 5px 12px #eee;
border-radius:20px;
background: white; 
}

#content .frontbox .mod-custom.custom h3 {
font-size:26px;
line-height:26px;
font-weight:300;
color:#004293;
margin-top:10px;
text-align: center; 
} 
  
#content .frontbox .mod-custom.custom p {
font-size:16px;
line-height:21px;
font-weight:300;
color:#222;
text-align: center;   
}   
  
#content .frontbox .mod-custom.custom a:link,
#content .frontbox .mod-custom.custom a:visited {
width: 30%;
height: auto;
float:left;
text-align: center;
font-size:15px;
line-height:15px;
font-weight:500;
background: none;
color:#fff;
background: #b5d970;
padding-left:4%;
padding-top: 4%;
padding-right:3%;
padding-bottom:4%;
margin-left:31%;
margin-right:31%;  
border-radius: 8px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
        
#content .frontbox .mod-custom.custom a:hover {
background:#004293;;
color:#fff;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}   
   
}


/************************************************************************************
For Smartphones
*************************************************************************************/
@media screen and (max-width: 767px) {
  
#mid0 {
width: 100%;
height: auto;
float: left;
margin-top:60px;
margin-bottom:30px;
}

#midcontent0 {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
} 
  
#left {
display:none; 
} 

#content {
width: 96%;
height: auto;
float:left;
margin-left:2%;
margin-right:2%;  
margin-bottom: 30px;
} 
  
#content h1 {
font-size: 32px;
line-height:32px;
font-weight: 300;
color:#004293;
}
  
#content h2 {
font-size: 28px;
line-height:28px;
font-weight: 300;
color:#b5d970;
}
  
#content h3 {
font-size: 24px;
line-height:24px;
font-weight: 400;
color:#004293;
}
  
#content h4 {
font-size: 20px;
line-height:20px;
font-weight: 400;
color:#004293;
}  
  
#content p {
font-size: 15px;
line-height:22px;
font-weight: 300;
color:#333;
} 
  
#content li {
font-size: 15px;
line-height:22px;
font-weight: 300;
color:#333;  
}
  
#content a {
font-size: 15px;
line-height:22px;
font-weight: 400;
color:#333;  
}
  
#content img {
width: 100%;
height: auto;
float: left;
margin-bottom: 20px;
border-radius: 5px;
}
  
#contentbottom {
width: 100%;
height: auto;
float:right;
margin-left:5%;
margin-bottom: 100px;
}
  
#contentbottom div.moduletable.medarbejdere {
width: 42%;
min-height: 340px;
float:left;
margin-right:2%;
margin-left:2%;  
padding:2%;
padding-top:0%;
margin-top:1%;
margin-bottom:20px;
box-shadow: 0px 5px 12px #eee;
background: white;   
}  
  
#contentbottom div.moduletable.medarbejdere img {
width: 100%;
height: auto;
float:left;
margin-bottom: 5px;
}   
 
#contentbottom div.moduletable.medarbejdere p {
font-size:12px;
line-height:18px;
font-weight:300;
color:#333;  
}
  
#contentbottom div.moduletable.medarbejdere p strong {
font-size:12px;
line-height:18px;
font-weight:500;
color:#222;  
}    
  
#contentbottom div.moduletable.medarbejdere a:link,
#contentbottom div.moduletable.medarbejdere a:visited {
text-align: center;
font-size:12px;
line-height:15px;
font-weight:400;
background: none;
color:#004293;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
        
#contentbottom div.moduletable.medarbejdere a:hover {
color:#b5d970;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
} 
  
#contentbottom div.moduletable.ctakontakt {
width: 93%;
height: auto;
float:left;
padding:1%;
padding-top:0%;
padding-bottom:1.5%;
margin-bottom:20px;
box-shadow: 0px 5px 12px #eee;
background: white;   
margin-left:2%;
}  
  
#contentbottom div.moduletable.ctakontakt img {
width: auto;
height: 180px;
float:left;
margin-right:2%;
margin-top: -20px;
} 
  
#contentbottom div.moduletable.ctakontakt h3 {
font-size:28px;
line-height:2px;
font-weight:300;
color:#004293;
}   
  
#contentbottom div.moduletable.ctakontakt p {
font-size:15px;
line-height:21px;
font-weight:300;
color:#333;  
}  
  
#contentbottom div.moduletable.ctakontakt a:link,
#contentbottom div.moduletable.ctakontakt a:visited {
text-align: center;
font-size:15px;
line-height:21px;
font-weight:400;
background: none;
color:#004293;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
        
#contentbottom div.moduletable.ctakontakt a:hover {
color:#b5d970;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
} 
  
#content .frontbox .mod-custom.custom {
width: 95%;
height: auto;
float:left;
margin-right:3%;
padding:2%;
margin-top:20px;
margin-bottom:10px;
box-shadow: 0px 5px 12px #eee;
border-radius:20px;
background: white; 
padding-bottom: 20px;
}

#content .frontbox .mod-custom.custom h3 {
font-size:26px;
line-height:6px;
font-weight:300;
color:#004293;
margin-top:10px;
text-align: center; 
padding-top:10px;
} 
  
#content .frontbox .mod-custom.custom p {
font-size:16px;
line-height:21px;
font-weight:300;
color:#222;
text-align: center;   
}   
  
#content .frontbox .mod-custom.custom a:link,
#content .frontbox .mod-custom.custom a:visited {
width: 30%;
height: auto;
float:left;
text-align: center;
font-size:15px;
line-height:15px;
font-weight:500;
background: none;
color:#fff;
background: #b5d970;
padding-left:4%;
padding-top: 4%;
padding-right:3%;
padding-bottom:4%;
margin-left:31%;
margin-right:31%;  
border-radius: 8px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
        
#content .frontbox .mod-custom.custom a:hover {
background:#004293;;
color:#fff;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}   

}