/*!
 * jQuery UI CSS Framework 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.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:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { 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 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,%20Helvetica,%20Verdana,sans-serif&fwDefault=normal&fsDefault=12px&cornerRadius=0&bgColorHeader=e8e8e4&bgTextureHeader=01_flat.png&bgImgOpacityHeader=100&borderColorHeader=dbdbdb&fcHeader=000000&iconColorHeader=cc0000&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=100&borderColorContent=dbdbdb&fcContent=000000&iconColorContent=cc0000&bgColorDefault=ffffff&bgTextureDefault=01_flat.png&bgImgOpacityDefault=100&borderColorDefault=dbdbdb&fcDefault=000000&iconColorDefault=000000&bgColorHover=ffffff&bgTextureHover=01_flat.png&bgImgOpacityHover=100&borderColorHover=dbdbdb&fcHover=000000&iconColorHover=cc0000&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=dbdbdb&fcActive=000000&iconColorActive=cc0000&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=ffffff&bgTextureError=01_flat.png&bgImgOpacityError=100&borderColorError=cc0000&fcError=cc0000&iconColorError=cc0000&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: Arial, Helvetica, Verdana,sans-serif; font-size: 12px; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, Verdana,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dbdbdb; background: #ffffff url(common/js/libs/jquery/jquery-ui/images/ui-bg_flat_100_ffffff_40x100.png) 50% 50% repeat-x; color: #000000; }
.ui-widget-content a { color: #000000; }
.ui-widget-header { border: 1px solid #dbdbdb; background: #e8e8e4 url(common/js/libs/jquery/jquery-ui/image/ui-bg_flat_100_e8e8e4_40x100.png) 50% 50% repeat-x; color: #000000; font-weight: bold; }
.ui-widget-header a { color: #000000; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #dbdbdb; background: #ffffff url(common/js/libs/jquery/jquery-ui/images/ui-bg_flat_100_ffffff_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #000000; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #000000; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #dbdbdb; background: #ffffff url(common/js/libs/jquery/jquery-ui/image/ui-bg_flat_100_ffffff_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #000000; }
.ui-state-hover a, .ui-state-hover a:hover { color: #000000; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #dbdbdb; background: #ffffff url(common/js/libs/jquery/jquery-ui/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #000000; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000000; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(common/js/libs/jquery/jquery-ui/image/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cc0000; background: #ffffff url(common/js/libs/jquery/jquery-ui/images/ui-bg_flat_100_ffffff_40x100.png) 50% 50% repeat-x; color: #cc0000; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cc0000; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cc0000; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and /etc/designs/relaunch/common/js/libs/jquery/jquery-ui/images */
.ui-icon { width: 16px; height: 16px; background-image: url(common/js/libs/jquery/jquery-ui/image/ui-icons_cc0000_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(common/js/libs/jquery/jquery-ui/image/ui-icons_cc0000_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(common/js/libs/jquery/jquery-ui/image/ui-icons_cc0000_256x240.png); }
.ui-state-default .ui-icon { background-image: url(common/js/libs/jquery/jquery-ui/image/ui-icons_000000_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(common/js/libs/jquery/jquery-ui/image/ui-icons_cc0000_256x240.png); }
.ui-state-active .ui-icon {background-image: url(common/js/libs/jquery/jquery-ui/image/ui-icons_cc0000_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(common/js/libs/jquery/jquery-ui/image/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(common/js/libs/jquery/jquery-ui/images/ui-icons_cc0000_256x240.png); }

/* 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-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.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-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(common/js/libs/jquery/jquery-ui/image/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(common/js/libs/jquery/jquery-ui/image/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*!
 * jQuery UI Datepicker 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.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 { 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 table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.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%; font-size:0em; }

/* 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*/
}



/*dhlde overwrites*/
.ui-datepicker {
	padding: 0;
	z-index: 999 !important;
}
.ui-datepicker .ui-datepicker-calendar td a {
	background: #E8E8E4;
	border-color: #dbdbdb;
}
.ui-datepicker .ui-datepicker-calendar td a.ui-state-hover {
	text-decoration: underline;
	color: #c00;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end a {
	background: #666;
	color: #fff;
	border-color: #666;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
	background: #c00;
	border-color: #c00;
	color: #fff !important;
}
.ui-datepicker .ui-widget-header {
	border-color: #E8E8E4;
}
.ui-datepicker table {
	margin: 0;
}
/**
 * description: author relevant classes
 */
.cq-wcm-edit .section {
    min-height: 40px;
}
#CQ label{
	display: inline;
}
.dhlde-placeholder {
    border: 2px dashed #CCCCCC;
    color: #ccc;
    cursor: default;
    font-family: tahoma,arial,helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    padding-top: 10px;
    text-align: center;
}
.cq-wcm-edit#dhlde .reference {
	border-top: 1em solid #cce0f5;
}
.cq-wcm-edit#dhlde .reference:before {
	color: #99bbe8;
	content: "Content below is a reference";
	display: block;
	font-weight: bold;
	line-height: 1.0;
	padding: .5em;
}
.cq-wcm-edit#dhlde .description {
	color: #ccc;
}
.x-edit-infotext {
    background: url(widgets/form/img/infoicon16x16.png) center no-repeat !important;
}
.x-edit-insertlinklist {
    background-image:url(../../../libs/cq/ui/widgets/themes/default/ext/editor/tb-sprite.gif) !important;
    background-position:-104px 0 !important;
}

/**
 * description: base styles for html elements
 */

@media all {
	/* global whitespace reset !!! */
	* {
		margin: 0;
		padding: 0;
	}
	/* font size inheritance ! */
	ol address,
	ol ol li,
	ol p,
	ol ul li,
	ul address,
	ul ol li,
	ul p,
	ul ul li,
	table address,
	table ol li,
	table p,
	table ul li {
		font-size: 1em !important;
		padding-bottom: 0 !important;
	}

	/* headlines */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-weight: bold;
	}
	h1,
	h5,
	h6 {
		line-height: 1.0;
	}

	h2 {
		color: #000;
		font-size: 1.4em;
		line-height: 1.286;
		margin-bottom: .357em;
	}
	h3 {
		color: #000;
	}
	h4 {
		color: #666;
	}
	h3,
	h4 {
		font-size: 1.2em;
		line-height: 1.5;
	}

	/* text - block */
	p {
		margin-bottom: 1em;
	}
	address {
		display: block;
		font-style: normal;
	}
	blockquote {
		clear: left;
		font-style: normal;
	}

	/* text - inline */
	abbr,
	acronym {
		border-color: inherit;
		cursor: help;
		font-style: normal;
	}
	em {
		font-style: normal;
		font-weight: inherit;
	}
	code,
	kbd,
	samp,
	var {
		font-family: "Courier New", Courier, monospace;
		font-weight: bold;
	}
	q,
	cite {
		font-style: normal;
	}
	strong {
		font-style: normal;
		font-weight: bold;
	}
	sup {
		position: relative;
		vertical-align: top;
	}

	/* horizontal rule */
	hr {
		display: none;
	}

	/* images */
	img {
		border: none;
	}

	/* lists */
	ol {
		clear: left;
	  	list-style: decimal outside none;
	}
	ul {
		clear: left;
	  	list-style: square outside none;
	}

	/* forms */
	fieldset {
		border: none;
		min-width: 0px;
	}
	legend {
		color: #000;
		display: block;
		font-size: 1.4em;
		font-weight: bold;
		line-height: 1.286;
		margin-bottom: .375em;
	}
	label {
		color: #000;
		display: block;
	}
	input,
	select,
	textarea {
		color: #000;
		display: block;
		font-weight: normal;
		box-sizing: border-box;
	}
	optgroup {
		font-style: normal;
		font-weight: bold;
		padding: 0 0 0 .5em;
	}

	/* tables */
	table {
		border: none;
		border-collapse: collapse;
		border-spacing: 0;
		caption-side: top;
		clear: left;
		empty-cells: show;
		width: 100%; /* Remember! */
	}
	caption,
	th {
		font-weight: bold;
		text-align: left;
	}
	th,
	td {
		border-style: solid;
		vertical-align: top;
	}
	/* table body */
	tbody th {
		font-weight: normal;
	}
}


@media screen, projection {
	/* font family */
	body,
	button,
	input,
	optgroup,
	option,
	select,
	textarea,
	pre {
		font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	}
	html {
		overflow-y: scroll;
	}
	html.cboxIframe {
		overflow-y: visible;
	}
	html,
	body {
		background-color: #fff;
		color: #666;
		height: 100%;
	}
	html {
		background: url("page/img/bg_gradient.jpg") repeat-x scroll 0 0 #E8E1D7;
	}
	body {
		font-size: 10px; /* base font size ! */
		line-height: 1.0;
	}
	/* headlines */
	h2 a:link,
	h2 a:visited,
	h3 a:link,
	h3 a:visited,
	h4 a:link,
	h4 a:visited,
	h5 a:link,
	h5 a:visited,
	h6 a:link,
	h6 a:visited {
		color: #000;
	}
	h2 a:hover,
	h2 a:active,
	h2 a:focus,
	h3 a:hover,
	h3 a:active,
	h3 a:focus,
	h4 a:hover,
	h4 a:active,
	h4 a:focus,
	h5 a:hover,
	h5 a:active,
	h5 a:focus,
	h6 a:hover,
	h6 a:active,
	h6 a:focus{
		color: #c00;
		text-decoration: underline;
	}

	/* text - block */
	address,
	blockquote,
	dt,
	dd,
	li,
	p,
	pre,
	table {
		font-size: 1.2em; /* 12px */
	}
	address,
	blockquote,
	dt,
	dd,
	li,
	pre,
	table {
		line-height: 1.25; /* 15px */
	}
	p {
		line-height: 15px;
	}

	/* text - inline */
	abbr,
	acronym {
		border-bottom: 1px dotted #666;
	}
	dfn {
		height: 1em;
		left: -400em;
		overflow: hidden;
		position: absolute;
		width: 100em;
	}

	/* links - specificity: "LVHAF"! */
	a {
		outline: none; /* to prevent FF ugly border */
		text-decoration: none;
	}
	a:link,
	a:visited {
		background-color: transparent;
		color: #000;
	}
	a:hover,
	a:active,
	a:focus {
		background-color: transparent;
		color: #c00;
		text-decoration: underline;
	}

	/* images */
	img {
		display: block;
		color: #666;
	}

	/* forms */
	label,
	input[type=button],
	input[type=checkbox],
	input[type=image],
	input[type=radio],
	input[type=reset],
	input[type=submit],
	select,
	button {
		cursor: pointer;
	}
	select,
	textarea {
		background-color: #fff;
	}
	select:active,
	select:focus,
	textarea:active,
	textarea:focus {
		background-color: #ffe88c;
	}
	textarea {
		border: 1px solid #666;
		padding: 0.083em;
	}
	textarea:active,
	textarea:focus {
		border-color: #000;
	}

	/* tables */
   	caption {
		color: #666;
	}
	button {
		-webkit-appearance: none;
		appearance: none;
		-moz-appearance: none;
		outline: none;
		background: none;
		border: none;
	}
	/*placeholder*/
	*::-webkit-input-placeholder {
		color: #666;
	}
	*:-moz-placeholder {
		color: #666;
	}
	*::-moz-placeholder {
		color: #666;
	}
	*:-ms-input-placeholder {
		color: #666;
	}
	#dhl-searchfield::-webkit-input-placeholder {
		color: #000;
	}
	#dhl-searchfield:-moz-placeholder {
		color: #000;
	}
	#dhl-searchfield::-moz-placeholder {
		color: #000;
	}
	#dhl-searchfield:-ms-input-placeholder {
		color: #000;
	}
}


@media print {
	/* global border settings */
	* {
		border-color: #000 !important;
	}

	/* font family */
	body,
	button,
	input,
	optgroup,
	option,
	select,
	textarea {
		font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	}

	/* body */
	body {
		background-color: #fff;
		color: #000;
		font-size: 8pt;
		line-height: 1.0;
		orphans: 2;
		widows: 2;
	}

	/* headlines */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		page-break-after: avoid;
		page-break-inside: avoid;
	}

	/* text - block */
	address,
	blockquote,
	dt,
	dd,
	li,
	p,
	pre,
	table {
		font-size: 1.125em; /* 9pt */
		line-height: 1.444; /* 13pt */
	}

	/* text - inline */
	abbr,
	acronym {
		border-bottom: none;
	}
	abbr:after,
	acronym:after {
		content: " (" attr(title) ")";
		font-size: 80%;
	}

	/* text, img, forms */
	address,
	q,
	img,
	fieldset,
	ul,
	ol,
	li,
	tr,
	th,
	td {
		page-break-inside: avoid;
	}

	/* links */
	a {
		background-color: transparent;
		color: #000;
		text-decoration: none;
	}
	a[href^="http"]:after {
		 /* content: " (" attr(href) ")";  <- if link target should be displayed */
	}

	/* tables */
	th,
	td {
		border-width: 1px;
	}

	input[type="submit"]::-moz-focus-inner { border:0; }
}

/**
 * description: utility classes
 */
@media all {
	/* visibility classes */
	#dhlde .inv {
		visibility: hidden !important;
	}
	#dhlde .show {
		visibility: visible;
	}
	#dhlde .hd {
		height: 1em;
		left: -400em;
		overflow: hidden;
		position: absolute;
		width: 100em;
	}
	#dhlde .dn {
		display: none;
	}
	/* for clearing issues */
	#dhlde .cl:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}
	.ie7 #dhlde .cl {
		zoom: 1;
	}

	/*fix z-index*/
	#dhlde .zi {
		z-index: 100000 !important;
	}

	/* number */
	#dhlde .no {
		white-space: nowrap;
	}

	/* error and success messages */
	#dhlde .error,
	#dhlde .success {
		font-weight: bold;
	}

	/* loading indicator */
	#dhlde .loading {
	    background: transparent url(common/img/icons/ajax-loader-layer.gif) no-repeat 50% 50%;
	}

	/*pie retrigger*/
	#dhlde .pie {
		behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
	}

	/* forms */
	#dhlde legend.hd {
		font-size: 0;
		height: 0;
	}

	/* tables: numbers in data cells */
	#dhlde td.no {
		text-align: right;
	}

	/* generic horizontal navigation */
	#dhlde .hNav {
		list-style-type: none;
	}
	#dhlde .hNav li {
		float: left;
		width: auto;
	}
	#dhlde .hNav li a,
	#dhlde .hNav li strong {
		display: block;
		line-height: 1.0;
	}
	/* error messages */
	#dhlde .error {
		background-color: transparent;
		color: #c00;
	}
	/* editor messages */
	#dhlde .edittxt {
		color: #99BBE8;
		padding: 4px 2px;
		font-style: italic;
		font-size: 10px;
		display: block;
	}

	/* symbol with helptext */
	#dhlde .symbol {
		background: transparent url(common/img/icons/symbols.png) no-repeat 100% -5600px;
		color: #666;
		margin-left: .5em;
		padding: 1px 0 2px 16px;
		position: relative;
		text-decoration: none;
		z-index: 0;
	}
	#dhlde .richtext .infotext span.infotext-inner,
	#dhlde .symbol span {
		background: #ffeda5;
		color: #666;
		font-size: 12px;
		font-weight: normal;
		left: -400em;
		line-height: 14px;
		overflow: hidden;
		padding: 4px 8px;
		position: absolute;
		width: 180px;
		z-index: 100;
		box-shadow: 2px 2px 4px 0 #bbb;
   		-moz-box-shadow: 2px 2px 4px 0 #bbb;
   		-webkit-box-shadow: 2px 2px 4px 0 #bbb;
	}
	#dhlde .symbol strong {
		color: #000;
		display: block;
		font-size: 1.091em;
		padding-bottom: .25em;
	}
}

/* target webkit based (safari,chrome) browsers */
@media all and (-webkit-min-device-pixel-ratio:0) {

}


@media screen, projection {
	/* links (content wrapper specific) */
	#dhlde a.external,
	#dhlde a.jump,
	#dhlde a.download,
	#dhlde .richtext a.external,
	#dhlde .richtext a.jump,
	#dhlde .richtext a.download{
		background-image: url(common/img/icons/symbols.png);
		background-repeat: no-repeat;
		padding-left: 13px;
	}
	#dhlde a.external,
	#dhlde .richtext a.external {
		background-position: 0px -5397px;
	}
	#dhlde a.jump, #dhlde .richtext a.jump {
		background-position: 0 -997px;
	}
	#dhlde a.jumptarget {
		background: none !important;
		padding-left: 0;
	}
	#dhlde a.download, #dhlde .richtext a.download {
		background-position: 0 -1098px;
	}
	#dhlde a.download dfn {
		color: #666;
		font-style: normal;
		position: static;
	}
	#dhlde a.download:hover dfn,
	#dhlde a.download:active dfn,
	#dhlde a.download:focus dfn {
		color: #c00;
	}
	#dhlde a.download span {
		background: url(common/img/icons/symbols-download.gif) 2px 0 no-repeat;
		display: inline-block;
		height: 13px;
		width: 18px;
	}
	#dhlde a.auf span {
		background-position: 2px -100px;
	}
	#dhlde a.doc span {
		background-position: 2px -200px;
	}
	#dhlde a.img span {
		background-position: 2px -300px;
	}
	#dhlde a.mov span {
		background-position: 2px -400px;
	}
	#dhlde a.msi span {
		background-position: 2px -500px;
	}
	#dhlde a.pdf span {
		background-position: 2px -600px;
	}
	#dhlde a.ppt span {
		background-position: 2px -700px;
	}
	#dhlde a.txt span {
		background-position: 2px -800px;
	}
	#dhlde a.xls span {
		background-position: 2px -900px;
	}
	#dhlde a.xpi span {
		background-position: 2px -1000px;
	}
	#dhlde a.zip span {
		background-position: 2px -1100px;
	}
	#dhlde a.exe span {
		background-position: 2px -1200px;
	}
	#dhlde a.dmg span {
		background-position: 2px -1300px;
	}

	/* text and file upload fields */
	#dhlde input.text:active,
	#dhlde input.text:focus {
		background-color: #ffe88c;
		border-color: #000;
	}
	/* submit button (primary function) + button (secondary function) */
	#dhlde input.submit:hover,
	#dhlde input.submit:active,
	#dhlde input.submit:focus,
	#dhlde input.button:hover,
	#dhlde input.button:active,
	#dhlde input.button:focus {
		color: #fc0;
	}

	/* symbol with helptext */
	#dhlde .symbol:hover,
	#dhlde .symbol:active,
	#dhlde .symbol:focus {
		z-index: 100;
	}
	#dhlde .symbol:hover span {
		left: -.909em; /*10px*/
		top: 2.273em; /*25px*/
	}
	#dhlde #sidebar-right .symbol:hover span {
		left: -16.364em; /*180px*/
	}


	/*crossbrowser*/
	.ie8 #dhlde a.download {
		background-position: 0 -1096px;
	}

	/* submit button (primary function) */
	.ie8 #dhlde input.submit,
	.ie8 #dhlde input.button {
		padding: .25em .25em .333em;
	}



}
@media print {
	/* error messages */
	#dhlde .error {
		background-color: transparent;
		color: #c00;
	}
	#dhlde input.submit,
	#dhlde input.button {
		border-color: #c00 !important;
	}
	/* submit button (primary function) */
	#dhlde input.submit {
		background-color: #fff;
		border: 1px solid #fff !important;
		color: #000;
	}
	/* button (secondary function) */
	#dhlde input.button {
		background-color: #fff;
		border: 1px solid #fff;
		color: #000;
	}

}
/*PC Browser < 1024 and tablet landscape orientation */
@media only screen and (max-width:1024px) {
	#dhlde a.external {
		background-position: 0 -2796px;
	}
}

/**
 * description: common styles for a message layer
 */

@media all {
	/* disclaimer styles in colorbox */
	#dhlde #messages {
		background: #fff;
		padding: 2em;
	}
	#dhlde #messages a.left {
		float: left;
	}
	#dhlde #messages a.right {
		float: right;
	}
	#dhlde #messages p.cl {
		margin-bottom: 0;
	}

}
/*PC Browser < 1024 and tablet landscape orientation */
@media only screen and (max-width:1024px) {
	#dhlde #messages a,
	#colorbox #cboxLoadedContent #disclaimer a {
		background-position: 0 -2495px;
		padding-left: 13px;
	}
}

