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

#mobilmenu {
display:none;
}

#mobilbanner {
display:none;		
}

#frontbanner {
width: 100%;
height: auto;
}

#mobilbanner {
display:none;
}

#mid1 {
width: 80%;
height: 380px;
float: left;
padding-top:50px;
margin-left:10%;
margin-right: 10%;
}

#midcontent1 {
width: 74%;
height: 460px;
float: left;
margin-right:3%;
}

#midcontent1 h3 {
font-size:30px;
font-weight:normal;
color:#003366;
padding-left:85px;
}
  
#box0 {
width: 100%;
height:50px;
float:left;
margin-bottom:40px;
background: #003970;
box-shadow: 0px 5px 5px #888;
}  
  
#box0 h2 {
font-size: 32px;
margin-top:2px;
line-height:44px;
color:#fff;
font-weight:normal;
}  

#box1 {
width: 30.3%;
height:auto;
float:left;
margin-right:4.5%;
box-shadow: 0px 5px 5px #888;
}

#box2 {
width: 30.3%;
height:auto;
float:left;
margin-right:4.5%;
box-shadow: 0px 5px 5px #888;
}

#box3 {
width: 30.3%;
height:auto;
float:left;
box-shadow: 0px 5px 5px #888;
}
  
#box1 img, 
#box2 img, 
#box3 img {
width: 100%;
height:auto;
float:left;
margin-top:-18px;
}  

#box1 a, #box2 a, #box3 a {
color:#003366;
text-decoration:none;
font-weight:normal;
transition:all 0.5s;
transition-duration:0.5s;
-webkit-transition:all 0.5s;
-webkit-transition-duration:0.5s;
}

#box1 a:hover, 
#box2 a:hover, 
#box3 a:hover {
color:34aa5c;
font-weight:normal;
transition:all 0.5s;
transition-duration:0.5s;
-webkit-transition:all 0.5s;
-webkit-transition-duration:0.5s;
}
  
#midcontent1-2 {
width: 23%;
height: 450px;
float: left;
}
  
#boxright {
width: 100%;
height:50px;
float:left;
background: #003970;
box-shadow: 0px 5px 5px #888;
}  
  
#boxright div.moduletable div.custom {
width: 100%;
height:50px;
float:left;
margin-bottom:12%;
background: #003970;
box-shadow: 0px 5px 5px #888;   
}  
  
#boxright p {
font-size: 32px;
margin-top:2px;
line-height:44px;
color:#fff;
font-weight:normal;
background: #003970;  
text-align: center;
}   
  
#boxright p a:link,
#boxright p a:visited {
font-size: 26px;
margin-top:2px;
line-height:44px;
color:#fff;
font-weight:normal;
background: #003970;  
text-align: center;
text-decoration:none;
} 
  
#boxright p a:hover {
text-decoration: underline;
}  
  
#mid2 {
width: 100%;
height: auto;
float: left;
background:#fff;
padding-top:40px;
padding-bottom:50px;
}

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

#content {
width: 600px;
height:auto;
float:left;
padding-right:60px;
border-right:3px solid #d4dde6;
}

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

#content h2 {
font-size: 22px;
margin-top:10px;
line-height:14px;
color:#003366;
font-weight:normal;
}

#frontright {
width: 410px;
height:auto;
float:right;
padding-top:62px;
}

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

#frontright a {
text-decoration:none;
padding-left:3px;
}

#frontright .customfrontrightbutton {
width: 410px;
height:auto;
float:right;
padding-top:24px;
}

}


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

#mobilmenu {
display:none;
}

#mobilbanner {
display:none;		
}

#frontbanner {
width: 100%;
height: auto;
}

#mobilbanner {
display:none;
}

#mid1 {
width: 100%;
height: auto;
float: left;
padding-top:40px;
padding-bottom:20px;
margin-bottom: 2%;
}

#midcontent1 {
width: 74%;
height: auto;
float: left;
margin-right:1%;
margin-bottom:5%;
}

#midcontent1 h3 {
font-size:24px;
font-weight:normal;
color:#003366;
padding-left:80px;
}
  
#box0 {
width: 94%;
height:50px;
float:left;
margin-bottom:40px;
margin-left: 2%;
background: #003970;
box-shadow: 0px 5px 5px #888;
}  
  
#box0 h2 {
font-size: 28px;
margin-top:2px;
line-height:44px;
color:#fff;
font-weight:normal;
}    

#box1 {
width: 30%;
padding-left:2%;
padding-right:2%;
height:auto;
float:left;
background-image:url("/silentor/images/grafik/products-icon.png");
background-repeat:no-repeat;
background-position:10% 16px;
}

#box2 {
width: 30%;
height:auto;
float:left;
background-image:url("/silentor/images/grafik/cases-icon.png");
background-repeat:no-repeat;
background-position:4% 16px;
}

#box3 {
width: 30%;
padding-left:2%;
padding-right:2%;
height:auto;
float:left;
background-image:url("/silentor/images/grafik/news-icon.png");
background-repeat:no-repeat;
background-position:10% 16px;
}

#box1 a, #box2 a, #box3 a {
color:#003366;
border-radius:5px;
text-decoration:none;
font-weight:normal;
transition:all 0.5s;
transition-duration:0.5s;
-webkit-transition:all 0.5s;
-webkit-transition-duration:0.5s;
}

