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

#mobilmenu {
display:none;
}

#undersidebanner {
width: 100%;
height: auto;
float:left;
}

#undersidebanner img {
width: 100%;
height: auto;
float:left;
}

#mid1 {
width: 100%;
height: auto;
float: left;
background:#fff;
padding-top:20px;
padding-bottom:50px;
}

#midcontent1 {
width: 1120px;
height: auto;
margin-left:auto;
margin-right:auto;
}

#midcontent1 h3 {
font-size:30px;
font-weight:normal;
color:#003366;
padding-left:85px;
}

#content {
width: 1080px;
height:auto;
float:left;
padding:20px;
}

#content h1 {
font-size: 32px;
margin-top:10px;
line-height:44px;
color:#003366;
font-weight:normal;
}

#leftbox {
width: 1080px;
height:auto;
float:left;
padding:20px;
}

#leftbox .moduletable.leftbox {
width: 225px;
height:290px;
float:left;
background:#cddfe9;
padding:10px;
margin-right:25px;
margin-bottom:30px;
}


#leftbox .moduletable.leftbox img {
width: 245px;
height:auto;
float:left;
margin-bottom:15px;
padding-left:00px;
padding-right:00px;
margin-left:-10px;
margin-top:-27px;
margin-right:-20px;  
}

#leftbox .moduletable.leftbox p {
font-size:14px;
text-align:;
}

#leftbox2overskrift {
width: 1100px;
height:auto;
padding-left:20px;
float:left;
}

#leftbox2overskrift h1 {
font-size: 32px;
margin-top:0px;
line-height:44px;
color:#003366;
font-weight:normal;
}

#leftbox2 {
width: 1080px;
height:auto;
float:left;
padding:20px;
}

#leftbox2 .moduletable.leftbox {
width: 225px;
height:325px;
float:left;
background:#cddfe9;
padding:10px;
margin-right:25px;
margin-bottom:30px;
}


#leftbox2 .moduletable.leftbox img {
width: 245px;
height:auto;
float:left;
margin-bottom:15px;
padding-left:00px;
padding-right:00px;
margin-left:-10px;
margin-top:-27px;
margin-right:-20px;
}

#leftbox2 .moduletable.leftbox p {
font-size:14px;
text-align:left;
}

}


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

#mobilmenu {
display:none;
}

#undersidebanner {
width: 100%;
height: auto;
float:left;
}

#undersidebanner img {
width: 100%;
height: auto;
float:left;
}

#mid1 {
width: 100%;
height: auto;
float: left;
background:#fff;
padding-top:20px;
padding-bottom:50px;
}

#midcontent1 {
width: 100%;
height: auto;
margin-left:auto;
margin-right:auto;
}

#midcontent1 h3 {
font-size:30px;
font-weight:normal;
color:#003366;
padding-left:85px;
}

#content {
width: 98%;
height:auto;
float:left;
padding-left:2%;
}

#content h1 {
font-size: 32px;
margin-top:10px;
line-height:44px;
color:#003366;
font-weight:normal;
}

#leftbox {
width: 98%;
height:auto;
float:left;
padding-left:2%;
}
  
#leftbox .moduletable.leftbox {
width: 26%;
height:330px;
float:left;
background:#cddfe9;
padding-left:2%;
padding-right:2%;
margin-right:3%;
margin-bottom:30px;
}

#leftbox .moduletable.leftbox img {
width: 115%;
height:auto;
float:left;
margin-left:-7.5%;
margin-top:-15px;
margin-bottom:10px;
}

#leftbox .moduletable.leftbox p {
font-size:12px;
text-align:left;
}

#leftbox2overskrift {
width: 98%;
height:auto;
float:left;
padding-left:2%;
}

#leftbox2overskrift h1 {
font-size: 32px;
margin-top:10px;
line-height:44px;
color:#003366;
font-weight:normal;
}

#leftbox2 {
width: 98%;
height:auto;
float:left;
padding-left:2%;
}

#leftbox2 .moduletable.leftbox {
width: 26%;
height:360px;
float:left;
background:#cddfe9;
padding-left:2%;
padding-right:2%;
margin-right:3%;
margin-bottom:30px;
}

#leftbox2 .moduletable.leftbox img {
width: 115%;
height:auto;
float:left;
margin-left:-7.5%;
margin-top:-15px;
margin-bottom:10px;
}

#leftbox2 .moduletable.leftbox p {
font-size:12px;
text-align:left;
}

}


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

#mainmenu {
display:none;
}

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

#undersidebanner img {
width: 100%;
height: 100px;
float:left;
}

#undersidemenu {
display:none;
}

#mid1 {
width: 100%;
height: auto;
float: left;
background:#fff;
padding-top:20px;
padding-bottom:50px;
}

#midcontent1 {
width: 100%;
height: auto;
margin-left:auto;
margin-right:auto;
}

#midcontent1 h1 {
font-size:24px;
font-weight:normal;
color:#003366;
}

#content {
width: 96%;
height:auto;
float:left;
padding-left:4%
}

#leftbox {
width: 98%;
height:auto;
float:left;
padding-left:2%;
}

#leftbox .moduletable.leftbox {
width: 89%;
height:auto;
float:left;
background:#cddfe9;
padding-left:2%;
padding-right:2%;
margin-bottom:20px;
padding-bottom:10px;
margin-left: 2%;
}

#leftbox .moduletable.leftbox img {
width: 104.1%;
height:auto;
float:left;
margin-bottom:30px;
margin-left:-2%;
margin-top:-14px;
}

#leftbox .moduletable.leftbox p {
font-size:14px;
text-align:center;
}

#leftbox2overskrift {
width: 98%;
height:auto;
float:left;
padding-left:2%;
}

#leftbox2overskrift h1 {
font-size:24px;
font-weight:normal;
color:#003366;
}

#leftbox2 {
width: 98%;
height:auto;
float:left;
padding-left:2%;
}

#leftbox2 .moduletable.leftbox {
width: 89%;
height:auto;
float:left;
background:#cddfe9;
padding-left:2%;
padding-right:2%;
margin-bottom:20px;
padding-bottom:10px;
margin-left: 2%;
}

#leftbox2 .moduletable.leftbox img {
width: 104.1%;
height:auto;
float:left;
margin-bottom:30px;
margin-left:-2%;
margin-top:-14px;
}

#leftbox2 .moduletable.leftbox p {
font-size:14px;
text-align:center;
}

}