/**
 * component: page (meta)
 * description: page structure for pages
 */
 @media all {
    #dhlde {
        background: transparent;
        text-align: center;
    }
    #dhlde #wrapper {
        background: #fff;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
        min-height: 100%;
        width: 980px;
        margin: 0 auto;
        margin:0 40px 0 0;
        display:inline-block;
        text-align:left;
    }
    .ie8 #dhlde #wrapper {
        width: auto;
        max-width: 980px;
        min-width: 720px;
        box-shadow: 0 0 15px #a19d97;
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
    }
    #dhlde #header {
        background: #fc0;
        position: relative;
        z-index: 300;
        padding-top: 47px;
    }
    .cq-wcm-edit#dhlde #header.zfix {
        z-index: 10000;
    }
    #dhlde #header .header-line {
        background: #c00;
        box-shadow: inset 0 2px 1px 0 #a00;
        -moz-box-shadow: inset 0 2px 1px 0 #a00;
        -webkit-box-shadow: inset 0 2px 1px 0 #a00;
        bottom: 0;
        left: -4px;
        right:-4px;
        height: 6px;
        position: absolute;
    }
    #dhlde #header .header-line .left,
    #dhlde #header .header-line .right {
        position: absolute;
        top: -86px;
        left: -6px;
        height: 86px;
        width: 10px;
        background: transparent url(page/img/bg_page_shadow.png) no-repeat;
        filter: alpha(opacity=90);
        opacity: 0.9;
    }
    .ie8 #dhlde #header .header-line .right,
    .ie8 #dhlde #header .header-line .left {
        filter: none;
    }
    #dhlde #header .header-line .right {
        left: auto;
        right: -6px;
        background-position: -15px 0;
    }
    #dhlde #header .previewHint {
        font-size: 14px;
        left: -200px;
        position: absolute;
        top: 19px;
        width: 200px;
    }
    #dhlde #content-wrapper {
        clear: both;
        position: relative;
    }
    #dhlde #content-col {
        float: left;
        width: 720px;
    }
    #dhlde #sidebar-left {
        display: none;
        float: left;
        padding: 23px 20px 0 20px;
        width: 220px;
        min-height: 300px;
    }
    #dhlde #content {
        padding: 20px 32px;
    }
    #dhlde #sidebar-right {
        background: #fff url(page/img/bg_page_shadow.png) no-repeat 0 -100px;
        display: none;
        float: right;
        min-height: 300px;
        padding: 23px 20px 20px 20px;
        width: 220px;
    }
    #dhlde #footer {
        clear: both;
    }
    .ie8 #dhlde #footer {
        margin-bottom: -15px;
        position: relative;
    }
    #dhlde #footer .footer-content {
        position: relative;
        padding-bottom: 20px;
        background-color: #fff;
        min-height: 200px;
        background: -moz-linear-gradient(top, #edecea 0%, #f6f6f5 15%, #ffffff 75%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #edecea), color-stop(15%, #f6f6f5), color-stop(75%, #ffffff));
        background: -webkit-linear-gradient(top, #edecea 0%, #f6f6f5 15%, #ffffff 75%);
        background: -o-linear-gradient(top, #edecea 0%, #f6f6f5 15%, #ffffff 75%);
        background: -ms-linear-gradient(top, #edecea 0%, #f6f6f5 15%, #ffffff 75%);
        background: linear-gradient(to bottom, #edecea 0%, #f6f6f5 15%, #ffffff 75%);
        -pie-background: linear-gradient(top, #edecea 0%, #f6f6f5 18%, #ffffff 75%);
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
    }
    #dhlde #footer .footer-right {        float: right;
        width: 480px;
    }
    .js #dhlde #flyout {
        display: none;
        clear: both;
    }
    #dhlde .content-overlay {
        display: none;
    }
    /*homepage*/
    .homepage#dhlde #sidebar-left {
        display: block;
    }
    .homepage#dhlde #sidebar-right {
        display: none;
    }
    /*contentpage*/
    .contentpage#dhlde #sidebar-left {
        display: none;
    }
    .contentpage#dhlde #sidebar-right {
        display: block;
    }
    /*indexpage*/
    .indexpage#dhlde #sidebar-left {
        display: none;
    }
    .indexpage#dhlde #sidebar-right {
        display: block;
    }
    /*applicationpage*/
    .applicationpage#dhlde #content-col {
        float: none;
        width: 100%;
    }
    /*popuppage*/
    .popup#dhlde {
        text-align: center;
    }
    .ie8.cboxIframe {
        overflow-x: hidden;
    }
    .ie8 .popup#dhlde {
        width: 720px;
        overflow: hidden;
    }
    .popup#dhlde #header {
        padding-top: 92px;
    }
    .popup#dhlde #content-col {
        margin: 0 auto;
        float: none;
    }
    .popup#dhlde #footer .footer-content {
        min-height: 1px;
    }
}
@media only screen and (max-width:1016px) {
    #dhlde #header .header-line .left, #dhlde #header .header-line .right {
        display: none;
    }
}
@media only screen and (max-width:1004px) {
    #dhlde #header .header-line {
        left: 0;
        right: 0;
    }
}
@media only screen and (max-width:980px) {
    #dhlde #wrapper {
        width:720px;
    }
    #dhlde #content-col {
        float: none;
    }
    #dhlde.contentpage #sidebar-right,
    #dhlde.indexpage #sidebar-right {
        width: auto;
        padding: 0 32px 20px;
        background: none;
        min-height: 1px;
        clear: both;
        float: none;
    }
    #dhlde.contentpage #sidebar-right .section,
    #dhlde.indexpage #sidebar-right .section {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        float: left;
        padding-right: 28px;
        width: 50%;
    }
    #dhlde.contentpage #sidebar-right .section:nth-child(odd),
    #dhlde.indexpage #sidebar-right .section:nth-child(odd) {
        clear: left;
    }
}
@media only screen and (max-width:1035px) {
    #dhlde {
        text-align: left;
    }
    #dhlde #wrapper {
        margin-right:0;
    }
}
/**
 * component: accordion
 */
@media all {
	#dhlde .accordion {
		margin: 0 0 25px;
	}	
	
	#dhlde .accordion > ul {
		list-style: none;
	}
	
	/*author*/
	.cq-wcm-edit#dhlde .accordion:before {
		color: #99bbe8;
    content: "Accordion";
		display: block;
		font-weight: bold;
		line-height: 1.0;
	}
}

/**
 * component: accordion
 */
@media all {
	
	.accordionelement {
		margin-bottom: 20px;
	}
	.js #dhlde .accordionelement {
		margin-bottom: 0;
		position: relative;
	}
	.js #dhlde .accordionelement > h2 {
		margin: 0;
		background: #fdfdfd; /* Old browsers */
		background: -moz-linear-gradient(top, #fdfdfd 0%, #dcdad6 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#dcdad6)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fdfdfd 0%,#dcdad6 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fdfdfd 0%,#dcdad6 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fdfdfd 0%,#dcdad6 100%); /* IE10+ */
		background: linear-gradient(to bottom, #fdfdfd 0%,#dcdad6 100%); /* W3C */
		-pie-background: linear-gradient(top, #fdfdfd 0%,#dcdad6 100%); /* PIE */
		border-bottom: 1px solid #cfcfcf;
		border-left: 1px solid #eaeaea;
		border-right: 1px solid #eaeaea;
		border-top: none;
		behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
		position: relative;
		line-height: 1;
	}
	.js #dhlde .accordionelement > h2:hover {
		background: #dcdad6; /* Old browsers */
		background: -moz-linear-gradient(top, #dcdad6 0%, #fdfdfd 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#dcdad6)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #dcdad6 0%,#fdfdfd 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #dcdad6 0%,#fdfdfd 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #dcdad6 0%,#fdfdfd 100%); /* IE10+ */
		background: linear-gradient(to bottom, #dcdad6 0%,#fdfdfd 100%); /* W3C */
		-pie-background: linear-gradient(top, #dcdad6 0%,#fdfdfd 100%); /* PIE */
		behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
		border-top: 1px solid #fff;
		margin-top: -1px;
	}
	.js #dhlde .accordionelement.open > h2 {
		background: #fff;
		border-bottom: none;
		-pie-background: none;
		border-top: none;
		margin-top: 0;
		padding-top: 6px;
	}
	.js #dhlde .accordionelement:first-child > h2:first-child {
		border-top: 2px solid #cfcfcf;
		border-radius: 0;
	}	
	
	.js #dhlde .accordionelement:first-child > h2:first-child:hover {
		margin-top: 0;
	}
	
	
	#dhlde .accordionelement > h2 a {
		display: block;
		font-size: 16px;
		font-weight: normal;
		text-decoration: none;
		text-shadow: 0px 1px 1px #ffffff;
	}
	.js #dhlde .accordionelement > h2 a {
		background: url(common/img/icons/symbols.png) no-repeat 5px -3696px;
		min-height: 12px;
		padding: 9px 6px 8px 30px;
		font-size: 12px;
		color: #000;
	}
	.js #dhlde .accordionelement.open > h2 a {
		background-position: 5px -3593px;
		font-weight: bold;
		font-size: 14px;
    line-height: 16px;
	}
	
	.js #dhlde .accordionelement > div {
		left: -5000px;
		min-height: 50px;
		min-width: 100px;
		position: absolute;
		top: 0;
	}
	.js #dhlde .accordionelement.open > div {
		display: block;
		border-bottom: 1px solid #cfcfcf;
		border-left: 1px solid #eaeaea;
		border-right: 1px solid #eaeaea;
		padding: 0 31px 12px;
		position: static;
		top: auto;
		left: auto;
	}
	
	/*image accordion*/
	.js #dhlde .accordion > .list.images > .accordionelement.open > h2 {
		padding-top: 0;
		padding-bottom: 0;
	}
	.js #dhlde .accordion > .list.images > .accordionelement > h2 a {
		background: none;
		padding-left: 8px;
	}
	.js #dhlde .accordion > .list.images > .accordionelement.open > h2 a {
		padding-left: 10px;
	}
	#dhlde .accordion > .list.images > .accordionelement > h2 a img {
		float: left;
		margin: 0 8px 0 0;
		height: 35px;
		width: 46px;
	}
	.js #dhlde .accordion > .list.images > .accordionelement.open > h2 a img {
		display: none;
	}
	#dhlde .accordion > .list.images > .accordionelement > h2 a span {
		display: block;
		float: left;
		margin-top: 10px;
		cursor: pointer;
		position: relative;
	}
	.js #dhlde .accordion > ul.images > .accordionelement > div {
		padding: 12px 10px;
	}	
	
	/* colored content*/
	.js #dhlde .nextdhl .accordion > .list.gray > li.open > h2 {
		background-color: #f7f7f6;
	}	
	.js #dhlde .accordion > .list.gray > .accordionelement.open > div {
		background: #f7f7f6;
	}
	
	/* CornerFix */ 
	.js #dhlde .accordionelement > .cornerFix {
		display: none;
	}
	
	
	/* IE8 */
	.ie8.js #dhlde .list.gray .accordionelement:first-child {
		border-top: 2px solid #cfcfcf;
	}
	
	.ie8.js #dhlde .accordionelement:first-child > h2:first-child {
		border-top: none;
		border-radius: 0;
		margin-bottom: -2px !important;
	}
	.ie8.js #dhlde .accordionelement {
		zoom: 1;
	}
	.ie8.js #dhlde .accordionelement > h2 {
		zoom: 1;
	}
	.ie8.js #dhlde .accordionelement > .cornerFix {
		display: block;
		position: absolute;
		height: 20px;
		width: 20px;
		top: -2px;
		right: 0;
		padding: 0 !important;
		background-image: url("components/accordion/accordionelement/img/accordion-top.png") !important;
    background-position: 100% 0;
		border: none !important;
		z-index: 100;
	}

}

/**
 * component: article
 * description: styles for a standard article
 */

@media all {
	#dhlde .article {
		clear: both;
		margin: 0 0 15px;
	}
	#dhlde .article h1 {
		color: #000;
		font-size: 16px;
		font-weight: normal;
    line-height: 18px;
		margin-bottom: 5px;
	}
	#dhlde .article:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}
	/* image or flash container */
	#dhlde .article .object-left,
	#dhlde .article .object-right {
		clear: both;
		margin: 3px 0 10px;
	}
	#dhlde .article .object-left {
		float: left;
		padding-right: 20px;
	}
	#dhlde .article .object-right {
		float: right;
		padding-left: 20px;
	}
	#dhlde .article .object-left p,
	#dhlde .article .object-right p {
		font-size: 11px;
		line-height: 14px;
		margin-bottom: 0;
	}
	#dhlde .article .object-left .image + p,
	#dhlde .article .object-right .image + p {
		margin-top: 4px;
	}
	#dhlde .article .size-s {
		width: 220px;
	}
	/*autosized image*/
	#dhlde .article .autosize .image .img img {
		width: auto;
		padding: 0;
	}
	#dhlde #sidebar-right .article .size-s {
		width: 20em;
	}
	#dhlde .article .size-l {
		padding-left: 0;
		padding-right: 0;
		width: 100%; /* 480px*/
	}
	/* coffer in cctrl */
	#dhlde .colctrl-lt0 .article .object-left,
	#dhlde .colctrl-lt0 .article .object-right,
	#dhlde #sidebar-right .article .object-left,
	#dhlde #sidebar-right .article .object-right {
		padding: 0;
		float: none;
	}
	#dhlde .colctrl-lt0 .colored .article .size-s {
		width: 20.5em;
	}
}
@media print {
	#dhlde .article .object-left,
	#dhlde .article .object-right,
	#dhlde .article .autosize,
	#dhlde .article .size-s,
	#dhlde .article .size-l {
		display: none;
	}

}
/**
 * component: application
 * description: styles for an external application in an iframe
 */
@media all {
	#dhlde .application {
		clear: both;
	}
	#dhlde .application iframe {
		border: 0;
		width: 100%;
	}
	#dhlde .application .mobile {
		display: none;
	}
	#dhlde .application .standard {
		display: block;
	}
	/*author*/
	.cq-wcm-edit#dhlde .application {
    	border-top: 1em solid #cce0f5;
    	border-bottom: 1em solid #cce0f5;
		padding-bottom: .5em;
	}
	.cq-wcm-edit#dhlde .application:after {
		color: #99bbe8;
    	content: "End: Application";
		display: block;
		font-weight: bold;
		line-height: 1.0;
		padding: 1.5em 0 0 .5em;
	}
}
/*PC Browser < 1024 and tablet landscape orientation */
@media only screen and (max-width:1024px) {
	#dhlde .application .mobile {
		display: block;
	}
	#dhlde .application .standard {
		display: none;
	}
}
/**
 * component: breadcrumb
 */
@media all {
	#dhlde .breadcrumb {
		clear: both;
		margin: -3px -9px 20px;
		position: relative;
		z-index: 10;
	}
	#dhlde #colorbox .breadcrumb {
		display: none;
	}
	#dhlde .breadcrumb ul {}
	#dhlde .breadcrumb ul li {
		white-space: nowrap;
	}
	#dhlde .breadcrumb ul.hNav > li {
		position: relative;
	}
	#dhlde .breadcrumb ul.hNav > li > a,
	#dhlde .breadcrumb ul.hNav > li > strong,
	#dhlde .breadcrumb ul.hNav > li.nochildren.open > a,
	#dhlde .breadcrumb ul.hNav > li.nochildren.open > strong,
	#dhlde .breadcrumb ul.hNav > li.nochildren > a:hover,
	#dhlde .breadcrumb ul.hNav > li.nochildren > a:focus,
	#dhlde .breadcrumb ul.hNav > li.nochildren > a:active,
	#dhlde .breadcrumb ul.hNav > li.nochildren > strong:hover,
	#dhlde .breadcrumb ul.hNav > li.nochildren > strong:focus,
	#dhlde .breadcrumb ul.hNav > li.nochildren > strong:active {
		cursor: pointer;
		color: #000;
		display: block;
		float: left;
		margin-right: -2px;
		padding: 6px 6px 10px 9px;
		background: url(common/img/icons/symbols.png) 100% -3393px no-repeat;
		font-weight: bold;
		font-size: 11px;
		white-space: nowrap;
		box-shadow: none;
		position: relative;
	}
	#dhlde .breadcrumb ul.hNav > li.last > a,
	#dhlde .breadcrumb ul.hNav > li.last > strong,
	#dhlde .breadcrumb ul.hNav > li.last.nochildren > a,
	#dhlde .breadcrumb ul.hNav > li.last.nochildren strong {
		background: none;
	}
	#dhlde .breadcrumb ul.hNav > li.last.nochildren > strong {
		cursor: default;
	}
	#dhlde .breadcrumb ul.hNav > li.open > a,
	#dhlde .breadcrumb ul.hNav > li.open > strong,
	#dhlde .breadcrumb ul.hNav > li > a:hover,
	#dhlde .breadcrumb ul.hNav > li > a:focus,
	#dhlde .breadcrumb ul.hNav > li > a:active,
	#dhlde .breadcrumb ul.hNav > li > strong:hover,
	#dhlde .breadcrumb ul.hNav > li > strong:focus,
	#dhlde .breadcrumb ul.hNav > li > strong:active {
		background: #f7f7f6;
		box-shadow: -1px -1px 1px 0px #dbdbdb, 1px -1px 1px 0px #dbdbdb;
		-moz-box-shadow: -1px -1px 1px 0px #dbdbdb, 1px -1px 1px 0px #dbdbdb;
		-webkit-box-shadow: -1px -1px 1px 0px #dbdbdb, 1px -1px 1px 0px #dbdbdb;
		border-radius: 2px 2px 0 0;
		-moz-border-radius: 2px 2px 0 0;
		-webkit-border-radius: 2px 2px 0 0;
		position: relative;
		z-index: 10;
	}
	#dhlde .breadcrumb ul.hNav > li > a span,
	#dhlde .breadcrumb ul.hNav > li > strong span {
		background: url(common/img/icons/symbols.png) 0 -3200px no-repeat;
		display: block;
		padding-left: 15px;
	}
	#dhlde .breadcrumb ul.hNav > li.open > a span,
	#dhlde .breadcrumb ul.hNav > li.open > strong span,
	#dhlde .breadcrumb ul.hNav > li > a:hover span,
	#dhlde .breadcrumb ul.hNav > li > a:focus span,
	#dhlde .breadcrumb ul.hNav > li > a:active span,
	#dhlde .breadcrumb ul.hNav > li > strong:hover span,
	#dhlde .breadcrumb ul.hNav > li > strong:focus span,
	#dhlde .breadcrumb ul.hNav > li > strong:active span {
		background-position: 0 -3300px;
	}
	#dhlde .breadcrumb ul.hNav > li.nochildren > a span,
	#dhlde .breadcrumb ul.hNav > li.nochildren > strong span,
	#dhlde .breadcrumb ul.hNav > li.nochildren > a:hover span,
	#dhlde .breadcrumb ul.hNav > li.nochildren > a:focus span,
	#dhlde .breadcrumb ul.hNav > li.nochildren > a:active span,
	#dhlde .breadcrumb ul.hNav > li.nochildren > strong:hover span,
	#dhlde .breadcrumb ul.hNav > li.nochildren > strong:focus span,
	#dhlde .breadcrumb ul.hNav > li.nochildren > strong:active span {
		background-position: 0 -3200px;
	}
	/*2nd*/
	#dhlde .breadcrumb ul ul {
		background: #f7f7f6;
		border-top: 2px solid #dbdbdb;
		border-radius: 0 10px 0 0;
		-moz-border-radius: 0 10px 0 0;
		-webkit-border-radius: 0 10px 0 0;
		box-shadow: -1px 1px 1px 0px #dbdbdb, 1px 2px 2px 0px #dbdbdb;
		-moz-box-shadow: -1px 1px 1px 0px #dbdbdb, 1px 2px 2px 0px #dbdbdb;
		-webkit-box-shadow: -1px 1px 1px 0px #dbdbdb, 1px 2px 2px 0px #dbdbdb;
		display: none;
		padding: 10px 0 0 10px;
		position: absolute;
		top: 24px;
		left: 0;
		z-index: 1;
	}
	#dhlde .breadcrumb ul li:hover ul,
	#dhlde .breadcrumb ul li:focus ul,
	#dhlde .breadcrumb ul li.open ul {
		display: block;
	}
	#dhlde .breadcrumb ul li {
		position:relative;
	}
	#dhlde .breadcrumb ul ul li {
		float: none;
		list-style-type: none;
		position: static;
	}
	#dhlde .breadcrumb ul ul li a {
		float: none;
		background: url(common/img/icons/symbols.png) 1px -4099px no-repeat;
		padding: 0 13px 10px 13px;
	}

}

/**
 * component: button
 */

