/* overwrite base */
sup,
sub {
    vertical-align: baseline;
    position: relative;
    }
	sup {
	    top: -0.4em;
	    }
	sub {
	    bottom: -0.2em;
	    }
	    
/* frame */
.main {
	position: relative;
	z-index: 2;
	}
	.main .page {
		min-height: 421px;
		_height: 421px;
		padding: 20px 0;
		}
.page {
	position: relative;
	width: 947px;
	margin-left: 30px;
	}
	#js .page {
		visibility: hidden;
		}
	#js .visible {
		visibility: visible;
		}
.section {
	clear: both;
	margin-bottom: 20px
	}

.leftcol {
	position: relative;
	display: inline;
	float: left;
	width: 390px
	}
	.box {
		position: relative;
		z-index: 50;
		background: url(../static/img/bg_main.png) no-repeat 0 0;
		padding: 1px 0 2.1em;
		margin-bottom: 5px
		}
		#nojs .box {
			padding-bottom: 0;
			}
			#nojs .formatbrowser {
				border-bottom: 1px solid #eceae6;
				}
	.topbox {
		position: relative;
		margin-bottom: 1em;
		padding-top: 6px;
		background: url(../static/img/bg_main.png) no-repeat 0 0;
		z-index: 51;
		}
.rightcol {
	display: inline;
	float: right;
	width: 472px;
	clear: right;
	}
	.start {
		width: 522px;
		}
		.start h2 {
			margin-left: 50px;
			}
.footnote {
	margin-bottom: 2em;
	clear: both;
	}
	.footnote .page {
		padding-top: 50px;
		color: #999;
		text-align: right;
		}

/* info icons */
a.info,
a.doubleinfo {
	display: block;
	position: absolute;
	text-align: center;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../static/img/icon_i.png) no-repeat right 0;
	z-index:1;
	}
a.doubleinfo {
	width: 30px;
	height: 20px;
	}
	span a.info {
		top: 1px;
		right: -26px;
		width: 21px;
		height: 21px;
		margin: 0;
		padding: 0;
		}
	span a.doubleinfo {
		top: -0.1em;
		right: -26px;
		margin: 0;
		padding: 0;
		background-position: right -51px
		}
	dt a.info {
		top: 0.2em;
		right: 0;
		width: 19px;
		height: 19px;
		background-position: right -71px
		}
	dt a.doubleinfo {
		top: 0.2em;
		right: 0;
		width: 30px;
		height: 20px;
		background-position: right -121px;
		}

/* pulldowns, products */
#js .pulldown {
	display: none;
	}
.pulldown-wrap {
	position: relative;
	font-size: 1.25em;
	z-index: 33
	}
	.products .pulldown-wrap,
	.products .int {
		padding-bottom: 4px;
		background: url(../static/img/bg_products.png) no-repeat 0 bottom;
		z-index: 30
		}
	.products .sum {
		z-index: 29
		}
	.sum li:last-child div,
	.sum li.lastChild div{
		padding-bottom: 1em;
		}
	.sum .note {
		padding: 1em;
		font-size: 0.7em;
		line-height: 1.2em;
		}
ul.pulldown {
	width: 100%;
	height: auto;
	overflow: auto;
	z-index: 22
}
ul.jspulldown {
	padding-bottom: 4px;
	background: url(../static/img/bg_products.png) no-repeat 0 bottom
	}
.allproducts div {
	font-weight: 700
	}

.products .allproducts,
.products .otherproducts {
	margin: 0 5px;
	padding: 0 0 10px;
	list-style: none;
	}
	.products .allproducts li,
	.products .otherproducts li {
		display: inline;
		float: left;
		width: 48.5%;
		margin-left: 4px;
		padding: 0;
		font-size: 1.25em;
		}
		.allproducts li a {
			font-weight: 700;
			}
