/* "Yet Another Multicolumn Layout" v 3.2 (c) by Dirk Jesse (http://www.yaml.de) * $Revision: 430 $ $Date: 2009-10-27 21:15:57 +0100 (Di, 27. Okt 2009) $ */ @media all{*{margin:0;padding:0}option{padding-left:0.4em}select{padding:1px}* html body *{overflow:visible}* html iframe,* html frame{overflow:auto}* html frameset{overflow:hidden}body{font-size:100.01%;background:#fff;color:#000;text-align:left}div{outline:0 none}fieldset,img{border:0 solid}ul,ol,dl{margin:0 0 1em 1em}li{line-height:1.5em;margin-left:0.8em}dt{font-weight:bold}dd{margin:0 0 1em 0.8em}blockquote{margin:0 0 1em 0.8em}blockquote:before,blockquote:after,q:before,q:after{content:""}.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}.clearfix{display:block}.floatbox{overflow:hidden}#ie_clearing{display:none}.skip,.hideme,.print{position:absolute;top:-32768px;left:-32768px}.skip:focus,.skip:active{position:static;top:0;left:0}#skiplinks{position:absolute;top:0px;left:-32768px;z-index:1000;width:100%;margin:0;padding:0;list-style-type:none}#skiplinks a.skip:focus,#skiplinks a.skip:active{left:32768px;outline:0 none;position:absolute;width:100%}} @media screen,projection{#header{position:relative}#topnav{text-align:right}#header #topnav{position:absolute;top:10px;right:10px}#header,#nav,#main,#footer{clear:both}#col1{float:left;width:200px}#col2{float:right;width:200px}#col3{width:auto;margin:0 200px}#col1_content,#col2_content,#col3_content{position:relative}.subcolumns{width:100%;overflow:hidden}.subcolumns_oldgecko{width:100%;float:left}.c20l,.c25l,.c33l,.c40l,.c38l,.c50l,.c60l,.c62l,.c66l,.c75l,.c80l{float:left}.c20r,.c25r,.c33r,.c40r,.c38r,.c50r,.c60r,.c66r,.c62r,.c75r,.c80r{float:right;margin-left:-5px}.c20l,.c20r{width:20%}.c40l,.c40r{width:40%}.c60l,.c60r{width:60%}.c80l,.c80r{width:80%}.c25l,.c25r{width:25%}.c33l,.c33r{width:33.333%}.c50l,.c50r{width:50%}.c66l,.c66r{width:66.666%}.c75l,.c75r{width:75%}.c38l,.c38r{width:38.2%}.c62l,.c62r{width:61.8%}.subc{padding:0 0.5em}.subcl{padding:0 1em 0 0}.subcr{padding:0 0 0 1em}.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed}.equalize >div{display:table-cell;float:none;margin:0;overflow:hidden;vertical-align:top}} @media print{.subcolumns >div,.floatbox{display:table;overflow:visible}.print{position:static;left:0}.noprint{display:none !important}} /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled, .ui-state-disabled label, .ui-state-disabled input { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=0px&bgColorHeader=0057a8&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=ffffff&iconColorHeader=eeeeee&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=cccccc&fcContent=333333&iconColorContent=222222&bgColorDefault=dedede&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=333333&iconColorDefault=666666&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=0057a8&bgTextureActive=03_highlight_soft.png&bgImgOpacityActive=75&borderColorActive=aaaaaa&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=A4D323&fcHighlight=363636&iconColorHighlight=A4D323&bgColorError=EB0000&bgTextureError=01_flat.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } // .ui-widget-content { border: 1px solid #cccccc; background: #ffffff url(ui_vzug/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #aaaaaa; background: #0057a8 url(ui_vzug/images/ui-bg_highlight-soft_75_0057a8_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #dedede url(ui_vzug/images/ui-bg_highlight-hard_75_dedede_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #333333; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333333; text-decoration: none; outline: none; } /* .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(ui_vzug/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; } */ /* .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; } */ /* .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #0057a8 url(ui_vzug/images/ui-bg_highlight-soft_75_0057a8_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; } */ /* .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; outline: none; text-decoration: none; } */ /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #a4d323; background: #fbf9ee url(ui_vzug/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #eb0000 url(ui_vzug/images/ui-bg_flat_95_eb0000_40x100.png) 50% 50% repeat-x; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(ui_vzug/images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(ui_vzug/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(ui_vzug/images/ui-icons_eeeeee_256x240.png); } .ui-state-default .ui-icon { background-image: url(ui_vzug/images/ui-icons_666666_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(ui_vzug/images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(ui_vzug/images/ui-icons_ffffff_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(ui_vzug/images/ui-icons_a4d323_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(ui_vzug/images/ui-icons_ffffff_256x240.png); } .ui-idle, .wishlistLink .ui-idle, .removeLink .ui-idle, .addCartLink .ui-idle { border: none; display: block; height: 16px !important; width: 16px !important; margin: 0 4px 0 5px; background-image: url(ui_vzug/images/ui-anim_basic_16x16.gif); background-repeat: no-repeat; background-position: 50% 100%; } .addCartLink .ui-idle { margin: 0; } .addCartLink .ui-helper-hidden { display: none; } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; } .ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; } .ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; } .ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; } .ui-corner-top { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; } .ui-corner-right { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; } .ui-corner-left { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; } .ui-corner-all { -moz-border-radius: 0px; -webkit-border-top-left-radius: 0px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(ui_vzug/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(ui_vzug/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; } /* Selectmenu ----------------------------------*/ .ui-selectmenu { display: block; position:relative; height:2em; text-decoration: none; overflow:hidden;} .ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; } .ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; } .ui-selectmenu-open { visibility: visible; } .ui-selectmenu-menu-popup { margin-top: -1px; } .ui-selectmenu-menu-dropdown { } .ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: none; border-bottom: none; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; } .ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1.4em; display:block; padding:.3em 1em; outline:none; text-decoration:none; } .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; } .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -6px; left: 0; } .ui-selectmenu-status { line-height: 1.4em; } .ui-selectmenu-open li.ui-selectmenu-item-focus a { } .ui-selectmenu-open li.ui-selectmenu-item-selected { } .ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; } .ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; } .ui-selectmenu-menu li .ui-selectmenu-item-content { } .ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; } /*for optgroups*/ .ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; } .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; font-weight: bold; } .ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; } /* Resizable ----------------------------------*/ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1;} .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important;} .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } .ui-accordion .ui-state-active a, .ui-accordion .ui-state-active a:link, .ui-accordion .ui-state-active a:visited { color: #555; outline: none; text-decoration: none; } /* .ui-accordion .ui-state-hover, .ui-accordion .ui-widget-content .ui-state-hover, .ui-accordion .ui-state-focus, .ui-accordion .ui-widget-content .ui-state-focus { border: none; background: #fff; font-weight: normal; color: #212121; outline: none; } */ /* .ui-accordion .ui-state-hover a, .ui-accordion .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; } */ .ui-accordion .ui-state-active .ui-icon {background-image: url(ui_vzug/images/ui-icons_222222_256x240.png); } .ui-accordion .ui-accordion-content-active { display: block; } .ui-accordion-icons .ui-accordion-header h3 { padding-left: 2.2em; padding-bottom: 2px; border: none;} .ui-accordion .ui-accordion-content { padding: 0 0 1em; border-top: none; } /* Dialog ----------------------------------*/ .ui-dialog { position: relative; padding: .2em; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs ----------------------------------*/ .ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { /* display: none !important; */ } /* Datepicker ----------------------------------*/ .ui-datepicker-trigger { float: none !important; margin: 0 !important; padding: 2px 0 0 5px !important; } .ui-datepicker { width: 17em; padding: .2em .2em 0; background-color: #fff; border: 1px solid #ccc; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; border: none; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } /* Progressbar .ui-tabs .ui-tabs-hide { position: absolute; left: -10000px; }----------------------------------*/ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } @media all { #col3_content .modal, .modal { background-color:#fff; display:none; width:380px; padding:15px 0; text-align:left; border:1px solid #aaa; opacity:1; /* -moz-border-radius:6px; */ /* -webkit-border-radius:6px; */ -moz-box-shadow: 0 0 20px #ccc; -webkit-box-shadow: 0 0 20px #ccc; z-index: 100; } #col3_content .modal .content_header, .modal .content_header { border-bottom: 1px solid #ccc; margin: 0 0 10px; } #countrySelectOverlay, #countrySelectOverlayHolder { width: 890px; } #countrySelectOverlay .content_header, #countrySelectOverlayHolder .content_header{ border-bottom: 2px solid #A4D323; } #countrySelectOverlay .content, #countrySelectOverlayHolder .content { padding: 20px; } .openArticle { width: 850px; } .openArticle .content_body { padding: 0 20px; } .openArticle table { border-bottom: none; } #col3_content .modal h2, .modal h2 { padding: 10px 20px; font-size:20px; float: none; } a.player { display:block; min-height:450px; } .modal #productstage #product_filters { height: 48px; } .modal #productstage #product_filters #product_filters_inner { background: #f5f5f5; height: 47px; border-bottom: 1px solid #ffffff; padding: 0 20px; line-height: 27px; } .modal #productstage #product_filters #product_filters_inner label { font-weight: bold; color: #313131; padding-bottom: 0; line-height: 14px; } .modal .ui_form { text-align: center; left: center; } .modal .yform .type-text input.radio, .modal .yform .type-text input.check { border: 1px solid #f5f5f5; } .modal .throbber_bg { width: 100px; height: 100px; filter:alpha(opacity=60); opacity: 0.6; -moz-opacity:0.6; z-index: 1; } .modal .content { padding: 0 10px; position: relative; display: block; filter:alpha(opacity=100); opacity: 1; -moz-opacity:1; z-index: 10; background: none; } .modal .fullwidth { width: 100%; padding: 0; } .modal table.fullwidth { margin-top: 0.5em; width: 100%; padding: 0; border-bottom: none; } .modal input, .modal button { margin-right: 1em; } .modal .yform .form_controls { margin-right: 1em; } #col3_content #zoomOverlay .column_header { margin: 0; padding: 5px 0 0; } #zoomOverlay { min-width: 680px !important; z-index: 101; } #zoomOverlay .close { position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; } #zoomOverlay #productstage { background: none; height: auto; padding-bottom: 0; } #zoomOverlay #productStageInner { padding-top: 20px; } #zoomOverlay #product_filters span { margin-right: 1.5em; } #zoomOverlay .product_download { text-align: left; padding: 20px 20px 0; } .overlay_content, #zoomOverlay .featureInfo { padding: 2em; } #zoomOverlay .featureInfo .content_header { border: none; } .modal .overlay_content .content, .modal .featureInfo .content { padding: 0; } #zoomOverlay h2 { } #documentsOverlay a.closeLink, #wishlistOverlay a.closeLink, #countrySelectOverlay a.closeLink, #countrySelectOverlayHolder a.closeLink, #zoomOverlay a.closeLink { float: right; margin-right: 2em; } #documentsOverlay .content_header { border: none; } #documentsOverlay .documentLinks { margin-top: 1em; } #documentsOverlay .product_image { text-align: center; } #documentsOverlay .product_image img { display: inline; float: none; } /* tooltip styling. by default the element to be styled is .tooltip */ #tooltip { position: absolute; z-index: 30000; width: 250px; height: auto; padding: 20px 2em 20px 1.6em; margin-top: 30px; margin-left: -10px; color: #006CB0; background-color: #fff; display: none; border: 1px solid #ccc; /* IE 5.5+ */ filter: progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=90,strength=5) /* Right */ progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=180,strength=5) /* Bottom */ progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=5); /* Left */ /* progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=5) */ /* Top */ -moz-box-shadow: 0px 6px 30px rgba(0,0,0,.3); /* FF3.5+ */ -webkit-box-shadow: 0px 6px 30px rgba(0,0,0,.3); /* Saf3.0+, Chrome */ box-shadow: 0px 6px 30px rgba(0,0,0,.3); /* Opera 10.5, IE 9.0 */ } #tooltip.wide { width: 440px; } .tooltipTop { z-index: 3 !important; background-color: #333; } .tooltippse { width: 350px; } #tooltip img { position: absolute; top: -13px; left: 50%; /* Bis wir wissen ob das dynamisch ist oder nicht */ display: none; } #alertMask { width:100%; height:100%; position:absolute; top:0; left:0; background-color:#f5f5f5; display:block; z-index:98; filter:alpha(opacity=0); opacity: 0; -moz-opacity:0; } #hideMask { width:100%; height:100%; position:absolute; top:0; left:0; background-color:#f5f5f5; display:block; z-index:98; filter:alpha(opacity=30); opacity: 0.3; -moz-opacity:0.3; } #conflictInfo { width: 550px; } #conflictInfo .content_header { border-bottom: none; margin: 0; } div.videoOverlay { z-index:9999; padding:40px; width:476px; display:none; } div.videoOverlay div.close { position:absolute; top:2px; right:5px; width:35px; height:35px; cursor:pointer; } div.videoOverlay a { height:370px; display:block; } #videoOverlay { background-color:#fff; display:none; width:680px; height: 300px; padding: 0; text-align:left; border:1px solid #aaa; opacity:1; /* -moz-border-radius:6px; */ /* -webkit-border-radius:6px; */ -moz-box-shadow: 0 0 20px #ccc; -webkit-box-shadow: 0 0 20px #ccc; z-index: 100; } #videoOverlay .throbber { background: #fff url('img/throbber2.gif') no-repeat 50% 50%; width: 680px; height: 300px; } #idleMask { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10101; background-color: rgb(168, 176, 188); } #idleOverlay { width: 100px; height: 100px; background-color: transparent; display: block; left: center; position: fixed; top: 101.8px; z-index: 10102; } #idleOverlay .throbber .spinningWheel { background: url(./img/throbberswiff.gif) no-repeat 50% 50%; width: 64px; height: 64px; } #documentsOverlay { z-index: 10000; } } /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework * * (en) Template for designing a screen layout * * @copyright Copyright 2005-2009, Dirk Jesse * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-C (http://www.yaml.de/en/license/license-conditions.html) * @link http://www.yaml.de * @package yaml * @version 3.2 * @revision $Revision:392 $ * @lastmodified $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $ */ @media screen, print, projection { /** * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera * * @workaround * @affected IE8, FF, Webkit, Opera * @css-for all * @valid CSS3 */ /** * Fonts * * (en) global settings of font-families and font-sizes * * @section content-global-settings */ /* (en) reset font size for all elements to standard (16 Pixel) */ html * { font-size: 100.01%; } /* (en) base layout gets standard font size 12px */ body { font-family: verdana, arial, sans-serif; font-size: 75.00%; color: #333; overflow-y: scroll; } /*------------------------------------------------------------------------------------------------------*/ /** * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts * * @section layout-basics */ /* Page margins and background | Randbereiche & Seitenhintergrund */ body { margin: 0; padding: 0; } /* Layout:Width, Background, Border | Layout:Breite, Hintergrund, Rahmen */ .page_margins { margin: 0 auto; width: 960px; } .clickTarget { width: 100%; height: 100%; display: block; } .page { } /* Homepage */ .homepage_main .rowouter { margin: 0 10px 10px 10px; background: #fff; } .homepage_main .rowinner { padding: 10px; } /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */ #header { background-color: #ffffff; border: 1px solid #E5E5E5; min-height: 8.5em; z-index: 5; } #header #topnav { text-align: left; width: auto; float: right; display: block; padding: 0; margin: 0; position: relative; top: 10px; right: 15px; z-index: 20; } #topsearch .yform, #topsearch .yform .type-text, #topsearch .yform .type-button { border: none; background-color: transparent; margin: 0; padding: 0; float: right; } #nav { z-index: 4; } #col2_content .yform, #col2_content .yform div.type-text, #col2_content .yform div.button-text { border: none; background-color: transparent; margin: 0; padding: 0; float: left; width: 100%; } .marginaliabox .yform .button-text { float: right; } #col2_content .yform div.type-text input { padding-left: 0.3em; width: 12em; } #col2_content .yform div.type-button { padding:0; margin:0; } #header #logo { position: relative; top: 17px; left: 21px; height: 60px; } #header #nav { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 3; background-color: #FFF; } #main { background-color: #E3E8EE; padding: 5px 0; z-index: 3; } #breadcrumb { clear: both; text-align: left; margin: 3px 10px 5px; padding: 0; } #footer { background-color: #bababa; text-align: left; margin: 5px 0; padding: 0; } .c66l .subcl { padding-right: 0.5em; } /*------------------------------------------------------------------------------------------------------*/ /** * Formatting of the Content Area | Formatierung der Inhaltsbereichs * * @section layout-main */ #col2 { width: 226px; margin: 2px 10px 0 0; } #col2_content { /* background-color: #f5f5f5; */ } #col2_content .marginaliabox, #col2_content .contentbox { padding: 0; margin-bottom: 10px; background-color: #f5f5f5; } #col2_content .marginaliabox:last-child, #col2_content .contentbox:last-child { /* margin-bottom: 0; */ } #col3 { margin: 7px 246px 0 10px; } #col3.fullwidth { margin: 7px 10px 0 10px; } #col3_content { padding: 0 20px 10px; margin-bottom: 20px; background-color: #fff; } .rowouter .content, #col3_content .content { margin: 10px 0; position: relative; } #col3_content div.fullwidth { padding-right: 0; padding-left: 0; margin-right: -20px; margin-left: -20px; margin-top: -10px; border-bottom: 1px solid #A4D323; z-index: 1; } #col3_content div.fullwidth .content { margin-right: 20px; margin-left: 20px; padding: 20px 0; } #col3_content div.fullwidth .last { padding-right: 0; width: 21%; } .compare img { padding-bottom: 1em; } #col3_content div.fullwidth .compare a { bottom: 0; left: 0; } #col3_content div.fullwidth .compare .actions { /* text-align: center; */ } #col3_content div.fullwidth .compare .actions a { line-height: 1.5em; } #col3_content div.fullwidth .compare .actions a.zoomIn { /* display: block; */ } #col3_content div.fullwidth .actions a.addMore { display: block; width: 110px; height: 90px; background-color: #fff; padding: 10px; text-align: center; } .contentbox h2 img, .marginaliabox h2 img { margin: 0; } .content img { display: inline; float: left; margin: 0 10px 10px 0; } .marginaliabox img { margin: 0 0 10px 0; } #col3_content .contentbox img.fullwidth { margin: 0 0 10px 0; } #col3_content .contentbox p { /* display: inline; */ } .addthis_toolbox { display: inline; } #col3_content .contentbox form { margin-bottom: 20px; } #col3_content .listitem_content form { margin-bottom: 0; } #col3_content .contentbox form#facetSearchForm { margin-bottom: 0px; } #col3_content .contentbox .form_filter form { margin-bottom: 0; } #col3_content .contentbox form div.type-check { /* padding: 0; */ } #col1_content .column_header, #col3_content .column_header { margin-left: -20px; margin-right: -20px; margin: 0 -20px 10px; padding: 5px 20px 0; border-bottom: 1px solid #e0e0e0; width: 100%; } .subcolumns .content_header { position:relative; height: 3.9em; /* 5em; */ } .subcolumns .content_header h3, .ui-accordion-icons .ui-accordion-header h3 { /* position: absolute; */ /* bottom: 0; */ } /*------------------------------------------------------------------------------------------------------*/ /** * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente * * @section layout-misc */ /** * ------------------------------------------------------------------------------------------------- # * * Skiplinks * * (en) Visual styling for skiplink navigation * * @section content-skiplinks */ #skiplinks a.skip:focus, #skiplinks a.skip:active { color: #fff; background: #333; border-bottom: 1px #000 solid; padding: 10px 0; text-decoration: none; } /** * Main navigation */ .hlist { /* (en) containing floats in IE */ width: auto; /* overflow: hidden; */ /* (en) containing floats in all other browsers */ float: left; display: inline; /* (en|de) Bugfix:IE - collapsing horizontal margins */ position: relative; line-height: 0; width: 100%; } .hlist ul { margin: 0; padding: 0; /* (en|de) Bugfix:IE - Doubled Float Margin Bug */ display: inline; float: left; } .hlist ul li { margin: 0; padding: 0; /* (en|de) Bugfix:IE - Doubled Float Margin Bug */ display: inline; float: left; /* LTR */ list-style-type: none; position: relative; background-image: none; } .hlist ul li a, .hlist ul li strong { display: block; width: auto; } .hlist ul li a, .hlist ul li strong { display: block; margin: 0; padding: 0 0.8em 0 0; width: auto; } /* subnavigation */ #nav .hlist .subnavigation { position: absolute; z-index: 10; top: 25px; left: 0px; width: auto; height: auto; background-color: #ffffff; border: 1px solid #ccc; display: none; } #nav .hlist .subnavigation h4 { clear: both; } #nav .hlist .subnavigation ul { padding-top: 1em; display: block; } #nav .hlist .subcolumns ul { padding-top: 0; } #nav .hlist ul li .subnavigation li { margin: 0; padding: 0 0 0.5em 0; background: none; border: none; width: 100%; } #nav .hlist ul li .subnavigation li a { display: block; width: 100%; } /* .internalLink, */ /* .removeCompareLink, */ /* .zoomIn, */ .moreLink, .removeLink, .compareLink, .overlayLink, .closeLink { border: none; background-color: transparent; background-position: 100% 50%; background-repeat: no-repeat; } .internalLink { /* background-image: url(img/icons/ico_link_extern.gif); */ /* padding-right: 1.5em; */ } .moreLink, .compareLink, .overlayLink { background-image: url(img/icon_circle_arrow_2_e.png) !important; padding-right: 1.5em !important; } #wishlist .compareLink, #wishlist .overlayLink { float: right; margin-right: 0.5em; } a.closeLink:hover { text-decoration: none; } a.closeLink:hover .text { text-decoration: underline; } .closeLink .vzicn3 { margin-left: .5em; } .removeCompareLink { /* background-image: url(img/icons/ico_link_remove.png); */ /* padding-right: 1.5em; */ /* width: 100%; */ } .zoomIn { /* background-image: url(img/icons/ico_zoom_in.png); */ /* padding-right: 1.5em; */ } .removeLink { width: 100%; } .productBox ul { border-top: 1px solid #E0E0E0; border-bottom: 1px solid #FFFFFF; margin-bottom: 0.5em; list-style-position: outside; list-style-image: none; list-style: none; } .productBox ul li { border-top: 1px solid #FFFFFF; border-bottom: 1px solid #E0E0E0; margin-left: 0; } #landingpage { margin-top: -5px; padding-bottom: 10px; position: relative; } #landingpage .subcl { padding-left: 1em; z-index: 1; } #landingpage #countrySwitch { position: absolute; top: 370px; left: 10px; z-index: 2; margin-left: 30px; } /** * Tabellen */ #col3_content table { width: 100%; margin-bottom: 20px; } #col3_content th, #col3_content td { text-align: left; vertical-align: top; } #col2_content .marginaliabox li { background: none; padding: 1px 0; } #col2_content .marginaliabox .productBox { padding: 0 0 1.6em; } #col2_content .marginaliabox .content { background-color: #f5f5f5; /* background-color: #ffffff; */ padding: 10px 0.6em; } #col2_content .marginaliabox .content_inner { padding: 10px 0.6em 10px; } #col2_content .marginaliabox h2 { position: relative; /* top: -10px; */ /* left: 0.6em; */ /* padding: 10px 0.6em 5px; */ /* margin-right: -0.6em; */ padding: 10px 0.6em 5px; color: #333; font-size: 100%; font-weight: bold; background-color: #fff; border-bottom: 1px solid #e0e0e0; } #col2_content .marginaliabox h3 { font-size: 100%; } #col2_content .marginaliabox .ui_form { padding-top: 1em; } #col2_content .marginaliabox a.ui-link-button { display: block; } #col2_content .contentbox img { margin-bottom: 10px; } #col2_content .marginaliabox .accordion { margin-top: -10px; } .modalOverlay { display: none; } /** * Helper classes */ .off-screen { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } .floatLeft { float: left; } .floatRight { float: right; } .bottomAlign { position: relative; bottom: auto; left: 0; margin-top: 1em; margin-bottom: 1em; } .nodisplay { display:none !important; } .strong { font-weight: bold; } .textAlignRight { text-align: right; padding-right: 8px; } .marginBottom, #col3_content .marginBottom { margin-bottom: 20px; } .marginLeft { margin-left: 1em; } .marginTop { margin-top: 1em; } .marginRight { margin-right: 1em; } .noMatchSpace { margin-bottom: 3em; } .nobr { white-space: nowrap; } a.marginRight { margin-right: 0.7em; } .ui-icon-border { border: 1px solid #888; } .pz15 { width: 15%; } .pz20 { width: 20%; } .pz25 { width: 25%; } .pz33 { width: 33%; } .pz50 { width: 50%; } .pz75 { width: 75%; } } /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework * * (en) CSS-component for creating vertical forms * * @note Many thanks to Ansgar Hein (http://www.anatom5.de) for contribution * * @copyright Copyright 2005-2009, Dirk Jesse * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-C (http://www.yaml.de/en/license/license-conditions.html) * @link http://www.yaml.de * @package yaml * @version 3.2 * @revision $Revision:392 $ * @lastmodified $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $ */ @media screen, print, projection { /** * YAML Forms - visual styling * * (en) visual form styling area */ .yform { /* background:#f4f4f4; */ /* border:1px #ddd solid; */ /* margin:0 0 1em 0; */ /* padding:10px; */ } .yform fieldset { border:1px #ddd solid; background:#fafafa; margin:0 0 1em 0; padding:0.5em; } .yform p { margin: 0 20px 1em 40px; } .columnar p { margin: 0 20px 1em; } .yform legend, .yform .legendLabel { font-size:120%; font-weight:bold; color:#333; } .yform .cols legend { font-size:120%; font-weight:normal; color:#333; } .ui-tabs-panel .label, .yform label { color:#333; } .yform input, .yform textarea, .yform select, .yform optgroup { font-family: verdana, arial, sans-serif; /* proportional fonts for all form elements */ color: #333; } .yform option { padding: 0.3em 0 0.2em 0.4em; } .yform input.placeholderFocus, .placeholderFocus { color: #333; } .yform input.placeholder, .placeholder { color: #aaa; } .yform .type-text input, .yform .type-text textarea, .yform .type-select select { border:1px solid #ddd; } .yform div.invalid input, .yform div.invalid textarea, .yform div.invalid select { border:1px solid #EA0000; } /* :hover and :focus status on form fields | */ .yform div.type-text input:focus, .yform div.type-text select:focus, .yform div.type-text input:hover, .yform div.type-text select:hover, .yform div textarea:focus, .yform div textarea:hover, .yform div.type-text input:active, .yform div.type-text select:active, .yform div textarea:active { border:1px #999 solid; background:#fff; } /* avoid jumping checkboxes & radiobuttons in IE8 */ .yform div.type-check input[type=checkbox]:focus, .yform div.type-check input[type=checkbox]:hover, .yform div.type-check input[type=checkbox]:active, .yform div.type-check input[type=radio]:focus, .yform div.type-check input[type=radio]:hover, .yform div.type-check input[type=radio]:active { border:0 none; } /*------------------------------------------------------------------------------------------------------*/ /** * Vertical-Forms - technical base (standard) * * |-------------------------------| * | fieldset | * |-------------------------------| * | label | * | input / select / textarea | * |-------------------------------| * | /fieldset | * |-------------------------------| * * (en) Styling of forms where both label and input/select/textarea are styled with display:block; * * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing! */ /* General form styling | */ .yform { overflow:hidden; } .yform fieldset { overflow:hidden; } .yform label { display:block; cursor:pointer; } .yform legend { background:transparent; border:0; padding:0 0.5em; } .yform .message { display:block; margin-bottom:0.5em; color:#666; } /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | */ .yform input[type=hidden] { display:none !important; } /* Highlight mandatory fields | */ .yform sup { color:#800; font-weight:bold; } /* styling containing DIV elements | */ .yform div.type-text, .yform div.type-select, .yform div.type-check, .yform div.type-button { /* margin:0.5em 0; */ padding:0 0.5em 0 0; position:relative; overflow:hidden; vertical-align: middle; } .yform div.type-check { padding:3px 0.5em 3px 0; } .yform div.type-button { padding:3px 0em; } /* styling standard form elements with 'almost' equal flexible width | */ .yform .type-text input, .yform .type-text textarea { display:block; position:relative; padding: 4px 0.3em; width:58.5%; } .safari .yform .type-text input { /* padding: 0 0.3em; */ } .yform .type-select select { /* display:block; */ position:relative; padding: 4px 2px 4px 1px; width:60%; cursor:pointer; line-height: 20px; height: 26px; } .yform .type-select select optgroup { font-style:normal; font-weight:bold; } .yform .type-select label { display:inline; } .yform .type-check input { cursor:pointer; } .yform .type-check label { display:inline; } /* Styling of buttons | */ .yform .type-button input { width:auto; cursor:pointer; } /* Styling of error-messages | */ .yform div.error, .yform div.invalid { /* border:1px #a00 dashed; */ /* background:#faf4f4; */ /* padding:0.5em; */ } .yform div.error label, .yform div.invalid label { /* color:#000; font-weight:bold; */ } .yform div.error .message, .yform div.invalid .message { /* color:#800; */ } /*------------------------------------------------------------------------------------------------------*/ /* Indent Checkbox fields to match label-width | */ .full div.type-text input, .full div.type-text textarea { width:95.5%; } .full div.type-select select { width:97.0%; } /* width adjustments for IE 5.x & IE6 | */ * html .full div.type-text input, * html .full div.type-text textarea { width:95.5%; } * html .full div.type-select select { width:97.0%; } /*------------------------------------------------------------------------------------------------------*/ /** * Columnar forms display - technical base (optional) * * |-------------------------------------------| * | fieldset | * |-------------------------------------------| * | | * | label | input / select / textarea | * | | * |-------------------------------------------| * | /fieldset | * |-------------------------------------------| * * (en) Styling of forms where label floats left of form-elements * * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing! */ /* Columnar display | */ .columnar .labelgroup, .columnar .type-text label, .columnar .type-select label, .columnar .type-text .label { float:left; width:30%; /* Can be fixed width too | */ padding-top: 0.4em; } .columnar .type-text .label { float:left; width:50%; /* Can be fixed width too | */ } /* Indent Checkbox fields to match label-width | */ .columnar div.type-check input { margin-left:30%; } .columnar div.left-check { width: 100% } .columnar div.left-check input { margin-left:0; } .columnar div.left-check .radio { float: left; margin: 0.2em 0 0 0; padding: 0; width: 20px; } .columnar div.left-check label { display: block; margin-left: 25px; margin-right: 10px; padding: 0; } .columnar div.columnar_small label { display: block; margin-left: 2px; margin-right: 10px; padding: 0; width: 55%; } .columnar div.columnar_small .priceInput { width: 60px; margin: 0; } .columnar div.left-check .form_block { min-height: 20px; } .columnar div.left-check .columnar_width { float: left; } .columnar div.left-check .type-text { float: left; margin-top: -3px; line-height: 1.6; } .columnar div.invalid .message { margin-left:30%; } .columnar .formOutput { margin-left:30%; padding-top: 0.4em; } .columnar .formOutput p { margin: 0 0 1em; } .columnar .highlightBox { margin: 20px; } .columnar div.type-text input, .columnar div.type-text textarea { float:left; width:66%; } .columnar div.type-text td input, .columnar div.type-text td textarea { width:88%; } .columnar div.type-select select { float:left; width:69.4%; } .columnar div.columnar_small input, .columnar div.columnar_small textarea { width:50%; } .columnar .type-text .labelgroup label { width: auto; float: none; padding: 0; display: inline; } .columnar div.type-text input.form_zip { width: 10%; margin-right: 1em; } .columnar div.type-text input.form_city { width: 53%; } .columnar div.type-text .fnNumber_formBlock input.fnNumber1 { display: inline; width: 50px; float: none; } .columnar div.type-text .fnNumber_formBlock input.fnNumber2 { display: inline; width: 80px; float: none; } #col3_content .yform td { vertical-align: middle; } #col3_content .pricetable td { vertical-align: top; } tfoot .reloadTotal { margin-top: 0.5em; } .forminlay { background-color: #fff; border: 1px solid #E0E0E0; margin-bottom: 1em; padding: 0.5em 0 1em; } /* width adjustments for IE 5.x & IE6 | */ * html .columnar div.type-text input, * html .columnar div.type-text textarea { float:left; width:67.2%; } * html .columnar div.type-select select { float:left; width:68.8%; } /*------------------------------------------------------------------------------------------------------*/ /** * Global fixes for YAML's form construction set * * @workaround * @affected IE 5.x/Win, IE6, IE7 * @css-for IE 5.x/Win, IE6, IE7 * @valid no */ .yform, .yform div, .yform div * { zoom:1; } /** * Forms Fieldset/Legend-Bug in IE * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/ * * @workaround * @affected IE 5.x/Win, IE6, IE7, IE8 * @css-for IE 5.x/Win, IE6, IE7, IE8 * @valid no */ /* all IE */ .yform { padding-top:0\9; } .yform fieldset { padding:0 5px\9; padding-top:1em\9; } .yform legend { position:absolute\9; top:-.5em\9; *left:0\9; } .yform fieldset { position:relative\9; overflow:visible\9; margin-top:1.5em\9; zoom:1; } /* IE5.x, IE6 & IE7 */ .yform legend { *padding:0 5px; } .yform fieldset { *padding-top:1.5em; } /* IE5.x & IE6 */ * html .yform { padding-top:10px; } } /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework * * (en) Uniform design of standard content elements * * @copyright Copyright 2005-2009, Dirk Jesse * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-C (http://www.yaml.de/en/license/license-conditions.html) * @link http://www.yaml.de * @package yaml * @version 3.2 * @revision $Revision:392 $ * @lastmodified $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $ * @appdef yaml * * @colordef #A4D323; vzug grün * @colordef #006CB0; vzug blau * @colordef #029C00; text in grün */ /** * Table of contents * * Fonts * Headings * Lists * General text formatting * Links * Image captions * Tables * Price table * * * Linklist * Content links * */ @media all { /* --- Fonts ------------------------------------------------------------------------- */ /** * reset monospaced elements to font size 16px in all browsers * * @see: http://webkit.org/blog/67/strange-medium/ */ textarea, pre, code, kbd, samp, var, tt { font-family: verdana, arial, sans-serif; } /* --- Headings ------------------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-family: verdana, arial, sans-serif; font-weight: normal; color: #333; margin: 0 0 0.25em 0; } h1 { font-size: 250%; } h2 { font-size: 170%; } #stage .teaser h2 { font-size: 170%; color: #fff; } h3 { font-size: 120%; font-weight: bold; padding-bottom: 5px; } .teaser h3 { color: #fff; font-size: 100.01%; padding-bottom: 0; } .content_header h3 { border-bottom: 2px solid #A4D323; width: 100%; padding-bottom: 8px; /* margin-bottom: 10px; */ } .subcolumns .content_header h3 { position: absolute; bottom: 0; } .subcolumns .accordion .content_header h3 { position: inherit; bottom: 0; } #alertOverlay .content_header { margin: 0 10px; border: none; } h4 { font-size: 133.33%; } .content h4, h4.small { font-size: 100.1%; font-weight: bold; } h5 { font-size: 116.67%; } h6 { font-size: 116.67%; } /* --- Lists -------------------------------------------------------------------------------- */ ul, ol, dl { line-height: 1.5em; margin: 0 0 1em; } ul { list-style-type: none; } ul ul { list-style-type: none; margin-bottom: 0; } ol { list-style-type: decimal; list-style-position: outside; margin-left: 10px; } ol ol { list-style-type: lower-latin; margin-bottom: 0; } li { line-height: 1.5em; } ul li { margin-left: 0; padding-left: 12px; background-image: url(img/list_dash.gif); background-repeat: no-repeat; background-position: 0px 8px; } dt { font-weight: bold; } dd { margin: 0 0 1em 0.8em; } /* --- General text formatting ------------------------------------------ */ p { line-height: 1.5em; margin: 0 0 1em 0; } blockquote, cite, q { font-family: arial, sans-serif; font-style: italic; } blockquote { margin: 0 0 1em 1.6em; color: #666; } strong,b { font-weight: bold; } em,i { font-style: italic; } big { font-size: 116.667%; } small { font-size: 91.667%; } pre { line-height: 1.5em; margin: 0 0 1em 0; white-space: pre; /* CSS 2 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -pre-wrap; /* Opera 4-6 */ white-sapce: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS . */ word-wrap: break-word; /* IE */ } pre, code, kbd, tt, samp, var { font-size: 100%; } pre, code { color: #333333; } kbd, samp, var, tt { color: #666; font-weight: bold; } var, dfn { font-style: italic; } acronym, abbr { border-bottom: 1px #aaa dotted; font-variant: small-caps; letter-spacing: .07em; cursor: help; } sub, sup { font-size: 91.6667%; line-height: 0; } hr { color: #fff; background: transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border: 0; border-bottom: 1px #eee solid; } /*--- Links ----------------------------------------------------------------------------------------- */ a { color: #006CB0; background: transparent; text-decoration: none; outline: none; white-space: normal; } a:visited { color: #006CB0; } a:focus, a:active, a:hover { color: #006CB0; } a:hover, a:hover .text, a:hover .wishlistLink { text-decoration: underline; } #logo a:hover .text, a:hover .vzicn3, a:hover .text .downloadInfo { text-decoration: none; } /* --- Image captions -------------------------------------------------------------------------------- */ p.icaption_left { float: left; display: inline; margin: 0 1em 0.15em 0; } p.icaption_right { float: right; display: inline; margin: 0 0 0.15em 1em; } p.icaption_left img, p.icaption_right img { padding: 0; border: 1px #888 solid; } p.icaption_left strong, p.icaption_right strong { display: block; overflow: hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; } /** * ------------------------------------------------------------------------------------------------- * * Generic Content Classes * * (en) standard classes for positioning and highlighting * * @section content-generic-classes */ .match { color: #029C00; } .highlight { color: #c30; } .dimmed { color: #888; } .autoHighlight { background-color: yellow; } .info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; } .note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; } .important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; } .warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; } .float_left { float: left; display: inline; margin-right: 1em; margin-bottom: 0.15em; } .float_right { float: right; display: inline; margin-left: 1em; margin-bottom: 0.15em; } .center { display: block; text-align: center; margin: 0.5em auto; } /* --- Tables ---------------------------------------------------------------------------------------------- */ table { width: auto; border-collapse: collapse; margin-bottom: 0.5em; border-bottom: 1px solid #A4D323; } table caption { font-variant: small-caps; } table.full { width: 100%; } table.fixed { table-layout: fixed; } th,td { padding: 3px 0.5em 3px 0; } thead th { color: #333; padding-bottom: 5px; border-bottom: 1px solid #CCCCCC; } tbody th { background: #e0e0e0; color: #333; } tbody th { text-align: left; } tbody td { border-top: 1px solid #eee; } .accessoriesPriceTable { margin-top: 20px; } table.documents { border-bottom: 1px solid #EEEEEE; } /* --- Price table --------------------------------------------------------------------------------- */ table.priceTable { width: 100%; border: none; } table.priceTable tbody td { vertical-align: top; border-top: none; border-bottom: 1px solid #bbb; } table.priceTable tbody td.rowSpan { border-top: none; border-bottom: none; } table.priceTable tfoot td { border-top: 1px solid #BBB; border-bottom: 1px solid #BBB; } table.priceTable tr.total td { /* border-top: 1px solid #555; */ border-top: none; border-bottom: 1px double #BBB; border-bottom-width: 3px; } table.priceTable tr.first td, table.priceTable td.empty, table.priceTable tr.total td.empty { border-top: none; border-bottom: none; } table.priceTable td.t40l { width: 40%; border-right: 2em solid transparent; } #col3_content table.grandTotal { width: 326px; border: none; float: right; } #col3_content .yform table.priceTable td { vertical-align: top; } .mark_cols { /* border-bottom: 1px solid #A4D323; */ margin-bottom: 20px; } table.zebra th { padding-left: 0.9em; } table.zebra th:first-child { padding-left: 0.5em; padding-left: expression(this.previousSibling==null?'0.5em'); } table.zebra td { padding-left: 0.5em; } #col3_content .mark_cols table.zebra { border-bottom: none; margin-bottom: 0; } .mark_cols table.zebra tbody td { border-right: 10px solid #fff; } .mark_cols table.zebra tbody td.lastChild, .mark_cols table.zebra tbody td:last-child { border-right: none; } .contentbox table td img { float: none; display: block; margin-top: auto; margin-bottom: auto; } /** * ------------------------------------------------------------------------------------------------- # * * Miscellaneous | Sonstiges * * @section content-misc */ /** * (en) Emphasizing external Hyperlinks via CSS * * @section content-external-links * @app-yaml-default disabled */ /* #main a[href^="http://www.my-domain.com"], #main a[href^="https://www.my-domain.com"] { padding-left:12px; background-image:url('your_image.gif'); background-repeat:no-repeat; background-position:0 0.45em; } */ #header #topsearch { float: right; margin-left: 16px; } #userstatus, #metanav, #countrySwitch { display: inline; float:right; padding-top: 3px; } #countrySwitch a.vzicn3 , #countrySwitch a.vzicn3:hover { padding-left: 35px; text-decoration: none; } #countrySwitch a span { color: #333; padding-right: 5px; } #topsearch .yform, #topsearch .yform .type-text, #topsearch .yform .type-button { border: none; background-color: transparent; margin: 0; padding: 0; float: right; } #header #logo { position: relative; top: 12px; left: 21px; height: 60px; } #header #logo img { float: left; } #header #logo a:hover { text-decoration: none; } #header #logo h1 span.text { color: #006CB0; margin-left: 10px; line-height: 0.8; font-size: 0.6em; font-weight: bold; float: left; padding-bottom: 0.5em; } #header #nav { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 3; background-color: #FFF; } #header #topnav, #header #userstatus { font-size: 0.9em; font-weight: normal; text-align: left; width: auto; display: block; padding: 3px 0 0; margin: 0; position: absolute; z-index: 20; } #header #topnav { top: 12px; right: 12px; width: 500px; } body.b2b #header #topnav { right: 12px; } #topnav fieldset { float: left; } #maintenance { background-color: #F7F7F7; border: 1px solid #CECECE; color: black; margin: 10px 0; padding: 5px 10px; min-height: 20px; } #maintenance .text { margin-left: 30px; } #header #userstatus { top: 70px; right: 12px; } #userstatus a, #metanav a { text-decoration: none; } #userstatus a:hover, #metanav a:hover { text-decoration: underline; } .ui-selectmenu-menu-dropdown { background-color: #fff; /* IE 5.5+ */ filter: progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=90,strength=5) /* Right */ progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=180,strength=5) /* Bottom */ progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=5); /* Left */ /* progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=5) */ /* Top */ -moz-box-shadow: 0px 6px 30px rgba(0,0,0,.3); /* FF3.5+ */ -webkit-box-shadow: 0px 6px 30px rgba(0,0,0,.3); /* Saf3.0+, Chrome */ box-shadow: 0px 6px 30px rgba(0,0,0,.3); /* Opera 10.5, IE 9.0 */ } .hlist { color: #fff; background-image: url(img/bg_nav.png); background-position: 0 50%; background-color: #0057a8; background-repeat: repeat-x; border: none; border-bottom: 2px #A4D323 solid; z-index: 98; /*border-left: 1px solid #888;*/ /*border-right: 1px solid #888;*/ /*margin-left: -1px;*/ } .ui-selectmenu-menu { z-index: 99 !important; } .ui-selectmenu-item-selected, .ui-selectmenu-menu .ui-state-hover { background-color: #ecf2f2; } .navtree li a, .navtree li strong, #nav div a { background: none; background-color: transparent; color: #ffffff; display: block; font-size: 1em; font-weight: bold; margin: 0; padding: 7px 1em; text-decoration: none; width: auto; line-height: 1.3em; border: 1px solid transparent; border-right: 1px solid #4899CD; } .hlist ul { border: none; } .hlist ul li { font-size: 1.0em; line-height: 0.73em; list-style-type: none; position: relative; } .hlist ul li a:focus, .hlist ul li a:hover, .hlist ul li a:active, .hlist ul li.open a { background: #ffffff; color: #006CB0; border: 1px #888 solid; border-bottom: 1px #fff solid; text-decoration: none; } .hlist ul li.active { background-color: #064D7F; } .hlist ul li.open { background-color: #FFF; } #nav .hlist ul li.open a { background: #ffffff; color: #006CB0; border-bottom: 1px #fff solid; text-decoration: none; } .hlist div.floatRight a { border: none; } .hlist div.active a { background-color: #064D7F; } .hlist div.floatRight a:focus, .hlist div.floatRight a:hover, .hlist div.floatRight a:active { background: #ffffff; color: #006CB0; border-top: 1px #888 solid; text-decoration: none; } /* subnavigation */ #nav .hlist div.subnavigation, #nav .hlist div.basket { position: absolute !important; font-family: Verdana, arial, sans-serif !important; color: #006CB0; z-index: 3 !important; top: 32px; left: -12px; width: auto; height: auto; display: none; border: none; zoom: 1; background-image:url(img/bg_box.png); } body.safari #nav .hlist div.subnavigation, body.safari #nav .hlist div.basket { top: 31px; } #nav .hlist #persnav div.subnavigation { left: auto; right: -12px; } body.safari #nav .hlist #persnav div.subnavigation { right: -13px; } #nav .hlist div.subnav_inner { padding: 0 30px 30px; margin-top: 5px; } #nav .hlist .subnavigation ul, #nav .hlist .subnavigation h4 { filter: none; background-color: #fff; } #nav .hlist .subnavigation a, #nav .hlist li.open .subnavigation a, #nav .hlist .subnavigation h4 { color: #006CB0; border: none; text-shadow: none; background-color: #fff; } #nav .hlist .subnavigation h4 { padding-top: 1em; font-weight: bold; font-size: 1em; clear: both; } #nav .hlist .subnavigation h4 a, #nav .hlist li.open .subnavigation h4 a { border-bottom: 1px solid #888; } #nav .hlist .subnavigation ul li { display: list-item; float: none; background-color: #fff; zoom: normal; } #nav .hlist .subnavigation ul li a { font-weight: normal; } #nav .hlist .subnavigation ul li a:focus, #nav .hlist .subnavigation ul li a:hover, #nav .hlist .subnavigation ul li a:active { border: none; text-decoration: underline; } #nav .hlist .subnavigation ul li a, #nav .hlist li.open .subnavigation ul li a, #nav .hlist .subnavigation ul li strong, #nav .hlist .subnavigation div a, #nav ul .sub ul li a { padding: 0 1em 0 0; line-height: 1.2; background-color: #fff; } #nav .hlist .subnavigation .columns2 ul, #nav .hlist .subnavigation .columns3 ul { padding-top: 0; background: #fff; zoom: normal; } #nav .columns3 { display: block; position: relative; width: 600px; background-color: #fff; zoom: 1; } #nav .columns2 { display: block; position: relative; width: 400px; background-color: #fff; zoom: 1; } #nav .columns1 { display: block; float: left; padding-right: 20px; width: 180px; padding-top: 1em; background-color: #fff; zoom: 1; } #persnav { border-right: 1px solid #4899CD; margin-right: 10px; } #persnav li a, #persnav li strong { border-right: none; border-left: 1px solid #4899CD; } #nav .basketnav { position: relative; width: auto; zoom: 1; } #nav .basketnav a, #nav .hlist ul li.open .basketnav a { color: #fff; background: #0057A8 url('img/bg_warenkorb.png') repeat-x; display: block; height: 1.4em; padding: 7px 0.5em; border-bottom: transparent; } #nav li .basketnav a.full, #nav li.open .basketnav a.full { color: #fff; background: #A4D323 url('img/bg_warenkorb_full.png') repeat-x; } #nav .hlist ul li.open .basketnav a.full { background: url("img/bg_warenkorb_full.png") repeat-x scroll 0 0 #A4D323; border-bottom: #A4D323; } #persnav .basketnav a:hover .text { text-decoration: none; } #nav .hlist ul li.open .basketnav .basket a { background: none; padding: 0; height: auto; display: inline; color: #006CB0; font-weight: normal; } #persnav .basketnav .basket a:hover { text-decoration: underline; } #persnav .basketnav .text { float: left; padding-right: 0.5em; } #persnav .basketnav .icn_cart_white_big { display: block; float: left; margin-right: 0.5em; } #persnav .basketnav .icn_arrow_open, #persnav .basketnav .icn_arrow_close, #persnav .basketnav .icn_arrow_open_full, #persnav .basketnav .icn_arrow_close_full { display: block; float: right; } #nav .hlist #persnav .basket { position: absolute; top: 0; left: auto; right: 0; z-index: 500; background-color: #fff; width: 300px; height: auto; padding: 10px; color: #000; display: block; } #persnav .basket_inner { margin: 10px 3px 10px 10px; background-color: #fff; } #persnav .basket_inner a { border: none; } #persnav .basketItems { margin-top: 0.5em; overflow: visible; overflow-y: auto; } #persnav .basketForm { margin-right: 7px; } #persnav .basketForm .ui_form { margin: 0.5em 0 1em; } #persnav .basketForm .listitem { margin: 0 0 0.5em; } #addArticleNr { position: relative; z-index: 1; } #resultOverlayHolder { position: absolute; top: 5%; left: 0; right: 0; z-index: 2; box-shadow: 0 0 20px #CCCCCC; opacity: 1; text-align: center; width: auto; margin: 0 0.5em; padding: 0; border: none; filter: inherit; } #resultOverlayHolder .error { background-color: #DAD4D4; border: 1px solid #BA0003; padding: 5px 10px; padding: 0.5em; color: #BA0003; font-weight: bold; filter: inherit; opacity: inherit; } #resultOverlayHolder .successful { background-color: #EEFFEE; border: 1px solid #004400; padding: 5px 10px; padding: 0.5em; color: #004400; font-weight: bold; filter: inherit; opacity: inherit; } /* landingpage */ #landingpage .countrylist { background-color: #fff; padding: 0 2em; border-bottom: 1px solid #A4D323; } #landingpage .countrylist .subcl { padding-left: 0; padding-right: 1em; } #landingpage .countrylist .subcr { padding: 0; } #countrySelectOverlay .countrylist, #countrySelectOverlayHolder .countrylist { } #countrySelectOverlay .content_header, #countrySelectOverlayHoldr .content_header { width: 100%; } #countrySelectOverlay .closeLink, #countrySelectOverlayHolder .closeLink { position: absolute; top: 15px; left: auto; right: 0px; } #landingpage .content ul, #countrySelectOverlay .countrylist ul, #countrySelectOverlayHolder .countrylist ul { list-style: none; } #landingpage .content li, #countrySelectOverlay .countrylist li, #countrySelectOverlayHolder .countrylist li { background: none; padding: 0 0 0.5em; } #landingpage .content li.ligroup, #countrySelectOverlay .countrylist li.ligroup, #countrySelectOverlayHolder .countrylist li.ligroup { padding: 0; } #landingpage .content li a, #countrySelectOverlay .countrylist li a, #countrySelectOverlayHolder .countrylist li a { position: relative; padding-left: 24px; } #landingpage .content li a:hover, #countrySelectOverlay .countrylist li a:hover, #countrySelectOverlayHolder .countrylist li a:hover { text-decoration: none; } #landingpage .content li a:hover .link, #countrySelectOverlay .countrylist li a:hover .link, #countrySelectOverlayHolder .countrylist li a:hover .link { text-decoration: underline; } #landingpage .content li .flag, #countrySelectOverlay .countrylist li .flag , #countrySelectOverlayHolder .countrylist li .flag { width: 16px; height: 16px; position: absolute; top: 2px; left: 0; text-decoration: none; } /* country switch */ .langSelector { height:2.1em; float:right; display:inline; float:right; padding-top:3px; } #countrySwitch{ height: 2.1em; font-size: 0.8em; font-size: 11px; background-color: #fff; } #countrySwitch .ui-selectmenu, #countrySwitch .ui-selectmenu-status { height: 2.1em; } #countrySwitch select { width: 260px; height: 2.9em; } li.ui-selectmenu-hasIcon span.ui-helper-hidden { position: absolute; top: -5000px;} body #countrySwitch a, body #countrySwitch a.customicons { font-size: 1em; font-weight: normal; width: auto; } body #countrySwitch a:focus, body #countrySwitch a:hover, body #countrySwitch a:visited, body #countrySwitch a:active { color: #333; text-decoration: none; } body #countrySwitch a.ui-state-active:focus, body #countrySwitch a.ui-state-active:hover, body #countrySwitch a.ui-state-active:visited, body #countrySwitch a.ui-state-active:active { color: #333; text-decoration: none; } body #countrySwitch .customicons li a, body #countrySwitch a.customicons span.ui-selectmenu-status { vertical-align: middle; padding-left: 24px !important; } .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 24px; height: 1.3em; } body #countrySwitch a.customicons span.ui-selectmenu-item-icon { margin-top: -5px; } body #countrySwitch .ui-state-default, body #countrySwitch .ui-widget-content .ui-state-default { background: #fff url(img/bg_selectmenu.png) 100% 20% no-repeat; } body #countrySwitch .ui-selectmenu-icon { } .ui-selectmenu-menu-dropdown li .ui-icon { margin-top: -6px; } .ui-selectmenu-menu-dropdown { z-index: 40; background-color: #fff; } .ui-selectmenu-menu-dropdown li { background-image: none; } .ui-selectmenu-menu-dropdown li.ligroup { border-top: 1px #ddd solid; } .ui-selectmenu-menu-dropdown li a { font-size: 0.9em; line-height: 1em; font-weight: normal; } .ui-accordion .ui-accordion-header .ui-icon .ui_form { color: #2C2C2C; font-size: 0.8em; font-size: 0.9em; font-weight: bold; } .bottom_form { margin-top: 5px; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-state-active, .ui-widget-content .ui-state-active { font-weight: bold; } .ui-widget-content a { color: #006CB0; } .ui-widget-content a.compareLink { color: #006CB0; } .ui-state-default, .ui-widget-content .ui-state-default { color: #2C2C2C; } .ui-widget-content .ui-state-active { color: red; } #wishlist .ui-widget-content .ui_form a { color: #2C2C2C; } form .ui-state-focus, form .ui-widget-content .ui-state-focus { border: 1px solid #000; color: #212121; outline: none; } form .ui-tabs-nav .ui-state-focus { border: 1px solid #D3D3D3; } #col3_content .ui-widget-content .ui-accordion .ui-accordion-header a, .ui-accordion .ui-accordion-header a { display: inline-block; font-size: 1em; /* padding: 0 0 0 2.2em; */ padding: 0 2.5em 0 0; color: #000; } .ui-accordion .ui-state-active a, .ui-accordion .ui-state-active a:link, .ui-accordion .ui-state-active a:visited { color: #000; } .accordion .ui-state-hover, .accordion .ui-state-active, .accordion .ui-state-default { background: none; border: none; } .accordion .ui-accordion-header { border-bottom: 2px solid #A4D323; line-height: 1.9em; margin-bottom: 1em; height: auto; } .accordion .content_header, .accordion .content_body { background-color: #fff; } .light_accordion { margin-bottom: 10px; } .light_accordion .ui-accordion-header { border: none; /* border-bottom: 1px solid #A4D323; */ } .light .ui-accordion-header .ui-icon { /* top: 50% !important; */ /* margin-top: -18px; */ } .light_accordion .ui-state-active { margin-bottom: 0; } .light_accordion .ui-accordion-header h3 { font-size: 1em; line-height: 1.5em; border: none; } .ui-accordion .ui-accordion-content{ overflow:visible !important; } .light_accordion .content_body { margin-left: 2.2em; margin-bottom: 0; padding-bottom: 20px; } .light_accordion .content_body p { margin-bottom: 0; } .news_accordion { margin-bottom: 20px; } #portfoliolist .content_inner { border-bottom: 1px solid #DDDDDD; } #col2_content #portfoliolist li { margin: 0; padding: 0 0 0.5em; } #col2_content #portfoliolist li a { line-height: 1.2; } #col2_content #portfoliolist .productBox li { background: none; padding: 1px 0; } #portfoliolist .last { border: none; } #portfoliolist .last ul { margin-bottom: 0; } #col2_content #portfoliolist h3 { font-size: 120%; margin-bottom: 15px; } #col2_content .marginaliabox.last { margin-bottom: 0; } #col2_content .marginaliabox .ui-accordion-icons .ui-accordion-header { padding-left: 2.5em; } #logoShow, #logoFileUpload { height: 60px; margin-right: 2.5em; margin-top: 2px; } #logoFileUpload { margin-bottom: 0.5em; } #logoShow img { max-width: 200px; max-height: 50px; float: right; } #portfoliolist .actionBox { float: right; width: 40px; display: block; } #portfoliolist .listItem { display: block; position: relative; margin-right: 40px; } #portfoliolist a.productLink { display: block; margin-left: 1.4em; } #portfoliolist .infoBox { position: absolute; top: 0; right: 0; } #portfoliolist .infoLink { display: block; float: left; margin: 2px 0.4em 0 0; text-decoration: none; } #portfoliolist button { width: 100%; } .portfolioLogo { float: right; /* display: block; */ padding-bottom: 0.5em; max-width: 200px; } .portfolioLogo img { max-height: 50px; max-width: 200px; margin: 0; padding: 0; float: right; } .productBox h4 { font-weight: normal; } .goBack { position: relative; width: 31%; display: block; float: left; } .goBack ul li { background: none; padding: 0 0 8px 0; line-height: 1.4em; white-space: normal; } .compare { height: 18em; width: 21%; display: block; float: left; padding: 0 0.6em; border-left: 1px solid #E0E0E0; } .compare optgroup { font-style: normal; } .compare .removeItem { font-weight: normal; margin-left: -3px; padding-bottom: 3px; font-style: normal; color: #006CB0; background-color: #F5F5F5; border-bottom: 1px solid #DDDDDD; } .compare .selectItem { font-weight: normal; margin-left: -3px; padding-bottom: 3px; font-style: normal; } .compare select { width: 100%; margin-bottom: 10px; } #selectPDFitems h4 { font-size: 100.01%; font-weight: bold; clear: both; } #selectPDFitems .form_block { /* -moz-column-count: 3; -moz-column-gap: 20px; -moz-column-width: 200px; -webkit-column-count: 3; -webkit-column-gap: 20px; -webkit-column-width: 200px; -ms-column-count: 3; -ms-column-gap: 20px; -ms-column-width: 200px; column-count: 3; column-gap: 20px; column-width: 200px; */ } #selectPDFitems .form_block .type-check { float: left; width: 30%; } #selectPDFitems .last { margin-bottom: 8px; } .imageText { padding: 10px 20px 0 0; } .imageText span { vertical-align: text-bottom; padding-right: 5px; } .disabled { color: #aaa; } .disabled .vzicn3 { display: none; } .icnlist { width: 120px; } .icnlist ul { padding-left:0; margin:0; } .icnlist li { /* display:inline; */ /* padding-left:45px; */ float:left; width: 20px; background: none; } .icnlist li.first { padding-left:0; } .icnleft .vzicn3 { display: block; float: left; } .icnleft .text { display: block; margin-left: 20px; } td.icnlist { width: 11em; white-space: nowrap; } .ui-accordion-icons .ui-accordion-header h3 { padding-bottom: 0; } .ui-accordion .ui-accordion-header .ui-icon { top: 16px } .accordion .ui-accordion-header .ui-icon { /* margin: 0 0 4px 0; */ /* padding: 0 0 4px 0; */ top: 10px; /* left: 0; */ /* bottom: 0; */ } .accordion th, .accordion td, .twocols th, .twocols td { width: 50%; } #col3 .accordion .newstable th, #col3 .accordion .newstable td { width: auto; vertical-align:top; } #col3 .accordion .newstable th.date, #col3 .accordion .newstable td.date { width: 10%; white-space: nowrap; padding-right: 10px; } #col2_content .marginaliabox #accordion h2 { padding-left: 30px; margin-bottom: 0; } #col2_content .marginaliabox #accordion h2, #accordion h2.ui-state-default, #accordion h2.ui-state-hover, #accordion h2.ui-state-active { border: none; background: none; background-color: #fff; border-bottom: 1px solid #ddd; padding-bottom: 7px; margin-top: 1px; } #accordion h2 a { width: auto !important; zoom: 1; display: inline-block; font-size: 1em; padding: 0; color: #333; text-decoration: none; } #accordion .content { display: none; } #wishlist .ui-accordion .ui-accordion-content { border-top: 1px solid #ddd; } #wishlist .ui-widget-content a { color: #006CB0; } #persnav .basketnav .basket a.ui-link-button { background: #dedede url(img/ui-bg_highlight-hard_75_dedede_1x100.png) 50% 50% repeat-x; border: 1px solid lightGrey; border-top-left-radius: 0px 0px; font-weight: bold; color: #2C2C2C; cursor: pointer; display: inline-block; line-height: 18px; text-align: center; text-decoration: none; padding: 3px 1em 4px; } a.ui-link-button { color: #2C2C2C; padding: 2px 1.3em 2px; display: inline-block; text-decoration: none; cursor: pointer; text-align: center; line-height: 18px } .added a, .wishlistLink { cursor: pointer; } a.vzicn3, a.sprite, .removeLink { cursor: pointer; text-decoration: none; } body.safari a.ui-link-button { padding: 3px 1em 4px; } body.safari button[type="button"], body.safari button[type="submit"], body.safari input[type="button"], body.safari input[type="reset"], body.safari input[type="submit"] { padding: 3px 1em 4px; } button[type="button"], button[type="submit"], input[type="button"], input[type="reset"], input[type="submit"] { padding: 3px 1em 3px; cursor: pointer; } button .vzicn3, input[type="button"] .vzicn3, input[type="reset"] .vzicn3, input[type="submit"] .vzicn3 { margin-left: 0.5em; } button .icn_ok_small { margin-left: 1em; } button.link { overflow: visible; width: auto; text-align: left; color: #006CB0; font-weight: normal; background: none; margin: 0; padding: 0; border: none; cursor: pointer; -moz-user-select: text; /* override all your button styles here if there are any others */ } button.link:hover span { } button.link:hover span, button.link:focus span { color: #006CB0; text-decoration: underline; } #siteSearch input[type="submit"] { padding: 2px 1em 2px; cursor: pointer; } #siteSearch .type-text { position: relative; } #wishlist button[type="button"], #wishlist input[type="submit"] { width:100%; } #topsearch .yform a { left: 5px; position: absolute; top: 50%; margin-top: -7px; z-index: 100; } #topsearch .yform .type-text input { font-size: 0.9em; border: 1px solid #CCCCCC; width: 15em; padding: 3px 0.3em 4px 23px; } .marginaliabox .yform .type-text input { font-size: 0.9em; border: 1px solid #CCCCCC; width: 10.5em; padding: 3px 0.3em 4px 23px; background-color: #fff; background-image: none; } .placeholderFocus { color: #0000ff; } .placeholder { color: #00ff00; } .form_right select { /* width: 250px; */ } .form_right select a:focus, .form_right select a:hover, .form_right select a:visited, .form_right select a:active { color: #333; text-decoration: none; } .type-select .ui-selectmenu { color: #333; text-decoration: none; font-weight: normal; } .type-check { zoom: 1; } .type-check input.checkbox, .type-check input.radio { float: left; width: 20px; margin: 2px 0 0; } .type-check label { display: block !important; margin-left: 25px; line-height: 16px; padding: 0 20px 0 0 !important; } .form_right .type-check label, .checkbox_group .type-check label { margin-left: 5px; margin-top: -2px; display: inline !important;} .checkbox_group .type-check img { margin-right: 5px;} /* content */ #col3_content, .homepage_main .rowouter { border-bottom: 1px solid #A4D323; } .homepage_main #news{ border-top: 1px solid #A4D323; } #col1_content h2, #col3_content h2 { color: #333; float: left; } #col3_content .column_header { position: relative; } #col3_content .column_header h2 { margin-right: 50px; } #col1_content .column_header .icn_print_default, #col3_content .column_header .icn_print_default { margin: 0.4em 0 0 0; position: absolute; top: 6px; right: 24px; } #col1_content .column_header .icn_email, #col3_content .column_header .icn_email { margin: 0.4em 0.5em 0 0; position: absolute; top: 6px; right: 48px; } #footer { color: #808080; font-size: 0.9em; padding-bottom: 40px; background-color: #fff; } #footer a { color: #808080; font-size: 1em; text-decoration: none; } #footer a:hover { text-decoration: underline; } /* Rotating Images */ #stage .stage { width: 704px; height: 340px; } .stageItem { position: absolute; } #throbber { width: 60px; height: 60px; position: relative; top: 5px; left: 640px; z-index: 4; } .stageItem img { /* display: none; */ max-width: 100%; } #col3_content .fullwidth { height: auto; margin-bottom: 20px; } #col3_content #compare { height: 255px; background-position: 0 0; background-image: url(img/bg_compare_1.png); } #col3_content #compare .content img, #col3_content #compare .actions { margin: 5px 10px 0 0; } #col3_content #compare h3 { height: 37px; } .compare img { float: none; } #col3_content .content img.float_right { margin: 0 0 10px 10px; float: right; } #col3_content .fullwidth .stage { position: relative; } .stageItem .teaser { position: absolute; left: 0; right: 0; bottom: 0; height: auto; min-height: 0; padding: 15px 25px 15px 25px; background: rgba(0,112,186, .60); overflow: hidden; } #stage .stageItem .teaser, #col3_content .fullwidth .stage .teaser { position: absolute; width: 300px; min-height: 107px; max-height: 165px; top: 50%; right: auto; bottom: auto; margin-top: -25px; background: rgba(0,112,186, .90); overflow: hidden; } #col3_content .fullwidth .stage .teaser, #col3_content .fullwidth .stage .teaser h2, #col3_content .fullwidth .stage .teaser a { color: #fff; } #col3_content .teaser h2 { float: none; } #rotaingImages h2 { color: #fff; font-size: 100.01%; padding-bottom: 0; } .stage .teaser, .stage .teaser a { color: #fff; } .stage .teaser a.moreLink { background-image: url(img/icons/ico_link_more_white.png) !important; } #stage .c75l { width: 704px; } #stage .stageItem img { width: 704px; } #stage { margin-top: 5px; } #rotaingImages { position: relative; z-index: 1; } #rotaingImages #controls { width: auto; border: none; background: none; position: absolute; right: 20px; top: 12px; width: auto; z-index: 10; } #controls a.control { display: block; width: 25px; height: 25px; border: none; } #controls a.control span { display: none; } #controls a.control:hover, #controls a.control.active, #controls a.control.active:hover { background-position: 0 0; } #controls .indicator { float: left; } #stage li { background: none; padding-left: 0; } #stage li a { padding: .75em 0 .75em 0; border-top: 1px solid #ccc; display: block; } #stage li:first-child a { border-top: none; } .homepage_main #stage .subcr { padding-left: 0.5em; } .homepage_main .subcl .subcl { padding-right: 0.5em; } .homepage_main .subcr .subcr { padding-left: 0.5em; } .homepage_main .c75l .content { padding-top: 1em; } .homepage_main .c75l h3, .homepage_main .c75l p { padding-left: 0; } .newsblock .more { padding-left: 10px; } .newsblock .title { font-weight: bold; padding-right: 10px; } /* Resets */ #col3_content .ui-widget-content a { color: #006CB0; } #col3_content .ui-widget { font-size: 1em;} /* --- Linklist ----------------------------------------------------------- */ .linkList { padding: 10px 0.5em 10px 1em; background-color: #f5f5f5; zoom: 1; } .linkList.embedded { padding: 10px 0 10px 0; background: none; } ul.linkList li { list-style-image: none; background: none; border: none; padding: 4px 0; line-height: 1.4em; white-space: normal; } .text-right, #col3_content th.text-right, #col3_content td.text-right { text-align: right; } .video_content { float: left; margin: 0 10px 10px 0; } table.oddrows {} table.oddrows th { background: transparent; padding: 3px 0.5em; } table.oddrows.c3 td, table.oddrows.c3 th { width: 33.33333%; } table.oddrows.c2 td, table.oddrows.c2 th { /* width: 50%; */ } table.oddrows .c1 { width: 170px;} table.oddrows .c2 { width: 20px;} table.oddrows .c3 { text-align: right;} table.oddrows td { border: none; padding: 3px 0.5em; } table.oddrows tr.odd td, table.oddrows tr.odd th { background: #f5f5f5; } table.zebra tbody td { border: none; } table.zebra tr.even td { background: #f5f5f5; } table.sortable th { padding: 4px 0.5em 4px; position: relative; text-align: left; } table.sortable tr.even td { background: #f5f5f5; } table.sortable td { padding: 3px 0.5em 5px; } table.sortable th a { color: #333; margin-right: 5px; /* white-space: nowrap; */ display: block; height: 15px; text-align: left; } table.sortable th a:hover { text-decoration: none; } table.sortable th.sort { background-color: #f5f5f5; } table.sortable th.asc, table.sortable th.desc { background-color: #ccc; } table.sortable th a span { background-repeat: no-repeat; } table.sortable th a span.text { float: left; } table.sortable th a span.sprite { margin-top: 4px; float: right; } #col3_content table.dataTable { margin: 0; border: 0; } .dataTables_scrollHead table { margin-bottom: 0; } .dataTables_scrollHeadInner, table.dataTable thead th { background-color: #F4F4F4; } table.dataTable thead th a { color: #333333; display: block; text-decoration: none; } table.dataTable thead th a:hover, table.dataTable thead th a:hover .text { text-decoration: none; } table.dataTable thead th.sorting, table.dataTable thead th.sorting_asc, table.dataTable thead th.sorting_desc { cursor: pointer; padding-right: 20px; } table.dataTable thead th.sorting_asc { background-color: #e1e1e1; } table.dataTable thead th.sorting_desc { background-color: #e1e1e1; } table.dataTable th, table.dataTable td { padding-left: 0.4em; padding-right: 0.4em; text-align: left; } table.dataTable th .sort { display: block; position: relative; padding-right: 20px; } table.dataTable tr.even td { background: #f9f9f9; } table.dataTable td a { display: block; } .highlighted { background-color: #f00; } table#listChooser a { text-decoration: none; display: block; } th.alignTop, td.alignTop, #col3_content th.alignTop, #col3_content td.alignTop { vertical-align: top; } th.alignMiddle, td.alignMiddle, #col3_content th.alignMiddle, #col3_content td.alignMiddle { vertical-align: middle; } .percentage, .percentage .indicate { height: 11px; display: block; } .percentage { background: url(img/percentage.gif) left repeat-x; width: 30px; margin-top: 2px; } .percentage .indicate { background: url(img/percentageIndicate.gif) left repeat-x; width: 0px; overflow: hidden; color: transparent; } .percentage .indicate span { display: none; } .percentage.p0 .indicate, .percentage.l0 .indicate { width: 0%; } .percentage.p20 .indicate, .percentage.l1 .indicate { width: 20%; } .percentage.p40 .indicate, .percentage.l2 .indicate { width: 40%; } .percentage.p60 .indicate, .percentage.l3 .indicate { width: 60%; } .percentage.p80 .indicate, .percentage.l4 .indicate { width: 80%; } .percentage.p100 .indicate, .percentage.l5 .indicate { width: 100%; } /* Form- and Wizard-Stuff | SW 2010-05-26 */ .form_default { border: 1px solid #e0e0e0; border-bottom: 1px solid #a4d323; margin-bottom: 20px; margin-top: 20px; } #login .form_default { border: none; } #login .form_default_body { border: none; background: none; padding: 0; } #login .forminlay { background-color: #F5F5F5; } .overly_default { border: none; margin-top: 20px; } #col3_content .content_form { margin-top: 0; } .content_form .form_default { margin-top: 0; } .highlightBox { border: 1px solid #fff; background: #fff; } .overly_default_body, .form_default_body { height: 100%; padding: 20px; border-top: 1px solid #fff; } .form_default_body.confirmation .highlightBox { width: 290px; margin-bottom: 20px; margin-top: 20px; } .overly_default.bordered, .form_default.bordered { border-top: 2px solid #a4d323; } .overly_default_body .listitem .listitem_small { width: 515px; } .form_default.bordered .form_default_body { border-top: none; } .highlightBox p { margin: 0; } .highlightBox .highlight_inner { border: 1px solid #ccc; padding: 10px; } .form_default_body .listitem, .form_default_body .listitem hr { margin: 10px 0; } .detailTitle { margin-bottom: 1em; } .detailTitle h2 { font-size: 150%; margin-right: 1em; } .detailTitle a { line-height: 24px; } .coloredBack, .contentBack, .form_default_body { background: #f5f5f5; } .contentBack { padding: 10px; } .form_default_body h3, .wizard_tab.wizard_current, .form_default_body.confirmation .form_right { font-weight: bold; color: #333333 } .form_default_body h3 { margin-bottom: 10px; } .form_default_body .message { margin: 20px 0 20px 0; } #col3_content .contentbox p.message { display: block; } .form_default_body .message.error { font-weight: bold; color: #fff; } .form_default_body .message.error .message_inner { background: #ea0000; padding: 5px 10px 5px 10px; border: 1px solid #fff; } form div.invalid input, form div.invalid textarea { border:1px #EA0000 solid; } .wizard_tabs { height: 29px; line-height: 29px; background: #fff; border-bottom: 1px solid #e0e0e0; } .wizard_tabs a { color: #666; cursor: pointer; } .wizard_tab { font-weight: bold; color: #999; margin-right: -11px; background: url(img/wizard_default.png) right no-repeat; float: left; } .wizard_tab_inner { padding-right: 20px; padding-left: 20px; } .wizard_tab.first .wizard_tab_inner { padding-left: 10px; } .wizard_tab.wizard_current { background: #f5f5f5 url(img/wizard_active.png) right no-repeat; } .wizard_tab.wizard_current .wizard_tab_inner { background: url(img/wizard_default.png) left no-repeat; } .wizard_tab.first .wizard_tab_inner { background: none; } .wizard_table { border: none; } .wizard_table tbody tr:hover { /* background: #fff; */ } .wizard_table tr td input, .wizard_table tr td label { cursor: pointer; } .wizard_table tr.disabled td input, .wizard_table tr.disabled td label { cursor: default; } .wizard_table tr th { text-align: left; background: none; } #col3_content .wizard_table tr th, #col3_content .wizard_table tr td { height: 35px; padding: 0 5px 0 5px; vertical-align: middle; border-top: none; border-bottom: 1px solid #ccc; } .wizard_table tr .c1 { width: 15px; } .wizard_table tr.disabled td { color: #9f9f9f; } input.text, textarea.text { border: 1px solid #cccccc; /* line-height: 23px; */ background: #fff; } input.text { /* height: 23px; */ /* oboslete with new error form styles */ } input.text.search, input.text.search:hover, input.text.search:focus, input.text.search:active { width: 50%; display: block; margin-right: 5px; padding: 0.3em; float: left; } body.safari input.text.search, body.safari input.text.search:hover, body.safari input.text.search:focus, body.safari input.text.search:active { padding: 4px 3px 5px; } textarea.text { height: 100px; line-height: 1em; } .checkbox_group { float: left; padding-right: 20px; width: auto; display: block; } .form_right .checkbox_group { padding-left: 10px; } input.text:hover, input.text:focus, textarea.text:hover, textarea.text:focus { border-color: #999999; } input.checkbox { margin-right: 10px; } .border_bottom, #col3_content table.border_bottom { border-bottom: 1px solid #a4d323; margin-bottom: 20px; } .border_bottom img { margin-bottom: 0; } .border_top { border-top: 2px solid #a4d323; } .clear { /* clear: both; */ } /* use clearfix on parent element instead! */ .form_default_body .form_block { width: 450px; margin-bottom: 7px; /* line-height: 23px; */ } .form_default_body .form_float { float: left; padding: 5px 20px 5px 0; } .form_default_body .form_float p { margin: 0; line-height: inherit; } .form_default_body .adjustWidth { width: 98%; } .form_default_body .adjustWidth input { width: 100%; } .form_default_body .form_block .form_right input.text { width: 262px; font-weight: bold; } .form_default_body .form_block .form_right input.form_zip { width: 70px; display: inline; } .form_default_body .form_block .form_right input.form_city { width: 170px; display: inline; } .form_default_body .form_block .form_right input.fnNumber1 { width: 50px; display: inline; } .form_default_body .form_block .form_right input.fnNumber2 { width: 80px; display: inline; } .modal .form_default_body .form_block { width: 100%; } .modal .yform .columnar .type-select select { /* width: 100%; */ } .form_default_body .form_block .form_right input.operationDate { display:inline; width:100px; float:left; } .form_default_body .form_block .form_right textarea.text { width: 262px; padding: 3px; font-weight: bold; } .form_default_body .form_block .form_right { float: right; width: 275px; padding-right: 25px; } .modal .form_default_body .form_block .form_right { width: 315px; } .form_default_body .form_block.validated .form_right { background: url(img/form_validated.png) right 3px no-repeat; } .form_default_body .type-check.validated { background: url(img/form_validated.png) right 3px no-repeat; padding-right: 0; } .form_default_body .form_block.invalid .form_right { background: url(img/form_error.png) right 3px no-repeat; } .form_default_body .type-check.invalid { background: url(img/form_error.png) right 3px no-repeat; padding-right: 0; } .form_default_body .type-select.invalid .form_right { background: none; } .form_default_body .type-select.invalid .form_right { background: url(img/form_error.png) 100% 50% no-repeat; } .form_default_body .form_block input.submit { margin-top: 20px } .form_default_body.confirmation .form_block { width: 600px; line-height: 18px; } .form_default_body.confirmation .form_block .form_right { width: 412px; } .form_default_body .file, .form_default_body .form_block .text { /* margin-top: 4px; */ padding: 4px 3px; } .form_default_body .form_section { margin-bottom: 1em; } .form_default_body .file { background-color: #fff; } .form_mandatory.invalid label.form_error { /* border: 1px solid #EA0000; */ background: url(img/form_error.png) 100% 0% no-repeat; padding-top: 5px; padding-right: 20px !important; padding-bottom: 5px; } .form_default_body .documentQuantity input { display: inline; width: 30px !important; float: none; } /* plus minus to count input fields up and down */ .spinControl { height: 22px; /* 2x image height */ margin-left: -11px; /* image width */ position: absolute; margin-top: 1px; } .spinControl a img { margin: 0; padding: 0; border: 0; } .spinControl a.UP, .spinControl a.DOWN { cursor: pointer; height: 10px; /* image height */ left: 0; position: absolute; width: 11px; /* image width */ padding: 0px; } .spinControl a.DOWN { bottom: 0; } .errorlabel { color: #333; } .subcolumns div.type-check label { width: auto; } div.type-check label { /* width: 400px; */ } div.type-check { padding-top: 6px; margin-bottom: 6px; } .form_filter { background-color: #E3E8EE; border: none; margin-bottom: 10px; } .form_filter_body div.type-check { padding-top: 0; } .form_filter div.type-check label { width: auto; } .form_filter_body { padding: 10px 20px; border-top: 1px solid #fff; } .form_filter_body h3 { font-size: 1em; padding: 5px 0 0; } .form_filter_body p { margin: 0; } .form_filter_body a { zoom: 1; } .form_filter_body hr { margin: 5px -20px; } .form_filter_body .form_block { margin-bottom: 7px; line-height: 23px; } .form_filter_body .form_block .type-select .form_right { float: right; width: 130px; } a.printLink, a.calendarLink { padding-left: 24px; padding: 3px 0 3px 24px; line-height: 28px; background-position: left; background-repeat: no-repeat; } .highlightBox a.downloadLink { zoom: 1; display: block; } a.printLink { background-image: url(img/ico_pr.gif); } a.calendarLink { background-image: url(img/ico_cal.gif); } a.downloadLink { padding: 3px 0; } .content_links a.downloadLink { padding: 0 0 3px 0; } ul a.downloadLink, .linkContainer a.downloadLink, .product_download a.downloadLink { display: block; zomm: 1; } .linkContainer a.downloadLink, .product_download a.downloadLink { line-height: 1.4em; padding: 4px 0; } a.downloadLink .vzicn3 { display: block; float: left; } a.downloadLink .text { display: block; float: none; margin: 6px 0 0 35px; } a.downloadLink .downloadInfo { color: #333; } /* --- Content links ------------------------------------------------------------------------ */ .content_links a { padding-left: 24px; padding: 3px 0 3px 24px; line-height: 28px; background-position: left; background-repeat: no-repeat; } .content_links a.externalLink { background-image: url(img/ico_extlink.gif); } ul.content_links li { background-image: none; border: none; padding: 0; line-height: 1.4em; white-space: normal; } .doc_link span { float: left; line-height: 18px; margin-right: 5px; } .doc_link .docs { float: left; } .form_default hr, .ui-tabs-panel hr { color:#fff; background: transparent; font-size: 0; line-height: 0; margin:20px -20px 20px -20px; height: 0px; border:0; border-top:1px #e0e0e0 solid; border-bottom:1px #fff solid; } hr.fieldset { color: #fff; background: transparent; margin: 0 0 10px; padding: 0; border: 0; border-bottom: 1px #E0E0E0 solid; } .line { border-top:1px #d3d3d3 solid; border-bottom:1px #fff solid; clear: both; height: 0; width: 100%; line-height: 0; display: block; margin: 0.5em 0; } .form_controls { margin-top: -10px; margin-bottom: 20px; } .form_controls .subcr { text-align: right; } .form_controls.controls_inside { margin-top: 20px; } .default_action, .modal .default_action, a.default_action { background: url(img/button_blue.png) #5889a9 repeat-x 50% 50%; border: 1px solid #5889a9; color: #fff !important; } .wizard_default:hover { border-color: #2b4454; } /* Product Page Stuff */ .ui-tabs .ui-tabs-panel { padding: 1em 20px; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide .subcolumns, .ui-tabs .ui-tabs-hide { position: absolute; left: -999999px; top: -999999px; height: 10px; overflow: hidden; } #col3_content #productstage form { margin-bottom: 0; } #productstage { background: #ffffff url(img/bg_productstage.png) bottom repeat-x; padding-bottom: 27px; /* Space for Tabs */ } #productstage { height: 370px; /* 350px; */ } .accessory #productstage { background: #ffffff url(img/bg_accessory_detail.png) bottom repeat-x; } #productstage #product_filters { height: 48px; /* 28px */ border-top: 1px solid #ffffff; border-bottom: 1px solid #e0e0e0; } #productstage #product_filters #product_filters_inner { background: #f5f5f5; height: 47px; /* 27px; */ border-bottom: 1px solid #ffffff; padding: 0 10px 0 20px; line-height: 1em; /* 27px; */ } #productstage #product_filters #product_filters_inner fieldset { display: inline; margin-right: 30px; } #col3_content #productstage #product_filters #product_filters_inner fieldset.last { margin-right: 10px; width: auto; } #productstage #product_filters #product_filters_inner label { font-weight: bold; margin-right: 5px; color: #313131; display: block; padding: 5px 0;} #productstage #product_filters #product_filters_inner label.exclamationmark { padding-right: 1.5em; background-position: 100% 50%; } #productstage #product_filters .product_option { float: left; margin-right: 30px; } .product_option .icn_info_small { padding: 0 5px; } #productstage #product_filters #product_filters_inner select { /* max-width: 120px; */ } #productstage #productStageInner .feature_infobox { padding-bottom: 5px; margin-top: -5px; margin-bottom: 2.5em; position: relative; background: url(img/bg_infobox_lower_185.gif) bottom center no-repeat; } #productstage #productStageInner .feature_infobox_inner { background: url(img/bg_infobox_upper_185.gif) top center no-repeat; padding: 5px 6px 2px 6px; } #productstage #productStageInner .feature_infobox_inner .feature_teaser { text-align: left; vertical-align: top; background: #f5f5f5; margin: 5px 0 0 0; height: 40px; } #productstage #productStageInner .feature_infobox_inner .feature_teaser img { padding: 0; margin: 0; float: left; } #productstage #productStageInner .feature_infobox_inner .feature_teaser p { font-weight: bold; padding: 0.3em 0 0 0.5em; font-size: 0.9em; float: left; width: 120px; } #productstage #productStageInner .c33r, #productstage #productStageInner .c66l { } #productstage #productStageInner .c66l { width: 480px; height: 300px; margin: 20px 10px 0 10px; } #productstage #productStageInner .c33r { width: 185px; height: 300px; margin: 20px 10px 0 0; } #productstage #productStageInner .c33r .subcr { padding: 0;} #productstage #productStageInner { text-align: center; position: relative; } #productstage #productStageInner .product_zoom { margin-top: 5px; } .product_function { width: 100%; margin: 0 auto; text-align: center; position: absolute; left: 0; bottom: 3.5em } .product_function .function_inner { display: inline-block; zoom: 1; height: 0; } .product_function .actionlink { float: left; margin-left: 1em; margin-top: 5px; } .product_function a.vzug-icon-zoom-in { background-image: url(img/icons/ico_zoom_in.png); background-repeat: no-repeat; background-position: 100% 50%; padding-right: 20px; margin: 4px 6px 6px 0; clear: both; float: right; } .product_function .wishlink { /* clear: both; */ /* float: right; */ } #productinfo { margin-top: -27px; } #productinfo .ui-state-active { border: none; } #col3_content div.fullwidth #productinfo .content { margin-left: 0; margin-right: 0; } #animations .flashVideo, #animations .flowVideo { padding-bottom: 2em; } #animations .useFlowPlayer { width: 664px; height: 498px; } #features { padding-top: 36px; } #productinfo .feature, #productinfo .feature.last { /* padding-left: 45px; */ padding-bottom: 15px; margin-bottom: 15px; margin-right: 15px; background-position: left top; background-repeat: no-repeat; height: 35px; border-bottom: 1px solid #ccc; width: auto !important; } .feature img { float: left; margin-right: 10px; } .feature.last { border-bottom: none; } .feature.garautomatik { background-image: url(img/features/ico_garautomat.gif); } .feature.oberhitze { background-image: url(img/features/ico_unter_oberhitze.gif); } .feature.unterhitze { background-image: url(img/features/ico_unterhitze.gif); } .feature.grill { background-image: url(img/features/ico_grill.gif); } .feature.grillumluft { background-image: url(img/features/ico_umluft_grill.gif); } .feature.zartgarautomatik { background-image: url(img/features/ico_zartgaren.gif); } .feature.memoryrezept { background-image: url(img/features/ico_memory.gif); } .feature.umluft { background-image: url(img/features/ico_umluft.gif); } .feature.heissluftfeucht { background-image: url(img/features/ico_heissluft_feucht.gif); } .feature.pizzaplus { background-image: url(img/features/ico_pizza_plus.gif); } .feature.timer { background-image: url(img/features/ico_timer.gif); } #col3_content .product_detail { background: transparent; padding: 0; border: none; margin: 0 -20px 0 -20px; } #col3_content .product_detail .content_section { background: white; padding: 0 20px 0 20px; border-bottom: 1em solid #E3E8EE; margin-bottom: 10px;} #col3_content .product_detail .content_section .content_section_inner { padding: 10px 0 10px 0; } #col3_content .product_detail .column_header { margin-bottom: 0; padding-left: 10px; padding-right: 30px;} #col3_content .product_detail .product_body { margin: 0 -20px 0 -20px; border-bottom: 1px solid #a4d323; } #col3_content .product_body .ui-tabs, #col3_content .product_body .ui-tabs-nav { background: transparent; border: none; } #refine_overlay .ui-widget-header { background: none; border: none; border-bottom: 1px solid #ccc; } #refine_overlay .form_default_body { border: none; padding: 20px; } #refine_overlay .listitem_image { float: left; } #refine_overlay .form_default_body .listitem { margin: 0; } #refine_overlay .ui-tabs .ui-tabs-nav, #refine_overlay .ui-tabs .ui-tabs-panel { padding: 0 0 1px; } #col3_content .ui-tabs, #col3_content .ui-tabs .ui-tabs-nav, #refine_overlay .ui-tabs{ padding: 0; } #col3_content .ui-tabs .ui-tabs-nav li { margin-right: 5px; padding: 0; background: url(img/ui-tab-bg.gif) left bottom repeat-x; } #col3_content .ui-tabs .ui-tabs-nav li a, #refine_overlay .ui-tabs .ui-tabs-nav li a { padding: 0 15px 0 15px; font-weight: normal; } #col3_content .ui-tabs .ui-tabs-nav li, #col3_content .ui-tabs .ui-tabs-nav li a, #refine_overlay .ui-tabs .ui-tabs-nav li, #refine_overlay .ui-tabs .ui-tabs-nav li a { height: 27px; line-height: 27px; } #col3_content .ui-tabs .ui-tabs-nav li.ui-state-default a, #refine_overlay .ui-tabs .ui-tabs-nav li.ui-state-default a { padding: 0 17px 0 17px; } #refine_overlay .ui-tabs .ui-tabs-nav li { background: #fcfcfc; margin-right: 10px; padding: 0; } #refine_overlay .ui-tabs .ui-tabs-nav li.ui-tabs-selected { border-color: #ccc; } #refine_overlay .ui-tabs .ui-tabs-nav li.ui-state-default a { border: 1px solid #f5f5f5; border-bottom: none; } #refine_overlay .ui-tabs .ui-tabs-nav li.first a { border-left: none; } #col3_content .ui-tabs .ui-tabs-nav .ui-tabs-selected a, #col3_content .ui-tabs .ui-tabs-nav li.ui-state-active a, #refine_overlay .ui-tabs .ui-tabs-nav .ui-tabs-selected a, #refine_overlay .ui-tabs .ui-tabs-nav li.ui-state-active a { background: white; border: none; border-bottom: 1px solid #f5f5f5; font-weight: bold; } #refine_overlay .ui-tabs .ui-tabs-nav .ui-tabs-selected a, #refine_overlay .ui-tabs .ui-tabs-nav li.ui-state-active a { background: #F5F5F5; } #col3_content .ui-tabs-panel, #refine_overlay .ui-tabs-panel { padding-top: 48px; } #col3_content .ui-tabs .ui-tabs-nav .ui-tabs-selected a, #col3_content .ui-tabs .ui-tabs-nav li a, #refine_overlay .ui-tabs .ui-tabs-nav .ui-tabs-selected a, #refine_overlay .ui-tabs .ui-tabs-nav li a { color: #313131; } #productconfiguration { margin-bottom: 20px; border-bottom: 1px solid #A4D323; } #createNewList .form_default_body, #productconfiguration .scroll_tab { max-height: 400px; overflow: hidden; overflow-y: auto; } #productconfiguration .form_right { height: 26px; } #productconfiguration .type-text, #productconfiguration .type-select, #productconfiguration .type-button, #productconfiguration .type-group { padding: 0; } td .inputSpinner { width: 50px; } td .spinControl { margin-left: 0; } .inputCounter { float: left; } .inputSpinner input.inputCounter, .yform div.inputSpinner .inputCounter { width: 30px; padding: 4px 0.3em; } .yform div.inputSpinner label { padding: 0.1em 0 0 0.6em; } .product { margin-top: 1em; } .product img { display: inline; /* float: left; */ margin: 0 10px 0 0; } .product .product_link, .listitem .product_link { /* margin-left: 100px; */ } .product .product_link, .listitem .product_link, .listitem .listitem_text, .listitem .listitem_title { padding: 0.3em 0 0.3em 10px; } .listitem .listitem_title { padding-right: 10px; } .listitem .listitem_title .sprite { margin-left: 5px; } .product .product_link, .listitem .product_link, .listitem .listitem_title { background-color: #F5F5F5; } #refine_overlay .product .product_link, #refine_overlay .listitem .product_link, #refine_overlay .listitem .listitem_title { background-color: #dfdfdf; } .listitem { margin: 2em 0 2em 0; } .listitem img { float: none; } .listitem .listitem_image { float: left; text-align: center; margin: 10px 0; } .listitem .listitem_content { margin: 10px 0; width: 560px; float: right; position: relative; z-index: 1; } .listitem .listitem_content h4 { margin: 10px 0; } .listitem .listitem_image { width: 90px; } .listitem .listitem_price { margin: 1em; } .listitem .listitem_small { width: 336px; } .listitem .listitem_overlay { width: 520px; } .listitem_title .subcr.text-right { font-weight: bold; } .alertItem { margin-bottom: 0.5em; } .alertItem a { padding : 0.2em 0; color: #ff0000; } .alertItem .vzicn3 { margin-left: -17px; padding-left: 10px; padding-top: 0; } a.alertItem{ color: #ff0000; display: block; padding-left: 17px; width: 100%; } .alertMessage { color: #ff0000; } p.alertMessage .vzicn3 { float: left; } p.alertMessage .text { display: block; margin-left: 20px; } .listitem .listitem_content .productInfoMessage { margin-top: 6px; } .listitem .feature_info li { list-style: none; margin-left: 0; } .listitem .listitem_content .suggestions h4 { margin: 0 0 10px; color: #aaa; } .suggestions .feature_info { color: #aaa; } .suggestions p { margin-bottom: 0; } .suggestions .listitem { margin: 0; } #tooltip .suggestions { color: #333; } #tooltip .suggestions img { display: inline; float: none; position: relative; margin: 0 10px 10px 0; top: 0; left: 0; } #onlineAdvisorDetailPage .listitem .listitem_small { width: 456px; } #portfoliolist span.infoLink { color: #006CB0; /* #FF0000; */ line-height: 1.4em; padding-bottom: 2px; cursor: pointer; } #col3_content table#cart tfoot td { border-bottom: 0; border-top: 0; } .basket { /* display: block !important; */ } .basket .listitem { border-top: 1px solid #ccc; margin: 0 0 0.5em 0; padding-top: 0.5em; margin-right: 10px; color: #333; } .basket .listitem img { float: none; width: 30px; } .basket .small { color: #666; font-size: 11px; } .basket .listitem .listitem_image { float: left; text-align: center; width: 16%; } .basket .listitem .listitem_content { float: right; width: 83%; margin-top: 5px; position: relative; z-index: 1; } .basket .listitem .listitem_price { margin: 0.2em; } .basket .listitem .listitem_title { background: none; padding: 0; line-height: 1.2; height: auto; } .basket .listitem .listitem_overlay { width: 240px; } #cart .total, .basket .total { font-weight: bold; padding-bottom: 5px; margin-right: 0; } .basket .total { border-bottom: 3px double #BBBBBB; } .basket .listitem .product_info { display: block; line-height: 1.6em; margin: 0; padding: 0; width: 100% } .basket .listitem_title .subcr.text-right { font-weight: bold; } .product_link .text-right { margin-right: 10px; } .bold { font-weight: bold; } .listitem_text .subcr.text-right input { margin: 10px 0 0 0; } .product .wishlink, .listitem .wishlink { float: right; } .wishlink .added a { text-decoration: none; color: #000000 !important; } .product .product_info, .listitem .product_info { /* margin-left: 100px; */ /* display: table-cell; */ float: left; padding: 0.5em 1em; line-height: 1.6em; vertical-align: baseline; } .listitem .product_action { line-height: 1.6em; padding: 0.5em 1em; position: absolute; right: 0; top: 20px; vertical-align: baseline; z-index: 20; } .product .product_info .img, .listitem .product_info .img { float: left; } .product .product_info .percentage, .listitem .product_info .percentage { margin-left: 10px; margin-top: 3px; } .feature_info li { background: none; padding: 0; } #col2_content .form_default_body { border: none; margin: 0; padding: 0; } #col2_content .form_default_body .form_block { width: 100%; padding: 0; margin: 0; } #col2_content .yform .fullWidth { width: 100%; } #col2_content .yform div.fullWidth input { width: 16.6em; } /* to set the hight of the reseller list * set the overall pageheigt in the iframe in "includeResellerSearch.jsp" * then set the height of the iframes for the list in "maphandling.js" */ #resellerSearch .form_default { margin-top: 0; } #resellersearcharea .form_default_body .form_block { margin-left: 0; padding: 0 0 0 40px; width: 100%; } #resellersearcharea .form_default_body .form_block input.text { display: block; float: left; margin-right: 5px; padding: 0.3em; width: 50%; } #resellerSearch { margin-top: 0 !important; height: 900px; } #resellerList { width:100%; overflow:auto; margin-bottom: 10px; } #resellerList .vzug-paging-page { margin:2em 0 0.5em 0; padding-bottom: 1.5em; border-bottom:1px solid #CCCCCC; } .resellerListItem { border-bottom: 1px solid #ccc; padding: 3px 5px 5px; margin-bottom: 5px; } .resellerListItem .resellerFeature { display: block; float: right; padding: 0 0 0 5px; } .resellerListItem .resellerFeature img { margin: 3px 0 0 0; } .resellerListItem .resellerAddress { float: left; display: block; width: 180px; } .resellerListItem .resellerAddress p { margin: 0; } .resellerListItem .resellerImg { float: left; display: block; width: 40px; } .resellerListItem .resellerImg img { margin-right: 6px; } #resellersearcharea .highlightBox, #resellersearcharea .highlight_inner { border: none; background: none; padding: 0; } #col3_content .content_section { border-top: 10px solid #E3E8EE; margin-top: -20px; margin-left: -20px; margin-right: -20px; } #col3_content .content_section_inner { margin-top: 10px; margin-left: 20px; margin-right: 20px; } #resellerPaging { /* border-top: 1px solid #CCCCCC; */ border-bottom: 1px solid #CCCCCC; /* position: absolute; */ /* bottom: 0; */ width: 100%; margin-bottom: 0.8em; } #resellerPaging .vzug-paging-page { margin: 0 0 0.8em 0; } #resellerPaging .pagingInfo { margin-left: 1em; display:inline-block; white-space: nowrap; } #resellerinfo { overflow: hidden; height: 230px; width: 300px; } #resellerinfo .ui-tabs, #resellerinfo .ui-tabs-nav { background: transparent; border: none; } #resellerInfoHeader { width: 280px; } #resellerInfoHeader img { float: left; display: block; } #resellerInfoHeader h3 { display: block; text-align: left !important; } #resellerInfoTabs { position: absolute; bottom: 0; width:300px; } #resellerinfo table, #resellerinfo tbody td { border: none !important; font-weight: normal; font-size: 12px; } #col3_content #resellerinfo .ui-tabs-panel { padding-top: 10px; } #resellerinfo .ui-tabs, #resellerinfo .ui-tabs .ui-tabs-nav { padding: 0; } #resellerinfo .ui-tabs .ui-tabs-hide .subcolumns, #resellerinfo .ui-tabs .ui-tabs-hide { display: none; } #resellerinfo .ui-tabs .ui-tabs-nav li { margin-right: 4px; padding: 0; background: url(img/ui-tab-bg.gif) left bottom repeat-x; border: none; } #resellerinfo .ui-tabs .ui-tabs-nav li a { padding: 0 15px 0 15px; font-weight: normal; } #resellerinfo .ui-tabs .ui-tabs-nav li, #resellerinfo .ui-tabs .ui-tabs-nav li a { height: 27px; line-height: 27px; } #resellerinfo .ui-tabs .ui-tabs-nav li.ui-state-default a { padding: 0 17px 0 17px; } #resellerinfo .ui-tabs .ui-tabs-nav .ui-tabs-selected, #resellerinfo .ui-tabs .ui-tabs-nav li.ui-state-active { border: 1px #ddd solid; border-bottom: none; } #resellerinfo .ui-tabs .ui-tabs-nav .ui-tabs-selected a, #resellerinfo .ui-tabs .ui-tabs-nav li.ui-state-active a { background: white; border: none; font-weight: bold; } #resellerinfo .ui-tabs-panel { border: 1px #ddd solid; overflow: auto; height: 120px; } #resellerinfo .ui-tabs-panel .tab-panel-content { } #resellerinfo .ui-tabs .ui-tabs-nav .ui-tabs-selected a, #resellerinfo .ui-tabs .ui-tabs-nav li a { color: #313131; } #address { } .addCartLink { cursor: hand; } .removeLink { margin-top: 2px; } .editLink { margin-top: 2px; padding-left: 0.5em; display: block; } .removeLink .icn_delete_default, .wishlistLink .icn_delete_default { margin: 0 0 0 0.5em; } .morelink .vzicn3 { margin: 5px 0 0 0.5em; padding: 0; } .actionlink .vzicn3 { margin: 0 1em 0 0.5em; } .wishlink .vzicn3, .addCartLink .vzicn3, .addCartLink .ui-idle, .addProductToList .vzicn3 { margin: 0 0 0 0.5em; padding: 0; } .addCartLink .vzicn3 { margin-top: 2px; } .addCartLink .icn_ok_small { position: absolute; top: 0; right: 1px; } .addCartLink .ui-idle { margin: 0 0 0 9px; } h2 .icn_document_2 { margin: -1px 0 0 0.5em; padding: 0; } .exclamationmark { border: none; background-color: transparent; background-position: 100% 50%; background-repeat: no-repeat; padding-right: 1.5em; margin-right: 0.5em; cursor: pointer; display: inline; } .questionmark { border: none; background-color: transparent; background-position: right top; background-repeat: no-repeat; padding-right: 0; margin-right: 0; cursor: pointer; } .iconLink .text, .exclamationmark .text, .questionmark .text { margin-right: 0.5em; } .exclamationmark .icon { background-image: url(img/icon-exclamationmark.png); background-repeat: no-repeat; padding-right: 20px; } .exclamationmark .vzicn3 { line-height: 10px; padding-right: 20px; } .questionmark .icon { background-image: url(img/icons/icon_fragezeichen_grau.png); background-repeat: no-repeat; padding-right: 20px; } .questionmark .vzicn3 { padding-right: 20px; } td .questionmark { display: inline-block; } div.atclear { clear: none; } .addthis_toolbox .at300bs.at15t_expanded, .addthis_toolbox .at300bs.at15t_compact { background: url(img/icons/ico_networks.jpg) no-repeat; } .addthis_toolbox .icn_social_twitter_default, .addthis_toolbox .icn_social_youtube_default, .addthis_toolbox .icn_social_facebook_default, .addthis_toolbox .icn_social_linkedIn_default, .addthis_toolbox .icn_social_google_default { display: block; float: left; margin-right: 1em; } /** * Die neuen Formularstile * zum testen */ .form_default_body { padding: 20px 0; } .columnar .form_default_body { padding: 20px 0; } .columnar .checkbox_group { margin-left: 10px; padding: 0; } .yform .form_default_body fieldset { background: none; border: none; margin: 0 0px 1em; padding: 3em 0 0.5em 0; position: relative; } .yform .form_default_body fieldset.hlegend { padding-top: 0; } .yform .form_default_body fieldset.border { border-top: 1px solid #E0E0E0; padding-top: 4em; } .yform legend { top: 0; padding: 0; left: 0; margin-top: 10px; padding: 0; position: absolute; } .yform h3.legend { margin: 6px 20px 0.5em; } .mozilla .yform legend { margin-top: -30px; } .yform .formfields { margin-left: 30%; } .form_default_body legend { position: absolute; left: 40px; padding: 0; } .columnar .form_default_body legend { /* margin-top: -30px; */ /* change in ie_lte_8.css */ left: 20px; } .yform .form_default_body .type-check label { margin: 0; } .yform .form_default_body .cols { margin: 0; padding: 0; } .columnar .form_default_body .type-text, .columnar .form_default_body .type-select, .columnar .form_default_body .type-button, .columnar .form_default_body .type-group { margin: 0 0 0.5em; padding: 0 20px; } .yform .checkbox_group { margin: 0; } .yform .form_default_body .type-group { padding: 0; } .yform .form_default_body div.type-check { margin-bottom: 0; } .yform .form_default_body div.legendLabel { margin-bottom: 1em; } .columnar .form_default_body div.type-check { margin-left: 10px; } .columnar .clearcol div.type-check { margin-left: 20px; } .columnar .form_default_body .error div.type-check, .columnar .form_default_body .invalid div.type-check { margin-left: 0; } .columnar .form_default_body .error fieldset.cols legend, .columnar .form_default_body .invalid fieldset.cols legend { left: 0; } #col3_content div.required p.message { display: none; } .yform .form_default_body div.error, .yform .form_default_body div.invalid { background-color: #DAD4D4; /* #DAD4D4; ebe7e7 ECDADC */ color: #2F2F2F; padding: 0.3em 40px; width: 100%; } .columnar .form_default_body div.error, .columnar .form_default_body div.invalid { padding: 0.3em 20px; } .columnar .form_default_body div.error, .columnar .form_default_body div.invalid { margin-left: 0; width: auto; } .yform .form_default_body .message { margin: 20px 40px; } .yform div.error .message, .yform div.invalid .message { margin: 0 20px 0 0; } .columnar div.error .message, .columnar div.invalid .message { margin-left:30%; } .columnar .form_default_body .message { margin: 20px; } #login .form_default_body .message { margin: 20px 0; } #col3_content .form_default_body .error .message, #col3_content .form_default_body .invalid .message { margin-top: 0; margin-bottom: 0; color: #BA0003; font-weight: bold; display: block; } .yform .form_default_body div.invalid textarea, .yform .form_default_body div.invalid select, .yform .form_default_body div.invalid input, .yform .form_default_body div.invalid td input.invalid, .yform div.invalid input:focus, .yform div.invalid input:hover, .yform div.invalid input:active { border: 1px solid #BA0003; } .yform .form_default_body div.error textarea, .yform .form_default_body div.error select, .yform .form_default_body div.error input, .yform .form_default_body div.error td input.invalid, .yform div.error input:focus, .yform div.error input:hover, .yform div.error input:active { border: 1px solid #BA0003; } .yform .form_default_body div.invalid td input { border: 1px solid #999999; } .yform .form_default_body sup { color: #333; font-weight: normal; } .yform .form_default_body .form_block { width: 100%; margin-left: 0; padding: 0 40px; } .columnar .form_default_body .form_block { width: auto; padding: 0 20px; } #advisorPrice .form_default_body .form_block { width: 100%; } .form_default_body .message.error .message_inner, .form_default_body .invalid .message_inner { color: #BA0003; font-weight: bold; background-color: #DAD4D4; border: 0; padding: 0; } .form_default_body p.error { background-color: #DAD4D4; border: 1px solid #BA0003; padding: 5px 10px; } .form_default_body .message.successful .message_inner, .form_default_body .valid .message_inner { color: #004400; font-weight: bold; background-color: #EEFFEE; border: 0; padding: 0; } p.successful, .form_default_body p.successful { background-color: #EEFFEE; border: 1px solid #004400; padding: 5px 10px; color: #004400; } p.info, .form_default_body p.info { background-color: #F5F5F5; border: none; padding: 5px 10px; color: #000; } .basket_inner p.info { margin-right: 0.5em; } .columnar .form_default_body fieldset.cols legend { left: 20px; } .yform .form_default_body fieldset.cols legend { padding: 0.4em 0 0; margin: 0; float: left; width: 30%; font-size: 100.01%; color: #333; } .columnar fieldset.cols div.type-check input { margin-top: 1px; margin-left: 0; margin-right: 5px; float: left; } .columnar fieldset.cols div.type-check label { display: inline; float: left; } .columnar fieldset.cols div.type-check label.long { width: 88%; } .columnar fieldset.cols .checkbox_group { /* float: left; */ margin-left: 0; } .columnar fieldset.cols .formfields { /* float: left; */ /* width: 67.8%; */ } .columnar .form_right { margin-left: 30%; padding-left: 10px; } .columnar .form_output { float: left; width: 67.8%; } .columnar .form_default_body .form_controls { margin: 0 25px 0 20px; } .yform .clearcol div.type-check label { display: block; float: none; margin-left: 25px; } .clearcol div.type-check label.long { width: 88%; } #col3_content .form_default_body .clearcol .message, .clearcol .formfields { margin-left: 0; } .clearcol div.type-check input { margin-left: 0; float: left; margin-right: 5px; margin-top: 1px; } .columnar .multicolForm label { padding-bottom: 6px; width: 100%; } .fnText_disabled { background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #DDDDDD; color: #666666; padding: 0.3em; } .form_default_body .form_block .form_right input.operationDate, .form_default_body .multicolForm input.operationDate { display: inline; float: left; width: 100px; } .columnar .multicolForm div.error .message, .columnar .multicolForm div.invalid .message { margin-left: 0; } #advisorPrice .inputSpinner { margin-bottom: 2em; } .reloadTotalPrice .reloadTotal { float: right; } .reloadTotal .icn_reload_small_active { margin-left: 0.5em; } .reloadTotalPrice .active { color: #666; cursor: wait; } .active .icn_reload_small_active { background-image: url(./img/reload_button.gif); background-position: 0; } .tbellips { table-layout:fixed; border-collapse: collapse; width: 330px; } .tbellips td { border-bottom: 1px dashed #333; padding: 2px 5px; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } } @media all { /** /* http://spritegen.website-performance.org/ */ .vzug-icon { width: 20px !important; height: 16px! important; background-image: url(img/vzug_icons.png); background-position: -2000px -2000px; border: none; background-color: transparent; display: block; } /* colors */ .black { background-image: url(img/ui-icons_222222_256x240.png); } .light { background-image: url(img/ui-icons_888888_256x240.png); } .green { background-image: url(img/ui-icons_2c7316_256x240.png); } .red { background-image: url(img/ui-icons_cd0a0a_256x240.png); } .blue { background-image: url(img/ui-icons_2e83ff_256x240.png); } /* positioning */ .vzug-icon-wishlist-add-white { background-position: 0 0; margin-left: 5px;} .vzug-icon-wishlist-add { background-position: -20px 0; margin-left: 5px;} .vzug-icon-wishlist-added { background-position: -40px 0; margin-left: 5px; } .vzug-icon-questionmark { background-position: -60px 0; } .vzug-icon-search { background-position: -100px 0; } /* .vzug-icon-arrow-1-e { background-position: 0 -16px; } */ /* .vzug-icon-arrow-1-s { background-position: -20px -16px; } */ .vzug-icon-remove { background-position: -60px -16px; } .vzug-icon-removeCompare { background-position: -40px -16px; margin-left: 5px; } .vzug-icon-circle-arrow-2-e { background-position: -80px -16px; } .vzug-icon-circle-arrow-1-e { background-position: -100px -16px; } .vzug-icon-printer-blue { background-position: 0 -32px; } .vzug-icon-printer { background-position: -20px -32px; } .vzug-icon-email { background-position: -120px -32px; } .vzug-icon-document { background-position: 0 -50px; } .vzug-icon-calendar { background-position: -20px -50px; } .vzug-icon-pause { background-position: -60px -50px; } .vzug-icon-play { background-position: -90px -50px; } .vzug-icon-alert { background-position: -120px -50px; } .vzug-icon-ok { background-position: -150px -50px; } .vzug-icon-zoom { width: 40px !important; height: 32px! important; background-image: url(img/vzug_icons.png); border: none; background-color: transparent; display: block; background-position: 0 -80px; } .vzug-paging-page { margin: 2em 0 4em 0; } .vzug-paging-page a { display: inline-block; cursor: pointer; padding: 0; text-align:center; text-decoration:none; padding: 5px 0 6px; /* line-height: 18px; */ } .vzug-paging-page a.vzug-paging-number { padding: 4px 0.5em 5px; line-height: normal; } body.safari .vzug-paging-page a.vzug-paging-number { padding: 4px 0.5em; } .vzug-paging-page a:hover { text-decoration: none; } .vzug-paging-page span.spacer { padding: 0; display: inline-block; line-height: 12px; /* margin-right: 5px; */ } .vzug-paging { /* height: 25px! important; */ width: 25px !important; background-image: url(img/vzug_icons.png); background-position: -2000px -2000px; border: none; background-color: transparent; display: block; } .vzug-paging-start-disabled { background-position: 0 -144px; } .vzug-paging-prev-disabled { background-position: -90px -144px; } .vzug-paging-next-disabled { background-position: -180px -144px; } .vzug-paging-end-disabled { background-position: -270px -144px; } .vzug-paging-start { background-position: -60px -144px; } .vzug-paging-prev { background-position: -150px -144px; } .vzug-paging-next { background-position: -240px -144px; } .vzug-paging-end { background-position: -330px -144px; } .vzug-paging-start-active { background-position: -30px -144px; } .vzug-paging-prev-active { background-position: -120px -144px; } .vzug-paging-next-active { background-position: -210px -144px; } .vzug-paging-end-active { background-position: -300px -144px; } a.vzug-icon, a.vzug-icon:hover, a.vzug-icon:active, a.vzug-icon:visited { text-decoration: none; } /* in den ui bildern zu finden */ .vzug-icon-arrow-1-e { background-position: -160px -16px; } .vzug-icon-arrow-1-s { background-position: -176px -16px; } .sprite { background-image: url(img/sprites.png) !important; background-repeat: no-repeat; background-position: top left; } table.dataTable .sprite { left: auto; position: absolute; margin-left: 0.4em; margin-top: 4px; } .sorting_asc .sprite, .sprite_asc{ background-position: 0 0; width: 9px; height: 8px; } .sorting .sprite, .sprite_asc_off{ background-position: 0 -58px; width: 9px; height: 8px; } .sprite_close{ background-position: 0 -116px; width: 16px; height: 16px; } .sorting_desc .sprite, .sprite_desc{ background-position: 0 -182px; width: 9px; height: 8px; } .sprite_edit{ background-position: 0 -240px; width: 16px; height: 16px; } .sprite_error{ background-position: 0 -306px; width: 16px; height: 16px; } .sprite_info{ background-position: 0 -372px; width: 16px; height: 16px; } .sprite_search{ background-position: 0 -438px; width: 15px; height: 15px; } .sprite_sort{ background-position: 0 -503px; width: 9px; height: 8px; } .sprite_world-map{ background-position: 0 -561px; width: 30px; height: 15px; } .docs { background-image: url(img/doc_icons.png) !important; background-repeat: no-repeat; background-position: top left; display: block; } a.docs:hover { text-decoration: none; } .docs_2_doc{ background-position: 0 0; width: 35px; height: 20px; } .docs_2_docx{ background-position: 0 -70px; width: 35px; height: 20px; } .docs_2_dxf{ background-position: 0 -140px; width: 35px; height: 20px; } .docs_2_jpg{ background-position: 0 -210px; width: 35px; height: 20px; } .docs_2_pdf{ background-position: 0 -280px; width: 35px; height: 20px; } .docs_2_xls{ background-position: 0 -350px; width: 35px; height: 20px; } .docs_2_xlsx{ background-position: 0 -420px; width: 35px; height: 20px; } .docs_doc{ background-position: 0 -490px; width: 35px; height: 20px; } .docs_docx{ background-position: 0 -560px; width: 35px; height: 20px; } .docs_pdf{ background-position: 0 -630px; width: 35px; height: 20px; } .docs_xls{ background-position: 0 -700px; width: 35px; height: 20px; } .docs_xlsx{ background-position: 0 -770px; width: 35px; height: 20px; } } /** /* http://spritegen.website-performance.org/ */ .vzicn { background-image: url(./img/vzicn.png); background-repeat: no-repeat; background-position: top left; display: inline-block; } .icn_DOC{ background-position: 0 0; width: 25px; height: 20px; } .icn_DOCX{ background-position: 0 -70px; width: 32px; height: 20px; } .icn_DOCX_50{ background-position: 0 -140px; width: 65px; height: 50px; } .icn_DOC_50{ background-position: 0 -240px; width: 54px; height: 50px; } .icn_DXF{ background-position: 0 -340px; width: 25px; height: 20px; } .icn_DXF_50{ background-position: 0 -410px; width: 54px; height: 50px; } .icn_Generisch_20{ background-position: 0 -510px; width: 25px; height: 20px; } .icn_Generisch_50{ background-position: 0 -580px; width: 54px; height: 50px; } .icn_Internet_Symbol{ background-position: 0 -680px; width: 65px; height: 50px; } .icn_JPG{ background-position: 0 -780px; width: 25px; height: 20px; } .icn_JPG_50{ background-position: 0 -850px; width: 54px; height: 50px; } .icn_LINK{ background-position: 0 -950px; width: 65px; height: 50px; } .icn_Liste_13px{ background-position: 0 -1050px; width: 16px; height: 14px; } .icn_PDF{ background-position: 0 -1114px; width: 25px; height: 20px; } .icn_PDF_50{ background-position: 0 -1184px; width: 54px; height: 50px; } .icn_PPT_50{ background-position: 0 -1284px; width: 54px; height: 50px; } .icn_Pfeil_1{ background-position: 0 -1384px; width: 65px; height: 50px; } .icn_Pfeil_2{ background-position: 0 -1484px; width: 65px; height: 50px; } .icn_Pfeil_3{ background-position: 0 -1584px; width: 65px; height: 50px; } .icn_Pfeil_4{ background-position: 0 -1684px; width: 65px; height: 50px; } .icn_WWW{ background-position: 0 -1784px; width: 65px; height: 50px; } .icn_XLS{ background-position: 0 -1884px; width: 25px; height: 20px; } .icn_XLSX{ background-position: -115px 0; width: 32px; height: 20px; } .icn_XLSX_50{ background-position: -115px -70px; width: 65px; height: 50px; } .icn_XLS_50{ background-position: -115px -170px; width: 54px; height: 50px; } .icn_a10{ background-position: -115px -270px; width: 86px; height: 34px; } .icn_a20{ background-position: -115px -354px; width: 86px; height: 34px; } .icn_a30{ background-position: -115px -438px; width: 86px; height: 34px; } .icn_a40{ background-position: -115px -522px; width: 86px; height: 34px; } .icn_active{ background-position: -115px -606px; width: 25px; height: 25px; } .icn_add{ background-position: -115px -681px; width: 16px; height: 14px; } .icn_add_Liste_13px{ background-position: -115px -745px; width: 16px; height: 14px; } .icn_add_document{ background-position: -115px -809px; width: 16px; height: 14px; } .icn_add_document_13px{ background-position: -115px -873px; width: 16px; height: 14px; } .icn_all_back_active{ background-position: -115px -937px; width: 25px; height: 25px; } .icn_all_back_default{ background-position: -115px -1012px; width: 25px; height: 25px; } .icn_all_back_disabled{ background-position: -115px -1087px; width: 25px; height: 25px; } .icn_all_next_active{ background-position: -115px -1162px; width: 25px; height: 25px; } .icn_all_next_default{ background-position: -115px -1237px; width: 25px; height: 25px; } .icn_all_next_disabled{ background-position: -115px -1312px; width: 25px; height: 25px; } .icn_arrow_down_active{ background-position: -115px -1387px; width: 13px; height: 14px; } .icn_arrow_down_default_2{ background-position: -115px -1451px; width: 13px; height: 14px; } .icn_arrow_down_over{ background-position: -115px -1515px; width: 13px; height: 14px; } .icn_arrow_down_over_2{ background-position: -115px -1579px; width: 13px; height: 14px; } .icn_arrow_right_active{ background-position: -115px -1643px; width: 13px; height: 14px; } .icn_arrow_right_over{ background-position: -115px -1707px; width: 13px; height: 14px; } .icn_arrow_up_active{ background-position: -115px -1771px; width: 13px; height: 14px; } .icn_arrow_up_over{ background-position: -115px -1835px; width: 13px; height: 14px; } .icn_back_active{ background-position: -115px -1899px; width: 25px; height: 25px; } .icn_back_default{ background-position: -251px 0; width: 25px; height: 25px; } .icn_back_disabled{ background-position: -251px -75px; width: 25px; height: 25px; } .icn_compare_active{ background-position: -251px -150px; width: 19px; height: 13px; } .icn_compare_off{ background-position: -251px -213px; width: 19px; height: 13px; } .icn_compare_over{ background-position: -251px -276px; width: 19px; height: 13px; } .icn_copy_Liste_12px{ background-position: -251px -339px; width: 16px; height: 14px; } .icn_copy_Liste_13px{ background-position: -251px -403px; width: 16px; height: 14px; } .icn_default{ background-position: -251px -467px; width: 25px; height: 25px; } .icn_delete_active{ background-position: -251px -542px; width: 13px; height: 14px; } .icn_delete_active_12px{ background-position: -251px -606px; width: 13px; height: 14px; } .icn_delete_active_13px{ background-position: -251px -670px; width: 13px; height: 14px; } .icn_delete_default{ background-position: -251px -734px; width: 13px; height: 14px; } .icn_disabled{ background-position: -251px -798px; width: 25px; height: 25px; } .icn_doc_blue{ background-position: -251px -873px; width: 14px; height: 20px; } .icn_document_13px{ background-position: -251px -943px; width: 16px; height: 14px; } .icn_document_2{ background-position: -251px -1007px; width: 16px; height: 14px; } .icn_document_3{ background-position: -251px -1071px; width: 16px; height: 14px; } .icn_edit_active{ background-position: -251px -1135px; width: 16px; height: 14px; } .icn_edit_active_12px{ background-position: -251px -1199px; width: 16px; height: 14px; } .icn_edit_default{ background-position: -251px -1263px; width: 16px; height: 14px; } .icn_email{ background-position: -251px -1327px; width: 16px; height: 17px; } .icn_energie_a{ background-position: -251px -1394px; width: 34px; height: 34px; } .icn_energie_a1{ background-position: -251px -1478px; width: 34px; height: 34px; } .icn_energie_a2{ background-position: -251px -1562px; width: 34px; height: 34px; } .icn_energie_b{ background-position: -251px -1646px; width: 34px; height: 34px; } .icn_energie_c{ background-position: -251px -1730px; width: 34px; height: 34px; } .icn_exclamationmark_1{ background-position: -251px -1814px; width: 19px; height: 19px; } .icn_exclamationmark_2{ background-position: -251px -1883px; width: 13px; height: 14px; } .icn_facebook_default{ background-position: -251px -1947px; width: 13px; height: 14px; } .icn_facebook_over{ background-position: -387px 0; width: 13px; height: 14px; } .icn_fotografie{ background-position: -387px -64px; width: 22px; height: 20px; } .icn_garantie_1{ background-position: -387px -134px; width: 34px; height: 34px; } .icn_garantie_2{ background-position: -387px -218px; width: 34px; height: 34px; } .icn_garantie_3{ background-position: -387px -302px; width: 34px; height: 34px; } .icn_garantie_4{ background-position: -387px -386px; width: 34px; height: 34px; } .icn_garantie_5{ background-position: -387px -470px; width: 34px; height: 34px; } .icn_info_2{ background-position: -387px -554px; width: 13px; height: 14px; } .icn_kalender_active{ background-position: -387px -618px; width: 19px; height: 19px; } .icn_kalender_default{ background-position: -387px -687px; width: 19px; height: 19px; } .icn_kitchen_off{ background-position: -387px -756px; width: 16px; height: 17px; } .icn_kitchen_on{ background-position: -387px -823px; width: 16px; height: 17px; } .icn_laundry_off{ background-position: -387px -890px; width: 16px; height: 17px; } .icn_laundry_on{ background-position: -387px -957px; width: 16px; height: 17px; } .icn_link_active{ background-position: -387px -1024px; width: 13px; height: 14px; } .icn_link_over{ background-position: -387px -1088px; width: 13px; height: 14px; } .icn_linkedIn_default{ background-position: -387px -1152px; width: 13px; height: 14px; } .icn_linkedIn_over{ background-position: -387px -1216px; width: 13px; height: 14px; } .icn_magnify{ background-position: -387px -1280px; width: 13px; height: 14px; } .icn_montageanleitung{ background-position: -387px -1344px; width: 22px; height: 20px; } .icn_next_active{ background-position: -387px -1414px; width: 25px; height: 25px; } .icn_next_default{ background-position: -387px -1489px; width: 25px; height: 25px; } .icn_next_disabled{ background-position: -387px -1564px; width: 25px; height: 25px; } .icn_ok_1{ background-position: -387px -1639px; width: 19px; height: 19px; } .icn_ok_2{ background-position: -387px -1708px; width: 13px; height: 14px; } .icn_pause_1{ background-position: -387px -1772px; width: 19px; height: 19px; } .icn_play_1{ background-position: -387px -1841px; width: 19px; height: 19px; } .icn_print_active{ background-position: -387px -1910px; width: 16px; height: 17px; } .icn_print_active_13px{ background-position: -523px 0; width: 13px; height: 14px; } .icn_print_active_14px{ background-position: -523px -64px; width: 13px; height: 14px; } .icn_print_default{ background-position: -523px -128px; width: 16px; height: 17px; } .icn_questionmark_2{ background-position: -523px -195px; width: 13px; height: 14px; } .icn_search_big{ background-position: -523px -259px; width: 25px; height: 25px; } .icn_stufe_0{ background-position: -523px -334px; width: 30px; height: 10px; } .icn_stufe_1{ background-position: -523px -394px; width: 30px; height: 10px; } .icn_stufe_2{ background-position: -523px -454px; width: 30px; height: 10px; } .icn_stufe_3{ background-position: -523px -514px; width: 30px; height: 10px; } .icn_stufe_4{ background-position: -523px -574px; width: 30px; height: 10px; } .icn_stufe_5{ background-position: -523px -634px; width: 30px; height: 10px; } .icn_twitter_default{ background-position: -523px -694px; width: 13px; height: 14px; } .icn_twitter_over{ background-position: -523px -758px; width: 13px; height: 14px; } .icn_vektorendatei{ background-position: -523px -822px; width: 22px; height: 20px; } .icn_vermassung{ background-position: -523px -892px; width: 22px; height: 20px; } .icn_warenkorb{ background-position: -523px -962px; width: 30px; height: 15px; } .icn_worldmap{ background-position: -523px -1027px; width: 30px; height: 15px; } .icn_youtube_default{ background-position: -523px -1092px; width: 33px; height: 14px; } .icn_youtube_over{ background-position: -523px -1156px; width: 33px; height: 14px; } .icn_zoom_in{ background-position: -523px -1220px; width: 13px; height: 14px; } /** /* http://spritegen.website-performance.org/ */ .vzicn3 { background-image: url(img/vzicn3.png); background-repeat: no-repeat; background-position: top left; display: inline-block; } .addthis_toolbox a.icn_social_twitter_default:hover { background-position: -491px -1257px; /* see '.icn_social_twitter_active' value */ } .addthis_toolbox a.icn_social_youtube_default:hover { background-position: -491px -1385px; /* see '.icn_social_youtube_active' value */ } .addthis_toolbox a.icn_social_facebook_default:hover { background-position: -491px -745px; /* see '.icn_social_facebook_active' value */ } .addthis_toolbox a.icn_social_linkedIn_default:hover { background-position: -491px -1129px; /* see '.icn_social_linkedIn_active' value */ } .addthis_toolbox a.icn_social_google_default:hover { background-position: -491px -1001px; /* see '.icn_social_google_active' value */ } .addthis_toolbox a.icn_social_foursquare_default:hover { background-position: -491px -873px; /* see '.icn_social_foursquare_active' value */ } a.full .icn_arrow_close { background-position: 0 -126px; /* see '.icn_arrow_close_full' value */ } a.full .icn_arrow_open { background-position: 0 -378px; /* see '.icn_arrow_open_full' value */ } #rotaingImages a.icn_slide_default:hover, #rotaingImages a.icn_slide_default.active, #rotaingImages a.icn_slide_default.active:hover { background-position: -491px -595px; /* see '.icn_slide_active' value */ } .icn_add_small{ background-position: 0 0; width: 13px; height: 13px; } .icn_arrow_close{ background-position: 0 -63px; width: 13px; height: 13px; } .icn_arrow_close_full{ background-position: 0 -126px; width: 13px; height: 13px; } .icn_arrow_down_active{ background-position: 0 -189px; width: 13px; height: 13px; } .icn_arrow_down_over{ background-position: 0 -252px; width: 13px; height: 13px; } .icn_arrow_open{ background-position: 0 -315px; width: 13px; height: 13px; } .icn_arrow_open_full{ background-position: 0 -378px; width: 13px; height: 13px; } .icn_arrow_right_active{ background-position: 0 -441px; width: 13px; height: 13px; } .icn_arrow_right_over{ background-position: 0 -504px; width: 13px; height: 13px; } .icn_arrow_up_active{ background-position: 0 -567px; width: 13px; height: 13px; } .icn_arrow_up_over{ background-position: 0 -630px; width: 13px; height: 13px; } .icn_ausbaustufe_0{ background-position: 0 -693px; width: 30px; height: 10px; } .icn_ausbaustufe_1{ background-position: 0 -753px; width: 30px; height: 10px; } .icn_ausbaustufe_2{ background-position: 0 -813px; width: 30px; height: 10px; } .icn_ausbaustufe_3{ background-position: 0 -873px; width: 30px; height: 10px; } .icn_ausbaustufe_4{ background-position: 0 -933px; width: 30px; height: 10px; } .icn_ausbaustufe_5{ background-position: 0 -993px; width: 30px; height: 10px; } .icn_calendar_active{ background-position: 0 -1053px; width: 18px; height: 19px; } .icn_calendar_default{ background-position: 0 -1122px; width: 18px; height: 19px; } .icn_cart_active_big{ background-position: 0 -1191px; width: 22px; height: 15px; } .icn_cart_active_small{ background-position: 0 -1256px; width: 19px; height: 13px; } .icn_cart_white_big{ background-position: 0 -1319px; width: 22px; height: 15px; } .icn_cart_white_small{ background-position: 0 -1384px; width: 19px; height: 13px; } .icn_compare_active{ background-position: 0 -1447px; width: 19px; height: 13px; } .icn_compare_default{ background-position: 0 -1510px; width: 19px; height: 13px; } .icn_compare_white{ background-position: 0 -1573px; width: 19px; height: 13px; } .icn_delete_active{ background-position: 0 -1636px; width: 13px; height: 13px; } .icn_delete_default{ background-position: 0 -1699px; width: 13px; height: 13px; } .icn_dimensions{ background-position: 0 -1762px; width: 21px; height: 19px; } .icn_doc_big_active{ background-position: 0 -1831px; width: 14px; height: 20px; } .icn_doc_csv_large{ background-position: 0 -1901px; width: 54px; height: 50px; } .icn_doc_csv_small{ background-position: -104px 0; width: 25px; height: 20px; } .icn_doc_doc_large{ background-position: -104px -70px; width: 54px; height: 50px; } .icn_doc_doc_small{ background-position: -104px -170px; width: 25px; height: 20px; } .icn_doc_docx_large{ background-position: -104px -240px; width: 65px; height: 50px; } .icn_doc_docx_small{ background-position: -104px -340px; width: 32px; height: 20px; } .icn_doc_dxf_large{ background-position: -104px -410px; width: 54px; height: 50px; } .icn_doc_dxf_small{ background-position: -104px -510px; width: 25px; height: 20px; } .icn_doc_jpg_large{ background-position: -104px -580px; width: 54px; height: 50px; } .icn_doc_jpg_small{ background-position: -104px -680px; width: 25px; height: 20px; } .icn_doc_large{ background-position: -104px -750px; width: 54px; height: 50px; } .icn_doc_link_large{ background-position: -104px -850px; width: 54px; height: 50px; } .icn_doc_link_small{ background-position: -104px -950px; width: 25px; height: 20px; } .icn_doc_pdf_large{ background-position: -104px -1020px; width: 54px; height: 50px; } .icn_doc_pdf_small{ background-position: -104px -1120px; width: 25px; height: 20px; } .icn_doc_ppt_large{ background-position: -104px -1190px; width: 54px; height: 50px; } .icn_doc_small{ background-position: -104px -1290px; width: 25px; height: 20px; } .icn_doc_small_active{ background-position: -104px -1360px; width: 15px; height: 13px; } .icn_doc_xls_large{ background-position: -104px -1423px; width: 54px; height: 50px; } .icn_doc_xls_small{ background-position: -104px -1523px; width: 25px; height: 20px; } .icn_doc_xlsx_large{ background-position: -104px -1593px; width: 65px; height: 50px; } .icn_doc_xslx_small{ background-position: -104px -1693px; width: 32px; height: 20px; } .icn_doc_zip_large{ background-position: -104px -1763px; width: 54px; height: 50px; } .icn_doc_zip_small{ background-position: -104px -1863px; width: 25px; height: 20px; } .icn_edit_small_active{ background-position: -104px -1933px; width: 13px; height: 13px; } .icn_edit_small_default{ background-position: -219px 0; width: 13px; height: 13px; } .icn_email{ background-position: -219px -63px; width: 16px; height: 17px; } .icn_energie_a{ background-position: -219px -130px; width: 34px; height: 34px; } .icn_energie_a1{ background-position: -219px -214px; width: 34px; height: 34px; } .icn_energie_a10{ background-position: -219px -298px; width: 86px; height: 34px; } .icn_energie_a2{ background-position: -219px -382px; width: 34px; height: 34px; } .icn_energie_a20{ background-position: -219px -466px; width: 86px; height: 34px; } .icn_energie_a3{ background-position: -219px -550px; width: 34px; height: 34px; } .icn_energie_a30{ background-position: -219px -634px; width: 86px; height: 34px; } .icn_energie_a40{ background-position: -219px -718px; width: 86px; height: 34px; } .icn_energie_a50{ background-position: -219px -802px; width: 86px; height: 34px; } .icn_energie_b{ background-position: -219px -886px; width: 34px; height: 34px; } .icn_energie_c{ background-position: -219px -970px; width: 34px; height: 34px; } .icn_exclamationmark_big{ background-position: -219px -1054px; width: 19px; height: 19px; } .icn_exclamationmark_small{ background-position: -219px -1123px; width: 13px; height: 13px; } .icn_garantie_1{ background-position: -219px -1186px; width: 34px; height: 34px; } .icn_garantie_2{ background-position: -219px -1270px; width: 34px; height: 34px; } .icn_garantie_3{ background-position: -219px -1354px; width: 34px; height: 34px; } .icn_garantie_4{ background-position: -219px -1438px; width: 34px; height: 34px; } .icn_garantie_5{ background-position: -219px -1522px; width: 34px; height: 34px; } .icn_info_small{ background-position: -219px -1606px; width: 13px; height: 13px; } .icn_kitchen_off{ background-position: -219px -1669px; width: 14px; height: 15px; } .icn_kitchen_on{ background-position: -219px -1734px; width: 14px; height: 15px; } .icn_laundry_off{ background-position: -219px -1799px; width: 14px; height: 15px; } .icn_laundry_on{ background-position: -219px -1864px; width: 14px; height: 15px; } .icn_link_internal_active{ background-position: -219px -1929px; width: 13px; height: 13px; } .icn_link_small_active{ background-position: -355px 0; width: 13px; height: 13px; } .icn_link_small_white{ background-position: -355px -63px; width: 13px; height: 13px; } .icn_list{ background-position: -355px -126px; width: 15px; height: 13px; } .icn_list_add{ background-position: -355px -189px; width: 15px; height: 13px; } .icn_list_copy{ background-position: -355px -252px; width: 15px; height: 13px; } .icn_magnify_small{ background-position: -355px -315px; width: 13px; height: 13px; } .icn_manual{ background-position: -355px -378px; width: 21px; height: 19px; } .icn_ok_big{ background-position: -355px -447px; width: 19px; height: 19px; } .icn_ok_small{ background-position: -355px -516px; width: 13px; height: 13px; } .icn_pageing_active{ background-position: -355px -579px; width: 25px; height: 25px; } .icn_pageing_all_back_active{ background-position: -355px -654px; width: 25px; height: 25px; } .icn_pageing_all_back_default{ background-position: -355px -729px; width: 25px; height: 25px; } .icn_pageing_all_back_disabled{ background-position: -355px -804px; width: 25px; height: 25px; } .icn_pageing_all_next_active{ background-position: -355px -879px; width: 25px; height: 25px; } .icn_pageing_all_next_default{ background-position: -355px -954px; width: 25px; height: 25px; } .icn_pageing_all_next_disabled{ background-position: -355px -1029px; width: 25px; height: 25px; } .icn_pageing_back_active{ background-position: -355px -1104px; width: 25px; height: 25px; } .icn_pageing_back_default{ background-position: -355px -1179px; width: 25px; height: 25px; } .icn_pageing_back_disabled{ background-position: -355px -1254px; width: 25px; height: 25px; } .icn_pageing_default{ background-position: -355px -1329px; width: 25px; height: 25px; } .icn_pageing_disabled{ background-position: -355px -1404px; width: 25px; height: 25px; } .icn_pageing_next_active{ background-position: -355px -1479px; width: 25px; height: 25px; } .icn_pageing_next_default{ background-position: -355px -1554px; width: 25px; height: 25px; } .icn_pageing_next_disabled{ background-position: -355px -1629px; width: 25px; height: 25px; } .icn_pause_big{ background-position: -355px -1704px; width: 19px; height: 19px; } .icn_photo{ background-position: -355px -1773px; width: 21px; height: 19px; } .icn_play_big{ background-position: -355px -1842px; width: 19px; height: 19px; } .icn_print_active{ background-position: -355px -1911px; width: 16px; height: 17px; } .icn_print_default{ background-position: -491px 0; width: 16px; height: 17px; } .icn_print_small_active{ background-position: -491px -67px; width: 13px; height: 13px; } .icn_questionmark_default_small{ background-position: -491px -130px; width: 13px; height: 13px; } .icn_questionmark_small{ background-position: -491px -193px; width: 13px; height: 13px; } .icn_reload_big_active{ background-position: -491px -256px; width: 19px; height: 19px; } .icn_reload_big_default{ background-position: -491px -325px; width: 19px; height: 19px; } .icn_reload_small_active{ background-position: -491px -394px; width: 13px; height: 13px; } .icn_reload_small_default{ background-position: -491px -457px; width: 13px; height: 13px; } .icn_search_large{ background-position: -491px -520px; width: 25px; height: 25px; } .icn_slide_active{ background-position: -491px -595px; width: 25px; height: 25px; } .icn_slide_default{ background-position: -491px -670px; width: 25px; height: 25px; } .icn_social_facebook_active{ background-position: -491px -745px; width: 14px; height: 14px; } .icn_social_facebook_default{ background-position: -491px -809px; width: 14px; height: 14px; } .icn_social_foursquare_active{ background-position: -491px -873px; width: 14px; height: 14px; } .icn_social_foursquare_default{ background-position: -491px -937px; width: 14px; height: 14px; } .icn_social_google_active{ background-position: -491px -1001px; width: 14px; height: 14px; } .icn_social_google_default{ background-position: -491px -1065px; width: 14px; height: 14px; } .icn_social_linkedIn_active{ background-position: -491px -1129px; width: 14px; height: 14px; } .icn_social_linkedIn_default{ background-position: -491px -1193px; width: 14px; height: 14px; } .icn_social_twitter_active{ background-position: -491px -1257px; width: 14px; height: 14px; } .icn_social_twitter_default{ background-position: -491px -1321px; width: 14px; height: 14px; } .icn_social_youtube_active{ background-position: -491px -1385px; width: 33px; height: 14px; } .icn_social_youtube_default{ background-position: -491px -1449px; width: 33px; height: 14px; } .icn_throbber{ background-position: -491px -1513px; width: 64px; height: 64px; } .icn_throbber_bg{ background-position: -491px -1627px; width: 64px; height: 64px; } .icn_throbberswiff{ background-position: -491px -1741px; width: 64px; height: 64px; } .icn_vector{ background-position: -491px -1855px; width: 21px; height: 19px; } .icn_world_active{ background-position: -491px -1924px; width: 30px; height: 15px; } .icn_world_default{ background-position: -627px 0; width: 30px; height: 15px; } .icn_zoom_in_small{ background-position: -627px -65px; width: 13px; height: 13px; } /* integrate in content.css after migration */ #col3_content div.recipedetail { margin-bottom: 0; border-bottom: none; } div.recipedetail #productstage #productStageInner .feature_infobox_inner .feature_teaser { height: auto; } div.recipedetail #productstage .feature_teaser p { margin-bottom: 0.5em; } .feature_teaser p span { font-weight: normal; } #facetSearchForm .form_default_body { padding: 20px 20px 15px 20px; } #facetSearchForm .text { /* affects also the normal search box. Has to be done differently */ /* width: 160px; */ } .jcarousel-skin-tango { margin-top: -7px; } .jcarousel-skin-tango .jcarousel-container { /* border: 1px solid #DDDDDD; */ border-bottom: 1px solid #E0E0E0; background: url("img/bg_productstage.png") repeat-x scroll center bottom #FFFFFF; } .jcarousel-skin-tango li { list-style: none; background-image: none; } .jcarousel-skin-tango .jcarousel-container-horizontal { padding: 20px 107px; } .jcarousel-skin-tango .jcarousel-container-vertical { width: 75px; height: 245px; } .jcarousel-skin-tango .jcarousel-clip-horizontal { border-left: 1px solid #E0E0E0; width: 450px; padding: 0 3px 0 0; height: 190px; } .jcarousel-skin-tango .jcarousel-clip-vertical { width: 75px; height: 245px; } .jcarousel-skin-tango .jcarousel-item { /* width: 75px; */ height: 190px; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } .jcarousel-skin-tango .jcarousel-item-horizontal { border-right: 1px solid #E0E0E0; width: 150px; margin: 0; padding: 0; } .jcarousel-skin-tango .jcarousel-item-horizontal a { display: block; margin: 0 5px; padding: 0; } .jcarousel-skin-tango .jcarousel-item-horizontal .priceinfo { display: block; margin: 0 10px; padding: 0; } .jcarousel-skin-tango .jcarousel-item-horizontal .imagecontainer { height: 130px; padding-bottom: 5px; } .jcarousel-skin-tango .jcarousel-item-horizontal img { max-width: 130px; margin: 0 0 10px 0; padding: 0; } .jcarousel-skin-tango .jcarousel-item-horizontal span { clear: both; display: block; padding: 0 5px; } /** * Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 95px; right: 35px; width: 25px; height: 25px; cursor: pointer; background: transparent url("img/vzicn3.png") no-repeat -355px -1554px; } .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -355px -1479px; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -355px -1479px; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: --355px -1629px; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 95px; left: 35px; width: 25px; height: 25px; cursor: pointer; background: transparent url("img/vzicn3.png") no-repeat -355px -1179px; } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -355px -1104px; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -355px -1104px; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -355px -1254px; } /** * Vertical Buttons */ .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(next-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-vertical:hover { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(prev-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-vertical:hover { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; } @media print { body { overflow-y : visible !important; } .page_margins { position: relative; width: 100%; } #breadcrumb, #nav, #col2, #topnav, #topsearch, #userstatus, #footer, #stage .c25r { display: none !important; } #col3, #col3_content, #col3_content .contentbox { width: 100% !important; padding: 0 !important; margin: 0 !important; display: block !important; position: static !important; } #col3 { width: 100% !important; margin: 2cm 0 0 0 !important; padding: 0; } #header { border: none !important; } #header #logo { left: 0 !important; } #header, #logo { height: 30pt; } #main { background: none; } #col3_content { display: block; margin: 0 !important; padding: 0 !important; width: 100% !important; } #col3_content div.fullwidth { margin-left: 0 !important; margin-right: 0 !important; } .column_header, .linkList { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .contentbox { margin-bottom: 2cm !important; } #col3, #col3_content, .content { position: static !important; } div, h1, h2, h3, table { border-color: #000 !important; border-width: 1px; } #col3_content img.fullwidth { width: 100%; margin-right: 0; } #col3_content, .homepage_main .rowouter, .form_default, .form_default_body { border: none !important; } .c50l, .c50r { width: 45% !important; } .c33l, .c33r { width: 30% !important; } .c66r, .c66l { width: 60% !important; } .c50l, .c33l, .c66l { float: left !important; } .c50r, .c66r, .c33r { float: right !important;} .subcolumns, .contentbox { clear: both; } #col3_content div.fullwidth { border: none; } .content_header h3 { border:none; height: auto; } .accordion .ui-accordion-header { border: none; height: auto; } .ui-accordion-content { height: auto !important; display: block !important; } .accordion .ui-accordion table { border: none; margin-bottom: 10pt; } .ui-tabs-nav { display: none; } .ui-tabs .ui-tabs-hide { display: block !important; } /* product detail */ #product_body { position: relative; } #col3_content .content_section { /* position: relative; */ border-top: 2pt solid #000; margin: 0; } .product_function { display: none !important; } #productStageInner .c66l, #productStageInner .c33r, #productStageInner .subcl, #productStageInner .subcr { margin: 0; padding: 0; clear: both; text-align: left; } #productstage { height: 20cm !important; } #productinfo { margin: 0; position: relative; top: 0; left: 0; } #productStageInner .c66l { position: aboslute; left: 0; top: 0; } #productStageInner .c33r { position: absolute; right: 0; top: 0; } #configuration .c66l, #instructions .c66l { margin: 0; width: 100% !important; } #configuration .c33r, #instructions .c33r { display: none; } .product_image img { width: 12cm; } }