/**
 * project: DHL.de
 * type: stylesheet
 * media: screen, projection, print
 * description: loader for stylesheets (popup)
 * @author: Heimann/Menzel, 2009.07.30
 * @copyright: dhl.de. All rights reserved.
 */





/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#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{overflow:auto;}
#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;}

/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#fff;}

#colorbox{}
	#cboxContent{margin-top:32px;}
		#cboxLoadedContent{background:#fff; border:2px solid #dbdbdb;}
                #cboxLoadingGraphic{background:url(/etc/designs/dhlde/common/js/libs/jquery-1-3-2/colorbox-1-2-6/images/loading.gif) center center no-repeat;}
                #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(/etc/designs/dhlde/common/js/libs/jquery-1-3-2/colorbox-1-2-6/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-position:-50px 0px; right:0;}
		#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;}



/**
 * 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;
	}
	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-size: 1em !important;
		font-weight: normal;
		line-height: 1.0 !important;
	}
	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;
	}
	
	/* body */
	html,
	body {
		background-color: #fff;
		color: #666;
	}
	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: #c00;
	}

	/* 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: 1.5; /* 18px */
	}

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


@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;
	}
}

/**
 * description: utility classes
 */

@media all {
	/* visibility classes */
	#dhlde .inv {
		visibility: hidden;
	}
	#dhlde .show {
		visibility: visible;
	}
	#dhlde .hd {
		height: 1em;
		left: -400em;
		overflow: hidden;
		position: absolute;
		width: 100em;
	}
	
	/* for clearing issues */
	#dhlde .cl:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}
	
	/* number */
	#dhlde .no {
		white-space: nowrap;
	}
	
	/* error and success messages */
	#dhlde .error,
	#dhlde .success {
		font-weight: bold;
	}
	
	/* loading indicator */
	#dhlde .loading {
	    background: transparent url(/etc/designs/dhlde/common/img/icons/ajax-loader.gif) no-repeat 50% 50%; 
	}
	
	/* 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;
	}
	
	/* forms */
	/* text and file upload fields */
	#dhlde input.text,
	#dhlde input.file {
		background-color: #fff;
	}
	#dhlde input.text {
		border: 1px solid #666;
	}
	/* checkboxes and radiobuttons */
	#dhlde input.checkbox,
	#dhlde input.radio {
		float: left;
		position: relative;
	}
	#dhlde input.checkbox {
		top: .083em;
	}
	#dhlde input.radio {
		top: .167em;
	}
	#dhlde .checkbox label,
	#dhlde .radio label {
		padding-left: 1.5em;
	}
	
	/* submit button (primary function) */
	#dhlde input.submit {
		background-color: #c00;
		border: 1px solid #c00;
		color: #fff;
		line-height: .833 !important;
		-moz-box-sizing: content-box; /* needed for FF to implement identical behaviour to text fields */
		outline: none;
		white-space: normal;
	}
	/* button (secondary function) */
	#dhlde input.button {
		background-color: #666;
		border: 1px solid #666;
		color: #fff;
	}

	/* symbol with helptext */
	#dhlde .symbol {
		background: transparent url(/etc/designs/dhlde/common/img/icons/symbols-2.gif) no-repeat 0 0;
		color: #666;
		margin-left: .5em;
		padding: .083em 0 .083em 16px;
		position: relative;
		text-decoration: none;
		z-index: 0;
	}
	#dhlde .symbol span {
		background: transparent url(/etc/designs/dhlde/components/richtext/img/shadow_infotext.png) no-repeat 100% 100%;
		font-size: .917em;
		left: -400em;
		line-height: 1.273;
		overflow: hidden;
		padding: .909em 1.182em 1.273em .909em;
		position: absolute;
		width: 16.364em; /* 180px */
		z-index: 1000;
	}
	#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) {
	#dhlde input.submit {
		padding: .25em .25em .333em;
	}
	#dhlde input.button {
		padding: .167em .25em;
	}
}

	
@media screen, projection {
	/* links (content wrapper specific) */
	#dhlde #content-wrapper a.external,
	#dhlde #content-wrapper a.jump,
	#dhlde #content-wrapper a.download {
		background-image: url(/etc/designs/dhlde/common/img/icons/symbols.gif);
		background-repeat: no-repeat;
		padding-left: 13px;
	}
	#dhlde #content-wrapper a.external {
		background-position: 0 -1196px;
	}
	#dhlde #content-wrapper a.jump {
		background-position: 0 -996px;
	}
	#dhlde #content-wrapper a.jumptarget {
		background-image: none;
		padding-left: 0;
	}
	#dhlde #content-wrapper a.download {
		background-position: 0 -1097px;
	}
	#dhlde #content-wrapper a.download dfn {
		color: #666;
		font-style: normal;
		position: static;
	}
	#dhlde #content-wrapper a.download:hover dfn,
	#dhlde #content-wrapper a.download:active dfn,
	#dhlde #content-wrapper a.download:focus dfn {
		color: #c00;
	}
	#dhlde #content-wrapper a.download span {
		background: url(/etc/designs/dhlde/common/img/icons/symbols-download.gif) 2px 0 no-repeat;
		display: inline-block;
		height: 13px;
		width: 18px;
	}
	#dhlde #content-wrapper a.auf span {
		background-position: 2px -100px;
	}
	#dhlde #content-wrapper a.doc span {
		background-position: 2px -200px;
	}
	#dhlde #content-wrapper a.img span {
		background-position: 2px -300px;
	}
	#dhlde #content-wrapper a.mov span {
		background-position: 2px -400px;
	}
	#dhlde #content-wrapper a.msi span {
		background-position: 2px -500px;
	}
	#dhlde #content-wrapper a.pdf span {
		background-position: 2px -600px;
	}
	#dhlde #content-wrapper a.ppt span {
		background-position: 2px -700px;
	}
	#dhlde #content-wrapper a.txt span {
		background-position: 2px -800px;
	}
	#dhlde #content-wrapper a.xls span {
		background-position: 2px -900px;
	}
	#dhlde #content-wrapper a.xpi span {
		background-position: 2px -1000px;
	}
	#dhlde #content-wrapper a.zip span {
		background-position: 2px -1100px;
	}
	#dhlde #content-wrapper a.exe span {
		background-position: 2px -1200px;
	}
	#dhlde #content-wrapper 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: 1000;
	}
	#dhlde .symbol:hover span {
		left: -.909em; /*10px*/
		top: 2.273em; /*25px*/
	}
	#dhlde #sidebar-right .symbol:hover span {
		left: -16.364em; /*180px*/
	}
}