.allproducts {
	border-bottom: 2px groove #fff;
	}

	.products ul.otherproducts li {
		font-size: 0.85em;
		}
		ul.otherproducts li a,
		.products ul.otherproducts li a:hover,
		.products ul.otherproducts li a:focus {
			color: #7d6400;
			}
.pulldown a,
.pulldown b,
.pulldown div.clearfix,
.products .int a{
	display: block;
	margin: 0 4px 0 3px;
	padding: 1px 4px;
	overflow: hidden;
	}
.pulldown div.clearfix {
	font-size: 0.85em;
	line-height: 1em;
	}
.pulldown b{
	padding: 1px 4px 0;
	}
	.pulldown ul b{
		padding-bottom: 10px;
		}
.pulldown-wrap b {
	background: #fc0 url(../static/img/icons.png) no-repeat right 0
	}
	.pulldown-wrap b:hover,
	.pulldown-wrap .hover {
		cursor: pointer;
		}

	.pulldown .name {
		display: inline;
		float: left;
		position: relative;
		}
		.pulldown .name .indent {
			margin-left: 1.2em;
			}
	.pulldown .price {
		display: inline;
		float: right;
		margin-left: 5px;
		margin-right: 30px;
		white-space: nowrap;
		}

.pulldown ul {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	_left: -3px;
	z-index: 170;
	}

	.sum ul {
		z-index: 160;
		}
	.pulldown-open b {
		background-image: none;
		line-height: 1.5em;
		}
		.pulldown li.other {
			display: block;
			margin: 0 3px;
			padding-top: 0.5em;
			border-top: 1px dotted #000;
			}
			.pulldown li.other,
			.pulldown li.other ~ li {
				font-size: 0.8em;
				}
				.pulldown li.tiny {
					font-size: 0.8em;
					}
			.pulldown li.other a {
				margin: 0;
				padding: 1px 4px;
				}
		.pulldown li#reset {
			display: block;
			padding: 1em 0 5px;
			font-size: 1em;
			}
	
	.pulldown ul a:hover,
	.pulldown ul a:focus,
	.products .int a:hover,
	.products .int a:focus {
		text-decoration: none;
		background-color: #ffe88a
		}

/* page preloader */
#preloader {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 947px;
	height: 100%;
	z-index: 310;
	}
	#preloader img {
		display: block;
		margin: 130px auto;
		padding: 10px;
		background: #fff;
		}

/* messages */
.msg {
	clear: both;
	margin: 0.1em 0 0.2em -18px;
	padding: 0.05em 0.1em 0.1em 35px;
	}
	.msg-error {
		color: #fff;
		background: #f00 url(../static/img/bg_error.png) no-repeat 0 0;
		}
	.msg-info,
	.msg-warning {
		color: #000;
		background: #fc0 url(../static/img/bg_warning.png) no-repeat 0 0;
		}

/* input: count */
.countcountry {
	padding: 0 1px 6px 5px;
	font-size: 1.25em;
	background: url(../static/img/bg_main.png) no-repeat 0 bottom;
	}
	#count {
		width: 65px;
		margin-left: 5px;
		padding: 1px;
		font-size: 1em;
		border: 1px solid #777;
		}

/* input: autocompleter country */
#ac_country {
	position: absolute;
	top: 6px;
	right: 29px;
	width: 190px;
	height: 1.2em;
	padding: 1px 2px;
	font-size: 1em;
	border: 1px solid #777;
	}
.ac_results {
	z-index: 99999;
	overflow: hidden;
	min-width: 194px;
	width: auto !important; /* necessary because autocomplete adds width style derived from #country. #country needs this css/js setup in order to show properly in js & non-js.*/
	border: 1px solid #C2C1BF;
	background: #fff
	}
	.ac_results ul {
		_width: 194px;
		list-style: none;
		padding: 0;
		margin: 0
		}
		.ac_results li {
			cursor: default;
			display: block;
			margin: 0;
			padding: 0 0.3em 0.1em;
			line-height: 16px;
			overflow: hidden
			}
			.ac_results li i {
				display: none
				}
		.ac_over {
			color: #fff;
			background-color: #000
			}