@media all {
    #dhlde .btn {
        display: inline-block;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
        border: 1px solid #b60000;
        position: relative;
    }
    #dhlde .btn a, #dhlde .btn button, #dhlde .form input.submit, #dhlde .form input.button {
        display: block;
        background: transparent;
        border: none;
        color: #fff;
        font-size: 12px !important;
        font-weight: bold;
        line-height: 19px !important;
        text-indent: 0;
        height: auto;
        width: auto;
        text-shadow: 0px -1px 1px #666;
    }
    #dhlde .btn.primary a, #dhlde .btn.primary a.external, #dhlde .btn.primary button, #dhlde .form input.submit, #dhlde .btn a.btnlink.external {
        background: transparent url(common/img/icons/symbols.png) no-repeat 100% -4594px;
        padding: 2px 25px 1px 10px;
    }
    #dhlde .btn.secondary a, #dhlde .btn.secondary a.external, #dhlde .btn.secondary button, #dhlde .form input.button {
        padding: 2px 10px 1px 25px;
        background: transparent url(common/img/icons/symbols.png) no-repeat 8px -4694px;
    }
    #dhlde .btn.noarrow a, #dhlde .btn.noarrow a.btnlink.external {
        padding: 2px 10px 1px 10px;
        background: none;
    }
    .ie7 #dhlde .form input.submit, .ie7 #dhlde .form input.button {
        overflow: visible;
        padding-top: 2px;
    }
    #dhlde .btn.primary {
        float: right;
        background: #cc0000;
        background: -moz-linear-gradient(top, #cc0000 0%, #b60000 70%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b60000), color-stop(70%, #b60000));
        background: -webkit-linear-gradient(top, #cc0000 0%, #b60000 70%);
        background: -o-linear-gradient(top, #cc0000 0%, #b60000 70%);
        background: -ms-linear-gradient(top, #cc0000 0%, #b60000 70%);
        background: linear-gradient(to bottom, #cc0000 0%, #b60000 70%);
        -pie-background: linear-gradient(top, #cc0000 0%, #b60000 70%);
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
    }
    #dhlde .btn.secondary {
        float: left;
        border: 1px solid #8a8a8a;
        background: #8e858b;
        background: -moz-linear-gradient(top, #c5c5c4 0%, #8e858b 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c5c5c4), color-stop(100%, #8e858b));
        background: -webkit-linear-gradient(top, #c5c5c4 0%, #8e858b 100%);
        background: -o-linear-gradient(top, #c5c5c4 0%, #8e858b 100%);
        background: -ms-linear-gradient(top, #c5c5c4 0%, #8e858b 100%);
        background: linear-gradient(to bottom, #c5c5c4 0%, #8e858b 100%);
        -pie-background: linear-gradient(top, #c5c5c4 0%, #8e858b 100%);
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
    }
    #dhlde .btn.primary a:hover, #dhlde .btn.primary a:active, #dhlde .btn.primary a:focus, #dhlde .btn.primary button:hover, #dhlde .btn.primary button:active, #dhlde .btn.primary button:focus, #dhlde .form input.submit:hover, #dhlde .form input.submit:active, #dhlde .form input.submit:focus, #dhlde .btn a.btnlink.external:hover, #dhlde .btn a.btnlink.external:active, #dhlde .btn a.btnlink.external:focus {
        background-position: 100% -4800px;
        color: #fc0;
        text-decoration: none;
    }
    #dhlde .btn.secondary a:hover, #dhlde .btn.secondary a:active, #dhlde .btn.secondary a:focus, #dhlde .btn.secondary button:hover, #dhlde .btn.secondary button:active, #dhlde .btn.secondary button:focus, #dhlde .form input.button:hover, #dhlde .form input.button:active, #dhlde .form input.button:focus {
        background-position: 8px -4900px;
        color: #fc0;
        text-decoration: none;
    }
    /*alignment*/
    #dhlde .button .left .btn,
    #dhlde .button .left .link {
        float: left;
    }
    #dhlde .button .right .btn,
    #dhlde .button .right .link {
        float: right;
    }
}

/**
 * component: coffer
 * description: styles for coffer container
 */

@media all {
    #dhlde .coffer {
        clear: both;
        margin-bottom: 15px;
    }
    /*author styles*/
    .cq-wcm-edit#dhlde .coffer {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .cq-wcm-edit#dhlde .coffer:before {
        content: "coffer";
        padding: 4px 2px;
        display: block;
        color: #99BBE8;
        font-style: italic;
    }
    .cq-wcm-edit#dhlde .coffer .coffer {
        margin-top: 1em;
    }
    #dhlde .cofferadmin.form .buttons p.btn {
        margin: 0 0 5px 5px;
    }
    #dhlde .coffer .colored {
        /*
        background: #f7f7f6;
        border-top: 2px solid #dbdbdb;
        box-shadow: -1px 1px 1px 0px #dbdbdb, 1px 2px 2px 0px #dbdbdb;
        -moz-box-shadow: -1px 1px 1px 0px #dbdbdb, 1px 2px 2px 0px #dbdbdb;
        -webkit-box-shadow: -1px 1px 1px 0px #dbdbdb, 1px 2px 2px 0px #dbdbdb;
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
        */
        /* same css like coffer / background teaser / flipbox / shippingcalculator */
        background: #f7f7f6;
        background: -moz-linear-gradient(top, #f7f7f6 0%, #fff 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f6), color-stop(100%, #fff));
        background: -webkit-linear-gradient(top, #f7f7f6 0%, #fff 100%);
        background: -o-linear-gradient(top, #f7f7f6 0%, #fff 100%);
        background: -ms-linear-gradient(top, #f7f7f6 0%, #fff 100%);
        background: linear-gradient(to bottom, #f7f7f6 0%, #fff 100%);
        -pie-background: linear-gradient(top, #f7f7f6 0%, #fff 100%);
        border-top: 2px solid #DBDBDB;
        border-bottom: 1px solid #DBDBDB;
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
        padding: 12px;
        margin: 0 -12px 30px;
    }
    #dhlde #sidebar-right .coffer .colored {
        margin: 0;
        background: #f7f7f6;
        border-top: 2px solid #dbdbdb;
        box-shadow: -1px 1px 1px 0px #dbdbdb, 1px 2px 2px 0px #dbdbdb;
        -moz-box-shadow: -1px 1px 1px 0px #dbdbdb, 1px 2px 2px 0px #dbdbdb;
        -webkit-box-shadow: -1px 1px 1px 0px #dbdbdb, 1px 2px 2px 0px #dbdbdb;
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);

        -webkit-border-radius: 0 10px 0 0;
        -moz-border-radius: 0 10px 0 0;
        -ms-border-radius: 0 10px 0 0;
        -o-border-radius: 0 10px 0 0;
        border-radius: 0 10px 0 0;
    }
    #dhlde .coffer .colored .colored {
        background: none;
        border-radius: none;
        box-shadow: none;
    }
    .ie7 #dhlde .coffer,
    .ie7 #dhlde .coffer .colored {
        height: 1%;
    }
}

/**
 * component: column control
 */
@media all {
	#dhlde .col11,
	#dhlde .col12,
	#dhlde .col21,
	#dhlde .col111 {
		clear: both;
		/* width: 656px; */
	}
	#dhlde .col11-c0,
	#dhlde .col11-c1,
	#dhlde .col12-c0,
	#dhlde .col12-c1,
	#dhlde .col21-c0,
	#dhlde .col21-c1,
	#dhlde .col111-c0,
	#dhlde .col111-c1,
	#dhlde .col111-c2 {
		float: left;
		margin: 0 28px 0 0;
	}
	/* 2col 1:1 */
	#dhlde .col11-c0,
	#dhlde .col11-c1 {
		width: 314px;
	}
	/* 2col 1:2 2:1 */
	#dhlde .col12-c0,
	#dhlde .col21-c1  {
		width: 200px;
	}
	#dhlde .col12-c1,
	#dhlde .col21-c0  {
		width: 428px;
	}
	/* 3col 1:1:1 */
	#dhlde .col111-c0,
	#dhlde .col111-c1,
	#dhlde .col111-c2 {
		width: 200px;
	}
	/* resets */
	#dhlde .form .col11,
	#dhlde .form .col12,
	#dhlde .form .col21,
	#dhlde .form .col111,
	#dhlde .tabs .col11,
	#dhlde .tabs .col12,
	#dhlde .tabs .col21,
	#dhlde .tabs .col111,
	#dhlde .expandablearea .col11,
	#dhlde .expandablearea .col12,
	#dhlde .expandablearea .col21,
	#dhlde .expandablearea .col111,
	#dhlde .col11-c1,
	#dhlde .col12-c1,
	#dhlde .col21-c1,
	#dhlde .col111-c2 {
		margin: 0;
	}

}

/**
 * component: copyright
 * description: copyright notice and link to imprint
 */

@media all {
	#dhlde .copyright {
		clear: right;
		padding: 1px 20px 8px 0;
	}
	#dhlde .copyright p {
		color: #000;
		font-size: 1em;
		margin-bottom: 0;
		text-align: right;
		width: 100%;
	}
	#dhlde .copyright p a {
		color: #666;
	}
	#dhlde .copyright p a:active,
	#dhlde .copyright p a:hover,
	#dhlde .copyright p a:focus {
		color: #c00;
	}
}
/**
 * component: colorbox
 * description: styles for a standard colorbox
 */
@media all {
	#colorbox {
	    text-align: left;
	}
	#colorbox, #cboxOverlay, #cboxWrapper {
	    position:absolute;
	    top:0;
	    left:0;
	    z-index:9999;
	    overflow:hidden;
	}
	#cboxOverlay {
	    position:fixed;
	    width:100%;
	    height:100%;
	}
	#cboxMiddleLeft, #cboxBottomLeft {
	    clear:left;
	}
	#cboxContent {
	    position:relative;
	    overflow:visible;
	}
	#cboxLoadedContent iframe {
	    display:block;
	    width:100%;
	    height:100%;
	    border:0;
	}
	#cboxTitle {
	    margin:0;
	}
	#cboxLoadingOverlay, #cboxLoadingGraphic {
	    position:absolute;
	    top:0;
	    left:0;
	    width:100%;
	}
	#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	    cursor:pointer;
	}
	#cboxOverlay {
	    background:#000;
	}
	#cboxContent {
	    margin-top:32px;
	}
	#cboxLoadedContent {
		overflow: hidden !important;
	    position: relative;
	    background:#fff;
	}
	#cboxLoadingGraphic {
	    background: url(common/img/icons/ajax-loader-transparent.gif) center center no-repeat;
	    height: 100%;
	}
	#cboxLoadingOverlay {
	    background:#000;
	}
	#cboxTitle {
	    position:absolute;
	    top:-22px;
	    left:0;
	}
	#cboxCurrent {
	    position:absolute;
	    top:-22px;
	    right:205px;
	    text-indent:-9999px;
	}
	#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose {
	    text-indent:-9999px;
	    width:20px;
	    height:20px;
	    position:absolute;
	    top:-20px;
	    background:url(common/js/libs/jquery/colorbox/images/controls.png) 0 0 no-repeat;
	}
	#cboxPrevious {
	    background-position:0px 0px;
	    right:44px;
	}
	#cboxPrevious.hover {
	    background-position:0px -25px;
	}
	#cboxNext {
	    background-position:-25px 0px;
	    right:22px;
	}
	#cboxNext.hover {
	    background-position:-25px -25px;
	}
	#cboxClose {
	    background: #fff url(common/img/icons/symbols.png) 5px -6496px no-repeat;
	    padding-right: 20px;
	    right: 0;
	    text-indent: 0;
	    width: auto;
	    color: #FFF;
	    font-size: 12px;
	    font-weight: bold;
	    border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        -webkit-border-radius: 4px 4px 0 0;
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
        text-indent: -5000px;
        top: -15px;
	}
	#cboxClose.hover {
	    background-position:-50px -25px;
	}
	.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
	    right:66px;
	}
	.cboxSlideshow_on #cboxSlideshow {
	    background-position:-75px -25px;
	    right:44px;
	}
	.cboxSlideshow_on #cboxSlideshow.hover {
	    background-position:-100px -25px;
	}
	.cboxSlideshow_off #cboxSlideshow {
	    background-position:-100px 0px;
	    right:44px;
	}
	.cboxSlideshow_off #cboxSlideshow.hover {
	    background-position:-75px -25px;
	}
	.loading #cboxContent, .loading #cboxClose {
	    display: none !important;
	}
	.contentLayer #cboxParsys, .contentLayer #cboxLoadedContent > .par {
	    margin: 20px 40px;
    	width: 658px;
	}
	/*Scrollbar*/
	 .scrollbar1 {
	    width: 720px;
	    clear: both;
	}
	.scrollbar1 .viewport {
	    width: 500px;
	    height: 200px;
	    position: relative;
	}
	.scrollbar1 .overview {
	    list-style: none;
	    position: absolute;
	    left: 0;
	    top: 0;
	}
	.scrollbar1 .thumb .end, .scrollbar1 .thumb {
	    background-color: #666;
	}
	.scrollbar1 .scrollbar {
	    margin-top: 33px;
	    position: absolute;
	    right: 2px;
	    width: 17px;
	    z-index: 100;
	}
	.scrollbar1 .track {
	    background-color: #efefef;
	    border: 1px solid #eaeaea;
	    height: 100%;
	    width:15px;
	    position: relative;
	    padding: 0 1px;
	}
	.scrollbar1 .thumb {
	    height: 20px;
	    width: 15px;
	    cursor: pointer;
	    overflow: hidden;
	    position: absolute;
	    top: 0;
	}
	.scrollbar1 .thumb .end {
	    overflow: hidden;
	    height: 5px;
	    width: 15px;
	}
	.scrollbar1 .disable {
	    display: none;
	}
	.contentLayer .overview, .popupLayer .overview {
	    width: 740px;
	}
	.contentLayer #cboxTitle, .popupLayer #cboxTitle {
	    display: none !important;
	}
	.contentLayer .scrollbar1:before, .contentLayer .scrollbar1:after, .popupLayer .scrollbar1:before, .popupLayer .scrollbar1:after {
	    content:"";
	    display: table;
	}
	.contentLayer .scrollbar1:after, .popupLayer .scrollbar1:after {
	    clear: both;
	}
	.ie6 .contentLayer .scrollbar1, .ie7 .contentLayer .scrollbar1, .ie6 .popupLayer .scrollbar1, .ie7 .popupLayer .scrollbar1 {
	    zoom: 1;
	}
	.imageLayer #cboxClose {
		top: -20px;
	}
}
/**
 * component: downloadbox
 * description: styles for a downloadbox list
 */

@media all {
	#dhlde .downloadbox {
		clear: both;
		margin: 2px 0 15px 0;
	}
	#dhlde .downloadbox h2 {
		color: #000;
		font-size: 16px;
		font-weight: normal;
    line-height: 18px;
		margin-bottom: 5px;
	}
	#dhlde .downloadbox ul {
		margin-bottom: 1em;
	}
	#dhlde .downloadbox li {
		clear: left;
		list-style: none;
		margin-bottom: 3px;
	}
	#dhlde .downloadbox a.download {
		display: block;
		background-position: 0 -1098px;
	}
	#dhlde .downloadbox a.download strong,
	#dhlde .downloadbox a.download b {
		font-weight: normal;
		display: block;
	}
	/*author*/
	.cq-wcm-edit#dhlde .downloadbox:before {
		color: #99bbe8;
    	content: "Download Box";
		display: block;
		font-weight: bold;
		line-height: 1.0;
		padding: 15px 0;
	}
}

/**
 * component: expandable area
 * description: styles for the expandable area module
 */
@media all {
	#dhlde .expandablearea {
		clear: both;
	}
	.js #dhlde .expandablearea {
		visibility: hidden;
	}
	#dhlde .expandablearea h2.area-title {
		font-size: 12px;
		line-height: 1.5;
		margin-bottom: 3px;
		font-weight: normal;
		line-height: 18px;
	}
	#dhlde .expandablearea h2.area-title a {
		background: url(common/img/icons/symbols.png) 0 -4496px no-repeat;
		color: #000;
		cursor: pointer;
		display: inline-block;
		padding-left: 15px;
	}
	#dhlde .expandablearea .closed h2.area-title a {
		background-position: 1px -3296px;
	}
	#dhlde .expandablearea h2.area-title a:hover,
	#dhlde .expandablearea h2.area-title a:active,
	#dhlde .expandablearea h2.area-title a:focus {
		color: #c00;
	}
	/* toggle area */
	#dhlde .expandablearea div.expandable {
		/*border-bottom: 1px solid #dbdbdb;*/
		margin-bottom: 10px;
	}
	/* if last - margin-bottom */
	#dhlde .expandablearea div.last {
		margin-bottom: 22px;
	}
	/*author*/
	.cq-wcm-edit#dhlde .expandablearea {
		min-height: 0;
	}
}
/**
 * component: faq
 * description: styles for dynamic Qgo - FAQ component
 */

@media screen, projection {

    #dhlde .faq select {
        display: inline;
    }
    #dhlde .faq a {
        background-image: url("common/img/icons/symbols.png");
        background-repeat: no-repeat;
        background-position: 0 -193px;
        display: block;
        line-height: 1.583;
        padding-left: 1.25em;
    }
    #dhlde .faq p {
        margin-bottom: .5em;
    }
    #dhlde .faq p.qgooption {
        color: #000;
        cursor: pointer;
        background-image: url("common/img/icons/symbols.png");
        background-repeat: no-repeat;
        background-position: 0 -194px;
        background-color: #fff;
        padding-left: 1.25em;
    }
    #dhlde .faq p.qgooption a {
        background: none;
        display: inline;
        padding: 0;
    }
    #dhlde .faq p.qgooption a.hover {
        color: #cc0000;
        text-decoration: underline;
    }
     #dhlde .faq .qgooptioncontainer .html {
        padding-left: 14px;
    }
    #dhlde .faq .qgooptioncontainer .html a {
    	display: inline;
    	background: none;
    	padding: 0;
    }
    #dhlde .faq .expandablearea h2.area-title {
        font-weight: normal;
    }
}