@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;
	}

}

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

@media all {
	/* disclaimer styles in colorbox */
	#dhlde #messages {
		background: #fff;
		padding: 2em;
	}
	#dhlde #messages a {
		background: url(/etc/designs/dhlde/common/img/icons/symbols.gif) no-repeat 0 -194px;
		padding-left: 13px;
	}
	#dhlde #messages a.left {
		float: left;
	}
	#dhlde #messages a.right {
		float: right;
	}

	/* disclaimer styles in colorbox */
	#colorbox #cboxLoadedContent #disclaimer {
		background: #fff;
		padding: 20px 20px 5px 20px;
	}
	#colorbox #cboxLoadedContent #disclaimer p.cl {
		margin-bottom: 0;
	}
	#colorbox #cboxLoadedContent #disclaimer a {
		background: url(/etc/designs/dhlde/common/img/icons/symbols.gif) no-repeat 0 -194px;
		padding-left: 13px;
	}
	#colorbox #cboxLoadedContent #disclaimer a.left {
		float: left;
	}
	#colorbox #cboxLoadedContent #disclaimer a.right {
		float: right;
	}
}



/**
 * component: page (meta)
 * description: page structure for pages
 */

@media all {
	/* header */
	#dhlde #header {
		background: transparent url(/etc/designs/dhlde/page/img/bg-shadow-content-wrapper.png) no-repeat 0 100%;
		padding-bottom: 8px;
		position: relative;
		z-index: 100;
	}
	#dhlde #header .header-content {
		background-color: #fc0;
	}
	#dhlde #header .previewHint {
        font-size: 20px;
        left: 165px;
        position: absolute;
        top: 33px;
    }
	
	/* content wrapper */
	#dhlde #content-wrapper {
		clear: both;
		margin-top: -8px;
		z-index: 0;
	}
	
	/* footer */
	#dhlde #footer {
		clear: both;
	}
	#dhlde #footer .footer-content {
		position: relative;
	}
}


@media screen, projection {
	/*hs - advertising*/
	#dhlde #hswrapper {
		position: relative;
	}
	#dhlde #hstop {
		position: absolute;
		right: 0;
	}
	#dhlde #hsright {
		position: absolute;
		right: 0;
		top: 0; 
	}
	/* wrapper */
	#dhlde #wrapper {
		background: transparent url(/etc/designs/dhlde/page/img/bg-shadow-header.gif) no-repeat 100% 0;
		max-width: 98em;
		min-width: 72em;
		padding-right: 15px;
	}

	/* sidebar left */
	#dhlde #sidebar-left {
		float: left;
	}

	/* content column */
	#dhlde #content-col {
		float: left;
	}

	/* sidebar right */
	#dhlde #sidebar-right {
		background: transparent url(/etc/designs/dhlde/page/img/bg-shadow-content.gif) no-repeat 0 0;
		float: right;
		min-height: 36em;
	}

	/* footer */
	#dhlde #footer {
		background: transparent url(/etc/designs/dhlde/page/img/bg-shadow-footer.gif) no-repeat 100% 100%;
		margin-right: 25em;
		padding: 4em 10px 0 0;
	}
	#dhlde #footer .footer-content {
		background-color: #fc0;
		min-height: 5.6em;
	}
}