/* countryselect nojs */
select#country,
select#countryselect {
	position: absolute;
	top: 6px;
	right: 28px;
	width: 195px;
	height: 1.55em;
	font-size: 1em;
	}

/* countryselect with js */
.select2list {
	position: absolute;
	top: 6px;
	right: 0;
	width: 23px;
	height: 23px;
	background: url(../static/img/icons.png) no-repeat -10px -202px;
	z-index: 1000;
	}
	.select2list:hover,
	.select2list-hover {
		cursor:pointer;
		}
	.select2list_active	{
		width: 221px;
		background-position: 190px -202px;
		}
	.select2list ul {
		display: none;
		position: absolute;
		top: 0;
		right: 0;
		width: 210px;
		height: 16em;
		margin-right: 7px;
		background: #fff;
		border: 1px solid #777;
		font-size: 0.8em;
		list-style-type: none;
		overflow-y: scroll;
		}
		.select2list_active ul {
			display: block;
			}
		.select2list li {
			display: inline;
			margin-left: 0;
			}
			.select2list li a {
				display: block;
				margin: 0;
				padding-left: 0.25em;
				color: #000;
				background: #eceae6;
				border-right: 1px solid #fff;
				}
				.select2list ul:hover li:hover a,
				.select2list ul.hover li.hover a{
					background: #fff;
					}
					.select2list ul:hover li:hover a,
					.select2list ul:hover li:hover a:hover,
					.select2list ul:hover li:hover a:focus,
					.select2list ul.hover li.hover a,
					.select2list ul.hover li.hover a:hover,
					.select2list ul.hover li.hover a:focus {
						text-decoration: none;
						outline: 0;
						}
					.select2list li h3,
					.select2list li h3:hover,
					.select2list li h3:focus {
						padding: 0.4em 0.2em 0.2em;
						background: #eceae6;
						border-right: 1px solid #fff;
						font-size: 1.1em;
						font-weight: 700;
						}

