@charset "utf-8";
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:600,400,300&subset=latin,latin-ext);*/
@font-face{font-family:'Open Sans';src:url('OpenSans300.eot');src:url('OpenSans300.eot?iefix') format('eot'), url('OpenSans300.woff') format('woff');font-weight:300 }
@font-face{font-family:'Open Sans';src:url('OpenSans400.eot');src:url('OpenSans400.eot?iefix') format('eot'), url('OpenSans400.woff') format('woff');font-weight:400 }
@font-face{font-family:'Open Sans';src:url('OpenSans600.eot');src:url('OpenSans600.eot?iefix') format('eot'), url('OpenSans600.woff') format('woff');font-weight:600 }

/* allgemeine Styles */
body {font-family:'Open Sans', 'Trebuchet MS', sans-serif, Helvetica;font-weight:400;font-size:67.5%;line-height:1.5em;background:#FFF;margin:0;height:100%;position:relative}
acronym {cursor:help;border-bottom: dashed 1px #CCC}
code {font-size:1.5em}
button{font-family:'Open Sans', 'Trebuchet MS', sans-serif, Helvetica;background:#DDD;border:0;cursor:pointer;padding:0.3em;overflow:visible;margin:0 0.5em 0 0}
.actionbutton{background:#b81b1b;color:#FFF}
button:hover {background:#000;color:#FFF}
em {font-style:normal;font-weight:600}
h1 {font-size:2.4em;font-weight:300;line-height:1.6em}
h2 {font-size:1.8em;font-weight:300;line-height:1.6em}
.section {margin:1.5em 0;font-weight:600;font-size:1em;text-transform:uppercase}
h3 {font-size:1.6em;font-weight:300;line-height:1.6em}
h4 {font-size:1.25em;font-weight:300}
li h4 {font-size:1em;font-weight:600;margin-right:5px;display:inline} /* vormals .inline */
hr {height:1px;border:1px solid #DDD}
ul {list-style: none}
li::before {content: "\25AA"; color: #AD0404; margin:0 0.5em 0 -0.5em}

	/* Formulare */
label {cursor:pointer;margin-top:0.9em;font-size:1.2em;width:12em;float:left;display:inline}
legend {text-decoration:none;color:#000;margin-top:10px}
input{font-family:'Open Sans', 'Trebuchet MS', sans-serif, Helvetica;border:1px solid #CCC;padding:0.3em}
input#finden       {background:url('../../images/icons/nicons_sprite.png') no-repeat;background-position:0px -181px;height:24px;width:20px;vertical-align:middle;border:0px;padding-left:20px;color:transparent;margin-left:-22px;cursor:pointer}
input#suchmaske {width:16em;border:1px solid #000;font-size:1em}
.haslabel {margin-top:0.5em} /* input und select */
input.radio{border:0}
input.checkbox{border:0;margin-top:0.5em}
select {font-family:'Open Sans', 'Trebuchet MS', sans-serif, Helvetica;border:1px solid #ccc;padding:0.3em}
::-webkit-input-placeholder  {color:#999}
input:-moz-placeholder {color:#999}
input:hover {color:#000;border:1px solid #BA1212}
input:focus {color:#000;border:1px solid #BA1212}

	/* Links */
a:link {color:#AD0404;text-decoration:none}
a:visited {color:#AD0404;text-decoration:none}
a:hover {color:#000;text-decoration:underline}
a:active {color:#AD0404;text-decoration:none}
a img {border:0px}
#columnleft a {color:#463E41}
#breadcrumb a {color:#463E41}
a.image {border:0px}

	/* allg. IDs */
#columnlefttoggle{display:block;position:fixed;right:0;top:60px;background:#E9E9E9;padding:0.5em} /* tablet */
#columnleft {display:none;background:#E9E9E9;position:absolute;right:0;top:0;bottom:0;width:20%;padding:68px 1em;z-index:4} /* tablet */
#footer {position:relative;left:50%;margin-left:-48%;width:74%;border-top:5px solid #DDD}
#footerleft {clear:left;display:block;width:74%;text-align:center;padding-bottom:3em}
#footerleft img {padding:1em}
#socials{position:fixed;bottom:0;left:0;padding:0.5em;z-index:20;background:rgba(255,255,255,0.85);width:100%}
#inhalt {padding:0 1em}
#inhalt_head {font-size:1.2em;line-height:1.6em;padding-bottom:1em}
#main {position:relative;left:50%;margin-left:-48%;max-width:95%;padding-bottom:5em} /* tablet */
#suchmaske {width:90%}
#userinhalt {display:none;position:absolute;background-color:#EEE;filter:alpha(opacity=98);opacity:0.98;min-width:140px;min-height:45px;box-shadow: 0px 0px 2px #000;z-index:5;padding:5px}
#warenkorbinhalt {display:none;position:absolute;background-color:#EEE;filter:alpha(opacity=98);opacity:0.98;min-width:240px;min-height:45px;box-shadow: 0px 0px 2px #000;z-index:5;padding:5px}

	/* allg. Klassen */
.footerlist {display:block;width:20%;float:left;vertical-align:top}
.footerblock {display:block;width:40%;float:left;vertical-align:top}
.inhalt {padding:0px;overflow:hidden;max-height:0px;transition:all 0.75s} /* faq-box */
.inhaltopen {max-height:500em;transition:all 0.75s} /* faq-box */
.messageStackError    {background:#B81B1B;background: -moz-linear-gradient(left,#B81B1B 0%, #FF2E12 100%);background: -webkit-gradient(linear, 0% 0%, 100% 100%, from(#B81B1B), to(#FF2E12));min-height:40px;padding:15px;margin:5px 0;color:#FFF}
.messageStackWarning{background:#E56C19;background: -moz-linear-gradient(left,#E56C19 0%, #FF981D 100%);background: -webkit-gradient(linear, 0% 0%, 100% 100%, from(#E56C19), to(#FF981D));min-height:40px;padding:15px;margin:5px 0;color:#FFF}
.messageStackSuccess{background:#004A00;background: -moz-linear-gradient(left,#004A00 0%, #199900 100%);background: -webkit-gradient(linear, 0% 0%, 100% 100%, from(#004A00), to(#199900));min-height:40px;padding:15px;margin:5px 0;color:#FFF}
.mt h3 {padding:0;margin:0;font-weight:300;font-size:1.6em;line-height:1.6em}
.mt p {padding:0;margin:0}
.spacer {clear:both}
.unterrand {margin:0.5em;border-top:solid 1px #DDD;padding:0.5em}

	/* allg. Datentabelle */
td.spaltenkopf  {border: 1px solid #FFF;background-color: #F88;text-align:center}
td.geradekopf   {border: 1px solid #FFF;background-color: #F88;text-align:center}
td.gerade       {border: 1px solid #FFF;background-color: #FAA;text-align:center}
td.ungeradekopf {border: 1px solid #FFF;background-color: #FCC;text-align:center}
td.ungerade     {border: 1px solid #FFF;background-color: #FEE;text-align:center}

	/* Produktlistings allgemein */
.listing {min-height:70px;background:#FFF}
.listing:hover{background:#EEE}
.listing a:hover{text-decoration:none}
.listing  h3{font-size:1.25em;font-weight:600;margin:0em;line-height:1.25em}
.listing  h3.cart{float:right;text-align:right;min-width:5em}
.listing_bild{display:inline;float:left;padding:1em}
.listing_main{float:left;width:70%;padding:0.75em 0; font-size:1em}/*fuer tablet anpassen!*/
.listing_edit{float:left;text-align:center}
.listing_rechts{float:right;text-align:right;padding:0.75em 1em; font-size:1em}
.listing_rechts button {margin:0.5em 0}

/* allgemeine Icons */
.icon		{background:url('../../images/icons/icons_sprite.svg') no-repeat; padding-left:20px;min-height:20px;display:block;white-space:nowrap}
.wicon		{background:url('../../images/icons/wicons_sprite.svg') no-repeat;padding-left:20px;min-height:20px;display:block;white-space:nowrap}
.iconin		{background:url('../../images/icons/icons_sprite.svg') no-repeat;padding-left:20px;min-height:16px;display:inline-block;white-space:nowrap}
.nicon		{background:url('../../images/icons/nicons_sprite.svg') no-repeat;padding-left:20px;min-height:20px;display:block;white-space:nowrap}
button:hover .nicon		{background-image:url('../../images/icons/wicons_sprite.svg')}
.liste		{background-position:0px -599px}
.video		{background-position:0px -573px}
.oben		{background-position:0px -547px}
.muell		{background-position:0px -521px}
.haus		{background-position:0px -495px}
.pdf		{background-position:0px -469px}
.loeschen	{background-position:0px -443px}
.bearbeiten	{background-position:0px -417px}
.bewerten	{background-position:0px -391px}
.reload		{background-position:0px -365px}
.anhang		{background-position:0px -339px}
.weiter		{background-position:0px -313px}
.zurueck	{background-position:0px -287px}
.warenkorb	{background-position:0px -261px}
.user		{background-position:0px -235px}
.telefon	{background-position:0px -209px}
.lupe		{background-position:0px -183px}
.schloss	{background-position:0px -157px}
.schild		{background-position:0px -131px}
.paket		{background-position:0px -105px}
.ok			{background-position:0px -79px}
.euro		{background-position:0px -53px}
.download	{background-position:0px -27px}
.brief		{background-position:0px -1px}

/* Navigations-Icons */
.navicon	{background:url('../../images/icons/navigation_sprite.png') no-repeat;padding-left:20px;min-height:20px;display:block;white-space:nowrap}
.schreiben	{background-position:0px -78px}
.scannen	{background-position:0px -52px}
.uebersetzen{background-position:0px -26px}
.diktieren	{background-position:0px -0px}

/* soziale Icons */
.social		{background:url('../../images/icons/socials_sprite.png') no-repeat;margin:0.25em;height:28px;width:28px;display:inline-block}
.xing		{background-position:0px -175px}
.linkedin	{background-position:0px -140px}
.twitter	{background-position:0px -105px}
.youtube	{background-position:0px -70px}
.googleplus	{background-position:0px -35px}
.facebook	{background-position:0px -0px}

/* OS-Icons */
.osicon		{background:url('../../images/icons/osicons_sprite.png') no-repeat;padding-left:20px !important;min-height:16px;display:inline-block;white-space:nowrap}
.x-winmobile{background-position:0px 0px}
.x-wince	{background-position:0px -26px}
.x-symbian	{background-position:0px -52px}
.x-palm		{background-position:0px -78px}
.x-ios		{background-position:0px -104px}
.x-blackb	{background-position:0px -130px}
.x-android	{background-position:0px -156px}
.win9x		{background-position:0px -182px}
.win2000	{background-position:0px -208px}
.winxp		{background-position:0px -234px}
.winvista	{background-position:0px -260px}
.win7		{background-position:0px -286px}
.linux		{background-position:0px -312px}
.macosx		{background-position:0px -338px}
.mac8		{background-position:0px -364px}
.win8		{background-position:0px -390px}
.wins08		{background-position:0px -416px}
.wins12		{background-position:0px -442px}

/* Uebersichtsseiten */
.tile {position:relative;vertical-align:bottom;height:120px;padding:15px;margin:5px;display:inline-block;background-repeat:no-repeat;background-position:1em center;font-size:1em}
.x1 {width:120px}
.x2 {width:280px}
.x3 {width:440px}
.tile h3 {display:block;position:absolute;left:0;top:0;right:0;padding:0.7em;color:#FFF;margin:0;font-weight:300;font-size:1.6em}
.tile .info {display:block;position:absolute;overflow:hidden;left:0;top:0;bottom:0;right:0;padding:0.7em;color:#333;margin:0;background:#E9E9E9}
.tile .info-img {display:block;position:absolute;overflow:hidden;left:120px;top:0;bottom:0;right:0;padding:0.7em;color:#333;margin:0;background:#E9E9E9}
.tile .info-img em {font-size:1.2em;text-transform:uppercase }
a.tile:hover {cursor:hand;text-decoration:none;background-size:auto 190px !important}

/* Produktbeschreibung */
#produktteaser {position:relative;width:100%;height:325px}
#produktbild {position:absolute;background-size:cover;background-position: center center;height:100%;width:100%}
#produktbildzurueck{height:100%;cursor:pointer}
#produktbildvor{height:100%;cursor:pointer}
#produktheadline{background:linear-gradient(to right, rgba(0,0,0,0) 0%,currentColor 100%);text-align:right;font-size:1.2em;line-height:1.6em;position:absolute;right:0;top:0;min-width:30%;height:calc(100% - 12em);padding:6em 3em}
#produktheadline * {color:#FFF;text-shadow: 1px 1px 2px rgba(0,0,0,.8);}
#produktheadline h2{white-space:nowrap}
#hidertext {font-size:1.25em }

#videoclip {height:340px;width:560px}

.articlecontentload {display:block}
.articlecontentpreload {display:none}

.liefera{color:#6EB35D}
.lieferb{color:#EA8557}
.lieferc{color:#FE7360}

.contentteaser{background:#E9E9E9;margin:2em -0.9em;padding:0.2em 0.9em}
.TabbedPanels{width:99%;margin:0 0 15px 0;padding:0}
.TabbedPanelsTabGroup{padding:0;float:right;width:99%;font-size:1.1em;margin-top: 15px /* IE (7)-Hack */}
* html .TabbedPanelsTabGroup{float:none;width:auto} /* IE 6-Workaround */
a.TabbedPanelsTab{position:relative;top:2px;float:left;padding:5px;background:#EEE;margin:0 4px 0 0;text-decoration:none;color:#000;cursor:pointer}
a.TabbedPanelsTab2{position:relative;top:1px;float:left;padding:5px;margin:0 4px 0 0;text-decoration:none;color:#000;background:#FFF;border:solid 1px #EEE;border-top:solid 1px #b81b1b; border-bottom:solid 1px #FFF;cursor:text}
a.TabbedPanelsTab:hover{color:#FFF;background:#000}
.TabbedPanelsContent img{max-width:100%}
.TabbedPanelsContent img.right{MARGIN:15px;FLOAT:right}
.TabbedPanelsContent {clear:right;border:solid 1px #EEE;background:#FFF;padding:10px}
.TabbedPanelsContent p {font-size:1.3em;line-height:1.7em}
.TabbedPanelsContent ul {font-size:1.3em;line-height:1.7em}
.TabbedPanelsContent ul ul {font-size:1em}

/* Suchergebnis */
#filters {background:#EEE;background: -moz-linear-gradient(50% 0%,#DDD, #FFF);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF))}
.suchfilter {padding:0 1%;width:31%;display:inline-block;float:left;border-right:1px solid #DDD}

/* Warenkorb */
input#refresh     {background:url('../../images/icons/nicons_sprite.png') no-repeat;background-position:0px -364px;height:24px;width:20px;vertical-align:middle;border:0px;margin:5px;padding:5px;color:transparent;cursor:pointer}
input#delete       {background:url('../../images/icons/nicons_sprite.png') no-repeat;background-position:0px -520px;height:24px;width:20px;vertical-align:middle;border:0px;margin:5px;padding:5px;color:transparent;cursor:pointer}

/*** Darstellungsunterschiede zur Mobil-Version  ***/
.nh{display:block}
#columnleft .section	{display:block;margin:0.5em 0;padding-top:0.5em;border-top:1px solid #DDD} /* p (ueberschriften -> TODO: Ist unschoen) */
.TabbedPanelsTabGroup {display:block}

.logo {position:fixed;top:0px;height:60px;width:288px;margin-left:2%;z-index:15;background:url('/images/logo_60px.png') no-repeat}
.leiste {display:block;height:60px;position:fixed;top:0;left:0;width:100%;color:#FFF;background:#333;text-align:right;z-index:5}
.leiste p {margin:0.8em}
.leiste form {margin:0.8em;display:inline}
.leiste a {padding:0.4em;color:#FFF;background:#444;display:inline}
.leiste a:hover {padding:0.4em;color:#FFF;background:#666;text-decoration:none}
a.tellink {text-decoration:none;color:#000;pointer-events:none;cursor:default}
.leiste a.tellink {background:#333;color:#FFF}

.zahlungsarten{background:url('/images/zahlungsarten200.png');float:left;margin:1em;height:100px;width:200px}

.nav1 a {border:0;display:inline-block;background:transparent;color:#000;font-weight:300;color:#666;padding:0.1em;margin:0.2em;font-size:1.8em}
.nav1 a:hover {color:#000;background:transparent;text-decoration:none}
.nav1 a:after {content: '';display:block;margin-top:0.2em;height:2px;width: 0;transition: width .1s;background:#b81b1b}
.nav1 a:hover:after {width: 100%}
.nav2 a {border:0;display:inline-block;background:transparent;color:#000;font-weigth:300;color:#666;padding:0.3em;margin:0.2em;font-size:1.2em}
.nav2 a:hover {color:#000;background:transparent;text-decoration:none}
.nav2 a:after {content: '';display:block;margin-top:0.2em;height:2px;width: 0;transition: width .1s;background:#b81b1b}
.nav2 a:hover:after {width: 100%}
.nav1 {padding:7em 0 1em 0}
a.hier {color:#000}

#ltoggle  {display:none}
#kateg  {position:relative;left:50%;margin-left:-48%;width:74%;display:block}
#main{text-align:left}