@media print {
	/* footer */
	#dhlde #footer {
		padding-top: 1em;
	}
	#dhlde #footer .footer-content {
		padding: 0 2em;
	}
	#dhlde #sidebar-right,
	#dhlde #hswrapper {
		display: none;
	}
	
}

/**
 * component: popup
 * description: page structure for popups
 */

@media all {
	/* header */
	#dhlde #header .header-content {
		background: #fc0 url(/etc/designs/dhlde/components/navigation/main-nav/img/bg-shadow-main-nav.gif) repeat-x scroll 0 100%;
		border-bottom: 10px solid #cc0000;
		height: 54px;
	}

	/* content wrapper */
	#dhlde #content-wrapper {
		padding-bottom: 3em;	
	}
}


@media screen, projection {
	/* wrapper */
	#dhlde #wrapper {
		background: none;
		max-width: 1000em;
		min-width: 0;
		padding-right: 0;
	}

	/* content column */
	#dhlde #content-col {
		float: none;
		padding: 4.5em 5em 0 4em;
	}

	/* footer */
	#dhlde #footer {
		background: none;
		bottom: 0;
		margin-right: 0;
		padding-right: 0;
		position: fixed;
		width: 100%;
	}
	#dhlde #footer .footer-content {
		min-height: 3em;
	}
}



/**
 * component: jump (shared component)
 * description: shared styles for all jump area components
 */

@media screen, projection {
	#dhlde .jumparea {
		position: absolute;
		width: 24em;
	}
	#dhlde .jumparea a {
		display: block;
		height: 1em;
		left: -400em;
		overflow: hidden;
		position: absolute;
		width: 100%;
	}
	#dhlde .jumparea a:active,
	#dhlde .jumparea a:focus {
		height: auto;
		left: 0;
		overflow: hidden;
		position: absolute;
		width: auto;
	}
}


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

/**
 * component: logo (meta)
 * description: dhl.de logo
 */

@media all {
	#dhlde .logo p {
		margin-bottom: 0;
	}
	#dhlde .logo a {
		display: block;
	}
}



/**
 * component: brand-logo
 * description: dhl.de logo
 */

@media all {
	#dhlde .brand-logo {
		left: 1.2em;
		position: absolute;
		top: 2em;
	}
	
	/* popup - template */
	#dhlde.popup .brand-logo {
		top: 0;
	} 
}



/**
 * 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 {
		background: transparent url(/etc/designs/dhlde/common/img/background/shadow.png) no-repeat 100% 100%;
		padding: 0 3px 4px 0;
		width: 100%; /* image will be stretched */
	}
    #dhlde .banner .image .img img {
        background:none;
        padding:0;
    }	
	/* zoom icon */
	#dhlde #content-wrapper .image a span {
		background: #fff url(/etc/designs/dhlde/common/img/icons/symbols.gif) no-repeat 2px -1798px;
		bottom: 4px;
		display: block;
		height: 11px;
		padding: 2px;
		position: absolute;		
		right: 0;		
		width: 11px;
	}
}
@media print {
	#dhlde .image {
		display: none;
	}
}

/**
 * component: teaser
 * description: styles for a content teaser
 */

@media all {
	#dhlde .teaser {
		clear: both;
	}
	#dhlde .teaser .teasergap {
		margin-bottom: 2em;
		padding-bottom: 0;
	}
	#dhlde .teaser .expandablelinklist {
		margin-bottom: 0;
	}
	#dhlde .teaser:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}
	/* headline */
	#dhlde .teaser h2 {
		margin-bottom: .5em;
	}
	#dhlde #content-wrapper .teaser h2 a.external,
	#dhlde #content-wrapper .teaser h2 a.jump,
	#dhlde #content-wrapper .teaser h2 a.download {
		background: none;
		padding-left: 0;
	}
	/* text */
	#dhlde .teaser p {
		line-height: 1.25;
		margin-bottom: .25em;
	}
	#dhlde .teaser .richtext ul,
	#dhlde .teaser .richtext ol {
		padding-bottom: .25em;
	}
	
	/* images */
	#dhlde .teaser .image-size-big300,
	#dhlde .teaser .image-size-big,
	#dhlde .teaser .image-size-small {
		clear: both;
		float: left;
		margin: .2em 0 .3em 0;
		padding-right: 1em; /* 10px */
	}
	#dhlde .teaser .image-size-big {
		width: 22em; /* 220px 70px */
	}
	#dhlde .colctrl-lt0 .teaser .image-size-big,
	#dhlde #sidebar-right .teaser .image-size-big,
	#dhlde .colctrl-lt0 .teaser .image-size-big300,
	#dhlde #sidebar-right .teaser .image-size-big300 {
		padding: 0;
		float: none; /*DHL-480*/
	}
	#dhlde .teaser .image-size-small {
		width: 7em;
	}
	#dhlde .teaser .image-size-big300 {
        width: 30em; /* 300px */
    }
    #dhlde.homepage .teaser .image-size-big300 {
        padding: 0;
    }
	/* images right */
    #dhlde .teaser .image-size-big300.right,
    #dhlde .teaser .image-size-big.right,
    #dhlde .teaser .image-size-small.right {
        float: right;
        margin: .2em 0 .3em 0;
        padding-left: 1em; /* 10px */
    }
	/* links*/
	#dhlde .teaser .image-size-big a,
	#dhlde .teaser .image-size-small a {
		display: block;
	}
	/* coffer in cctrl */
	#dhlde .colctrl-lt0 .colored .teaser .image-size-big,
	#dhlde .colctrl-lt0 .colored .teaser .image-size-big300,
	#dhlde .colctrl-lt0 .teaser .image-size-big300 {
		width: 100%;
	}
	#dhlde #sidebar-right .teaser .teasergap.border {
		border-bottom: .1em solid #dbdbdb;
		margin-bottom: 1em;
		padding-bottom: .8em;
	}
}
@media print {
	#dhlde .teaser .image-size-big300,
	#dhlde .teaser .image-size-big,
	#dhlde .teaser .image-size-small {
		display: none;
	}
	
}


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