/* graphical format 'category' browser */
.formatbrowser {
	position: relative;
	width: 386px;
	background: #fff;
	border-left: 1px solid #eceae6;
	overflow: hidden;
	}
	div.browser,
	div.format {
		width: 383px;
		margin-right: 4px;
		padding-left: 2px;
		_padding-bottom: 1.5em;
		background: #fff;
		}
		*+html div.browser,
		*+html div.format {
			padding-bottom: 1.5em;
			}
	.browser a {
		display: inline;
		position: relative;
		float: left;
		top: 5px;
		width: 90px; 
		height: 15px;
		margin: 0 18px 15px;
		padding-top: 48px;
		background: url(../static/img/sprite_format.jpg) no-repeat 0 0;
		}
		.formatbrowser a {
			display: inline;
			position: relative;
			float: left;
			top: 5px;
			width: 90px; 
			height: 15px;
			margin: 0 18px 15px;
			padding-top: 48px;
			background: url(../static/img/sprite_format.jpg) no-repeat 0 0;
			text-align: center;
			}
		a.karte {
			background-position: 0 0;
			}
		a.umschlag {
			background-position: 0 -64px;
			}
		a.versandtasche {
			background-position: 0 -128px;
			}
		a.quaderformat {
			background-position: -90px 0;
			}
		a.rollenformat {
			background-position: -90px -64px;
			}
		a.freiesformat {
			background-position: -90px -128px;
			}
		a.flyer {
			background-position: -180px 0;
			}
		a.katalog {
			background-position: -180px -64px;
			}
		a.presseartikel {
			background-position: -180px -128px;
			}	
	.formatbrowser a:hover,
	.formatbrowser a:focus {
		text-decoration: none;
		}
	.formatbrowser div.format {
		height: 161px; 
		_padding-bottom: 0;
		background: #fff url(../static/img/sprite_format_big.jpg) no-repeat 0 0;
		}
		*+html .formatbrowser div.format {
			padding-bottom: 0;
			}
	.formatbrowser div.umschlag {
		background-position: 0 -161px;
		}
	.formatbrowser div.versandtasche {
		background-position: 0 -325px;
		}
	.formatbrowser div.quaderformat {
		background-position: 0 -486px;
		}
	.formatbrowser div.rollenformat {
		background-position: 0 -647px;
		}
	.formatbrowser div.freiesformat {
		background-position: 0 -809px;
		}
	.formatbrowser div.flyer {
		background-position: 0 -966px;
		}
	.formatbrowser div.katalog {
		background-position: 0 -1132px;
		}
	.formatbrowser div.presseartikel {
		background-position: 0 -1296px;
		}

	/* graphical format browser, tiny mode */
		.format .minibrowser {
			position: absolute;
			top: 1px;
			right: 10px;
			background: transparent;
			}
			.minibrowser a {
				display: inline;
				position: relative;
				float: left;
				margin: 0 5px 0 0;
				padding-top: 28px;
				height: 17px;
				overflow: visible;
				text-indent: -9999px;
				background: url(../static/img/sprite_format.jpg) no-repeat 0 -200px;
				}
				.minibrowser a:hover,
				.minibrowser a:focus {
					text-indent: 0;
					_text-indent: -9999px /* hotfix: won't work this way, probably need another span around text */
					}
					.minibrowser a:last-child,
					.minibrowser a.lastChild {
						margin-right: 10px;
						direction: rtl; /* mean hack to align text right */
						white-space: nowrap;
						}
				.minibrowser a.karte {
					width: 30px;
					}
				.minibrowser a.umschlag {
					width: 36px;
					background-position: -30px -200px;
					}
				.minibrowser a.versandtasche {
					width: 41px;
					background-position: -66px -200px;
					}
				.minibrowser a.quaderformat {
					width: 29px;
					background-position: -108px -200px;
					}
				.minibrowser a.rollenformat {
					width: 28px;
					background-position: -137px -200px;
					}
				.minibrowser a.freiesformat {
					width: 28px;
					background-position: -165px -200px;
					}
				.minibrowser a.flyer {
					width: 36px;
					background-position: -193px -200px;
					}
				.minibrowser a.katalog {
					width: 40px;
					background-position: -229px -200px;
					}
				.minibrowser a.presseartikel {
					width: 40px;
					background-position: -269px -200px;
					}
				.minibrowser a span {
					display: none;
					position: absolute;
					top: 24px;
					right: 0;
					white-space: nowrap;
					}
					.minibrowser a:hover span,
					.minibrowser a:focus span {
						display: inline;
						float: left;
						}


/* dropdown format browser */
.format_presets {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2em;
	background: url(../static/img/bg_main.png) no-repeat 0 bottom;
	}
	.format_presets-hover {
		cursor: pointer;
		}

.format_presets b {
	display: block;
	margin: 0 4px 0 2px;
	padding: 1px 8px 4px;
	cursor: pointer;
	font-size: 1em;
	font-weight: 400;
	font-weight: 400;
	line-height: 1.25em;
	background: url(../static/img/icons.png) no-repeat right -204px;
	border-top: 1px solid #eceae6;
	}
	.format_presets b.no-subformat {
		background: 0;
		cursor: default;
		}

.format_presets ul {
	display: none;
	position: absolute;
	top: 1px;
	left: 0;
	width: 100%;
	background: url(../static/img/bg_main.png) no-repeat bottom left;
	padding-bottom: 5px;
	z-index: 10;
	}

.format_presets li {
	cursor: pointer;
	display: block;
	padding: 1px 8px;
	margin: 0 4px 0 2px
	}
	.format_presets li:first-child,
	.format_presets li:firstChild {
		padding-top: 2px;
		}
	.format_presets li.section {
		font-weight: 700;
		}
	.format_presets li.hover,
	.format_presets li:hover {
		background: #fff
		}

