body {margin:0px;text-align:center;background:url(http://www.sellitsmart.de/gfx/top_bg01.gif) repeat-x; font-family:Trebuchet MS;} a { outline:none;} .p1 p { margin: 0px; padding: 0px; } #all{width:980px;position:relative;text-align:center;display:block;padding-top:18px; margin:0px auto;} #header {} #header_content {text-align:left; padding-bottom:15px; } *html #header_content {margin-left:0px;} #logo {float:left} /*#top_kontakt {float:right;margin-top:-10px;position:relative}*/ #top_kontakt {float:right;margin-top:12px;position:relative} #left {width:50%;position:absolute;} #right {width:100%;position:absolute;} #content {text-align:left;} #mainnav { font-size:12px; vertical-align:bottom; text-align:left !important;} #mainnav_layer { background:url(http://www.sellitsmart.de/gfx/main_bg01.gif) no-repeat; display:block;} #mainnav ol, #mainnav ol li {margin:0px; padding:0px; list-style: none;float:left; display:block; height:45px;} #mainnav ol li ol {visibility:hidden; position:absolute; z-index:10000 !important; background:#FFFFFF; height:auto; width:220px;margin-top:-1px; border: 1px solid #CCCCCC; border-top:none; padding:10px 0px; margin-left:-20px; margin-left:-20px\9;} #mainnav ol li:hover ol, #mainnav ol li a:hover ol {visibility:visible;} #mainnav ol li ol li {list-style:none; float:none; line-height:20px; height:20px;} #mainnav ol li a {color:#646567; font-size:16px; font-weight:bold; line-height:43px; padding:0 28px 0 28px;text-decoration:none; background:url(http://www.sellitsmart.de/gfx/main_bg01.gif); display:block; height:45px; } *html #mainnav ol li a{ width:1px;} #mainnav ol li a:hover { position:relative; color:#e72300; display:block; line-height:43px;z-index:5000;} #mainnav ol li ol li a, #mainnav ol li ol li a:visited {display:block; text-decoration:none; color:#646567; line-height:20px !important; font-size:14px; background:none; padding:0px; width:180px; padding-left:20px; height:20px; font-weight:normal; font-family:Arial; } #mainnav ol li ol li a:hover, #mainnav ol li ol li a:active {font-size:14px !important; text-decoration:none; color:#e72300;} #breadcrumb{color:#949597; font-size:11px; padding-top:10px;} #breadcrumb span{ font-weight:bold;} #breadcrumb a{ text-decoration:underline; color:#E72300} #breadcrumb a:hover{ text-decoration:none;} #left_column {float:left;padding:0px 0px 0px 0px} #center_column {float:left;width:5px} #right_column {float:left;width:344px} #left_column_start {float:left;padding:0px 0px 0px 0px} #right_column_start {float:left;width:243px;padding:0px 0px 0px 0px} #right_column_start_index {float:left;width:243px;padding:7px 0px 0px 0px} .gr-box_content {width:680px;padding:0px 28px 0px 24px;font-family:Trebuchet MS;font-size:13px;color:#646567} #einespalte {font-family:Trebuchet MS;font-size:13px;color:#646567} .gr-box_link {width:675px;padding:0px 0px 15px 0px;font-size:11px;} *html .gr-box_link {width:680px;padding:0px 0px 15px 0px} .gr-box_link a, .gr-box_content a, #einespalte a {color:#e72300;text-decoration:none;} .gr-box_link a:hover, .gr-box_content a, #einespalte a {text-decoration:underline} #einespalte #reiternav {margin-top:8px;} #einespalte #reiternav a {line-height:29px; height:29px; margin-right:5px; margin-bottom:5px; background:url(gfx/fbtn_left.gif) no-repeat; padding:0px 8px; display:block; float:left; text-decoration:none !important; font-size:12px; color:#222222; position:relative;} #einespalte #reiternav a p {height:29px;width:7px;display:block; margin:0px; position:absolute; right:0px; top:0px; background:url(gfx/fbtn_right.gif) no-repeat;} #einespalte #reiternav a.aktiv {font-weight: bold; background:url(gfx/fbtn_left_a.gif) no-repeat;} #einespalte #reiternav a.aktiv p {background:url(gfx/fbtn_right_a.gif) no-repeat;} br.cf {clear:both; height:0px; font-size:0px;} #start_header h1, #einespalte h1 {font-family:Trebuchet MS;font-size:24px;font-weight:bold;color:#e72300;margin:0px;padding:15px 0px 15px 24px} #start_header h2 {font-family:Trebuchet MS;font-size:24px;font-weight:bold;color:#e72300;margin:0px;padding:15px 0px 15px 24px} #start_news .news-quelle {font-family:Trebuchet MS;font-size:11px;color:#646567; background-color: #fdf1e5; display: block;} #start_news h1 {font-family:Trebuchet MS;font-size:18px;font-weight:bold;color:#e72300;margin:0px;padding:10px 0px 0px 0px} #start_news h1 a{ color:#e72300; text-decoration:none;} #start_news h1 a:hover{ text-decoration:underline;} #start_news h3 {font-family:Trebuchet MS;font-size:18px;font-weight:bold;color:#e72300;margin:0px;padding:10px 0px 0px 0px} #start_news h3 a{ color:#e72300; text-decoration:none;} #start_news h3 a:hover{ text-decoration:underline;} /*UP 2010-10-26*/ .gr-box_content h2 {font-family:Trebuchet MS;font-size:18px;font-weight:bold;color:#e72300;margin:0px;padding:10px 0px 0px 0px} .gr-box_content h2 a { color:#e72300; text-decoration:none;} .gr-box_content h2 a:hover { color:#e72300; text-decoration:none;} .kl-box{padding-bottom:10px;} .kl-box .kl-box_header {height:16px; background:url(http://www.sellitsmart.de/gfx/kl-box_grey_header01.gif) no-repeat;} .kl-box .kl-box_content{ background:url(http://www.sellitsmart.de/gfx/kl-box_grey_bg01.gif) repeat-y; } .kl-box .kl-box_content .p1{padding:0px 18px 0px 18px; font-size:11px; color:#646567} .kl-box .kl-box_content .p1 a {color:#646567;text-decoration:none} .kl-box .kl-box_content .p1 a:hover {text-decoration:underline} .kl-box .kl-box_content .p1 p {line-height:12px} .kl-box .kl-box_link {padding:5px 0px 0px 0px; text-align:right;} .kl-box .kl-box_link a {color:#646567;text-decoration:none;font-weight:bold} .kl-box .kl-box_link a:hover {text-decoration:underline} .kl-box .kl-box_footer {height:16px; background:url(http://www.sellitsmart.de/gfx/kl-box_grey_footer01.gif) no-repeat;} .kl-box_orange {width:243px;} .kl-box_orange .kl-box_header{ background:url(http://www.sellitsmart.de/gfx/kl-box_orange_header01.gif) no-repeat; height:16px;} .kl-box_orange .kl-box_content{ background:url(http://www.sellitsmart.de/gfx/kl-box_orange_bg01.gif) repeat-y;} .kl-box_orange .kl-box_content h4 {margin:0px;padding:0px 0px 3px 0px;font-family:Trebuchet MS;font-size:17px;color:#ed7404} .kl-box_orange .kl-box_link a {color:#ed7404 !important;} .kl-box_orange .kl-box_footer{ background:url(http://www.sellitsmart.de/gfx/kl-box_orange_footer01.gif) no-repeat; height:16px;} .kl-box_blue {width:243px;} .kl-box_blue .kl-box_header{ background:url(http://www.sellitsmart.de/gfx/kl-box_blue_header01.gif) no-repeat; height:16px;} .kl-box_blue .kl-box_content{ background:url(http://www.sellitsmart.de/gfx/kl-box_blue_bg01.gif) repeat-y;} .kl-box_blue .kl-box_content h4 {margin:0px;padding:0px 0px 3px 0px;font-family:Trebuchet MS;font-size:17px;color:#167ac1} .kl-box_blue .kl-box_link a {color:#167ac1 !important;} .kl-box_blue .kl-box_footer{ background:url(http://www.sellitsmart.de/gfx/kl-box_blue_footer01.gif) no-repeat; height:16px;} .kl-box_grey {width:243px;} .kl-box_grey .kl-box_header{ background:url(http://www.sellitsmart.de/gfx/kl-box_grey_header01.gif) no-repeat; height:16px;} .kl-box_grey .kl-box_content{ background:url(http://www.sellitsmart.de/gfx/kl-box_grey_bg01.gif) repeat-y;} .kl-box_grey .kl-box_content h4 {margin:0px;padding:0px 0px 3px 0px;font-family:Trebuchet MS;font-size:17px;color:#646567} .kl-box_grey .kl-box_link a {color:#646567 !important;} .kl-box_grey .kl-box_footer{ background:url(http://www.sellitsmart.de/gfx/kl-box_grey_footer01.gif) no-repeat; height:16px;} /* Individuelle Boxen */ #kl-box_kontakt .kl-box_content{font-size:13px} #kl-box_neu{} #kl-box_sisnews{} #kl-box_kunden{} #kl-box_meinungen{} #kl-box_ebayzertifiziert{} #content ul.special li {font: 13px Trebuchet MS;line-height:1.5;list-style-image: url(http://www.sellitsmart.de/gfx/list-on.gif);} div .more {font: 13px Trebuchet MS;color: #646567;} #startseite_ref_banner {background:url(http://www.sellitsmart.de/gfx/startseite_ref-banner.jpg);width:980px;height:245px;} .startseite_ref_banner_abst{padding:25px 0px 0px 378px;overflow:hidden;} #start_banner01 {float:left;background:url(http://www.sellitsmart.de/gfx/start_banner01_bg.gif);width:249px;height:157px} #start_banner02 {float:left;background:url(http://www.sellitsmart.de/gfx/start_banner02_bg.gif);width:236px;height:157px} #start_banner03 {float:left;background:url(http://www.sellitsmart.de/gfx/start_banner03_bg.gif);width:247px;height:157px} #start_banner01 div a {font-family:Trebuchet MS;font-size:11px;font-weight:normal;color:#646567;text-decoration:none} #start_banner01 div a:hover {text-decoration:underline} #start_banner02 div a {font-family:Trebuchet MS;font-size:11px;font-weight:normal;color:#646567;text-decoration:none} #start_banner02 div a:hover {text-decoration:underline} #start_banner03 div a {font-family:Trebuchet MS;font-size:11px;font-weight:normal;color:#646567;text-decoration:none} #start_banner03 div a:hover {text-decoration:underline} #ref-button {background:url(http://www.sellitsmart.de/gfx/button_bg.gif) no-repeat;height:26px;width:160px;text-align:center;padding-top:4px;margin-top:10px} #ref-button a {color:#FFFFFF;font-weight:bold;text-decoration:none; text-transform: uppercase;font-size:11px} .referenz {padding-bottom:20px} .referenz a {color:#E72300;} .leistungen ul {margin:0px 0px 0px 20px;padding:0px;width:220px} #footer {width:100%;height:220px;background:url(http://www.sellitsmart.de/gfx/footer_bg01.gif);display:block;top:50%;margin-top:20px;font-family:Trebuchet MS;font-size:12px;color:#FFF} .footer_inhalt{padding-top:20px;} .footer_area{margin:0 auto; width:980px; height:180px;} .f_abst{ padding:0px 0px 0px 0px; text-align:left;} .f_row1{height:120px;} .f_row2{ height:38px;} .f_sitemap{ float:left;} .sitemap_headline{ font-size:16px;padding-bottom:5px;} .sm_tab{ float:left;} .sm_tab ol{ list-style:none; padding:0px; margin:0px; padding-right:90px;} .sm_tab ol li{ font-size:0px;} .sm_tab ol li a{ color:#FFFFFF; text-decoration:none; display:block; background:url(http://www.sellitsmart.de/gfx/sm_point.gif) no-repeat; padding-left:10px;font-size:11px;line-height:18px;} .sm_tab ol li a:hover{ text-decoration:underline;} #f_sm_beratung{} #f_sm_design{} #f_sm_referenzen{} #f_sm_unternehmen{} .sm_u_1{ float:left;} .sm_u_2{ float:left;} .sm_u_3{ float:left;} .f_logos{ float:left; padding-top: 30px} .bvdw_logo{} .copyright{ float:left; line-height:15px; font-size:11px;padding-top: 3px} .f_bookmarks{ float:right;padding-top:7px;} #kl-box_neu{} #kl-box_neu ul#portfolio{ list-style:none; margin:0px; padding:0px;} #kl-box_neu ul#portfolio li{ margin:0px; padding:0px;} .rot{ color:#E72300;} .blau{ color:#167AC1;} .grau{ color:#646567;} .p2{ padding-bottom:5px;:} .p3{ padding-bottom:10px;} #bannerverlinkung1 {display: block; width: 350px; height: 50px; position: absolute; left: 20px; margin-top: 5px} #bannerverlinkung2 {display: block; width: 350px; height: 50px; position: absolute; left: 20px; margin-top: 67px} #bannerverlinkung3 {display: block; width: 350px; height: 50px; position: absolute; left: 20px; margin-top: 129px} #bannerverlinkung4 {display: block; width: 350px; height: 90px; position: absolute; left: 20px; margin-top: 5px} #bannerverlinkung5 {display: block; width: 350px; height: 90px; position: absolute; left: 20px; margin-top: 95px} #start_banner_beratung {background: url(http://www.sellitsmart.de/gfx/beratung_image01.jpg); width: 366px; height: 140px; padding: 20px 0px 0px 366px} #start_banner_beratung a {font-family: Trebuchet MS; color: #FFF; text-decoration: none; font-size: 14px} #start_banner_beratung a:hover {text-decoration: underline;} #start_banner_design {background: url(http://www.sellitsmart.de/gfx/design_image01.jpg); width: 457px; height: 140px; padding: 20px 0px 0px 275px} #start_banner_design a {font-family: Trebuchet MS; color: #646567; text-decoration: none; font-size: 14px} #start_banner_design a:hover {text-decoration: underline;} #start_banner_referenzen {background: url(http://www.sellitsmart.de/gfx/referenzen_image01.jpg); width: 275px; height: 140px; padding: 20px 0px 0px 457px} #start_banner_referenzen a {font-family: Trebuchet MS; color: #FFF; text-decoration: none; font-size: 14px} #start_banner_referenzen a:hover {text-decoration: underline;} #start_banner_unternehmen {background: url(http://www.sellitsmart.de/gfx/unternehmen_image01.jpg); width: 732px; height: 160px; width: 275px; height: 140px; padding: 20px 0px 0px 457px} #start_banner_unternehmen a {font-family: Trebuchet MS; color: #FFF; text-decoration: none; font-size: 14px} #start_banner_unternehmen a:hover {text-decoration: underline;} #start_banner_kontakt {background: url(http://www.sellitsmart.de/gfx/kontakt_image01.jpg); width: 732px; height: 160px;} #start_banner_shopware {background: url(http://www.sellitsmart.de/gfx/shopware_image01.jpg); width: 732px; height: 160px;} #start_banner_xt-commmerce {background: url(http://www.sellitsmart.de/gfx/xt-commerce_image01.jpg); width: 732px; height: 160px;} #start_banner_plenty {background: url(http://www.sellitsmart.de/gfx/banner-plenty.jpg); width: 732px; height: 160px;} #start_banner_trustedshops {background: url(http://www.sellitsmart.de/gfx/banner-trustedshops.jpg); width: 732px; height: 160px;} #start_banner_ab-schnittstelle {background: url(http://www.sellitsmart.de/gfx/banner-ab-schnittstelle.jpg); width: 732px; height: 160px;} #start_banner_ab-schnittstelle-shopware {background: url(http://www.sellitsmart.de/gfx/banner-ab-schnittstelle-shopware.jpg); width: 732px; height: 160px;} a img {border:none; vertical-align:middle} *html a img {vertical-align:top} .more p {margin: 5px 0 5px 10px;} /* jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider Copyright (c) 2009 Niall Doherty This plugin available for use in all personal or commercial projects under both MIT and GPL licenses. */ .coda-slider-wrapper { float: left; padding: 0px; width: 570px; height: 194px; overflow:hidden; } .coda-slider { background: #ebebeb } /* Use this to keep the slider content contained in a box even when JavaScript is disabled */ .coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px } /* Change the width of the entire slider (without dynamic arrows) */ .coda-slider, .coda-slider .panel { width: 570px } /* Change margin and width of the slider (with dynamic arrows) */ .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px } .coda-slider-wrapper.arrows .coda-slider { margin: 0 10px } /* Arrow styling */ .coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px } /* Tab nav */ .coda-nav ul li a.current { background: #39c } /* Panel padding */ .coda-slider .panel-wrapper { padding: 0px } /* Preloader */ .coda-slider p.loading { padding: 20px; text-align: center } /* Don't change anything below here unless you know what you're doing */ /* Tabbed nav */ .coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden } .coda-nav ul li { display: inline } .coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none } /* Miscellaneous */ .coda-slider-wrapper { clear: both; overflow: auto } .coda-slider { float: left; overflow: hidden; position: relative } .coda-slider .panel { display: block; float: left } .coda-slider .panel-container { position: relative } .coda-nav-left { float: left } .coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none } /*Boxen in rechter spalte */ .kl-box_content strong {font-family:Trebuchet MS;font-size:17px} /*RSS Anpassungen*/ ul.rss li a, .rsslink a {font-size:12px; color:#ED7315; font: Trebouchet MS, Arial} ul.rss li {list-style-image: url("http://www.sellitsmart.de/gfx/list-on.gif"); padding-top:1px; width:187px;} ul.rss {margin: -10px 0 5px -20px; } .rsslink {margin: 5px 0 20px 10px;} .rsshead {font-size:15px; color:#ED7315; font: Trebouchet MS, Arial; font-weight:bold;} *+html .rss {margin: -10px 0px 5px 20px !important;} /* Erweiterungen 2011 */ a.kontakt_lasche {position: fixed; top: 250px; margin-left: 979px;} .sitenav_blog { background: url("http://www.sellitsmart.de/gfx/lascheblog.gif") no-repeat scroll 2px 0 transparent; display: block; position: fixed; width: 42px; height: 108px; top: 250px; left:0px; } .sitenav_blog:hover, .sitenav_facebook:hover {left:2px;} .sitenav_facebook { background: url("http://www.sellitsmart.de/gfx/laschefacebook.gif") no-repeat scroll 2px 0 transparent; display: block; position: fixed; width: 32px; height: 113px; top: 361px; left:0px; } .sitenav.displaynone {display:none;}