@media all {
    #dhlde .article {
        clear: both;
        margin-bottom: 1.5em;
    }
    #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-top: .3em;
    }
    #dhlde .article .object-left {
        float: left;
        padding-right: 2em;
    }
    #dhlde .article .object-right {
        float: right;
        padding-left: 2em;
    }
    #dhlde .article .object-left p,
    #dhlde .article .object-right p {
        font-size: 1.1em;
        line-height: 1.273;
    }
    #dhlde .article .size-s {
        width: 22em; /* 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: richtext
 * description: styles for the richtext editor output
 */

@media all {
	#dhlde .richtext em {
		font-style: italic;
	}
	#dhlde .richtext h3 a,
	#dhlde .richtext h4 a {
		background-image: none;
		padding-left: 0;
	}
	/* 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;
	}

	/* 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 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: 100;
	}
	#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;
	}
	
}
	

@media screen, projection {
	/* richtext: links */
	#dhlde .richtext a {
		background-image: url(/etc/designs/dhlde/common/img/icons/symbols.gif);
		background-position: 0 -196px;
		background-repeat: no-repeat;
		padding-left: 13px;
	}
	/* richtext: specials */
	#dhlde .richtext .infotext {
		background: transparent url(/etc/designs/dhlde/common/img/icons/symbols-2.gif) no-repeat 100% 0;
		color: #000;
		padding: 1px 20px 1px 0;
	}
	#dhlde .richtext .infotext:hover {
		position: relative;
		z-index: 1000;
	}
	#dhlde .richtext .infotext span.infotext-inner {
		background: transparent url(/etc/designs/dhlde/components/richtext/img/shadow_infotext.png) no-repeat 100% 100%;
		color: #666;
		font-size: .917em;
		font-weight: normal;
		left: -400em;
		line-height: 1.273;
		overflow: hidden;
		padding: .909em 1.182em 1.273em .909em;
		position: absolute;
		width: 16.364em; /* 180px */
		z-index: 1000;
	}	
	#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: 0 -798px;
		padding-left: 15px;
	}
	#dhlde .richtext .morelink a.open {
		background-position: 0 -1599px;
	}

	#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;
	}
}


@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;
	}
}

/**
 * component: expandable area
 * description: styles for the expandable area module
 */

@media all {
	#dhlde .expandablearea {
		clear: both;
	}
	/* area title */
	#dhlde .expandablearea h2.area-title {
		font-size: 1.2em;
		line-height: 1.5;
		margin-bottom: .167em;
	}
	#dhlde .expandablearea h2.area-title a {
		background: url(/etc/designs/dhlde/common/img/icons/symbols.gif) 0 -1597px no-repeat;
		color: #000;
		cursor: pointer;
		display: inline-block;
		padding-left: 1.333em;
	}
	#dhlde .expandablearea .closed h2.area-title a {
		background-position: 0 -796px;
	}
	/* toggle area */
	#dhlde .expandablearea div.expandable {
		border-bottom: 1px solid #dbdbdb;
		margin-bottom: 1em;
	}
	
	/* if last - margin-bottom */
	#dhlde .expandablearea div.last {
		margin-bottom: 2.2em;
	}
}


@media screen, projection {
	#dhlde .expandablearea h2.area-title a:hover,
	#dhlde .expandablearea h2.area-title a:active,
	#dhlde .expandablearea h2.area-title a:focus {
		color: #c00;
	}

	/* in sidebar-right */
	#dhlde #sidebar-right .expandablearea .image-size-big {
		width: 20em;
	}
}