.parameterselection {
	display: inline;
	position: relative;
	float: left;
	width: 85px;
	margin: 0 0 0.2em 16px;
	padding-bottom: 3px;
	z-index: 1;
	background: url(../static/img/bg_selects.png) no-repeat bottom left;
	}
	.first-selection {
		margin-left: 0
		}
	.last-selection {
		display: inline;
		float: right;
		}

	.parameterselection h3 {
		font-size: 1em;
		font-weight: 400;
		background: url(../static/img/bg_selects.png) no-repeat 0 0;
		padding: 4px 6px 0
		}
	.parameterselection input {
		width: 70px;
		padding: 2px 0;
		margin: 0 0 3px 6px;
		text-align: right;
		}
	.parameterselection .info {
		position: absolute;
		top: 25px;
		left: -12px
		}
	.parameterselection .options {
		display: block;
		width: 85px;
		height: 1px;
		margin-bottom: 4px;
		padding-top: 12px;
		cursor: pointer;
		background: url(../static/img/icons.png) no-repeat 24px -206px;
		}
		.parameterselection .options ul {
			display: none;
			z-index: 10;
			position: absolute;
			background: url(../static/img/bg_selects.png) no-repeat bottom left;
			width: 85px;
			padding: 5px 0
			}
			.parameterselection .options li {
				text-align: right;
				cursor: pointer;
				display: block;
				padding: 1px 4px;
				margin: 0 4px 0 3px
				}
				.parameterselection .options li.unavailable,
				.parameterselection .options li.unavailable:hover,
				.parameterselection .options li.unavailable:focus {
					background: #efc7c4;
					}
				.parameterselection .options li:hover,
				.parameterselection .options li:focus,
				.parameterselection .options li.hover	{
					background-color: #fff
					}


/* products */
.products {
	background: url(../static/img/bg_products.png) no-repeat 0 0;
	padding-top: 3px;
	margin-bottom: 3px;
	}


/* SERVICES */
.services {
	z-index: 0;
	position: relative;
	}
	.services .block {
		background: #ffe88a;
		padding: 5px 10px;
		margin-bottom: 2px
		}
	.services .hidden {
		display: none;
		}
	.services h3 {
		font-size: 1em;
		}
	/* wo wird das verwendet?? muss für single entry selects escapen: .services dd p
	.services p {
		display: inline;
		float: right;
		margin-right: 40px
		}
	*/
		.services p b {
			color: #f00;
			font-size: 1.6em;
			line-height: 1em;
			margin-right: 0.2em
			}
	
	.services dt {
		position: relative;
		clear: both;
		width: 130px;
		margin-right: 5px;
		padding-right: 20px;
		line-height: 2em;
		z-index: 2;
		}
		.services dd {
			z-index: 1;
			}
		.services dl.label_wide dt { /* for services where service block is just text (no dropdown selector) */
			width: 250px; 
			}
			.services dl.label_wide dd {
				width: 156px;
				}
		.services dt input {
			vertical-align: middle
			}
		.services dt div.tooltip {
			display: none;
			position: absolute;
			top: 0;
			left: 150px;
			width: 183px;
			padding: 5px 10px;
			background: #fff;
			border: 1px solid #ccc;
			z-index: 10;
			}
			.services dt div.tooltip ul {
				width: auto;
				margin: 0;
				}
			.services dt div.tooltip a {
				display: block;
				text-decoration: underline;
				}
	.services ul {
		width: 330px;
		}
		.services dt ul {
			width: 150px
			}
		.services li {
			display: block;
			line-height: 2em;
			}

	.services select,
	.services dd p {
		display: inline;
		float: left;
		width: 200px;
		margin: 0 0 1px;
		}
	.services dd p {
		line-height: 1.8em;
		}
		.services dd p.note-ust {
			margin: 0;
			text-align: center;
			}
			.services dl.label_wide dd p.note-ust {
				width: auto;
				} 
	.services dd input.icon_action {
		position: absolute;
		top: 4px;
		right: -22px;
		}

	/* Input fields on basket */
	#insert_height,
	#releases {
		width: 196px;
		}
	dd.basket-actions input {
		float: right;
		margin-left: 1em;
		}
