@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,600);
 @charset "utf-8";
body { color: #333333; line-height: normal; font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 90%; background-color: #2A3137; }
h3 { font-size: 110%; font-style: normal; font-weight: bold; }
h1 { font-size: 120%; font-style: normal; font-weight: bold; }
h2 { font-size: 100%; font-style: normal; font-weight: bold; }
#wrapper { width: 780px; margin: 10px auto; background-color: #E6E6E6; }
#header { height: 140px; background-image: url(../images/jukom-header.gif); width: 100%; float: left; }
#navigation { background-color: #51606C; width: 100%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px 20px; }
#content { float: left; width: 630px; min-height: 50px; padding: 20px; background-color: #E6E6E6; }
#logo { display: block; position: relative; width: 731px; height: 70px; border: no; z-index: 0; }
#sidebox { float: right; width: 65px; min-height: 200px; padding: 20px 20px 20px 10px; background-color: #E6E6E6; }
#footer { clear: both; height: auto; border-top: 1px solid #333; padding: 10px; padding-left: 0px; background-color: #E6E6E6; }
* html #footer { /*nur IE6, ID footer soll sich unterhalb content und sidebox einreihen */ height: 1%; }
#footerhome { clear: both; height: 50px; border-top: 1px solid #333; padding: 10px; padding-left: 0px; background-color: #E6E6E6; }
* html #footerhome { /*nur IE6, ID footer soll sich unterhalb content und sidebox einreihen */ height: 1%; }
a:link { text-decoration: none; color: #4C73A2; }
a:visited { text-decoration: none; color: #4C73A2; }
a:active { text-decoration: none; color: #4C73A2; }
a:hover { text-decoration: none; color: #FFFFFF; background-color: #2A3137; }
a.nav:link { text-decoration: none; color: #DCE6F2; font-size: 14px; }
a.nav:visited { text-decoration: none; color: #DCE6F2; font-size: 14px; }
a.nav:active { text-decoration: none; color: #DCE6F2; font-size: 14px; }
a.nav:hover { text-decoration: none; color: #DCE6F2; font-size: 14px; background-color: #2A3137;}
.smalltext { font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.mobuilemenu { display: none; }
#navigation .mobuilenav { display: block; }
#navigation .mobuilenav ul { padding: 0px; margin: 0px; }
#navigation .mobuilenav ul li { float: left; list-style: none; margin-right: 21px; }
#navigation .mobuilenav ul li:last-child { margin-right: 0px; }
#navigation .mobuilenav ul li a { text-decoration: none; }
.footer_mobile { display: none; }
/*Media css starts
======================================*/
@media only screen and (max-width:767px) {
#wrapper { width: 100%; }
#logo { width: 100%; }

#header { height: 80px;
 background-image: url(../images/jukom-header.gif); float: left; 
 background-repeat:no-repeat;
 -webkit-background-size:cover;
 -moz-background-size:cover;
 -o-background-size:cover;
 background-size:130%;
 background-position:left; }
 
#navigation .mobuilemenu { display: block; float: right; cursor: pointer;position: absolute;right: 17px;top: 26px; }
#navigation .mobuilenav { display: none; position: absolute; top: -1px; ; right: 0px; background: #51606C;width:100%; }
#navigation { width: 100%; float: left; position: relative; padding-left: 0px; padding-top: 5px; padding-bottom: 5px; }
#navigation .mobuilenav ul li { margin: 0 0 8px; width: 100%; }
#navigation .mobuilenav ul li a { display: block; }
#content { width: 100%; float: left; padding: 40px 20px 20px 20px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; }
#content img { width: 276px; }
#sidebox { width: 100%; float: left; padding: 0px 0px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; min-height:auto !important;}
#footerhome, #footer { width: 100%; float: left; padding: 10px 0 0 0; height: auto;  }
ul.footer_mobile { width: 100%; float: left; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; display: block; margin: 0px;text-align: center; }
ul.footer_mobile li { list-style: none;  }
ul.footer_mobile li a { text-decoration: none; }
.mobile_img { display: none; }
#footerhome table, #footer table { width: 100%;  }
#footerhome table td, #footer table td { width: 100%; float: left; text-align: center; }
#footerhome table td, #footer table td img { }
#footerhome div, #footer div { float: none; padding-bottom: 10px; text-align: center; }

.smalltext img ,#sidebox img{width: 100%;}
}
@media only screen and (min-width:768px) and (max-width:780px) {
#wrapper { width: 100%; }
#navigation .mobuilenav ul li { margin-right: 17px; }
#sidebox { width: 250px;float:left; }
.mobile_img { width: 100%; }
#footerhome div, #footer div { margin-right: 10px; }
}