/* Fonts */ @font-face { font-family:'OpenSans'; src:url('/assets/fonts/opensans.eot'); src:url('/assets/fonts/opensans.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/opensans.woff') format('woff'), url('/assets/fonts/opensans.ttf') format('truetype'), url('/assets/fonts/opensans.svg#open_sansregular') format('svg'); font-display:swap; font-weight:normal; font-style:normal; } @font-face { font-family:'OpenSans'; src:url('/assets/fonts/opensans-b.eot'); src:url('/assets/fonts/opensans-b.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/opensans-b.woff') format('woff'), url('/assets/fonts/opensans-b.ttf') format('truetype'), url('/assets/fonts/opensans-b.svg#open_sansbold') format('svg'); font-display:swap; font-weight:bold; font-style:normal; } @font-face { font-family:'OpenSans'; src:url('/assets/fonts/opensans-i.eot'); src:url('/assets/fonts/opensans-i.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/opensans-i.woff') format('woff'), url('/assets/fonts/opensans-i.ttf') format('truetype'), url('/assets/fonts/opensans-i.svg#open_sansitalic') format('svg'); font-display:swap; font-weight:normal; font-style:italic; } @font-face { font-family:'OpenSans'; src:url('/assets/fonts/opensans-bi.eot'); src:url('/assets/fonts/opensans-bi.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/opensans-bi.woff') format('woff'), url('/assets/fonts/opensans-bi.ttf') format('truetype'), url('/assets/fonts/opensans-bi.svg#open_sansbold_italic') format('svg'); font-display:swap; font-weight:bold; font-style:italic; } @font-face { font-family:'OpenSansLight'; src:url('/assets/fonts/opensans-l.eot'); src:url('/assets/fonts/opensans-l.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/opensans-l.woff') format('woff'), url('/assets/fonts/opensans-l.ttf') format('truetype'), url('/assets/fonts/opensans-l.svg#open_sanslight') format('svg'); font-display:swap; font-weight:normal; font-style:normal; } @font-face { font-family:'OpenSansCondensed'; src: url('/assets/fonts/opensans-c.eot'); src: url('/assets/fonts/opensans-c.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/opensans-c.woff') format('woff'), url('/assets/fonts/opensans-c.ttf') format('truetype'), url('/assets/fonts/opensans-c.svg#open_sanscondensed_light') format('svg'); font-display:swap; font-weight:normal; font-style:normal; } @font-face { font-family:'OpenSansCondensed'; src: url('/assets/fonts/opensans-cb.eot'); src: url('/assets/fonts/opensans-cb.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/opensans-cb.woff') format('woff'), url('/assets/fonts/opensans-cb.ttf') format('truetype'), url('/assets/fonts/opensans-cb.svg#open_sans_condensedbold') format('svg'); font-display:swap; font-weight:bold; font-style:normal; } @font-face {font-family:'FontAwesome'; src: url('/assets/fonts/fontawesome.eot?v=4.6.3'); src: url('/assets/fonts/fontawesome.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('/assets/fonts/fontawesome.woff2?v=4.6.3') format('woff2'), url('/assets/fonts/fontawesome.woff?v=4.6.3') format('woff'), url('/assets/fonts/fontawesome.ttf?v=4.6.3') format('truetype'), url('/assets/fonts/fontawesome.svg?v=4.6.3#fontawesomeregular') format('svg'); font-weight:normal; font-style:normal; } /* --- Variables --- */ :root { --idgdblue: #005598; --idglblue: #007fe0; --gradientblu: linear-gradient(to bottom, rgba(76,163,239,1) 0%, rgba(46,92,201,1) 49%, rgba(19,24,142,1) 100%); --gradientorg: linear-gradient(to bottom, rgba(255,199,13,1) 0%, rgba(255,77,44,1) 100%); } /* ----- ALLGEMEINE DEFINITIONEN ----- */ /* dunkelblau: #005598 */ /* hellblau: #007fe0 */ /* hellgrün: #9BBB59 */ /* --- Reset --- */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video { margin:0; padding:0; border:0; outline:0; font-size:100%; } html { height:101%; margin:0; padding:0; } body { height:100%; margin:0; padding:0; border:0; font-family:OpenSans,Arial,Helvetica,sans-serif; font-size:13px; background-color:#152f8c; background-image:url("/assets/images/bg_lungernsee.jpg"); background-position:center center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; } .clear { clear:both; } *,*::after,*::before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .ndsp { display:none; } a:link, a:visited, a:active { color:#005598; text-decoration:none; } a:hover { color:#007fe0; text-decoration:none; } p, h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; } ul { list-style-position:outside; list-style-type:square; margin:4px 0px 3px -20px; } .nox::-ms-clear, input[type=text]::-ms-clear { width:0; height:0; } input + label { cursor:pointer; } input[type="checkbox"] + label i { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(/assets/images/check_radio_sheet.png) 0px -1px no-repeat; cursor:pointer; } input[type="checkbox"]:checked + label i { background:url(/assets/images/check_radio_sheet.png) -19px -1px no-repeat; } input[type="radio"] + label i { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(/assets/images/check_radio_sheet.png) -38px -1px no-repeat; cursor:pointer; } input[type="radio"]:checked + label i { background:url(/assets/images/check_radio_sheet.png) -57px -1px no-repeat; } input[type=text], textarea { -webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out; outline:none; } input[type=text]:focus, textarea:focus { box-shadow:0 0 5px rgba(81,203,238,1); border:1px solid rgba(81,203,238,1); } .noselect { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } /* ----- HAUPTBEREICHE ----- */ #wrapper, div.wrapper { position:relative; width:100%; max-width:1140px; min-width:320px; margin:0px auto 5px auto; padding-bottom:7px; background-color:transparent; height:auto; min-height:100%; -webkit-transition:0s; -o-transition:0s; -moz-transition:0s; transition:0s; z-index:1; } #header { height:124px; background-color:transparent; padding:0; } #header_topbar { width:100%; height:130px; font-size:11px; background:transparent; color:#000000; z-index:5; position:relative; } #mainmenu { position:absolute; top:44px; width:100%; min-width:320px; } #headerspace { width:100%; height:50px; display:none; } #sitelogo { display:block; position:absolute; left:10px; width:20%; top:10px; max-width:224px; min-width:100px; height:64px; padding-bottom:9%; background-image:url(/assets/images/idg-logo.png); background-repeat:no-repeat; background-position:top left; background-size:contain; z-index:2; } #sitelogos { display:none; } #sitelogotext { display:block; position:absolute; left:25%; top:10px; padding-top:0; width:150px; height:auto; font-size:12px; z-index:999999; } #sitelogo_print { display:none; } #sitelogotext a, #sitelogotext a span { cursor:pointer; } #chatbutton { display:block; position:absolute; left:52%; top:21px; width:180px; margin-left:-90px; border:1px solid #E0E0E0; -webkit-border-radius:5px; border-radius:5px; padding:4px; } #idg_body { background-color:#FFFFFF; padding:0 0 35px 0; overflow-x:hidden; } /* padding-bottom = height of footer (+5) */ #mainarea { position:relative; display:block; width:100%; margin:0 auto 0 auto; padding:0; z-index:4; white-space:nowrap; box-sizing:border-box; } #filterwrapper { width:16%; } /* #idg_navi { display:inline-block; width:22%; z-index:4; margin:0; padding:0 1% 0 1%; white-space:normal; vertical-align:top; } #idg_content { display:inline-block; width:78%; z-index:4; margin:0; padding:0 1% 0 0; white-space:normal; vertical-align:top; } */ #idg_navi { display:none; } #idg_content { display:inline-block; width:100%; z-index:4; margin:0; padding:0 1% 0 1%; white-space:normal; vertical-align:top; } #idg_content::after { content:''; display:block; clear:both; width:100%; height:0; } #idg_contall { display:inline-block; width:100%; z-index:4; margin:0; padding:0 1% 0 1%; white-space:normal; vertical-align:top; } #productlist { width:100%; height:auto; overflow:hidden; } #homefoot { margin:0 -1.05% -5px -1%; padding:15px 1.5% 2px 1.5%; background-color:#FFFFFF; } #footer { position:absolute; width:100%; min-height:30px; max-height:43px; bottom:0; padding:2px; text-align:center; overflow:hidden; margin:0 0 0 0; border-top:1px solid #FFFFFF; border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; color:#B0B0FF; background:rgb(76,163,239); background:-webkit-linear-gradient(top, rgba(76,163,239,1) 0%,rgba(46,92,201,1) 49%,rgba(19,24,142,1) 100%); background:linear-gradient(to bottom, rgba(76,163,239,1) 0%,rgba(46,92,201,1) 49%,rgba(19,24,142,1) 100%); } #footer_cont { margin:0 1% 0 1%; text-align:left; padding-top:5px; line-height:110%; } #waitspin { position:fixed; left:0; top:50%; width:100%; height:150px; margin-top:-70px; text-align:center; z-index:9999; } #newcustmsg { position:absolute; top:170px; bottom:0; min-height:160px; left:0; width:100%; background-color:rgba(0,0,0,0.7); text-align:center; z-index:9999; } #idg_debug_output { font-size:11px; z-index:0; word-break: break-all; } /* ----- in #topright_box ----- */ div.lilotext { float:left; width:120px; height:22px; overflow:hidden; white-space:nowrap; font-size:11px; line-height:20px; } div.lilobutton { float:right; width:75px; height:22px; overflow:hidden; font-size:11px; text-align:right; } a.basketinfo { display:block; text-decoration:none; width:200px; height:26px; font-size:12px; line-height:25px; font-weight:bold; text-align:center; white-space:nowrap; overflow:hidden; background-color:#F8F8F8; background:#F8F8F8 url(/assets/images/cartbutton.png) no-repeat 0px -24px; } a.basketinfo#ba_empty { color:#000000; background:#F8F8F8 url(/assets/images/cartbutton.png) no-repeat 0px -24px; } a.basketinfo#ba_full { color:#FFFFFF; background:#FF8000 url(/assets/images/cartbutton.png) no-repeat 0px 0px; } a.basketinfo#ba_full:hover { background-color:#009000; } a.currencybox { display:inline-block; width:40px; margin-left:10px; text-align:center; font-weight:bold; text-decoration:none; background-color:#E0E0E0; color:#000000; } a.currencybox:hover { background-color:#A0A0A0; } a.currencybox#activecurrency { background-color:#009000; color:#FFFFFF; } span#loginusername { display:block; position:absolute; top:33px; left:0px; text-indent:9px; width:100%; height:25px; text-align:left; padding-top:3px; font-size:12px; color:#666666; background-color:#FFFFFF; border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; } /* div#basketinfobox { position:absolute; top:58px; left:0px; width:280px; clear:both; text-align:center; z-index:999; } div#basketinfobox:hover a { background-color:#009000; } a.basketinfo { position:absolute; top:0px; left:0px; display:block; text-decoration:none; width:280px; height:26px; font-size:12px; line-height:25px; font-weight:bold; text-align:left; text-indent:35px; white-space:nowrap; overflow:hidden; background-color:#F8F8F8; background:#F8F8F8 url(/assets/images/cartbutton.png) no-repeat 0px -24px; } a.basketinfo#ba_empty { color:#000000; background:#F8F8F8 url(/assets/images/icon_shopping.png) no-repeat 4px 0px; } a.basketinfo#ba_empty:hover { color:#FFFFFF; background:#FF8000 url(/assets/images/icon_shopping.png) no-repeat 4px -25px; } a.basketinfo#ba_full { color:#FFFFFF; background:#FF8000 url(/assets/images/icon_shopping.png) no-repeat 4px -25px; } a.basketinfo#ba_full:hover { background-color:#009000; } */ span#minibasket { position:absolute; right:0px; top:36px; width:280px; display:none; z-index:9999; color:#000000; background-color:#F8F8F8; border:1px solid #E0E0E0; border-top:0; min-height:30px; font-weight:normal; font-size:12px; -webkit-box-shadow:2px 2px 3px 0px rgba(50,50,50,0.5); box-shadow:2px 2px 3px 0px rgba(50,50,50,0.5); } span.miba_line { clear:both; display:block; width:280px; border-bottom:1px solid #E0E0E0; line-height:15px; margin:0px 0px 2px 0; } span.miba_line .miba_quantity { display:inline-block; float:left; width:34px; text-align:right; margin:2px 1px 2px 0; } span.miba_line .miba_description { display:inline-block; float:left; width:190px; text-align:left; margin:2px 0 2px 3px; max-height:29px; overflow:hidden; } span.miba_line .miba_amount { display:inline-block; float:right; width:45px; text-align:right; margin:2px 2px 2px 0; padding-right:2px; } a.currencybox { display:inline-block; width:40px; margin-left:10px; text-align:center; font-weight:bold; text-decoration:none; background-color:#E0E0E0; color:#000000; } a.currencybox:hover { background-color:#A0A0A0; } a.currencybox#activecurrency { background-color:#009000; color:#FFFFFF; } /* ----- SUCHBOX ----- */ #searchbox { position:absolute; right:20px; top:1px; width:290px; height:23px; } #searchhint { position:absolute; right:1px; top:1px; width:288px; height:20px; z-index:20; overflow:hidden; background-color:#FFFFFF; border:1px solid #FFFFFF; -webkit-border-radius:5px; border-radius:5px; behavior:url(/assets/css/PIE.htc); } #searchhint div#hinttext { float:left; width:250px; height:18px; color:#A0A0A0; font-size:12px; margin:3px 0 0 5px; z-index:20; } #searchbox2 { position:absolute; right:0px; top:0px; width:290px; height:23px; border:0; z-index:99; overflow:hidden; background-color:transparent; padding:0; } div#searchclear { position:absolute; right:28px; top:4px; width:16px; height:16px; z-index:100; cursor:pointer; } input#search { display:block; float:left; width:235px; height:19px; max-height:19px; border:0px; padding:0px; margin:2px 0 0 5px; background-color:transparent; font-size:14px; overflow:hidden; outline:none; } input#searchp { display:block; float:right; width:25px; height:23px; -webkit-border-radius:3px; border-radius:3px; } div#searchbubble { position:absolute; display:none; font-size:11px; line-height:125%; top:4px; right:340px; width:205px; height:115px; padding:0px; background:transparent url(/assets/images/sp_bubble.png) no-repeat center center; z-index:9999; } #galleria { z-index:999; } /* --- FORMS --- */ form p { overflow:hidden; position:relative; text-align:left; float:left; } form p label { display:block; padding:0px 0px 5px; text-align:left; font-size:12px; text-indent:4px; } #pg_registration { position:relative; max-width:620px; min-width:310px; margin:0 auto 0 auto; background-color:#F0F0F0; border:1px solid #A0A0A0; border-bottom:0; padding-left:10px; } #pg_registration fieldset:after { content:""; display:table; clear:both; } #pg_registration input, #pg_registration select { display:block; font-weight:normal; } #pg_registration input, #pg_registration textarea, #pg_registration select { font-size:14px; border-radius:3px; display:inline-block; padding:4px 3px 4px 5px; margin-bottom:4px; margin-left:2px; border:1px solid #AAAAAA; } /* box-shadow:0px 1px 2px rgba(0,0,0,0.3) inset, 0px 1px 0px rgba(255,255,255,0.9); */ #pg_registration select { padding:2px 3px; } #pg_registration_f { position:relative; max-width:620px; min-width:310px; margin:0 auto 0 auto; background-color:#F0F0F0; border:1px solid #A0A0A0; border-top:0; padding:0 10px 0 10px; } /* ----- DROPZONE ----- */ .dropzone, .dropzone * { box-sizing:border-box; } .dropzone { position:relative; } .dropzone .dz-preview { position:relative; display:inline-block; width:120px; margin:0.5em; } .dropzone .dz-preview .dz-progress { display:block; height:15px; border:1px solid #AAAAAA; } .dropzone .dz-preview .dz-progress .dz-upload { display:block; height:100%; width:0; background:green; } .dropzone .dz-preview .dz-error-message { color:red; display:none; } .dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark { display:block; } .dropzone .dz-preview.dz-success .dz-success-mark { display:block; } .dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark { position:absolute; display:none; left:30px; top:30px; width:54px; height:58px; left:50%; margin-left:-27px; } .dropzone .dz-size, .dropzone .dz-filename { display:inline-block; font-size:11px; } .dropzone .dz-size { margin-right:5px; } .dropzone .dz-message { float:left; position:relative; width:325px; height:45px; font-size:12px; border:1px solid #A0A0A0; padding:3px 3px 3px 45px; cursor:grab; background:#FFFFFF url(/assets/images/addfile.png) no-repeat left center; } .dropzone .dz-message:hover { background:#007fe0 url(/assets/images/addfile2.png) no-repeat left center; color:#FFFFFF; } /* ----- TOOLTIPSTER ----- */ .tooltipster-default { border-radius:0px; border:1px solid #A0A0A0; background:#FFFFFF; color:#000000; -webkit-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.4); -moz-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.4); box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.4); } .tooltipster-default .tooltipster-content { font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:14px; padding:8px 10px; overflow:hidden; } .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { /* border-color:#005598 !important; */ } .tooltipster-icon { cursor:help; margin-left:4px; } .tooltipster-base { padding:0; font-size:0; line-height:0; position:absolute; left:0; top:0; z-index:9999999; pointer-events:none; width:auto; overflow:visible; } .tooltipster-base .tooltipster-content { overflow:hidden; } .tooltipster-arrow { display:block; text-align:center; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1; } .tooltipster-arrow span, .tooltipster-arrow-border { display:block; width:0; height:0; position:absolute; } .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left:8px solid transparent !important; border-right:8px solid transparent !important; border-top:8px solid; bottom:-7px; } .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left:9px solid transparent !important; border-right:9px solid transparent !important; border-top:9px solid; bottom:-7px; } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left:8px solid transparent !important; border-right:8px solid transparent !important; border-bottom:8px solid; top:-7px; } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left:9px solid transparent !important; border-right:9px solid transparent !important; border-bottom:9px solid; top:-7px; } .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left:0; right:0; margin:0 auto; } .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left:6px; } .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left:5px; } .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right:6px; } .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right:5px; } .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top:8px solid transparent !important; border-bottom:8px solid transparent !important; border-left:8px solid; top:50%; margin-top:-7px; right:-7px; } .tooltipster-arrow-left .tooltipster-arrow-border { border-top:9px solid transparent !important; border-bottom:9px solid transparent !important; border-left:9px solid; margin-top:-8px; } .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top:8px solid transparent !important; border-bottom:8px solid transparent !important; border-right:8px solid; top:50%; margin-top:-7px; left:-7px; } .tooltipster-arrow-right .tooltipster-arrow-border { border-top:9px solid transparent !important; border-bottom:9px solid transparent !important; border-right:9px solid; margin-top:-8px; } .tooltipster-fade { opacity:0; -webkit-transition-property:opacity; -moz-transition-property:opacity; -o-transition-property:opacity; -ms-transition-property:opacity; transition-property:opacity; } .tooltipster-fade-show { opacity:1; } .tooltipster-grow { -webkit-transform:scale(0,0); -moz-transform:scale(0,0); -o-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-backface-visibility:hidden; } .tooltipster-grow-show { -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); -webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-swing { opacity:0; -webkit-transform:rotateZ(4deg); -moz-transform:rotateZ(4deg); -o-transform:rotateZ(4deg); -ms-transform:rotateZ(4deg); transform:rotateZ(4deg); -webkit-transition-property:-webkit-transform, opacity; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; } .tooltipster-swing-show { opacity:1; -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); -ms-transform:rotateZ(0deg); transform:rotateZ(0deg); -webkit-transition-timing-function:cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function:cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function:cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function:cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function:cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function:cubic-bezier(0.230, 0.635, 0.495, 2.4); } .tooltipster-fall { top:0; -webkit-transition-property:top; -moz-transition-property:top; -o-transition-property:top; -ms-transition-property:top; transition-property:top; -webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall-show { } .tooltipster-fall.tooltipster-dying { -webkit-transition-property:all; -moz-transition-property:all; -o-transition-property:all; -ms-transition-property:all; transition-property:all; top:0px !important; opacity:0; } .tooltipster-slide { left:-40px; -webkit-transition-property:left; -moz-transition-property:left; -o-transition-property:left; -ms-transition-property:left; transition-property:left; -webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-slide-show { } .tooltipster-slide.tooltipster-dying { -webkit-transition-property:all; -moz-transition-property:all; -o-transition-property:all; -ms-transition-property:all; transition-property:all; left:0px !important; opacity:0; } .tooltipster-content-changing { opacity:0.5; -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); } /* ----- BREADCRUMBS ----- */ /* #breadcrumbs { position:relative; font-family:OpenSansCondensed; font-size:15px; font-weight:bold; height:28px; padding:3px 20px 1px 20px; background-color:#E0E0E0; overflow:hidden; margin-bottom:10px; border-bottom:1px solid #999999; } #breadcrumbs a { text-decoration:none; color:#000000; padding:2px 0px 4px 2px; } #breadcrumbs a:hover { color:#FF0000; } #breadcrumbs a#lastbc { font-size:15px; font-weight:bold; padding-top:1px; } */ /* ----- BREADCRUMBS ----- */ #breadcrumbs { position:relative; font-family:OpenSansCondensed; font-size:15px; font-weight:bold; min-height:32px; padding:0px 20px; background-color:#E0E0E0; overflow:hidden; margin-bottom:10px; border-bottom:1px solid #999999; } #breadcrumbs a { display:inline-block; height:32px; text-decoration:none; color:#000000; padding:3px 4px; line-height:26px; } #breadcrumbs a:hover { background:rgb(255,199,13); background:-webkit-linear-gradient(top,rgba(255,199,13,1) 0%,rgba(255,77,44,1) 100%); background:linear-gradient(to bottom,rgba(255,199,13,1) 0%,rgba(255,77,44,1) 100%); color:#FFFFFF; } #breadcrumbs a#lastbc { background:rgb(255,199,13); background:-webkit-linear-gradient(top,rgba(255,199,13,1) 0%,rgba(255,77,44,1) 100%); background:linear-gradient(to bottom,rgba(255,199,13,1) 0%,rgba(255,77,44,1) 100%); color:#FFFFFF; } div#deliveryinfo { position:absolute; z-index:80; width:360px; padding:5px; border:1px solid #808080; visibility:hidden; background-color:#FFFF80; cursor:pointer; -webkit-box-shadow:2px 2px 4px #666666; box-shadow:2px 2px 4px #666666; behavior:url(/assets/css/PIE.htc); } div#deliveryeol { position:absolute; z-index:80; width:360px; padding:5px; border:1px solid #808080; visibility:hidden; background-color:#FFFF80; cursor:pointer; -webkit-box-shadow:2px 2px 4px #666666; box-shadow:2px 2px 4px #666666; behavior:url(/assets/css/PIE.htc); } div#delivery3t { position:absolute; z-index:80; width:360px; padding:5px; border:1px solid #808080; visibility:hidden; background-color:#FFFF80; cursor:pointer; -webkit-box-shadow:2px 2px 4px #666666; box-shadow:2px 2px 4px #666666; behavior:url(/assets/css/PIE.htc); } /* ----- MAIN-NAVIGATION und SORTIMENTS-MENU-OVERLAY ----- */ #main_navi { position:absolute; left:0px; top:130px; width:100%; height:26px; overflow:hidden; background-color:#005598; border-top:1px solid #007fe0; border-bottom:1px solid #1E5029; } #main_navi a { text-decoration:none; color:#FFFFFF; text-align:center; } a.mainmenu, a.mainmenu_c { display:inline-block; min-width:65px; padding:0px 5px 0px 5px; margin:1px 1px 1px 0px; line-height:26px; height:24px; font-size:14px; text-transform:uppercase; } a.mainmenu { background-color:transparent; color:#FFFFFF; } a.mainmenu:hover { background-color:#007fe0; color:#808080; } a.mainmenu_c { background-color:#007fe0; color:#000000; } a.mainmenu_c:hover { background-color:#007fe0; color:#000000; } a.mainmenu#home { margin-left:20px; width:30px; min-width:30px; } a.mainmenu#adminaccess { margin:0; border:1px solid #FFFF00; color:#FFFF00; font-weight:bold; } #menuwin_shop { position:absolute; left:62px; top:155px; width:896px; height:auto; margin:1px auto 1px auto; display:none; z-index:20; background-color:#FFFFFF; border:1px solid #E0E0E0; padding-left:4px; padding-bottom:10px; -webkit-box-shadow: 3px 3px 8px rgba(0,0,0,0.6); box-shadow:3px 3px 8px rgba(0,0,0,0.6); behavior:url(/assets/css/PIE.htc); } #menuwin_shop div.maincolumn { float:left; width:210px; } #menuwin_shop div.maincolumn a.colheader { display:block; width:200px; font-size:12px; font-weight:bold; margin:4px 0px 2px 0px; padding:2px; text-decoration:none; color:#005598; } #menuwin_shop div.maincolumn a.colheader:hover { background-color:#005598; color:#FFFFFF; } .menulevel1 { float:left; width:144px; margin:15px 5px 3px 0px; overflow:hidden; white-space:nowrap; background-color:#FFFFFF; padding-bottom:2px; } .menulevel1:hover { background-color:#F8F8F8; } .menulevel1 a, .menulevel1 a:link, .menulevel1 a:visited { display:inline-block; width:140px; text-decoration:none; color:#000000; padding:2px; margin-bottom:4px; font-family:Arial,Helvetica,sans-serif; font-size:12px; text-transform:uppercase; font-weight:normal; } .menulevel1 a:hover { background-color:#606060; color:#FFFFFF; text-decoration:none; } .menulevel0 { margin-left:4px; width:200px; overflow:hidden; white-space:normal; } .menulevel0 a, .menulevel0 a:link, .menulevel0 a:visited { display:inline-block; width:198px; text-decoration:none; color:#000000; padding:2px; margin-bottom:0px; font-family:Arial,Helvetica,sans-serif; font-size:11px; text-transform:none; font-weight:normal; } .menulevel0 a:hover { background-color:#606060; color:#FFFFFF; text-decoration:none; } /* ----- SORTIMENTS-MENU LINKS ----- */ .ass_menu_head { font-family:OpenSansCondensed; padding:3px 4px 3px 6px; margin-bottom:0px; font-size:16px; font-weight:bold; display:block; text-decoration:none; color:#FFFFFF !important; background-color:#007fe0; } .ass_menu_head#currentsection { padding:3px 4px 3px 6px; border-bottom:1px dotted #E0E0E0; margin-bottom:0; color:#007fe0; background-color:#005598; } .ass_menu_head2 { padding:3px 4px 3px 6px; margin-bottom:0px; font-size:14px; font-weight:normal; display:block; text-decoration:none; background-color:#FFFFFF; color:#000000 !important; } .ass_menu_head:hover, .ass_menu_head2:hover { background-color:#005598; color:#FFFFFF !important; text-decoration:none; } /* ----- SUB-NAVIGATION (Shop Assortment & CMS) ----- */ a.snavi, a.snavi:link, a.snavi:visited { font-family:OpenSans; display:block; min-height:18px; font-size:16px; line-height:120%; background-color:#FFFFFF; color:#666666; font-weight:normal; text-decoration:none; padding:3px 1px 3px 0; margin:0; } a.snavi:hover { background-color:#606060; color:#FFFFFF; } a.snavi_c, a.snavi_c:link, a.snavi_c:visited { font-family:OpenSans; display:block; min-height:18px; font-size:16px; background-color:#F0F0F0; color:#000000; font-weight:normal; text-decoration:none; padding:3px 1px 3px 0; margin:0; } a.snavi_c:hover { color:#000000; } a.snavi.level1, a.snavi_c.level1 { font-size:15px; } a.snavi.level2, a.snavi_c.level2 { font-size:14px; } a.snavi.level3, a.snavi_c.level3 { font-size:13px; } a.snavi.level4, a.snavi_c.level4 { font-size:12px; } a.snavi.level5, a.snavi_c.level5 { font-size:12px; } a.snavi.level6, a.snavi_c.level6 { font-size:11px; } a.snavi.level7, a.snavi_c.level7 { font-size:11px; } a.snavi.level8, a.snavi_c.level8 { font-size:11px; } a.snavi.level9, a.snavi_c.level9 { font-size:13px; } a.snavi.lev1, a.snavi_c.lev1 { padding-left:7px; } a.snavi.lev2, a.snavi_c.lev2 { padding-left:17px; } a.snavi.lev3, a.snavi_c.lev3 { padding-left:27px; } a.snavi.lev4, a.snavi_c.lev4 { padding-left:37px; } /* ----- STARTSEITE ----- */ div.teaser_divider { clear:both; width:900px; height:10px; margin:0 0 8px 0; padding:0; overflow:hidden; border-bottom:1px dotted #909090; } div.teaser_left { float:left; width:596px; min-height:300px; border-right:1px solid #E0E0E0; } div.teaser_left span.teaserblocktitle { display:inline-block; padding:2px 4px; background-color:#047BD6; color:#FFFFFF; font-size:14px; line-height:16px; font-weight:bold; text-transform:uppercase; } div.teaser_lsection { width:596px; overflow-x:hidden; margin-bottom:3px; padding-bottom:3px; } div.teaser_lbdiv { width:590px; height:1px; border-bottom:1px solid #FFFFFF; margin:0 0 5px 0; padding:0; } div.teaser_right { float:right; width:300px; height:auto; overflow-x:hidden; margin:0; padding:0; } div.teaser_right span.teaserblocktitle { display:inline-block; padding:2px 4px; background-color:#FFFFFF; color:#000000; font-size:14px; line-height:16px; font-weight:bold; } div.teaser_rsection { width:300px; margin:0px; padding:0px; } .specialpicblock { display:block; width:180px; height:130px; margin:0 auto 4px auto; border:1px solid #E0E0E0; } .special_offer_text { font-size:11px; display:block; width:180px; margin:0 auto 0 auto; color:#000000; } a.allspecialoffers { display:block; font-size:12px; font-weight:normal; height:18px; padding-right:6px; line-height:18px; text-indent:20px; color:#FFFFFF; text-decoration:none; background:transparent url(/assets/images/spofflink.png) no-repeat 4px 3px; -webkit-border-radius:0 5px 0 0; border-radius:0 5px 0 0; } a.allspecialoffers:hover { color:#FFFFFF; text-decoration:none; background-position:4px -17px; background-color:#007fe0; } /* --- Carousel --- */ ul.jcarousel-skin-tango { margin:0; } .jcarousel-skin-tango .jcarousel-container { background:transparent; border:0; } .jcarousel-skin-tango .jcarousel-direction-rtl { direction:rtl; } .jcarousel-skin-tango .jcarousel-container-horizontal { width:730px; padding:10px 25px 1px 25px; } .jcarousel-skin-tango .jcarousel-clip { overflow:hidden; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width:710px; height:170px; margin-left:2px; } .jcarousel-skin-tango .jcarousel-item { width:235px; height:160px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-left:0; margin-right:10px; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left:10px; margin-right:0; } .jcarousel-skin-tango .jcarousel-item-placeholder { background:transparent; color:#000000; } /* Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position:absolute; top:10px; right:0px; width:32px; height:134px; cursor:pointer; background:transparent url(/assets/images/themes/carousel/next-horizontal.png) no-repeat -32px center; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left:0px; right:auto; background-image:url(/assets/images/themes/carousel/prev-horizontal.png); } .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position:0px center; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position:-64px center; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor:default; background-position:-96px 0px; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position:absolute; top:10px; left:0px; width:32px; height:134px; cursor:pointer; background:transparent url(/assets/images/themes/carousel/prev-horizontal.png) no-repeat -32px center; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left:auto; right:0px; background-image:url(/assets/images/themes/carousel/next-horizontal.png); } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-position:0px center; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position:-64px center; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor:default; background-position:-96px 0px; } /* ----- MAIN CONTENT ----- */ div.contentheader { position:relative; width:100%; min-height:28px; padding:2px 5px 0px 5px; border-bottom:1px solid #E0E0E0; text-align:left; font-family:OpenSansCondensed,Arial,Helvetica,sans-serif; font-size:16px; line-height:18px; font-weight:bold; } div.contentheader.nbb { border-bottom:0px; } div.contentheader h1 { margin:0; padding:4px 140px 3px 3px; text-indent:0; line-height:18px; font-size:17px; font-family:OpenSansCondensed; font-weight:bold; color:#000000; } div.contentmiddle { width:100%; padding:0px 2px; border:0; line-height:1.25; font-family:OpenSans,Arial,Helvetica,sans-serif !important; font-size:15px; } div.contenttop { width:100%; padding:0; height:7px; } div.contentfooter { width:100%; padding:0; height:7px; } #cmscontent { width:100%; max-width:100%; overflow:hidden; padding:15px 5px 5px 5px; } #cmscontent > p:first-child { padding-top:5px; } #cmscontent img { max-width:100% !important; height:auto !important; } #cmscontent > img:first-child { padding-top:5px; } #cmscontent > div:first-child { padding-top:5px; } #cmscontent ul { margin-left:15px; } #cmscontent table td { vertical-align:top; padding:1px; } div.contentblockhead { font-size:13px; font-weight:bold; padding-bottom:2px; border-bottom:1px solid #E0E0E0; } div.contentblock_warn, div.contentblock_error { width:100%; height:auto; min-height:26px; font-size:13px; padding:4px 4px 4px 34px; background-repeat:no-repeat; background-position:3px center; } div.contentblock_warn { background-color:#FFA000; color:#000000; background-image:url(/assets/images/warn.png); } div.contentblock_error { background-color:#FF0000; color:#FFFFFF; background-image:url(/assets/images/error.png); } #cmscontent h2 { margin:6px 0 3px 0; font-size:18px; font-family:OpenSansCondensed,'Arial Narrow',Arial,Helvetica,sans-serif; } #cmscontent h3 { margin:4px 0 2px 0; font-size:16px; font-family:OpenSansCondensed,'Arial Narrow',Arial,Helvetica,sans-serif; } /* ----- WARENKORB-TABELLE ----- */ table.baskettable { width:100%; border:0; } table.baskettable th { border-bottom:1px solid #E0E0E0; padding:4px 1px 4px 1px; background-color:#E0E0E0; } table.baskettable th.light { border-bottom:1px solid #E0E0E0; padding:4px 1px 4px 1px; background-color:#F8F8F8; } table.baskettable td { border-bottom:1px dotted #007fe0; padding:3px 1px 3px 1px; } table.baskettable tr.topdata td { border-bottom:1px dotted #E0E0E0; padding:3px 1px 1px 1px; } table.baskettable .bt_itemdata { position:relative; padding-top:3px; } table.baskettable .bt_itemdata .kommission { position:absolute; left:0px; top:40px; height:16px; border-top:1px dotted #E0E0E0; padding-top:2px; font-size:11px; } table.baskettable th.basketpricecol, table.baskettable td.basketpricecol, .basketpricecol { padding-right:3px; } .btab { height:auto; overflow:hidden; } .btab .pic_desc, .btab .pic_desc_head { float:left; width:55%; min-width:300px; max-width:740px; position:relative; vertical-align:top; } .btab .priceinfo, .btab .priceinfo_head { float:right; width:40%; min-width:260px; max-width:300px; position:relative; vertical-align:top; } .btab .priceinfo { min-height:30px; } .btab .priceinfo::after { content:''; clear:both; width:100%; height:0px; } .btab .pic_desc_head, .btab .priceinfo_head { background-color:#E0E0E0; font-weight:bold; padding:4px 1px; } .kom_bem_anr_lpl { clear:left; max-width:600px; margin-left:100px; } .btab .light { background-color:#F8F8F8 !important; } .bcol_pic { float:left; width:98px; min-width:98px; max-width:98px; } .bcol_itn { display:block; padding-top:1px; max-width:100%; white-space:nowrap; font-size:11px; overflow:hidden; } .bcol_dsc { position:absolute; width:100%; padding-left:100px; left:0; top:2px; height:auto; overflow:hidden; padding-bottom:2px; } .bcol_dsc::after { content:''; clear:left; width:100%; height:1px; } .bcol_unitprice { width:70px; float:left; text-align:right; padding-right:2px; font-size:12px; } .bcol_discount { width:55px; float:left; text-align:right; padding-right:5px; } .bcol_quantity { width:80px; float:left; text-align:left; position:relative; } .bcol_quantity .anzahlform { position:absolute; left:0; top:1px; min-width:44px; } .bcol_quantity .buttontrash { position:absolute; right:5px; top:0; } .bcol_unidisqua { width:190px; float:left; text-align:right; } .bcol_amount { width:70px; float:right; text-align:right; padding-right:2px; font-size:13px; } .bcol_currency { font-size:12px; float:right; width:25px; text-align:right; } .bcol_totalline { position:absolute; left:0; top:0; width:100%; padding-right:110px; text-align:right; font-size:13px; font-weight:bold; } .bcol_totalline + .bcol_amount { font-size:13px; } .bcol_imgbox { width:85%; height:40px; display:block; background-repeat:no-repeat; background-position:center center; background-size:contain; } /* ----- KUNDEN-WARENKOERBE und QUICKORDER BOX----- */ .custbasketbutton { display:inline-block; color:#000000; background-color:#F0F0F0; text-decoration:none; height:18px; font-size:12px; font-family:Arial,Helvetica,sans-serif; border:1px solid #A0A0A0; margin-left:5px; padding:0 5px 0 5px; cursor:pointer; -webkit-border-radius:3px; border-radius:3px; } .custbasketbutton:hover { background-color:#007fe0; color:#FFFFFF; } div#quickorderbox { position:relative; margin-top:1px; width:49%; max-width:380px; border:1px solid #E0E0E0; background-color:#FFFFFF; } div#custbasketbox { position:relative; margin-top:1px; width:49%; max-width:380px; border:1px solid #E0E0E0; background-color:#FFFFFF; } /* ----- GROESSENTABELLEN ----- */ table.sizes { border:1px solid #A0A0A0; border-collapse:collapse; table-layout:fixed; max-width:780px; } table.sizes td { text-align:center; padding:0px 1px 0px 1px; border:1px solid #A0A0A0; height:16px; font:11px/13px OpenSansCondensed,Arial,sans-serif; } table.sizes th { font-family:Arial,Helvetica,sans-serif; font-size:11px; text-align:center; padding:0px 1px 0px 1px; border:1px solid #A0A0A0; background-color:#9BBB59; color:#FFFFFF; height:16px; } table.sizes td.first { font-family:Arial,Helvetica,sans-serif; font-size:11px; text-align:center; padding:0px 3px 0px 3px; border:1px solid #A0A0A0; background-color:#9BBB59; color:#FFFFFF; font-weight:bold; } table.sizes td a { text-decoration:none; color:#000000; } table.sizes td a:hover { background-color:#C0C0C0; } .cellhovera { color:#FFFFFF; background-color:#A0A0A0; } .cellhover { background-color:#F0F0F0; } /* ----- FILTER-BOX ----- */ div.filterbox { padding:5px } div.filterbox select { width:100% !important; margin:0 0 10px 0; } div.filterbox select:after { content:''; clear:both; height:1px; display:block; } /* ----- FOOTER ----- */ .footercolumn { float:left; width:145px; margin:0 5px 0 0; color:#555555; } .footercolumn div.menulevel0 a { color:#555555; } .footercolumn div.menulevel0 a:hover { color:#FFFFFF; } div.cleardiv { clear:both; width:100%; padding:0px; } /* -- BUTTONS -- */ .buttonc { display:inline-block; padding:0px 0px 0px 3px; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:22px; height:22px; background:url(/assets/images/button.png); text-decoration:none; color:#000000; text-align:center; margin:0px 0px 0 0; border:0px; } .buttonc input { background-position:-4px top; cursor:pointer; padding-right:3px; } .buttonc input:hover { background-position:-5px bottom; } .buttonc b { display:inline-block; height:22px; background:url(/assets/images/button.png) right top; padding:0px 6px 0px 3px; font-weight:normal; cursor:pointer; color:#000000; font-size:12px; } .buttonc:hover { background-position:left bottom; } .buttonc:hover b { background-position:right bottom; } /* -- SLIDERS -- */ div.slider { width:100%; max-width:680px; min-height:17px; color:#000000; padding:3px 2px 3px 2px; cursor:pointer; background-color:#E0E0E0; } .arrowup { background:#E0E0E0 url(/assets/images/slidearrow.png) no-repeat 100% -48px; } .arrowup:hover { background:#E0E0E0 url(/assets/images/slidearrow.png) no-repeat 100% -73px; } .arrowdown { background:#E0E0E0 url(/assets/images/slidearrow.png) no-repeat 100% 2px; } .arrowdown:hover { background:#E0E0E0 url(/assets/images/slidearrow.png) no-repeat 100% -23px; } div.sliderblock { display:none; padding:2px 0px 5px 0px; } div#btn_cartinfo { width:100%; padding:3px 0px 3px 0px; cursor:pointer; margin-top:5px; background-color:#F0F0F0; text-indent:4px; border:1px solid #E0E0E0; } /* -- NIVO SLIDERS -- */ .nivoSlider { position:relative; width:100%; height:auto; overflow:hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width:none; } .nivo-main-image { display:block !important; position:relative !important; width:100% !important; } .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:url(/assets/images/transp.gif); } .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000000; color:#FFFFFF; width:100%; z-index:8; padding:5px 10px; opacity:0.8; overflow:hidden; display:none; -webkit-box-sizing:border-box; box-sizing:border-box; } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } .nivo-controlNav { text-align:center; padding:15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } .theme-default .nivoSlider { position:relative; background:#FFFFFF url(/assets/images/nivsl/loading.gif) no-repeat 50% 50%; margin-bottom:10px; } .theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-default .nivoSlider a { border:0; display:block; } .theme-default .nivo-controlNav { text-align:center; padding:20px 0; } .theme-default .nivo-controlNav a { display:inline-block; width:22px; height:22px; background:url(/assets/images/nivsl/bullets.png) no-repeat; text-indent:-9999px; border:0; margin:0 2px; } .theme-default .nivo-controlNav a.active { background-position:0 -22px; } .theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url(/assets/images/nivsl/arrows.png) no-repeat; text-indent:-9999px; border:0; opacity:0; -webkit-transition:all 200ms ease-in-out; -moz-transition:all 200ms ease-in-out; -o-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; } .theme-default:hover .nivo-directionNav a { opacity:1; } .theme-default a.nivo-nextNav { background-position:-30px 0; right:15px; } .theme-default a.nivo-prevNav { left:15px; } .theme-default .nivo-caption { font-family:Helvetica,Arial,sans-serif; } .theme-default .nivo-caption a { color:#FFFFFF; border-bottom:1px dotted #FFFFFF; } .theme-default .nivo-caption a:hover { color:#FFFFFF; } .theme-default .nivo-controlNav.nivo-thumbs-enabled { width:100%; } .theme-default .nivo-controlNav.nivo-thumbs-enabled a { width:auto; height:auto; background:none; margin-bottom:5px; } .theme-default .nivo-controlNav.nivo-thumbs-enabled img { display:block; width:120px; height:auto; } /* -- CONTENT TABS -- */ .tabs { width:100%; min-height:200px; float:none; list-style:none; padding:0; margin:0 auto; box-sizing:border-box; overflow-y:auto; background:#FFFFFF url(/assets/images/extratableheader.png) repeat-x 0 -1px; border:1px solid #E0E0E0; } .tabs > li { display:block; } .tabs .labels:after { content:''; display:table; clear:both; } .tabs label { background-color:#005598; background:linear-gradient(to bottom, rgba(76,163,239,1) 0%,rgba(46,92,201,1) 49%,rgba(19,24,142,1) 100%); color:#FFFFFF; display:inline-block; width:20%; min-width:103px; text-align:center; float:left; white-space:nowrap; padding:4px 5px; font-size:12px; font-weight:bold; cursor:pointer; border-right:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; } .tabs label:hover { background-color:#E0E0E0; background:linear-gradient(to bottom,rgba(255,199,13,1) 0%,rgba(255,77,44,1) 100%); color:#FFFFFF; } .tab-content { display:none; width:100%; box-sizing:border-box; float:left; padding:0 1px 5px 1px; background-color:#FFFFFF; } .tab-content ul { margin:0 0 0 18px; } .tabs input[type=radio] { display:none; } .tabs [id^="tab"]:checked + label { background:#FFFFFF; color:#000000; border-bottom:1px solid #FFFFFF; border-right:1px solid #D0D0D0; } #tab1:checked ~ #tab-content1, #tab2:checked ~ #tab-content2, #tab3:checked ~ #tab-content3, #tab4:checked ~ #tab-content4, #tab5:checked ~ #tab-content5 { display:block; } /* -- CMS-CONTENT -- */ .floatr { float:right; margin-left:10px; margin-bottom:5px; } .floatl { float:left; margin-right:10px; margin-bottom:5px; } .textabstand { line-height:140%; } table.tabelle { border:1px solid #E0E0E0; border-collapse:collapse; max-width:684px; } table.tabelle th { background-color:#F0F0F0; font-weight:bold; text-align:left; padding:3px 2px; } table.tabelle td { border:1px solid #E0E0E0; } div.newstitle { font-weight:bold; padding:5px 0 10px 0; } div.newscontent { padding-bottom:5px; border-bottom:1px solid #E0E0E0; margin-bottom:10px; } div.pictext { position:relative; top:-25px; height:25px; background:url(/assets/images/black33.png) repeat top left; color:#FFFFFF; overflow:hidden; line-height:24px; font-size:12px; text-indent:10px; } .leadtext { font-family:Arial,Helvetica,sans-serif; font-size:15px; color:#606060; } .floattext { font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#404040; } .standardtext { font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#404040; } .hide { display:none; } a.no, a.no:link, a.no:visited, a.no:active { color:#000000; text-decoration:none; font-weight:normal; } a.no:hover { color:#404040; } a.ext, a.ext:link, a.ext:visited, a.ext:active { background: url(/assets/images/extlink.png) right center no-repeat; padding-right:13px; color:#154BD5; text-decoration:none; } a.ext:hover { color:#A0A0A0; text-decoration:underline; } /* a.pdflink { background:transparent url(/assets/images/pdficon.gif) no-repeat top left; padding-left:23px; height:30px; line-height:25px; text-decoration:none; font-weight:normal; white-space:nowrap; display:inline-block; } */ a.pdflinkf, a.applink { min-height:20px; text-decoration:none; font-weight:normal; white-space:nowrap; display:inline-block; font-family:OpenSansCondensed; } a.pdflinkf:before { font-family:FontAwesome; font-size:16px; content:"\f1c1"; color:#FF0000; padding-right:5px; } a.pdflink { background:transparent url(/assets/images/pdflink.png) no-repeat top left; padding-left:40px; min-height:20px; text-decoration:none; font-weight:normal; white-space:nowrap; display:inline-block; } a.pdflink2 { background:transparent url(/assets/images/pdficon.gif) no-repeat 5px top; padding:0; background-size:contain; text-decoration:none; display:block; color:#000000; height:22px; margin:-3px -4px; line-height:22px; } a.pdflink2:hover { color:#FFFFFF; background-color:#005598; } a.infolink { background:transparent url(/assets/images/infolink.png) no-repeat left center ; padding-left:15px; color:#BE2846; text-decoration:none; font-size:11px; } a.agblink, a.agblink:link, a.agblink:visited, a.agblink:active { color:#005598; text-decoration:none; font-weight:bold; } a.agblink:hover { color:#000000; text-decoration:underline; } a.agblink_e { color:#000000; text-decoration:none; font-weight:bold; } a.agblink_e:hover { color:#154BD5; text-decoration:underline; } a.cmshit, a.cmshit:link, a.cmshit:active, a.cmshit:visited { clear:both; display:block; width:700px; height:auto; font-size:12px; margin:2px 0 2px 0; padding:2px 0 5px 0; border-top:1px dotted #E0E0E0; text-decoration:none; color:#000000; background-color:#FFFFFF; } a.cmshit:hover { background-color:#E0E0E0; } a.clearbasket { text-decoration:none; display:block; color:#000000; height:16px; font-size:11px; line-height:20px; text-indent:20px; background:transparent url(/assets/images/clearbasket.png) no-repeat 0 0; } #tooltip { position:absolute; z-index:3000; border:1px solid #111111; background-color:#EEEEEE; padding:2px; opacity:0.90; max-width:250px; } #tooltip h3, #tooltip div { margin:0; font-size:11px; color:#000000; font-weight:normal; text-align:left; } .boxtitel { font-size:13px; font-weight:bold; color:#000000; } .warning { font-size:12px; font-weight:bold; color:#FF0000; } .warningbox { padding:5px; border:1px solid #FF0000; -webkit-box-shadow:2px 2px 5px 0px rgba(50,50,50,0.4); box-shadow:2px 2px 5px 0px rgba(50,50,50,0.4); } .large { font-size:15px; font-weight:normal; color:#000000; } .largeb { font-size:15px; font-weight:bold; color:#000000; } .medium { font-size:13px; font-weight:normal; color:#000000; } .mediumred { font-size:13px; font-weight:normal; color:#FF0000; } .small { font-size:12px; font-weight:normal; color:#000000; } .smallb { font-size:12px; font-weight:bold; color:#000000; } .tiny { font-size:11px; font-weight:normal; color:#000000; } div.warning { width:500px; padding-left:25px; background-image:url(/assets/images/warning.gif); background-repeat:no-repeat; background-position:top left; text-align:left; } div.info { width:400px; margin-top:10px; margin-bottom:10px; border:1px solid #9F0000; color:#9F0000; } .ststatus { width:9px; height:9px; overflow:hidden; background:url(/assets/images/stockstatus.png) no-repeat; display:inline-block; margin:0; padding:0; } .ss_green { background-position:0px 0px; } .ss_orange { background-position:-9px 0px; } .ss_red { background-position:-18px 0px; } .ss_gray { background-position:-27px 0px; } .stocknum { display:inline-block; min-width:25px; padding:1px 7px; font-size:12px; font-weight:bold; color:#FFFFFF; font-family:OpenSansCondensed; text-align:center; -webkit-border-radius:7px; border-radius:7px; } .stock_green { background-color:#008800; } .stock_orange { background-color:#FFB000; } .stock_red { background-color:#FF0000; } .stock_gray { background-color:#888888; } #stockinfo { cursor:pointer; } .stockinfobox { position:absolute; left:-20px; bottom:20px; background-color:#005598; color:#FFFFFF; height:auto; width:170px; padding:3px; text-align:left; display:none; } span.strike { position:relative; text-decoration:none; font-style:normal; display:inline-block; margin-bottom:2px; } span.strike img { position:absolute; top:0.2em; border:0; width:100%; height:0.8em; } span.strike b { font-weight:normal; color:#000000; font-size:11px; padding:0px 1px 0px 1px; } div#cmscontent img.marke3 { width:30% !important; height:auto !important; max-height:120px; max-width:200px !important; min-width:100px; display:inline-block; margin-left:1%; margin-right:1%; vertical-align:middle; margin-top:10px; margin-bottom:10px; } div#cmscontent img.marke4 { width:22% !important; height:auto !important; max-height:120px; max-width:150px !important; min-width:80px; display:inline-block; margin-left:1%; margin-right:1%; vertical-align:middle; margin-top:10px; margin-bottom:10px; } /* ----- MINI-BASKET ----- */ a.minibasketline { background-position:0px -51px; display:inline-block; min-height:13px; font-size:11px; color:#666666; font-weight:normal; text-decoration:none; padding-top:1px; margin:0px; } a.minibasketline:hover { background-position:-205px -51px; color:#000000; } a.minibasketline span { display:inline-block; float:left; font-size:11px; } div.menuspacer { clear:both; width:185px; height:3px; font-size:1px; } /* ----- ROUNDED BOXES ----- */ .roundbox { border-radius:7px; -webkit-border-radius:7px; behavior:url(/assets/css/PIE.htc); } .round5 { border-radius:5px; -webkit-border-radius:5px; behavior:url(/assets/css/PIE.htc); } .round7 { border-radius:7px; -webkit-border-radius:7px; behavior:url(/assets/css/PIE.htc); } .round5t { border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; behavior:url(/assets/css/PIE.htc); } .round7t { border-radius:7px 7px 0px 0px; -webkit-border-radius:7px 7px 0px 0px; behavior:url(/assets/css/PIE.htc); } .round5b { border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; behavior:url(/assets/css/PIE.htc); } .round7b { border-radius:0px 0px 7px 7px; -webkit-border-radius:0px 0px 7px 7px; behavior:url(/assets/css/PIE.htc); } .round5l { border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px; behavior:url(/assets/css/PIE.htc); } .round5r { border-radius:0px 5px 5px 0px; -webkit-border-radius:0px 5px 5px 0px; behavior:url(/assets/css/PIE.htc); } /* -- STARTPAGE TEASER UND AKTIONEN-PANELS -- */ a.tsrbullet { display:inline-block; text-decoration:none; width:25px; height:25px; min-width:25px; min-height:25px; margin:0 8px 0 0; background:url(/assets/images/teaserbullets.png) no-repeat 0px 0px; } a.tbwhite { background-position:0px 0px; } a.tbgray { background-position:0px -25px; } /* ----- Textarea Counter ----- */ textarea.textfield { height:auto; min-height:65px; font-family:Arial,Helvetica,sans-serif; font-size:12px; padding-left:2px; } .txa_normal { font-size:10px; color:#808080; text-align:right; } .txa_warning { font-size:10px; color:#FF0000; text-align:right; } /* ----- Mini-Produkt-Boxen ----- */ a.miniprod { color:#000000; text-decoration:none; background-color:#FFFFFF; border:1px solid #E0E0E0; } a.miniprod:hover { border:1px solid #808080; } span#lvi_title { background-color:#E0E0E0; color:#333333; } a.miniprod:hover span#lvi_title { background-color:#808080; color:#FFFFFF; } /* ----- SORTIMENT IM HAUPTFENSTER -----*/ div.subcatcontainer { width:100%; margin:0; } a.subcategory { display:block; position:relative; float:left; width:24%; margin:0 0.5% 10px 0.5%; height:145px; border:1px solid #E0E0E0; text-align:center; padding:0px; -webkit-transition:all 200ms ease-in; -webkit-transform:scale(1); -ms-transition:all 200ms ease-in; -ms-transform:scale(1); -moz-transition:all 200ms ease-in; -moz-transform:scale(1); transition:all 200ms ease-in; transform:scale(1); } a.subcategory .imgbox { display:block; width:96%; height:110px; background-position:center center; background-repeat:no-repeat; margin:2%; background-size:contain; } a.subcategory .cat_description { display:table; position:absolute; left:0; bottom:0; width:100%; height:29px; max-height:29px; overflow-y:hidden; margin:0px; padding:1px 3px 1px 3px; font-size:13px; line-height:14px; background:transparent; color:#000000; text-shadow:-1px -1px 2px #FFFFFF; vertical-align:middle; } a.subcategory .cat_description > span { display:table-cell; vertical-align:middle; } a.subcategory:hover { border:0; background-color:#FFFFFF; box-shadow:0px 0px 20px #000000; z-index:2; -webkit-transition:all 200ms ease-in; -webkit-transform:scale(1.1); -ms-transition:all 200ms ease-in; -ms-transform:scale(1.1); -moz-transition:all 200ms ease-in; -moz-transform:scale(1.1); transition:all 200ms ease-in; transform:scale(1.1); } /* a.subcategory:hover { color:#000000; border:1px solid #005598; -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.4); box-shadow:1px 1px 3px 0px rgba(50, 50, 50, 0.4); } */ a.subcategory:hover .cat_description { background-color:#005598; color:#FFFFFF; text-shadow:none; } div.subcatcont { position:relative; clear:both; float:left; width:100%; margin:0 0 8px 0; border:1px solid #E0E0E0; overflow-y:auto; } div.subcatplus { position:relative; clear:both; float:left; width:180px; max-width:40%; margin:0; height:108px; border:0; text-align:center; padding:0px 2px; } div.subcatplus .imgbox { display:block; width:100%; height:80px; max-width:160px; margin-left:auto !important; margin-right:auto !important; background-position:center center; background-repeat:no-repeat; margin:1px 1px 0 1px; background-size:contain !important; } div.subcatplus .cat_description { display:block; position:absolute; left:0px; bottom:0px; width:100%; max-height:27px; overflow-y:hidden; margin:0px; padding:1px 3px 1px 3px; font-size:11px; line-height:14px; background:transparent; color:#000000; text-shadow:-1px -1px 2px #FFFFFF; } div.subcatright { position:relative; top:0; left:0; min-height:108px; padding:0; border-left:1px solid #E0E0E0; overflow:hidden; overflow-y:auto; } a.subcatdata { display:block; position:relative; float:left; width:25%; min-width:155px; margin:0 0 2px 0; padding:0; border:0; background-color:#FFFFFF; text-decoration:none; color:#000000; border-right:1px solid #FFFFFF; } a.subcatdata:hover { background-color:#005598; } a.subcatdata .imgbox { display:block; float:left; width:25px; height:25px; border:3px solid #FFFFFF; background-position:center center; background-repeat:no-repeat; background-size:contain; margin:0; } a.subcatdata .catdesc { display:block; float:left; width:151px; min-height:30px; font-size:11px; line-height:14px; padding:1px 0 0 1px; } a.subcatdata:hover .catdesc { background-color:#005598; color:#FFFFFF; text-shadow:none; } a.subcatdata:hover .imgbox { border-color:#005598; } /* smaller subcategory for start page (5 per line, rounded corners) */ div.subcatcontainer_s { width:100%; margin:0; background-color:transparent; } a.subcategory_s { display:block; position:relative; float:left; width:19.3%; margin:0 1px 5px 5px; height:180px; border:1px solid #E0E0E0; text-align:center; padding:0px; -webkit-transition:all 200ms ease-in; -webkit-transform:scale(1); -ms-transition:all 200ms ease-in; -ms-transform:scale(1); -moz-transition:all 200ms ease-in; -moz-transform:scale(1); transition:all 200ms ease-in; transform:scale(1); } a.subcategory_s .imgbox { display:block; width:100%; height:139px; background-position:center center; background-repeat:no-repeat; margin:0; background-size:contain; } a.subcategory_s .cat_description { display:table; position:absolute; left:0px; bottom:0px; width:100%; height:29px; min-height:29px; overflow:hidden; margin:0px; padding:1px 2px 1px 2px; font-size:13px; line-height:15px; background:transparent; color:#000000; text-shadow:-1px -1px 2px #FFFFFF; vertical-align:middle; } a.subcategory_s .cat_description > span { display:table-cell; vertical-align:middle; } a.subcategory_s:hover { border:0; background-color:#FFFFFF; box-shadow:0px 0px 20px #000000; z-index:2; -webkit-transition:all 200ms ease-in; -webkit-transform:scale(1.1); -ms-transition:all 200ms ease-in; -ms-transform:scale(1.1); -moz-transition:all 200ms ease-in; -moz-transform:scale(1.1); transition:all 200ms ease-in; transform:scale(1.1); } a.subcategory_s:hover .cat_description { background-color:#005598; color:#FFFFFF; text-shadow:none; } div.content_assortment_box { float:left; width:220px; padding:2px; margin:2px; font-size:12px; font-weight:bold; color:#005598; text-align:left; } a.xnavigate, a.xnavigate:visited { font-size:13px; color:#000000; font-weight:bold; text-decoration:none; } a.xnavigate:hover { font-size:13px; color:#154BD5; font-weight:bold; text-decoration:none; } a.xnavigate_curr, a.xnavigate_curr:visited { font-size:13px; color:#005598; font-weight:bold; text-decoration:none; } a.xnavigate_curr:hover { font-size:13px; color:#154BD5; font-weight:bold; text-decoration:none; } /* -- SORTIMENT -- */ div.assortmentpict { width:696px; max-height:250px; overflow:hidden; border-top:1px solid #E0E0E0; border-left:1px solid #E0E0E0; border-right:1px solid #E0E0E0; border-bottom:0px; } div.assortmenttext { width:696px; background-color:#000000; color:#FFFFFF; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:140%; border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:0px; } div.assortmentpict2 { float:left; width:472px; height:140px; overflow:hidden; border:1px solid #E0E0E0; } div.assortmenttext2 { float:right; width:212px; height:140px; margin-right:2px; overflow:hidden; border:1px solid #000000; background-color:#000000; color:#FFFFFF; font-size:11px; line-height:140%; font-weight:normal; } div.assortmenttexte { float:right; width:212px; height:140px; margin-right:2px; overflow:hidden; border:1px solid #E0E0E0; } /* ----- ITEMLIST ----- */ .itemlistheader { width:100%; font-size:12px; font-weight:bold; } .itemlistnavitop { clear:both; min-height:32px; height:auto; overflow:hidden; border-bottom:1px dotted #E0E0E0; margin-bottom:5px; } .itemlistnavibot { clear:both; height:32px; border-top:1px dotted #E0E0E0; margin:5px 0 0 0; width:100%; } tr.itemcardline td { border-bottom:1px dotted #A0A0A0; vertical-align:middle; padding:2px; } div.il_prodbox_cont { position:relative; float:left; width:24%; min-height:230px; margin:0 0.5% 8px 0.5%; border:1px solid #E0E0E0; -webkit-border-radius:3px; border-radius:3px; } div.il_prodbox_cont:hover { border-color:#005598; -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.4); box-shadow:1px 1px 3px 0px rgba(50, 50, 50, 0.4); } .il_prodbox { display:block; position:relative; border:0; width:100%; padding:1px 4% 1px 4%; min-height:226px; overflow:hidden; text-decoration:none; } /* il_prodbox:hover { border-color:#005598; -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.4); box-shadow:1px 1px 3px 0px rgba(50, 50, 50, 0.4); } */ .il_prodbox .imgbox { display:block; width:96%; height:126px; background-position:center center; background-size:contain; margin:2px 2%; } .il_prodbox img { border-radius:0; } .il_prodbox span.colorcorner { position:absolute; display:inline-block; left:0px; top:0px; width:25px; height:22px; border:1px solid; opacity:0.95; } .il_prodbox span.specialoffer { position:absolute; display:inline-block; right:0px; top:0px; width:28px; height:28px; background:url(/assets/images/corner_aktion_s.png) no-repeat 0 0; } .il_prodbox span.newitemdib { position:absolute; display:inline-block; right:0px; top:0px; width:28px; height:28px; background:url(/assets/images/corner_new_s.png) no-repeat 0 0; } .il_prodbox .descrip { font-family:OpenSansCondensed,'Arial Narrow',Arial,Helvetica,sans-serif; font-size:16px; line-height:16px; display:block; padding:1px 1px 0 1px; float:left; width:100%; min-height:50px; max-height:50px; overflow:hidden; margin:0; color:#000000; border-top:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0; text-align:center; } /* .il_prodbox:hover .descrip { background-color:#005598; color:#FFFFFF; } */ .il_prodbox .descrip_extra { display:none; } .il_prodbox .lowerpart { display:block; float:left; width:100%; padding-bottom:2px; max-width:100%; position:relative; } .il_prodbox .itemno { display:block; float:left; width:100%; padding-left:70px; white-space:nowrap; color:#888888; font-size:12px; font-weight:bold; text-align:right; text-indent:5px; overflow:hidden; } .il_prodbox .price { display:block; float:left; width:70px; max-width:70px; white-space:nowrap; color:#000000; font-size:16px; font-family:OpenSansCondensed; font-weight:bold; text-align:left; padding-left:12px; } .il_prodbox .atcarea { clear:left; display:block; float:left; width:100%; min-height:25px; border:0px; bottom:2px; padding-bottom:0px; background-color:#FFFFFF; } .il_prodbox .qtytocart { display:block; float:right; width:40px; height:25px; margin-right:0px; text-align:right; } .il_prodbox .qtytocart input { font-size:14px; width:40px; height:25px; border:1px solid #A0A0A0; border-right:0; padding-right:2px; margin:0; text-align:right; } .il_prodbox .qtybutton { display:block; float:right; width:25px; height:25px; margin-right:3px; position:relative; } .il_prodbox .qtybutton input { width:25px; height:25px; background-color:#F8F8F8; background:url(/assets/images/cartbutton.png) no-repeat 0 -26px; cursor:pointer; border:1px solid #A0A0A0; } .il_prodbox .qtybutton input:hover { background-color:#005598; background-position:0px -2px; } #atb_area { width:100%; border-top:1px dotted #E0E0E0; padding-top:4px; } .atbmessage { position:absolute; top:1px; left:20px; width:142px; height:30px; max-height:30px; font-size:11px; padding-top:2px; line-height:13px; background-color:#E0FFE0; color:#005598; text-align:center; border:1px solid #E0E0E0; border-top:0px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; } .atbmessage2 { display:none; position:absolute; bottom:32px; left:10%; width:80%; min-height:30px; font-size:13px; font-weight:bold; font-family:OpenSansCondensed; padding:8px 2px; line-height:125%; background-color:#E0FFE0; color:#005598; text-align:center; border:2px solid #005598; -webkit-border-radius:5px; border-radius:5px; } .newitem, .aktionitem { display:block; position:relative; top:-151px; left:137px; width:42px; height:42px; text-decoration:none; border-radius:0 3px 0 0; -webkit-border-radius:0 3px 0 0; } .newitem { background:url(/assets/images/corner_new.png) no-repeat top right; } .aktionitem { background:url(/assets/images/corner_aktion.png) no-repeat top right; } div#prodsizetable { margin-left:-5px; } table { font-size:12px; border:0px; } th { font-size:11px; color:#000000; font-weight:bold; line-height:12px; } #cmscontent table { font-size:15px; } #cmscontent th { font-size:14px; } .tableheader { font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#000000; background-color:#E0E0E0; } .tableheader a:link { text-decoration:none; color:#FF0000; } .tableheader a:visited { text-decoration:none; color:#FF0000; } .tableheader a:active { text-decoration:none; color:#FF0000; } .tableheader a:hover { text-decoration:none; color:#FF0000; } div.il_commission { position:absolute; right:1px; top:-28px; width:230px; height:20px; padding-top:3px; text-align:right; border-top:1px dotted #E0E0E0; border-left:1px dotted #E0E0E0; border-bottom:1px solid #FFFFFF; -webkit-border-radius:5px 0 0 0; border-radius:5px 0 0 0; } select.filterdd { font-family:"Arial Narrow",Arial,Helvetica,sans-serif; font-size:13px; width:305px; height:24px; line-height:19px; } /* -------------------------------------------------------------- ARTIKEL DETAILANSICHT ---------------------------------------------------------------*/ .productinfo { font-family:Arial,Helvetica,sans-serif; line-height:150%; font-size:12px; } .producttable { border:1px solid #E0E0E0; border-collapse:collapse; } .producttable td { text-align:center; font-size:12px; } div.prod_pic_box { float:left; position:relative; min-width:320px; width:100%; max-width:790px; height:215px; max-height:215px; border:1px solid #E0E0E0; text-align:center; overflow:hidden; margin-bottom:5px; zoom:1; } .ic_prodpicture { position:absolute; top:5px; left:1%; display:block; width:98%; height:200px; padding:0px; background-position:center center; margin:0px auto 5px auto; } .ic_prodpicture a { display:block; width:100%; height:203px; text-decoration:none; } div.prod_pic_box div.colorcorner { position:absolute; display:inline-block; left:1px; top:1px; width:30px; height:22px; border:1px solid; } .overlaycorner { position:absolute; display:inline-block; right:0px; top:0px; width:50px; height:50px; z-index:999; background-size:contain; background-repeat:no-repeat; background-position:top right; } .stockquantity { display:inline-block; width:auto; padding:1px 3px; min-width:20px; -webkit-border-radius:3px; border-radius:3px; text-align:center; } .sq_green { color:#FFFFFF; background-color:#009900; font-weight:bold; } .sq_red { color:#FFFFFF; background-color:#FF0000; font-weight:bold; } div.altpicarea { float:left; width:10%; min-width:76px; margin-right:1%; height:209px; zoom:1; overflow:hidden; } a.thumbnail { clear:both; width:75px; height:43px; border:1px solid #E0E0E0; border-left:0px; margin:5px 0 5px 0; text-decoration:none; font-size:11px; } a.thumbnail:hover { border-color:#808080; } div.pic_divider { clear:both; width:200px; height:8px; } div.prod_txt_box { position:relative; min-width:320px; min-height:200px; width:50%; float:right; border:1px solid #E0E0E0; padding:0; } div.ptb_head { height:23px; font-size:13px; font-weight:bold; white-space:nowrap; overflow:hidden; line-height:22px; background-color:#F0F0F0; border:0; text-indent:5px; margin-bottom:8px; } div.attribute-list { display:table; width:100%; padding:2px 0px 2px 0px; font-size:12px; margin-left:5px; overflow:hidden; border-bottom:1px dotted #E0E0E0; } div.ptb_caption { display:table-cell; clear:left; float:left; margin:1px 1px 1px 5px; width:150px; min-width:20%; } div.ptb_data { display:table-cell; float:left; margin:1px 1px 1px 5px; max-width:80%; } div.ptb_data p { float:none; } div.ptb_spacer { clear:both; height:4px; } div.techdatablockhead { width:440px; height:17px; font-family:Arial,Helvetica; font-size:12px; color:#BE2846; font-weight:bold; border-bottom:dotted 1px #BE2846; padding-top:5px; } td.attr_name { width:120px; font-weight:normal; vertical-align:top; } td.attr_data { width:230px; font-weight:normal; vertical-align:top; } div.accessory-list { float:left; width:440px; border-bottom:1px dotted #A0A0A0; padding:3px 0px 3px 0px; font-size:11px; } div.accessory-itemno { float:left; width:70px; height:auto; } div.accessory-price { float:left; width:50px; height:auto; text-align:right; } div.accessory-descr { float:left; width:230px; height:auto; } div.accessory-order { float:right; width:80px; height:auto; text-align:right; } .float-break { height:1%; } /* Fix for IE */ .float-break:after { content:"-"; height:0px; font-size:0px; visibility:hidden; display:block; clear:both; } div.techdatacell { height:16px; font-size:11px; border-bottom:0px; } .slidedown { display:inline-block; height:16px; background:url(/assets/images/small_arrows.png) no-repeat 100% 0px; padding-right:20px; text-align:right; } .slidedown:hover {background-position:100% -20px; } .arrowdown { background:url(/assets/images/small_arrows.png) no-repeat 100% 0px; } .arrowdown:hover { background:url(/assets/images/small_arrows.png) no-repeat 100% -16px; } .arrowup { background:url(/assets/images/small_arrows.png) no-repeat 100% -32px; } .arrowup:hover { background:url(/assets/images/small_arrows.png) no-repeat 100% -48px; } div#atc_message { width:300px; text-align:center; margin:5px 0 2px 0; background-color:#80FF80; font-size:12px; padding:2px; border:1px solid #40FF40; } div#qty_disc_table { display:none; position:absolute; top:0px; left:120px; width:220px; border:1px solid #808080; background-color:#FFFFFF; z-index:9999; -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.5); box-shadow:1px 1px 3px 0px rgba(50, 50, 50, 0.5); } table.discounttable { width:220px; border:0; font-size:12px; table-layout:fixed; border-collapse:collapse; background-color:#FFFFFF; } table.discounttable th { font-size:11px; font-weight:bold; text-align:right; border-bottom:1px solid #A0A0A0; background-color:#E0E0E0; padding:2px; } table.discounttable td { font-size:12px; font-weight:normal; text-align:right; padding:2px; } .lg_qtyinput { width:45px; height:28px; font-size:16px; border:1px solid #A0A0A0; padding:1px; text-align:center; } .plusminus_m, .plusminus_p { display:inline-block; width:28px; height:28px; color:#000000; background-color:#F0F0F0; text-align:center; vertical-align:top; border:1px solid #E0E0E0; font-weight:normal; font-size:19px; line-height:23px; cursor:pointer; } .plusminus_m:hover, .plusminus_p:hover { background-color:#200099; color:#FFFFFF; } .plusminus_m { margin-right:1px; } .plusminus_p { margin-left:1px; } .meratable { border:0; font-size:12px; width:100%; } .meratable .c1 { padding-right:10px; } .meratable .c2 { text-align:right; } .meratable .c3 { text-align:right; padding-right:2px; padding-left:10px; } /* --- CSS FROM MI --- */ p.tbe1EZ_indent { margin:0px; } .tge { margin-bottom:10px; } .tge.inline { display:inline; margin-bottom:0; } .txtfett { font-weight:bold; } .tg ul, .tg ol { padding-left:22px; margin-top:0px; } .tge sup { font-size:small; font-weight:normal; font-family:Arial,Helvetica,sans-serif; padding-left:1px; display:inline-block; vertical-align:text-top; } ul.dashed > li { list-style-type:none; padding-left:2px; } ul.dashed > li::before { content:"-"; position:relative; margin-left:-4px; left:-2px; } div.prod_text { font-size:14px; margin:0; padding:0; } div.prod_text br + br { line-height:6px; } .textfortsetzung { color:#333333; font-style:italic; margin-top:25px; } /* ----- X-Selling ----- */ .xsellitem { width:124px; height:62px; border:1px solid #E0E0E0; position:relative; overflow:hidden; float:left; display:inline-block; border-radius:7px; -webkit-border-radius:7px; behavior:url(/assets/css/PIE.htc); } .jcarousel-xsell .jcarousel-container { background: #FFFFFF; border:0px; } .jcarousel-xsell .jcarousel-direction-rtl { direction:rtl; } .jcarousel-xsell .jcarousel-container-horizontal { width:695px; padding:0px 0px; } .jcarousel-xsell .jcarousel-clip { overflow:hidden; } .jcarousel-xsell .jcarousel-clip-horizontal { width:694px; height:95px; } .jcarousel-xsell .jcarousel-item { width:126px; height:92px; } .jcarousel-xsell .jcarousel-item-horizontal { margin-left:6px; margin-right:7px; } .jcarousel-xsell .jcarousel-item-placeholder { background:#FFFFFF; color:#000000; } .jcarousel-xsell .jcarousel-next-horizontal { width:1px; height:1px; display:none; } .jcarousel-xsell .jcarousel-next-disabled-horizontal { width:1px; height:1px; display:none; } .jcarousel-xsell .jcarousel-prev-horizontal { width:1px; height:1px; display:none; } .jcarousel-xsell .jcarousel-prev-disabled-horizontal { width:1px; height:1px; display:none; } .jcarousel-xsell ul { list-style-type:none; } /* ----- JSSOR-Slider ----- */ .captionGreen, .captionBlack { color:#FFFFFF; font-size:18px; font-family:OpenSans,Arial,Helvetica,sans-serif; line-height:120%; text-align:center; border-radius:7px; -webkit-border-radius:7px; padding:5px; box-sizing:content-box; } .captionGreen { background:#005598; background-color: rgba(0,0,0,0.4); } .captionBlack { font-size:16px; background:#000000; background-color:rgba(0,0,0, 0.4); } a.captionGreen, a.captionGreen:active, a.captionGreen:visited { color: #FFFFFF; text-decoration:none; } a.captionGreen:hover { color:#005598; text-decoration:none; background-color:#EFEFEF; background-color:rgba(239, 239, 239, 0.7); } /* ----- jssor bullet ----- */ .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av { opacity:0.6; overflow:hidden; cursor:pointer; border:0; } .jssorb01 div { background-color: gray; } .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #D3D3D3; } .jssorb01 .av { background-color: #D0F0D0; opacity:1.0; } .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; } /* ----- jssor navi arrows ----- */ .jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn { position:absolute; cursor:pointer; display:block; background: url(/assets/images/slidernavi/a17.png) no-repeat; overflow:hidden; } .jssora05l { background-position: -10px -40px; } .jssora05r { background-position: -70px -40px; } .jssora05l:hover { background-position: -130px -40px; } .jssora05r:hover { background-position: -190px -40px; } .jssora05ldn { background-position: -250px -40px; } .jssora05rdn { background-position: -310px -40px; } /* ----- text in circle ----- */ div.sp_l { float:left; clear:left; height:10px; } div.sp_r { float:right; clear:right; height:10px; } span.circtext { max-height:150px; overflow-y:hidden; text-shadow:1px 1px 2px rgba(0,0,70,1); } /* jssor slider thumbnail navigator skin 01 css */ .jssort01 { background-color:rgba(255,255,255,0.5); } .jssort01 .p { position:absolute; top:0; left: 0; width: 92px; height:62px; } .jssort01 .t { position:absolute; top:0; left: 0; width: 100%; height:100%; border: none; } .jssort01 .w { position:absolute; top:0px; left: 0px; width: 100%; height:100%; } .jssort01 .c { position:absolute; top:0px; left: 0px; width: 92px; height:62px; border:#000000 1px solid !important; box-sizing:content-box; } .jssort01 .pav .c { top:0px; left:0px; width:92px; height:62px; border:1px; background-position:50% 50%;} .jssort01 .p:hover .c { top:0px; left:0px; width:92px; height:62px; border:#FFFFFF 1px solid !important; background-position:50% 50%; } .jssort01 .p.pdn .c { background-position:50% 50%; width:92px; height:62px; border:#000000 1px solid !important; } * html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c { /* ie quirks mode adjust */ width /**/: 92px; height /**/: 62px; } /*jssor slider thumbnail skin 101 css*/ .jssort101 .p { position:absolute; top:0; left:0; box-sizing:border-box; background:#FFFFFF; } .jssort101 .p .cv { position:relative; top:0; left:0; width:100%; height:100%; border:1px solid #FF0000; box-sizing:border-box; z-index:1; } .jssort101 .a { fill:none; stroke:#FFFFFF; stroke-width:400; stroke-miterlimit:10; visibility:hidden; } .jssort101 .p:hover .cv, .jssort101 .p.pdn .cv { border:none; border-color:transparent; } .jssort101 .p:hover { padding:2px; } .jssort101 .p:hover .cv { background-color:rgba(0,0,0,6); opacity:0.35; } .jssort101 .p:hover.pdn { padding:0; } .jssort101 .p:hover.pdn .cv { border:2px solid #FFFFFF; background:none; opacity:0.35; } .jssort101 .pav .cv { border-color:#FFFFFF; opacity:0.35; } .jssort101 .pav .a, .jssort101 .p:hover .a { visibility:visible; } .jssort101 .t { position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #E0E0E0; opacity:0.9; } .jssort101 .pav .t, .jssort101 .p:hover .t { opacity:1; } .jssort101 .pav { border:2px solid #006787; } .jssort101 .t img { max-width:94%; height:auto; max-height:100%; vertical-align:middle; } .wht_grad_l { background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); background:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); } .wht_grad_r { background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); } .jssort_arrow { position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; text-align:center; font-size:26px; color:#D0D0D0; } .jssort_arrow:hover { color:#000000; } .hidethumbandarrow { display:none !important; } .slidercapt { width:auto; height:70px; max-height:70px; background-color:rgba(0,0,0,0.5); padding:7px 20px 7px 20px; } div.slidelayera { font-family:OpenSansCondensed,Arial,Helvetica,sans-serif; font-size:17px; font-weight:bold; text-transform:uppercase; text-align:left; line-height:1.1em; } div.slidelayerb { font-family:OpenSansCondensed,Arial,Helvetica,sans-serif; font-size:38px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; text-align:left; line-height:1em; } span.thumbhelper { display:inline-block; width:1px; height:100%; vertical-align:middle; } div.w > div.t > img { vertical-align:middle; cursor:pointer; } /* ---------- PFAD (BREADCRUMBS) ---------- */ .pfad { float:left; text-align:left; font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#000000; } .pfad a:link, .pfad a:visited, .pfad a:active { text-decoration:none; color:#073747; } .pfad a:hover { text-decoration:none; color:#C61616; } .checkoutprogress { background-color:#F0F0F0; width:100%; padding:3px 0 0 0; margin-bottom:10px; display:block; } .opbreadt { display:block; float:left; min-width:100px; width:18%; height:22px; line-height:22px; font-weight:bold; font-size:14px; color:#606060; padding:0 5px 0 2px; } .opbreadn { display:inline-block; width:80%; height:22px; } .opbread0, .opbread1 { display:inline-block; position:relative; font-size:0.8em; width:20%; overflow:hidden; height:22px; line-height:22px; margin:0; padding:0; white-space:nowrap; text-decoration:none; text-indent:20px; text-overflow:ellipsis; } span.opbread0, a.opbread0 { color:#808080; } span.opbread1, a.opbread1 { color:#000000; } .opnumber { position:absolute; display:block; left:1px; top:1px; width:20px; height:20px; background-color:#A0A0A0; color:#FFFFFF; font-size:14px; line-height:20px; font-weight:bold; text-align:center; text-indent:0; } .opnumber#opncurr { background-color:#606060; } /* ---------- BESTELLUNG ---------- */ .adrblk_entry { width:100%; padding-bottom:2px; height:auto; overflow:auto; } .adrblk_entry::after { content:""; display:block; clear:both; height:0; } .adrblk_caption { display:block; float:left; width:160px; padding:3px 5px 1px 1px; font-size:13px; } .adrblk_data { display:block; float:left; font-size:13px; } .adrblk_data_d { display:block; float:left; border:1px solid #F0F0F0; } div.addressblock { width:320px; padding-left:3px; font-size:12px; text-align:left; } a.question { background: url(/assets/images/question.gif) no-repeat left center; padding-left:20px; text-decoration:none; font-size:11px; display:inline-block; height:16px; } a.question:link, a.question:visited, a.question:active { color:#606060; text-decoration:none; } a.question:hover { color:#000000; text-decoration:none; } table.bankinfo { border:0; margin:10px 0px 2px 25px; font-size:15px; } table.bankinfo td { vertical-align:top; } /* ---------- CMS Special ---------- */ div.personalbox { float:left; width:239px; border:1px solid #E0E0E0; padding:5px; margin:5px 5px 0 0; } /* ---------- AGB spacing ---------- */ div.agbtext { } div.agbtext br { margin-bottom:5px; } table.agb { width:100%; border:0; } .agb ol { margin-left:22px; } .agb .par { margin-top:10px; } /* ---------- SHADOW BOX ----------- */ .shadowbox { border:1px solid #E0E0E0; -webkit-box-shadow:2px 2px 4px #666666; box-shadow:2px 2px 4px #666666; behavior:url(/assets/css/PIE.htc); } /* ---------- DIALOGBOXEN ---------- */ .dialog { position:relative; margin:0px auto; min-width:40px; min-height:55px; color:#000000; z-index:1; max-width:1200px; margin-left:1px; margin-bottom:5px; } .dialog .content, .dialog .t, .dialog .b, .dialog .b div { background:transparent url(/assets/images/dialogbox.png) no-repeat top right; } .dialog .content { position:relative; padding:0px 10px 0px 0px; } .dialog .t { position:absolute; left:0px; top:0px; width:10px; margin-left:-10px; height:100%; background-position:top left; } .dialog .b { position:relative; width:100%; } .dialog .b, .dialog .b div { height:8px; font-size:1px; } .dialog .b { background-position:bottom right; } .dialog .b div { position:relative; width:10px; margin-left:-10px; background-position:bottom left; } .dialog .hd, .dialog .bd, .dialog .ft { position:relative; } .dialog .wrapper { position:static; max-height:1000px; overflow:auto; } .dialog h1, .dialog p { margin:0px; padding:0.5em 0px 0.5em 0px; } .dialog h1 { font-size:14px; padding-bottom:0px; } .dialog h2 { font-size:13px; font-weight:bold; padding:9px 2px 5px 2px; color:#000000; margin:0px; } /* ---------- GROUPBOXEN ---------- */ .groupbox { position:relative; margin:0px auto; min-width:40px; min-height:55px; color:#000000; z-index:1; max-width:1200px; margin-left:1px; margin-bottom:5px; } .groupbox .content, .groupbox .t, .groupbox .b, .groupbox .b div { background:transparent url(/assets/images/groupbox.png) no-repeat top right; } .groupbox .content { position:relative; padding:0px 10px 0px 0px; } .groupbox .t { position:absolute; left:0px; top:0px; width:10px; margin-left:-10px; height:100%; background-position:top left; } .groupbox .b { position:relative; width:100%; } .groupbox .b, .groupbox .b div { height:8px; font-size:1px; } .groupbox .b { background-position:bottom right; } .groupbox .b div { position:relative; width:10px; margin-left:-10px; background-position:bottom left; } .groupbox .hd, .groupbox .bd, .groupbox .ft { position:relative; } .groupbox .wrapper { position:static; max-height:1000px; overflow:auto; } .groupbox h1, .groupbox p { margin:0px; padding:0.5em 0px 0.5em 0px; } .groupbox h1 { padding-bottom:0px; } .groupbox h2 { font-weight:bold; padding:9px 2px 5px 2px; color:#000000; margin:0px; } /* ---------- BOX LOGIN / PASSWORD_CHANGE / PASSWORD_RECOVERY ---------- */ div.loginbox { width:310px; border:dotted 1px #666666; } div.loginboxhead { width:308px; height:17px; background-color:#E0E0E0; font-size:12px; color:#000000; font-weight:bold; padding:1px; } /* ---------- DOWNLOADS PAGE ------- */ div.downloads { width:750px; border:0; padding:0; line-height:20px; } div.downloads .dlgroup { font-size:13px; margin:15px 0 0 0; color:#005598; font-weight:bold; border-bottom:1px solid #E0E0E0; } div.downloads .dlline { border-bottom:1px solid #E0E0E0; height:24px; overflow:hidden; white-space:nowrap; margin:0; padding:0; position:relative; } div.downloads .dlline span { display:inline-block; margin:1px; padding:0; height:22px; line-height:20px; vertical-align:top; } div.downloads .dlline a { color:#000000; background-color:#FFFFFF; text-decoration:none; display:block; width:100%; height:22px; color:#000000; padding:0 !important; position:relative; } div.downloads .dlline a:hover { color:#FFFFFF; background-color:#77848F; } div.downloads .dlline a.videoplay { display:block; position:absolute; top:1px; right:175px; width:30px; height:20px; background:transparent url(/assets/images/videoplay.png) no-repeat 0 0; text-decoration:none; } div.downloads .dlline a.videoplay:hover { background-position:0 -20px; } /* ---------- GOOGLE MAP ----------- */ a.routeplanner { display:inline-block; text-decoration:none; position:relative; top:-445px; left:230px; width:80px; height:19px; font-size:11px; text-align:center; line-height:19px; color:#000000; background-color:#FFFFFF; border:1px solid rgba(0,0,255,0.15); box-shadow:0px 1px 4px -1px rgba(0,0,0,0.3); -webkit-box-shadow:0px 1px 4px -1px rgba(0,0,0,0.3); border-radius:2px; -webkit-border-radius:2px; } a.routeplanner:hover { background-color:#E0E0E0; color:#000000; } /* ---------- BUTTONS ---------- */ a.button27 { display:block; float:left; margin-left:1px; width:27px; height:27px; text-align:center; text-indent:0; font-size:21px; line-height:23px; padding:3px 1px 1px 1px; color:#FFFFFF; background-color:#005598; } a.button27:hover { background-color:#007fe0; } a.button27d, a.button27d:hover { display:block; float:left; margin-left:1px; width:27px; height:27px; text-align:center; text-indent:0; font-size:20px; line-height:23px; padding:2px 1px 1px 1px; color:#FFFFFF; background-color:#E0E0E0; } a.goupbutton { width:27px; padding:2px 4px 0 2px; text-align:right; overflow:hidden; white-space:nowrap; } a.goupbutton:hover { width:auto; } .cart27 { display:block; padding:2px; float:left; width:auto; min-width:30px; height:27px; font-family:OpenSansCondensed,Arial,Helvetica,sans-serif; font-size:15px; line-height:25px; color:#FFFFFF; font-weight:bold; background-color:#005598; background:url(/assets/images/cart30s.png), linear-gradient(to bottom, rgba(76,163,239,1) 0%,rgba(46,92,201,1) 49%,rgba(19,24,142,1) 100%); background-position:1px 0; text-indent:32px; text-decoration:none; border:0; padding: 0 4px 0 0; white-space:nowrap; overflow:hidden; -webkit-border-radius:3px; border-radius:3px; } .cart27:hover { background:url(/assets/images/cart30s.png), linear-gradient(to bottom,rgba(255,199,13,1) 0%,rgba(255,77,44,1) 100%); background-position:1px -27px; text-shadow:-1px -1px 1px rgba(0,0,0,0.6); } .mtbutton, a.mtbutton { font-family:OpenSansCondensed,Arial,Helvetica,sans-serif; font-size:15px; font-weight:bold; display:inline-block; min-width:100px; height:28px; padding:0 5px; line-height:25px; white-space:nowrap; border:1px solid #A0A0A0; -webkit-border-radius:3px; border-radius:3px; background-color:#005598; color:#FFFFFF; text-decoration:none; text-align:center; } .mtbutton:hover, a.mtbutton:hover { color:#FFFFFF; background-color:#007fe0; } .mtbutton.iconl { padding-left:30px; background-position:0 0; } .mtbutton.iconr { padding-right:30px; background-position:100% 0; } .mtbutton.mtberror { color:#FF0000; background-color:#E0E0E0; } .bspace { display:inline-block; width:25px; height:25px; } .button25 { width:25px; height:25px; background:url(/assets/images/button25.png) no-repeat; text-decoration:none; } .buttoncart { width:25px; height:25px; background:url(/assets/images/button25.png) no-repeat; background-position:0px 0px; display:inline-block; text-decoration:none; } .buttoncart:hover { background-position:0px -25px; text-decoration:none; } .buttontrash { width:25px; height:25px; background:url(/assets/images/button25.png) no-repeat; background-position:-150px 0px; display:inline-block; text-decoration:none; } .buttontrash:hover { background-position:-150px -25px; text-decoration:none; } .buttonfilt { height:25px; width:auto; background:url(/assets/images/button_filter.png) no-repeat; background-position:0px 0px; display:inline-block; text-decoration:none; } .buttonfilt:hover { background-position:0px -25px; cursor:pointer; } .buttonsearch { width:23px; height:23px; background:url(/assets/images/button25.png) no-repeat; background-position:-200px 0px; display:inline-block; text-decoration:none; } .buttonsearch:hover { background-position:-200px -25px; text-decoration:none; } .buttonprev { height:25px; background:url(/assets/images/button25.png) no-repeat; background-position:0px -50px; font-size:11px; line-height:24px; display:inline-block; color:#000000; } .buttonprev:hover { background-position:0px -75px; color:#000000; text-decoration:none; } .buttonprevi { height:25px; background:url(/assets/images/button25.png) no-repeat; background-position:0px -100px; font-size:11px; line-height:24px; display:inline-block; color:#000000; } .buttonprevi:hover { background-position:0px -100px; color:#000000; text-decoration:none; } .buttonnext { height:25px; background:url(/assets/images/button25.png) no-repeat; background-position:100% -50px; font-size:11px; line-height:24px; display:inline-block; color:#000000; } .buttonnext:hover { background-position:100% -75px; color:#000000; text-decoration:none; } .buttonnexti { height:25px; background:url(/assets/images/button25.png) no-repeat; background-position:100% -100px; font-size:11px; line-height:24px; display:inline-block; color:#000000; } .buttonnexti:hover { background-position:100% -100px; color:#000000; text-decoration:none; } .buttoniprev { width:25px; height:25px; background:url(/assets/images/button25.png) no-repeat; background-position:-50px 0px; display:inline-block; } .buttoniprev:hover { background-position:-50px -25px; text-decoration:none; } .buttoninext { width:25px; height:25px; background:url(/assets/images/button25.png) no-repeat; background-position:-75px 0px; display:inline-block; } .buttoninext:hover { background-position:-75px -25px; text-decoration:none; } .buttonilist { width:25px; height:25px; background:url(/assets/images/button25.png) no-repeat; background-position:-100px 0px; display:inline-block; } .buttonilist:hover { background-position:-100px -25px; text-decoration:none; } .buttondnext { width:25px; height:25px; background:url(/assets/images/button25.png) no-repeat; background-position:-225px 0px; display:inline-block; cursor:default; text-decoration:none; } .buttondnext:hover { text-decoration:none; } .buttondprev { width:25px; height:25px; background:url(/assets/images/button25.png) no-repeat; background-position:-225px -25px; display:inline-block; cursor:default; text-decoration:none; } .buttondprev:hover { text-decoration:none; } .buttoncarttext { width:auto; height:24px; color:#000000; background:url(/assets/images/cartbutton_text.png) no-repeat; background-position:0px 0px; display:inline-block; text-decoration:none; font-size:12px; line-height:20px; text-indent:25px; padding:0 5px 0 0; border:1px solid #D9D9D9; -webkit-border-radius:5px; border-radius:5px; cursor:pointer; } .buttoncarttext:hover { background-position:0px -25px; text-decoration:none; border:1px solid #A7A7A7; } .filterstart { float:left; display:inline-block; width:4px; height:25px; background:url(/assets/images/button25.png) no-repeat; background-position:0px -150px; } .filtermiddle { float:left; display:inline-block; height:25px; background:url(/assets/images/button25.png) repeat-x; background-position:0px -175px; } .filterend { float:left; display:inline-block; width:4px; height:25px; background:url(/assets/images/button25.png) no-repeat; background-position:100% -150px; } #resetfilter { margin:0 0 0 20px; padding:0 4px; font-size:11px; height:23px; background:url(/assets/images/button25.png) repeat-x; background-position:0px -176px; border:1px solid #E0E0E0; -webkit-border-radius:5px; border-radius:5px; cursor:pointer; } #resetfilter:hover { background-position:0px -212px; border:1px solid #A6A7A8; } a.button_s { display:inline-block; text-decoration:none; background:url(/assets/images/buttons.png) no-repeat; height:21px; max-height:21px; color:#FFFFFF; border:1px solid #A0A0A0; font-size:12px; font-weight:bold; line-height:20px; cursor:pointer; padding-bottom:2px; background-position:0 -281px; padding:0 5px 0 5px; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:1px 1px 1px 1px rgba(40,40,40,0.2); box-shadow:1px 1px 1px 1px rgba(40,40,40,0.2); } a.button_s:hover { background-position:0 -306px; border:1px solid #808080; } a.button_s.ra { background-position:100% -331px; padding:0 18px 0 5px; } a.button_s.ra:hover { background-position:100% -356px; border:1px solid #808080; } a.button_s.la { background-position:0 -331px; padding:0 5px 0 18px; } a.button_s.la:hover { background-position:0 -356px; border:1px solid #808080; } a.button_l { display:inline-block; text-decoration:none; background:url(/assets/images/buttons.png) no-repeat; height:27px; max-height:27px; color:#FFFFFF; border:1px solid #A0A0A0; font-size:13px; font-weight:bold; line-height:27px; cursor:pointer; padding-bottom:2px; background-position:0 -161px; padding:0 5px 0 5px; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:1px 1px 1px 1px rgba(40,40,40,0.2); box-shadow:1px 1px 1px 1px rgba(40,40,40,0.2); } a.button_l:hover { background-position:0 -191px; border:1px solid #808080; } a.button_l.ra { background-position:100% -221px; padding:0 20px 0 5px; } a.button_l.ra:hover { background-position:100% -251px; border:1px solid #808080; } a.button_l.la { background-position:0 -221px; padding:0 5px 0 20px; } a.button_l.la:hover { background-position:0 -251px; border:1px solid #808080; } .buttons a, .buttons button { display:block; float:left; margin:0 7px 0 0; background-color:#f5f5f5; border:1px solid #dedede; border-top:1px solid #EEEEEE; border-left:1px solid #EEEEEE; font-family:Arial,Helvetica,sans-serif; font-size:100%; line-height:130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; padding:5px 10px 6px 7px; } .buttons button { width:auto; overflow:visible; padding:4px 10px 3px 7px; } .buttons button[type] { padding:5px 10px 5px 7px; line-height:17px; } *:first-child+html button[type] { padding:4px 10px 3px 7px; } .buttons button img, .buttons a img { margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; } input.button { font-size:11px; } input.textfield, select.textfield { font-size:15px; border:1px solid #E0E0E0; margin:0px; background-color:#FCFCFC; } textarea { background-color:#FCFCFC; border:1px solid #E0E0E0; } input.textfield { padding:2px; } select.textfield { padding:2px 0; } input.missing, select.missing { border-color:#FF0000; } input.anzahlform { width:35px; height:22px; text-align:right; font-size:13px; border:solid 1px #A0A0A0; padding:1px 1px 2px 1px; margin:-1px 0px 0px 0px; } input.smbutton { font-size:11px; } input.smallbutton { font-size:11px; height:21px; } /* Mini Basket */ .mb_title { font-weight:bold; font-size:12px; background-color:#B0C6E7; } .mb_line { font-weight:normal; font-size:11px; background-color:#FFFFFF; } .mb_total { font-weight:bold; font-size:11px; background-color:#FFFFFF; } /* NEW Special Outputs */ .error { font-size:11px; font-weight:bold; color:#FF0000; margin:1px 0px 0px 0px; background-color:#FEEAEA; } .err { color: #FF0000;} .white { background-color:#FFFFFF;} .transp { background-color:transparent;} .vatline { font-size:11px;} .information { color: #FF0000; background-color:#FFFFFF; padding:2px 4px; border:solid 1px #FF0000; margin:20px 0px 5px 0px; } .informationb { color: #000000; background-color:#FFFFFF; padding:2px 4px; border:dotted 1px #BE2846; margin:20px 0px 5px 0px; font-weight:normal; } /* .scannerline { position:absolute; top:50%; left:1%; width:98%; height:2px; background-color:rgba(255,0,0,0.5); margin:5px 0; } .scannerline::after { content:''; position:absolute; width:16px; height:8px; top:-3px; left:0px; border-radius:50%; -webkit-border-radius:50%; background-color:#FF0000; animation:scanning 1s linear infinite; } */ .scannerline { position:absolute; top:0; left:-50%; width:100%; height:100%; } .scannerline::after { content:''; position:absolute; width:100%; height:8px; background-image:linear-gradient(to bottom, rgba(170, 184, 190, 0), rgba(170, 184, 190, .8)); animation: scanning 1s linear infinite; } @keyframes scanning { 100% { transform:translate(0, 460px); } } /* Font Awesome 4.6.3 */ .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}