/* PRODUCT NOTES */
.product-note {
	margin: 3px 0 2px;
	padding: 0.5em 1em 0.2em 0;
	background-color: #fc0;
	}
	.product-note ul {
		width: auto;
		margin-left: 20px;
		font-size: 0.95em;
		}
		.product-note ul li {
			display: list-item;
			margin-left: 0;
			line-height: 1.5em;
			}

.button {
	display: inline;
	float: left;
	margin-right: 2px;
	padding-left: 25px;
	background: url(../static/img/bg_button.png) no-repeat 0 0;
	}
	.button input {
		width: auto;
		height: 44px;
		padding-right: 20px;
		background: url(../static/img/bg_button.png) no-repeat right 0;
		border: 0;
		font-size: 1.2em;
		font-weight: 700;
		text-align: left;
		overflow: visible;
		}
	
#btn-calc {
	position: relative;
	float: right;
	margin: 0 3px 0 0;
	font-weight: 700;
	border: 0;
	z-index: 0;
	}
	#btn-calc:hover,
	.btn-calc-hover {
		cursor: pointer;
		}
	#btn-calc input {
		position: relative;
		right: -3px;
		top: 0;
		margin: 0;
		padding: 12px 15px 15px 0;
		background: url(../static/img/bg_button.png) no-repeat right 0; 
		cursor: pointer;
		font-family: Arial, Helvetica, sans-serif;
		}
		*+html #btn-calc input {
			padding-top: 14px; 
			}
	#btn-calc.off,
	#btn-calc.off input {
		background-image: url(../static/img/bg_button_gray.png);
		}

/* right col start page */
	.start .products {
		width: 320px;
		margin-left: 50px;
		}
	.start .products,
	.start .products .pulldown-wrap,
	.start ul.jspulldown {
		background-image: url(../static/img/bg_products_mini_gray.png);
		}
		.start .pulldown-wrap a {
			font-size: 0.8em;
			}
		.start .pulldown-wrap .selected,
		.start .pulldown-wrap ul .active {
			background-position: right -393px;
			background-color: #eceae6;
			}
			.start .pulldown-wrap .active {
				background-color:#fc0;
				}
			.start ul.pulldown a:hover,
			.start ul.pulldown a:focus {
				background: #fff;
				}
			.start .products li h3 {
				font-weight: 700;
			}
/* .start .pref */
	.pref {
		width: 370px;
		font-size: 1.1em;
		}
		.pref p {
			margin-left: 52px;
			margin-bottom: 10px;
			padding: 45px 4px 5px 10px;
			background: url(../static/img/bg_start_up.png) no-repeat 0 0;
			}
		.pref div {
			min-height: 94px;
			_height: 94px;
			padding: 4px 0 4px 60px;
			background: url(../static/img/bg_start_left.gif) no-repeat 0 0;
			}
		.pref ol {
			margin: 0 0 1em 0;
			_margin-left: 3px;
			}
			.pref li {
				margin: 0 0 0 2em;
				}
		.pref h2 {
			margin: 2.8em 0 0.7em;
			}
/*	----- ----- ----- ----- ----- ----- ----- ----- ----- ----- 
	promotions
*/


.promo-1 { /* salespromotions */
	}
	#form_internetmarke {}
		#form_internetmarke .submit input {
			height: 53px;
			width: 134px;
			margin: 0 0 0 2px;
			font-weight: 700;
			background-image: url(../static/img/btn_kauf_internet.png);
			border: 0;
			}

