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

#mobilmenu {
display:none;
}

#landingbanner {
width: 100%;
height: 90px;
padding-top:144px;
float:left;
background-image:url("/images/grafik/worldwide-bg.jpg");
background-position:center 70px;
}

#landingbanner h1{
font-size: 42px;
margin-top:65px;
line-height:24px;
color:#ff9933;
font-weight:normal;
text-align:center;
}

#landingbanner p{
font-size: 20px;
margin-top:10px;
line-height:54px;
color:#fff;
font-weight:normal;
text-align:center;
}

#mid1 {
width: 100%;
height: auto;
float: left;
background:#fff;
padding-top:70px;
padding-bottom:50px;
background-image:url("/images/grafik/mid-bg.png");
background-position:center top;
}

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

#left {
width: 305px;
height:auto;
float:left;
color:#222;
background:#fff;
}

#left div.moduletableundermenu h3 {
font-size:26px;
color: #ff9933;
font-weight:normal;
text-transform:uppercase;
}

#left .moduletableundermenu  {
width:270px;
height:auto;
margin:25px;
padding-bottom:20px
}

#left div.moduletableundermenu ul  {
list-style-type: none;
margin: 0;
padding: 0;
}

#left div.moduletableundermenu li a:link,
#left div.moduletableundermenu li a:visited {
width: 230px;
display: block;
text-decoration: none;
padding-right: 15px;
padding-top:10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee; 
font-size:14px;
text-transform:uppercase;
color:#000;
transition:all 0.5s;
transition-duration:0.5s;
-webkit-transition:all 0.5s;
-webkit-transition-duration:0.5s;
}

#left div.moduletableundermenu li a:hover, 
#left div.moduletableundermenu li a:active {       
color:#222;
background:#eee;
padding-left:20px;
width: 210px;
}

#left div.moduletableundermenu li ul a:link,
#left div.moduletableundermenu li ul a:visited {
width: 200px;
display: block;
text-decoration: none;
padding-right: 15px;
padding-top:10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee; 
font-size:14px;
text-transform:uppercase;
color:#555;
transition:all 0.5s;
transition-duration:0.5s;
-webkit-transition:all 0.5s;
-webkit-transition-duration:0.5s;
padding-left:30px;
}

#left div.moduletableundermenu li ul a:hover, 
#left div.moduletableundermenu li ul a:active {       
color:#222;
background:#eee;
padding-left:30px;
width: 200px;
}


#left div.moduletableundermenu li li ul a:link,
#left div.moduletableundermenu li li ul a:visited {
width: 180px;
display: block;
text-decoration: none;
padding-right: 15px;
padding-top:10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee; 
font-size:14px;
text-transform:uppercase;
color:#888;
transition:all 0.5s;
transition-duration:0.5s;
-webkit-transition:all 0.5s;
-webkit-transition-duration:0.5s;

padding-left:50px;
}

#left div.moduletableundermenu li li ul a:hover, 
#left div.moduletableundermenu li li ul a:active {       
color:#222;
background:#eee;
padding-left:50px;
width: 180px;
}

#content {
width: 720px;
height:auto;
float:right;
color:#222;
padding-left:30px;
padding-right:30px;
background:white;
}

#content img {
max-width: 710px;
height:auto;
}

#content h1 {
font-size: 26px;
margin-top:15px;
line-height:54px;
color:#ff9933;
font-weight:normal;
text-transform:uppercase;
}

#content h2 {
font-size: 24px;
margin-top:15px;
line-height:34px;
color:#000;
font-weight:normal;
text-transform:uppercase;
}

#content h3 {
font-size: 18px;
margin-top:15px;
line-height:24px;
color:#000;
font-weight:normal;

}

#contentbox {
width: 380px;
height: 200px;
background:#fff;
float: right;
margin-top:30px;
}

}


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

#mobilmenu {
display:none;
}

#mobilbanner {
display:none;		
}

#landingbanner {
width: 100%;
height: 90px;
padding-top:144px;
float:left;
background-image:url("/images/grafik/worldwide-bg.jpg");
background-position:center 70px;
}

#landingbanner h1{
font-size: 42px;
margin-top:65px;
line-height:24px;
color:#ff9933;
font-weight:normal;
text-align:center;
}

#landingbanner p{
font-size: 20px;
margin-top:10px;
line-height:54px;
color:#fff;
font-weight:normal;
text-align:center;
}

#mid1 {
width: 100%;
height: auto;
float: left;
background:#fff;
padding-top:70px;
padding-bottom:50px;
background-image:url("/images/grafik/mid-bg.png");
background-position:center top;
}

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

