@import url('https://fonts.googleapis.com/css?family=Exo+2');





/* LAYOUT */
#wrapper {background:url(https://www.yoaxia.de/layout/vorlage-new/bg-top.gif) #ededed repeat-x; border:1px solid #ccc}
#layout {margin:0 auto; width:1192px;}



#maincontent {background:#FFF}
#maincol {width:944px; padding:20px 9px 42px 15px; float:left}


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


/* HEADER */
#header {height:170px; width:1188px; margin:0 auto; background:url(https://www.yoaxia.de/layout/vorlage-new/bg-top.gif) #ededed repeat-x;}

#header .logo {float:left; width:30%; padding:40px 0 0 20px}
#header .hotlinebox {float:right; width:60%; margin:45px 0 0 0}
.hotlinebox-ftn1 {color:#939598; font-size:18px; font-family: 'Exo 2', sans-serif;; font-weight:400;}
.hotlinebox-ftn2 {color:#939598; font-size:16px; font-family: 'Exo 2', sans-serif;; font-weight:300; padding-top:4px}
.hotlinebox-ftn3 {color:#939598; font-size:12px; font-family: 'Exo 2', sans-serif;; font-weight:300; padding-top:4px}

.homeset-1-1 {width:60%; float:left}
/* SUCHE */
.suchbox-pad {float:left; padding:75px 0 0 0}
.suchbox-head {font-family: 'Exo 2', sans-serif;; font-style: italic; font-size:17px; font-weight:800; padding:0 0 4px 10px}
.searchform {padding: 0 5px; height:28px; width:100%; }
.searchform input, .searchform button {float: left;}
.searchform input {background:#fff; border:1px solid #8c8989; font-size:11px; border-radius:2px; color: #646464; text-transform:uppercase; font-family: 'Exo 2', sans-serif;; font-weight:400; height:18px; padding: 8px 12px 8px 15px; width: 290px; box-shadow: inset 0px 0px 6px #919191; margin-right:7px}

.searchform button {background: #e2003b; font-family: 'Open Sans', sans-serif; font-weight:600; height:36px; border:0;  color:#fff; border-radius:7px; cursor: pointer; font-size:14px; padding: 1px; width:85px; box-shadow: inset 0px 0px 3px #919191}
#such-ph::-webkit-input-placeholder {color: #9e9e9e;}



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





/* TOP MENU */
#topmenu {background:#ff9900; width:1188px; margin:0 auto; border-radius:12px 12px 0 0; border:1px solid #ff9900;}
ul#Navigation {margin:0 20px 0 0; padding: 10px 0 10px 10px; }
ul#Navigation li {list-style: none; display: inline; padding: 0 45px 0 45px; border-right:1px solid #FFF; }
ul#Navigation a, ul#Navigation span {font-family: 'Exo 2', sans-serif; color:#fff; font-size:15px; font-weight:400; text-decoration:none;}
ul#Navigation a:hover, ul#Navigation span {text-decoration:none; color:#fde9cb;}


/* KATEGORIEN */
.kathead {margin:40px 0 0px 0}

.katbox {width:100%;}
.kats {padding:20px 0 20px 0; line-height:24px; background:#fff; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; border-radius:0 0 12px 12px}


a.katlink:link {font-family: 'Exo 2', sans-serif; font-size: 13px; font-weight:300; color: #3d3d3c; text-decoration: none;}
a.katlink:visited {font-family: 'Exo 2', sans-serif;  font-size: 13px; font-weight:300; color: #3d3d3c; text-decoration: none;}
a.katlink:hover {color: #3d3d3c; text-decoration: underline}
a.katlink:active {font-family: 'Exo 2', sans-serif;; font-size: 13px; font-weight:300; color: #3d3d3c; text-decoration: none;}

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

ul#KatNavigation {margin:0 0 0 0; padding: 0 0 0 0;}
ul#KatNavigation li {list-style: none; padding:3px 10px;}
ul#KatNavigation a, ul#Navigation span {ont-family: 'Exo 2', sans-serif; font-size: 13x; color: #6b6b6b; text-decoration: none; font-weight:300;}
ul#KatNavigation a:hover, ul#Navigation span {color: #ff9900; text-decoration: underline}

.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.yoaxia.de/layout/vorlage-new/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:50%; padding:30px 0 0 0}
.content-col-2 {float:left; width:45%; padding:20px 0 0 30px}

.deshead {font-family: 'Exo 2', sans-serif; font-size:20px; font-weight:400; color:#333333; line-height:28px; padding:24px 0 0 0}
.desdetails {font-family: 'Open Sans', sans-serif; font-weight:400; font-size:12px; color:#757575; line-height:20px; padding:10px 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: 'Exo 2', sans-serif; font-weight:400; font-size:44px; color:#ff9900; padding:12px 0 0 0}
.price-mwst {font-family: 'Open Sans', sans-serif; font-weight:300; font-size:11px; color:#818181; padding:6px 0 0 0}
.infogfx {padding:32px 0 0 0;}

.cheadline {font-family: 'Exo 2', sans-serif; color:#fff; font-size:18px; text-align:center; padding:10px 0; margin-top:60px; background:#686868; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:1px solid #dddddd;font-weight:400; border-radius:12px 12px 0 0}
.destext {font-family: 'Exo 2', sans-serif; font-weight:400; color:#686868; font-size:14px; line-height:24px; padding:20px 20px; border:1px solid #ddd}
.destext h2 {font-size:18px; font-weight:600}

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

.cspad {padding:30px 0px;}

.nl-box {border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #dedede; border-radius:0 0 12px 12px; padding:10px; font-family: 'Exo 2', sans-serif; color: #6b6b6b; font-size:13px; font-weight:400; line-height:22px}


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

.thumbimg_stage {width:100%; padding:10px 0 0 20px}
.thumbimg {margin:10px 10px 0 0; width:23%;	float:left}

.infobanner {padding:40px 0 0 0}

/* FOOTER */
#footer {width:100%; margin:0 auto; background:#686868; border-top:11px solid #ff9900}
#footer_inner {margin:0 auto; width:1150px;}


a.footlink:link {font-family: 'Exo 2', sans-serif; font-size:12px; color:#fff; text-decoration: none; font-weight:400; line-height:22px}
a.footlink:visited {font-family: 'Exo 2', sans-serif; font-size:12px; color:#fff; text-decoration: none;}
a.footlink:hover {font-family: 'Exo 2', sans-serif; font-size:12px; color:#ff9900; text-decoration: none}
a.footlink:active {font-family: 'Exo 2', sans-serif; font-size:12px; color:#fff; text-decoration: none;}


.fb_head {font-family: 'Exo 2', sans-serif; color:#fff; padding:0 0 5px 0; margin:0 0 20px 0; font-size:18px; font-weight:400;}
.footftn {font-family: 'Exo 2', sans-serif; font-size:13px; color:#333333; padding:0 0 6px 0; font-weight:500; line-height:21px}
.foot-text {font-family: 'Exo 2', sans-serif; color:#363636; font-size:11px}

#foot_block {padding:40px 0 0 0; line-height:25px; float:left; width:33%;}


#subfooter {width:100%; background:#4b4a4d; margin:0 auto 0 auto; font-family: 'Exo 2', sans-serif; font-size:13px; font-weight:300; text-align:center; padding:15px 0 15px 0; margin-top:45px; color:#fff;}
.subfoot_inner {padding:10px 0 10px 20px}




/* 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 #e4e4e4; border-radius:12px}



.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:1002px;}
#leftcol {width:200px; padding:0px 0 60px 9px;}
#maincol {width:766px; }




/* TOP MENU */
#topmenu {width:1000px;}
ul#Navigation li {padding: 0 30px 0 30px;}


.searchform input {width: 240px;}


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




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

.hp1 {width:766px}
}




@media(max-width:1000px) {


#layout {width:94%;}

#leftcol {display:none}
#maincol {width:96%; 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 {width:100%;}
#header .logo {float:none; width:60%; text-align:center; margin:0 auto;}
.suchbox-pad {display:none}


}



@media(max-width:680px) {


#layout {width:94%;}

#leftcol {display:none}
#maincol {width:96%; 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: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}



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


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



.deshead {padding:30px 0 0 0}


}