.promo-2 { /* crosspromotions */
	position: relative;
	height: 113px;
	margin-top: 2em;
	background: url(../static/img/bg_promo2.gif) repeat-x 0 72px;
	}
	.promo-2 a .tooltip {
		display: none;
		position: absolute;
		top: 122px;
		left: 0;
		width: auto;
		_width: 469px;
		height: auto;
		padding: 0 0.5em;
		background: #fff;
		_overflow: visible; /* doesn't work for Non-JS - block won't trigger on a:hover */
		z-index: 100;
		}
		.promo-2 a:hover .tooltip,
		.promo-2 a:focus .tooltip {
			display: block;
			text-decoration: none;
			}

/* new promos */
.promo {
	display: inline;
	font-size: 1em;
	overflow: hidden;
	background: 0 no-repeat 0 0;
	}
	.promo:hover {
		text-decoration: none;
		}

.promo-1 .promo {
	float: right;
	width: 134px;
	height: 53px;
	margin: 0 0 0 2px;
	font-weight: 700;
	text-indent: -9999px;
	background-image: url(../static/img/sprite_salespromo.png);
	}
	.promo-1 .p1_briefmarke {
		background-position: 0 0;
		}
	.promo-1 .p1_internetmarke_brief {
		background-position: 0 -60px;
		}
	.promo-1 .p1_frankierberater {
		background-position: 0 -121px;
		}
	.promo-1 .p1_officepack {
		background-position: 0 -180px;
		}
	.promo-1 .p1_markenbox {
		background-position: 0 -240px;
		}
	.promo-1 .p1_plusbrief {
		background-position: 0 -300px;
		}
	.promo-1 .p1_mailingfactory {
		background-position: 0 -480px;
		}
	.promo-1 .p1_paketmarke {
		background-position: 0 -540px;
		}
	.promo-1 .p1_internetmarke_paket {
		background-position: 0 -600px;
		}


.promo-2 div {
	float: left;
	width: 110px;
	height: 72px;
	padding: 0;
	line-height: 1.2em;
	background-image: url(../static/img/sprite_crosspromo.jpg);
	}
	
	/* icon isn't linked on IE6. */
	* html .promo-2 a {
		background: #ffe88a;
		margin-top: 72px;
		padding: 5px 6px 4px;
		}
	.promo-2 a {
		display: block;
		padding: 77px 6px 4px;
		border-right: 2px solid #fff;
		}
		.promo-2 a:hover,
		.promo-2 a:focus {
			text-decoration: underline;
			}
	.promo-2 .p2_bestseller_mail {
		background-position: 0 -228px;
		}
	.promo-2 .p2_dmc { /* direkt marketing center */
		background-position: -110px -3px;
		}
	.promo-2 .p2_einlieferungsliste {
		background-position: -220px -228px;
		}
	.promo-2 .p2_handyporto {
		background-position: 0 -3px;
		}
	.promo-2 .p2_mailingfactory {
		background-position: 0 -78px;
		}
	.promo-2 .p2_manager { 
		background-position: -110px -78px;
		}
	.promo-2 .p2_packset {
		background-position: -220px -3px;
		}
	.promo-2 .p2_packstation {
		background-position: -110px -153px;
		}
	.promo-2 .p2_plusbrief { /* change image?*/
		background-position: 0 -153px;
		}
	.promo-2 .p2_postcard {
		background-position: -220px -153px;
		}
	.promo-2 .p2_pwsmanager,
	.promo-2 .p2_infopostmanager {
		background-position: -110px -228px;
		}
	.promo-2 .p2_schreibcenter {
		background-position: -220px -78px;
		}
	.promo-2 .p2_weiter {
		display: inline;
		float: right;
		height: 32px;
		width: 113px;
		margin-top: 72px;
		padding: 7px 25px 0 8px;
		line-height: 1em;
		background: url(../static/img/btn_promo_weiter.png) no-repeat 0 -71px;
		}