/**
 * component: downloadbox
 * description: styles for a downloadbox list
 */

@media all {
	#dhlde .downloadbox {
		clear: both;
		margin-bottom: 1.5em;
	}
	#dhlde .downloadbox ul {
		margin-bottom: 1em;
	}
	#dhlde .downloadbox li {
		clear: left;
		list-style: none;
	}
	#dhlde .downloadbox a.download {
		display: block;
		clear: left;
		float: left;
		margin-bottom: .083em;
	}
}

/**
 * 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: link-dropdown
 * description: dropdown with a collection of links
 */

@media all {
	#dhlde .link-dropdown {
		clear: both;
		margin-bottom: 3em;
	}
	#dhlde .link-dropdown h2 {
		color: #c00; /* styleguide has an error here! should be black */
	}
	#dhlde .link-dropdown fieldset {
		position: relative;
	}
	#dhlde .link-dropdown p {
		margin-bottom: .5em;
	}
	#dhlde .link-dropdown form p {
		margin-bottom: 0;
	}
	#dhlde .link-dropdown form select,
	#dhlde .link-dropdown form input {
		float: left;
	}
	#dhlde .link-dropdown form select {
		max-width: 75%;
	}
	#dhlde .link-dropdown form input {
		margin-left: .833em;
		margin-top: .083em; 
	}
	/* variant: inside column control or sidebar */
	#dhlde .colctrl-lt0 .link-dropdown form select,
	#dhlde #sidebar-left .link-dropdown form select,
	#dhlde #sidebar-right .link-dropdown form select {
		max-width: 60%;
	}
	/* variant: inside coffer */
	#dhlde .coffer .colored .link-dropdown {
		margin-bottom: 0;
	}
	#dhlde .coffer .colored .link-dropdown h2 {
		color: #000;
		font-size: 1.2em;
	}
}


/* target webkit based (safari,chrome) browsers */
@media all and (-webkit-min-device-pixel-ratio:0) {
	#dhlde .link-dropdown form input {
		margin-top: 0; 
	}
}

@media print {
	#dhlde .link-dropdown h2 {
		color: #000; 	
	}
}

/**
 * component: column control
 * description: styles for a two column layout
 */

@media all {
	#dhlde .colctrl-lt0 {
		clear: both;
	}
}
	

@media screen, projection {
	#dhlde .colctrl-lt0-c0,
	#dhlde .colctrl-lt0-c1 {
		width: 47.92%; /*230px*/
	}
	#dhlde .colctrl-lt0-c0 {
		float: left;
	}
	#dhlde .colctrl-lt0-c1 {
		float: right;
	}
}


@media print {
	#dhlde .colctrl-lt0-c0,
	#dhlde .colctrl-lt0-c1 {
		overflow: visible;
		width: 100%;
	}

/* TODO: Temp code !!! */
	#dhlde .colctrl-lt0-c0,
	#dhlde .colctrl-lt0-c1 {
		width: 47.92%; /*230px*/
	}
	#dhlde .colctrl-lt0-c0 {
		float: left;
	}
	#dhlde .colctrl-lt0-c1 {
		float: right;
	}
}


/* Safari + Chrome */
@media print and (-webkit-min-device-pixel-ratio:0) {
	#dhlde .colctrl-lt0-c0,
	#dhlde .colctrl-lt0-c1 {
		overflow: hidden;
		width: 47.92%; /*230px*/
	}
    #dhlde .colctrl-lt0-c0 {
		float: left;
	}
	#dhlde .colctrl-lt0-c1 {
		float: right;
	}
} 
/**
 * component: separator
 * description: divides components
 */

@media all {
	#dhlde .separator {
		clear: both;
		padding-bottom: 1em;
	}
	#dhlde .separator hr {
		display: block;
		width: 100%;
	}
}


@media screen, projection {
	#dhlde .separator hr {
		border-top: 1px solid #dbdbdb;
		border-right: 0;
		border-bottom: 2px solid #f5f5f5;
		border-left: 0;
	}
}


@media print {
	#dhlde .separator hr {
		border: 1px solid #dbdbdb;
		border-width: 1px 0 0;
	}
}

/**
 * component: expandablelinklist
 * description: a expandable linklist
 */

@media all {
	#dhlde .expandablelinklist {
		clear: both;
		margin-bottom: 2.5em;
	}
	#dhlde .expandablelinklist li {
		list-style: none;
	}
	#dhlde .expandablelinklist h3 {
		font-size: 1em;
		margin-bottom: .083em;
	}
	#dhlde .expandablelinklist h3 a {
		background: url(/etc/designs/dhlde/common/img/icons/symbols.gif) 0 -1597px no-repeat;
		color: #000;
		cursor: pointer;
		display: inline-block;
		font-weight: normal;
		padding-left: 1.333em;
	}
	#dhlde .expandablelinklist .closed h3 a {
		background-position: 0 -796px;
	}
}


