@media only screen and (min-width: 939px) {
	#body {font-size: .9em;}
	#main {width: 100%; margin: 0;}
}

@media only screen and (min-width: 320px) and (max-width: 938px) {
	#body {font-size: 1.2em;}
	#topnav, #sidebar {display: none;}
	#content, #services .half {width: 100% !important;}
}



/* ------------------- RESET ------------------- */

html, body, ul, li, h1, h2, h3, h4, h5 {margin: 0;padding: 0;}

/* ------------------- CLASSES ------------------- */

.left {float: left} .right {float: right}
.half {width: 50%;}
.clear {clear: both; float: none;}

.hidden {display: none;}

#header .inside {padding: 2% 14% 0% 14%;}
#sidebar .container {padding: 12%;}
#content .container {padding: 4%;}
#product .inside {padding: 3%;}
#services .inside {padding: 5%;}
#brand .inside {padding: 0 0 0 6.5%;}

/* ------------------- DEFINITIONS ------------------- */

#body a {color: #444 !important; text-decoration: none;} #body a:hover {color: #609300 !important; text-decoration: underline;} #body h1 {font-size: 2.4em; line-height: 1.3;}

#body img {width: 100%; height: auto; display: block; border: 0; }



/* ------------------- BODY ------------------- */

body, #body {background: #d7d6d4 url(http://www.stormbreaker.de/ebay/v2/img/bg.jpg) repeat; font-family: Arial, sans-serif !important; color: #444; line-height: 20px; width: 100%; height: 100%; display: block;}



/* ------------------- MAIN ------------------- */

#main {background: #ecebe9; position: relative;}



/* ------------------- HEADER ------------------- */

#header {background: #fff url(http://www.stormbreaker.de/ebay/v2/img/header_bg.jpg) no-repeat; background-size: 100%;}


#topnav {background: #373832; padding: 0 .5%; text-align: right; margin-top: -5%;} #topnav ul li {list-style: none; display: inline;} #topnav a {padding: 10px; border-right: 1px solid #717170; font-size: 1em; line-height: 1; text-transform: uppercase; color: #d5d4d2 !important; text-decoration: none; display: inline-block;} #topnav a:hover {color: #fff !important; text-decoration: none !important;} #topnav li:nth-last-child(1) a {border: 0;}



/* ------------------- SIDEBAR ------------------- */

#sidebar {float: left; width: 24%;} #sidebar .section {float: left; width: 100%;}

#sidenav h3 {background: url(http://www.stormbreaker.de/ebay/v2/img/icon-home.png) no-repeat; padding: 2px 0 10px 30px;} #sidenav li {list-style: none} #sidenav a {padding: 5px 0; text-transform: uppercase; float: left; width: 100%;} #sidenav li:nth-last-child(1) a {padding-bottom: 0;}

#search h3 {background: url(http://www.stormbreaker.de/ebay/v2/img/icon-search.png) no-repeat; padding: 0 0 12px 30px;}
#search input {border: 1px solid #bebebd; padding: 10px; font-size: 1em; line-height: 1em; width: 158px;}

#sidebar .dhl {margin: 30px 0; background: #fff; border-bottom: 1px solid #bebebd; text-align: center;}
#sidebar .dhl p {padding: .6em .8em .7em .8em; display: block; margin: 0;}

#sidebar .fotocopy {color: #a1a19e; font-size: .8em; line-height: 16px; text-align: left; margin-top: 30px;}



/* ------------------- CONTENT ------------------- */

#content {width: 75.35%; float: right; background: #fff;}
#content .text ul {padding: .3em 2em;} #content .text li {list-style: square; margin: .2em 0;}
#content p, #content li {font-size: 1em; line-height: 1.5;}

#content .images {padding: 6% 0; text-align: center; color: #fff; font-size: 1px;} #content .images img {border: 0;} #content .thumbs div {float: left; width: 33%; margin: 20px 0 0 0;}


#product .text {border-top: 1px solid #d5d4d2; border-bottom: 1px solid #d5d4d2; margin-bottom: 3%;}
#product .text h2 {margin-top: 2%; font-size: 2em; font-weight: normal; line-height: 1.2;}


#content .images .mainimg a,
#content .images .thumbs a
{
  display: block;
  width: 100%;
  position: relative;
  height: 0;
  padding: 56.25% 0 0 0;
  overflow: hidden;
}

#content .images .mainimg a img,
#content .images .thumbs a img
{
  position: absolute;
  display: block;
  max-width: 100%;
  max-height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: auto !important;
}



/* ------------------- SERVICES ------------------- */

#services h3 {padding-left: 40px; font-size: 1.2em; font-weight: bold; text-transform: uppercase;}

#delivery h3 {background: url(http://www.stormbreaker.de/ebay/v2/img/icon-delivery.png) no-repeat}
#payment h3 {background: url(http://www.stormbreaker.de/ebay/v2/img/icon-payment.png) no-repeat}
#checkout h3 {background: url(http://www.stormbreaker.de/ebay/v2/img/icon-checkout.png) no-repeat}
#contact h3 {background: url(http://www.stormbreaker.de/ebay/v2/img/icon-contact.png) no-repeat; padding-left: 32px;}

#delivery {background: url(http://www.stormbreaker.de/ebay/v2/img/bg-delivery.png) no-repeat right bottom}
#payment {background: url(http://www.stormbreaker.de/ebay/v2/img/bg-payment.png) no-repeat right bottom}
#checkout {background: url(http://www.stormbreaker.de/ebay/v2/img/bg-checkout.png) no-repeat right bottom}
#contact {background: url(http://www.stormbreaker.de/ebay/v2/img/bg-contact.png) no-repeat right bottom}

#payment li {list-style: none; padding-left: 15px; background: url(http://www.stormbreaker.de/ebay/v2/img/li.png) 0 5px no-repeat;}


/* ------------------- FOOTER ------------------- */

#end {width: 100%; height: 31px; bottom: -31px; right: 0; position: absolute; background: url(http://www.stormbreaker.de/ebay/v2/img/box-end.jpg) no-repeat; background-size: 100%;}