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



/* LAYOUT */
#wrapper {background:url(http://www.trd-online.ch/images/gallery/ebay/bg.gif); border:1px solid #ccc; padding-top:30px;}
#layout {margin:0 auto; width:1172px; background:#FFF; border-top:16px solid #000}



#maincontent {background:#fff;}
#maincol {width:1028px; padding:22px 72px 62px 72px; float:left}





/* HEADER */
#header {height:180px; background:#FFF}

#header .logo {float:left; width:75%; padding:16px 0 0 0;}
#header .hotlinebox {float:right; width:20%; padding:30px 20px 0 0}

.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 {height:46px; background:url(http://www.trd-online.ch/images/gallery/ebay/menu.jpg); margin:0 12px;}
ul#Navigation {margin:0 20px 0 0; padding: 8px 0 0 10px;}
ul#Navigation li {list-style: none; display: inline; padding: 0 20px 0 20px;}
ul#Navigation a, ul#Navigation span {font-family: 'Open Sans', sans-serif; font-weight:800; color:#000; font-size:18px; text-decoration:none; text-transform:uppercase}
ul#Navigation a:hover, ul#Navigation span {text-decoration:none; color:#484848;}


/* KATEGORIEN */
.kathead {font-family: 'Open Sans', sans-serif; font-weight:600; font-size:22px; padding:10px 0 0 10px; color:#2194d5}
.katbox {width:100%; margin:0 0 36px 0}
.kats {padding:20px 10px 20px 10px; line-height:32px}


a.katlink:link {font-family: 'Open Sans', sans-serif; font-weight:600; font-size: 14px; color: #000; text-decoration: none;}
a.katlink:visited {ffont-family: 'Open Sans', sans-serif; font-weight:600; font-size: 14px; color: #000; text-decoration: none;}
a.katlink:hover {color: #666666; text-decoration: underline}
a.katlink:active {font-family: 'Open Sans', sans-serif; font-weight:600; font-size: 14px; color: #000; text-decoration: none;}

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

/* 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:0 0 56px 0}


/* HOME SWEET HOME */
.teaser {padding:30px 0 15px 0; margin-top:-32px}
.katbox_1 {float:left; padding:15px 0 13px 0; width:49%}
.katbox_2 {float:right; padding:15px 0 13px 0; width:49%}



.alist {padding:40px 0 0 0}


/* FOOTER */
#footer {height:290px; width:1172px; margin:0 auto; background:#000}
#footer_inner {margin:0 auto; width:1028px;}


a.footlink:link {font-family: 'Open Sans', sans-serif; font-size:12px; color:#666666; text-decoration: none;}
a.footlink:visited {font-family: 'Open Sans', sans-serif; font-size:12px; color:#666666; text-decoration: none;}
a.footlink:hover {font-family: 'Open Sans', sans-serif; font-size:12px; color:#9c9c9c; text-decoration:none;}
a.footlink:active {font-family: 'Open Sans', sans-serif; font-size:12px; color:#666666; text-decoration: none;}


.fb_head {font-size:20px; font-family: 'Open Sans', sans-serif; font-weight:600; color:#fff; padding:0 0 20px 0; margin-bottom:16px; font-size:18px; font-style:italic}
.footftn {font-family: 'Open Sans', sans-serif; font-weight:300; font-size:11px; color:#636060; padding:0 0 19px 12px; line-height:22px}
.foot-text {font-family: 'Open Sans', sans-serif; font-weight:400; color:#949494; font-size:15px}

#foot_block {padding:50px 0 0 0; line-height:25px; float:left; width:19%;}
#foot_block2 {padding:50px 0 0 100px; line-height:25px; float:left; width:30%;}

#subfooter {width:1172px; margin:0 auto; font-family: 'Open Sans', sans-serif; font-size:11px; text-align:center; font-weight:300; color:#666666; line-height:22px; background:#000;}
.subfoot_inner {padding:10px 0 10px 0}

#subfooter-col-2-inner {padding:20px 0 0 20px}


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

.img-responsive {display: block; max-width: 100%; height: auto;}


.cheadline {font-family: 'Open Sans', sans-serif; font-weight:700; color:#000; font-size:30px; text-align:center; height:20px; margin-top:50px; padding:52px 0 30px 0; background:url(http://www.trd-online.ch/images/gallery/ebay/cline.gif) bottom center no-repeat; height:25px;}
.cheadline2 {font-weight:400; }
.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}


/* SUCHE */
.suchbox-pad {float:right; padding:56px 20px 0 0}
.suchbox-head {font-family: 'Open Sans', sans-serif; font-style: italic; font-size:17px; font-weight:800; padding:0 0 4px 10px}
.searchform {padding: 0 5px; height:34px; width:100%; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px}
.searchform input, .searchform button {float: left}
.searchform input {background:#fff;	font-size:12px; color: #494949; font-weight:700; font-style: italic; height:12px; padding: 9px 12px 9px 15px; width: 250px; border-left:1px solid #214a76; border-top:1px solid #214a76; border-bottom:1px solid #214a76; border-right:1px solid #286c9d;}
.searchform input:focus {outline: none;	box-shadow:0 0 4px #d2d2d2 inset;-moz-box-shadow:0 0 4px #d2d2d2 inset;-webkit-box-shadow:0 0 4px #d2d2d2 inset;}
.searchform button {background: #2194d5; height:32px;	border: 0px;  color:#fff;	cursor: pointer; font-size:5px; padding: 1px; width:35px;}
.searchform button:hover {opacity:.8;} 

.hp1 {width:920px}


/* HOME */

.content-col-1 {float:left; width:55%;}
.content-col-2 {float:left; width:40%; padding:40px 0 0 30px}

.deshead {font-family: 'Open Sans', sans-serif; font-weight:400; font-size:18px; color:#000; border-bottom:1px solid #c2c6cc; padding:20px 0 10px 0}
.desdetails {font-family: 'Open Sans', sans-serif; font-weight:400; font-size:13px; color:#000; line-height:26px; padding:20px 0 0 0}

.delivery {font-family: 'Open Sans', sans-serif; font-weight:600; font-size:15px; color:#62a233; padding:25px 0 0 0}
.price {font-family: 'Open Sans', sans-serif; font-weight:700; font-size:24px; color:#000; padding:10px 0 0 0}
.price-mwst {font-family: 'Open Sans', sans-serif; font-weight:300; font-size:11px; color:#000; padding:6px 0 0 0}
.infogfx {padding:32px 0 0 0;}

.destext {font-family: 'Open Sans', sans-serif; font-weight:400; color:#464646; font-size:15px; line-height:24px; padding:30px 10px}

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

.cspad {padding:30px 0px;}


/* ARTIKELBILDER */
.fullimg_stage {width:100%; height:460px; padding:40px 0 0 18px}
.fullimg {max-height:460px}

.thumbimg_stage {width:100%; height:80px; padding:10px 0 0 40px}
.thumbimg {margin:10px 10px 0 0; width:13%;	max-height:160px; float:left}



.infobanner {padding:60px 0 0 0}



@media(max-width:1220px) {
#layout {width:1000px;}
#maincol {width:856px; }


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

.searchform input {width: 180px;}



#footer {width:100%; margin:0 auto;}
#footer_inner {width:1000px; padding:0 10px; margin:0 auto;}
#foot_block {width:18%;}
#foot_block2 {width:30%; padding:40px 0 0 80px;}
#subfooter {width:100%;}



.hp1 {width:773px}
}

@media(max-width:1000px) {


#layout {width:94%;}

#maincol {width:80%; margin:26px 0 26px 0}

#footer {margin:0 auto; height:100%; 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%;}


#topmenu {display:none}
.csbox {display:none}

.fullimg_stage {width:100%; height:380px;}
.fullimg {max-height:380px}
.thumbimg_stage {width:100%; height:80px; padding:0 10px}

.hotlinebox {display:none}
.deshead {padding:10px 10px 0 10px}

#header .logo {float:none; width:80%; text-align:center; margin:0 auto;}
.suchbox-pad {display:none}


}



@media(max-width:680px) {


#layout {width:94%;}

#leftcol {display:none}
#maincol {width:90%; padding:22px 12px 62px 12px;}

#footer {margin:0 auto; height:100%; 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%;}

.content-col-1 {width:90%;}
.content-col-2 {width:90%; padding:40px 10px 0 10px}


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

.cheadline {font-size:20px}

.price {padding:40px 0 0 0}
.fullimg_stage {width:100%; height:380px; padding:40px 0 0 18px}
.fullimg {max-height:380px}
.thumbimg_stage {width:100%; height:80px; padding:10px 0 0 20px}
.thumbimg {margin:10px 10px 0 0; width:20%; float:left; max-height:160px;}

#header .logo {float:none; width:80%; text-align:center; margin:0 auto; padding:16px 0 0 0}
.suchbox-pad {display:none}

.content-col-1 {width:90%;}
.content-col-2 {width:90%; padding:10px 10px 0 10px}

.deshead {padding:30px 0 0 0}


}