/**
 * component: flipbox
 */
 @media all {
    #dhlde .flipbox {
        /* same css like coffer / background teaser / flipbox / shippingcalculator */
        background: #f7f7f6;
        background: -moz-linear-gradient(top, #f7f7f6 0%, #fff 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f6), color-stop(100%, #fff));
        background: -webkit-linear-gradient(top, #f7f7f6 0%, #fff 100%);
        background: -o-linear-gradient(top, #f7f7f6 0%, #fff 100%);
        background: -ms-linear-gradient(top, #f7f7f6 0%, #fff 100%);
        background: linear-gradient(to bottom, #f7f7f6 0%, #fff 100%);
        -pie-background: linear-gradient(top, #f7f7f6 0%, #fff 100%);
        border-top: 2px solid #DBDBDB;
        border-bottom: 1px solid #DBDBDB;
        behavior: url(common/js/libs/pie/PIE.htc);
        padding: 0;
        margin: 0 -12px 30px;
    }
    #dhlde.cq-wcm-edit .flipbox {
        padding-top: 30px;
    }
    #dhlde .flipbox h2 {
        font-weight: normal;
        font-size: 16px;
        margin: 12px;
    }
    #dhlde .flipbox .flipboxitem {
        width: 50%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 10px;
    }
    #dhlde .flipbox .col1 .flipboxitem {
        width: 100%;
        float: none;
    }
    .js #dhlde .flipbox .flipboxitem {
        cursor: pointer;
        padding: 0;
        position: relative;
        overflow: hidden;
        height: 60px;
    }
    .js #dhlde .flipbox .front,
    .js #dhlde .flipbox .back {
        display: table;
        height: 60px;
        width: 100%;
        padding: 0 12px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .js #dhlde .flipbox .front {
        position: relative;
        z-index: 2;
        background: #f7f7f6;
        background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f6 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f6));
        background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f6 100%);
        background: -o-linear-gradient(top, #ffffff 0%, #f7f7f6 100%);
        background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f6 100%);
        background: linear-gradient(to bottom, #ffffff 0%, #f7f7f6 100%);
        -pie-background: linear-gradient(top, #ffffff 0%, #f7f7f6 100%);
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
    }
    .js #dhlde .flipbox .back {

        position: absolute;
        top: 0;
        z-index: 1;

        background: #fc0;
        background: -moz-linear-gradient(top, #fff2c4 0%, #fc0 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff2c4), color-stop(100%, #fc0));
        background: -webkit-linear-gradient(top, #fff2c4 0%, #fc0 100%);
        background: -o-linear-gradient(top, #fff2c4 0%, #fc0 100%);
        background: -ms-linear-gradient(top, #fff2c4 0%, #fc0 100%);
        background: linear-gradient(to bottom, #fff2c4 0%, #fc0 100%);
        -pie-background: linear-gradient(top, #fff2c4 0%, #fc0 100%);
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
    }
    #dhlde .flipbox .front h3 {
        font-weight: normal;
        font-size: 14px;
        line-height: 1.2;
    }
    .js #dhlde .flipbox .front h3 {
        background: url(common/img/icons/symbols.png) 0 -6587px no-repeat;
        padding-left: 40px;
        padding-right: 15px;
        display: table-cell;
        vertical-align: middle;
    }
    .js #dhlde .flipbox .front h3:after {
        display: block;
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        background: url(common/img/icons/symbols.png) no-repeat 100% -5600px;
        top: 20px;
        right: 10px;
    }
    .js #dhlde .flipbox .back p {
        display: table-cell;
        vertical-align: middle;
        height: 50px;
        opacity: 0;
    }

    #dhlde .flipbox .new {
        clear: both;
    }
}
/**
 * component: form
 * description: styles for a generic forms component
 */
 @media all {
    #dhlde .form {
        clear: both;
        margin: 0 0 25px;
    }
    .ie7 #dhlde .form {
        display: inline;
    }
    #dhlde .coffer .colored .form {
        margin-bottom: 0;
    }
    #dhlde .ta-left {
        text-align: left;
    }
    #dhlde .ta-right {
        text-align: right;
    }
    #dhlde .form select {
        height: 22px;
    }
    #dhlde .form p.field label {
        font-size: 12px;
        line-height: 15px;
        padding-bottom: 2px;
    }
    #dhlde .form .radio h4 {
        padding-bottom: 7px;
        color: #000;
    }
    /* errors */
    #dhlde .form .error, #dhlde .form .error label {
        color: #c00 !important;
        font-weight: bold;
    }
    #dhlde .form .error li label span {
        font-weight: normal;
    }
    #dhlde .form div.errorbox p.error a {
        color: #cc0000;
        cursor: default;
        text-decoration: none;
    }
    #dhlde .form div.errorbox ul {
        list-style: disc;
        padding: 0 0 1.5em 1.3em;
    }
    /* elements */
    #dhlde .form fieldset legend {
        color: #000;
        font-weight: bold;
    }
    #dhlde .form fieldset legend.fieldset-headline-h2 {
        font-size: 1.4em;
        line-height: 1.286;
        margin-bottom: 3px;
    }
    #dhlde .form fieldset legend.fieldset-headline-h3 {
        font-size: 1.2em;
        line-height: 1.5;
    }
    #dhlde .form fieldset legend.fieldset-headline-h4 {
        color: #666;
        font-size: 1.2em;
        line-height: 1.5;
    }
    #dhlde .form fieldset .fieldSetSubtitle {
        color: #666;
        font-size: 1.2em;
        line-height: 1.5;
        margin-bottom: 0.5em;
        margin-top: 0.5em;
    }
    #dhlde .form fieldset.fieldSetFrame .fieldsetParsys {
        padding: 0 0.8em;
    }
    #dhlde .form fieldset.fieldSetSingleLine .fieldsetParsys > .dropdown, #dhlde .form fieldset.fieldSetSingleLine .fieldsetParsys > .text, #dhlde .form fieldset.fieldSetSingleLine .fieldsetParsys > .checkbox, #dhlde .form fieldset.fieldSetSingleLine .fieldsetParsys > .decision, #dhlde .form fieldset.fieldSetSingleLine .fieldsetParsys > .upload, #dhlde .form fieldset.fieldSetSingleLine .fieldsetParsys > .password, #dhlde .form fieldset.fieldSetSingleLine .fieldsetParsys > .radio p.radio, #dhlde .form fieldset.fieldSetSingleLine .fieldsetParsys > .validation {
        float: left;
        margin-left: 1em;
        clear: none;
    }
    #dhlde .form fieldset.fieldSetSingleLine .fieldsetParsys > .dropdown:first-child, #dhlde .form fieldset.fieldSetSingleLine .fieldsetParsys > .text:first-child, #dhlde .form fieldset.fieldSetSingleLine .fieldsetParsys > .checkbox:first-child, #dhlde .form fieldset.fieldSetSingleLine .fieldsetParsys > .decision:first-child, #dhlde .form fieldset.fieldSetSingleLine .fieldsetParsys > .upload:first-child, #dhlde .form fieldset.fieldSetSingleLine .fieldsetParsys > .password:first-child, #dhlde .form fieldset.fieldSetSingleLine .fieldsetParsys > .radio h4:first-child + p, #dhlde .form fieldset.fieldSetSingleLine .fieldsetParsys > .validation:first-child, #dhlde .form fieldset.fieldSetSingleLine .fieldsetParsys > a:first-child + .dropdown, #dhlde .form fieldset.fieldSetSingleLine .fieldsetParsys > a:first-child + .text, #dhlde .form fieldset.fieldSetSingleLine .fieldsetParsys > a:first-child + .checkbox, #dhlde .form fieldset.fieldSetSingleLine .fieldsetParsys > a:first-child + .decision, #dhlde .form fieldset.fieldSetSingleLine .fieldsetParsys > a:first-child + .upload, #dhlde .form fieldset.fieldSetSingleLine .fieldsetParsys > a:first-child + .password, #dhlde .form fieldset.fieldSetSingleLine .fieldsetParsys > a:first-child + .radio, #dhlde .form fieldset.fieldSetSingleLine .fieldsetParsys > a:first-child + .validation {
        margin-left: 0;
    }
    /*hack*/
    #dhlde.cq-wcm-edit .form fieldset.fieldSetSingleLine {
        padding-top: 45px;
    }
    #dhlde.cq-wcm-edit .form fieldset.fieldSetSingleLine .fieldsetParsys > .section {
        margin-top: -40px;
        margin-left: 4px;
    }
    #dhlde .form input.readonly {
        background: #E8E8E4;
    }
    #dhlde .form input.equation {
        border: none;
        font-weight: bold;
        background: #FFFFFF;
    }

    /*editors info text*/
    #dhlde.cq-wcm-edit .form .hidden:before,
    #dhlde.cq-wcm-edit .form .hiddentimestamp:before {
        color: #99BBE8;
        padding: 4px 2px;
        font-style: italic;
        font-size: 10px;
        display: block;
    }
    #dhlde .form .expressioneval .hidden * {
        display: none;
    }
    #dhlde.cq-wcm-edit .form .expressioneval .hidden:before {
        content: "hidden equation evaluation field";
        height: 30px;
    }
    #dhlde.cq-wcm-edit .form .hidden:before {
        content: "hidden field";
    }
    #dhlde.cq-wcm-edit .form .hiddentimestamp:before {
        content: "hidden timestamp field";
    }
    #dhlde.cq-wcm-edit .form .hidden,
    #dhlde.cq-wcm-edit .form .expressioneval .hidden {
        border: 1px dotted #99BBE8;
        margin-bottom: 10px;
    }


    /* icon only */
    #dhlde .form input.submit.icon {
        background-position: 0 -3500px;
        padding: 0;
        width: 25px;
        height: 24px;
        text-indent: -1000px;
    }
    /* checkboxes and radiobuttons */
    #dhlde .form input.checkbox, #dhlde .form input.radio {
        float: left;
        margin: 0px 8px 0 1px;
        line-height: 1;
    }
    #dhlde.cq-wcm-edit .checkbox.section {
        min-height: 0;
    }
    /*file upload*/
    .js #dhlde .form .upload .file {
        opacity: 0;
    }
    #dhlde .form .upload .btn {
        padding: 2px 10px;
        margin: 5px 0;
        display: block;
        color: #FFF;
        font-size: 12px !important;
        font-weight: bold;
        line-height: 19px !important;
        text-indent: 0;
        height: auto;
        width: auto;
        text-shadow: 0px -1px 1px #666;
    }
    #dhlde .form .upload .btn:hover {
        color: #FC0;
    }
    #dhlde .form .upload .btn a {
        background: none;
        padding: 2px 10px 1px 10px;
    }
    #dhlde .form .upload .removefield {
        margin-left: 0;
    }
    #dhlde .form .upload .fileupload {
        display: block;
        clear: both;
    }
    #dhlde .form .upload .filelabel {
        line-height: 20px;
        font-weight: bold;
    }

    /* text*/
    #dhlde .form input.text, #dhlde .form textarea {
        border: 1px solid #b0afaa;
        font-size: 12px;
        border-radius: 2px;
        box-shadow: inset 0 1px 1px 0 #dbdbdb;
        padding: 3px 7px;
        position: relative;
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
    }
    #dhlde .form input.extendable, #dhlde .form input.extended {
        float: left;
    }
    /* field container: sizes */
    #dhlde .form p.field {
        clear: both;
        line-height: 1;
        font-size: 12px;
        margin-bottom: 8px;
    }
    #dhlde .form p.field.hidden {
        margin-bottom: 0;
    }
    #dhlde .form p.field:before, #dhlde .form p.field:after {
        content:"";
        display: table;
    }
    #dhlde .form p.field:after {
        clear: both;
    }
    .ie6 #dhlde .form p.field, .ie7 #dhlde .form p.field {
        zoom: 1;
    }
    /*sizes*/
    #dhlde .form p.size-xxs input.text, #dhlde .form p.size-xxs select, #dhlde .form p.size-xxs textarea, #dhlde .form p.size-xxs label, #dhlde .form .slider p.size-xxs {
        width: 10%;
    }
    #dhlde .form p.size-xs input.text, #dhlde .form p.size-xs select, #dhlde .form p.size-xs textarea, #dhlde .form p.size-xs label, #dhlde .form .slider p.size-xs {
        width: 30%;
    }
    #dhlde .form p.size-s input.text, #dhlde .form p.size-s select, #dhlde .form p.size-s textarea, #dhlde .form p.size-s label, #dhlde .form .slider p.size-s {
        width: 50%;
    }
    #dhlde .form p.size-m input.text, #dhlde .form p.size-m select, #dhlde .form p.size-m textarea, #dhlde .form p.size-m label, #dhlde .form .slider p.size-m {
        width: 80%;
    }
    #dhlde .form p.size-l input.text, #dhlde .form p.size-l textarea, #dhlde .form p.size-l label,  #dhlde .form p.size-l select, #dhlde .form .slider p.size-l {
        width: 100%;
    }

    /*fieldSetSingleLine*/
    #dhlde .form .col11 .fieldSetSingleLine p.size-xxs {
        width: 53px;
    }
    #dhlde .form .col11 .fieldSetSingleLine p.size-xs {
        width: 100px;
    }
    #dhlde .form .col11 .fieldSetSingleLine p.size-s {
        width: 204px;
    }
    #dhlde .form .col11 .fieldSetSingleLine p.size-m {
        width: 251px;
    }
    #dhlde .form .col11 .fieldSetSingleLine p.size-l {
        width: 314px;
    }
    #dhlde .form .fieldSetSingleLine p.size-xxs {
        width: 66px;
    }
    #dhlde .form .fieldSetSingleLine p.size-xs {
        width: 121px;
    }
    #dhlde .form .fieldSetSingleLine p.size-s {
        width: 195px;
    }
    #dhlde .form .fieldSetSingleLine p.size-m {
        width: 323px;
    }
    #dhlde .form .fieldSetSingleLine p.size-l {
        width: 451px;
    }
    #dhlde .form .fieldSetSingleLine p.size-xxs input.text,
    #dhlde .form .fieldSetSingleLine p.size-xs input.text,
    #dhlde .form .fieldSetSingleLine p.size-s input.text,
    #dhlde .form .fieldSetSingleLine p.size-m input.text,
    #dhlde .form .fieldSetSingleLine p.size-l input.text,
    #dhlde .form .fieldSetSingleLine p.size-xxs label,
    #dhlde .form .fieldSetSingleLine p.size-xs label,
    #dhlde .form .fieldSetSingleLine p.size-s label,
    #dhlde .form .fieldSetSingleLine p.size-m label,
    #dhlde .form .fieldSetSingleLine p.size-l label {
        width: 100%;
    }

    /* field container: checkbox, radio */
    #dhlde .form p.checkbox, #dhlde .form p.radio {
        margin-bottom: 6px;
        padding-left: 1px;
        /* chrome */
    }
    /* field container: buttons */
    #dhlde .form .buttons {
        clear: both;
    }
    /* field container: symbol */
    #dhlde .form .error .symbol span {
        font-weight: normal;
    }
    /* captcha */
    #dhlde .form .captcha {
        margin-bottom: 20px;
        width: 480px;
    }
    #dhlde .form .captcha .error iframe {
        border: 1px solid #CC0000;
    }
    .cq-wcm-edit#dhlde .form .captcha {
        border: 1px dotted #99BBE8;
    }
    .cq-wcm-edit#dhlde .form .captcha:before {
        content: "Captcha";
        color: #99BBE8;
        padding: 4px 2px;
        font-style: italic;
        font-size: 10px;
        display: block;
    }

    #dhlde .form .captcha label {
        display: none;
    }
    #recaptcha_response_field {
        display: inline;
    }
    #dhlde .form .captcha .recaptcha {
        margin-left: -3px;
    }
    #dhlde .colctrl-lt0 .captcha img, #dhlde #sidebar-right .captcha img {
        margin-left: .833em;
    }
    #dhlde .colctrl-lt0 .captcha a.refresh, #dhlde #sidebar-right .captcha a.refresh {
        margin-left: .417em;
    }
    /* homepage - sidebar left and content colum */
    #dhlde.homepage #sidebar-left-content .form p.size-m input.text, #dhlde.homepage #sidebar-left-content .form p.size-m textarea, #dhlde.homepage #content .form p.size-m input.text, #dhlde.homepage #content .form p.size-m textarea {
        width: 99%;
    }
    #dhlde.homepage #sidebar-left-content .form p.size-m select, #dhlde.homepage #content .form p.size-m select {
        width: 100%;
        /* 300px */
    }
    /*toggle form fields*/
    #dhlde .expandableelementsarea {
        clear: both;
    }
    .cq-wcm-edit#dhlde .expandableelementsarea {
        border: 1px dotted #99BBE8;
    }
    #dhlde .expandableelementsarea .area-status.closed {
        display: none;
    }
    /* toggle area */
    #dhlde .expandableelementsarea div.expandable {
        /*border-bottom: 1px solid #dbdbdb;*/
        margin-bottom: 1em;
    }
    /* if last - margin-bottom */
    #dhlde .expandableelementsarea div.last {
        margin-bottom: 2.2em;
    }
    #dhlde .expandableelementsarea .area-status label {
        padding-left: 0;
    }
    /*add/remove field*/
    #dhlde .form .addfield, #dhlde .form .removefield {
        background: url(common/img/icons/symbols.png) 0 -2697px no-repeat;
        display: block;
        float: left;
        height: 20px;
        margin-left: 5px;
        width: 20px;
    }
    #dhlde .form .removefield {
        background-position: 0 -6897px;
        margin-left: 0;
    }
    /*charcounter*/
    #dhlde .form span.counter {
        font-size: 10px;
        float: left;
        margin-top: 3px;
        clear: both;
    }
    #dhlde .form a + span.counter {
        clear: both;
        display: block;
    }
    /*datepicker*/
    #dhlde .ui-datepicker {
        width: 15em;
        z-index: 99999 !important;
    }
    #dhlde .ui-datepicker .ui-datepicker-prev, #dhlde .ui-datepicker .ui-datepicker-next {
        /* display: none;    */
    }
    #dhlde .ui-datepicker .ui-datepicker-title {
        margin: 0 0 0 25px;
        /* padding-left: 3px; */
    }
    #dhlde .ui-datepicker select.ui-datepicker-month, #dhlde .ui-datepicker select.ui-datepicker-year {
        float: left;
        width: 65px;
    }
    #dhlde .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end span {
        background: #666;
        color: #FFF;
        border-color: #666;
    }
    #dhlde .ui-state-disabled.holiday {
        opacity: 1;
    }
    /*summary*/
    #dhlde .form .summary {
        margin: 20px 0;
    }
    #dhlde.cq-wcm-edit .form .summary {
        border: 1px solid #B0AFAA;
    }
    #dhlde .form .summary .stab {
        margin-bottom: 20px;
    }
    #dhlde .form .summary .stab .richtext {
        text-align: right;
    }
    #dhlde .form .summary .stab .richtext p {
    }
    #dhlde .form .summary .dynamicContent {
        margin: 0;
    }
    #dhlde .form .summary .dynamicContent .stab .summarytabTitle {
        color: #000000;
        font-size: 1.4em;
        line-height: 1.286;
        margin-bottom: 0.357em;
    }
    #dhlde .form .summary .dynamicContent .stab .entry {
        clear: both;
        display: block;
        margin-bottom: 3px;
    }
    #dhlde .form .summary .dynamicContent .stab .label {
        background: #E8E8E4;
        border: none;
        float: left;
        width: 48%;
        padding: 5px;
    }
    #dhlde .form .summary .dynamicContent .stab .value {
        background: #F2F2ED;
        border: none;
        float: right;
        width: 48%;
        padding: 5px;
        min-height: 15px;
    }
    #dhlde .form .summary .dynamicContent .stab .value .true {
        background: url("common/img/icons/symbols.png") no-repeat scroll 2px -1396px transparent;
        display: block;
        height: 15px;
        width: 15px;
    }
    #dhlde .form .summary .dynamicContent .stab .value .false {
        display: block;
        height: 11px;
        margin-top: 4px;
        width: 11px;
    }
    #dhlde .form .summary .dynamicContent .stab .entry p {
        margin: 0;
    }
    /*slider*/
    #dhlde .form .slider p.field label {
        width: 100%;
    }
    #dhlde .form .slider p.field .text {
        width: 65px;
        float: left;
    }
    #dhlde .form .slider.right p.field .text {
        float: right;
    }
    #dhlde .form .slider .slide {
        position: relative;
        height: 8px;
        border-color: #B0AFAA;
        margin: 0 0 10px 80px;
        top: 5px;
        background: #F7F7F6;
    }
    #dhlde .form .slider.right .slide {
        margin: 0 80px 10px 0px;
    }
    #dhlde .form .slider.tfhidden .slide {
        margin: 0 0 10px 0px;
    }
    #dhlde .form .slider .slide .ui-slider-handle {
        position: absolute;
        height: 23px;
        width: 16px;
        top: -7px;
        border: none;
        background: url("common/img/icons/symbols.png") no-repeat scroll 0 -7100px transparent;
        margin: 0 0 0 -8px;
        z-index: 1;
    }
    #dhlde .form .slider .slide .ui-slider-range {
        position: absolute;
        z-index: 1;
        display: block;
        border: 0;
        background: #FC0;
        height: 100%;
        top: 0;
    }

    /*conditionalcontainer*/
    #dhlde .form .conditionalcontainer {
        margin-bottom: 20px;
    }
    .js #dhlde .form .conditionalcontainer .condition {
        display: none;
    }
    #dhlde .form .conditionalcontainer .condition.active {
        display: block;
    }
    #dhlde.cq-wcm-edit .form .conditionalcontainer .condition {
        margin-bottom: 20px;
        border: 1px dotted #99BBE8;
    }
    #dhlde.cq-wcm-edit .form .conditionalcontainer .condition.active i {
        padding: 4px 2px;
        display: block;
        color: #99bbe8;
    }
    /*placeholder*/
    #dhlde form .placeholdersjs {
        color: #555 !important;
    }
    #dhlde.cq-wcm-edit .form span[data-placeholder] {
        border: 1px dotted #99BBE8;
        padding: 0 5px;
    }

    /*author*/
    .cq-wcm-edit#dhlde .form fieldset .new.section {
        clear: both;
    }
}
/**
 * component: flash
 * description: container for flash embedding
 */

@media screen, projection {
	#dhlde .flash {
		clear: both;
		margin-bottom: 1em;
		overflow: hidden;
		width: 100%;
	}

	/* no-flash fallback */
	#dhlde .flash .no-flash {
		background: #ffe88c;
	}
	#dhlde .flash .no-flash img {
		margin-bottom: 1em;
		width: 100%;
	}
	#dhlde .flash .no-flash .richtext {
		padding: 0 1em .3em;
	}
}


@media print {
	#dhlde .flash {
		display: none;
	}
}

/**
 * component: gklogin
 * description: login form for gk
 */

@media screen, projection {
	#dhlde .gklogin p.field.small {
		width: 118px;
		float: left;
	}
	#dhlde .gklogin p.btn {
		margin: 15px 0 0 0;
	}
}
@media only screen and (max-width:980px) {
	#dhlde .gklogin p.btn {
		margin: 15px 10px 0 0;
	}
}

@media print {
	#dhlde .gklogin {
		display: none;
	}
}
/**
 * component: image
 * description: styles for a standard image container
 */

@media all {
	#dhlde .image {
		clear: both;
	}
	#dhlde .image .img a {
		background-image: none !important;
		display: block;
		padding-left: 0 !important;
		position: relative;
	}
	#dhlde .image .img img {
		box-shadow: 2px 2px 4px 0 #bbb;
		-moz-box-shadow: 2px 2px 4px 0 #bbb;
		-webkit-box-shadow: 2px 2px 4px 0 #bbb;
		width: 100%; /* image will be stretched */
	}
    #dhlde .banner .image .img img {
        background:none;
        padding:0;
    }
	/* zoom icon */
	#dhlde #content-wrapper .image a span,
	#dhlde #cboxLoadedContent .image a span {
		background: #fff url(common/img/icons/symbols.png) no-repeat 2px -1798px;
		bottom: 0;
		display: block;
		height: 11px;
		padding: 2px;
		position: absolute;
		right: 0;
		width: 11px;
	}
}
@media print {
	#dhlde .image {
		display: none;
	}
}

/**
 * component: jump (shared component)
 * description: shared styles for all jump area components
 */
@media screen, projection {
	#dhlde #header .jumparea {
		position: absolute;
		width: 100%;
	}
	#dhlde .jumparea a {
		display: block;
		height: 1em;
		left: -400em;
		font-size: 12px;
		font-weight: bold;
		overflow: hidden;
		position: absolute;
		width: 100%;
	}
	#dhlde .jumparea a:active,
	#dhlde .jumparea a:focus {
		height: auto;
		left: 165px;
		top: -23px;
		overflow: hidden;
		position: absolute;
		width: auto;
	}
	#dhlde #content-wrapper .jumparea {
		position: relative;
	}
	#dhlde #content-wrapper .jumparea a:active,
	#dhlde #content-wrapper .jumparea a:focus {
		left: auto;
		right: 20px;
	}
	#dhlde #footer .jumparea {
		bottom: 20px;
		position: absolute;
		width: 100%;
	}
	#dhlde #footer .jumparea a:active,
	#dhlde #footer .jumparea a:focus {
		left: auto;
		right: 20px;
		top: auto;
		bottom: 0;
	}
}
@media print {
	#dhlde .jumparea {
		display: none;
	}
}

/**
 * component: link-dropdown
 * description: dropdown with a collection of links
 */

@media all {
	#dhlde .link-dropdown {
		clear: both;
		margin-bottom: 3em;
	}
	#dhlde .link-dropdown select {
		min-width: 200px;
	}
	#dhlde .link-dropdown .btn {
		float: left;
	}
}
/**
 * component: linklist
 */
@media all {
	#dhlde .linklist ul {
		list-style-type: none;
		float: left;
		clear: none;
	}
	#dhlde .linklist a {
		color: #666;
		display: block;
		font-size: 11px;
		line-height: 1.25 !important;
		background: url(common/img/icons/symbols.png) 7px -4197px no-repeat;
		padding: 0 0 4px 18px;
	}
	#dhlde .linklist li:first-child a {
		border-bottom: 1px solid #d8d8d8;
		background-position: 6px -4095px;
		color: #000;
		font-size: 14px;
		line-height: 16px;
		margin-bottom: 4px;
		padding-bottom: 4px;
	}
	#dhlde .linklist a.external {
		background-position: 5px -5497px;
	}
	#dhlde .linklist li:first-child a.external {
		background-position: 5px -5395px;
	}
	#dhlde .linklist a:hover,
	#dhlde .linklist a:focus,
	#dhlde .linklist a:active {
		color: #c00 !important;
	}

	/* im Flyout allgemein */
	#dhlde .flyout .linklist {
		margin:0 5px 13px 138px;
	}
	#dhlde .flyout .linklist ul {
		width: 25%;
	}
	#dhlde .linklist li {
		float: none;
		margin-right: 24px;
	}
	/* Footer */
	#dhlde .footer-content > .linklist {
		overflow: hidden;
		padding: 19px 5px 0 20px;
		min-width: 400px;
	}
	.ie7 #dhlde .footer-content > .linklist {
		zoom: 1;
	}
	#dhlde .footer-content > .linklist ul {
		width: 33.3%;
	}
	.ie7 #dhlde .footer-content > .linklist ul {
		width: 33.2%;
	}
	#dhlde .footer-content > .linklist li {
		margin-right: 15px;
	}
	#dhlde .footer-content > .linklist li:first-child a {
		color: #666;
		font-size: 12px;
		background-position: 6px -4097px;
	}
	#dhlde .footer-content > .linklist li:first-child a.external {
		background-position: 5px -5397px;
	}
	/* mit JS im Header */
	#dhlde .main-nav .pageteaser + .linklist {
		position: relative;
		top: -3px;
		margin-bottom: 10px;
	}
	/* Noscript im Footer */
	#dhlde #flyout .linklist {
		margin-left: 20px;
	}
}
/**
 * component: logo (meta)
 * description: dhl.de logo
 */
 @media all {
    #dhlde .logo p {
        margin-bottom: 0;
    }
    #dhlde .logo a {
        display: block;
        background: none;
    }
}
/**
 * component: brand-logo
 * description: dhl.de logo
 */

@media all {
	#dhlde .brand-logo {
		left: 15px;
		position: absolute;
		top: 6px;
	}
}

/**
 * component: group-logo
 * description: Deutsche Post Group logo
 */
@media all {
	#dhlde .group-logo {
		background-color: #fc0;
		box-shadow: 0 3px 9px 0px #ccc;
		-moz-box-shadow: 0 3px 9px 0px #ccc;
		-webkit-box-shadow: 0 3px 9px 0px #ccc;
		height: 30px;
	}
	#dhlde .group-logo p {
		float: right;
		margin-right: 20px;
	}
}
@media print {
	#dhlde .group-logo {
		display: none;
	}
}