@media screen, projection {
	#dhlde .expandablelinklist h3 a:hover,
	#dhlde .expandablelinklist h3 a:active,
	#dhlde .expandablelinklist h3 a:focus {
		color: #c00;
	}
}

@media print {
	#dhlde .expandablelinklist h3 a {
		padding-left: 0;
	}
}
/**
 * component: linklistitem
 * description: items for a expandable linklist
 */

@media all {
	#dhlde .linklistitem ul {
		margin: .167em 0 .333em;
		padding-left: 1.167em; /* 14px; */
	}
	#dhlde .linklistitem li {
		list-style: none;
		padding: 0;
	}
	#dhlde .linklistitem li a {
		background: url(/etc/designs/dhlde/common/img/icons/symbols.gif) 0 -195px no-repeat;
		display: block;
		margin-bottom: .167em;
		padding-left: 1.167em; /* 14px */
	}
}
/**
 * component: tabs.
 * description: tabs for grouping inline content 
 */

@media all {
	#dhlde .tabs {
		clear: both;
		overflow: hidden;
		padding-bottom: 3em;
		position: relative;
		width: 100%;
	}
	#dhlde .tabs .tabs-hide {
        left: -5000px;
        position: absolute;
        width: 1px !important;
    }
    /* Skin */
	#dhlde .tabs .tabs-nav {
	    list-style: none;
	    margin: 0;
	    width: 1500px;
	}
	#dhlde .tabs .tabs-nav:after {
	    display: block;
	    clear: both;
	    content: " ";
	}
	#dhlde .tabs .tabs-nav li {
	    float: left;
	    margin: 0 0 0 .167em;
	}
	#dhlde .tabs .tabs-nav a {
		background-image: none !important;
		background-color: #F5f5f5;
	 	border: 1px solid #dbdbdb;
		border-bottom: none;
	    color: #666;
	    display: block;
	    font-size: .917em; /* 11px */
	    font-weight: bold;
		line-height: 1.182; /* 13px */
	    margin-top: .455em; /* 5px */
	    padding: .273em 1.364em !important;
	    text-align: center;
		white-space: nowrap;
	}
	/* selected */
	#dhlde .tabs .tabs-nav .tabs-selected a {
		background-color: #fff;
    	border-bottom: 1px solid #fff;
	    color: #000;
		font-size: 1em;
		line-height: 1.083;
    	margin-top: 0;
    	padding: .5em 1.25em .333em !important;
    	position: relative;
    	top: 1px;
		/*safarie + chrome*/
		top: 2px;
	}
	/* container */
	#dhlde .tabs .tabs-container {
    	background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
    	border-top: .1em solid #dbdbdb;
    	padding: 2.1em 0 1em;
  		width: 100%;
		z-index: 0;
	}
	/* colored variant */
	#dhlde .tabs .colored {
		margin-bottom: 0;
	}
	#dhlde .tabs .colored .tabs-nav {
	    margin-left: 1em;
	}
	#dhlde .tabs .colored .tabs-nav-wrap .tabs-nav {
		margin-left: 0;
	}
	#dhlde .tabs .colored .tabs-nav a {
		background: #fff;
	}
	#dhlde .tabs .colored .tabs-selected a {
	    background: #f2f2ed;
		border-bottom-color: #f2f2ed;
	}
	#dhlde .tabs .colored .tabs-container {
		background: #f2f2ed url(/etc/designs/dhlde/common/img/background/coffer_ur.gif) no-repeat scroll 100% 100%;
		border-top: none;
		padding: 0;
		width: auto;
	}
	#dhlde .tabs .colored .tabs-container .tabs-inner {
		padding: 2.1em 1em 1em;
		background: transparent url(/etc/designs/dhlde/common/img/background/coffer_ol.gif) no-repeat scroll 0 0;
		position: relative;
		top:-3px;
		left:-2px;
	}
	/* tabnavigation */
	#dhlde .tabs a.tableft,
	#dhlde .tabs a.tabright {
		background: url(/etc/designs/dhlde/common/img/icons/symbols-2.gif) no-repeat 0 -200px;
		display: block;
		height: 1.6em;
		position: absolute;
		top: .8em;
		width: 1.6em;
		z-index: 3;
	}
	#dhlde .tabs a.tableft {
		left: 4px;
	}
	#dhlde .tabs a.tabright {
		background-position: 0 -100px;
		right: 4px;
	}
	/* tabs nav wrapper */
	#dhlde .tabs .tabs-nav-wrap {
		margin: 0 2.5em;
		padding-bottom: 1px;
		position: relative;
		overflow: hidden;
		top: 1px;
		z-index: 99;
	}
	#dhlde .tabs .tabs-nav-wrapp {
		overflow: hidden;
		padding-bottom: 1px;
		position: relative;
		top: 1px;
		width: 100%;
		z-index: 99;
	}
}


