@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700|Open+Sans:400,300,400italic,600,600italic,700,700italic,800,800italic,300italic');




/* LAYOUT */
#wrapper {background: url(https://www.my-powertools.de/layout/ebay/vorlage/background.jpg); border:1px solid #dfdfdf}



#layout {margin:0 auto; width:1188px;}



#maincontent {background:#fff;}
#maincol {width:100%; padding:22px 12px 42px 14px;}


/* MODIFIED 205 EBAY */
#leftcol {width:200px; padding:0 2px 60px 9px; float:left}


/* HEADER */
#header {height:128px; width:1188px; margin:0 auto; background:url(https://www.my-powertools.de/layout/ebay/vorlage/header.jpg) right no-repeat #fff;}

#header .logo {float:left; width:33%; padding:6px 0 0 22px}

#header .hotlinebox {float:left; width:25%; margin:44px 0 0 90px}
.hotlinebox-ftn1 {color:#333333; font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:400; padding-left:26px}
.hotlinebox-ftn2 {color:#333333; font-size:20px; font-family: 'Oswald', sans-serif; font-weight:700;}


/* SUCHE */
.suchbox-pad {float:right; padding:46px 15px 0 10px}
.suchbox-head {font-family: 'Open Sans', sans-serif; font-size:18px; font-weight:600; text-transform:uppercase; color:#02051f; padding-left:15px}
.searchform {padding: 0 5px; height:28px; width:100%; }
.searchform input, .searchform button {float: left;}
.searchform input {background:#fff; border:1px solid #cecece; font-size:12px; color: #494949; font-family: 'Open Sans', sans-serif; font-weight:400; height:20px; padding: 8px 12px 8px 15px; width: 270px;}
.searchform button {background: #2672c6; font-family: 'Open Sans', sans-serif; font-weight:600; height:38px; border:1px solid #2672c6; color:#fff; cursor: pointer; font-size:14px; padding: 1px; width:44px;}



.hb-ftn1 {font-family: 'Open Sans', sans-serif;; font-weight:600; color:#111111; font-size:18px; font-style:italic;}
.hb-ftn2 {font-family: 'Open Sans', sans-serif;; font-weight:800; color:#e11c46; font-size:20px; font-style:italic;}
.hb-ftn3 {font-family: 'Open Sans', sans-serif;; font-weight:300; color:#c3c3c3; font-size:10px; font-style:italic;}





/* TOP MENU */
#topmenu {width:100%; margin:0 auto; height:39px; background:url(https://www.my-powertools.de/layout/ebay/vorlage/bg-navi.jpg)}
ul#Navigation {margin:0 20px 0 0; padding: 8px 0 4px 10px; }
ul#Navigation li {list-style: none; display: inline; padding: 0 42px 0 42px; border-right:0px solid #FFF; }
ul#Navigation a, ul#Navigation span {font-family: 'Oswald', sans-serif; color:#fff; font-size:16px; font-weight:600; text-decoration:none;}
ul#Navigation a:hover, ul#Navigation span {text-decoration:none; color:#b4b4b4;}

ul#Navigation-mobile {display:none}


/* KATEGORIEN */
.kathead {font-family: 'Oswald', sans-serif; font-size:18px; color:#333; font-weight:500; padding:24px 5px 0 18px;}

.katbox {width:100%; border:1px solid #ddd; margin-top:19px}
.kats {padding:15px 0 20px 0; line-height:30px;}


a.katlink:link {font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight:500; color: #000; text-decoration: none; background:url(https://www.my-powertools.de/layout/ebay/vorlage/mdot.gif) left no-repeat; padding-left:14px; margin-left:5px}
a.katlink:visited {font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight:500; color: #000; text-decoration: none;}
a.katlink:hover {color: #8d8d8d; text-decoration: none}
a.katlink:active {font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight:500; color: #000; text-decoration: none;}

.katcnt {font-family: 'Open Sans', sans-serif;; font-size:11px; color:#a4a4a4}



.leftinfobox {padding:20px 0 0 0}
.leftinfobox-head {font-family: 'Oswald', sans-serif; font-size:17px; font-weight:600; text-transform:uppercase; color:#444444; border-bottom:1px solid #e5e5e5; padding-bottom:5px}
.leftinfobox-text {padding:10px 0 0 0; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#aaaaaa; line-height:19px}
.leftinfobox-text2 {padding:15px 0 0 38px; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#aaaaaa; line-height:22px; background:url(https://www.my-powertools.de/layout/ebay/vorlage/kontakt.jpg) left top no-repeat}


/* LEFTCOL STUFF */
.katbox1 {float:left; padding:16px 0 0 0}
.katbox2 {float:left; padding:16px 0 0 10px}
.katbox3 {float:right; padding:16px 0 0 0}

.bhpad {padding:30px 0  0}


/* HOME */

.content-col-1 {float:left; width:49%;}
.content-col-2 {float:left; width:46%; padding:0 10px 0 25px}
.cheadline {font-family: 'Oswald', sans-serif; font-size:22px; font-weight:500; color:#333; text-align:center; padding:0 0 0 0; margin-top:50px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; width:98%}
.deshead {font-family: 'Open Sans', sans-serif; font-size:24px; font-weight:700; line-height:30px; padding:50px 0 20px 0; color:#2672c6}
.desbtn {padding:46px 0 0 0}


.delivery {font-family: 'Open Sans', sans-serif; font-weight:600; font-size:15px; color:#62a233; padding:25px 0 0 0}
.pricehead {font-family: 'Open Sans', sans-serif; font-size:16px; color:#000; font-weight:600; padding:70px 0 0 0}
.price {font-family: 'Open Sans', sans-serif; font-size:40px; color:#000; font-weight:800;}
.price-mwst {font-family: 'Open Sans', sans-serif; font-weight:300; font-size:12px; color:#868686; padding:6px 0 0 0}
.infogfx {padding:58px 0 0 0;}

.destext {font-family: 'Open Sans', sans-serif; font-weight:400; color:#000; font-size:14px; margin:0 auto; line-height:26px; padding:20px 0 20px 0; width:96%}

.partnerpad {padding:0 20px;}
.partnercol {width:25%; float:left; padding:30px 0 20px 0; text-align:center}

.csbox {padding:30px 0px;}

.desdetails {font-family: 'Open Sans', sans-serif; font-size:14px; line-height:25px; color:#000; padding:25px 15px; margin-top:40px; background:#f3f3f3; border:1px solid #ddd}
.desdetails-col {float:left; width:40%; font-weight:400;}
.desdetails-col2 {float:left; width:60%; font-weight:600;}


.gallery-thumbnail-image:hover > .gallery-main-image {/* visibility: visible; */ display: block; opacity: 1;}
.gallery-thumbnail-image {display: inline-block;}
.gallery-thumbnail-image img {display: block; width: 79px;}
.gallery-main-image {position: absolute; display: none; top: 10px; left: 10px; right: 10px;}
#gallery-photo-container {border: 0px solid black; padding: 10px; position: relative;}
#gallery-photo-container > img {display: block; width: 100%; opacity: 1;}
.gallery-main-image img {display: block; width: 100%;}
.gallery-thumbnail-image > img {width: 108px; margin-top: 5px;}
.gallery-thumbnail-image img:hover {opacity: 0.7;}

.herstellerbox {width:100%;padding:10px}

.teaser {padding:10px 0 0 0}

.infobox1 {width:48%; float:left}
.infobox2 {width:48%; float:right; padding:0 10px 0 0}

/* FOOTER */
#footer {width:100%; margin:0 auto; background:#333; border-top:20px solid #2672c6}
#footer_inner {margin:0 auto; width:1150px;}


a.footlink:link {font-family: 'Open Sans', sans-serif;font-size:14px; color:#898989; text-decoration: none; font-weight:400; line-height:28px}
a.footlink:visited {font-family: 'Open Sans', sans-serif; font-size:14px; color:#898989; text-decoration: none;}
a.footlink:hover {font-family: 'Open Sans', sans-serif; font-size:14px; color:#898989; text-decoration: underline;}
a.footlink:active {font-family: 'Open Sans', sans-serif; font-size:14px; color:#898989; text-decoration: none;}


.fb_head {font-family: 'Oswald', sans-serif; color:#2672c6; padding:0 0 5px 0; margin:10px 0 20px 0; font-size:18px; font-weight:700;}
.footftn {font-family: 'Open Sans', sans-serif;  font-size:13px; color:#898989; padding:0 0 6px 0; font-weight:400; line-height:24px}
.foot-text {font-family:Arial, Helvetica, sans-serif; color:#898989; font-size:12px}

#foot_block {padding:20px 50px 0 20px; margin-top:30px; line-height:22px; float:left; width:17%; border-right:0px solid #1a1a1a}


.subfoot_inner {padding:10px 0 10px 20px; font-family: 'Open Sans', sans-serif; font-size:13px; color:#898989; padding:25px 0 25px 0; border-top:1px solid #464444; margin-top:30px}



/* LITTLE HELPER */
.lefter {float:left}
.righter {float:right}
.clearfix {clear:both}

.img-responsive {display: block; max-width: 100%; height: auto;}
.img-border {border: 1px solid #e2e2e2}



.ftn-9 {font-size:9px;}
.ftn-12 {font-size:12px;}
.ftn-18-bold-i {font-size:18px; font-weight:600; font-style:italic}
.ftn-14-i {font-size:14px; font-weight:300}




.hp1 {width:941px; border:1px solid #e4e4e4}



@media(max-width:1220px) {
#layout {width:1000px;}
#leftcol {width:200px; padding:0px 0 60px 9px;}
#maincol {width:964px; }




/* TOP MENU */

ul#Navigation li {padding: 0 20px 0 20px;}


.searchform input {width: 200px;}


#header {width:1000px;}

#header .hotlinebox {width:25%}
#footer {width:100%; margin:0 auto;}
#footer_inner {width:1000px; padding:0 10px; margin:0 auto;}
.subfoot_inner {width:100%}


.topfoot_inner {width:996px;}


.teaser-control {width:100%; margin:0 auto;}

.hp1 {width:774px}

}


@media(max-width:1000px) {

#header {width:100%;}
#layout {width:94%;}
#maincol {width:96%;}
#leftcol {display:none}
#footer {margin:0 auto; padding:0 0 30px 0}
#footer_inner {width:90%; padding:0 10px; margin:0 auto;}
#foot_block {padding:40px 0 0 0; line-height:25px; float:left; width:50%;}
#subfooter {display:none}

#header .logo {float:left; width:40%}
#header .hotlinebox {float:left; width:45%; margin:44px 0 0 90px}
#header .infobox {display:none}


.suchbox-pad {display:none}



ul#Navigation li {padding: 0 9px 0 9px;}
.content-col-1 {width:50%;}
.content-col-2 {width:45%;}
}



@media(max-width:680px) {

#wrapper {background: url(https://www.my-powertools.de/layout/ebay/vorlage/background2.jpg) top repeat-x #fff;}
#layout {width:94%;}
#maincol {width:94%;}
#header .logo {width:85%; margin:0 auto; text-align:center}
#header .hotlinebox {display:none}

.topheader_inner {display:none}
#footer {margin:0 auto; padding:0 0 30px 0}
#footer_inner {width:90%; padding:0 10px; margin:0 auto;}
#foot_block {padding:40px 0 0 0; line-height:25px; float:none; width:90%;}
#foot_block2 {padding:20px 0 0 0; float:none; width:90%;}
#subfooter {display:none}



.destext {width:280px !important}
#header .hotlinebox {display:none}
.topmenu-pad {display:none}


#topmenu {}
ul#Navigation {display:none}

/* TOP MENU */


ul#Navigation-mobile {margin:0 20px 0 0; padding: 7px 0 7px 10px; display:block;}
ul#Navigation-mobile li {ist-style: none; display: inline; padding: 0 26px 0 26px; border-right:1px solid #FFF;}
ul#Navigation-mobile a, ul#Navigation-mobile span {font-family: 'Oswald', sans-serif; color:#fff; font-size:16px; font-weight:600; text-decoration:none;}
ul#Navigation-mobile a:hover, ul#Navigation-mobile span {text-decoration:none; color:#8d8d8d;}

.csbox {display:none}
.hotlinebox {display:none}

.content-col-full {width:90%; padding-bottom:20px;}
.content-col-1 {width:90%;}
.content-col-2 {width:90%;}

.deshead {padding:40px 0 0 0}

.infobox1 {width:98%; float:left}
.infobox2 {width:98%; float:left; padding:0 0 0 0}
}