/**
 * component: multistage
 */

@media all {
	#dhlde .multistage {
		height: 233px;
		width: 100%;
		overflow: hidden;
		position: relative;
	}

	#dhlde .multistage a.prev,
	#dhlde .multistage a.next {
		display: none;
		width: 20px;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	#dhlde .multistage:hover a.prev,
	#dhlde .multistage:hover a.next {
		display: block;
	}
	#dhlde .multistage:hover a.next {
		left: auto;
		right: 0px;
	}

	#dhlde .multistage a.prev span,
	#dhlde .multistage a.next span {
		background: url(common/img/icons/symbols.png) no-repeat 3px -5097px;
		display: block;
		position: absolute;
		height: 30px;
		width: 20px;
		top: 100px;
		left: 0;
	}
	#dhlde .multistage a.next span {
		left: auto;
		right: 0px;
		background-position: 4px -4993px;
	}

	#dhlde .multistage .pager {
		position: absolute;
		top: 10px;
		right: 20px;
		display: none;
	}
	#dhlde .multistage .pager li {
		float: left;
	}
	#dhlde .multistage .pager li a {
		display: block;
		padding: 2px 3px 1px;
		margin: 0 0 0 3px;
		background: rgba(255,255,255,0.7);
		-pie-background: rgba(255,255,255,0.7);
		color: #000;
		font-weight: bold;
		font-size: 10px;
		line-height: 1;
		box-shadow: 1px 1px 0 0 #aaa;
		-moz-box-shadow: 1px 1px 0 0 #aaa;
   		-webkit-box-shadow: 1px 1px 0 0 #aaa;
   		behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
   		position: relative;
	}
	.ie8 #dhlde .multistage .pager li a {
		padding: 2px 3px 2px;
	}
	#dhlde .multistage .pager li a.active,
	#dhlde .multistage .pager li a.active:hover,
	#dhlde .multistage .pager li a.active:focus,
	#dhlde .multistage .pager li a.active:active {
		background: #c00 !important;
		color: #fff;
	}
	#dhlde .multistage .pager li a:hover,
	#dhlde .multistage .pager li a:focus,
	#dhlde .multistage .pager li a:active {
		text-decoration: none;
		color: #c00;
	}

	#dhlde .multistage .stage {
		background: #000;
		height: 233px;
		overflow: hidden;
		position: relative;
		width: 720px;
		display: none;
	}
	#dhlde .multistage .stage.active {
		display: block;
	}
	#dhlde .multistage .stage > a.external {
	   padding-left: 0;
	}
	#dhlde .multistage .stage .image a {
		position: absolute;
	}
	#dhlde .multistage .stage .image img {
		width: 100%;
	}
	#dhlde .multistage .stage .stageteaser {
		width: 260px;
		padding: 15px;
		position: absolute;
		background: rgb(255,255,255);
		background: rgba(255,255,255,0.9);
		-pie-background: rgba(255, 255, 255, 0.9);
		behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
		max-height: 150px;
		overflow: hidden;
	}
	#dhlde .multistage .stage .stageteaser.noWhiteBg {
		background: none;
		-pie-background: rgba(255, 255, 255, 0);
	}
	#dhlde .multistage .stage .stageteaser.bottomleft {
		bottom: 20px;
		left: 20px;
	}
	#dhlde .multistage .stage .stageteaser.topleft {
		top: 20px;
		left: 20px;
	}
	#dhlde .multistage .stage .stageteaser.bottomright {
		bottom: 20px;
		right: 20px;
	}
	#dhlde .multistage .stage .stageteaser h2,
	#dhlde .multistage .stage .stageteaser h2 a {
		color: #c00;
		font-size: 17px;
		line-height: 19px;
		width: auto;
		float: none;
		min-height: 1px;
		font-weight: normal;
	}
	#dhlde .multistage .stage .stageteaser .richtext {
		width: auto;
		float: none;
	}
	#dhlde .multistage .stage .stageteaser .btn {
		margin: 10px 0 0 0;
	}
	/*author*/
	.cq-wcm-edit#dhlde .multistage {
    	overflow: visible;
    	height: auto;
	}
	.cq-wcm-edit#dhlde .multistage .stage,
	.cq-wcm-preview#dhlde .multistage .stage {
    	display: block;
    	overflow: visible;
	}
}

@media only screen and (max-width:800px) {
	#dhlde .multistage .pager li a { padding:8px 10px; }
}
/**
 * component: main-nav
 * description: main navigation in the header with dropdown menues
 */
 @media all {
    #dhlde .main-nav {
        z-index: 2;
        margin: 10px 20px 0;
        float: left;
    }
    .ie7 #dhlde .main-nav {
        float: none;
        min-width: 720px;
    }
    #dhlde .main-nav ul li strong {
        cursor: default;
    }
    #dhlde .main-nav ul.hNav > li{
    	margin-right: 7px;
    }
    #dhlde .main-nav ul.hNav > li > a, #dhlde .main-nav ul.hNav > li > strong {
        color: #000;
        font-size: 14px;
        
        padding: 7px 12px 13px 12px;
        text-decoration: none;
        white-space: nowrap;
        text-shadow: 0px 1px 1px #ffffff;
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
    }
    #dhlde .main-nav ul.hNav > li.open > a, #dhlde .main-nav ul.hNav > li.current > a, #dhlde .main-nav ul.hNav > li > a:hover, #dhlde .main-nav ul.hNav > li > a:focus {
        background: #c00;
        background: -moz-linear-gradient(top, #e20001 0%, #cc0000 35%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e20001), color-stop(35%, #cc0000));
        background: -webkit-linear-gradient(top, #e20001 0%, #cc0000 35%);
        background: -o-linear-gradient(top, #e20001 0%, #cc0000 35%);
        background: -ms-linear-gradient(top, #e20001 0%, #cc0000 35%);
        background: linear-gradient(to bottom, #e20001 0%, #cc0000 35%);
        -pie-background: linear-gradient(top, #a40000 0%, #d70000 15%, #cc0000 30%);
        border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        -webkit-border-radius: 4px 4px 0 0;
        color: #ffdf58;
        padding-bottom: 9px;
        position: relative;
        text-shadow: 0px -1px 1px #555555;
        border-bottom: 4px solid #c00;
        z-index: 100;
    }
    #dhlde .main-nav ul.hNav > li.open > a, #dhlde .main-nav ul.hNav > li.current > a {
        color: #fff;
        text-shadow: 0px -1px 1px #555555;
        box-shadow: 0 2px 3px 0 #990000 inset;
        -moz-box-shadow: 0 2px 3px 0 #990000 inset;
        -webkit-box-shadow: 0 2px 3px 0 #990000 inset;
    }
    /*2 line headlines in one row*/
    #dhlde .main-nav .linklist li:first-child a {
        position: relative;
        min-height: 34px;
        max-height: 34px;
        overflow: hidden;
        padding-left: 0;
        background: none;
    }
    #dhlde .main-nav .linklist li:first-child a span {
        display: block;
        position: absolute;
        bottom: 2px;
        background: url(common/img/icons/symbols.png) 6px -4096px no-repeat;
        padding-left: 18px;
    }
    /*flyout*/
    #dhlde .main-nav .flyout {
        background: #eaeae8;
        background: -moz-linear-gradient(top, #eaeae8 0%, #fafaf9 25%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaeae8), color-stop(25%, #fafaf9));
        background: -webkit-linear-gradient(top, #eaeae8 0%, #fafaf9 25%);
        background: -o-linear-gradient(top, #eaeae8 0%, #fafaf9 25%);
        background: -ms-linear-gradient(top, #eaeae8 0%, #fafaf9 25%);
        background: linear-gradient(to bottom, #eaeae8 0%, #fafaf9 25%);
        -pie-background: linear-gradient(top, #eaeae8 0%, #fafaf9 25%);
        border-bottom: 4px solid #ffcc00;
        box-shadow: 0 4px 6px 0px #ccc;
        -moz-box-shadow: 0 4px 6px 0px #ccc;
        -webkit-box-shadow: 0 4px 6px 0px #ccc;
        display: none;
        left: 0;
        right: 0;
        position: absolute;
        padding-bottom: 21px;
        /*behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);*/
        z-index: 1000;
    }
}
/**
 * component: footer-nav
 * description: navigation links in the footer
 */
@media screen, projection {
	#dhlde .footer-nav {
		float: right;
		padding: 16px 15px 0 0;
		width: auto;
	}
	#dhlde .footer-nav ul {
		float: left;
	}
	#dhlde .footer-nav li {
		background: url(common/img/icons/symbols.png) no-repeat -5px -1995px;
		font-size: 10px;
	}
	#dhlde .footer-nav li.first {
		background: none;
	}
	#dhlde .footer-nav li a {
		color: #666;
		line-height: 15px;
		padding: 0 5px 0 6px;
	}
	#dhlde .footer-nav li.mail a,
	#dhlde .footer-nav li.print a {
   		background: url(common/img/icons/symbols.png) no-repeat 6px 3px;
   		padding: 0;
   	 	text-indent: -5000px;
	    width: 24px;
	}
	#dhlde .footer-nav li.print a {
   		background-position: 5px -108px;
	}
	#dhlde .footer-nav li a:active,
	#dhlde .footer-nav li a:hover,
	#dhlde .footer-nav li a:focus {
		color: #c00;
	}
}
@media print {
	#dhlde .footer-nav {
		display: none;
	}
}

/**
 * component: service-nav
 * description: service navigation links in the header
 */
 @media all {
    #dhlde .service-nav {
        position: absolute;
        right: 13px;
        top: 0;
    }
    #dhlde .service-nav ul {
    }
    #dhlde .service-nav nav > ul > li {
        background: #ffd013;
        background: -moz-linear-gradient(top, #ffde5b 11%, #ffcc00 35%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(11%, #ffde5b), color-stop(35%, #ffcc00));
        background: -webkit-linear-gradient(top, #ffde5b 11%, #ffcc00 35%);
        background: -o-linear-gradient(top, #ffde5b 11%, #ffcc00 35%);
        background: -ms-linear-gradient(top, #ffde5b 11%, #ffcc00 35%);
        background: linear-gradient(to bottom, #ffde5b 11%, #ffcc00 35%);
        -pie-background: linear-gradient(top, #ffde5b 11%, #ffcc00 35%);
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
        border-left: 1px solid #e0b300;
        border-right: 1px solid #ffd942;
        border-bottom: 1px solid #ffd942;
        border-radius: 0 0 3px 3px;
        margin-right: 5px;
    }
    #dhlde .service-nav li a {
        display: block;
        padding: 9px 11px 5px 11px;
        font-size: 11px;
        text-shadow: 0px 1px 1px #fff;
    }
    #dhlde .service-nav li.portal {
        position: relative;
    }
    #dhlde .service-nav li.portal > a {
        position: relative;
        z-index: 2;
        padding-left: 31px;
    }
    #dhlde .service-nav li.portal.open > a, #dhlde .service-nav li:hover.portal > a {
        padding-bottom: 15px;
        background: #ffd013;
        background: -moz-linear-gradient(top, #ffde5b 11%, #ffcc00 35%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(11%, #ffde5b), color-stop(35%, #ffcc00));
        background: -webkit-linear-gradient(top, #ffde5b 11%, #ffcc00 35%);
        background: -o-linear-gradient(top, #ffde5b 11%, #ffcc00 35%);
        background: -ms-linear-gradient(top, #ffde5b 11%, #ffcc00 35%);
        background: linear-gradient(to bottom, #ffde5b 11%, #ffcc00 35%);
        -pie-background: linear-gradient(top, #ffde5b 11%, #ffcc00 35%);
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
    }
    #dhlde .service-nav li.portal > a span {
        background: url(common/img/icons/symbols.png) no-repeat 0 -5296px;
        display: block;
        width: 20px;
        height: 23px;
        position: absolute;
        left: 6px;
        top: 0;
    }
    #dhlde .service-nav li.portal.open > a span, #dhlde .service-nav li:hover.portal > a span {
        background-position: 0 -5196px;
    }
    #dhlde .service-nav li.portal ul {
        position: absolute;
        top: 31px;
        left: -1px;
        display: none;
        list-style: none;
        z-index: 1;
        padding-bottom: 10px;

        border: 1px solid #E0B300;
        border-top: 2px solid #E0B300;
        border-bottom: none;
        border-radius: 0 15px 0 0;

        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

        background: #ffdc51;
        background: -moz-linear-gradient(-135deg, #ffdc51 0%, #ffcc00 30%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffdc51), color-stop(30%, #ffcc00));
        background: -webkit-linear-gradient(-135deg, #ffdc51 0%, #ffcc00 30%);
        background: -o-linear-gradient(-135deg, #ffdc51 0%, #ffcc00 30%);
        background: -ms-linear-gradient(-135deg, #ffdc51 0%, #ffcc00 30%);
        background: linear-gradient(-135deg, #ffdc51 0%, #ffcc00 30%);
        -pie-background: linear-gradient(-135deg, #ffdc51 0%, #ffcc00 30%);

    }
    .ie8 #dhlde .service-nav li.portal ul {
        box-shadow: none;
    }

    #dhlde .service-nav li.portal.open ul, #dhlde .service-nav li:hover.portal ul {
        display: block;
        /*behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);*/

    }
    #dhlde .service-nav li.portal ul li {
        background: none !important;
        margin: 0;
        border: none !important;
        float: none;
    }
    #dhlde .service-nav li.portal ul li a {
        padding: 5px 20px 5px 31px;
        font-size: 12px;
        line-height: 15px;
        background: #F00;
        white-space: nowrap;
        background: url(common/img/icons/symbols.png) no-repeat 15px -4093px;
    }
    #dhlde .service-nav li.portal ul li a.external {
        background-position: 15px -5392px
    }
    #dhlde .service-nav li.lang li:first-child a {
        background: url(common/img/icons/symbols.png) no-repeat 7px -3794px;
        padding: 9px 5px 5px 42px;
    }
    #dhlde .service-nav li.lang a,
    #dhlde .service-nav li.lang span {
        background: url(common/img/icons/symbols.png) no-repeat -1px -3990px;
        float: left;
        display: block;
        line-height: 1;
        font-size: 11px;
        padding: 9px 6px 5px 6px;
        text-shadow: 0px 1px 1px #fff;
    }
    #dhlde .service-nav li.lang span {
        padding-right: 11px;
    }
    #dhlde .service-nav li.contact a {
        background: url(common/img/icons/symbols.png) no-repeat 9px -3894px;
        padding-left: 31px;
    }
}
@media print {
    #dhlde .service-nav {
        display: none;
    }
}
/**
 * component: nextdhl
 * description: styles for next dhl at homepage
 */
@media all {
	#dhlde .nextdhl {
		display: block;
	}
	#dhlde .nextdhl .accordion > h2 {
		font-size: 16px;
		font-weight: normal;
		line-height: 18px;
		margin: 0 0 4px 10px;
	}
	#dhlde .nextdhl .accordion > ul > li:first-child.open > h2:first-child,
	#dhlde .nextdhl .accordion > ul > li:first-child.open > h2.pie_first-child,
	.js #dhlde .nextdhl .accordion > ul > li:first-child.open > h2:first-child,
	.js #dhlde .nextdhl .accordion > ul > li:first-child.open > h2.pie_first-child {
		padding-top: 27px;
	}

	#dhlde .nextdhl .accordion > ul.images > li.open > h2 a{
		font-size: 14px;
		line-height: 16px;
	}
	.js #dhlde .nextdhl .question {
		margin: -70px 0 42px;
		position: relative;
	}
	#dhlde #nextDhlForm_packstation,
	#dhlde #nextDhlForm_paketbox,
	#dhlde #nextDhlForm_retaillocation {
		margin-bottom: 0;
	}
	#dhlde #nextDhlForm_packstation .text,
	#dhlde #nextDhlForm_paketbox .text,
	#dhlde #nextDhlForm_retaillocation .text {
		position: relative;
		behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
	}
	#dhlde  #nextDhlZip_packstation,
	#dhlde  #nextDhlZip_paketbox,
	#dhlde  #nextDhlZip_retaillocation {
		width: 59px;
	}
	#dhlde  #nextDhlCity_packstation,
	#dhlde  #nextDhlCity_paketbox,
	#dhlde  #nextDhlCity_retaillocation {
		margin-right: 5px;
		float: left;
		width: 168px;
	}
	.js #dhlde .nextdhl .accordionelement:first-child > h2:first-child {
		border-top: 2px solid #cfcfcf;
		border-radius: 0 15px 0 0;
	}
	/*author*/
	.cq-wcm-edit#dhlde .nextdhl .accordion:before {
    content: "";
	}

}
/**
 * component: okaparcelteaser.
 * description: teaser with editable submit values and paths
 */
 @media all {
    #dhlde .okaparcelteaser {
        display: none;
    }
    .js #dhlde .okaparcelteaser {
        display: block;
    }
    #dhlde .okaparcelteaser .teaser .richtext {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    #dhlde .okaparcelteaser .form .field {
        float: left;
        margin: 0 60px 0 0;
        min-width: 180px;
        clear: none;
        position: relative;
    }
    #dhlde .okaparcelteaser .form .field .bg {
        background: url(common/img/icons/symbols.png) -10px -6699px no-repeat;
        width: 42px;
        height: 56px;
        display: block;
        position: absolute;
        right: -21px;
        top: 0;
    }
    #dhlde .okaparcelteaser .form .field .bg.international {
        background-position: -10px -6792px;
    }
    #dhlde .okaparcelteaser .btn.primary {
        margin-top: 15px;
    }
}
/**
 * component: page title
 * description: page title with optional description
 */

@media all {
	#dhlde .page-title {
		clear: both;
	}
	#dhlde .page-title h1 {
		color: #000;
		font-size: 2em;
		font-weight: normal;
		line-height: 1.1;
		padding-bottom: .65em;
	}
	#dhlde .page-title p {
		color: #000;
	}
	#dhlde #colorbox .page-title {
		margin: 20px 40px 20px 20px;
		width: 680px;
	}
}
/**
 * component: progressbar
 * description: show the current status of a progress
 */
@media all {
	#dhlde .progressbar {
		margin-bottom: 2.5em;
	}
	#dhlde .progressbar ul {
		background: #fff;
		border: 1px solid #dbdbdb !important;
		height: 2.9em;
	}
	#dhlde .progressbar ul.last {
		background: #e8e8e4;
	}
	#dhlde .progressbar ul li {
		background: #fff url(components/progressbar/img/progressbar.gif) no-repeat 0 0;
		display: block;
		list-style-type: none;
		float: left;
		padding-left: 1.667em; /*20px;*/
		position: relative;
		top: -1px;
	}
	#dhlde .progressbar ul li a {
		background: #fff;
		border-top: 1px solid #dbdbdb !important;
		border-bottom: 1px solid #dbdbdb !important;
		color: #666;
		display: block;
		font-weight: bold;
		padding: .583em; /*7px;*/
		cursor: default;
	}
	/*special elements*/
	#dhlde .progressbar ul li.first {
		background: none;
		padding: 0 !important;
	}
	#dhlde .progressbar ul li.current {
		background: #fff url(components/progressbar/img/progressbar.gif) no-repeat 0 -200px;
	}
	#dhlde .progressbar ul li.current a {
		background: #e8e8e4;
		color: #000;
	}
	#dhlde .progressbar ul li.next {
		background: #fff url(components/progressbar/img/progressbar.gif) no-repeat 0 -100px;
	}
	#dhlde .progressbar ul li.inactive a {
		color: #d1d1d1;
	}
	#dhlde .progressbar ul li.passed a {
		cursor: pointer;
	}
}


@media screen, projection {
	#dhlde .progressbar ul li a:hover,
	#dhlde .progressbar ul li.current a:hover,
	#dhlde .progressbar ul li.inactive a:hover  {
		color: #cc0000;
	}
}

/*extent default progressbar*/
@media all {
	#dhlde .progress .progressbar {
		margin-bottom: 0;
		/*display: none;*/
	}
	#dhlde .progress .progressbar .tabs-nav-wrapp {
		position: static;
	}
	#dhlde .progress .progressbar .tabs-nav {
		width: auto;
		margin: 0 0 20px 0;
	}
	#dhlde .progress .progressbar .tabs-nav li {
		margin: 0;
		padding-left: 19px;
	}
	#dhlde .progress .progressbar .tabs-nav a {
		border-radius: 0 !important;
		border-left: none !important;
		border-right: none !important;
		background: #fff !important;
		padding: 8px 8px 9px !important;
		margin: 0 !important;
	}
	#dhlde .progress .progressbar ul.final,
	#dhlde .progress .progressbar .tabs-nav li.current a {
		background: #e8e8e4 !important;
	}
	#dhlde .progress .progressbar .tabs-nav li.tabs-selected a {
		position: static;
		font-size: 11px;
		line-height: 20px;
	}
	#dhlde .progress .progressbar .tabs-nav li a span {
		/*display: none;*/
	}
	#dhlde .progress .progressbar .tabs-nav li.current a span{
		display: inline;
	}
	#dhlde .progress.tabs .tabs-container {
		border-top: none;
		padding: 0;
		background: none !important;
	}
	#dhlde .progress .progressbar .tabs-nav a:hover,
	#dhlde .progress .progressbar .tabs-nav a:focus,
	#dhlde .progress .progressbar .tabs-nav a:active {
		color: #000;
		text-decoration: none;
	}
	#dhlde .progress .progressbar .tabs-nav .passed a:hover,
	#dhlde .progress .progressbar .tabs-nav .passed a:focus,
	#dhlde .progress .progressbar .tabs-nav .passed a:active {
		color: #cc0000;
		text-decoration: underline;
	}
	#dhlde .form .progress input.prev {
		float: left;
		margin-left: 0;
	}
	/*no errors in edit mode*/
	#dhlde.cq-wcm-edit .form .errorbox {
		display: none;
	}
	#dhlde.cq-wcm-edit .form .error,
	#dhlde.cq-wcm-edit .form .error label {
		color: #000;
		font-weight: normal;
	}
}