@media screen, projection {
	/* hover */
	#dhlde .tabs .tabs-nav a:hover, 
	#dhlde .tabs .tabs-nav a:focus, 
	#dhlde .tabs .tabs-nav a:active {
		color: #c00;
	}
}


@media print {
	#dhlde .tabs .tabs-nav .tabs-selected a {
    	border-bottom-color: #fff !important;
	}
	#dhlde .tabs .colored .tabs-selected a {
		border-bottom-color: #f2f2ed !important;
	}
}
/**
 * component: form
 * description: styles for a generic forms component
 */

@media all {
	#dhlde .form {
		clear: both;
		margin-bottom: 2.7em;
	}	
	#dhlde .coffer .colored .form {
		margin-bottom: 0;
	}	
	#dhlde .form fieldset {
		width: 100%;
	}
	
	/* errors */
	#dhlde .form .error,
	#dhlde .form .error label {
		color: #c00;
		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 input.text {
		padding: .083em;
	}
	#dhlde .form input.file {
	}
	#dhlde .form input.submit {
		float: right;
		margin-left: 1em;
	}
	#dhlde .form input.button {
		float: left;
		margin-right: 1em;
	}
	/* field container: sizes */
	#dhlde .form p.field {
		clear: both;
	}
	#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 {
		width: 8.75em; /* 105px */
	}
	#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 {
		width: 19.167em; /* 230px */
	}
	#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 {
		width: 29.583em; /* 355px */
	}
	#dhlde .form p.size-l input.text,
	#dhlde .form p.size-l textarea,
	#dhlde .form p.size-l label {
		width: 99.2%; /* 476px */
	}
	#dhlde .form p.size-l select {
		width: 100%; /* 480px */
	}
	/* field container: checkbox, radio */
	#dhlde .form p.checkbox,
	#dhlde .form p.radio {
		margin-bottom: .5em;
	}
	/* field container: buttons */
	#dhlde .form .buttons {
		clear: both;
	}
	#dhlde .form .buttons p {
		margin-bottom: 0;
	}
	/* field container: symbol */
	#dhlde .form .error .symbol span {
		font-weight: normal;
	}

	/* captcha */
	#dhlde .form .captcha {
		margin-bottom: 2em;
	}
	#dhlde .form .captcha input.text,
	#dhlde .form .captcha input.submit {
		float: left;
		margin-top: .333em;
	}
	#dhlde .form .captcha img {
		float: left;
		margin-left: 1.667em;
	}
	#dhlde .form .captcha a.refresh {
		background: transparent url(/etc/designs/dhlde/common/img/icons/symbols.gif) no-repeat 0 -194px;
		float: left;
		margin: .5em 0 0 .833em;
		padding-left: 13px;
	}

	/* column control */
	#dhlde .colctrl-lt0 .form p.size-s input.text,
	#dhlde .colctrl-lt0 .form p.size-m input.text,
	#dhlde .colctrl-lt0 .form p.size-l input.text,
	#dhlde .colctrl-lt0 .form p.size-s textarea,
	#dhlde .colctrl-lt0 .form p.size-m textarea,
	#dhlde .colctrl-lt0 .form p.size-l textarea,
	#dhlde .form .colctrl-lt0 p.size-s input.text,
	#dhlde .form .colctrl-lt0 p.size-m input.text,
	#dhlde .form .colctrl-lt0 p.size-l input.text,
	#dhlde .form .colctrl-lt0 p.size-s textarea,
	#dhlde .form .colctrl-lt0 p.size-m textarea,
	#dhlde .form .colctrl-lt0 p.size-l textarea,
	#dhlde #sidebar-right .form p.size-s input.text,
	#dhlde #sidebar-right .form p.size-m input.text,
	#dhlde #sidebar-right .form p.size-l input.text,
	#dhlde #sidebar-right .form p.size-s textarea,
	#dhlde #sidebar-right .form p.size-m textarea,
	#dhlde #sidebar-right .form p.size-l textarea {
		width: 98.3%; /* 226px */
	}
	#dhlde .colctrl-lt0 .form p.size-s select,
	#dhlde .colctrl-lt0 .form p.size-m select,
	#dhlde .form .colctrl-lt0 p.size-s select,
	#dhlde .form .colctrl-lt0 p.size-m select,
	#dhlde #sidebar-right .form p.size-s select,
	#dhlde #sidebar-right .form p.size-m select {
		width: 100%; /* 230px */
	}
	#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 */
	}
	#dhlde .expandableelementsarea {
		clear: both;
	}
	/* 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;
	}
}

/**
 * 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(/etc/designs/dhlde/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;*/
	}
	/*special elements*/
	#dhlde .progressbar ul li.first {
		background: none;
		padding: 0;
	}
	#dhlde .progressbar ul li.current {
		background: #fff url(/etc/designs/dhlde/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(/etc/designs/dhlde/components/progressbar/img/progressbar.gif) no-repeat 0 -100px; 
	}
	#dhlde .progressbar ul li.inactive a {
		color: #d1d1d1;
	}
}


