BODY { margin: 0 1% 0 1%; text-align:center; font-size: 0.95em; font-family: Arial; line-height: 1.5em; color:#666; } #HTML { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; padding:0; } img { border:0; } .layer_bg { position:absolute; width:100%; height:100%; background-color:#b6c9e1; z-index:2; opacity:0.2; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;} .layer_bg:hover { opacity:0; } @media screen and (max-width: 650px) { #searcherweitert, #searcherweitert1, #korb, #hiers, #searchkollektion, #leiste_links_box_3,  #site_desc, #site_desc_1, #horizontalart, #aufl_outer_social, .merklistebutton, .merklistebutton1, .jetztbestellbutton, .preistabelle, #site_desc_prod, #horizontal, #header, .preiscalc { display: none; } .liste_links, .liste_links1, .liste_links2, .liste_links3, .liste_links4, .liste_links5, .liste_links6, .liste_links7, .liste_links8, .liste_links9, .liste_links10, .liste_links11, .liste_links12, .liste_links13, .liste_links14, .liste_links15, .liste_links16, .liste_links17, .liste_links18, .liste_links19 { width:44%; } .l-col-6 { width:90%;} .topwerbeartikell { height:3em; line-height:3em; width:100%; float:left; position:relative; list-style-type:none; margin: 0 0px 8px 0px; font-size:2em; text-align:center; color:white; background-color:#004c73; letter-spacing:0.15em; font-weight: bolder; border-radius:14px; } .topwerbeartikelr { height:3em; line-height:3em; width:100%; float:left; position:relative; list-style-type:none; margin: 0 0px 8px 0px; font-size:2em; text-align:center; color:white; background-color:#004c73; letter-spacing:0.15em; font-weight: bolder; border-radius:14px; } }  @media screen and (min-width: 651px) { .preistabelle_mob{ display: none; } .lSSlideOuter {max-height:600px;} .liste_links, .liste_links1, .liste_links6, .liste_links7, .liste_links9, .liste_links11, .liste_links12, .liste_links15, .liste_links16, .liste_links18 { width: 27%; } .liste_links2, .liste_links3, .liste_links4, .liste_links5, .liste_links8, .liste_links10, .liste_links13, .liste_links14, .liste_links17, .liste_links19 {width:18.3%;} .l-col-6 { width:50%; } #header_mob { display: none; } .topwerbeartikelr { height:3em; line-height:3em; width:49%; float:right; position:relative; list-style-type:none; margin: 0 0 8px 8px; font-size:2em; text-align:center; color:white; background-color:#004c73; letter-spacing:0.15em; font-weight: bolder; border-radius:14px; } .topwerbeartikell { height:3em; line-height:3em; width:49%; float:left; position:relative; list-style-type:none; margin: 0 0 8px 4px; font-size:2em; text-align:center; color:white; background-color:#004c73; letter-spacing:0.15em; font-weight: bolder; border-radius:14px; } }  @media screen and (min-width: 1180px) { #res_filter_container_plus, .searchunterrubs { display: none; } }  .preistabelle_mob { padding-top:4em; } @media screen and (max-width: 1180px) { #leiste_links_box_3, .searchunterrub { display: none; } } * + html #fb_iframe { display:none; } h1 { font-size:1.3em; line-height:1.5em; color:#004c73; margin:-0.25em 0 0.25em 0; } h2 { font-size:1.2em; line-height:1.5em; color:#004c73; margin:0 0 0.25em 0; } h3 { font-size:1.2em; line-height:1.5em; color:#004c73; margin:1.5em 0 0.25em 0; } h4 { font-size:1em; line-height:1.5em; color:#004c73; margin:0 0 0.25em 0; } h5{ font-size:0.9em; line-height:1.5em; color:#004c73; margin:1.2em 0 0.25em 0; } #site_desc { position:absolute; width:200px; height:20px; margin:6px 0 0 234px; } #site_desc_1 { position:absolute; width:200px; height:20px; margin:22px 0 0 234px; } #site_desc, #site_desc_1 { width:500px; font-weight:100; font-size:0.8em; color:#004c73; } #site_desc_monoshop { margin:0 0 0 520px; } #site_desc h1,#site_desc_1 h1,#site_desc_monoshop h1 { font-weight:100; font-size:0.8em; } .blocksatz { text-align:justify; margin: 0.8em 0 0 0; font-size:0.9em; } .blocksatz1 { text-align:justify; margin: 0.8em 0 0 0; font-size:1em; } #outer { max-width:1150px; margin:auto; } #inner_top { text-align:left; border:0; width:100%; float:left; max-height:120px; z-index:100; margin:0 auto 4px; } #header { width:100%; } #logo { clear:left; float:left; width:48%; margin:1% 1% 1% 0; } #logosaison { clear:left; float:left; width:48%; margin:0 1% 1% 0; }  #logoweihnachten { position:absolute; top:10px; left:-31px; width:50%; padding:0; } #telnr { float:right; max-width:100%; margin: 0% 0 0% 0; } #searchkollektion { clear:left; float:left; width:11em; height:1.8em; line-height:0.6em; cursor:pointer; background: none; font-size:1.2em; margin:0 1.2em 0 0; } #searchkollektion #kateg { text-align: right; height:100%; width:100%; letter-spacing: 0.1em; padding: 0 1em 0 0; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } #searchkollektion #kateg:hover { background:#004c73 url(../menuebilder/tw-sortiment-ov.svg) no-repeat; color:white; height:2.8em; } #searchkollektion #kateg .sortiment { font-size:1.2em; font-weight: bold; padding: 0.4em 0 0 0 }  #searchkollektion #kateg:not(:hover) { background:#fff url(/menuebilder/tw-sortiment.svg) no-repeat; color:#004c73 } #searchkollektion #kateg:not(:hover) #vertical { display:none; } #searchkollek { display:none; } #vertical { display: none; } #vertical .sortimentbild { display: block; width:96%; margin: 0 0 3% 2%; }  #searchkollektion .active #vertical { position:relative; display: block; float:left; margin:-1em 0 0 0; background:none; font-size:0.9em; letter-spacing: 0.0em; } .background { position:absolute; top:1.5em; min-height:100%; width:1200px; background-color:white; z-index:1; /* These three lines are for transparency in all browsers. */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity:.8; } #vertical ul { width: 13.25em; list-style:none; margin:0; padding-top:2em; } #vertical ul li { position:relative; height:1.7em; padding-top:0.25em; z-index:10; background:white; border-right:#004c73 1px solid; border-left:#004c73 1px solid; } #vertical a { color:#004c73; width:100%; line-height:1.4em; padding-left:0.75em; display:block; border:none; text-decoration:none; z-index:10; text-align:left; } #vertical ul li:hover { display:block; background: #c2e1f5; z-index:10; } #vertical ul li:hover ul { display:block; color:#444; border-left:0.5em #c2e1f5 solid; border-right:1px #c2e1f5 solid; border-bottom:1px #c2e1f5 solid; border-top:1px #c2e1f5 solid; background: #ffffff; z-index:10; } #vertical ul ul { position:absolute; width:53em; height:38.5em; left:13.2em; display:none; padding:1em 0 4em 0.25em; z-index:10; } #vertical ul ul a { width:100%; font-size:0.8em; color:#004c73; z-index:10; text-align:center; line-height:1em; } #vertical ul ul li { position:relative; float:left; display:block; width:16.5em; height:2.5em; border:1px #004c73 solid; background: #ffffff; z-index:10; margin:0px 0px 4px 4px; } #vertical ul ul li a { width:16.5em; line-height:2.25; font-size:95%; color:#004c73; z-index:10; margin:0px 0px 0px -4px; } #vertical ul ul li:hover{ color:#333; background: #c2e1f5; z-index:10; }  #verticalmenue h2 { font-size:18px; line-height:24px; font-weight:100; padding-left:8px; background:white; } #verticalmenue ul { width: 210px; list-style:none; margin:0; padding-top:30px; } #verticalmenue ul li { position:relative; height:28px; padding-top:2px; z-index:10; background:white; border-right:2px; border-right-color:#004c73; border-right-style:solid; } #verticalmenue a { color:#666; width:200px; line-height:24px; padding-left:8px; display:block; border:none; text-decoration:none; font-size:14px; z-index:10; text-align:left; } #verticalmenue a:hover { color:#444; z-index:10; border:none; background: #ccc; } #verticalmenue ul li{ display:block; background: #ccc; z-index:10; } #verticalmenue ul li ul { display:block; color:#444; border-left:4px #004c73 solid; background: #ffffff; z-index:10; } #verticalmenue ul ul { position:relative; width:200px; top:0px; display:none; padding:0px 0 0px 0; z-index:10; } #verticalmenue ul ul li { display:block; width:200px; border:1px #004c73 solid; background: #ffffff; z-index:10; } #verticalmenue ul ul li a { width:200px; color:#666; font-size:14px; z-index:10; } #verticalmenue ul ul li:hover{ color:#333; background: #ccc; z-index:10; } #verticalmenue ul ul li a:hover{ color:#333; background: #ccc; z-index:10; } #verticalmenue span { border-color: transparent transparent transparent #fff; border-style:solid; border-width:10px; top:2px; width:0; height:0; margin-right:4px; float:right; position:relative; transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s; } #verticalmenue a:hover span { border-color: transparent transparent transparent #333; transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); } #quicksearch { float:left; min-width:55%; margin:0 0% 0 1%; }  #suchterm { height:30px; width:98%; font-size:15px; color:#666; border: 1px solid #004c73; padding: 0 0 0 1.6%; background:#fff url(../menuebilder/lupe.svg) no-repeat; background-position:right; } #suchterm:hover, #suchterm:focus{ height:30px; width:98%; font-size:15px; border: 1px solid red; padding: 0 0 0 1.6%; background:#fff url(../menuebilder/lupe.svg) no-repeat; background-position:right; } #suchterms { height:30px; width:98%; font-size:15px; color:#666; border: 1px solid #004c73; padding: 0 0 0 1.6%; background:#fff url(../menuebilder/lupe.svg) no-repeat; background-position:right; } #suchterms:hover, #suchterms:focus{ height:30px; width:98%; font-size:15px; border: 1px solid red; padding: 0 0 0 1.6%; background:#fff url(../menuebilder/lupe.svg) no-repeat; background-position:right; } #searcherweitert1 { top:77px; height:0px; width:0px; margin:0 0 0 57.55%; opacity: 0.0; } #searcherweitert1 .textsearch { font-size:15px; height:0px; width:0px; border: 2px solid #004c73; padding:0px 0 0 18px; border-radius: 18px 0 0 18px; color:#666; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } #searcherweitert1 .textsearch:hover { border: 2px #004c73 solid; color:white; background: #004c73; } #searcherweitert a { float:right; text-align: center; margin: 0px 0px 0px 8px; font-size:15px; line-height:30px; width:8em; min-width:7em; background: white; border: 1px solid #004c73; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } #searcherweitert a:hover { border: 1px #004c73 solid; color:white; background: #004c73; } ::placeholder { opacity: 1; font-size:1.1em; letter-spacing: 0.1em; color:#004c73; } #inner_middle { text-align:left; border:0; width:100%; float:none; height:auto!important; margin:0 auto; } #horizontal { width: 100%; clear:both; z-index:10; border-bottom: 1px solid #d5d4d1; margin-bottom: 0.8em; } #horizontal ul { padding: 0px; margin: -4px 0 -4px 0; } #horizontal ul:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } #horizontal ul,#horizontal ul li{ } #horizontal ul li { list-style: none; float:left; padding: 0px 0.5em 0px 0px; font-size:0.8em; } #horizontal span { list-style: none; float:left; margin:0.5em 0 0 0; color:#666; } #horizontal span:hover { list-style: none; float:left; margin:0.5em 0 0 0; color:#666; } #horizontalart { width: 100%; z-index:10; border-bottom: 1px solid #d5d4d1; margin-bottom:0.8em; } #horizontalart ul { padding: 0px; margin: -4px 0 -4px 0; } #horizontalart ul:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } #horizontalart ul,#horizontalart ul li{ } #horizontalart ul li { list-style: none; float:left; padding: 0 0.5em 0 0; font-size:0.8em; } #horizontalart span { list-style: none; float:left; margin:0.5em 0 0 0; color:#666; } #horizontalart span:hover { list-style: none; float:left; margin:0.5em 0 0 0; color:#666; } #res_text_container_plus { min-width:90%; float:left; clear:left; min-height:2em; }  #artikel_image_small_box { max-width:100%; height:70px; text-align:center; margin:4px 0 0px 8px; } .artikel_image_small_box_in { max-height:100%; max-width:100%; } .artikel_logo_small_box { height:70px; width:87px; float:left; margin:0px 7px 7px 0px; padding:4px 0 0 0; } a:link,a:visited,a:hover,a:focus,a:active { color:#666; text-decoration:none; margin:0 0 4px; padding:0; } a:hover { color:#666; border-style:none; } a:focus { background:none; color:#000!important; } a.back,a.back:link,a.back:visited { background:url(../menuebilder/backlink.gif) no-repeat; color:red; margin:0; padding:0 0 0 14px; } #back { width:100%; margin:0; } .small { font-size:10px; } .left { height:20px; display:block; margin:12px 0 10px 10px; } h2.details { font-size:18px; line-height:24px!important; margin:0 0 16px; } th { text-align:left; font-weight:400; border-bottom:none!important; padding:0 0 10px; } .detail_text { width:420px; font-size:11px; line-height:14px; display:block; margin:0 0 10px; } .detail_text_tab_select_l { position:relative; float:left; width:30%; font-size:1.6em; margin:0.5em 0 0 0 ; color: #004c73; } .detail_text_tab_select_korb1 { position:relative; float:left; width:30%; font-size:1.4em; margin:0.5em 0 0 0 ; color: #004c73; } .detail_text_tab_select_cart_l { position:relative; clear:both; float:left; width:120px; font-size:14px; margin:8px; } .detail_text_tab_select_r { position:relative; float:left; font-size:1.7; width:70%; min-width:18em; } .detail_text_tab_cart_r { position:relative; float:left; font-size:1.7; width:50%;  } .detail_text_tab_cart { position:relative; float:left; font-size:1.7; width:50%; margin: 0 2em 0 0; } .detail_text_tab_icon_r { position:relative; float:left; width:100px; margin:5px 0 0 0; font-size:14px; } .detail_text_tab_l { float:left; width:30%; min-width:5em; clear:both; margin:0em 0 0 0; font-size:0.9em; } .detail_text_tab_r { float:right; width:70%; min-width:8em; margin:0em 0 0 0; font-size:0.9em; }  li.menu_tab_r { list-style:none; } .s_strong,.seite_akt,.seite_zahl,.seite,a.seite,a.seite:link,a.seite:visited,.seite_vor,a.seite_vor,a.seite_vor:link,a.seite_vor:visited { width:30px!important; text-align:center; color:#666; margin:0; padding:4px; } .seite_vor,a.seite_vor,a.seite_vor:link,a.seite_vor:visited { width:80px!important; color:#004c73; font-size:1em; } a.seite:hover,a.seite_vor:hover { background-color:#bbb; } .grey { color:#bbb; } .seite_akt { background-color:#bbb; color:#fff; font-weight:700; } .seite_zahl { background-color:#bbb; color:#004c73; font-size:1em; } #inner_top_infos { text-align:left; border:0; width:800px; float:none; height:112px; z-index:100; margin:0 auto 4px; } #inner_middle_infos { "background:url(../menuebilder/season_left.gif) no-repeat;" background-position: right; display: block-inline; text-align:left; font-size:14px; color:#666; line-height:18px; width:100%; float:left; margin:16px 0 0 0; height:auto!important; text-align:justify; } #site { width:1010px; height:auto; margin-left:10px; float:left; } #footer_start { position:relative; top:2em; padding-bottom:2em; left:0px!important; width:100%; height:auto!important; float:left; border-top: 0.5em solid #004c73;} .footerinfo1 li { float:left; width:15em; list-style-type:none; } #footer_start .text a{ position:relative; float:left; width:15em; height:24px; margin:5px 0 0 0px; } #footer_start a:hover { color:#004c73; } #footer_start .footer { position:relative; height:150px; margin: 5px 0 8px 0; } #footer_start .claim { float:left; bottom:4px; right:14px; max-width:70em; line-height:16px; text-align: justify; margin: 0px 0 0px 1em; font-size: 12px; color:#666; } #footer_start .text { position:relative; float:left; clear:both; max-width:18em; min-width:10em; } #footer_start .text li { list-style-type:none; position:relative; float:left; line-height:20px; margin:0px 0 0 0.5em; } #footer_start .ueberschrift { position:relative; float:left; width:16em; height:100%; line-height:20px; font-size:16px; color:#004c73; margin: 10px 20px 5px 0px; } #footer_start .ueberschrift1 { position:relative; float:left; height:100%; line-height:20px; font-size:16px; color:#004c73; margin: 10px 20px 5px 0px; } #footer_start ul { position:relative; float:left; min-height:20px; margin:0px 0px 0px 0px; } #footer_start ul li { list-style-type:none; position:relative; float:left; width:10em; height:24px; font-size:14px; margin:2px 0px 2px 0px; } #footer_start p{ position:relative; width:230px; margin:12px 0px 0px 25px; font-size:14px; } #footer_start h2 { position:relative; float:left; width:245px; height:20px; line-height:20px; font-size:18px; color:#004c73; padding:0px 0 0 10px; margin: 0px 20px 5px 0px; } #footer_start h3 { position:relative; float:left; width:100%; height:20px; line-height:20px; font-size:14px; color:black; font-weight:100; padding:0px 0 0 0.5em; margin-top:1em; } #footer_global_background { height:212px; width:10px; } #footer_table { height:120px!important; float:left; background:url(../menuebilder/background_end.gif) repeat-x; } #footer .footer_middle { vertical-align:top; padding-top:0; width:auto; } #footer_middle_text { height:110px; width:960px; padding-top:20px; text-align:center; margin:30px 0 0; } #linke_spalte { margin-top:0; float:left; margin-left:1px!important; } #menue { position:absolute; top:46px; width:190px; background:url(../menuebilder/menueback.gif) repeat-x; display:block; height:60px; padding:200px; } #aktionsfeld { position:absolute; top:50px; width:100px; margin:0 0 0 380px; } #korb { min-width:50%; float:right; margin:0.5em 0 0 0; } #katalogueberschrift { position:absolute; top:65px; } #warenkorb,#warenkorb1,#merkliste { width:50px; text-align:left; float:right; height:16px!important; line-height:14px!important; border:1px solid #999; font-size:14px; margin:1% 1% 0% 0; } #warenkorb { float:right; background:#fff url(../menuebilder/cart.svg) no-repeat; } #warenkorb a { width:50px; display:block; color:#666; } #warenkorb span { color:#666; padding:0 0 0 38px; } #merkliste span { color:#666; padding:0 0 0 38px; } #merkliste { float:right; background:#fff url(../menuebilder/merk.svg) no-repeat; } #merkliste a { width:50px; display:block; } #merkliste a:visited,#merkliste a:link { width:62px; color:#666; height:26px; } #kontakt { position:relative; float:left; left:0px; width:100%; padding:1em 0 0 0; margin:0px 0 0 0; } #kontakt p { font-size:14px; } .caption { color:#666; } #anfrage { position:relative; text-align:left; float:left; width:100%; font-size:1.8em; margin:0.4em 0 0.4em 0; color:#666; } #anfrage .textfeld { position:relative; float:left; width:30%; min-width:15em; margin:0.4em 0 0.4em 0; height:28px; } #anfrageterm { height:1.5em; width:88%; background:#ffffff; color:#666; border: 1px solid #666; padding: 0 0 0 1.5%; font-size:1em; } #anfrage .anfrage1 { position:relative; float:left; width:15%; min-width:8em; font-size:1em; font-weight:600; margin:0.4em 0 0.4em 0; } #anfrage .anfrage1 p { position:relative; float:left; font-size:1em; font-weight:600; margin:0.4em 0 0.4em 0; } #anfrage .anfrage1a { position:relative; clear:left; float:left; width:15%; min-width:8em; margin:0.5em 0 0.4em 0; } #anfrage .anfrage2a { position:relative; float:left; width:84%; font-size:1em; font-weight:600; margin:0.4em 0 0.4em 0; } #anfrage .anfrage2aa { position:relative; float:left; width:84%; margin:0.4em 0 0.4em 0; }  #anfrage2aaterm { font-family:Arial, Helvetica, sans-serif; height:5em; width:85%; min-width:12em; font-size:0.8em; background:#ffffff; color:#666; border: 1px solid #666; padding: 0.25em 0.25em 0 0.25em; margin:0.4em 0 0.4em 0; }  #anfrage .anfrage2 { position:relative; float:left; min-width:10em; margin:0.4em 0 0.4em 0; }  #anfrage .anfrage3 { position:relative; float:left; width:15%; min-width:8em; margin:0.5em 0 0.4em 0; } #anfrage .anfrage4 { position:relative; float:left; width:20%; margin:0.4em 0 0.4em 0; }  #anfrage p { font-size:14px; } #anfrage h1 { font-size:16px; font-weight: 600; } .top10 { margin:10px 0 0; } #leiste_links_box_3,#leiste_links_box_3_extra,#leiste_links_box_3_saison { position: sticky; top:0px; width:15%; min-width:11em; float:left; margin-right:1em; } #mitte_leiste_links_box_3 { width:191px; height:30px; display:block; margin:0; }  .startsite { position:relative; top:10px; left:0px!important; width:100%; height:auto!important; float:left; } #startsite_image2 { margin:7px 7px 0 2px; } .startsite #startsite_box_top_right { width:390px; height:180px; float:left; margin-bottom:5px; margin-left:14px!important; font-family:Arial, Helvetica, sans-serif; margin-top:0; padding:10px 0 0; } .startsite .container_top_right { width:360px; margin:0; } .startsite #startsite_box_middle_width { width:780px; height:240px; float:left; margin-bottom:0; margin-left:0!important; font-family:Arial, Helvetica, sans-serif; margin-top:0; padding:10px; } .startsite #startsite_box_middle_right { width:410px; min-height:135px; float:right; } .startsite #startsite_box_middle_left { width:410px; min-height:135px; float:left; } .startsite #startsite_box_middle_right_under { width:390px; min-height:185px; float:left; margin-bottom:5px; margin-left:-5px!important; font-family:Arial, Helvetica, sans-serif; margin-top:8px; padding:0; } .startsite .container { width:100%; margin:1.5em 0em 0 0; float:left; clear:both; }  .containerstart { max-width:44em; min-width:10em; margin:2em 2% 0 0; float:left; } .startsite .container_landing { width:955px; font-size:16px; margin:8px 10px 8px 10px; float:left; clear:both; } .startsite .container_rechts { width:475px; float:right; margin: 0px 10px 0 0; font-size:14px; } .container_links { float:left; max-width:100%; margin:2em 0 0 0em; } .startsite .container_rechts_2 { width:370px; font-size:12px; margin: 15px 0 20px 15px; } .startsite .startsite_box_middle { min-height:380px!important; } .startsite .startsite_box_middle p { line-height:14px; color:#666; margin:0 10px 4px 0; } .startsite_box_text_top { color:red; font-size:18px; font-weight:700; height:auto; } .startsite #startsite_middle_flash { width:800px; height:380px; display:block; margin:0 0 5px 3px; } .startsite #startsite_box_login_text_top { width:385px; height:40px; display:block; font-size:12px; } .startsite #startsite_login_inputbox,#startsite_login_password { width:300px; height:25px; display:block; font-size:11px; color:#666; margin-bottom:60px; border:solid; volume:x-loud; background:none; border-color:#ccc; padding:3px 2px 0 8px; } .login_link,a.login_link,a.login_link:link,a.login_link:hover,a.login_link:visited { background:url(../menuebilder/link_klein.gif) no-repeat; color:#666; display:block; margin:5px 0 0 4px; padding:1px 0 0 13px; } .startsite #login_link_box { width:230px; height:50px; float:left; } #startsite_login { float:right; margin:0.25em 0.25em 0 0%; color:#666; font-size:0.9em; } .startsite_login,a:link { color:#666; } .warenkorb1,a.warenkorb1,a.warenkorb1:link,a.warenkorb1:visited { width:29px; height:26px; float:left; background:url(../menuebilder/in-warenkorb.gif) no-repeat; margin:3px 15px 0 2px; } .blocksatz_r_plus { line-height:1em; background:url(../menuebilder/startsite_hack.gif) no-repeat; width:100%; margin: 1em 0 0em 0; padding: 0em 0 0 1.1em; } .blocksatz_n_plus { font-family:Arial, Helvetica, sans-serif; color:#666; text-align:justify; background:url(../menuebilder/startsite_hack.gif) no-repeat; padding:0 0 12px 21px; } .small_plus { font-family:tahoma, arial, geneva; font-size:9px; margin:0; } a.small_plus,a.small_plus:link,a.small_plus_fl,a.small_plus_fl:link { color:#333; } a.small_plus_fl,a.small_plus_fl:link { margin:0 8px 0 0; } #res_text_container_plus_artikel { width:778px; min-height:137px; float:left; margin:0!important; padding:0; } #res_text_container_Hsuche_auswahl { max-width:960px; min-width:15em; min-height:25px; float:right; margin:0; padding:0; } #res_text_container_Hsuche { max-width:960px; min-width:15em; min-height:25px; float:left; margin:0; padding:0; } .h100 { min-height:22px!important; float:left; } .h100 td { font-size:14px; line-height:16px; } .h1001 { min-height:70px!important; float:left; } .wg_img { width:220px; float:right; margin:0; padding:8px; } #res_filter_container_plus #filter { width:935px!important; height:15px; background:url(../menuebilder/res_text_container_filter.gif) no-repeat; clear:both; margin:4px 5px 0 10px; padding:2px 2px 4px 18px; } #res_filter_container_plus h3 { font-size:16px; font-weight:400; margin:0px 0 8px 8px; } #filter_plus { position:absolute; display:block; top:6px; right:0px; width:495px; height:60px!important; margin:0 0 8px 0px !important; } .filter_plus_abstand { position:relative; color: #004c73; width:14em; float:left; height:30px!important; font-size:1.25em; margin:4px 0 10px 0px; cursor:pointer; font-weight:600; } .filter_plus_abstand_mob { position:relative; color: #004c73; width:150px; float:left; height:30px!important; font-size:12px; margin:0px 10px 10px 0px; cursor:pointer; font-weight:600; clear: right; } #kontakt_container { width:20em; float:left; } #kontakt_container_a { width:6em; float:left; } #kontakt_container_b { width:12em; float:left; } #kontakt_container_c { width:18em; float:right; }  select.filter_plus { border:1px solid #666; height:15px; margin:0 10px 0 0; } #link_box_container_plus { width:16em; float:left; padding:0; } #link_box_container_plus a { width:16em; } #link_box_container_plus a:hover,#link_box_container_plus a:active { width:16em; text-decoration:underline; } #link_box_container_plus UL { width:220px; list-style:none; margin:0; padding:0; } #link_box_container_plus LI { width:16em; line-height:1.5em; float:left; margin:0; padding:0; } #link_box_container_plus_fragen { width:100%; float:left; font-size:14px; line-height:20px; margin:0px 0 10px 20px; padding:0 0 0 0; } #link_box_container_plus_kontakt { width:60px; float:left; margin:0 0 0 10px; padding:0; font-size:14px; line-height:20px; } #link_box_container_plus_kontakt_zeiten { position:relative; width:340px; float:left; margin:0 0 0 10px; padding:0; font-size:14px; line-height:20px; } #res_text_container_plus_2 { width:100%; min-height:5px; float:left; margin:0!important; padding:0; } #res_text_container_plus_2 ul { margin:0 0 0 25px !important; } #res_text_container_plus_2 h3 { font-weight:700; color:#666; font-size:12px; margin:18px 0 14px 10px !important; }  #res_text_container_plus_2 h1 { font-weight:700; color:#666; font-size:17px; margin:4px 0 0 10px !important; } #res_text_container_plus_2 #res_text_container_plus_2 p { color:#666; padding-top:0!important; margin:2px 8px 0; } #abschluss_text_container_plus_2 { width:778px; height:80px; background:url(../menuebilder/res_text_container_bg_h101_abschluss.jpg); display:block; float:left; margin:0; } #artikel_container { width:100%; min-height:5px; float:left; margin:0!important; padding:0; } .artikel_spalte_links { position:relative; top:0px; left:2px; width:50%; float:left; left:0px; margin:0 5% 0 0; }  .artikel_spalte_links h4 { float:left; margin:1.2em 0 0.5em 0; } .artikel_spalte_rechts { position:relative; top:0px; width:45%; float:left; font-size:1em; } @media (max-width:680px) { .artikel_spalte_links {	min-width: 99%;	padding-top: 1em; } .artikel_spalte_rechts { min-width: 99%; padding-top: 2.5em; } }  .artikel_spalte_rechts .preisinfo { float:left; margin: 0.5em 0 0 0; clear:both; } .artikel_spalte_rechts h4 { float:left; margin:1.2em 0 0.5em 0; } #content_top { width:976px; margin:0; } #content { float:left; width:770px; margin:8px 0 0 10px; padding:0; } #drucker { width:190px; height:18px; line-height:18px; background:url(../menuebilder/print.gif) no-repeat; margin:20px 6px 20px 5px; } #drucker a { color:#666; padding:0 0 0 0px; } a.tipp3 { position:relative; font-weight:700; float:left; } a.tipp1 { position:relative; } a.tipp:hover span,a.tipp1:hover span,a.tipp3:hover span { width:400px; position:absolute; top:30px; left:-200px; z-index:100; display:block; background:#004c73; border:1px solid #666; text-decoration:none; padding:3px; } #daten_fakten_tab a.tipp:hover span { line-height:16px; font-size:12px; width:450px; font-weight:100; text-shadow:none; text-decoration:none; color:white; left:-70px; } a.tipp:hover,a.tipp1:hover,a.tipp3:hover,a.tippsmall:hover { background-color:transparent; text-decoration:none; }  a.tippsmall:hover span { width:250px!important; position:absolute; top:30px; left:-70px; z-index:100; display:block; background:#004c73; border:1px solid #666; text-decoration:none; padding:3px; }  #artikel_ausverkauf { width:140px; height:30px; line-height:30px; background-color:red; position:absolute; text-align:center; color:white; font-size:18px; letter-spacing:1; } #artikel_sonderangebot { width:475px; height:34px; line-height:34px; margin-top:-10px; background-color:#33cc00; position:absolute; text-align:center; color:white; font-size:16px; letter-spacing:1; } #artikel_image_ausverkauft { width:475px; height:440px; text-align:center; opacity: 0.75; position:absolute; background-color:white; } #ausverkauft { position:absolute; width:250px; height:34px; top:200px; left:108px; line-height:34px; text-align:center; background-color:red; color:white; font-size:18px; letter-spacing:1; }  .artikel_info { width:420px; height:600px; background:url(../menuebilder/bg1.gif) repeat-x; padding:0 0 0 10px; } .namebox { width:350px; height:30px; display:block; color:red; font-weight:700; background:inherit; padding:10px; } .artikel_info #name { width:170px; font-size:18px; float:left; color:red; } .artikel_info #nummer { width:120px; font-size:12px; float:left; color:red; margin:4px 0 0 7px; } .min_box { height:30px; color:#666; font-weight:700; background:inherit; text-align:left; margin:8px; } .min_box #min_preis { font-size:21px; float:left; color:#666; } .min_box #text { font-size:13px; float:left; margin:4px 0 0 7px; } .tabelle_staffpreise { width:380px; height:150px; background:#FFF; padding:10px; } .tabelle_staffpreise #zwischenspalte { height:1px; margin:1px; } .daten_fakten { min-height:200px!important; min-width:10em; width:100% float:left; clear:both; line-height:1.3em; padding:0; } .daten_fakten span { font-size:1.0em; line-height:0.9em; }  .kalkulierbuttoninakt  { margin:4px 0px 4px 0px; }  .kalkulierbuttoninakt .box { float:left; position:relative; width:220px; height:40px; text-align: center; line-height:40px; padding:0px 0px 0px 0px; font-size:18px; font-weight:100; border: 1px solid #004c73; background:white; opacity: 0.5; }  .kalkulierbutton  { margin:4px 0px 4px 0px; }  .kalkulierbutton .box { float:left; background: #004c73; position:relative; width:220px; height:40px; cursor:pointer; text-align: center; line-height:40px; padding:0px 0px 0px 0px; font-size:18px; color:white; font-weight:100; border: 1px solid #004c73; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .kalkulierbutton .box:hover { -moz-box-shadow:1px 1px 6px #292929; /* Firefox */ -webkit-box-shadow:1px 1px 6px #292929; /* Chrome, Safari */ -khtml-box-shadow:1px 1px 6px #292929; /* Konqueror */ box-shadow:1px 1px 6px #292929; /* CSS3 */ } .kalkulierbutton .active1 .box { border: 1px #004c73 solid; color:white; background: #004c73; width:98%; }  .produktkalkulierung { display:none; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .produktkalkulierung td { position: relative; overflow:hidden; font-size:14px; padding: 2px 0 2px 0; font-weight:100; }  .produktkalkulierung .boxi { position: relative; float:left; font-size:14px; font-weight:600; top:0px; line-height:18px; color:#004c73; }  .kalkulierbutton .active1 .produktkalkulierung { display: block; float:left; padding:4px; width:98%; background:#fde389; border:2px solid #ff7800; border-radius: 8px; font-size:16px; margin:0 0 0px 0; }  .produktkalkulierung .preisgesamt { position: relative; width:auto; min-height:10px; text-align:right; float:right; color: red; top:10px; right:0px; margin:0 0 20px 0; font-size: 2.5rem; font-weight: bold; border:none; }  #produktdetail_liste .merklistebutton { float:left; position:relative; width:90px; height:30px; line-height:30px; cursor:pointer; overflow:hidden; border: 1px #004c73 solid; left:16px; margin: 10px 8px 0px 0px; font-size:1.2em; } #produktdetail_liste .merklistebutton a { float:left; text-align: center; width:100%; font-size:12px; margin: 0 0 0 0px; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } #produktdetail_liste .merklistebutton a:hover { color:white; background: #004c73; }  #produktdetail_liste .merklisteja { color:white; background: #004c73; } #produktdetail_liste .korbja { color:white; background: #004c73; } #produktdetail_liste .bestellbutton { float:left; position:relative; width:90px; height:30px; line-height:30px; cursor:pointer; overflow:hidden; border: 1px #004c73 solid; left:16px; margin: 10px 8px 0px 0px; font-size:1.2em; }  #produktdetail_liste .bestellbutton a { float:left; text-align: center; width:100%; font-size:12px; margin: 0 0 0 0px; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } #produktdetail_liste .bestellbutton a:hover { color:white; background: #004c73; }   #daten_fakten_tab .anfragebutton { float:left; position:relative; width:12em; height: 1.6em; cursor:pointer; margin:0.6em 0 0em 0; font-size:1.2em; }  #daten_fakten_tab .anfragebutton a { float:left; text-align: center; margin:0px 0px 0px 0px; line-height:40px; width:100%; font-size:16px; font-weight:100; color:#004c73; letter-spacing: 1pt; border: 1px solid #ff7800; border-radius: 8px; background: linear-gradient(to bottom, #fff, #eaeaea); -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } #daten_fakten_tab .anfragebutton a:hover { border: 1px #ff7800 solid; color:white; background: #ff7800; } #daten_fakten_tab .bestellbutton { float:right; position:relative; width:220px; height:40px; cursor:pointer; right:8px; }  #daten_fakten_tab .bestellbutton a { float:left; text-align: center; margin:0 0px 0 0px; line-height:40px; width:100%; font-size:18px; font-weight:100; background: #339900; color:white; border: 1px solid #339900; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } #daten_fakten_tab .bestellbutton a:hover { -moz-box-shadow:1px 1px 6px #292929; /* Firefox */ -webkit-box-shadow:1px 1px 6px #292929; /* Chrome, Safari */ -khtml-box-shadow:1px 1px 6px #292929; /* Konqueror */ box-shadow:1px 1px 6px #292929; /* CSS3 */ } #daten_fakten_tab .nichtverfuegbar { float:right; text-align: center; width:50%; display: flex; align-items: center; justify-content: center; height:3.75em; font-size:24px; line-height:34px; letter-spacing: 1pt; font-weight:100; margin:0.5em 0 0 0; border: 2px solid red; } #daten_fakten_tab .jetztbestellbutton { float:right; position:relative; width:50%; height:4.8em; cursor:pointer; right:0em; margin:0.5em 0 0 0; font-size:1.2em; } #daten_fakten_tab .jetztbestellbutton a { float:left; text-align: center; width:100%; display: flex; align-items: center; justify-content: center; height:100%; line-height:34px; font-size:24px; letter-spacing: 1pt; font-weight:100; color:#004c73; background: linear-gradient(to bottom, #fff, #eaeaea); border: 2px solid #ff7800; border-radius: 8px; -moz-box-shadow:1px 1px 3px #808080; /* Firefox */ -webkit-box-shadow:1px 1px 3px #808080; /* Chrome, Safari */ -khtml-box-shadow:1px 1px 3px #808080; /* Konqueror */ box-shadow:1px 1px 6px #808080; /* CSS3 */ -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } #daten_fakten_tab .jetztbestellbutton a:hover { color:white; background: linear-gradient(to bottom, #ffc000, #ff7800); } #daten_fakten_tab .finalbestellbutton { float:right; margin:0.6em 0 2em 0; position:relative; width:221px; height:45px; border:none; font-size:18px; font-weight:100; background: #ff7800; color:white; cursor:pointer; } #daten_fakten_tab .finalbestellbutton:hover { -moz-box-shadow:1px 1px 6px #292929; /* Firefox */ -webkit-box-shadow:1px 1px 6px #292929; /* Chrome, Safari */ -khtml-box-shadow:1px 1px 6px #292929; /* Konqueror */ box-shadow:1px 1px 6px #292929; /* CSS3 */ }  #daten_fakten_tab .merklistebutton { float:left; position:relative; width:5.65em; height:40px; cursor:pointer; overflow:hidden; border: 1px #ff7800 solid; background: linear-gradient(to bottom, #fff, #eaeaea); border-radius: 8px; left:0px; margin: 20px 0px 0px 0px; font-size:1.2em; } #daten_fakten_tab .merklistebutton1 { float:left; position:relative; width:5.65em; height:40px; cursor:pointer; overflow:hidden; border: 1px #ff7800 solid; background: linear-gradient(to bottom, #fff, #eaeaea); border-radius: 8px; left:0px; margin: 20px 10px 0px 0px; font-size:1.2em; } #daten_fakten_tab .merklistebutton a, .merklistebutton1 a { float:left; text-align: center; width:100%; display: flex; align-items: center; justify-content: center; height:100%; font-size:14px; font-weight:100; margin: 0px 0 0 0px; color:#004c73; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } #daten_fakten_tab .merklistebutton a:hover, .merklistebutton1 a:hover { color:white; background: #ff7800; }  #daten_fakten_tab .merklisteja { color:white; background: #004c73; } #daten_fakten_tab .korbja { color:white; background: #004c73; }  #daten_fakten_tab { width:100%; min-height:1.2em; line-height:1em; float:left; clear:both; font-size:1.0em; font-weight:700; color:#004c73; } #daten_fakten_tab h2{ font-size:1.0em; line-height:1em; margin:1.4em 0 -0.5em 0 ; clear:both; font-size:1.2em; }  #daten_fakten_tab .preisab { position: relative; width:auto; height:30px; text-align:right; float:right; color: red; text-shadow: #666 0.04em 0.04em 0.03em; top:0px; right:0; margin: 0em 0 0 0; font-size: 2.0em; font-weight: bold; border:none; }  #daten_fakten_tab .versandinfo { position: relative; width:auto; text-align:left; float:left; clear:left; margin: 0.25em 0 0 0; font-size:14px; font-weight:300; color:#666; }  #daten_fakten_tab .preisinkl { position: relative; width:70%; min-width:10em; float:left; top:0px; margin:0 0 0 0; font-size:1.2em; }  #daten_fakten_tab .preiscalc { position: relative; width:100%; height:1.8em; text-align:center; float:Left; color: white; top:1em; letter-spacing:1px; font-size: 18px; font-weight:100; background: linear-gradient(to bottom, #ffc000, #ff7800); margin: 0px 0 40px 0; padding-top:1em; border-radius: 8px; }  .preiscalc:after, .preiscalc:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; }  .preiscalc:after { border-color: rgba(136, 183, 213, 0); border-top-color: #ff7800; border-width: 14px; margin-left: -12px; } .preiscalc:before { border-color: rgba(136, 183, 213, 0); border-top-color: #ff7800; border-width: 16px; margin-left: -14px; }   .daten_fakten #daten_fakten_tab span { width:100%; min-height:20px; line-height:22px; float:left; font-size:1.0em; font-weight:700; color:#004c73;  } .daten_fakten_tabelle { font-size:14px; margin:2px 0 0; } .daten_fakten_tabelle .zeil { height:14px; } .daten_fakten_tabelle .param { width:200px; font-weight:700; float:left; } .daten_fakten_tabelle .value { width:150px; float:left; }  #aufl_outer_neu { width:100%; overflow:auto; border-color:red; border-style:solid; border-width:1px; padding:0 0 5px 0px; font-size:14px; } .auswahl { text-align: justify; font-size: 1.1em; color: #004c73; padding: 1em 0 1em 0; } #aufl_outer h2{ font-size:14px; margin:10px 0 5px 0px; } #aufl_outer_neu h2{ font-size:14px; margin:5px 0 5px 5px; } #aufl_outer_neu h3, #aufl_outer h3{ font-size:14px; margin:10px 0 5px 0px; } #aufl_outer_neu h4, #aufl_outer h4{ font-size:14px; margin:10px 0 5px 0px; } #aufl_outer_neu h5, #aufl_outer h5{ font-size:14px; margin:10px 0 5px 0px; } #aufl_outer_neu img { width:12px; height:12px; clear:both; margin:4px 4px 0 4px; } #aufl_outer { clear:both; border-top: 1px solid #d5d4d1; margin: 8px 0 0 0px; } #aufl_outer_farb img { width:42px; height:38px; float:left; margin:0px 0 9px 9px; border: 1px solid #d5d4d1; padding:20px 21px 19.5px 21px; border-radius: 5px; } #aufl_outer_farb img:hover { width:42px; height:38px; float:left; margin:0px 0 9px 9px; border: 1px solid red; padding:20px 21px 19.5px 21px; } #aufl_outer_farb_aktiv img { width:42px; height:38px; float:left; margin:0px 0 9px 9px; border: 1px solid red; padding:20px 21px 19.5px 21px; border-radius: 5px; }  .aufl_outer_img img { max-width:74px; height:67.5px; float:left; margin:0px 0 9px 9px; border: 1px solid #d5d4d1; padding:5px; border-radius: 5px; } .aufl_outer_img img:hover { max-width:74px; height:67.5px; float:left; margin:0px 0 9px 9px; border: 1px solid red; padding:5px; border-radius: 5px; } .aufl_outer_img_aktiv img { max-width:74px; height:67.5px; float:left; margin:0px 0 9px 9px; border: 1px solid red; padding:5px; border-radius: 5px; } #aufl_outer ul { border-top:0; text-align:left; padding:0; }  #aufl_outer .textrub { position:relative; float:left; width:400px; min-height:20px; margin:0px 0px 0px 0px; font-size:16px; } #aufl_outer .textrub a{ position:relative; float:left; clear:left; width:400px; height:20px; font-size:12px; margin:0px 0 0 8px; font-weight:100; }  #aufl_outer .textrub li { list-style-type:none; position:relative; float:left; width:400px; line-height:20px; font-size:14px; margin:0px 0 0px 4px; }  #aufl_outer a:hover {  } #aufl_outer_social { clear:left; width:100%; min-height:50px; overflow:visible; border-top: 1px solid #d5d4d1; margin: 8px 0 0 8px; } #aufl_outer_art h2{ font-size:1.5em; line-height:1em; margin:-0.25em 0 -0.15em 0 ; clear:both; } #aufl_outer_art h1{ font-size:1.3em; line-height:1em; margin:0em 0 -0.15em 0 ; clear:both; }  li.menu { list-style:none; float:left; margin:4px 30px 0 -20px; } a.flaeche:link,a.flaeche:visited { width:60px; height:30px; display:block; color:#666; margin:0; padding:0 0 0 10px; }  .product_history_box_left { float:left; margin:8px 0 0 8px; padding:0; font-size:14px; line-height:16px; } .scope { display:inline-block; margin:0px 0 0 0; padding:0px; } .over { background:red; color:#fff; padding:20px 0 0; } input,form,select { font-family:Arial,Helvetica,sans-serif; font-size:10px; color:#000; margin:0; padding:1px; } input,select { border:solid 1px #969696; } select:focus,input:focus,textarea:focus { background-color:#e9eaeb; }  .fett { font-weight:700!important; } .padding15 { padding:15px!important; } a.anzahl { font-family:tahoma; display:block; float:left; width:18px; height:17px; background:#f0f0f0 url(../menuebilder/filter_anzahl.gif); border:1px solid #d8d8d8; text-align:center; color:#666; font-size:10px; line-height:16px; letter-spacing:-1px; margin:0 0 0 10px; } .aktiv { color:#666; font-size:10px; font-weight:700!important; } a.anzahl:hover { color:#7abf40; } .thumbs { width:54px; } .thumbs div { display:block; width:54px; height:41px; cursor:pointer; margin:3px 0; } .thumbs div img { display:block; width:100%; height:100%; border:none; } span img { display:block; border:none; } .spalte { padding:0 10px 10px 0; } .korb_sum { text-align:right; width:20px; } .next { vertical-align:middle; color:#666; } .form,.form_head { font-size:10px; line-height:18px; padding:0 10px 0 6px; } .klein { line-height:11px; padding:0; } .form_head { font-size:11px; color:#FFF; font-weight:700; background-color:#666; } .form { font-size:11px; background-color:#C6EB9C; }  #top { position:relative; display:block; height:130px; border:solid 1px #FF0; margin:0; padding:0; } .td_li { background-color:#666; } #inner,#innerdetail { border:solid 10px #000; margin:10px 0 0 10px; padding:0; } #print,#printText { width:300px; float:left; padding:20px; } #liste_container { height:auto; } .liste { overflow:hidden; width:800px; margin:0; } #artikelvorschau { height:260px!important; }  .blog_block { position:relative; top:0; font-weight:400; color:#fff; font-size:11px; margin:0; padding:0; z-index:0; }  .blog_block #blog_text { color:#fff; font-size:24px; } .blog_block #created_by,a.created_by:link,#created_by:link { color:#fff; font-size:11px; text-decoration:underline; } #neue_liste { border-left:0 solid #b3b3b3; border-right:0 solid #b3b3b3; } .angebot_geschenkartikel_liste { position:relative; float:left; margin-right:0; margin-top:0; margin-bottom:10px; z-index:0; } .angebot_geschenkartikel_liste h2{ position:relative; margin-left:0px; margin-right:0; margin-top:0; margin-bottom:10px; z-index:0; font-size:14px; }  .searchunterrub { width:15%; min-width:11em; min-height:100%; float:left; margin:0 1% 0 0; } #searchunterrubfix { position:fixed; top:20px; } .searchunterrub a { float:left; color:#004c73; width:100%; padding: 0.2em 0 0 0.5em; border:none; text-decoration:none; font-size:14px; text-align:left; } .searchunterrub ul { position:relative; float:left; margin-left:0px; margin-right:0; margin-top:0; } .searchunterrub li { position:relative; float:left; width:11.5em; min-height:2em; height:auto; list-style:none; border:1px #004c73 solid; background: linear-gradient(to bottom, #fff, #eaeaea); margin:0 0 0.7em 0; } .searchunterrub li a { width:100%; color:#004c73; font-size:14px; } .searchunterrub li:hover{ color:#333; background: #c2e1f5; } .searchunterrubs a { color:#004c73; width:230px; line-height:24px; padding-left:8px; display:block; border:none; text-decoration:none; font-size:14px; text-align:left; } .searchunterrubs h3 { font-size:16px; color:#004c73; margin: 10px 10px 10px 10px; } .searchunterrubs ul { position:relative; float:left; margin-left:0px; margin-right:0; margin-top:0; margin-bottom:1em; } .searchunterrubs li { position:relative; float:left; display:block; width:230px; height:40px; border:1px #004c73 solid; background: #ffffff; margin:0px 8px 4px 0px; } .searchunterrubs li a { width:230px; line-height:34px; color:#004c73; font-size:14px; } .searchunterrubs li:hover{ color:#333; background: #c2e1f5; } .searchmarke a { color:#004c73; width:14em; line-height:24px; padding-left:8px; display:block; border:none; text-decoration:none; font-size:14px; text-align:left; } .searchmarke ul { float:left; margin-left:0px; margin-right:0; margin-top:0; margin-bottom:1em; } .searchmarke li { position:relative; float:left; display:block; width:14em; height:40px; border:1px #004c73 solid; background: #ffffff; margin:0px 8px 4px 0px; } .searchmarke li a { width:14em; line-height:34px; color:#004c73; font-size:14px; } .searchmarke li:hover{ color:#333; background: #c2e1f5; }  .angebot_geschenkartikel_liste ul { margin-left:0px; margin-right:0; margin-top:0; z-index:0; } .angebot_geschenkartikel_liste li { position:relative; float:left; height:265px; width:230px; list-style-type:none; padding-bottom:10px;}  .angebot_geschenkartikel_liste .produkt_info { position:relative; float:left; height:100%; width:100%; line-height:1em; border: 1px #ccc solid; list-style-type:none; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }  .angebot_geschenkartikel_liste li:hover .layer_bg { visibility:hidden;}  .angebot_geschenkartikel_liste li:hover .produkt_info { background:white; height:300px; width:100%; position:absolute; z-index:4; -webkit-box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.75); -moz-box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.75); box-shadow: 7px 7px 7px 4px rgba(0,0,0,0.75); }   .angebot_geschenkartikel_liste .produkt_info_anfrage { float:left; position:relative; height:265px; width:230px; line-height:30px; cursor:pointer; overflow:hidden; list-style-type:none; border: 1px #ccc solid; background: #0088ca; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .angebot_geschenkartikel_liste li:hover .produkt_info_anfrage { z-index: 100; position:absolute; background: #004c73; border: 1px #004c73 solid; opacity:1; -webkit-box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.75); -moz-box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.75); box-shadow: 7px 7px 7px 4px rgba(0,0,0,0.75); }  .angebot_geschenkartikel_liste .produkt_info_anfrage a { float:left; text-align: center; height:100%; font-size:18px; font-weight:100; background: none; color:white; } .angebot_geschenkartikel_liste .produkt_info_anfrage a:hover { float:left; text-align: center; font-size:18px; font-weight:100; color:white; } .angebot_geschenkartikel_liste .liste_links { margin:0 10px 10px 0px; } .angebot_geschenkartikel_liste .produktinfo_link { position:absolute; width:96%; height:245px; left:5px; top:2px; z-index:1; font-size:0.8em; } .angebot_geschenkartikel_liste li:hover .produktinfo_link { position:absolute; height:100%; z-index:1; font-size:0.8em; } .angebot_geschenkartikel_liste .produkt_info .titel {
position: absolute;
width: 226px;
min-height: 2em;
top: -2px;
z-index: 1;
background-color: #0088ca;
padding-left: 0.5em;
padding-top: 0.5em;
color: white;
left: -0.5em;
} .angebot_geschenkartikel_liste .produkt_info:hover .titel {
background-color: #004c73;
}
.korbhinweis { font-size:1.2em; line-height:1.5em; color:white; padding:0.5em 0 0.25em 0.5em; background-color:red; }
.angebot_geschenkartikel_liste .produkt_aktion { position:absolute; z-index:200; } .angebot_geschenkartikel_liste .katalog_bild { width:205px; position:absolute; top:35px; left:8px; z-index:0; } .angebot_geschenkartikel_liste .katalog_bild img { width: 100%; height: auto; } .angebot_geschenkartikel_liste li:hover .katalog_bild  { width:205px; position:absolute; top:35px; left:8px; z-index:0; } .angebot_geschenkartikel_liste h3 { color:#222; font-size:11px; font-weight:700; height:30px; width:170px; overflow:hidden; z-index:0; margin:4px 0 0; } .angebot_geschenkartikel_liste .preis { position:absolute; font-size: 1em;  font-weight: 100; float:right; top:240px; right:6px; z-index:0; } .angebot_geschenkartikel_liste .farbe { display:none; position:absolute; float:left; top:265px; left:8px; z-index:100; } .angebot_geschenkartikel_liste li:hover .farbe { display:block; } .angebot_geschenkartikel_liste .artikelnummer { position:absolute; font-size:14px; color:#666; float:left; top:240px; left:6px; z-index:0; } .rubriken { display:block; position:relative; min-height:100%; width:105%; margin-top:4px; clear:both; } .rubriken .span { position:relative; min-height:100%; width:100%; margin-top:4px; } .rubriken li { height:18em; max-width:100%; min-width:10%; position:relative; list-style-type:none; border:0.2em solid #e0e0e0; } .rubriken li { background-repeat: no-repeat; background-image: url('https://www.top-werbe.de/menuebilder/rubrikbilder/rubriken1.jpg'); background-image: -webkit-image-set(url('https://www.top-werbe.de/menuebilder/rubrikbilder/rubriken1.webp') 1x); } .rubriken .liste_links { position:relative; float:left; margin:0 0.5em 1em 0.5em; background-position:-1.5% 0.5%; } .rubriken .liste_links1 { position:relative; float:left; margin:0 0.5em 1em 0.5em; background-position:50% 1.25%; } .rubriken .liste_links2 { position:relative; float:left; margin:0 0.5em 1em 0.5em; background-position:99% 2%; } .rubriken .liste_links3 { position:relative; float:left; margin:0 0.5em 1em 0.5em; background-position:5% 19%; } .rubriken .liste_links4 { position:relative; float:left; margin:0 0.5em 1em 0.5em; background-position:51% 18%; } .rubriken .liste_links5 { position:relative; float:left; margin:0 0.5em 1em 0.5em; background-position:100% 18%; } .rubriken .liste_links6 { position:relative; float:left; margin:0 0.5em 1em 0.5em; background-position:-2% 36%; } .rubriken .liste_links7 { position:relative; float:left; margin:0 0.5em 1em 0.5em; background-position:50% 36%; } .rubriken .liste_links8 { position:relative; float:left; margin:0 0.5em 1em 0.5em; background-position:88% 37%; }  .rubriken .liste_links9 { float:left; margin:0 0.5em 1em 0.5em; background-position:-2% 53.5%; }  .rubriken .liste_links10 { float:left; margin:0 0.5em 1em 0.5em; background-position:54% 53.5%; } .rubriken .liste_links11 { float:left; margin:0 0.5em 1em 0.5em; background-position:102% 54%; } .rubriken .liste_links12 { float:left; margin:0 0.5em 1em 0.5em; background-position:-1.5% 72%; } .rubriken .liste_links13 { float:left; margin:0 0.5em 1em 0.5em; background-position:50% 71%; } .rubriken .liste_links14 { float:left; margin:0 0.5em 1em 0.5em; background-position:100% 72%; } .rubriken .liste_links15 { float:left; margin:0 0.5em 1em 0.5em; background-position:-2% 88%; } .rubriken .liste_links16 { float:left; margin:0 0.5em 1em 0.5em; background-position: 50% 89%; } .rubriken .liste_links17 { float:left; margin:0 0.5em 1em 0.5em; background-position:98% 89%; } .rubriken .liste_links18 { float:left; margin:0 0.5em 1em 0.5em; background-position:-2%  106%; } .rubriken .liste_links19 { float:left; margin:0 0.5em 1em 0.5em; background-position:50% 105%; } .rubriken .produkt_info { height:100%; width:100%; float:left; list-style-type:none; background: #b6c9e1; opacity:0.2; } .rubriken li:hover .produkt_info{ position:absolute; height:2.8em; line-height:2.8em; width:100%; background: white; border:none; opacity: 1; bottom:0em; font-size:1.6em; text-align:center; z-index:2; padding:0em 0 0 0 ; }  .rubriken .produktinfo_link { position:absolute; bottom:0em; margin:0; width:100%; height:3em; line-height:3em; background:#0088ca; left:0; font-size:1.5em; color:white; text-align:center; } .rubriken li:hover .produktinfo_link { width:100%; height:100%; opacity: 0; } .rubriken .produktinfo_links { display:none; width:100%; } .rubriken li:hover .produktinfo_links { display:block; color:white; background-color: #004c73; margin:0em 0 0 0; } .rubriken .produkt_info1 { height:100%; width:100%; float:left; list-style-type:none; color:white; background: orange; opacity: 1; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .rubriken li:hover .produkt_info1 { position:absolute; height:1.5em; width:100%; background: #004c73; border:none; opacity: 1; color:white; font-size:2em; text-align:center; padding:2% 0 0 0; z-index:2; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .rubriken .produkt_text { width:100%; height:120px; font-size:18px; } .rubriken .produkt_info_add { height:100%; width:100%; float:left; list-style-type:none; border: none; float:left; background: #004c73; opacity:0.05; -webkit-transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out; } .rubriken li:hover .produkt_info_add { float:left; height:1.5em; width:100%; background: #004c73; border:none; opacity: 1; color:white; font-size:2em; text-align:center; padding:2% 0 0 0; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .rubriken .produktinfo_link_add { position:absolute; width:100%; height:100%; left:0; font-size:0px; padding: 4px 0 0 4px; } .rubriken li:hover .produktinfo_link_add { height:141px; width:100%; border: none; padding: 3px 0 0 3px; } .rubriken .produktinfo_links_add { display:none; height:30px; width:100%; } .rubriken li:hover .produktinfo_links_add { display:block; color:white; } .rubriken .produktinfo_link1 { position:absolute; width:312px; color:white; font-size:28px; font-weight:900; text-align: center; top:65px; } .rubriken li:hover .produktinfo_link1 { position:absolute; width:312px; height:146px; color:#666; left:0; top:0px; text-align: left; font-size:18px; font-weight:100; padding: 2px 0 0 4px; }  * { margin:0; padding:0; } pre { color:#fff; height:auto; overflow:auto; font:12px Arial; margin:10px; padding:10px; } .description { background:#eee; margin:10px 0; padding:16px; font-size:14px; }  #socialadd ul{ list-style-type:none; } #socialadd li a { float:left; background:url(/menuebilder/socialmedia.gif) no-repeat; } #socialadd li a.facebookadd { display:block; width:34px; height:2.15em; margin-top:0em; background-position:0px 0px; } #socialadd li a.facebookadd:hover { width:34px; margin-top:0em; background-position:0 -30px; } #socialadd li a.twitteradd { width:34px; height:2.15em; margin-left:40px; margin-top:-23.5px; background-position:-40px 0px; } #socialadd li a.twitteradd:hover { width:34px; margin-left:40px; margin-top:-23.5px; background-position:-40px -30px; }   .red,.startsite a.login_link:hover,a.login_button:hover,a.bestseller_5:hover,a.bestseller_1:hover,a.bestseller_2:hover,a.bestseller_3:hover,a.bestseller_4:hover,a.small_plus:hover,a.small_plus_fl:hover,.artikel_klein_button_box #icon_letter:hover,#icon_printer:hover,#icon_pdf:hover,#icon_merken:hover,a.flaeche:hover { color:red; } a.back:hover,.leiste_links_such_link_box #such_erweitert:hover,#such_stoebern:hover,#startsite_login a:hover { color:#666; } .form_tab,.form_tab_head,.td_rahmen_pad { padding:4px; } .mengen_head,.form_tab_head,.tab_desc,.links a:hover { font-weight:700; } .tab_val,.rfeld { text-align:right; } #warenkorb a:hover,#merkliste a:hover { color:#000; text-decoration:underline; } .left_side,#res_filter_container_plus,.rahmen2,#artikel_liste { top:0px; z-index:1; } .left_side h2{ margin:0px 0 0px 0px; } #startsite_box_top_right.submit,#startsite_box_middle_right.submit { padding-right:15px; width:300px; } #startsite_login b,#startsite_login a { padding:0 4px; }  #link_box_container_plus_sortieren,#link_box_container_plus_sortieren_beliebtheit { color:#000; width:2em; line-height:1; float:right; margin:0 2em 0.5em 0; padding:0 0 0 0; } .stufe0 a,.stufe0_beliebtheit a { color:#666; float:left; background:url(../menuebilder/sortieren.gif) no-repeat; margin:0; padding:0 0 0 25px; } .stufe0 a:hover,#link_box_container_plus_sortieren a:active,.stufe0_beliebtheit a:hover,#link_box_container_plus_sortieren_beliebtheit a:active { color:red; background:url(../menuebilder/aufsteigend.gif) no-repeat; } .stufe1 a,.stufe1_beliebtheit a { float:left; background:url(../menuebilder/aufsteigend.gif) no-repeat; margin:0; padding:0 0 0 25px; } .stufe1 a:hover,#link_box_container_plus_sortieren a:active,.stufe1_beliebtheit a:hover,#link_box_container_plus_sortieren_beliebtheit a:active { background:url(../menuebilder/absteigend.gif) no-repeat; } .stufe2 a,.stufe2_beliebtheit a { float:left; background:url(../menuebilder/absteigend.gif) no-repeat; margin:0; padding:0 0 0 25px; } .stufe2 a:hover,#link_box_container_plus_sortieren a:active,.stufe2_beliebtheit a:hover,#link_box_container_plus_sortieren_beliebtheit a:active { background:url(../menuebilder/sortieren.gif) no-repeat; } a.tipp,a.tippsmall { position:relative; }  a.tipp3 span,a.tipp span,a.tipp1 span,a.tippsmall span { display:none; font:11px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; }  .preistabelle{ clear:both; }  .daten_fakten #daten_fakten_text,.info h4,.large { font-size:14px;  } #artmenge { position: absolute; border:none; background:none; top:1px; padding: 5px 0 4px 6px; margin: 4px 0 0px 2px; width:300px; font-size: 16px; transparency:1; height:1em; } #artmenge:focus { background: white; }  select#soflow { border: 1px solid #AAA; color: #555; font-size: 1em; margin: 0 0 0.5em 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; height:2em; cursor:pointer; } select#soflow option { padding: 2px 0 2px 10px; cursor:pointer;  } select#soflow ul li { padding: 2px 0 2px 10px; cursor:pointer; line-height:24px; } select#soflows { border: 1px solid #ff7800; color: #555; font-size: 1.7em; margin: 0 0 0.5em 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; height:2em; cursor:pointer; }  select#soflows optgroup { color:#a9a9a9; margin:0px 0 0 10px; cursor:default; background: white; }  select#soflows option { padding: 2px 0 2px 10px; cursor:pointer; font-size: 1em; } select#soflows ul li { padding: 2px 0 2px 10px; cursor:pointer; line-height:24px; } select#soflowfarbe { border: 1px solid #ff7800; color: #555; font-size: 1.7em; margin: 0 0 0.5em 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; height:2em; cursor:pointer; } select#soflowfarbe option { padding: 2px 0 2px 25px; cursor:pointer; font-size: 0.8em; } select#soflowfarbe ul li { padding: 2px 0 2px 10px; cursor:pointer; z-index:10; }  #back-top { position: fixed; bottom: 60px; right: 20px; z-index: 10; } #back-top span { width: 50px; height: 50px; display: block; background:url(../menuebilder/oben.png) no-repeat; } select optgroup { color:#a9a9a9; margin:0px 0 0 10px; cursor:default; } option { font-style:normal; font-weight:normal; color:#666; line-height:24px; font-size:1em; padding: 2px 0 2px 10px; }  .korb-aenderung { margin-top: -12px; }  .korb-aenderung .korb-bar a { margin-right: 0px; display: block-inline; width: 100px; height: 24px; float: right; }  .korb-aenderung .korb-bar a.entfernen { background: transparent url("../menuebilder/twkorb.gif") no-repeat scroll 0px 0px; margin-left: 0px; } .korb-aenderung .korb-bar a.aendern { background: transparent url("../menuebilder/twkorb.gif") no-repeat scroll -100px 0px; margin-left: 10px; } .korb-aenderung .korb-bar a.entfernen:hover { background: transparent url("../menuebilder/twkorb.gif") no-repeat scroll 0px -24px; margin-left: 0px; } .korb-aenderung .korb-bar a.aendern:hover { background: transparent url("../menuebilder/twkorb.gif") no-repeat scroll -100px -24px; margin-left: 10px; }  .social-bar-wrapper { margin-bottom: 5px; }  .social-bar-wrapper .module-title { margin: 5px 20px 0 5px; font-size: 1.8rem; font-weight: bold; float: left; }  .social-bar-wrapper .social-bar a { margin-left: 15px; display: block-inline; width: 102px; height: 35px; float: left; } .social-bar-wrapper .social-bar a.social-button-facebook { background: transparent url("../menuebilder/sprite-socials.png") no-repeat scroll -6px -8px; margin-left: 0px; } .social-bar-wrapper .social-bar a.social-button-twitter { background: transparent url("../menuebilder/sprite-socials.png") no-repeat scroll -6px -56px; } .social-bar-wrapper .social-bar a.social-button-email { background: transparent url("../menuebilder/sprite-socials.png") no-repeat scroll -6px -104px; } .social-bar-wrapper .social-bar a.social-button-gplus { background: transparent url("../menuebilder/sprite-socials.png") no-repeat scroll -6px -152px; } .social-bar-wrapper .social-bar a.social-button-linkedin { background: transparent url("../menuebilder/sprite-socials.png") no-repeat scroll -6px -200px; } .social-bar-wrapper .social-bar a.social-button-tumblr { background: transparent url("../menuebilder/sprite-socials.png") no-repeat scroll -6px -247px; } .social-bar-wrapper .social-bar a.social-button-pinterest { background: transparent url("../menuebilder/sprite-socials.png") no-repeat scroll -6px -294px; } .social-bar-wrapper .social-bar a.social-button-facebook:hover { background: transparent url("../menuebilder/sprite-socials.png") no-repeat scroll -122px -8px; margin-left: 0px; } .social-bar-wrapper .social-bar a.social-button-twitter:hover { background: transparent url("../menuebilder/sprite-socials.png") no-repeat scroll -121px -56px; } .social-bar-wrapper .social-bar a.social-button-email:hover { background: transparent url("../menuebilder/sprite-socials.png") no-repeat scroll -121px -104px; } .social-bar-wrapper .social-bar a.social-button-gplus:hover { background: transparent url("../menuebilder/sprite-socials.png") no-repeat scroll -121px -152px; } .social-bar-wrapper .social-bar a.social-button-linkedin:hover { background: transparent url("../menuebilder/sprite-socials.png") no-repeat scroll -121px -200px; } .social-bar-wrapper .social-bar a.social-button-tumblr:hover { background: transparent url("../menuebilder/sprite-socials.png") no-repeat scroll -121px -247px; } .social-bar-wrapper .social-bar a.social-button-pinterest:hover { background: transparent url("../menuebilder/sprite-socials.png") no-repeat scroll -121px -294px; } .social-bar-wrapper .social-bar div.social-button-more { background: transparent url("../menuebilder/sprite-socials.png") no-repeat scroll -6px -337px; margin-left: 15px; display: block-inline; width: 38px; height: 35px; float: left; } .social-bar-wrapper .social-bar .social-bar-expandx { display: none; position: absolute; top: 0; left: 297px; width: 142px; height: 267px; margin: 0; padding: 0; background: transparent; z-index: 52; } .social-bar-wrapper .social-bar .social-bar-expandx .social-diverse { position: absolute; top: 45px; left: 0; width: 110px; background-color: #fff; padding: 15px 20px 25px 10px; margin: 0; overflow: hidden; box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25); z-index: 51; } .social-bar-wrapper .social-bar .social-bar-expandx .social-diverse a { display: block; overflow: hidden; margin: 10px 0 0 10px; padding: 0; }  body.waiting * { cursor: wait; }   #outer.waiting { cursor: wait; } .waiting > * { pointer-events:none; } .hovering,.box { border:2px solid transparent; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } .hovering:hover,.box:hover { -webkit-box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.75); -moz-box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.75); box-shadow: 7px 7px 7px 4px rgba(0,0,0,0.75); }  .float-left,.l-fl { float:left; } .float-right,.l-fr { float:right; } .clearfix:after,.box:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .clearfix,.box { display:inline-block; } * html .clearfix,* html .box { height:1%; } .clearfix,.box { display:block; }  .table,#configuratorWrapperRedesign .optionsItem { display:table; } .cell,.client_pl #produkty .products .image,.client_pl #produkty .products .attributes { display:table-cell; min-width: 190px; padding: 1em 0 0 0.5em;} .cell-mid { display:table-cell; vertical-align:middle; font-size:1em; color:white; } .col-1 { padding-left:1.07143%; padding-right:1.07143%; box-sizing:inherit; width:8.33333%; } .col-float-1 { padding-left:1.07143%; padding-right:1.07143%; box-sizing:inherit; width:8.33333%; float:left; } .col-float-1-important { padding-left:1.07143%; padding-right:1.07143%; box-sizing:inherit; width:8.33333% !important; float:left; } .col-2 { padding-left:1.07143%; padding-right:1.07143%; box-sizing:inherit; width:16.66667%; } .col-float-2 { padding-left:1.07143%; padding-right:1.07143%; box-sizing:inherit; width:16.66667%; float:left; } .col-float-2-important { padding-left:1.07143%; padding-right:1.07143%; box-sizing:inherit; width:16.66667% !important; float:left; } .col-3,.l-col-3 { padding-left:1.07143%; padding-right:1.07143%; box-sizing:inherit; width:25%; } .col-float-3,.contentProducts ul.tileView li { padding-left:1.07143%; padding-right:1.07143%; box-sizing:inherit; width:25%; float:left; } .col-float-3-important { padding-left:1.07143%; padding-right:1.07143%; box-sizing:inherit; width:25% !important; float:left; } .col-4 { padding-left:1.07143%; padding-right:1.07143%; box-sizing:inherit; width:33.33333%; } .col-float-4 { padding-left:1.07143%; padding-right:1.07143%; box-sizing:inherit; width:33.33333%; float:left; } .col-float-4-important { padding-left:1.07143%; padding-right:1.07143%; box-sizing:inherit; width:33.33333% !important; float:left; } .col-5 { padding-left:1.07143%; padding-right:1.07143%; box-sizing:inherit; width:41.66667%; } .col-float-5 { padding-left:1.07143%; padding-right:1.07143%; box-sizing:inherit; width:41.66667%; float:left; } .col-float-5-important { padding-left:1.07143%; padding-right:1.07143%; box-sizing:inherit; width:41.66667% !important; float:left; } .col-6,.l-col-6 { padding-right:1.07143%; box-sizing:inherit; } .col-float-6 { padding-left:1.07143%; padding-right:1.07143%; box-sizing:inherit; width:50%; } .col-float-6-important { padding-left:1.07143%; padding-right:1.07143%; box-sizing:inherit; width:50% !important; float:left; } .column { padding-left:1.07143%; padding-right:1.07143%; box-sizing:inherit; } .column-float { padding-left:1.07143%; padding-right:1.07143%; box-sizing:inherit; } .row { margin:0 auto; width:100%; box-sizing:border-box; } .row:before,.row:after { content:" "; display:table; } .row:after { clear:both; } .row .row { margin:0 -1.07143%; max-width:none; width:auto; box-sizing:border-box; } .row .row:before,.row .row:after { content:" "; display:table; } .row .row:after { clear:both; } .box { position:relative; margin-bottom:16px; overflow:hidden; } .box.box--row-1 { min-height:220px; } .box.box--row-1:hover .box__headline { color:#E6001E; } .box.box--row-2 { height:497px; } .box .w-col-1 { width:283px; } .box .w-col-2 { width:583px; } .box .w611 { width:611px; height:100%; position:relative; } .box__text { padding:0 15px; padding-bottom:15px; } .box__headline { font-size:1.285em; color:white; width: 100%; background-color: #0088ca; padding-left: 0.5em; height:2em; } .box__button--bottomRightAbsolute { position:absolute; bottom:20px; right:20px; } .box__icon-video { background-repeat:no-repeat; display:inline-block; margin:-5px 0; } .box__list { width:98%; } .box__list-item { list-style-type:square; margin-right:10px; } .box__img { object-fit: scale-down; object-position:0% 0%; padding:0.5em; box-sizing:border-box; } .box__img--283x174 { width:283px; height:174px; } .box__img--283x240 { max-width:250px; } .box__img--283x335 { width:283px; height:335px; } .box__img--283x435 { width:283px; height:435px; } .box__img--283x500 { width:283px; height:500px; } .box__img--583x175 { width:583px; height:175px; } .box__img--583x240 { width:583px; height:240px; } .box__img--571x335 { width:571px; height:335px; } .box__img--583x335 { width:583px; height:335px; } .box__img--583x437 { width:583px; height:437px; } .l-col-3 .box--row-1 { width:283px; } .l-col-6 .box--row-2 { width:583px; } .l-push-l { padding-left:0; clear:left; } .l-push-r {  } .l-push-lr { padding-left:0; padding-right:0; } .js-clickBox { cursor:pointer; } .js-underlined { text-decoration:underline; } .box { border:1px solid #c6c6c6; } .box__icon { width:100%; height:80px; fill:#E2E2E2; display:block; margin-bottom:40px; } .box__button { background-color:#dfdfdf; color:#3c3c3c; display:block; font-weight:700; margin:40px auto 0; padding:8px 16px; } .box__icon { margin-top:5px } .box__file { width:0.1px; height:0.1px; opacity:0; overflow:hidden; position:absolute; z-index:-1; } .box__file { max-width:80%; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; display:inline-block; overflow:hidden; } .box__input__label { display:block; margin:40px auto 0; padding:8px 153px; }   /* The Modal*/ .btn { display:inline-block; padding:6px 12px; margin-bottom:0; font-size:14px; font-weight:400; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-image:none; border:1px solid transparent; border-radius:4px; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; } .btn.focus, .btn:focus, .btn:hover { color:#333; text-decoration:none; } .btn.active, .btn:active { background-image:none; outline:0; -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125); box-shadow:inset 0 3px 5px rgba(0,0,0,.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor:not-allowed; filter:alpha(opacity=65); -webkit-box-shadow:none; box-shadow:none; opacity:.65; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events:none; } .btn-default { color:#333; background-color:#fff; border-color:#ccc; } .btn-default.focus, .btn-default:focus { color:#333; background-color:#e6e6e6; border-color:#8c8c8c; } .btn-default:hover { color:#333; background-color:#e6e6e6; border-color:#adadad; } .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default { color:#333; background-color:#e6e6e6; border-color:#adadad; } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover { color:#333; background-color:#d4d4d4; border-color:#8c8c8c; } .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default { background-image:none; } .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color:#fff; border-color:#ccc; } .btn-default .badge { color:#fff; background-color:#333; } .btn-primary { color:#fff; background-color:#337ab7; border-color:#2e6da4; } .btn-primary.focus, .btn-primary:focus { color:#fff; background-color:#286090; border-color:#122b40; } .btn-primary:hover { color:#fff; background-color:#286090; border-color:#204d74; } .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary { color:#fff; background-color:#286090; border-color:#204d74; } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { color:#fff; background-color:#204d74; border-color:#122b40; } .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary { background-image:none; } .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color:#337ab7; border-color:#2e6da4; } .btn-primary .badge { color:#337ab7; background-color:#fff; } .btn-success { color:#fff; background-color:#5cb85c; border-color:#4cae4c; } .btn-success.focus, .btn-success:focus { color:#fff; background-color:#449d44; border-color:#255625; } .btn-success:hover { color:#fff; background-color:#449d44; border-color:#398439; } .btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success { color:#fff; background-color:#449d44; border-color:#398439; } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover { color:#fff; background-color:#398439; border-color:#255625; } .btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success { background-image:none; } .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background-color:#5cb85c; border-color:#4cae4c; } .btn-success .badge { color:#5cb85c; background-color:#fff; } .btn-info { color:#fff; background-color:#5bc0de; border-color:#46b8da; } .btn-info.focus, .btn-info:focus { color:#fff; background-color:#31b0d5; border-color:#1b6d85; } .btn-info:hover { color:#fff; background-color:#31b0d5; border-color:#269abc; } .btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info { color:#fff; background-color:#31b0d5; border-color:#269abc; } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover { color:#fff; background-color:#269abc; border-color:#1b6d85; } .btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info { background-image:none; } .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color:#5bc0de; border-color:#46b8da; } .btn-info .badge { color:#5bc0de; background-color:#fff; } .fade { opacity:0; -webkit-transition:opacity .15s linear; -o-transition:opacity .15s linear; transition:opacity .15s linear; } .fade.in { opacity:1; } .collapse { display:none; } .collapse.in { display:block; } tr.collapse.in { display:table-row; } tbody.collapse.in { display:table-row-group; } .collapsing { position:relative; height:0; overflow:hidden; -webkit-transition-timing-function:ease; -o-transition-timing-function:ease; transition-timing-function:ease; -webkit-transition-duration:.35s; -o-transition-duration:.35s; transition-duration:.35s; -webkit-transition-property:height,visibility; -o-transition-property:height,visibility; transition-property:height,visibility; } .caret { display:inline-block; width:0; height:0; margin-left:2px; vertical-align:middle; border-top:4px dashed; border-top:4px solid\9; border-right:4px solid transparent; border-left:4px solid transparent; } .embed-responsive { position:relative; display:block; height:0; padding:0; overflow:hidden; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position:absolute; top:0; bottom:0; left:0; width:100%; height:100%; border:0; } .embed-responsive-16by9 { padding-bottom:56.25%; } .embed-responsive-4by3 { padding-bottom:75%; } .well { min-height:20px; padding:19px; margin-bottom:20px; background-color:#f5f5f5; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05); box-shadow:inset 0 1px 1px rgba(0,0,0,.05); } .well blockquote { border-color:#ddd; border-color:rgba(0,0,0,.15); } .well-lg { padding:24px; border-radius:6px; } .well-sm { padding:9px; border-radius:3px; } .close { float:right; font-size:2em; font-weight:700; text-shadow:0 1px 0 #fff; filter:alpha(opacity=20); opacity:.2; } .close:focus, .close:hover { color:#000; font-size:2em; text-decoration:none; cursor:pointer; filter:alpha(opacity=50); opacity:.5; } button.close { -webkit-appearance:none; padding:0; cursor:pointer; background:0 0; border:0; } .modal-open { overflow:hidden; } .modal { position:fixed; top:0; right:0; bottom:0; left:0; z-index:1050; display:none; overflow:hidden; -webkit-overflow-scrolling:touch; outline:0; } .modal.fade .modal-dialog { -webkit-transition:-webkit-transform .3s ease-out; -o-transition:-o-transform .3s ease-out; transition:transform .3s ease-out; -webkit-transform:translate(0,-25%); -ms-transform:translate(0,-25%); -o-transform:translate(0,-25%); transform:translate(0,-25%); } .modal.in .modal-dialog { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); transform:translate(0,0); } .modal-open .modal { overflow-x:hidden; overflow-y:auto; } .modal-dialog { position:relative; width:auto; margin:10px; } .modal-content { position:relative; background-color:#fff; -webkit-background-clip:padding-box; background-clip:padding-box; outline:0; width: 80%; margin: auto; -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5); box-shadow:0 3px 9px rgba(0,0,0,.5); } .modal-backdrop { position:fixed; top:0; right:0; bottom:0; left:0; z-index:1040; background-color:#000; } .modal-backdrop.fade { filter:alpha(opacity=0); opacity:0; } .modal-backdrop.in { filter:alpha(opacity=50); opacity:.5; } .modal-header { padding:15px; font-size:2em; height:24px; } .modal-header .close { font-size:2em; padding:0 0 0 18px; } .modal-title { padding:0 0 0 18px; line-height:1.5; font-weight:bold; color:#004c73; } .modal-body { position:relative; padding:15px; } .modal-footer { padding:15px; text-align:right; } .modal-footer .btn+.btn { margin-bottom:0; margin-left:5px; } .modal-footer .btn-group .btn+.btn { margin-left:-1px; } .modal-footer .btn-block+.btn-block { margin-left:0; } .modal-scrollbar-measure { position:absolute; top:-9999px; width:50px; height:50px; overflow:scroll; } @media (min-width:768px) { .modal-dialog { width:100%; margin:30px auto; } .modal-content { -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5); box-shadow:0 5px 15px rgba(0,0,0,.5); } .modal-sm { width:300px; } } @media (min-width:992px) { .modal-lg { width:900px; } }  @media screen { #printSection { display: none; } }  @media print { body > *:not(#printSection) { display: none; } #printSection, #printSection * { visibility: visible; } #printSection { position:absolute; left:0; top:0; } }
.modal-pop-content { position:relative; background-color:#0088ca; border-radius: 20PX; -webkit-background-clip:padding-box; background-clip:padding-box; outline:0; width: 60%; margin: 2em auto; -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5); box-shadow:0 3px 9px rgba(0,0,0,.5); } .modal-pop-header { padding:15px; font-size:2em; height:24px; } .modal-pop-header .close { font-size:2em; padding:0 0 0 18px; } .modal-pop-title { padding:0 0 0 18px; line-height:1.5; font-weight:bold; color:white; } .modal-pop-title2 { padding:10px 0 0 0; font-size:1.2em; font-weight:bold; color:white; } .modal-pop-body { position:relative; padding:15px 15px 15px 30px; color:white; font-size:1em; } .modal-pop-footer { padding:15px; text-align:right; }