/**
 * component: postagecalculator
 */
 @media all {
    #dhlde .postagecalculator .ajax-loading {
        background: #e1e1e1 url(common/img/icons/ajax-loader-transparent.gif) no-repeat 50% 50%;
        background-color: #FFFFFF;
        display: none;
        left: 0;
        min-height: 100%;
        opacity: 0.7;
        filter:alpha(opacity=70);
        padding: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 101;
    }
    .js #dhlde .postagecalculator .ajax-loading {
        display: block;
    }
    #dhlde .postagecalculator .openControlpanel {
        color: #666666;
        padding: 10px 0;
        text-decoration: none;
        position: absolute;
        top: 4px;
        right: 33px;
        z-index: 100;
        background-position: 0 -987px;
        padding-left: 12px;
    }
    #dhlde .postagecalculator .controlpanel {
        background: url(components/postagecalculator/img/divider.png) -45px 100% no-repeat;
        padding-bottom: 30px;
        margin-bottom: 20px;
    }
    #dhlde .postagecalculator .controlpanel.productVisible {
        margin-bottom: -17px;
        position: relative;
        z-index: 100;
    }
    .js #dhlde .postagecalculator .controlpanel {
        display: block;
    }
    #dhlde .postagecalculator .controlpanel .optionArea {
        color: #000000;
    }
    #dhlde .postagecalculator .controlpanel .searchparameterForEditors span {
        display: block;
        font-weight: bold;
    }
    #dhlde .postagecalculator .controlpanel .searchparameterForEditors p {
        background: none repeat scroll 0 0 #FFFFFF;
            border: 1px solid #808080;
            padding: 5px;
    }
    /* 3col 1:1:1 */
    #dhlde .postagecalculator .col111-c0, #dhlde .postagecalculator .col111-c1, #dhlde .postagecalculator .col111-c2 {
        margin: 0 12px 0 0;
        width: 188px;
        min-height: 0px;
        position: relative;
    }
    #dhlde .postagecalculator .selectableOptionsVisible .col111-c0, #dhlde .postagecalculator .selectableOptionsVisible .col111-c1, #dhlde .postagecalculator .selectableOptionsVisible .col111-c2 {
        min-height: 190px;
    }
    #dhlde .postagecalculator .col111-c1.maxi, #dhlde .postagecalculator .col111-c2.maxi {
        min-height: 250px;
    }
    #dhlde .postagecalculator .col111-c2 {
        margin: 0;
    }
    #dhlde .postagecalculator .controlpanel .optionArea > div {
    }
    #dhlde .postagecalculator .controlpanel .optionArea select {
        max-width: 100%;
    }
    #dhlde .postagecalculator .controlpanel .optionArea .checkbox input {
        float: left;
    }
    #dhlde .postagecalculator .controlpanel .optionArea .groupedoption input.radio {
        margin-left: 22px;
    }
    #dhlde .postagecalculator .controlpanel .optionArea .checkbox label,
    #dhlde .postagecalculator .controlpanel .optionArea .radio label {
        padding-left: 22px;
    }
    #dhlde .postagecalculator .controlpanel .optionArea .groupedoption label {
        padding-left: 44px;
    }
    #dhlde .postagecalculator .controlpanel .optionArea .dropdown label{
            font-weight: bold;
        text-shadow: 0px 1px 1px #ffffff;
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
    }
    .js #dhlde .postagecalculator .controlpanel .optionArea .submit {
        display: none;
    }
    .js #dhlde .postagecalculator .controlpanel .fixedPrice,
     #dhlde .postagecalculator .controlpanel .jsFixedPrice {
        display: none;
    }
    .js #dhlde .postagecalculator .controlpanel .jsFixedPrice {
        display: block;
        margin-top: 20px;
    }
    #dhlde .postagecalculator .controlpanel .optionArea .selectableOptionsLabel,
    #dhlde .postagecalculator .recommendedLabel {
        display: block;
        font-weight: bold;
        padding: 10px 0 5px;
        color: #000;
    }
    /*productimages*/
    #dhlde .postagecalculator .productimage {
        background: url(components/postagecalculator/img/postagecalculator.png) 0 0 no-repeat;
        height: 100px;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
    }
    /* kein Bild */
    #dhlde .postagecalculator .w0 .col111-c1 .productimage {
        background: none;
    }
    /* 500g */
    #dhlde .postagecalculator .w7 .col111-c1 .productimage {
        background-position: 0 -500px;
    }
    /* 1kg */
    #dhlde .postagecalculator .w6 .col111-c1 .productimage {
        background-position: 0 -700px;
    }
    /* 2kg */
    #dhlde .postagecalculator .w1 .col111-c1 .productimage {
        background-position: 0 -900px;
    }
    /* 5kg */
    #dhlde .postagecalculator .w8 .col111-c1 .productimage {
    	background-position: 0 -1100px;
	}
    /* 10kg */
    #dhlde .postagecalculator .w2 .col111-c1 .productimage {
        background-position: 0 -1300px;
    }
    /* 20kg */
    #dhlde .postagecalculator .w3 .col111-c1 .productimage {
        background-position: 0 -1500px;
    }
    /* 25kg */
    #dhlde .postagecalculator .w25 .col111-c1 .productimage {
        background-position: 0 -1700px
    }
    /* 30kg */
    #dhlde .postagecalculator .w30 .col111-c1 .productimage {
        background-position: 0 -1900px
    }
    /* 31,5kg */
    #dhlde .postagecalculator .w4 .col111-c1 .productimage {
        background-position: 0 -2100px;
    }
    /* 100kg */
    #dhlde .postagecalculator .w5 .col111-c1 .productimage {
        background-position: 2000px 0;
    }

    #dhlde .postagecalculator .s0 .col111-c2 .productimage {
       	background: none;
    }
    #dhlde .postagecalculator .s1 .col111-c2 .productimage,
    #dhlde .postagecalculator .s6 .col111-c2 .productimage {
        background-position: 0 -3000px;
    }
    #dhlde .postagecalculator .s2 .col111-c2 .productimage {
        background-position: 0 -3100px;
    }
    #dhlde .postagecalculator .s3 .col111-c2 .productimage {
        background-position: 0 -3200px;
    }
    #dhlde .postagecalculator .s4 .col111-c2 .productimage {
        background-position: 0 -3200px;
    }
    #dhlde .postagecalculator .s5 .col111-c2 .productimage {
        background-position: 0 -32000px;
    }
    #dhlde .postagecalculator .bottomarea {
        min-height: 150px;
        position: relative;
    }
    /* ROTATOR*/
    #dhlde .postagecalculator .bottomarea .teaserrotator {
            overflow: hidden;
            width: 100%;
    }
    #dhlde .postagecalculator .bottomarea .teaserrotator {

    }
    .js #dhlde .postagecalculator .bottomarea .teaserrotator {
        left: 0;
        min-height: 150px;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .js #dhlde .postagecalculator .bottomarea > button {
        background: url(common/img/icons/symbols.png) 10px -6381px;
        height: 60px;
        left: -31px;
        position: absolute;
        top: 40px;
        width: 30px;
        outline: none;
    }
    .js #dhlde .postagecalculator .bottomarea > .nr {
        right: -31px;
        left: auto;
        background-position: 10px -6282px;
    }
    .js #dhlde .postagecalculator .bottomarea button.disable {
        display: none !important;
    }
    #dhlde .postagecalculator .bottomarea .teaserrotator .parsys {
        position: relative;
        width: 5000px;
        zoom: 1;
    }
    #dhlde .postagecalculator .bottomarea .teaserrotator .parsys:after {
        clear: both;
        content:".";
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden;
    }
    #dhlde .postagecalculator .bottomarea .teaserrotator .parsys.parcelpcpar,
    #dhlde .postagecalculator .bottomarea .teaserrotator .parsys.expresspcpar {
        position: absolute;
            left: -5000px;
            width: 100px;
            overflow: hidden;
    }
    .js #dhlde .postagecalculator .bottomarea .teaserrotator .parsys.parcelpcpar,
    .js #dhlde .postagecalculator .bottomarea .teaserrotator .parsys.expresspcpar {
        position: relative;
            left: 0;
            width: 5000px;
            overflow: visible;
    }

    /* RECOMMENDED PRODUCT*/
    .js #dhlde .postagecalculator .optionArea .selectableOptionsLabel,
    .js #dhlde .postagecalculator .optionArea #selectableOptions,
    .js #dhlde .postagecalculator .recommendedLabel {
        display: none;
    }
    .js #dhlde .postagecalculator .bottomarea .product {
        background-color: #FFFFFF;
        padding: 20px;
        left: 0;
        position: relative;
        top: 0;
        min-height: 120px;
        display: none;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        box-shadow: inset 0px 2px 4px #EAEAEA;
        -moz-box-shadow: inset 0px 2px 4px #EAEAEA;
        -webkit-box-shadow: inset 0px 2px 4px #EAEAEA;
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
        border: 1px solid #CFCFCF;
    }
    .js #dhlde .postagecalculator .bottomarea .product .close {
        background: url(common/img/icons/symbols.png) 11px -6490px no-repeat;
        cursor: pointer;
        height: 30px;
        position: absolute;
        right: 0px;
        top: 0;
        width: 30px;
        z-index: 1000;
    }
    #dhlde .postagecalculator .bottomarea .product h2 {
        font-size: 16px;
        font-weight: normal;
    }
    #dhlde .postagecalculator .bottomarea .product .info {
        float: left;
        width: 285px;
    }
    #dhlde .postagecalculator .bottomarea .product .info .article {
        margin-bottom: 0;
    }
    #dhlde .postagecalculator .bottomarea .product .info .richtext ul {
        padding-bottom: 0;
    }
    #dhlde .postagecalculator .bottomarea .product .productimages {
        float: right;
        width: 285px;
        position: relative;
        height: 175px;
    }
    #dhlde .postagecalculator .bottomarea .product .productimages .weight {
        background: url(components/postagecalculator/img/postagecalculator.png) no-repeat -300px 0;
        bottom: 30px;
        height: 70px;
        left: 5px;
        position: absolute;
        width: 150px;
        z-index: 1;
    }
    /* 500g */
    #dhlde .postagecalculator .bottomarea .product .productimages .w7 {
        background-position: -200px -500px;
    }
    /* 1kg */
    #dhlde .postagecalculator .bottomarea .product .productimages .w6 {
        background-position: -200px -700px;
    }
    /* 2 kg */
    #dhlde .postagecalculator .bottomarea .product .productimages .w1 {
        background-position: -200px -900px;
    }
    /* 5kg */
    #dhlde .postagecalculator .bottomarea .product .productimages .w8 {
        background-position: -200px -1100px;
    }
    /* 10 kg */
    #dhlde .postagecalculator .bottomarea .product .productimages .w2 {
        background-position: -200px -1300px;
    }
    /* 20 kg */
    #dhlde .postagecalculator .bottomarea .product .productimages .w3 {
        background-position: -200px -1500px;
    }
    /* 25kg */
    #dhlde .postagecalculator .bottomarea .product .productimages .w25 {
        background-position: -200px -1700px;
    }
    /* 30 kg */
    #dhlde .postagecalculator .bottomarea .product .productimages .w30 {
        background-position: -200px -1900px;
    }
    /* 31,5 kg */
    #dhlde .postagecalculator .bottomarea .product .productimages .w4 {
        background-position: -200px -2100px;
    }
    /* 100kg */
    #dhlde .postagecalculator .bottomarea .product .productimages .w5 {
        background-position: 2000px 0;
    }
    #dhlde .postagecalculator .bottomarea .product .productimages .size {
      background: url(components/postagecalculator/img/postagecalculator.png) no-repeat 0 -3700px;
      height: 160px;
      left: 20px;
      position: absolute;
      top: 0;
      width: 275px;
    }

    /* 60x30x15 */
    #dhlde .postagecalculator .bottomarea .product .productimages .s1 {
        background-position: 0 -3700px;
    }
    /* 120x60x60 */
    #dhlde .postagecalculator .bottomarea .product .productimages .s2,
    #dhlde .postagecalculator .bottomarea .product .productimages .s3,
    #dhlde .postagecalculator .bottomarea .product .productimages .s4 {
        background-position: 0 -3900px;
    }
    /* 30x30x15 */
    #dhlde .postagecalculator .bottomarea .product .productimages .s6 {
        background-position: 0 -3500px;
    }
    /* MAXI */
    #dhlde .postagecalculator .bottomarea .product .productimages .s5 {
        background-position: 2000px 2000px;
    }
    #dhlde .postagecalculator .bottomarea .product .productimages .price {
        width: 105px;
        height: 60px;
        background: url(components/postagecalculator/img/postagecalculator.png) -43px -200px no-repeat;
        position: absolute;
        right: -3px;
        bottom: 45px;
    }
    #dhlde .postagecalculator .bottomarea .product .productimages .size.s2 + .price,
    #dhlde .postagecalculator .bottomarea .product .productimages .size.s3 + .price,
    #dhlde .postagecalculator .bottomarea .product .productimages .size.s4 + .price {
        bottom: 35px;
        right: 0;
    }

    #dhlde .postagecalculator .bottomarea .product .productimages .price span {
        position: absolute;
        text-align: center;
        width: 100%;
        left: 0;
    }
    #dhlde .postagecalculator .bottomarea .product .productimages .price .c1 {
        color: #000;
        font-size: 11px;
        top: 14px;
    }
    #dhlde .postagecalculator .bottomarea .product .productimages .price .c2 {
        color: #C00;
        font-size: 18px;
        top: 27px;
    }
    #dhlde .postagecalculator .bottomarea .product .btn {
        margin: 0;
        position: absolute;
        bottom: 20px;
        right: 20px;
    }
    #dhlde .postagecalculator .bottomarea .product .tabs-container .btn {
        bottom: 0;
        right: 0;
    }
    #dhlde.cq-wcm-edit .postagecalculator .bottomarea .new.section {
        clear: both;
    }
    /* TABS */
    #dhlde .postagecalculator .tabs {
        background-color: #FFFFFF;
        padding: 0;
    }
    .js #dhlde .postagecalculator .tabs .tabs-nav {
        height: 31px;
    }
    #dhlde .postagecalculator .tabs .container {
        background: #F7F7F6 url(components/tabs/img/bg_tabs_colored.png) 100% 0 no-repeat;
        margin-top: 0;
        position: relative;
        z-index: 1;
    }
    .js #dhlde .postagecalculator .tabs .container {
        display: block;
    }
    #dhlde .tabs .tabs-container {
        background-color: #FFFFFF;
    }
    /* ACCORDION */
    #dhlde .postagecalculator .accordion {
        margin: 0;
    }
    #dhlde .postagecalculator .accordion > h2 {
        font-size: 16px;
        font-weight: normal;
        line-height: 18px;
        margin: 0 0 4px 10px;
    }
    #dhlde .postagecalculator .accordion > ul > li > h2 {
        font-size: 16px;
        padding: 10px 30px;
    }
    .js #dhlde .postagecalculator .accordion > ul > li > h2 {
        padding: 0;
    }
    .js #dhlde .postagecalculator .accordion > ul > li:first-child > h2:first-child {
        border-top: 2px solid #FC0;
        border-radius: 0 10px 0 0;
    }
    #dhlde .accordion > ul > li {
        padding: 0;
    }
    .js #dhlde .trackandtrace .accordion > ul > li.open > h2 {
            background-color: #f7f7f6;
        }
    .js #dhlde .postagecalculator .accordion > ul > li.open > h2 {
        border: none;
        border-radius: 0;
        padding: 0 30px;
        background: none;
        border-left: 1px solid #eaeaea;
    }
    .js #dhlde .postagecalculator .accordion > ul > li.open > h2 a {
        background: none;
        font-size: 14px;
        line-height: 16px;
        padding: 10px 0 0 0;
    }
    #dhlde .postagecalculator .accordion > ul > li > h2 a span {
        margin-top: 0;
        max-width: 100%;
    }
    #dhlde .postagecalculator .accordion > ul > li > div,
    .js #dhlde .postagecalculator .accordion > ul > li > div {
        border-left: none;
        min-width: 0;
        padding: 12px 31px;
    }
    #dhlde .postagecalculator .accordion .expandable {
        padding-bottom: 10px;
        padding-left: 0 !important;
    }
    /* ColCtrl*/
    #dhlde .postagecalculator .col11-c0, #dhlde .postagecalculator .col11-c1 {
        width: 249px;
    }
    /* SLIDER */
    /* Overlays */
    #dhlde .postagecalculator .ui-widget-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    #dhlde .postagecalculator .ui-slider {
        height: 8px;
        margin-left: 10px;
        margin-top: 20px;
        position: relative;
        text-align: left;
        width: 170px;
    }
    #dhlde .postagecalculator .ui-slider .ui-slider-range {
        background: #FFCC00;
        height: 100%;
        top: 0;
    }
    #dhlde .postagecalculator .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }
    #dhlde .postagecalculator .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }
    #dhlde .postagecalculator .ui-slider .ui-slider-handle {
        border: none;
        cursor: pointer;
        position: absolute;
        z-index: 2;
    }
    #dhlde .postagecalculator #slider-weight .ui-slider-handle {
        background: url(components/postagecalculator/img/postagecalculator.png) 0 0 no-repeat;
        height: 34px;
        margin-left: -11px;
        top: -15px;
        width: 22px;
    }
    #dhlde .postagecalculator #slider-size .ui-slider-handle {
        background: url(components/postagecalculator/img/postagecalculator.png) -168px 0 no-repeat;
        height: 29px;
        margin-left: -16px;
        top: -10px;
        width: 32px;
    }
    #dhlde .postagecalculator .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }
    #dhlde .postagecalculator .ui-slider .range-design{
        height: 23px;
        margin-top: -7px;
        width: 100%;
    }
    #dhlde .postagecalculator .ui-slider .single-range{
        background: url(components/postagecalculator/img/range-design.png) -1px 0 no-repeat;
        float: left;
        height: 23px;
        margin-left: -1px;
    }
    #dhlde .postagecalculator .ui-slider .single-range:first-child{
        background: none;
    }

    #dhlde .postagecalculator .controlpanel .optionArea .symbol{
        margin-left: 0;
    }
    /* For IE8 - See #6727 */
    .ie8 #dhlde .postagecalculator .ui-slider.ui-state-disabled .ui-slider-handle,
    .ie8 #dhlde .postagecalculator .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }
    /*author*/
    .cq-wcm-edit#dhlde .postagecalculator .tabs:before {
        content: none;
        display: none;
    }
    .cq-wcm-edit#dhlde .postagecalculator .bottomarea .teaserrotator {
        position: relative;
    }
    .cq-wcm-edit#dhlde .postagecalculator .bottomarea .teaserrotator .parsys,
    .cq-wcm-edit#dhlde .postagecalculator .bottomarea .teaserrotator .parsys.parcelpcpar,
    .cq-wcm-edit#dhlde .postagecalculator .bottomarea .teaserrotator .parsys.expresspcpar {
        width: 606px;
    }
    /*author*/
    .cq-wcm-edit#dhlde .postagecalculator .accordion:before {
        content: "";
    }
}
/**
 * component: postagecalculator
 */
 @media all {
    #dhlde .postageteaser {
        background: #fff;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        box-shadow: inset 0px 2px 4px #EAEAEA;
        -moz-box-shadow: inset 0px 2px 4px #EAEAEA;
        -webkit-box-shadow: inset 0px 2px 4px #EAEAEA;
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
        border: 1px solid #CFCFCF;
        cursor: pointer;
        float: left;
        margin: 0 4px 12px;
        position: relative;
        width: 188px;
    }
    .js #dhlde .postageteaser {
        margin: 0 16px 12px 0;
    }
    #dhlde .postageteaser.active {
        border-color: #FFCC00;
    }
    #dhlde .postageteaser a {
        background: none;
        display: block;
        text-decoration: none;
    }
    #dhlde .postageteaser a:hover, #dhlde .postageteaser a:active, #dhlde .postageteaser a:focus {
        text-decoration: none;
    }
    #dhlde .postageteaser .image {
        width: 175px;
        height: 100px;
        overflow: hidden;
        margin: 5px auto;
    }
    #dhlde .postageteaser .image img {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }
    #dhlde .postageteaser h3 {
        font-size: 12px;
        font-weight: bold;
        line-height: 14px;
        margin: 10px 0;
        text-align: center;
    }
}
/**
 * component: richtext
 * description: styles for the richtext editor output
 */