@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;
	}
}

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

@media all {
	#dhlde .coffer {
		clear: both;
		margin-bottom: 1.5em;
	}
	#dhlde .coffer .colored {
		background: #f2f2ed url(/etc/designs/dhlde/common/img/background/coffer_ur.gif) no-repeat 100% 100%;
	}
	#dhlde .coffer .colored .colored {
		background-color: transparent;
		background-image: none;
		padding: 0;
	}
	#dhlde .coffer .colored .parsys {
		padding: 1em;
		background: transparent url(/etc/designs/dhlde/common/img/background/coffer_ol.gif) no-repeat 0 0;
		position: relative;
		top:-3px;
		left:-3px;
	}
	#dhlde .coffer .colored .parsys .parsys {
		padding: 0;
		background: none;
		position: static;
	}
}

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

@media all {
	#dhlde .subpagedropdown {
		clear: both;
		margin-bottom: 3em;
	}
	#dhlde .subpagedropdown p {
		margin-bottom: .5em;
	}
	/* form */
	#dhlde .subpagedropdown .subpagedropdown-form fieldset {
		position: relative;
	}
	#dhlde .subpagedropdown .subpagedropdown-form p {
		margin-bottom: 0;
	}
	#dhlde .subpagedropdown .subpagedropdown-form select,
	#dhlde .subpagedropdown .subpagedropdown-form input {
		float: left;
	}
	#dhlde .subpagedropdown .subpagedropdown-form select {
		max-width: 75%;
	}
	#dhlde .subpagedropdown .subpagedropdown-form input {
		margin-left: .833em;
		margin-top: .083em; 
	}
	/* section */
	#dhlde .subpagedropdown .subpagedropdown-section {
		padding-top: 1.5em;
	}
	/* loading info */
	#dhlde .subpagedropdown .subpagedropdown-section p.loading {
		background: transparent url(/etc/designs/dhlde/components/subpagedropdown/img/loading.gif) no-repeat 0 0;
		height: 29px;
		line-height: 2.417;
		margin: 0 auto;
		padding-left: 35px;
		width: 20em;
	}

	/* variant: inside column control or sidebar */
	#dhlde .colctrl-lt0 .subpagedropdown .subpagedropdown-form select,
	#dhlde #sidebar-left .subpagedropdown .subpagedropdown-form select,
	#dhlde #sidebar-right .subpagedropdown .subpagedropdown-form select {
		max-width: 60%;
	}
	/* variant: inside coffer */
	#dhlde .coffer .colored .subpagedropdown h2 {
		font-size: 1.2em;
	}
}

/* target webkit based (safari,chrome) browsers */
@media all and (-webkit-min-device-pixel-ratio:0) {
	#dhlde .subpagedropdown .subpagedropdown-form input {
		margin-top: 0; 
	}
}

/**
 * component: application
 * description: styles for an external application in an iframe
 */

@media all {
	#dhlde .application {
		clear: both;
	}
	#dhlde .application iframe {
		border: 0;
		width: 100%;
	}
}



/**
 * component: footer-nav
 * description: navigation links in the footer
 */

@media screen, projection {
	#dhlde .footer-nav {
		float: right;
		padding: 1.8em 1.4em 0 0;
		width: auto;
	}
	#dhlde .footer-nav ul {
		float: left;
	}
	#dhlde .footer-nav li {
		font-size: 1em;
	}
	#dhlde .footer-nav li a {
		background: url(/etc/designs/dhlde/common/img/icons/symbols.gif) no-repeat -5px -1996px;
		line-height: 1.2;
		padding: 0 .6em 0 7px;
	}
	#dhlde .footer-nav li.first a {
		background-position: 109% -1996px;
	}
	#dhlde .footer-nav li.second a {
		background-image: none;
 	}
	/* icons for mail + print */
	#dhlde .footer-nav li.mail,
	#dhlde .footer-nav li.print {
   		background-image: url(/etc/designs/dhlde/common/img/icons/symbols.gif);
   	 	background-repeat: no-repeat;
	}
	#dhlde .footer-nav li.mail {
    	background-position: 0 1px;
    	padding-left: 10px;
	}
	#dhlde .footer-nav li.print {
   		background-position: 6px -110px;
	    padding-left: 16px;
	}
	
	/* popup - template */
	#dhlde.popup .footer-nav {
		padding: .8em 1.4em 0 0;
	}
}


@media print {
	#dhlde .footer-nav {
		display: none;
	}
}

/**
 * component: jump area footer
 * description: jump area in footer division
 */

@media screen, projection {
	#dhlde .jump-area-footer {
		bottom: 1.2em;
		position: absolute;
		left: 1em;
		width: 26em;
	}
}