#box1 a:hover, 
#box2 a:hover, 
#box3 a:hover {
color:#34aa5c;
font-weight:normal;
transition:all 0.5s;
transition-duration:0.5s;
-webkit-transition:all 0.5s;
-webkit-transition-duration:0.5s;
}

#box1 img, #box2 img, #box3 img {
width:100%;
}
  
#midcontent1-2 {
width: 23%;
height: auto;
float: left;
}
  
#boxright {
width: 100%;
height:50px;
float:left;
background: #003970;
box-shadow: 0px 5px 5px #888;
}  
  
#boxright div.moduletable div.custom {
width: 100%;
height:50px;
float:left;
margin-bottom:12%;
background: #003970;
box-shadow: 0px 5px 5px #888;   
}  
  
#boxright p {
font-size: 32px;
margin-top:2px;
line-height:44px;
color:#fff;
font-weight:normal;
background: #003970;  
text-align: center;
} 
  
#boxright p a:link,
#boxright p a:visited {
font-size: 26px;
margin-top:2px;
line-height:44px;
color:#fff;
font-weight:normal;
background: #003970;  
text-align: center;
text-decoration:none;
} 
  
#boxright p a:hover {
text-decoration: underline;
}  

#mid2 {
width: 100%;
height: auto;
float: left;
padding-bottom:50px;
background:white;
}

#midcontent2 {
width: 94%;
padding:3%;
height: auto;
margin-left:auto;
margin-right:auto;
}

#content {
width: 62%;
height:auto;
float:left;
padding-right:4%;
border-right:3px solid #d4dde6;
}

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

#content h2 {
font-size: 20px;
margin-top:10px;
line-height:14px;
color:#003366;
font-weight:normal;
}

#frontright {
width: 30%;
height:auto;
float:right;
padding-top:40px;
}

#frontright ul {
font-size:13px;
}

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

#frontright img {
max-width: 220px !important;
}

#frontright a {
text-decoration:none;
padding-left:3px;
}

#frontright .customfrontrightbutton img {
padding-top:30px;
}

}


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

#mainmenu {
display:none;
}

#frontbanner {
display:none;		
}

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

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

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

#midcontent1 h3 {
font-size:26px;
font-weight:normal;
color:#003366;
padding-left:90px;
line-height:20px;
}
  
#box0 {
width: 90%;
height:56px;
float:left;
margin:5%;
background: #003970;
box-shadow: 0px 5px 5px #888;
}  
  
#box0 h2 {
font-size: 28px;
margin-top:5px;
line-height:44px;
color:#fff;
font-weight:normal;
}     

#box1 {
width: 90%;
height:auto;
float:left;
margin:5%;
background-position:30px 10px;
}

#box2 {
width: 90%;
height:auto;
float:left;
margin:5%;
background-position:30px 10px;
}

#box3 {
width: 90%;
height:auto;
float:left;
margin:5%;
margin-bottom:30px;
background-position:30px 10px;
}

#box1 a, #box2 a, #box3 a {
color:#003366;
line-height:0px;
border-radius:5px;
text-decoration:none;
font-weight:normal;
transition:all 0.5s;
transition-duration:0.5s;
-webkit-transition:all 0.5s;
-webkit-transition-duration:0.5s;
}

#box1 a:hover, 
#box2 a:hover, 
#box3 a:hover {
color:#34aa5c;
font-weight:normal;
transition:all 0.5s;
transition-duration:0.5s;
-webkit-transition:all 0.5s;
-webkit-transition-duration:0.5s;
}

#box1 img, #box2 img, #box3 img {
width: 100%;
}
  
#midcontent1-2 {
width: 100%;
min-height: 400px;
float: left;
background: #d4dde1;
}
  
#boxright {
width: 90%;
height:50px;
float:left;
margin:5%;
background: #003970;
box-shadow: 0px 5px 5px #888;
}  
  
#boxright div.moduletable div.custom {
width: 100%;
height:45px;
float:left;
margin-bottom:12%;
background: #003970;
box-shadow: 0px 5px 5px #888;   
}  
  
#boxright p {
font-size: 32px;
margin-top:2px;
line-height:44px;
color:#fff;
font-weight:normal;
background: #003970;  
text-align: center;
}    
  
#boxright p a:link,
#boxright p a:visited {
font-size: 26px;
margin-top:2px;
line-height:44px;
color:#fff;
font-weight:normal;
background: #003970;  
text-align: center;
text-decoration:none;
} 
  
#boxright p a:hover {
text-decoration: underline;
}

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

#content {
width: 90%;
height:auto;
float:left;
padding:5%;
border-top:3px solid #003366;
font-size:14px;
line-height:22px;
}

#content h1 {
font-size:28px;
font-weight:normal;
color:#003366;
}

#content h2 {
font-size:22px;
font-weight:normal;
color:#003366;
}

#frontright {
width: 80%;
height:auto;
float:left;
padding-left:10%;
border-bottom:3px solid #d4dde6;
padding-bottom:40px;
}

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

#frontright ul {
font-size:14px;
}

#frontright img {
max-width: 90%;
}

#frontright a {
text-decoration:none;
padding-left:3px;
}





}