@media all {
	#dhlde .richtext em {
		font-style: italic;
	}
	#dhlde .richtext h3 a,
	#dhlde .richtext h3 a:link,
	#dhlde .richtext h3 a:visited,
	#dhlde .richtext h4 a,
	#dhlde .richtext h4 a:link,
	#dhlde .richtext h4 a:visited {
		background-image: none;
		color: #000;
		padding-left: 0;
		text-decoration: none;
	}

	#dhlde .richtext h3 a:hover,
	#dhlde .richtext h4 a:hover {
	    color: #CC0000;
	    text-decoration: underline;
	}
	/* richtext: lists */
	#dhlde .richtext ol {
		/*clear: none;*/
		padding: 0 0 1.5em 1.8em;
	}
	#dhlde .richtext ol ol {
		padding-left: 1.5em;
	}
	#dhlde .richtext ul {
		list-style: disc;
		/*clear: none;*/
		padding: 0 0 1.5em 1.3em;
	}
	#dhlde .richtext ul ul {
		padding-left: 1.083em;
	}
	#dhlde .richtext ul ul,
	#dhlde .richtext ol ol {
		padding-bottom: 0;
		padding-top: .25em;
	}
	#dhlde .richtext li {
		margin-bottom: .25em;
	}
	/* richtext: specials */
	#dhlde .richtext .footnote {
		font-size: .833em;
	}
	#dhlde .richtext p.footnote,
	#dhlde .richtext li.footnote {
		font-size: 1em;
		line-height: 1.4;
	}
	#dhlde .richtext .uppercase {
		text-transform: uppercase;
	}
	#dhlde .richtext .red {
		color: #c00;
	}
	#dhlde .richtext .gray {
		color: #999;
	}

	/* tables */
	#dhlde .richtext table {
		border: 2px solid #d1d1d1;
		border-width: 2px 0;
		margin-bottom: 1em;
		max-width: 100% !important;
	}
	#dhlde .coffer .colored .richtext table {
		background: #fff;
	}
	#dhlde .richtext th,
	#dhlde .richtext td {
		color: #000;
		padding: .167em .5em;
	}
	#dhlde .richtext th {
		background: #e8e8e4;
		font-weight: bold;
	}
	#dhlde .richtext table.odd tr.odd td {
		background: #f2f2ed;
	}
	/* sortable + filterable tables */
	#dhlde .richtext.table table th a {
	    display: block;
	}
	#dhlde .richtext.table table th.sortable {

	}
	#dhlde .richtext.table table th a.filter {
	   position: absolute;
	   top: 0;
	   right: -7px;
	   width: 1px;
	   height: 15px;
	}
	#dhlde .richtext.table table th a.sort {
	   position: absolute;
	   top: 0;
	   right: -7px;
	   width: 1px;
	   height: 15px;
	}
	#dhlde .richtext.table table th.filterable a.sort {
	   right: 5px;
	}
	#dhlde .richtext.table table th.sortable a.sort {
	    background-position: 0 -502px;
	}
	#dhlde .richtext.table table th.sorted-asc a.sort {
	    background-position: 0 -502px;
	}
	#dhlde .richtext.table table th.sorted-desc a.sort {
	    background-position: 0 -2396px;
	}
	#dhlde .richtext.table table th a.opened {
	    background-position: 0 -897px;
	}
	#dhlde .richtext.table table th a.closed {
	    background-position: 0 -797px;
	}
	#dhlde .richtext.table table th .text {
	    float: left;
	    padding-right: 30px;
	}
	#dhlde .richtext.table table th .links {
	    margin: 5px 0;
	}
	#dhlde .richtext.table table th div.cl {
	    position: relative;
	}
	#dhlde .richtext.table table th div.links {
	    position: absolute;
	    top: 16px;
	    right: -6px;
	    width: 100px;
	    padding: 5px;
	    background: #E8E8E4;
	    border: 1px solid #d1d1d1;
	    z-index: 50;
	}
	#dhlde .richtext.table table th div.hd {
	    left: -400em !important;
	}
	#dhlde .richtext.table table tr.filtered,
	#dhlde .richtext.table table td.filtered {
	    background: #FFE88C;
	}
	#dhlde .richtext.table p.filter a.filterreset{
	    float: left;
	    display: block;
	    margin-right: 25px;
	    background-position: 0 -194px;
	}
	#dhlde .richtext.table p.filter {
        margin-bottom: 5px;
    }
	#dhlde .richtext.table p.filter label {
	    display: none !important;
	}
	#dhlde .richtext.table p.filter input {
	    float: right;
	}
	#dhlde .richtext table .highlight,
	#dhlde .richtext table .highlight td {
		background: #fff5cc !important;
	}
	#dhlde .richtext table .highlight_1 {
		background: #ffcc00 !important;
	}
	#dhlde .richtext table .highlight_2 {
		background: #fffbeb !important;
	}
}


@media screen, projection {
	/* richtext: links */
	#dhlde .richtext a {
		background: url(common/img/icons/symbols.png) no-repeat 4px -4196px;
		padding-left: 13px;
	}
	#dhlde .richtext a.external {
		background-position: 1px -5397px;
	}
	#dhlde .richtext a.jump {
		background-position: 1px -997px;
	}
	/* richtext: specials */
	#dhlde .richtext .infotext {
		border-bottom: 1px dashed #000;
		cursor: help;
	}
	#dhlde .richtext .infotextAsIcon {
		background: transparent url(common/img/icons/symbols.png) no-repeat 100% -5600px;
		color: #000;
		padding: 1px 20px 1px 0;
		border-bottom: none;
		cursor: default;
	}
	#dhlde .richtext .infotext:hover {
		position: relative;
		z-index: 100;
	}
	#dhlde .richtext .infotext:hover span.infotext-inner {
		/*left: -.909em;*/
		left: 3em;
		top: 2.273em;
	}
	#dhlde #sidebar-right .richtext .infotext:hover span.infotext-inner {
		left: -16.364em;
	}

	#dhlde .richtext .morelink {
		display: block;
		padding-bottom: .25em;
	}
	#dhlde .richtext .morelink a {
		background-position: 1px -3298px;
		padding-left: 15px;
	}
	#dhlde .richtext .morelink a.open {
		background-position: 0 -4498px;
	}

	#dhlde .richtext ul.nobullet {
		clear: none;
		list-style: none;
		padding-left: 0;
	}
	#dhlde .richtext ul.nobullet a {
		display: inline-block;
	}

	#dhlde .richtext table {
		clear: both;
	}
	#dhlde .richtext th,
	#dhlde .richtext td {
		border-color: #d1d1d1 #fff;
		border-width: 0 3px 1px 0;
	}
	#dhlde .richtext th.last,
	#dhlde .richtext td.last {
		border-right: 0;
	}

	/*x-browser*/
	.ie8 #dhlde .richtext a {
		background-position: 1px -4097px;
	}
	.ie8 #dhlde .richtext .morelink a {
		background-position: 0 -797px;
	}
	.ie8 #dhlde .richtext .morelink a.open {
		background-position: 0 -1598px;
	}
}


@media print {
	/* richtext: specials */
	#dhlde .richtext .infotext span.infotext-inner:before {
		content: " (";
	}
	#dhlde .richtext .infotext span.infotext-inner:after {
		content: ") ";
	}
	#dhlde .richtext .more {
		height: auto;
		position: static;
		width: auto;
	}
	#dhlde .richtext th,
	#dhlde .richtext td {
		border-width: 1px;
	}
}
/*PC Browser < 1024 and tablet landscape orientation */
@media only screen and (max-width:1024px) {
	#dhlde .richtext a {
		background-position: 0 -2497px;
	}
	#dhlde .richtext .morelink a{
		background-position: 0 -2700px;
    	padding-left: 1.6em;
	}
}

/**
 * component: search
 * description: quick search field in the header
 */

@media all {
	#dhlde .search {
		width: 221px;
		padding: 10px 16px 0 20px;
		float: right;
	}
	.ie7 #dhlde .search {
		padding: 0 16px 0 0;
	}
	#dhlde .search .form {
		margin: 0;
	}
	#dhlde .search p {
		float: left;
		margin-bottom: 0;
		width: auto;
	}
	#dhlde .search label {
		color: #fff;
		display: inline;
		padding-right: .533em;
	}
	#dhlde .search input.text {
		background: #FFF5CC;
		border-color: #cfa500;
		color: #333;
		float: left;
		margin-right: 5px;
		width: 190px;
		box-shadow: 1px 1px 0 #ffe374;
		-moz-box-shadow: 1px 1px 0 #ffe374;
        -webkit-box-shadow: 1px 1px 0 #ffe374;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
	}
	#dhlde .search .form input.submit.icon {
		background-position: -36px -3499px;
	}
}

@media print {
	#dhlde .search {
		display: none;
	}
}

@media only screen and (max-width:980px) {
	#dhlde .search {
		position:relative;
		top: -10px;
	}
}
/**
 * component: search results
 * description: displays search results
 */

@media all {
	#dhlde .searchresults {
		clear: both;
	}
	#dhlde .searchresults form.new-search {
		margin-bottom: .5em;
	}
	/* searchterm */
	#dhlde .searchresults .searchterm p {
		float: left;
	}
	#dhlde .searchresults .searchterm p.field {
		margin-right: 10px;
	}

	#dhlde .searchresults .searchterm input {
		width: 100%;
	}
	#dhlde .searchresults .searchterm input.submit {
		margin: .083em 0 0 0;
		width: auto;
	}
	/* pagination */
	#dhlde .searchresults h2 {
		font-size: 1.2em;
	}
	#dhlde .searchresults p.count {
		color: #000;
		margin-top: 2em;
	}
	#dhlde .searchresults ul.pagination {
		margin: 0 0 2.5em;
	}
	#dhlde .searchresults ul.pagination li {
		background: transparent url(common/img/icons/symbols.png) no-repeat scroll 0 -2099px;
		float: left;
		list-style: none;
	}
	#dhlde .searchresults ul.pagination strong {
		color: #000;
	}
	#dhlde .searchresults ul.pagination a,
	#dhlde .searchresults ul.pagination strong,
	#dhlde .searchresults ul.pagination span {
		padding: 0 .75em;
	}
	#dhlde .searchresults ul.pagination a {
		text-decoration: underline;
	}
	#dhlde .searchresults ul.pagination li.first,
	#dhlde .searchresults ul.pagination li.next,
	#dhlde .searchresults ul.pagination li.previous {
		background: none;
	}
	#dhlde .searchresults ul.pagination li.next a {
		padding-right: 0;
	}
	#dhlde .searchresults ul.pagination li.previous a {
		padding-left: 0;
	}
	#dhlde .searchresults ul.pagination li.previous a,
	#dhlde .searchresults ul.pagination li.next a {
		color: #c00;
		text-decoration: none;
	}
	/* results */
	#dhlde .searchresults ul.results li {
		list-style: none;
		margin-bottom: 2em;
	}
	#dhlde .searchresults ul.results h3 {
		font-size: 1em;
	}
	#dhlde .searchresults ul.results h3 a.download {
		display: block;
	}
	#dhlde .searchresults ul.results strong {
		padding: 0 .25em;
	}
	/* coffer in cctrl */
	#dhlde .colctrl-lt0 .colored .searchresults .searchterm input {
		width: 85%;
	}
}


@media screen, projection {
	/* suggest */
	#dhlde .searchresults p.suggest a {
		background-image: url(common/img/icons/symbols.png);
		background-position: 0 -196px;
		background-repeat: no-repeat;
		padding-left: 13px;
	}
	#dhlde .searchresults ul.pagination li.previous a:hover,
	#dhlde .searchresults ul.pagination li.previous a:focus,
	#dhlde .searchresults ul.pagination li.next a:hover,
	#dhlde .searchresults ul.pagination li.next a:focus {
		text-decoration: underline;
	}
	#dhlde .searchresults ul.results h3 a {
		background: transparent url(common/img/icons/symbols.png) no-repeat 0 -196px;
		color: #000;
		margin-left: -2px;
		padding-left: 13px;
	}
	#dhlde .searchresults ul.results h3 a:hover,
	#dhlde .searchresults ul.results h3 a:active,
	#dhlde .searchresults ul.results h3 a:focus {
		color: #c00;
	}
	#dhlde .searchresults ul.results strong {
		background: #ffe88c;
		color: #666;
	}
	#dhlde .searchresults ul.results p strong {
		font-weight: normal;
	}
}


@media print {
	#dhlde .searchresults p.suggest a {
		font-style: italic;
	}
}
/*PC Browser < 1024 and tablet landscape orientation */
@media only screen and (max-width:1024px) {
	#dhlde .searchresults ul.results h3 a {
		background-position: 0 -2498px;
	}
}

/**
 * component: shippingcalculator
 */
@media all {
    #dhlde .shippingcalculator {
        /* same css like coffer / background teaser / flipbox / shippingcalculator */
        background: #f7f7f6;
        background: -moz-linear-gradient(top, #f7f7f6 0%, #fff 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f6), color-stop(100%, #fff));
        background: -webkit-linear-gradient(top, #f7f7f6 0%, #fff 100%);
        background: -o-linear-gradient(top, #f7f7f6 0%, #fff 100%);
        background: -ms-linear-gradient(top, #f7f7f6 0%, #fff 100%);
        background: linear-gradient(to bottom, #f7f7f6 0%, #fff 100%);
        -pie-background: linear-gradient(top, #f7f7f6 0%, #fff 100%);
        border-top: 2px solid #DBDBDB;
        border-bottom: 1px solid #DBDBDB;
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
        padding: 12px;
        margin: 0 -12px 30px;
    }
    #dhlde .shippingcalculator h1 {
        color: #000;
        font-size: 16px;
        font-weight: normal;
        line-height: 18px;
        margin-bottom: 20px;
    }
    #dhlde .shippingcalculator select {
        margin: 42px 0 0 12px;
        width: 215px;
         float: left;
    }
    #dhlde .shippingcalculator .txt {
        display: inline-block;
        width: 158px;
    }
    #dhlde .shippingcalculator .price {
        font-size: 14px;
        font-weight: bold;
    }
    #dhlde .shippingcalculator .currency {}

    #dhlde .shippingcalculator.country .scimage {
        float: left;
        height: 103px;
        width: 145px;
        background: url(components/shippingcalculator/img/shipping.png) no-repeat -20px 0;
    }
    #dhlde .shippingcalculator.weight .scimage {
        float: left;
        height: 71px;
        width: 90px;
        background: url(components/shippingcalculator/img/packages.png) no-repeat -100px 0;
    }

    #dhlde .shippingcalculator .slider {
        width: 270px;
        margin: 10px 0 0 12px;
        float: left;
    }
    #dhlde .shippingcalculator .slider .slide {
        margin-left: 0;
    }
    #dhlde .shippingcalculator .slider .field label,
    #dhlde .shippingcalculator .slider .field input {
        visibility: hidden;
    }

    #dhlde .shippingcalculator .info {
        float: right;
        width: 240px;
        background: #fff;
        padding: 12px 12px 0;
        border: 1px solid #DBDBDB;
    }
    #dhlde .shippingcalculator .info h2.hl {
        margin-bottom: 17px;
    }
}
/**
 * component: sitemap
 * description: styles for the sitemap
 */

@media all {
	#dhlde .sitemap {
		margin-bottom: 2.5em;
	}
	#dhlde .sitemap li {
		border-bottom: 1px solid #dbdbdb;
		list-style-type: none;
		padding-left: 1.417em; /*17px*/
	}
	#dhlde .sitemap li li {
		margin-left: 1.667em; /*20px*/
		padding-left: 0;
	}
	#dhlde .sitemap li li li {
		border: none;
		margin: 0 0 0 3.333em; /*40px*/
	}
	#dhlde .sitemap li a {
		display: block;
		font-weight: bold;
		padding: .167em 0;
	}
	#dhlde .sitemap li li a {
		font-weight: normal;
	}
}


@media screen, projection {
	#dhlde .sitemap h2 a {
		background: url(common/img/icons/symbols.png) no-repeat -3px -194px;
		color: #000;
		display: block;
		padding-left: .714em;
	}
	#dhlde .sitemap h2 a:hover {
		color: #cc0000;
	}
	#dhlde .sitemap li li {
		margin-bottom: -1px; /*20px*/
	}
	#dhlde .sitemap li a {
		background: url(common/img/icons/symbols.png) no-repeat 0 -193px;
		padding-left: 1.083em;
	}
}


@media print {
	#dhlde .sitemap li li {
		border: none;
	}
}
/*PC Browser < 1024 and tablet landscape orientation */
@media only screen and (max-width:1024px) {
	#dhlde .sitemap h2 a {
		background-position: -3px -2495px;
	}
	#dhlde .sitemap li a {
		background-position: 0 -2494px;
	}
}

/**
 * component: subpagedropdown
 * description: toggle visibility state between multiple page parsys
 */

@media all {
	#dhlde .subpagedropdown {
		clear: both;
		margin-bottom: 20px;
	}
	/* form */
	#dhlde .subpagedropdown .subpagedropdown-form fieldset {
		position: relative;
	}
	#dhlde .subpagedropdown .subpagedropdown-form p {
		margin: 0 10px 0 0;
		float: left;
	}
	#dhlde .subpagedropdown .subpagedropdown-form select {
		width: 85px;
		margin: 2px 0 10px 0;
	}
	/* section */
	#dhlde .subpagedropdown .subpagedropdown-section {
		padding-top: 1.5em;
	}
	/* loading info */
	#dhlde .subpagedropdown .subpagedropdown-section p.loading {
		background: transparent url(components/subpagedropdown/img/loading.gif) no-repeat 0 0;
		height: 29px;
		line-height: 2.417;
		margin: 0 auto;
		padding-left: 35px;
		width: 20em;
	}
}