#left {
width: 28%;
height:auto;
float:left;
color:#222;
background:#fff;
}

#left div.moduletableundermenu h3 {
font-size:22px;
color: #ff9933;
font-weight:normal;
text-transform:uppercase;
}

#left .moduletableundermenu  {
width:85%;
height:auto;
margin:6%;
padding-bottom:20px;
}

#left div.moduletableundermenu ul  {
list-style-type: none;
margin: 0;
padding: 0;
}

#left div.moduletableundermenu li a:link,
#left div.moduletableundermenu li a:visited {
width:100%;
display: block;
text-decoration: none;
padding-top:10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee; 
font-size:13px;
text-transform:uppercase;
color:#000;
transition:all 0.5s;
transition-duration:0.5s;
-webkit-transition:all 0.5s;
-webkit-transition-duration:0.5s;
}

#left div.moduletableundermenu li a:hover, 
#left div.moduletableundermenu li a:active {       
color:#222;
background:#eee;
padding-left:5%;
width:95%;
}

#left div.moduletableundermenu li ul a:link,
#left div.moduletableundermenu li ul a:visited {
width:90%;
display: block;
text-decoration: none;
padding-top:10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee; 
font-size:12px;
text-transform:uppercase;
color:#666;
transition:all 0.5s;
transition-duration:0.5s;
-webkit-transition:all 0.5s;
-webkit-transition-duration:0.5s;
padding-left:10%;
}

#left div.moduletableundermenu li ul a:hover, 
#left div.moduletableundermenu li ul a:active {       
color:#222;
background:#eee;
padding-left:5%;
width: 95%;
}


#left div.moduletableundermenu li li ul a:link,
#left div.moduletableundermenu li li ul a:visited {
width: 180px;
display: block;
text-decoration: none;
padding-right: 15px;
padding-top:10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee; 
font-size:14px;
text-transform:uppercase;
color:#888;
transition:all 0.5s;
transition-duration:0.5s;
-webkit-transition:all 0.5s;
-webkit-transition-duration:0.5s;

padding-left:50px;
}

#left div.moduletableundermenu li li ul a:hover, 
#left div.moduletableundermenu li li ul a:active {       
color:#222;
background:#eee;
padding-left:50px;
width: 180px;
}

#content {
width: 64%;
height:auto;
float:right;
color:#222;
padding-left:2%;
padding-right:3%;
background:white;
}

#content img {
max-width: 710px;
height:auto;
}

#content h1 {
font-size: 24px;
margin-top:10px;
line-height:54px;
color:#ff9933;
font-weight:normal;
text-transform:uppercase;
}

#content h2 {
font-size: 18px;
margin-top:15px;
line-height:34px;
color:#000;
font-weight:normal;
text-transform:uppercase;
}

#content h3 {
font-size: 14px;
margin-top:15px;
line-height:24px;
color:#000;
font-weight:normal;
}

#contentbox .moduletablecontentbox{
width: 46%;
height: auto;
background:#fff;
float: right;
margin-top:2%;
}

}


/************************************************************************************
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:#fff;
font-size:14px;
}

#midcontent1 h1 {
font-size:26px;
font-weight:normal;
color:#ff9933;
line-height:20px;
}

#box1 {
width: 90%;
height:auto;
float:left;
margin:5%;
padding-bottom:5%;
border-bottom:3px solid #eee;
}

#box2 {
width: 90%;
height:auto;
float:left;
margin:5%;
padding-bottom:5%;
border-bottom:3px solid #eee;
}

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

#box1 a, #box2 a, #box3 a {
color:#ff9933;
line-height:20px;
border-radius:5px;
text-decoration:none;
font-weight:bold;
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:#222;
font-weight:bold;
transition:all 0.5s;
transition-duration:0.5s;
-webkit-transition:all 0.5s;
-webkit-transition-duration:0.5s;
}

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

#content {
width: 90%;
height:auto;
float:left;
padding:5%;
font-size:14px;
line-height:22px;
color:#000;

margin-top:63px;
}

#content img {
max-width: 100%;
}

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

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

#mid3 {
width: 100%;
height: auto;
float: left;
background:#fff;
padding-top:30px;
}

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

#midcontent3 h3 {
font-size:28px;
font-weight:normal;
color:#ff9933;
}

#casebox1 img,
#casebox2 img {
width:100%;
}


#casebox1 {
width: 96%;
height:auto;
float:left;
padding-left:2%;
}




}