body { margin:0; font-family: Arial, Helvetica, sans-serif; font-size:0.84em; background:#ffffff; text-align:left; color:#4e4e4e; }
a { color:#2c2c2c; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:0; margin:0; padding: 0; }
.clear { clear: both; }
a.link { color: #ffffff; text-decoration: none; border-bottom: 1px dotted #ffffff;}
p { line-height: 150%; margin-top: 0px; margin-bottom: 15px; }
h1 {}
h2 {}
h3 { margin-top: 0; }

.page { text-align: center; }
.wrapper { margin:0 auto; text-align: left; width: 940px;  }
.blog-container { background:  }

.top { margin:0 auto; text-align: left; width: 940px; height: 56px; padding: 0;  position: relative; }
.top .top-triangle { position: absolute; left: 71px; line-height:0; }
.top .top-links { position: absolute; right: 0; padding-top: 8px;}
.top .top-links ul { margin:0; }
.top .top-links ul li {  margin-left: 23px; float: right; list-style: none; background: url(img/more-light.gif) 0 3px no-repeat; padding-left: 13px; color: #a5a5a5; font-size: 11px; text-transform: uppercase;  letter-spacing: 0.1em;}
.top .top-links ul li a { color: #a5a5a5; }

.nav-box { margin:0 auto; text-align: left; width: 940px; height: 75px; z-index:100px; }
.nav-box .logo { float: left; width: 300px; }
.nav-box .nav { float: right; width: 603px; padding-top:7px; }
.nav-box .nav ul { margin: 0; padding: 0; }
.nav-box .nav ul li { list-style: none; text-indent: -10000000px; float:left; }
.nav-box .nav ul li a.leistungen { background: url(img/n-leistungen.gif) no-repeat; width: 97px;  height:9px; display:block;margin-right: 45px;   }
.nav-box .nav ul li.active a.leistungen,
.nav-box .nav ul li a.leistungen:hover { background: url(img/n-leistungen-a.gif) no-repeat; }
.nav-box .nav ul li a.referenzen { background: url(img/n-referenzen.gif) no-repeat; width: 98px;  height:9px; display:block; margin-right: 45px;   }
.nav-box .nav ul li.active a.referenzen,
.nav-box .nav ul li a.referenzen:hover { background: url(img/n-referenzen-a.gif) no-repeat; }
.nav-box .nav ul li a.d2c { background: url(img/n-d2c.gif) no-repeat; width: 102px;  height:9px; display:block; margin-right: 45px;  }
.nav-box .nav ul li.active a.d2c,
.nav-box .nav ul li a.d2c:hover { background: url(img/n-d2c-a.gif) no-repeat; }
.nav-box .nav ul li a.profil { background: url(img/n-profil.gif) no-repeat; width: 54px;  height:9px; display:block; margin-right: 45px;  }
.nav-box .nav ul li.active a.profil,
.nav-box .nav ul li a.profil:hover { background: url(img/n-profil-a.gif) no-repeat; }
.nav-box .nav ul li a.kontakt { background: url(img/n-kontakt.gif) no-repeat; width: 71px;  height:9px; display:block;  }
.nav-box .nav ul li.active a.kontakt,
.nav-box .nav ul li a.kontakt:hover { background: url(img/n-kontakt-a.gif) no-repeat; }

.nav-box .nav ul li a.technology { background: url(img/n-technology.gif) no-repeat; width: 104px;  height:9px; display:block;margin-right: 45px;   }
.nav-box .nav ul li.active a.technology,
.nav-box .nav ul li a.technology:hover { background: url(img/n-technology-a.gif) no-repeat; }
.nav-box .nav ul li a.about { background: url(img/n-about.gif) no-repeat; width: 52px;  height:9px; display:block;margin-right: 45px;   }
.nav-box .nav ul li.active a.about,
.nav-box .nav ul li a.about:hover { background: url(img/n-about-a.gif) no-repeat; }
.nav-box .nav ul li a.products { background: url(img/n-products.gif) no-repeat; width: 82px;  height:9px; display:block;margin-right: 45px;   }
.nav-box .nav ul li.active a.products,
.nav-box .nav ul li a.products:hover { background: url(img/n-products-a.gif) no-repeat; }
.nav-box .nav ul li a.contact { background: url(img/n-contact.gif) no-repeat; width: 70px;  height:9px; display:block;margin-right: 45px;   }
.nav-box .nav ul li.active a.contact,
.nav-box .nav ul li a.contact:hover { background: url(img/n-contact-a.gif) no-repeat; }

.stage { margin:0 auto; text-align: left; width: 940px; margin-bottom: 44px; position: relative; }

.stage .visual1 {  background: url(img/visual1.png) no-repeat; z-index: 2; position: absolute; top: -10px; right: -50px; width: 340px; height: 195px; }
.stage .visual2 {  background: url(img/visual2.png) no-repeat; z-index: 2; position: absolute; top: -10px; right: -50px; width: 305px; height: 215px; }
.stage .visual4 {  background: url(img/visual4.png) no-repeat; z-index: 2; position: absolute; top: -10px; right: -50px; width: 750px; height: 273px; }
.stage .overlay-magento-partner {  background: url(img/magento-partner_solution_silver.png) no-repeat; z-index: 2; position: absolute; top:  15px; right: -10px; width: 173px; height: 148px; }
.stage-head { font-size: 14px; font-family:"Myriad Pro";  text-transform: uppercase; margin-bottom: 20px; }


.red-stage{ background: #e32120; color: #ffffff; padding-bottom: 40px; }
.red-stage .wrapper { padding-top: 28px; background: url(img/white-triangle.gif) 71px 0 no-repeat; }
.red-stage h3 { font-size: 18px; font-family:"Myriad Pro";  text-transform: uppercase; font-weight: normal;  letter-spacing: 0.2em; }
.red-stage .col-3-set  {}
.red-stage .col-3-set .col-1 { float: left; width: 190px; padding-right: 50px; margin-right: 40px;  border-right:1px solid #b01919; }
.red-stage .col-3-set .col-2 { float: left; width: 265px; padding-right: 50px; margin-right: 40px;  border-right:1px solid #b01919;}
.red-stage .col-3-set .col-3 { float: left; width: 265px; }
.red-stage .col-3-set ul { padding:0; margin: 0; }
.red-stage .col-3-set ul li { padding:0; padding-bottom: 7px; margin: 0; list-style: none; font-size: 14px; font-family:"Myriad Pro";  text-transform: uppercase; font-weight: normal;  letter-spacing: 0.2em; }
.red-stage .col-3-set ul li a { color: #ffffff; }

.red-stage .col-3-set2  {}
.red-stage .col-3-set2 .col-1 { float: left; width: 240px; padding-right: 60px; margin-right: 40px;  border-right:1px solid #b01919; }
.red-stage .col-3-set2 .col-2 { float: left; width: 240px; padding-right: 60px; margin-right: 40px;  border-right:1px solid #b01919;}
.red-stage .col-3-set2 .col-3 { float: left; width: 240px; }
.red-stage .col-3-set2 .screen {  margin-bottom: 10px; text-align: center; }
.red-stage a { color: #ffffff; }

.light-stage{ background: #f6f5fa; color: #4b4b4b; padding-bottom: 52px; }
.light-stage .wrapper { padding-top: 28px; background: url(img/light-triangle.gif) 71px 0 no-repeat; }
.light-stage a { color: #4b4b4b; text-decoration: none; border-bottom: 1px dotted #4b4b4b; }
.light-stage h3 { font-size: 18px; font-family:"Myriad Pro";  text-transform: uppercase; font-weight: normal;  letter-spacing: 0.2em; }
.light-stage li { line-height: 150%; }

.light-stage-case { background: #f6f5fa; color: #4b4b4b; padding-bottom: 52px; }
.light-stage-case .wrapper {  background: url(img/case-shadow.png) no-repeat; padding-top: 28px; }

.info-5-col ul { float: left; width:188px; margin:0; padding: 0; }
.info-5-col li { list-style:none; margin:0; padding: 0; line-height: 150%; }
 
.gray-stage{ background: #4b4b4b; color: #ffffff;  }
.gray-stage .wrapper { padding-top: 28px; background: url(img/gray-triangle.gif) 71px 0 no-repeat; }
#cv .gray-stage .wrapper { padding-top: 28px; background: none; }
#preise .gray-stage .wrapper { padding-top: 28px;background: none;}
#leistungen .gray-stage .wrapper { padding-top: 28px;background: none;}
.gray-stage .col-2-set { padding-bottom: 75px; }
.gray-stage .col-2-set .col-left { float: left; width: 260px; margin-right: 80px;  }
.gray-stage .col-2-set .col-main { float: left; width: 600px; }
.gray-stage h3 { font-size: 18px; font-family:"Myriad Pro";  text-transform: uppercase; font-weight: normal;  letter-spacing: 0.2em; }
.till { text-indent: -1000000px; }

.footer { background: #4b4b4b; border-top:1px dotted #ffffff; padding-top: 16px; padding-bottom: 16px; position: fixed; bottom: 0; width: 100%; }
.footer .wrapper { }
.footer .partner { float: left; width: 300px; }
.footer .end { float: right; width: 450px; text-align: right;   }

a.more { background: url(img/more-red.gif) 0 4px no-repeat; padding-left: 16px; color: #ffffff; }
.inline-contact { margin-top: 35px; }

.infobox { background: #3c3c3c; }
.infobox ul { margin:0; padding: 0; }
.infobox ul li { cursor: pointer; list-style: none; border-top: 1px solid #4b4b4b; background: url(img/more-dgray.gif) 13px no-repeat; font-size: 11px; text-transform: uppercase; font-weight: normal;  letter-spacing: 0.2em; }
.infobox ul li:hover { background: #403f3f url(img/more-dgray.gif) 13px no-repeat;}
.infobox ul li a { color: #ffffff; display: block; padding-top: 19px; padding-bottom: 19px; padding-left: 26px;   }
.infobox ul li a:hover { text-decoration: none; }

.box-leasing { background: #3c3c3c; margin-top: 35px; } 
.box-leasing .content { padding: 20px; }

/*** HOME ***/
#home .stage { margin-bottom:0px; }
#home .stage .visual1 { right: 0; top:10px; }

.news { width: 940px; float: left; }
.news .news-col { width: 190px; height: 150px; float: left; padding-right: 30px; margin-right: 30px; border-right:1px solid #b01919; }
.news .news-col.last { width: 180px; margin:0 !important; padding: 0 !important; border: none; }
.news .news-col h3 { font-size: 18px; font-family:"Myriad Pro";  text-transform: uppercase; font-weight: normal;  letter-spacing: 0.2em; }
.magento-reference { width:171px; float: left; }
.magento-reference .stage-head { margin-bottom: 20px; }

/*** LEISTUNGEN ***/

.leistungen {  }
.leistungen .news-col { width: 190px; float: left; padding-right: 28px; margin-right: 28px; border-right:1px solid #a5a5a5; }
.leistungen .news-col.last { padding:0 !important; margin: 0 !important; border: 0 !important; }
.leistungen .news-col h3 { font-size: 18px; font-family:"Myriad Pro";  text-transform: uppercase; font-weight: normal;  letter-spacing: 0.2em; }
.leistungen .news-col ul { padding: 0; margin: 0; }
.leistungen .news-col ul li { list-style: none; font-size: 12px; padding-left: 0; padding-bottom: 4px;}
.leistungen .news-col ul li.more { padding-top: 15px; background: url(img/more.gif) 19px left no-repeat;  padding-left: 13px; }
.leistungen .news-col ul li.more a { border:none; }

/*** REFERENTEN ***/

.referenzen .stage-head { margin-bottom: 34px; }
.text-col { float: left; width: 440px; padding-right: 40px;  }
.referenzen-box { }
.referenzen-box ul { margin:0; padding: 0; }
.referenzen-box li { list-style: none; float: left; width: 272px; padding:0; margin-right: 62px; margin-bottom: 70px; }
.referenzen-box li.last { margin-right: 0; }
.referenzen-box li.last-line { margin-bottom: 0; }
.referenzen-box li .screen { background: url(img/referenzen/screen-shadow.png) bottom left no-repeat; padding-bottom: 14px; padding-left: 10px; height: 174px; }
.referenzen-box li .more-info { margin-top: 4px; margin-left: 10px;  background: url(img/more.gif) 5px left no-repeat; padding-left: 15px;  font-family:"Myriad Pro";  text-transform: uppercase; font-weight: normal;  letter-spacing: 0.2em; }

/*** D2C ***/
.d2c {  }
.d2c .stage-head { margin-bottom: 44px; }
.d2c .news-col { width: 260px; float: left; margin-right: 80px; }
.d2c .news-col.last { padding:0 !important; margin: 0 !important; border: 0 !important; }
.d2c .news-col h3 { font-size: 18px; font-family:"Myriad Pro";  text-transform: uppercase; font-weight: normal;  letter-spacing: 0.2em; }
.d2c .news-col ul { margin-left: 0px; padding-left: 20px; }
.d2c .news-col ul li { list-style: disc; font-size: 12px; padding-bottom: 5px;}

.benefits {}
.benefits ul { margin: 0; padding: 0;}
.benefits ul li { margin: 0; padding: 0; padding-bottom: 24px; list-style: none; font-size: 12px; }
.benefits ul li .main { font-family:"Myriad Pro"; font-size: 14px; text-transform: uppercase; font-weight: normal;  letter-spacing: 0.2em; margin-bottom: 4px; }
.bausteine { margin-top: 15px; }

.team .name { font-family:"Myriad Pro"; font-size: 16px; text-transform: uppercase; font-weight: normal;  letter-spacing: 0.2em; margin-bottom: 4px; }
.team .title { margin-bottom: 25px; }
.team .email { margin-bottom: 4px; }
.team .phone { margin-bottom: 4px; }

.landing { background: #f6f5fa;  margin:0 auto; text-align: left; width: 940px; margin-bottom: 44px; position: relative;}
.landing .visual {  background: url(img/landing/visual4.png) no-repeat; z-index: 10; position: absolute; top: 20px; right: -70px; width: 405px; height: 330px; }
.landing .landing-header { padding-left: 20px; padding-top: 30px;  }
.landing .content { padding-left: 20px; padding-top: 30px;  padding-bottom: 30px; }
.landing .content p {line-height: 210%; }
.landing .form { text-align: left; width: 620px; background: #b7dbe1; padding: 20px; }
.contact-input { border:none; background: #ffffff; padding: 3px; }
#info { height: 0; width: 0; overflow: hidden; }

/*** Kontakt ***/

/*** carousel ***/


.jcarousel-skin .jcarousel-container-horizontal {
    width: 940px;
}

.jcarousel-skin .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin .jcarousel-clip-horizontal {
    width:  940px;
    height: 285px;
}

.bottom-stage-box { margin-top: 45px; padding-bottom: 45px;  }
.bottom-stage-box .jcarousel-clip-horizontal {
    padding-left:30px;
    padding-right:30px;
    width: 880px;
    height: 322px;
}

.jcarousel-skin .jcarousel-item {
    width: 940px;
    height: 285px;
}

.bottom-stage-box .jcarousel-skin .jcarousel-item {
    width: 880px;
    height: 322px;

}

.jcarousel-skin .jcarousel-item-horizontal {
	margin-left: 0;

}

.jcarousel-skin .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-right: 0;
}

.jcarousel-skin .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
 
.top-stage-box .jcarousel-skin .jcarousel-next-horizontal {
    position: absolute;
    top: 220px;
    right: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(img/slide-right.png) no-repeat 0 0;
}

.top-stage-box .jcarousel-skin .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(img/slide-left.png);
}

.bottom-stage-box .jcarousel-skin .jcarousel-next-horizontal {
    position: absolute;
    top: 133px;
    right: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: transparent url(img/slide-right-white.gif) no-repeat 0 0;
}

.bottom-stage-box .jcarousel-skin .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(img/slide-left-white.gif);
}
/*
.jcarousel-skin .jcarousel-next-horizontal:hover,
.jcarousel-skin .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}
*/
.jcarousel-skin .jcarousel-next-disabled-horizontal,
.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin .jcarousel-next-disabled-horizontal:active {
    background: none;
}


.top-stage-box .jcarousel-skin .jcarousel-prev-horizontal {
    position: absolute;
    top: 220px;
    left: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: transparent url(img/slide-left.png) no-repeat 0 0;
}

.top-stage-box .jcarousel-skin .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(img/slide-right.png);
}

.bottom-stage-box .jcarousel-skin .jcarousel-prev-horizontal {
    position: absolute;
    top: 133px;
    left: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: transparent url(img/slide-left-white.gif) no-repeat 0 0;
}

.bottom-stage-box .jcarousel-skin .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(img/slide-right-white.gif);
}
/*
.jcarousel-skin .jcarousel-prev-horizontal:hover, 
.jcarousel-skin .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}
*/
.jcarousel-skin .jcarousel-prev-disabled-horizontal,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background:none;
}