table.wk,table.wk_zk{border-collapse:collapse;border:1px solid #ccc;margin:0px;padding:0px;padding:1px}table.wk th,table.wk_zk th{color:#fff!important;background:#222;margin-left:-2px;margin-top:10px;padding-left:15px;padding-top:11px;position:relative}table.wk th,table.wk td,table.wk_zk th,table.wk_zk td{border-bottom:1px solid #ccc;padding:0.6em;vertical-align:top}table.wk tr td,table.wk_zk tr td{background-color:#fff;border-right:1px solid #ccc}table.wk tr:hover td,table.wk_zk tr:hover td{background-color:#eee}table.wk tr.odd td,table.wk tr.odd td_zk{background-color:#fafafa}table.wk tr.odd:hover td,table.wk_zk tr.odd:hover td{background-color:#eaeaea}html>body>table>tbody>tr>td>{border:none!important}body{background:url(img/bg1.png) fixed top repeat-x!important}table#products_template{width:700px!important;border:1px solid #ddd;overflow:hidden}body,#herstellerstart{}#herstellerstart img{border:1px solid #ddd;padding:1px}.location_headline{font-size:12px!important;margin-left:4px!important;background:#f4f4f4 url(img/banner-navi-bg.png) center no-repeat;border:1px solid #ccc;color:#222;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:bold;height:30px;line-height:32px;margin-bottom:10px;padding-left:10px;padding:1px;text-decoration:none;text-transform:uppercase;width:740px}.location_headline{padding-left:15px}.s7 a{color:#222!important;font-size:12px!important;font-family:Arial,Helvetica,sans-serif;font-weight:bold;padding-left:5px;padding-right:5px;text-decoration:none}.s7 a:hover{color:#222!important;font-family:Arial,Helvetica,sans-serif;text-decoration:underline}#startseitenvisuals{margin-left:-2px;width:771px}#startseitenvisuals img{margin:0!important;padding:0!important;border:none}h1{color:#666;font-size:18px;margin-top:10px}h2{color:#666;font-size:14px;margin-top:10px}h1.balken,h2.balken{font-weight:normal!important;background:url(img/h3-bg.png) no-repeat;color:#fff;font-size:20px;height:45px;line-height:40px;padding-left:67px}h1.balken b,h2.balken b{font-weight:normal!important}h3{color:#666;font-size:12px;margin-top:10px}.location_headline{margin-left:10px}.product-box3{margin:0px 3px 10px 0!important;background:url(img/product-bg.jpg) repeat-x bottom;border:2px solid #e7e7e7;float:left;height:130px;margin:0 30px 0 0;text-align:center;width:76px}.product-box2 img,.product-box3 img{border:none;margin-top:5px}.product-box3 h3{color:#09a6c1;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;margin-top:5px;margin:0;overflow:hidden;padding:0}.product-box2 h3 a,.product-box3 h3 a{color:#09a6c1;text-decoration:none}.product-box2 h3 a:visited,.product-box3 h3 a:visited{color:#09a6c1}.product-box3 h4{color:#fe8f00;font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:normal;margin:3px 5px 10px 5px;padding:0}.product-box2 p,.product-box3 p{color:#888;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;margin:10px 5px;overflow:hidden;padding:0}.product-box p a,.product-box2 p a,.product-box3 p a{color:#888;text-decoration:none}#kategorie-header{background:url(img/beregnung-bg.jpg) no-repeat;height:315px;margin-bottom:10px;width:745px}#kategorie-header h1{color:#fff;font-size:24px;font-weight:normal;margin:0;padding:160px 0 0 23px}#kategorie-header p{background:url(img/white-bg.png);font-size:11px;margin:4px 0 0 23px;padding:10px;width:400px}.product-box2{margin:0 3px 0 0!important;background:url(img/product-bg.jpg) repeat-x bottom;border:2px solid #e7e7e7;float:left;height:311px;margin:0 8px 0 0;text-align:center;width:180px}.product-box2 h3{border-bottom:1px dashed #ccc;color:#09a6c1;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:bold;margin-top:10px;margin:0;overflow:hidden;padding-bottom:5px;padding:0}.product-box h4,.product-box2 h4{color:#fe8f00;font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:normal;margin:10px 5px;padding:0}.product-box{background:url(img/serpbg.png) no-repeat;float:left;height:288px;margin:0;padding-top:4px;text-align:center;width:180px}.product-box img.thumb{border:1px solid #111!important;padding:none!important;border:none}.product-box h3{-khtml-border-radius:10px;-webkit-border-radius:10px;background:#f6f6f6;background:-moz-linear-gradient(top,#fff,#eee);background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#eee));border-radius:10px;border:1px solid #ccc;color:#777;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;height:38px;line-height:13px;margin:3px;moz-border-radius:10px;overflow:hidden;padding:3px}.product-box h3 a{color:#777;text-decoration:none}.product-box p{font-size:12px!important;height:38px!important;;background:#fff;border-bottom:1px dashed #bbb;border-top:1px dashed #bbb;color:#888;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;height:45px;line-height:13px;margin:10px 5px;overflow:hidden;padding:3px 0}.teichbox{background:url(img/koiteiche.jpg) top no-repeat #f5fafa;float:left;height:590px;margin-left:10px;width:369px}.schwimmteich{background:url(img/schwimmteiche.jpg) top no-repeat #f5fafa}.teichbox h1{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:normal;margin:213px 10px 10px 10px}.teichbox p{color:#606367;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin:20px 15px 10px 10px}a.anfrage{background:url(img/anfrage.gif) no-repeat;color:#fff;display:block;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;height:40px;line-height:36px;margin:20px 10px 10px 10px;padding:0;position:absolute;text-align:center;text-decoration:none;top:680px;width:181px}a:visited.anfrage,a:hover.anfrage{color:#fff}.baubilder{margin-left:6px;margin-top:8px}.top-banner-AUG,#bannerkasten{text-align:left}.hersteller-alle-box{background:#f4f4f4;border:1px dotted #ccc;float:left;height:230px;margin:6px 3px 0 3px;padding:10px;width:155px}.hersteller-alle-box p{border-bottom:1px dotted #777;display:block;font-size:10px;height:45px;overflow:hidden;width:130px}.hersteller-alle-box img{border:1px solid #ccc;float:left;margin-left:-10px;margin:0}.hersteller-alle-box img div{float:left;width:140px}.hersteller-alle-box a{text-decoration:none!important}#hersteller-infoplus{background:url(img/hersteller-fallback-text-bg.jpg) bottom no-repeat #fff}div.hersteller-overview-box{background:url(img/hersteller-overview-bg.gif) bottom no-repeat #fff;float:left;height:135px;width:314px}div.hersteller-overview-boxh1{color:#707063;font-family:Arial,Helvetica,sans-serif;font-size:14px;margin-left:10px;margin:10px 0 9px 0;padding:0}div.hersteller-overview-boxh1 a{font-size:14px!important;color:#707063;text-decoration:none}div.hersteller-overview-boxh2 a:hover,div.hersteller-overview-boxh1 a:hover{color:#707063}div.hersteller-overview-boxh2{color:#707063;font-family:Arial,Helvetica,sans-serif;font-size:11px;margin-bottom:5px;margin-left:10px;margin:0;padding:0}div.hersteller-overview-boxh2 a{font-size:11px!important;color:#707063;text-decoration:none}div.hersteller-overview-box img{border:none;float:left;margin:0}div.hersteller-overview-box .textbox{float:left;height:135px;width:175px}A{color:#818080;text-decoration:none}A:visited{color:#818080}A:active,A:link{text-decoration:none}A:hover{color:#ef870c;text-decoration:underline}A img:hover{ -moz-opacity:0.80;-khtml-opacity:0.80;filter:alpha(opacity=80)}body{font-family:Arial}.foot{color:#caecf4;font-family:Arial;font-size:12px}.sf_zk1,.sf_azu,.sf_her,.sf_aug,.sf_ag,.sf,.sf_html_title,.men_text,.trust{font-family:Arial;font-size:12px}.sf_info{color:#555;font-family:Arial;font-size:12px}.hotline{color:#ffffff;font-family:Arial;font-size:12px}.kopf_wk,.se_name{color:#ffffff;font-family:Arial;font-size:11px}.se_text{color:#605d5d;font-family:Arial;font-size:11px}.kopf_hallo{color:#65716a;font-family:Arial;font-size:12px;font-weight:bold}.mtab{margin-left:0px !important;color:white;cursor:pointer;font-family:Arial;font-size:13px;margin-left:-3px;padding:12px 17px 12px 17px}.trenn{margin-left:0px !important;margin-left:-3px}a.mtab:hover{background:url('img/mtab_activ.png');color:white;text-decoration:none}#myController{cursor:hand;width:750px}#myController span{background:#ffffff;color:#818080;font-size:12px;padding:5px 5px 5px 5px}#jFlowSlide{border:0px;margin-top:10px}#myController span.jFlowSelected{background:#ffffff;color:#ef870c;font-size:12px;font-weight:bold}.jFlowPrev{margin-left:175px;padding:0px}.jFlowNext{padding:0px}.anzahl_azu,.anzahl_her,.anzahl_zk,.anzahl_aug,.anzahl_ag{color:#aeaeae;font-family:Arial;font-size:9px}.kopf_reiter{color:#FFFFFF;font-family:Arial;font-size:11px;font-weight:bold;hover color:#F66500}.b1,.b,.rechttitle{color:#000000;font-family:Arial;font-size:12px;text-decoration:none}.a2,.a,.rechthl{color:#000000;font-family:Arial;font-size:10px;text-decoration:none}.a3,.a1{color:#F66500;font-family:Arial;font-size:10px;text-decoration:none}.name_x_module,.a4{color:#5D5D5D;font-family:Arial;font-size:10px;text-decoration:none}.b0{font-family:Arial;font-size:12px;text-decoration:none}.b2{color:#686868;font-family:Arial;font-size:11px;text-decoration:none}.b7{color:#5D5D5D;font-family:Arial;font-size:11px;text-decoration:none}.b3{font-family:Arial;font-size:11px;text-decoration:none}.b4{color:#FFFFFF;font-family:Arial;font-size:11px;text-decoration:none}.b5{font-family:Arial;font-size:9px;hover color:#B8312E}.b6{color:#FFFFFF;font-family:Arial;font-size:12px;text-decoration:none}.b8{color:#000000;font-family:Arial;font-size:16px;font-weight:bold}.b9{color:#F66500;font-family:Arial;font-size:16px;font-weight:bold}.x2{color:#990000;font-family:Arial;font-size:11px;font-weight:bold;hover:#990000}.y6,.x6{color:#CC0000;font-family:Arial;font-size:11px;font-weight:bold}.c{color:#F66500;font-family:Arial;font-size:18px}.c1{color:#FFFFFF;font-family:Arial;font-size:14px}.c2{color:#686868;font-family:Arial;font-size:14px}.c3{color:#ef870c;font-family:Arial;font-size:14px}.c4{color:#000000;font-family:Arial;font-size:13px;font-weight:bold}.e{color:#000000;font-family:Arial;font-size:36px}.e1{color:#FFFFFF;font-family:Arial;font-size:36px}.e2{color:#F66500;font-family:Arial;font-size:30px}.e3{color:#F66500;font-family:Arial;font-size:36px}.h{font-family:Arial;font-size:12px;text-indent:1px}.k{color:#F66500;font-family:Arial;font-size:10px;text-indent:1px}.k2{color:#F66500;font-family:Arial;font-size:12px;text-indent:1px}.k3{color:#818080;font-family:Arial;font-size:9px;text-indent:1px}.rating_1{color:#686868;font-family:Arial;font-size:12px;font-weight:bold;text-indent:1px}.rating_2{color:#F66500;font-family:Arial;font-size:8px;font-weight:bold;text-indent:1px}.rating_3{color:#000000;font-family:Arial;font-size:12px}.cross_1{color:#CD6203;font-family:Arial,Arial,Helvetica;font-size:12px;font-weight:bold;text-indent:1px}.se_count{height:25px;margin-top:10px;padding:10px}.se_count_font_normal{color:#F66500;cursor:hand;font-family:Arial,Helvetica;font-size:18px;margin-top:5px;position:relative;text-decoration:none}.se_count_font_activ{color:#444444;cursor:hand}.see_tab{height:auto;width:auto}LI{color:#000000;list-style-type:disc}hr{background-color:#E7E7E7;border:0;color:#E7E7E7;height:1px}#price_uvp_text{color:#5D5D5D;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:bold;position:relative;text-align:center;top:10;z-index:10}#price_uvp_cross{position:relative;top:-9;z-index:11}.ada_text{width:700px!important;font-family:Arial;overflow:hidden}.InfoGr101_F3{width:770px}.ada_basket{text-align:right;width:100%}.sf_aug2{font-family:Arial;font-size:11px}.sf_zk1_active,.sf_azu_active,.sf_her_active,.sf_aug_active,.sf_ag_active{color:#ef870c;font-family:Arial;font-size:12px;font-weight:bold;text-decoration:none}.sf_aug2_active{color:#ef870c;font-family:Arial;font-size:11px;font-weight:bold;text-decoration:none}#hanseatic{background:#FFFFFF;display:none}#hanseatic_tab{border-collapse:collapse;font-size:10px}#hanseatic_tab td{border:1px solid #E2382A;padding:2px 0px;text-align:center}#hanseatic_head{color:#E2382A;font-size:9px;padding:1px}.hanseatic_head_td{color:#E2382A}.hanseatic_td{color:#666666;font-size:10px}.hanseatic_td2{color:#AAAAAA;font-size:9px}.subhead{color:#F66500;font-family:Arial;font-size:12px;font-weight:bold}.copy{color:#000;font-family:Arial;font-size:12px;line-height:150%;width:90%}hr.dotted{background:none;border-bottom:1px dashed #aaa;border:none}.e6{background:url(img/prozbg.png) no-repeat;color:#fff;font-size:12px;font-weight:bold;height:52px;padding-top:17px;text-align:center;width:52px}#startseitekategorien{margin-top:7px}#startseitekategorien img{margin-right:4px}/** * @file: highslide.css * @version: 4.1.8 */ .highslide-container div { font-family: Verdana, Helvetica; font-size: 10pt; } .highslide-container table { background: none; } .highslide { outline: none; text-decoration: none; } .highslide img { border: 2px solid silver; } .highslide:hover img { border-color: gray; } .highslide-active-anchor img { visibility: hidden; } .highslide-gallery .highslide-active-anchor img { border-color: black; visibility: visible; cursor: default; } .highslide-image { border-width: 2px; border-style: solid; border-color: white; background: gray; } .highslide-wrapper, .highslide-outline { background: white; } .glossy-dark { background: #111; } .highslide-image-blur { } .highslide-number { font-weight: bold; color: gray; font-size: .9em; } .highslide-caption { display: none; font-size: 1em; padding: 5px; /*background: white;*/ } .highslide-heading { display: none; font-weight: bold; margin: 0.4em; } .highslide-dimming { position: absolute; background: black; } a.highslide-full-expand { background: url(img/highslide/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px; } .highslide-loading { display: block; color: black; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border: 1px solid white; background-color: white; padding-left: 22px; background-image: url(img/highslide/loader.white.gif); background-repeat: no-repeat; background-position: 3px 1px; } a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; } a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray; } .highslide-move, .highslide-move * { cursor: move; } .highslide-viewport { display: none; position: fixed; width: 100%; height: 100%; z-index: 1; background: none; left: 0; top: 0; } .highslide-overlay { display: none; } .hidden-container { display: none; } /* Example of a semitransparent, offset closebutton */ .closebutton { position: relative; top: -15px; left: 15px; width: 30px; height: 30px; cursor: pointer; background: url(img/highslide/close.png); /* NOTE! For IE6, you also need to update the highslide-ie6.css file. */ } /*****************************************************************************/ /* Thumbnail boxes for the galleries. */ /* Remove these if you are not using a gallery. */ /*****************************************************************************/ .highslide-gallery ul { list-style-type: none; margin: 0; padding: 0; } .highslide-gallery ul li { display: block; position: relative; float: left; width: 106px; height: 106px; border: 1px solid silver; background: #ededed; margin: 2px; line-height: 0; overflow: hidden; } .highslide-gallery ul a { position: absolute; top: 50%; left: 50%; } .highslide-gallery ul img { position: relative; top: -50%; left: -50%; } html>/**/body .highslide-gallery ul li { display: table; text-align: center; } html>/**/body .highslide-gallery ul li { text-align: center; } html>/**/body .highslide-gallery ul a { position: static; display: table-cell; vertical-align: middle; } html>/**/body .highslide-gallery ul img { position: static; } /*****************************************************************************/ /* Controls for the galleries. */ /* Remove these if you are not using a gallery */ /*****************************************************************************/ .highslide-controls { width: 195px; height: 40px; background: url(img/highslide/controlbar-white.gif) 0 -90px no-repeat; margin: 20px 15px 10px 0; } .highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url(img/highslide/controlbar-white.gif) right -90px no-repeat; } .highslide-controls li { float: left; padding: 5px 0; margin:0; list-style: none; } .highslide-controls a { background-image: url(img/highslide/controlbar-white.gif); display: block; float: left; height: 30px; width: 30px; outline: none; } .highslide-controls a.disabled { cursor: default; } .highslide-controls a.disabled span { cursor: default; } .highslide-controls a span { /* hide the text for these graphic buttons */ display: none; cursor: pointer; } /* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */ .highslide-controls .highslide-previous a { background-position: 0 0; } .highslide-controls .highslide-previous a:hover { background-position: 0 -30px; } .highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important; } .highslide-controls .highslide-play a { background-position: -30px 0; } .highslide-controls .highslide-play a:hover { background-position: -30px -30px; } .highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important; } .highslide-controls .highslide-pause a { background-position: -60px 0; } .highslide-controls .highslide-pause a:hover { background-position: -60px -30px; } .highslide-controls .highslide-next a { background-position: -90px 0; } .highslide-controls .highslide-next a:hover { background-position: -90px -30px; } .highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important; } .highslide-controls .highslide-move a { background-position: -120px 0; } .highslide-controls .highslide-move a:hover { background-position: -120px -30px; } .highslide-controls .highslide-full-expand a { background-position: -150px 0; } .highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px; } .highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important; } .highslide-controls .highslide-close a { background-position: -180px 0; } .highslide-controls .highslide-close a:hover { background-position: -180px -30px; } /*****************************************************************************/ /* Styles for the HTML popups */ /* Remove these if you are not using Highslide HTML */ /*****************************************************************************/ .highslide-maincontent { display: none; } .highslide-html { background-color: white; } .highslide-html-content { display: none; width: 400px; padding: 0 5px 5px 5px; } .highslide-header { padding-bottom: 5px; } .highslide-header ul { margin: 0; padding: 0; text-align: right; } .highslide-header ul li { display: inline; padding-left: 1em; } .highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next { display: none; } .highslide-header a { font-weight: bold; color: gray; text-transform: uppercase; text-decoration: none; } .highslide-header a:hover { color: black; } .highslide-header .highslide-move a { cursor: move; } .highslide-footer { height: 16px; } .highslide-footer .highslide-resize { display: block; float: right; margin-top: 5px; height: 11px; width: 11px; background: url(img/highslide/resize.gif) no-repeat; } .highslide-footer .highslide-resize span { display: none; } .highslide-body { } .highslide-resize { cursor: nw-resize; } /*****************************************************************************/ /* Styles for the Individual wrapper class names. */ /* See www.highslide.com/ref/hs.wrapperClassName */ /* You can safely remove the class name themes you don't use */ /*****************************************************************************/ /* hs.wrapperClassName = 'draggable-header' */ .draggable-header .highslide-header { height: 18px; border-bottom: 1px solid #dddddd; } .draggable-header .highslide-heading { position: absolute; margin: 2px 0.4em; } .draggable-header .highslide-header .highslide-move { cursor: move; display: block; height: 16px; position: absolute; right: 24px; top: 0; width: 100%; z-index: 1; } .draggable-header .highslide-header .highslide-move * { display: none; } .draggable-header .highslide-header .highslide-close { position: absolute; right: 2px; top: 2px; z-index: 5; padding: 0; } .draggable-header .highslide-header .highslide-close a { display: block; height: 16px; width: 16px; background-image: url(img/highslide/closeX.png); } .draggable-header .highslide-header .highslide-close a:hover { background-position: 0 16px; } .draggable-header .highslide-header .highslide-close span { display: none; } .draggable-header .highslide-maincontent { padding-top: 1em; } /* hs.wrapperClassName = 'titlebar' */ .titlebar .highslide-header { height: 18px; border-bottom: 1px solid #dddddd; } .titlebar .highslide-heading { position: absolute; width: 90%; margin: 1px 0 1px 5px; color: #666666; } .titlebar .highslide-header .highslide-move { cursor: move; display: block; height: 16px; position: absolute; right: 24px; top: 0; width: 100%; z-index: 1; } .titlebar .highslide-header .highslide-move * { display: none; } .titlebar .highslide-header li { position: relative; top: 3px; z-index: 2; padding: 0 0 0 1em; } .titlebar .highslide-maincontent { padding-top: 1em; } /* hs.wrapperClassName = 'no-footer' */ .no-footer .highslide-footer { display: none; } /* hs.wrapperClassName = 'wide-border' */ .wide-border { background: white; } .wide-border .highslide-image { border-width: 10px; } .wide-border .highslide-caption { padding: 0 10px 10px 10px; } /* hs.wrapperClassName = 'borderless' */ .borderless .highslide-image { border: none; } .borderless .highslide-caption { border-bottom: 1px solid white; border-top: 1px solid white; background: silver; } /* hs.wrapperClassName = 'outer-glow' */ .outer-glow { background: #444; } .outer-glow .highslide-image { border: 5px solid #444444; } .outer-glow .highslide-caption { border: 5px solid #444444; border-top: none; padding: 5px; background-color: gray; } /* hs.wrapperClassName = 'colored-border' */ .colored-border { background: white; } .colored-border .highslide-image { border: 2px solid green; } .colored-border .highslide-caption { border: 2px solid green; border-top: none; } /* hs.wrapperClassName = 'dark' */ .dark { background: #111; } .dark .highslide-image { border-color: black black #202020 black; background: gray; } .dark .highslide-caption { color: white; background: #111; } .dark .highslide-controls, .dark .highslide-controls ul, .dark .highslide-controls a { background-image: url(img/highslide/controlbar-black-border.gif); } /* hs.wrapperClassName = 'floating-caption' */ .floating-caption .highslide-caption { position: absolute; padding: 1em 0 0 0; background: none; color: white; border: none; font-weight: bold; } /* hs.wrapperClassName = 'controls-in-heading' */ .controls-in-heading .highslide-heading { color: gray; font-weight: bold; height: 20px; overflow: hidden; cursor: default; padding: 0 0 0 22px; margin: 0; background: url(img/highslide/icon.gif) no-repeat 0 1px; } .controls-in-heading .highslide-controls { width: 105px; height: 20px; position: relative; margin: 0; top: -23px; left: 7px; background: none; } .controls-in-heading .highslide-controls ul { position: static; height: 20px; background: none; } .controls-in-heading .highslide-controls li { padding: 0; } .controls-in-heading .highslide-controls a { background-image: url(img/highslide/controlbar-white-small.gif); height: 20px; width: 20px; } .controls-in-heading .highslide-controls .highslide-move { display: none; } .controls-in-heading .highslide-controls .highslide-previous a { background-position: 0 0; } .controls-in-heading .highslide-controls .highslide-previous a:hover { background-position: 0 -20px; } .controls-in-heading .highslide-controls .highslide-previous a.disabled { background-position: 0 -40px !important; } .controls-in-heading .highslide-controls .highslide-play a { background-position: -20px 0; } .controls-in-heading .highslide-controls .highslide-play a:hover { background-position: -20px -20px; } .controls-in-heading .highslide-controls .highslide-play a.disabled { background-position: -20px -40px !important; } .controls-in-heading .highslide-controls .highslide-pause a { background-position: -40px 0; } .controls-in-heading .highslide-controls .highslide-pause a:hover { background-position: -40px -20px; } .controls-in-heading .highslide-controls .highslide-next a { background-position: -60px 0; } .controls-in-heading .highslide-controls .highslide-next a:hover { background-position: -60px -20px; } .controls-in-heading .highslide-controls .highslide-next a.disabled { background-position: -60px -40px !important; } .controls-in-heading .highslide-controls .highslide-full-expand a { background-position: -100px 0; } .controls-in-heading .highslide-controls .highslide-full-expand a:hover { background-position: -100px -20px; } .controls-in-heading .highslide-controls .highslide-full-expand a.disabled { background-position: -100px -40px !important; } .controls-in-heading .highslide-controls .highslide-close a { background-position: -120px 0; } .controls-in-heading .highslide-controls .highslide-close a:hover { background-position: -120px -20px; } /*****************************************************************************/ /* Styles for text based controls. */ /* You can safely remove this if you don't use text based controls */ /*****************************************************************************/ .text-controls .highslide-controls { width: auto; height: auto; margin: 0; text-align: center; background: none; } .text-controls ul { position: static; background: none; height: auto; left: 0; } .text-controls .highslide-move { display: none; } .text-controls li { background-image: url(img/highslide/controlbar-text-buttons.png); background-position: right top !important; padding: 0; margin-left: 15px; display: block; width: auto; } .text-controls a { background: url(img/highslide/controlbar-text-buttons.png) no-repeat; background-position: left top !important; position: relative; left: -10px; display: block; width: auto; height: auto; text-decoration: none !important; } .text-controls a span { background: url(img/highslide/controlbar-text-buttons.png) no-repeat; margin: 1px 2px 1px 10px; display: block; min-width: 4em; height: 18px; line-height: 18px; padding: 1px 0 1px 18px; color: #333; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; font-weight: bold; white-space: nowrap; } .text-controls .highslide-next { margin-right: 1em; } .text-controls .highslide-full-expand a span { min-width: 0; margin: 1px 0; padding: 1px 0 1px 10px; } .text-controls .highslide-close a span { min-width: 0; } .text-controls a:hover span { color: black; } .text-controls a.disabled span { color: #999; } .text-controls .highslide-previous span { background-position: 0 -40px; } .text-controls .highslide-previous a.disabled { background-position: left top !important; } .text-controls .highslide-previous a.disabled span { background-position: 0 -140px; } .text-controls .highslide-play span { background-position: 0 -60px; } .text-controls .highslide-play a.disabled { background-position: left top !important; } .text-controls .highslide-play a.disabled span { background-position: 0 -160px; } .text-controls .highslide-pause span { background-position: 0 -80px; } .text-controls .highslide-next span { background-position: 0 -100px; } .text-controls .highslide-next a.disabled { background-position: left top !important; } .text-controls .highslide-next a.disabled span { background-position: 0 -200px; } .text-controls .highslide-full-expand span { background: none; } .text-controls .highslide-full-expand a.disabled { background-position: left top !important; } .text-controls .highslide-close span { background-position: 0 -120px; } /*****************************************************************************/ /* Styles for the thumbstrip. */ /* See www.highslide.com/ref/hs.addSlideshow */ /* You can safely remove this if you don't use a thumbstrip */ /*****************************************************************************/ .highslide-thumbstrip { height: 100%; } .highslide-thumbstrip div { overflow: hidden; } .highslide-thumbstrip table { position: relative; padding: 0; border-collapse: collapse; } .highslide-thumbstrip td { padding: 1px; /*text-align: center;*/ } .highslide-thumbstrip a { outline: none; } .highslide-thumbstrip img { display: block; border: 1px solid gray; margin: 0 auto; } .highslide-thumbstrip .highslide-active-anchor img { visibility: visible; } .highslide-thumbstrip .highslide-marker { position: absolute; width: 0; height: 0; border-width: 0; border-style: solid; border-color: transparent; /* change this to actual background color in highslide-ie6.css */ } .highslide-thumbstrip-horizontal div { width: auto; /* width: 100% breaks in small strips in IE */ } .highslide-thumbstrip-horizontal .highslide-scroll-up { display: none; position: absolute; top: 3px; left: 3px; width: 25px; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-up div { margin-bottom: 10px; cursor: pointer; background: url(img/highslide/scrollarrows.png) left center no-repeat; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-down { display: none; position: absolute; top: 3px; right: 3px; width: 25px; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-down div { margin-bottom: 10px; cursor: pointer; background: url(img/highslide/scrollarrows.png) center right no-repeat; height: 42px; } .highslide-thumbstrip-horizontal table { margin: 2px 0 10px 0; } .highslide-viewport .highslide-thumbstrip-horizontal table { margin-left: 10px; } .highslide-thumbstrip-horizontal img { width: auto; height: 40px; } .highslide-thumbstrip-horizontal .highslide-marker { top: 47px; border-left-width: 6px; border-right-width: 6px; border-bottom: 6px solid gray; } .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { margin-left: 10px; } .dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { border-bottom-color: white !important; } .highslide-thumbstrip-vertical-overlay { overflow: hidden !important; } .highslide-thumbstrip-vertical div { height: 100%; } .highslide-thumbstrip-vertical a { display: block; } .highslide-thumbstrip-vertical .highslide-scroll-up { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-up div { margin-left: 10px; cursor: pointer; background: url(img/highslide/scrollarrows.png) top center no-repeat; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-down { display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-down div { margin-left: 10px; cursor: pointer; background: url(img/highslide/scrollarrows.png) bottom center no-repeat; height: 25px; } .highslide-thumbstrip-vertical table { margin: 10px 0 0 10px; } .highslide-thumbstrip-vertical img { max-width: 60px; } .highslide-thumbstrip-vertical .highslide-marker { left: 0; margin-top: 8px; border-top-width: 6px; border-bottom-width: 6px; border-left: 6px solid gray; } .dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker { border-left-color: white; } .highslide-viewport .highslide-thumbstrip-float { overflow: auto; } .highslide-thumbstrip-float ul { margin: 2px 0; padding: 0; } .highslide-thumbstrip-float li { display: block; height: 60px; margin: 0 2px; list-style: none; float: left; } .highslide-thumbstrip-float img { display: inline; border-color: silver; max-height: 56px; } .highslide-thumbstrip-float .highslide-active-anchor img { border-color: black; } .highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div { display: none; } .highslide-thumbstrip-float .highslide-marker { display: none; }