/**
 * component: socialmedia
 */
 @media all {
    #dhlde .socialmedia {
        position: absolute;
        display: none;
        right: -40px;
        top: 48px;
    }
    .js #dhlde .socialmedia {
        display: block;
    }
    #dhlde .socialmedia ul li {
        display: block;
        margin: 0;
        width: 40px;
        background: transparent url(components/socialmedia/img/bg_sociallink.png) no-repeat 0 -160px;
        position: relative;
        height: 30px;
        margin-top: -2px;
    }
    #dhlde .socialmedia ul li:first-child {
        background: transparent url(components/socialmedia/img/bg_sociallink.png) no-repeat 0 -100px;
        height: 34px;
        margin-top: 0;
    }
    #dhlde .socialmedia .icon {
        left: 11px;
        position: relative;
        top: 5px;
    }
    #dhlde .socialmedia > ul > li:first-child > .icon {
        top: 8px;
    }
    #dhlde .socialmedia > ul > li > .icon.tooltip_on {
        z-index: 15;
    }
    #dhlde .socialmedia .tooltip {
        background: #FFFFFF;
        box-shadow: 0 1px 9px 0px #999;
        -moz-box-shadow: 0 1px 9px 0px #999;
        -webkit-box-shadow: 0 1px 9px 0px #999;
        border-radius: 3px;
        display: none;
        padding: 10px 30px 10px 10px;
        position: absolute;
        right: 0;
        top: 0;
        width: 200px;
        z-index: 10;
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
    }
    #dhlde .socialmedia .tooltip .tooltip-headline, #dhlde .socialmedia .tooltip .tooltip-text {
        display: block;
    }
    #dhlde .socialmedia .tooltip .tooltip-headline {
        font-weight: bold;
    }
    #dhlde .socialmedia .tooltip .tooltip-text {
        margin-bottom: 10px;
    }
    #dhlde .socialmedia .tooltip .switch {
        background: url(components/socialmedia/img/ic_socialshareprivacy_on_off.png) scroll no-repeat transparent;
        cursor: pointer;
        display: inline-block;
        float: left;
        height: 12px;
        margin-top: 4px;
        overflow: hidden;
        text-indent: -9999em;
        width: 29px;
    }
    #dhlde .socialmedia .tooltip .switch.off {
        background-position: 1px 0;
    }
    #dhlde .socialmedia .tooltip .switch.on {
        background-position: 1px -12px;
    }
    #dhlde .socialmedia .tooltip form {
        display: none;
    }
    #dhlde .socialmedia .tooltip .overlay-image {
        padding-bottom: 5px;
    }
    #dhlde .socialmedia .dhlde-placeholder {
        border: 2px dashed #666;
        color: #666;
        height: 70px;
        width: 60px;
    }
}
@media only screen and (max-width:1040px) {
    #dhlde .socialmedia {
        bottom: 3px;
        right: 14px;
        top: auto;
    }
    #dhlde .socialmedia ul li,
    #dhlde .socialmedia ul li:first-child {
        background: none;
        float: left;
        height: 30px;
        margin-top: 0;
    }
    #dhlde .socialmedia .icon,
    #dhlde .socialmedia > ul > li:first-child > .icon {
        left: auto;
		    position: absolute;
		    right: 6px;
		    top: 5px;
    }
    /*
    #dhlde .socialmedia ul li {
        background-position: 100% -160px !important;
    }
    #dhlde .socialmedia ul li:hover {
        background-position: 100% -260px !important;
    }
    #dhlde .socialmedia ul li:first-child {
        background-position: 100% -100px !important;
    }
    #dhlde .socialmedia ul li:first-child:hover {
        background-position: 100% -200px !important;
    }
  */
}
/**
 * component: tabs.
 * description: tabs for grouping inline content
 */
 @media all {
    #dhlde .tabs {
        clear: both;
        /*overflow: hidden;*/
        padding-bottom: 3em;
        position: relative;
        margin: 0 -12px;
    }
    #dhlde .tabs .tabs-hide {
        left: -5000px;
        position: absolute;
        width: 100% !important;
    }
    #dhlde .tabs .tabs-nav-wrap {
        margin-bottom: -6px;
        position: relative;
    }
    #dhlde .tabs .tabs-nav-wrap h2 {
        font-size: 16px;
        font-weight: normal;
        margin: 0 12px 7px 12px;
        position: absolute;
        bottom: 10px;
    }
    .ie7 #dhlde .tabs .tabs-nav-wrap h2 {
        padding-bottom: 7px;
        margin-bottom: 0;
    }
    #dhlde .tabs .tabs-nav-wrap.tabsright h2 {
        float: left;
        margin: 0 12px 0 12px;
    }
    #dhlde .tabs .tabs-nav {
        list-style: none;
        clear: none;
        margin: 0 17px 0 12px;
        float: left;
    }
    .js #dhlde .tabs .tabs-nav {
        height: 26px;
        /* overflow: hidden; */
    }
    .js #dhlde .tabs .tabs-nav.ready {
        height: 31px;
    }
    #dhlde .tabs .tabsright .tabs-nav {
        float: right;
    }
    #dhlde .tabs .tabs-nav li {
        display: block;
        float: left;
    }
    #dhlde .tabs .tabs-nav a {
        font-weight: bold;
        border: 1px solid #dbdbdb;
        border-radius: 2px;
        color: #000;
        display: block;
        line-height: 1;
        padding: 6px 15px 6px 15px;
        margin: 10px 5px 0 0;
        text-align: center;
        white-space: nowrap;
        text-shadow: 0px 1px 1px #ffffff;
        background: #e4e3e1;
        background: -moz-linear-gradient(top, #e4e3e1 0%, #cbc7c2 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e3e1), color-stop(100%, #cbc7c2));
        background: -webkit-linear-gradient(top, #e4e3e1 0%, #cbc7c2 100%);
        background: -o-linear-gradient(top, #e4e3e1 0%, #cbc7c2 100%);
        background: -ms-linear-gradient(top, #e4e3e1 0%, #cbc7c2 100%);
        background: linear-gradient(to bottom, #e4e3e1 0%, #cbc7c2 100%);
        -pie-background: linear-gradient(top, #e4e3e1 0%, #cbc7c2 100%);
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
        position: relative;
        text-decoration: none;
    }
    .js #dhlde .tabs .tabs-nav a {
        margin: 0 5px 0 0;
    }
    #dhlde .tabs .tabs-nav a.disabled,
    #dhlde .tabs .tabs-nav a:hover,
    #dhlde .tabs .tabs-nav a:focus {
        background: #fdfdfc;
        background: -moz-linear-gradient(top, #fdfdfc 0%, #dfdeda 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dfdeda), color-stop(100%, #dfdeda));
        background: -webkit-linear-gradient(top, #fdfdfc 0%, #dfdeda 100%);
        background: -o-linear-gradient(top, #fdfdfc 0%, #dfdeda 100%);
        background: -ms-linear-gradient(top, #fdfdfc 0%, #dfdeda 100%);
        background: linear-gradient(to bottom, #fdfdfc 0%, #dfdeda 100%);
        -pie-background: linear-gradient(top, #fdfdfc 0%, #dfdeda 100%);
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
        position: relative;
        color: #666;
    }
    /* active */
    #dhlde .tabs .tabs-nav a.active {
        color: #000;
        position: relative;
        border: 1px solid #ffc103;
        padding: 9px 15px 8px 15px;
        background: #ffde5b;
        background: -moz-linear-gradient(top, #ffde5b 0%, #ffcc00 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffde5b), color-stop(100%, #ffcc00));
        background: -webkit-linear-gradient(top, #ffde5b 0%, #ffcc00 100%);
        background: -o-linear-gradient(top, #ffde5b 0%, #ffcc00 100%);
        background: -ms-linear-gradient(top, #ffde5b 0%, #ffcc00 100%);
        background: linear-gradient(to bottom, #ffde5b 0%, #ffcc00 100%);
        -pie-background: linear-gradient(top, #ffde5b 0%, #ffcc00 100%);
        z-index: 2;
    }
    /* container */
    #dhlde .tabs .tabs-container {
        background: url(components/tabs/img/bg_tabs.png) 100% 0 no-repeat;
        padding: 24px 12px 12px 12px;
        position: relative;
        z-index: 1;
        margin-top: 10px;
        min-height: 100px;
    }
    .js #dhlde .col11-c0 .tabs .tabs-container {
        margin-right: 12px;
    }
    .js #dhlde .tabs .tabs-container {
        display: none;
        margin: 0;
    }
    /*slider nav*/
    #dhlde .tabs .tabs-nav-wrap .slider {
        overflow: hidden;
        margin: 0 40px;
    }
    #dhlde .tabs .tabs-nav-wrap .slider .tabs-nav {
        margin: 0;
        position: relative;
    }
    #dhlde .tabs .tabs-nav-wrap button {
        background: url(common/img/icons/symbols.png) 13px -5990px no-repeat;
        position: absolute;
        bottom: 0;
        width: 30px;
        height: 30px;
    }
    #dhlde .tabs .tabs-nav-wrap button span {
        position: absolute;
        display: block;
        width: 20px;
        height: 100%;
        top: -6px;
        z-index: 2;
    }
    #dhlde .tabs .tabs-nav-wrap button.disable span {
        display: none !important;
    }
    #dhlde .tabs .tabs-nav-wrap button.nl {
        left: 0px;
    }
    #dhlde .tabs .tabs-nav-wrap button.nr {
        position: absolute;
        right: 0px;
        background-position: 11px -5890px
    }
    #dhlde .tabs .tabs-nav-wrap button.nl span {
        left: 40px;
        background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
        background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
        /*-pie-background: linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);*/
    }
    #dhlde .tabs .tabs-nav-wrap.tabsprogress button.nl span {
        display: block;
    }
    #dhlde .tabs .tabs-nav-wrap button.nr span {
        right: 40px;
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
        background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
        /*-pie-background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);*/
    }
    #dhlde .tabs .tabs-nav-wrap button.disable {
        cursor: default;
    }
    #dhlde .tabs .tabs-nav-wrap button.nl.disable, #dhlde .tabs .tabs-nav-wrap button.nl:hover, #dhlde .tabs .tabs-nav-wrap button.nl:focus {
        background-position: 13px -6190px;
    }
    #dhlde .tabs .tabs-nav-wrap button.nr.disable, #dhlde .tabs .tabs-nav-wrap button.nr:hover, #dhlde .tabs .tabs-nav-wrap button.nr:focus {
        background-position: 11px -6090px;
    }
    /* progressable tabs */
    .js #dhlde .tabs .tabsprogress .tabs-nav {
        height: auto;
    }
    .js #dhlde .tabs .tabsprogress .tabs-nav a {
        background: url(components/tabs/img/bg_steps.png) 0 -100px no-repeat;
        -pie-background: none;
        border: none;
        padding:8px 4px 10px 25px;
        cursor: default;
    }
    .js #dhlde .tabs .tabsprogress .tabs-nav a span {
        position: absolute;
        width: 30px;
        height: 35px;
        top: -1px;
        right: -29px;
        background: url(components/tabs/img/bg_steps.png) -403px -99px no-repeat;
        z-index: 1;
    }
    .js #dhlde .tabs .tabsprogress .tabs-nav a.first {
        background-position: 0 -100px;
        padding-left: 11px;
    }
    .js #dhlde .tabs .tabsprogress .tabs-nav a.first.active {
        background-position: 0 0;
    }
    .js #dhlde .tabs .tabsprogress .tabs-nav a.first.active span {
        background-position: -396px 1px;
    }
    .js #dhlde .tabs .tabsprogress .tabs-nav a.active {
        background-position: -22px -300px;
        padding-bottom: 12px;
    }
    .js #dhlde .tabs .tabsprogress .tabs-nav a.active span {
        background-position: -394px 1px;
    }
    .js #dhlde .tabs .tabsprogress .tabs-nav a.last span {
        background-position: -27px -199px;
    }
    .js #dhlde .tabs .tabsprogress .tabs-nav a.last.active span {
        background-position: -409px -299px;
    }
    #dhlde .tabs .tabsprogress .tabs-nav a.passed {
        cursor: pointer;
    }
    #dhlde .tabs .tabs-container.first .progressbuttons .secondary,
    #dhlde .tabs .tabs-container.last .progressbuttons .primary {
        display: none;
    }
    #dhlde .tabs .tabs-container.last .buttons {
        float: right; /*form submit*/
    }
    /*author*/
    .cq-wcm-edit#dhlde .tabs:before {
        /*
        color: #99bbe8;
        content: "Tabs";
        display: block;
        font-weight: bold;
        line-height: 1.0;
        */
        padding: 1.5em 0 0 .5em;
    }
}
/**
 * component: teaser
 */
 @media all {
    #dhlde .teaser .content {
        margin-bottom: 16px;
    }
    #dhlde .teaser .curtain {
        margin-bottom: 28px;
    }
    .ie7 #dhlde .teaser .curtain {
        padding-bottom: 28px;
    }
    #dhlde .teaser > .cl > h2,
    #dhlde .teaser h2.moved,
    #dhlde #sidebar-right .teaser h2.hl {
        font-size: 16px;
        font-weight: normal;
        line-height: 18px;
        margin: 2px 0 6px 0;
        min-height: 36px;
        /*2 rows*/
        position: relative;
    }
    #dhlde .teaser > .cl > h2 a,
    #dhlde .teaser > .cl > h2 span {
        display: block;
        position: absolute;
        bottom: 0;
        background: none;
        padding: 0;
    }



    /*overwrite linkchecker styles*/
    #dhlde .teaser h2.hl a {
        background: none;
        padding: 0;
    }
    /*empty headlines*/
    #dhlde .teaser > .cl > h2.no_hl span,
    #dhlde .teaser > .cl > h2.no_hl a {
        cursor: default;
        text-decoration: none;
        text-indent: -5555px;
    }
    .cq-wcm-edit#dhlde .teaser > .cl > h2.no_hl span,
    .cq-wcm-edit#dhlde .teaser > .cl > h2.no_hl a {
        text-indent: 0;
    }
    /*outside colctrl*/
    #dhlde .teaser h2.moved {
        min-height: 1px;
    }
    #dhlde .teaser h2.moved a, #dhlde .teaser h2.moved span {
        position: static;
    }
    #dhlde .teaser .image {
        float: left;
        margin: 0 28px 10px 0;
        width: 200px;
        position: relative;
    }
    #dhlde .teaser .image img {
        box-shadow: 2px 2px 4px 0 #bbb;
        -moz-box-shadow: 2px 2px 4px 0 #bbb;
        -webkit-box-shadow: 2px 2px 4px 0 #bbb;
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
        width: 100%;
        position: relative;
    }
    #dhlde .teaser .richtext {
        float: left;
        width: 428px;
    }
    #dhlde .teaser .richtext p {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 3px;
    }
    #dhlde .teaser .richtext ul, #dhlde .teaser .richtext ol {
        padding-bottom: 3px;
    }
    #dhlde .col11 .teaser .image {
        float: left;
        margin: 0 10px 8px 0;
        width: 70px;
    }
    #dhlde .col11 .teaser .richtext .nobullet {
        clear: left;
    }
    #dhlde .col12-c1 .teaser h2.moved, #dhlde .col12-c1 .teaser .richtext, #dhlde .col21-c0 .teaser h2.moved, #dhlde .col21-c0 .teaser .richtext {
        float: left;
        width: 200px;
    }
    #dhlde .col11 .teaser > .cl > h2, #dhlde .col12-c0 .teaser > .cl > h2, #dhlde .col12-c0 .teaser .richtext, #dhlde .col21-c1 .teaser > .cl > h2, #dhlde .col21-c1 .teaser .richtext, #dhlde .col111 .teaser > .cl > h2, #dhlde .col111 .teaser .richtext {
        float: none;
        width: 100%;
    }
    #dhlde .col11 .teaser .richtext {
        float: left;
        width: 234px;
    }

    /*curtain teaser*/
    .js #dhlde .teaser .curtain {
        background-color: #fff;
        box-shadow: 2px 2px 4px 0 #bbb;
        -moz-box-shadow: 2px 2px 4px 0 #bbb;
        -webkit-box-shadow: 2px 2px 4px 0 #bbb;
        position: relative;
        overflow: hidden;
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
    }
    .js #dhlde .teaser .curtain > h2 {
        bottom: 0;
        font-size: 15px;
        line-height: 15px;
        min-height: 1px;
        margin: 0;
        position: absolute;
        left: 0;
        z-index: 1;
    }
    .js #dhlde .teaser .curtain > h2.open {
        position: static;
    }
    .js #dhlde .teaser .curtain > h2 a, .js #dhlde .teaser .curtain > h2 span {
        background: #fc0 url(common/img/icons/symbols.png) 100% -4287px no-repeat;
        color: #c00;
        padding: 8px 10px;
        position: static;
        cursor: pointer;
    }
    .js #dhlde .teaser .curtain > h2.open a,
    .js #dhlde .teaser .curtain > h2.open span {
        background-position: 100% -4387px;
    }
    .js #dhlde .teaser .curtain > h2.twolines a,
    .js #dhlde .teaser .curtain > h2.twolines span {
        background-position: 100% -4272px;
    }
    .js #dhlde .teaser .curtain > h2.open.twolines a,
    .js #dhlde .teaser .curtain > h2.open.twolines span {
        background-position: 100% -4370px;
    }
    .js #dhlde .teaser .curtain .image {
        margin-bottom: 31px;
        height: 94px;
        overflow: hidden;
        position: relative;
        z-index: 0;
    }
    .js #dhlde .teaser .curtain img {
        border: 1px solid #ededeb;
        border-bottom: none;
        border-right: none;
        box-shadow: 0 0 0 0 #fff;
        -moz-box-shadow: 0 0 0 0 #fff;
        -webkit-box-shadow: 0 0 0 0 #fff;
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
    }
    .js #dhlde .teaser .curtain .richtext {
        display: none;
        border-left: 1px solid #ededeb;
        padding: 10px 10px 0 10px;
        width: auto;
        min-height: 81px;
    }

    /*background teaser*/
    #dhlde .teaser .background {
        /* same css like coffer / background teaser / flipbox / shippingcalculator */
        background: #f7f7f6;
        background: -moz-linear-gradient(top, #f7f7f6 0%, #fff 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f6), color-stop(100%, #fff));
        background: -webkit-linear-gradient(top, #f7f7f6 0%, #fff 100%);
        background: -o-linear-gradient(top, #f7f7f6 0%, #fff 100%);
        background: -ms-linear-gradient(top, #f7f7f6 0%, #fff 100%);
        background: linear-gradient(to bottom, #f7f7f6 0%, #fff 100%);
        -pie-background: linear-gradient(top, #f7f7f6 0%, #fff 100%);
        border-top: 2px solid #DBDBDB;
        border-bottom: 1px solid #DBDBDB;
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
        padding: 12px;
        margin: 0 -12px 30px;
    }
    #dhlde .teaser .background h2.hl {
        margin-bottom: 18px;
    }
    #dhlde .teaser .background h2.hl.single {
        min-height: 18px;
    }
    #dhlde .teaser .background .richtext {
        width: 388px;
    }
    #dhlde .teaser .background .btn.primary {
        margin-top: 15px;
        float: left;
    }

    /*teaser in sidebar*/
    #dhlde #sidebar-right .teaser .content,
    #dhlde #sidebar-right .teaser .content.right,
    #dhlde #sidebar-right .section:first-child .teaser .content.right  {
        margin: 0 0 25px 0;
        background: #f7f7f6;
        border-top: 2px solid #dbdbdb;
        -webkit-border-radius: 0 10px 0 0;
        -moz-border-radius: 0 10px 0 0;
        -ms-border-radius: 0 10px 0 0;
        -o-border-radius: 0 10px 0 0;
        border-radius: 0 10px 0 0;
        box-shadow: -1px 1px 1px 0px #dbdbdb, 1px 2px 2px 0px #dbdbdb;
        -moz-box-shadow: -1px 1px 1px 0px #dbdbdb, 1px 2px 2px 0px #dbdbdb;
        -webkit-box-shadow: -1px 1px 1px 0px #dbdbdb, 1px 2px 2px 0px #dbdbdb;
        behavior: url(/etc/designs/relaunch/common/js/libs/pie/PIE.htc);
        padding: 12px;
        position: relative;
    }
    #dhlde #sidebar-right .teaser .content  {
        margin: 45px 0 25px 0;
    }
    #dhlde #sidebar-right .section:first-child .teaser .content  {
        margin: 23px 0 25px 0;
    }

    .js #dhlde #sidebar-right .teaser > .content > h2.hl {
        margin: -37px 0 19px -2px;
        width: 210px;
    }
    #dhlde #sidebar-right .teaser > .content > h2 a,
    #dhlde #sidebar-right .teaser > .content > h2 span {
        position: static;
    }

    #dhlde #sidebar-right .teaser h2.hl {
        float: none;
        width: auto;
        position: static;
        min-height: 1px;
        margin: 0 0 5px 0;
    }
    .js #dhlde #sidebar-right .teaser h2.hl {
        margin-left: 10px;
    }
    /*headline with image on right side*/
    #dhlde #sidebar-right .teaser h2.hl.has_img {
        margin-right: 44px;
    }
    #dhlde #sidebar-right .teaser h2.no_hl {
        display: none;
    }
    #dhlde #sidebar-right .teaser .image {
        display: none;
    }
    /*highlight teaser*/
    #dhlde #sidebar-right .teaser .highlight {
        position: relative;
    }
    .js #dhlde #sidebar-right .teaser .highlight .image {
        display: block;
        position: absolute;
        top: -40px;
        width: auto;
        float: none;
        right: -30px;
    }
    #dhlde #sidebar-right .teaser .highlight .image img {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }
    #dhlde #sidebar-right .teaser .highlight.yellow {
        background: #fc0;
    }
    #dhlde #sidebar-right .teaser .richtext {
        float: none;
        width: auto;
    }
    /* flyoutteaser - pageteaser */
    #dhlde .pageteaser {
        margin-top: 40px;
    }
    #dhlde .flyout .pageteaser {
        margin-top: 10px;
    }
    #dhlde .footer-content .pageteaser {
        margin: 20px 0;
    }
    #dhlde .pageteaser .image {
        float: left;
        width: 129px;
        height: 77px;
        margin-right: 10px;
        overflow: hidden;
    }
    #dhlde .pageteaser h2 {
        font-size: 18px;
        font-weight: normal;
        padding: 15px 0 0 0;
        line-height: 1.5;
        font-weight: normal;
    }
}
/**
 * component: track and trace dispatcher
 * description: form mask to enter tracking numbers
 */
 @media all {
    #dhlde .trackandtrace {
        clear: both;
        margin-bottom: 3em;
        position: relative;
    }
    #dhlde .trackandtrace .accordion > h2 {
        font-size: 16px;
        font-weight: normal;
        line-height: 18px;
    }
    .js #dhlde .trackandtrace .accordion > h2 {
        margin: 0 0 4px 10px;
    }
    .js #dhlde .trackandtrace .accordion > ul > li.open > h2 a {
        background: none;
        font-size: 14px;
        line-height: 16px;
        padding-bottom: 4px;
        padding-left: 10px;
        padding-top: 4px;
    }
    #dhlde .trackandtrace .accordion > ul > li > h2 a span {
        margin-top: 0;
    }
    .js #dhlde .trackandtrace .accordion > ul > li > div {
        padding: 0 10px 10px;
    }
    .js #dhlde .trackandtrace .accordionelement:first-child > h2:first-child {
		border-top: 2px solid #cfcfcf;
		border-radius: 0 15px 0 0;
	}
    #dhlde .trackandtrace .accordion .expandable {
        padding-bottom: 10px;
        padding-left: 0 !important;
    }
    #dhlde #sidebar-right .trackandtrace .accordion fieldset .expandable input.text, #dhlde #content-col .trackandtrace .accordion fieldset .expandable input.text {
        width: 92%
    }
    #dhlde .trackandtrace .accordion > ul > li > div.logistik {
        min-height: 40px;
    }
    #dhlde .coffer .colored .trackandtrace {
        margin-bottom: 0;
    }
    #dhlde .trackandtrace label {
        padding-bottom: .083em;
    }
    #dhlde #idc, #dhlde #idc1 {
        margin-right: 5px;
        float: left;
        width: 168px;
    }
    #dhlde .trackandtrace p {
        margin-bottom: .5em;
    }
    #dhlde .trackandtrace p.button {
        clear: left;
        margin-bottom: 0;
        min-height: 1.5em;
        position: relative;
    }
    #dhlde .trackandtrace p.button .submit {
        bottom: 0;
        position: absolute;
        right: 0;
    }
    #dhlde .trackandtrace p.button a {
        background: url(common/img/icons/symbols.png) no-repeat 2px -4096px;
        clear: left;
        display: block;
        float: left;
        padding-left: 13px;
        width: 60%;
    }
    #dhlde .coffer .trackandtrace p.button a {
        width: 55%;
    }
    #dhlde .trackandtrace #refSearch p.select select {
        float: left;
        margin-right: 10px;
    }
    #dhlde .trackandtrace #refSearch p.select label {
        float: left;
        margin-right: 10px;
    }
    #dhlde .trackandtrace #refSearch p.select span {
        float: left;
        width: 175px;
        display: block;
    }
    #dhlde .trackandtrace #refSearch p.select span select {
        width: 42px;
    }
    #dhlde .trackandtrace #refSearch p.select span #fromYearValue, #dhlde .trackandtrace #refSearch p.select span #toYearValue {
        width: 55px;
    }
    #dhlde .trackandtrace .form {
        margin-bottom: 0;
    }
    /*flags in richtext*/
    #dhlde .trackandtrace .uCond p a img {
        display: none;
    }
    #dhlde .trackandtrace .uCond p.flags a img {
        display: inline;
    }
    #dhlde .trackandtrace .uCond p.flags a {
        display: inline;
        background-image: none !important;
        padding: 0 !important;
        margin-right: 10px;
    }


    /*iframe from dhl.com*/

    #dhlde .trackandtraceresults iframe {
        width: 100%;
        min-height: 400px;
        margin: 0;
        border: none;
        padding: 0;
    }


    #dhlde .trackandtrace .statusMessage {
        height: 100%;
        display: none;
        left: 0;
        padding: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 101;
    }
    #dhlde .trackandtrace .statusMessage.ajax-loading {
        display: none;
        height: 81px;
        left: 8px;
        padding: 0;
        position: absolute;
        top: 86px;
        width: 459px;
        z-index: 101;
    }
    #dhlde .trackandtrace .statusMessage .statusMessageLayer {
        background-color: #FFFFFF;
        height: 100%;
        opacity: 0.7;
        filter:alpha(opacity=70);
        width: 100%;
    }
    #dhlde .trackandtrace .statusMessage .statusMessageLayer.ajax-loading {
        background: #e1e1e1 url(../dhlde/common/img/icons/ajax-loader-transparent.gif) no-repeat 50% 50%;
        background-color: #FFFFFF;
        height: 100%;
        opacity: 0.7;
        filter:alpha(opacity=70);
        width: 100%;
    }
    #dhlde .trackandtrace .statusMessage .statusMessageContent {
        display: none;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    #dhlde .trackandtrace .statusMessage .statusMessageContent p {
        background-color: #FFFFFF;
        border: 2px solid #cc0000;
        color: #000000;
        margin: 6em 2em 2em;
        padding: 1em;
    }
    /*author*/
	.cq-wcm-edit#dhlde .trackandtrace .accordion:before {
    content: "";
	}
}
/*PC Browser < 1024 and tablet landscape orientation */
 @media only screen and (max-width:1024px) {
    #dhlde .trackandtrace p.button a {
        background-position: -3px -2495px;
    }
}