/*186789224*/
/*-------Including platform_style.css--------*/
/* das Stylesheet fuer plattformspezifische Sachen von firstprint  */
/* hier gehoeren nur Angaben rein, die auf ALLEN firstprint-Seiten */
/* gueltig sind                                                  */

/* * * STANDARDS * Stnad 16.03.2011 * * */
/* default erst mal alle Abstaende und Innenabstaende auf 0 setzen */


td img{
	display: block;
}

#ordertable img{
	display: inline;
}

#ordertable input[type=checkbox] {
	margin: 2px 0;
}
/************* allgemeine Klassen ***********/

.left {
	float: left;
}

.box_width556 {
	width: 556px;
}

.hidden {
	visibility: hidden;
}

.dpyNone {
	display: none;
}


/*//////////////*/
/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/ * html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/***********************/
/*** regular margins ***/
/***********************/

.top5 {
	margin-top: 5px;
}

.top6 {
	margin-top: 6px;
}

.top8 {
	margin-top: 8px;
}

.top9 {
	margin-top: 9px;
}

.top10 {
	margin-top: 10px;
}

.top14 {
	margin-top: 14px;
}

/* IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.top14 {
		margin-top: 13px;
	}
}

.top15 {
	margin-top: 15px;
}

.left2 {
	margin-left: 2px;
}

.left3 {
	margin-left: 3px;
}

.left5 {
	margin-left: 5px;
}

.right20 {
	margin-right: 20px;
}

/********************************************/
a#abbuchungsauftrag {
    text-decoration: underline;
}
h2.firstHeading {
	margin-top: 10px;
}

.alignItem{
	text-align: start;
}

.alignItem img{
	display: block;
}

.bottomAlign{
	margin-bottom: -14px;
}

input {
	height: 20px;
	padding-left: 3px;
	padding-left: 3px\9;
	font-size: 11px;
	color: #506070;

	box-sizing : border-box;
	-moz-box-sizing: border-box;
}

.button,
.button_small,
.button_alertOK_small {
	display:block;
	height: 16px;
	line-height:16px;
	line-height/*\**/:17px\9; /*ie hack*/
	text-align:center;
	font-size:11px;
	text-decoration:none;
	font-weight: bold;
	color:#ffffff;
    background-color:#3377c0;
    border-right: 2px solid #195090;
    border-bottom: 2px solid #195090;
    border-left: 2px solid #478fd9;
    border-top: 2px solid #478fd9;
}
/*ie hack*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.button,
.button_small,
.button_alertOK_small{line-height: 17px;}
}
.button_align{
	line-height:10px;
}

div#alertConfirmButtons {
	bottom: 10px;
}
a#confirmButtonCancel {
	float: right;
}

a#confirmButtonRefresh {
	float: right;
}

a#confirmButtonChange {
    float: right;
}

a#confirmButtonDelete {
    float: left;
}

a#OSC_continueOrder_Btn {
    float: left;
}

a#OSC_cancelOrder_Btn {
    float: right;
}

.button:hover,
.button_small:hover,
.button_alertOK_small:hover {
	font-size:11px;
	text-decoration:none;
	background-color: #225894;
	color: white;
	border-right: 2px solid #1b4676;
	border-bottom: 2px solid #1b4676;
	border-left: 2px solid #4e79a9;
	border-top: 2px solid #4e79a9;
}

.button:active,
.button_small:active,
 .button_alertOK_small:active {
	background-color: #225894;
	border-right: 2px solid #1b4676;
	border-bottom: 2px solid #1b4676;
	border-left: 2px solid #4e79a9;
	border-top: 2px solid #4e79a9;
}
.button[disabled],
.button[disabled]:hover,
.buttonInactive,
.buttonInactive:hover {
	display: block;
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #516274;
	background-color: #D3DAE2;
	border-right: 2px solid #465568;
	border-bottom: 2px solid #465568;
	border-left: 2px solid #E0E5EB;
	border-top: 2px solid #E0E5EB;
	cursor: default;
}
.button[disabled]{
	display: block;
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #516274;
	background-color: #D3DAE2;
	border-right: 2px solid #465568;
	border-bottom: 2px solid #465568;
	border-left: 2px solid #E0E5EB;
	border-top: 2px solid #E0E5EB;
	cursor: default;
}

#ForgotPwd_send_Btn.top47 {
	margin-top: 47px;
	_margin-top: 49px;
}


div#content,
div#content_affiliate {
	height: 661px;
	border-bottom: 1px dotted #516274;
}

div#content_freeprint {
	height: 595px;
}

div#content_affiliate {
	height: 680px;
}

section#center-wrap {
	width: 948px;
	margin: 0 auto;
}

p.clearfloating {
	line-height: 0.1%;
	clear: both;
}


div.col {
	width: 185px;
}

div.col-left {
	float:left;
}

div.col-right {
	float: right;
}

div.col-middle {
	text-align: left;
	/*margin-right: 185px;
	margin-left: 185px;*/
	float: left;
	width: 576px;
}

div.col-left-and-middle {
	text-align: left;
	float: left;
	width: 756px;
}

div.content {
	clear: both;
}

div.col-middle-left {
	float: left;
	width: 273px;
}


div.col-middle-right {
	float: right;
	width: 273px;
}

div.inner-space {
	padding: 0 10px 0 10px;
}

div.height_wrapper_top {
	height: 20px;
	margin-top: 10px;
}

/* * * FOOT * Stand 16.03.2011 / update 23.04.2012, navi keine liste mehr um zu verhindern das in
einigen Sprachen Produktinfotext in Navi einflie�t * * */

footer#foot {
	width: 947px;
	margin: 0 auto;
	text-align: justify;
	color: #516274;
	clear: both;
	padding-top: 5px;
}

/*ul#foot-navi {
	float: right;
	list-style-type: none;
	margin: 0px 0 0 10px;
	line-height:13px;
}

ul#foot-navi li {
	float: left;
	padding: 0px 5px 0px 5px;
	border-right: 1px dotted;
}

#foot-navi li#last {
	border-right: 0px;
	padding: 0px 0px 0px 5px;
}
*/

#copyright {
	float: right;
	border: none;
	padding: 0px;
	text-transform: uppercase;
}

.foot_navi a,
.foot_navi span {
	border-right: 1px dotted;
	padding: 0 5px;
	float: left;
}

.foot_navi a#last {
	border-right: 0px;
	padding: 0px 0px 0px 5px;
}

.foot_navi .leftLink {
	padding-left: 0px;
}

/* delete if all files are adapted */
td {
	font-size: 11px;
}

a.edit_link {
	background-repeat: no-repeat;
	width: 17px;
	height: 17px;
}


a.edit_icon {
	background-repeat: no-repeat;
	width: 17px;
	height: 17px;
}

#DivWebcamLinksTop a{
    color: #003399;
    font-family: arial;
}

#DivWebcamLinksBottom a{
    color: #003399;
    font-family: arial;
}

.activeCam a{
	font-weight: bold !important;
}
/*-------Including head.css--------*/
#head-top {
	height: 73px;
	margin-bottom: 6px;
}

#head-logo {
    float: left;
    display: block;
}

/* Affiliate */

#head-top .affiliateLine {
	float: left;
}

.affiliateLine .rightMargin {
	margin-right: 8px;
}

.affiliateLine .hintNew {
	background-color: #FF8600;
	color: #FFF;
	margin-right: 4px;
	margin-top: -1px;
	padding: 1px 3px 1px 4px;
	padding-bottom/*\**/:2px\9;/*ie-hack*/
	float: left;
}

/*ie-hack*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.affiliateLine .hintNew {padding-bottom: 2px;}
}

.affiliateLink {
	float: left;
}

#head-top .affiliateLine a,
#head-top .affiliateLine a:hover {
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
	float: left;
	cursor: pointer;
}

#head-top .underline:hover {
	text-decoration: underline;
}

/* head-navi */

.navigationLine {
	float: right;
}

ul#head-navi {
    float: right;
    list-style-type: none;
}

ul#head-navi li {
    float: left;
    padding: 0px 5px 0px 5px;
}

#head-navi li.border_left {
    border-left: 1px dotted;
}

div.language_jumper {
    float: left;
    margin-right: -4px;
}

#head-navi li#language_jumper {
    border-left: 1px dotted;
}

/*** Logo & Actionsale ***/

.headSecondLine {
	margin-top: 15px;
}

/* Wrapper for designOnline button */
.designOnline__wrapper {
	position: relative;
}

	.designOnline__btn {
		cursor: pointer;
		position: absolute;
		right: 4px;
		top: 4px;
		height: 9px;
		width: 9px;
		z-index: 3;
	}

/* evaluation-stars */
#CustomerEvaluation{
    width: 56px;
    margin-top: -3px;
    margin-left: -10px;
}

#CustomerEvaluation a.star_on {
    display: block;
    background-repeat: no-repeat;
    background-position: -25px -7px;
    position: relative;
    text-decoration: none;
    height: 9px;
    width: 8px;
    float: left;
}

#CustomerEvaluation a.star_off {
    display: block;
    background-repeat: no-repeat;
    background-position: -25px -1px;
    position: relative;
    text-decoration: none;
    height: 9px;
    width: 8px;
    float: left;
}

#CustomerEvaluation a.star_plus_on{
    display: block;
    background-repeat: no-repeat;
    background-position: -79px -9px;
    position: relative;
    text-decoration: none;
    height: 9px;
    width: 12px;
    float: left;
}

#CustomerEvaluation a.star_plus_off{
    display: block;
    background-repeat: no-repeat;
    background-position: -79px 0;
    position: relative;
    text-decoration: none;
    height: 9px;
    width: 12px;
    top: -1px;
    float:left;
}

#CustomerEvaluation a span,
#CustomerEvaluation a span,
#table#values_and_votes a span{
    background-color:#D5DCE3;
    border:1px solid white;
    color:#546475;
    display:none;
    font-size:11px;
    font-weight:bold;
    left:7px;
    opacity:0.9;
    padding:1px 3px 2px;
    position:absolute;
    white-space:nowrap;
    z-index:100;
    top: 12px;

    /* Transparenz-Kram */
    filter:alpha(opacity=90); /* IE */
    -moz-opacity:0.9; /* Gecko-Browser */
    opacity:0.9; /* Opera 9+ */
    z-index: 100;
}

#customer_valuation{
    display:inline;
    float:left;
    padding-right:3px;
    position:absolute;
    padding-top:5px;
}

/* banner */
#aktionssale {
    float: right;
    text-align: right; /* damit banner wirkl. re.buendig posit. wird*/
    margin-right: -1px;
    height: 42px;
    _margin-bottom: -2px;
    width: 378px;
}

/* main-navi */
nav#main-navi ul {
    float: left;
    list-style-type: none;
}

nav#main-navi li {
    float: left;
}

nav#main-navi .toplinks > li:nth-child(n) {
	padding: 0 1px 1px 0;
}

#main-navi a.navi_link {
	background-color: #516274;
	display: block;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    margin-top: 3px;
    height: 20px;
    text-align: center;
    padding-top: 6px;
}

#main-navi a.navi_link:hover,
#main-navi a.navi_link.selected {
	background-color: #225894;
}

#main-navi a.first,
#main-navi a.second {
    width: 190px;
}

#main-navi a.third,
#main-navi a.fourth {
    width: 189px;
}

#main-navi a.fifth {
    width: 185px;
}

a.menue_blink_papersamples {
    margin-top: 3px;
    cursor: pointer;
    background-position: 0 0px;
    display: block;
    width: 190px;
    height: 26px;
}

a.menue_blink_papersamples:hover {
    background-position: 0 -26px;
    }

/*********************/
/*** PRODUCT MENUE ***/
/*********************/
/* 1.4.2 PRODUCT MENU BAR */
li > #productmenu {
	background-color: white;
	outline: 1px solid #516274;
	z-index: 10000;
	position: absolute;
	display: block;
	margin-left: 1px;
	padding: 6px 5px 10px 5px;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	width: 945px;
	box-sizing: border-box;
	line-height: 19px;
}

li:hover > #productmenu {
	opacity: 1;
	visibility: visible;
	overflow: visible;
}

.placeholder_menue {
	height: 26px;
	width: 100%;
	margin-top: -26px;
}

.free_line {
	float: left;
	height: 10px;
	width: 100%;
}

#productmenu a,
#productmenu ul,
#productmenu li,
#productmenu div {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

#productmenu .headline {
	font-weight: bold;
	font-size: 12px;
	color: #506070;
	display: block;
	z-index: 3010;
}

#productmenu > li {
	display: block;
	float: left;
	list-style: none;
	margin-right: 8px;
	box-sizing/*\**/: border-box\9;
}

#productmenu > div:first-child {
	width: 189px!important;
}

#productmenu > div:nth-child(n) {
	width: 191px;
}

#productmenu > div:last-child {
	width: 173px;
}

#productmenu .product {
	float: left;
	position: relative;
	white-space: nowrap;
	width: 100%;
	box-sizing/*\**/: border-box\9;
}

#productmenu .product > ul {
	list-style: none;
}

#productmenu .product > ul li {
	clear: both;
}

#loginBar #left #productmenu .product li a {
	color: #003399;
	font-size: 11px;
	line-height: 19px;
	width: auto;
}

/* link hover */
#productmenu a:hover,
#productmenu a:hover > div:first-child {
	text-decoration: underline;
}

#productmenu li[product_name="coming_soon"] a:hover div {
	text-decoration: none;
}

#loginBar #left #productmenu .product li a[onclick^="openMoreProductsLayer"]:hover,
#loginBar #left #productmenu .product li a[orderable="1"]:hover {
	color: #fa720f;
}

/* logo FreeDesign */
#productmenu li .logoFreeDesign {
	height: 40px;
	background-repeat: no-repeat;
	background-position: 1px 16px;
	display: block;
	width: 96px;
}

/* new, year pic */
.new_pic,
#productmenu .year_pic_product,
#productmenu .new_pic{
    color: #FFF;
	background-color: #ff8600;
	font-weight: normal;
	font-size: 9px;
	line-height: 10px;
	border-radius: 3px;
	border: 3px double white;
	padding: 0 2px;
	float: left;
	width: auto;
}

#productmenu .year_pic_product,
#productmenu .new_pic{
	margin-left: 6px;
	line-height: 13px;
	font-weight: bold;
}

div.year_pic_product::after {
    content: '2020';
}

#productmenu .calcPics {
	float: left;
}

.language_pl #productmenu .new_pic,
.language_es #productmenu .new_pic,
.language_da #productmenu .new_pic,
.language_it #productmenu .new_pic,
.language_fr #productmenu .new_pic {
	display: none;
}

#productmenu a[new_product_photo="true"] .new_pic {
	float: right;
}

/* extrawurst entstanden bei rollups material_model box */
#c_material_model .prop_body_line .calcPics .new_pic:after {
	float: none;
}

/* butterfly pic */
#productmenu .butterfly {
	margin-left: 4px;
	position: relative;
	float: left;
	height: 20px;
}

/* coming soon and NEU! tooltip */
#productmenu a[orderable="0"] .tooltipComingSoon {
	display: none;
	position: absolute;
}

#productmenu a[orderable="0"]:hover .tooltipComingSoon {
	display: inline;
	margin-left: -12px;
	margin-top: -30px;
	margin-top: -31px\9;
	white-space: nowrap;
	z-index: 4000;
}

#productmenu .tooltipComingSoon .tooltipBody {
	border-radius: 4px;
	border-radius: 0px\9;
	color: #fff !important;
	font-weight: bold;
	line-height: 14px;
	min-height: 15px;
	padding: 5px 7px;
	position: fixed;
	z-index: 110;
	background-color: #ff8600;
}
/*
/* IE 10+
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#productmenu .tooltipBody {
		border-radius: 4px;
	}
} */

#c_item_group.coverQuick .tooltipBody {
	position: relative;
}

#productmenu .tooltipComingSoon .tooltipBody::after,
#productmenu .tooltipComingSoon .tooltipImage {
	background-position: 0 -30px;
	background-repeat: no-repeat;
	height: 15px;
	left: 1px;
	bottom: -15px;
	position: absolute;
	width: 34px;
	content: "";
}

#productmenu .tooltipComingSoon .tooltipBody::after,
#productmenu .tooltipComingSoon .tooltipImage {}

/* IE 9 hack */
#c_item_group.coverQuick .tooltipImage {
	position: absolute\9;
}

#c_item_group .tooltipImage {
	position: relative;
	margin-top: 12px\9;
}

/* IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#c_item_group.coverQuick .tooltipBody {
		position: relative;
	}
	#c_item_group .tooltipBody {
		border-radius: 4px;
		position: -ms-device-fixed;
	}

}

/*************/
/*** login ***/
/*************/

#Head_serchField_Icon,
#login_button.button {
    float: right;
    margin-top: 4px;
    margin-right: 5px;
    width: 15px;
    _width: 17px;
    height: 12px;
    _height: 17px;
    padding-top: 3px;
    border-right: 1px solid #2f6fb4;
    border-bottom: 1px solid #2f6fb4;
    border-left: 1px solid #77b0ec;
    border-top: 1px solid #77b0ec;
}

#login_button.button {
    margin-top: 0px;
    margin-top/*\**/:1px\9; /*ie hack*/
}

#Head_serchField_Icon::after {
	font-family: FontAwesome;
	font-weight: normal;
    content: "\f002";
    color: white;
    float: left;
    line-height: 9px;
    margin-left: 3px;
}

/*ie hack*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#login_button.button{margin-top: 1px;}
}

#login_button.button:hover {
    border-right: 1px solid #1b4676;
    border-bottom: 1px solid #1b4676;
    border-left: 1px solid #4e79a9;
    border-top: 1px solid #4e79a9;
}

/* login */
div#login {
    float:left;
    background-color: #d3dae2;
    width: 185px;
    height: 105px;
    margin-left: 1px;
    _margin-left: 0px;
    text-align: left;
}

#loginform .formelement label {
    float: left;
    margin: 3px 5px;
    font-size: 12px;
    font-weight: bold;
    color: #225894;
}

#loginform .formelement input {
    float: left;
    margin: 0px 5px 2px 5px;
    padding-bottom: 2px;
    margin/*\**/:1px 5px 1px 5px\9; /*ie hack*/
    padding/*\**/:0px 3px 2px\9; /*ie hack*/
    width: 153px;
    color: #516274;
    height: 17px;
    font-size: 11px;
}

/*ie hack*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#loginform .formelement input{margin: 1px 5px 1px 5px;padding: 0px 3px 2px;color: #516274;}
}

#Head_Gastlogin_Link span {
	color: #225894;
}

/*
#loginform .formelement a {
    float: left;
    margin-left: 5px;
    color: #225894;
}

#login_button span {
    color: #ffffff;
}*/

#loginform a#password,
#loginform a#Head_profileEdit_Link,
#loginform a#Head_logout_Link,
#loginform a#Head_Gastlogin_Link {
    float: left;
    margin-left: 5px;
    color: #225894;
}

#loginform a#password,
#loginform a#Head_logout_Link,
#loginform a#Head_Gastlogin_Link {
    width: 172px;
}

#loginform a#Head_profileEdit_Link {
    line-height: 14px;
}

#loginform a#Head_register_Link {
	font-size: 12px;
	font-weight: bold;
	color: #225894;
	float: left;
	border-left: 1px dotted #225894;
	margin-top: 3px;
	padding-left: 5px;
	height: 13px;
}

#loginform a#password {
    margin-top: 2px;
    margin-top/*\**/: 3px\9;	/* ie-hack */
    margin-bottom/*\**/: -1px\9;	/* ie-hack */
}

/* ie-hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#loginform a#password {margin-top: 3px; margin-bottom: -1px; }
}
/* wenn eingeloggt */
#loginform .formelement span.eingelogt_als {
    margin: 4px 5px 4px 5px;
    font-size: 11px;
    color: #225894;
}

#loginform .formelement span.eingelogt_als#name {
    font-weight: bold;
}

/* flash */
#flashcontent {
    float: left;
    width: 761px;
    _width: 762px;
    margin-bottom: -3px;
    margin-bottom/*\**/: -1px\9;	/* ie-hack */
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#flashcontent {
		margin-bottom: -1px;
	}
}

/* banner animation */
.bannerAnimation {
	height: 9.5em;
	width: 69.2em;
	float: left;
	margin-bottom: 1px;
	position: relative;
}

/***/
#head-navi li#last {
    border-right: 0px;
    padding-left: 5px;
    margin-right: 0;
    padding-right: 0;
}

/* evtl. loeschen
#head-navi li#before_jumper {
    border-right: 0px;
    padding: 0px 5px 0px 5px;
    margin-right: 0;
}*/
/***************************************************/
/* Neu Grafik unterhalb von Reseller-Link          */
/***************************************************/
.reseller_neu_de {top: -3px; left: 23px;}
.reseller_neu_en {top: -3px; left: 3px;}
.reseller_neu_fr {top: -6px; left: -1px;}
.reseller_neu_it {top: -4px; left: 7px;}
.reseller_neu_es {top: -4px; left: 11px;}
.reseller_neu_nl {top: -4px; left: 20px;}
.reseller_neu_da {top: -4px; left: 0px;}
.reseller_neu_fi {top: -3px; left: 15px;}
.reseller_neu_no {top: -3px; left: 15px;}
.reseller_neu_sv {top: -3px; left: 10px;}

/***************************************************/
/* Neu Grafik unterhalb von PremiumCustomer-Link   */
/***************************************************/
.premiumCustomer_neu_de {top: -3px; left:20px;}
.premiumCustomer_neu_en {top: -3px; left:27px;}
.premiumCustomer_neu_fr {top: -6px; left:8px;}
.premiumCustomer_neu_it {top: -4px; left:18px;}
.premiumCustomer_neu_es {top: -4px; left:18px;}
.premiumCustomer_neu_nl {top: -4px; left:15px;}
.premiumCustomer_neu_da {top: -4px; left:16px;}
.premiumCustomer_neu_fi {top: -3px; left:23px;}
.premiumCustomer_neu_no {top: -3px; left:21px;}
.premiumCustomer_neu_sv {top: -3px; left:15px;}

/*
 * @description Styles fuer Message-Layer Bestell-Abbruch (MCO)
 * @description und Abbruch-Layer (REG) in der Registrierung
 * @description genutzt auch für alle ...forExpress Layer
 * @author Michael Bauer <michael.bauer@unitedprint.com>
 */
#MCO, #REG {
    position: absolute;
	display: none;
	top: 220px;
	left: 50%;
	width: 382px;
	margin-left: -190px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	text-align: left;
	background-color: #FFFFFF;
	border: solid 1px #336699;
	z-index: 9020;
}

#MCO #MCO_Banner,
#REG #REG_Banner {
    height: 44px;
}

#MCO #MCO_Text {
    padding: 5px 5px 5px 12px;
}

#REG #REG_Text {
    padding: 5px 10px 5px 10px;
}

#MCO #MCO_Form,
#REG #REG_Form {
	margin:0 0 0 10px;
	padding: 3px 3px 3px 3px;
	width:362px;
	height: 37px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #909090;
	border: solid 1px #336699;
}

#MCO #MCO_Notiz {
    color: #EF860C;
    margin: 0px 0px 0px 12px;
    font-size: 10px;
}

#MCO #MCO_Buttons {
	padding: 0px 12px 12px 12px;
}

#REG #REG_Buttons {
	padding: 0px 10px 12px 10px;
}

#MCO .McoButton,
#REG .McoButton {
    margin-top:6px;
    width: 360px;
}

#REG .McoButton {
    width: 362px;
}
#REG .McoButton:first-child {
    margin-top: 3px;
}
/* working googleChrome + safari hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#REG .McoButton:first-child {
    	margin-top: 1px;
	}
}

#MCO p, #REG p{
    margin: 4px 0px 5px 0px;
}

/*
+ SIDEBAR - EVALUATION
*/
.sidebar {
	left: 0;
	position: absolute;
}
.sidebar_box {
	background: white;
	width: auto;
	height: 75px;
	border-radius: 0 5px 5px 0;
	border: 1px solid lightgrey;
	box-sizing: border-box;
	margin-top: 4px;
	overflow: hidden;
}
.sidebar_box--verbalEvaluation {
	height: 94px;
}
.sidebar > div:first-child,
.sidebar > div:nth-child(2) {
	margin-top: 0;
}
.sidebar_inner {
	padding: 6px 8px;
	height: 100%;
	box-sizing: border-box;
}
.sidebar a:hover {
	text-decoration: none;
}

/* trustpilot */
.trustpilot_logo {
	height: 18px;
	width: auto;
	margin: 0 auto;
}
.trustpilot_logo ~ span {
	position: absolute;
	visibility: hidden;
}
.trustpilot_text {
	color: #231F20;
	font-size: 11px;
	text-align: center;
	margin: 7px 0 auto;
	line-height: 12px;
}
.sidebar_inner--trustpilot {
	padding: 8px 8px 0;
	float: left;
}
.trustpilot_score {
 	height: 12px;
 	margin: 5px auto 0;
}
.trustpilot_score--0_0 {
	background-size: contain;
}
.trustpilot_score--1_0 {
	background-size: contain;
}
.trustpilot_score--1_5 {
   background-size: contain;
}
.trustpilot_score--2_0 {
	background-size: contain;
}
.trustpilot_score--2_5 {
   background-size: contain;
}
.trustpilot_score--3_0 {
	background-size: contain;
}
.trustpilot_score--3_5 {
   background-size: contain;
}
.trustpilot_score--4_0 {
	background-size: contain;
}
.trustpilot_score--4_5 {
   background-size: contain;
}
.trustpilot_score--5_0 {
	background-size: contain;
}
/*
cookie-overlay
*/
.cookie__content {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 4px 0;
	width: 100%;
	background-color: rgba(255,255,255,.9);
	border-top: 1px solid lightgrey;
	z-index: 9999999;
	color: #516274;
	text-align: center;
}
.cookie__content--AT {
	padding-top: 16px;
	padding-bottom: 17px;
}
.cookie__link {
	color: #516274;
	display: inline-block;
	margin-right: 4px;
}
.cookie__btn {
	display: inline;
	float: none;
	padding: 0 5px;
}
.cookie__placeholder {
	height: 30px;
}
@media only screen and (max-width: 700px) {
	.cookie__placeholder {
		height: 4em;
	}
}
/*-------Including content.css--------*/
/*******************************************/
/********** Productnavi links **************/
/*******************************************/
#bb_img_menu {
    float: right;
    margin-top: -20px;
    position: relative;
    right: 5px;
    _right: 2px;
}


.col-left h1,
.col-right h1 {
	color: white;
	text-align: left;
	margin: 0;
	letter-spacing: 1px;
	font-size:12px;
}

.col-left h1 {
	line-height: 30px;
	padding: 0 0 0 10px;
	border-top: 1px solid white;
	cursor: pointer;
}

.col-left li:first-child h1 {
	border-top: none;
}

.col-left h1:hover {
	background-color: #225894;
}

.col-right h1 {
	padding: 10px 0px 10px 6px;
}

.col-left ul#productnavi,
.col-middle-track ul#tracknavi {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#tracknavi li {
	float:left;
}

.placeholder {
	display: block;
	height: 30px;
	width: auto;
	color: #506070;
	background-color: #d3dae2;
	border-top: 1px solid white;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
}

ul#productnavi li a {
	display: block;
	line-height: 30px;
	width: auto;
	text-align: left;
	text-decoration: none;
	color: #506070;
	font-weight: bold;
	background-color: #d3dae2;
	border-top: 1px solid white;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
}

ul#tracknavi li a {
	display: block;
	height: 25px;
	width:126px;
	text-align: center;
	text-decoration: none;
	color: #506070;
	font-weight: bold;
	background-color: #d3dae2;
	border-top: 1px solid white;
	border-right: 1px solid white;
	white-space: nowrap;
	overflow: hidden;
}

ul#productnavi li a:hover {
	background-color: #225894;
	color: white;
	background-position: 15px -26px;
}

ul#tracknavi li a:hover {
	background-color: #225894;
	color: white;
}

ul#productnavi li a span {
	display: block;
	padding: 0 0 0 10px;
}

ul#tracknavi li a span {
	display: block;
	padding-top: 6px;
}

ul#productnavi li a.selected,
ul#tracknavi li a#selected {
	color: #ffffff;
	background-color: #225894;
}

ul#tracknavi li a#not_selectable {
	background-color: #999999;
    color: #506070;
}

ul#tracknavi li a#not_selectable:hover {
    background-color: #999999;
    color: #506070;
}

div.punktlinie_sidenavi,
div.punktlinie_sidenavi_affiliate {
	border-right: 1px dotted #514653;
	height: 613px;
	margin-top: 11px;
}

.butterfly {
	background-repeat: no-repeat;
	background-position: left 5px;
	position: relative;
	width: 15px;
	margin-left: 4px;
	float: left;
	height: 30px;
}

/* LOGO - FreeDesgin ***/
ul#productnavi li.logoFreeDesign {
	height: 47px;
	background-repeat: no-repeat;
	background-position: 10px 14px;
	cursor: default;
	display: block;
	width: auto;
	color: #506070;
	background-color: #d3dae2;
	border-top: 1px solid white;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
}

ul#productnavi li.logoFreeDesign span {
	display: block;
	padding: 0 0 0 10px;
	line-height: 30px;
	width: auto;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
}

ul#productnavi li.logoFreeDesign:hover {
	text-decoration: none;
}

/* * * BREADCRUMB-NAVI * Stand 14.03.2011 * * */
div#breadcrumb_navi {
	text-align: left;
	border-bottom: 1px dotted #516274;
	line-height: 30px;
}

div#breadcrumb_navi ul {
	list-style-type: none;
	display: inline;
}

div#breadcrumb_navi li {
	font-weight: bold;
}

div#breadcrumb_navi ul li {
    display: inline;
    padding-right: 3px;
}

#registerform div#breadcrumb_navi ul li {
    padding-right: 0px;
}

/* * * * * * * * * * * * * * * * * * * * * * * */


div#breadcrumb_navi ul li a {
	text-decoration: none;
}

div#breadcrumb_navi ul li span {
	font-size: 11px;
	margin: 0 3px;
}

div.naviBar ul li span {
    font-size: 11px !important;
    margin: 0 3px 0 0 !important;
}



/* * * PRODUCT-NAVI (ICONS) * Stand 14.03.2011 * * */

div.produkt p {
	position: absolute;
	top: 105px;
}

div.actionsale {
	position:relative;
	z-index:9997;
}

/* zur Zeit nicht verwendet */
div.actionsale_bg {
	position:absolute;
	width:50px;
	height:50px;
	z-index:9998;
	background-color:#ffffff;
}

/* image specs fuer flyer */
div.actionsale_image {
	position:absolute;
	width:64px;
	height:42px;
	top:41px;
	left:15px;
	z-index:9999;
}

/* image specs fuer plakat */
div.actionsale_image_1 {
	position:absolute;
	width:64px;
	height:42px;
	top:41px;
	left:206px;
	z-index:9999;
}

/* zur Zeit nicht verwendet */
.actionsale_button {
	position:absolute;
	z-index:10000;
	top:123px;
	left:5px;
	width:190px;
}


/* * * TEASERSPALTE RECHTS * Stand 16.03.2011 * * */
/* warenkorb */
a.basketlink {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	float: left;
	margin: 10px 0 0 6px;
	letter-spacing: 1px;
}

a.basketlink:hover {
	text-decoration: none;
}

.basketinfo {
    background: #225894;
    position: relative;
    width: 185px;
    height: 35px;
    margin-left: -1px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * */

/* Search box */
#SearchField {
	background-color: #d3dae2;
	width: 175px;
	padding: 4px 4px 4px 6px;
	margin-left: -1px;
	margin-top: 1px;
}

#Head_searchTerm_Input {
	padding-bottom: 1px;
	padding-left: 3px;
	color: #516274;
	font-size: 11px;
	height: 15px;
	width: 148px;
	opacity: 0.8;
	margin-top: 1px;
	border: 1px solid #fff;
}

#Head_searchField_Icon {
	background-color: #3377c0;
	color: #fff;
	line-height: 14px;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	height: 13px;
	border-color: #77b0ec #2f6fb4 #2f6fb4 #77b0ec;
	border-style: solid;
	border-width: 1px;
	width: 24px;
	margin-top: 1px;
}

#Head_searchField_Icon:hover{
	border-color: #4e79a9 #1b4676 #1b4676 #4e79a9;
	background-color: #225894;
}

/* safari-hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#Head_searchField_Icon {
		line-height: 12px;
	}
}

/* IE10+ hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#Head_searchField_Icon {
		line-height: 12px;
	}
}

/*Servicecall*/
.serviceCall__wrapper {
	position: relative;
	width: 185px;
	height: 94px;
	margin-left: -1px;
	margin-top: 1px;
}
.serviceCall__desc {
	width: 100px;
	padding: 22px 0 0 5px;
}
.serviceTime--txt {
	font-size: 10px;
}
.serviceNumber--txt {
	font-size: 13px;
	letter-spacing: -.05em;
}
.serviceNumber--arrow{
	content: '';
	border-top: 5px solid transparent;
	border-left: 6px solid #b0b7bf;
	border-right: 2px solid transparent;
	border-bottom: 5px solid transparent;
	margin-top: 3px;
}
a#callbacklink {
	display: block;
	width: 114px;
	height: 21px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-position: 0 0;
}

a#callbacklink:hover {
 	background-position: 0 -21px;
}

a#callbacklink span {
	display: none;
}

/*Helpcenter*/
div#helpcenter {
	position: relative;
	width: 185px;
	height: 94px;
	margin-top: 1px;
	margin-left: -1px;
}

a#helpcenterlink {
	display: block;
	width: 115px;
	height: 21px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-position: 0 0;
}

a#helpcenterlink:hover {
 	background-position: 0 -21px;
}

a#helpcenterlink span {
	display: none;
}

/*Freechat*/
div#freechat {
	position: relative;
	width: 185px;
	height: 91px;
	margin-top: 1px;
	margin-left: -1px;
}

a#freechatlink {
	display: block;
	width: 115px;
	height: 32px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-position: 0 0;
}

a#freechatlink:hover {
 	background-position: 0 -34px;
}

a#freechatlink span {
	display: none;
}

/*** service sidebar ***/
#sidebarSpacer {
	height: 247px;
	width: 180px;
	border-left: 1px dotted #506070;
	float: left;
	margin-left: -1px;
	margin-top: 1px;
}

.affiliateContent #sidebarSpacer {
	border-left: none;
}

#payment {
	float: left;
	width: 180px;
	margin-left: -1px;
	border-left: 1px dotted #506070;
	padding-top: 3px;
	padding-left: 5px;
	position: relative;
}

#payment {
	border-bottom: 1px dotted #506070;
	height: 90px;
}

#payment h2 {
	text-align: left;
	font-size: 14px;
	margin-bottom: 12px;
	margin-bottom/*\**/:11px\9; /*ie hack*/
	margin-top/*\**/:1px\9; /*ie hack*/
}

/*ie hack*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#payment h2 {margin-bottom: 11px;margin-top: 1px;}
}

.payment {
	width: 183px;
	height: 50px;
	background-repeat: no-repeat;
}

#payment .tooltip {
	width: 22px;
	height: 12px;
	position: absolute;
}

.position1 {
	top: 58px;
	left: 65px;
}

.position2 {
	top: 61px;
	left: 74px;
}

.position3 {
	top: 61px;
	left: 103px;
}

.position4 {
	top: 61px;
	left: 132px;
}

.position5 {
	top: 58px;
	left: 6px;
}

.position6 {
	top: 58px;
	left: 40px;
}

/**************************************************/
/*** REGISTER & PROFIL EDIT & EDIT PAYMENT DATA ***/
/**************************************************/
.threeFields {
	width: 89px;
	float: left;
}
/****************/

/* half Box - 50% 50% */
.col50p {
	width: 135px;
}

/* box - 4 x 25% */
.col25p {
	width: 66px;
}

/************************/

.checkStyle {
	float:right;
	margin-top:-13px;
}

.radioStyle {
	float:right;
	margin-top:-13px;
}

.radioStyle label {
	padding-left:2px;
}



/****************/


.checkNewsletter label{
	position: relative;
	left: 5px;
	top: -5px;
}

/***********************************************/
/************* Login                  **********/
/***********************************************/

.loginitem {
	float: left;
	padding-top: 10px;
}

.loginitem input {
	width: 273px;
}

.loginitem input.col50p {
	width: 135px;
}

.loginitem label {
	font-weight: bold;
	white-space:nowrap;
}

.loginitem#buttons {
	 margin-top: 37px;
}

.loginitem a {
	width: 269px;
}

.loginitem a.selectboxit-option-anchor {
    width: auto;
}
#loginform2 div.left.box_width556 {
	_width: 555px;
}

#Login_serviceText{
	text-align:justify;
}

/*******************************************/
/********* Upload              *************/
/*******************************************/

div.upload_text p {
	padding-top: 10px;
}

div.dateiformate {
	height: 100px;
	margin-top: 8px;
	border-right: 1px dotted #516274;
	border-bottom: 1px dotted #516274;
}

div.datenkomprimierung {
	height: 476px;
	border-right: 1px dotted #516274;
}

div.dateiformate span,
div.datenkomprimierung span {
	float: left;
	font-size: 15px;
	font-weight: bold;
	padding: 7px 0 0 5px;
}

div.dateiformate img,
div.datenkomprimierung img {
	float: left;
	margin: 15px 0 0 8px;
}

/***********************************************/
/************* Freeprint              **********/
/***********************************************/

.freeprintitem {float:left; padding-top: 3px;}
.freeprintitem.second  {padding-left: 3px;}
.freeprintitem.last  {padding: 3px 0 10px 0;}

.freeprintitem .col100p 	{width:273px; float:left;}

.freeprintitem #street,
.freeprintitem #ort	{
	width:194px;
	float:left;
}

.freeprintitem #street_nr,
.freeprintitem #plz {
	width:76px;
	float:left;
}

.freeprintitem_checkbox {
	width:15px;
	float:left;
	margin-top:-4px;
}

#zahlarten {
	margin-left: -3px;
}

/* thumbnail-Div */
div#preview {
	text-align: center;
	background-color: #7bb1e4;
	position: absolute;
	visibility:hidden;
	left: 0px;
	top: 0px;
	/*width: 105px;
	height: 105px; */
	z-index:2; padding:0;
	border: 1px solid #7bb1e4;
}

div#preview p,
div#preview img {
	margin: 5px;
}

/***********************************************/
/************* Newsletter-Abo         **********/
/***********************************************/

.newsletteritem {float:left; padding-top: 10px;}

.newsletteritem label {
	font-weight: bold;
	white-space:nowrap;
}

.newsletteritem p {
	padding: 15px 0 0 0px;
}

.reCaptcha_is_incorrect .g-recaptcha {
	outline : #FC8600 solid 1px;
}

.formLine .g-recaptcha {
	transform : scale(0.9);
	-webkit-transform : scale(0.9);
	transform-origin : 0 0;
	-webkit-transform-origin : 0 0;
}

/***********************************************/
/************* Guestbook              **********/
/***********************************************/

div.guestbook {
	padding-top: 6px;
	_padding-top: 5px;
	height: 242px;
}

div#guestbook_text p {
	padding-top: 10px;
}

div#guestbook_text a.button {
	text-decoration: none;
}

.guestbookitem { padding-top: 10px;}

.guestbookitem input {
	width: 273px;
}

.guestbookitem label {
	font-size: 12px;
	font-weight: bold;
	white-space:nowrap;
}

.guestbookitem textarea {
	width: 273px;
	height: 130px;
}

.guestbookitem_msg {float:left; padding-top: 10px;}

.guestbookitem_msg textarea {
	width: 273px;
	height: 132px;
	_height: 127px;
	color:#516274;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 3px;
	box-sizing : border-box;
	-moz-box-sizing: border-box;
}

input#guestbook_input {
	color:#516274;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}

input#gb_name::-webkit-input-placeholder,
input#gb_ort::-webkit-input-placeholder,
textarea#message::-webkit-input-placeholder
{
	color:#516274;
	opacity: 1;
}

input#gb_name:-moz-placeholder,
input#gb_ort:-moz-placeholder,
textarea#message:-moz-placeholder
{
	color:#516274;
	opacity: 1;
}

input#gb_name::-moz-placeholder,
input#gb_ort::-moz-placeholder,
textarea#message::-moz-placeholder
{
	color:#516274;
	opacity: 1;
}

input#gb_name:-ms-input-placeholder,
input#gb_ort:-ms-input-placeholder,
textarea#message:-ms-input-placeholder
{
	color:#516274;
	opacity: 1;
}

div.entry {
	font-size: 12px;
	color: #516274;
	margin-bottom: 10px;
}

div.entry p.metadata {
	font-size: 10px;
	margin-top: 2px;
}

div#guestbook_entries {
	margin-top: 10px;
	text-align:left;
	height: 174px;
	_height: 187px;
	overflow: auto;
	padding: 10px 0 0 10px;
	border: 1px solid #516274;
}

div#guestbook_entries .entry {
	padding-bottom:10px;
	border-bottom: 1px solid #516274;
	margin-right: 15px;
}

div#guestbook_entries .entry .translated {
	color: #2394CC;
	font-style: italic;
}

div.entry #entry_from {
	font-style:italic;
}

div.entry #date_and_country {
	font-style:italic;
	margin-top: 2px;
}

div.entry #date_and_country img {
	margin-right: 3px;
}

img.gb_flag {
	position: absolute;
	margin-top: 2px;
}

span.gb_flagtext {
	margin-left: 15px;
}

/*******************************************/
/********* Kundenvorschlag     *************/
/*******************************************/

.suggestion_text {
	color: #666666;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px;
}

.suggestionitem {
	float:left;
	padding-top: 10px;
}

.suggestionitem textarea {
	width: 273px;
	height: 232px;
}

/*******************************************/
/********* Unternehmen         *************/
/*******************************************/

div.unternehmen p {
	padding-top: 10px;
}

div.unternehmen .webcams {
	float: left;
	padding-left: 5px;
	width: 107px;
}

div.unternehmen .webcams#first {
	padding-left: 0px;
}

div.unternehmen .webcams .text {
	width: 107px;
	text-align: center;
	line-height: 8px;
	_line-height: 19px;
}


/*******************************************/
/********* Mustermappe         *************/
/*******************************************/

div.mustermappe p {
	padding-top: 10px;
}

div.mustermappeitem span {
	float: left;
}

div.mustermappe_menge select{
	width: 40px;
	float: left;
}

/*Groesenveraenderung der Selectbox in Mustermappen_menge fuer FF3*/
div.mustermappe_menge select, x:-moz-any-link, x:default {
	height: 21px;

}

div.mustermappe_produkt select{
	width: 228px;
	float: left;
	margin-left: 5px;
}

/*Groessenveraenderung der Selectbox in mustermappen_produkt fuer FF3*/
div.mustermappe_produkt select, x:-moz-any-link, x:default {

	height: 21px;

}

div.mustermappe_preis input{
	width: 273px;
	margin-top: 5px;
}

/*******************************************/
/********* Kalkulieren         *************/
/*******************************************/

#calcform div.formelement {
	position:relative;
}


#calcform div.formelement label {
	display: block;
	margin: 5px 0 2px 0;
	_margin: 0px 0 0px 0;
  _height: 15px;
	padding:  7px 0 2px 0;
	font-size: 11px;
	font-weight: bold;
	color: #516274;
	white-space:nowrap;
}

#div_sponsoring label{
	margin:  0 0;
	padding:  6px 0 0px 0;
}

#calcform div.formelement select {
	width: 250px;
	font-size: 11px;
	height: 20px;
	display: none;
}

#calcform div.formelement input {
	width: 273px;
	height: 20px;
}

/* spezieller Hack der fuer FF3 und IE greift*/
/* IE-Deklarationen werden in iefixes.css wieder ueberschrieben */
#calcform div.formelement select, x:-moz-any-link, x:default {
    margin-top:1.4px;
    _margin-top:0px;
	height: 21px;
}

#calcform div.formelement div.col50pLeft{
	width:113px;
	position:absolute;
	float:left;
	left:0px;
}
#calcform div.formelement div.col50pRight{
	width:113px;
	position:absolute;
	right:47px;
}
#calcform div.formelement input#auflageInd {
	color:#aaaaaa;
	width:113px;
	height:22px;
}

div.formelement select#linien {
	float: left;
	width: 70px;
}

div.formelement select#nutung_perforation {
	float: left;
	width: 180px;
}

div.formelement select#proofselection {
	float: left;
	width: 180px;
}

div.formelement select#proofpages {
	float: left;
	width: 70px;
}


div.formelement p.clearfloating {
	clear: both;
}
div.formelement select#lieferzeit {
	float: left;
	width: 222px;
	margin-left: 4px;
}

#calcform div.formelement a.go_link{
	position: absolute;
	top: 23px;
	right:24px;
	width:17px;
	height:17px;
}
.button.go_link img{
	margin-top:4px;
}

div.pricebox a.button {
	margin-top: 2px;
	height: 17px;
}

#calcform input#nettopreis,
#calcform input#bruttopreis {
	font-weight: bold;
	font-size: 12px;
	height: 22px;
}

#calcform p#fairpreiszeile {
	clear: both;
	font-weight: bold;
}

#calcform a#order_button {
	margin-top: 22px;
	_margin-top: 24px;
}

/*******************************************/
/********* order_steps         *************/
/*******************************************/

#orderform div.col-middle-left input {
	font-size: 11px;
}

#orderform input.radioStyle,
#freeprintform input.radioStyle  {
	float: none;
}

div#payment_types .radiobutton {
	position:relative;
	top:0px;
	height:25px;
}


div#payment_types .radiobutton label {
	position: relative;
	font-weight:bold;

}

div#payment_types input.radioStyle {
	float:left;
	position: relative;
	margin: -2px 9px 0 0;
	margin: 0 7px 0 -4px\9;
	top: 1px;
	padding: 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	div#payment_types input.radioStyle {
    	margin: 0 9px 0 2px;
	}
}

div#payment_types .radiobutton .span {
	float: left;
}

div#payment_types .radiobutton a {
	position:absolute;
	right:0px;
	top:0px;
}

div#payment_types .radiobutton .payment_surcharge {
	position:absolute;
	right:25px;
	top: 2px;
	text-align:right;
}

div#payment_types .radiobutton .fee {
	top:0px;
}

div#options {
	margin-top: 10px;
}

div.option_line {
	position: relative;
	height: 20px;
}

div.option_line input#agb{
	float:left;
	margin-right: 5px;
}

div.option_line span {
	position:absolute;
	right:25px;
	top: 2px;
	text-align:right;
}

#printlink span{
	position:relative;
	right:0px;
	top: 0px;
	text-align:right;
}

/* Gutscheinfeld */
div.option_line input#txtToken {
    width: 120px;
    padding: 1px 3px 0px 0px;
    height: 18px;
    margin-top: -2px;
}

h2#optionHeader {
	line-height: 20px;
	background-color: #ffcb1d;
	color: #225894;
	padding-left: 3px;
	margin: 0 0 4px 0;
	padding-top: 0;
}

div#agb_block {
	position: absolute;
	bottom: 0;
}

table#orderbodyContainer td, table#order-overview td {
	font-size: 11px;
}

table#orderbodyContainer td.orderdata_right {
	padding-left: 20px;
}

table#orderbodyContainer td.ordercosts_right {
	padding-left: 18px;
}

table#order-overview td.orderdata_left {
	width: 50%;
}

table#order-overview td.orderdata_right {
	padding-left: 0px; width: 1%;
}

table#order-overview td.ordercosts_left {
	width: 50%;
}

table#order-overview td.ordercosts_right {
	padding-left: 0px; width: 1%;
}

table#order-overview td.currency {
	width: 100%;
}

table#orderbodyContainer, table#order-overview {
	font-size: 11px;
	margin: 10px 10px 0 0;
}


div.text-field.orderstep_freeprint {
	height: 118px;
	overflow: auto;
	border: 1px solid #d3dae2;
	padding: 10px;
}

div.text-field.orderstep_sample {
	height: 320px;
	overflow: auto;
	border: 1px solid #d3dae2;
	padding: 10px;
}

div#agb_text {
	border: 1px solid #d3dae2;
	padding: 5px;
	height: 160px;
	overflow: auto;
	width: 266px;
}

div.checkAGB{
	position: absolute;
	text-align: left;
	height: 15px;
	width: 400px;
}

#inputContainer input {
	position: relative;
	top: 6px;
	_top: 2px;
	_left: -4px;
}

#inputContainer label {
	position: relative;
	top: 0;
	_left: -7px;
}

#dba_hinweis_div {
	position:absolute;
	bottom:0px;
	left:20px;
	text-align:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	padding:0 20px 3px 8px;
}

/*delivery-adress*/

.col100p      { width:273px; left:0px; }

.col801pLeft  { width:220px;left:0px; }
.col201pRight { width:50px; right:0px; }

.col20pLeft  { width:65px; left:0px; }
.col20pRight  { width:65px; right:0px; }
.col80pRight { width:205px; right:0px; }
.col80pLeft { width:205px; left:0px; }

.btnWidth414 {
	width: 414px;
	width: 418px\9;
}

/*******************************************/
/********* Lieferadressen-Popup ************/
/*******************************************/

td.form_headline {
	font-weight: bold;
}

#ad_form .adressitem {float:left; padding-top: 5px;}
#ad_form .adressitem.second {padding-left: 5px;}

#ad_form .adressitem .col50p  	{width:206px; float:left;}
#ad_form .adressitem .col100p 	{width:418px; float:left;}

#ad_form .adressitem .inputField {width:100%; float:left;}

#ad_form .adressitem select {height: 20px;}

/* #ad_form .adressitem input {padding-top: 1px;} */ //commented for add new address layer

.adressitem #str	{width:293px; float:left;}
.adressitem #hnr	{width:120px; float:left;}

.adressitem #plz  	{width:120px; float:left;}
.adressitem #ort  	{width:293px; float:left;}
.adressitem #county {width:150px; float:left;}

.adressitem #img_button {margin-top: 15px; width: 418px; height: 19px;}

#firm_name_opt.inputField::-webkit-input-placeholder,
#phone_opt.inputField::-webkit-input-placeholder
{
	color: #999999;
	opacity: 1;
}
#firm_name_opt.inputField:-moz-placeholder,
#phone_opt.inputField:-moz-placeholder
{
	color: #999999;
	opacity: 1;
}
#firm_name_opt.inputField::-moz-placeholder,
#phone_opt.inputField::-moz-placeholder
{
	color: #999999;
	opacity: 1;
}
#firm_name_opt.inputField:-ms-input-placeholder,
#phone_opt.inputField:-ms-input-placeholder
{
	color: #999999;
	opacity: 1;
}

/* grey font optional input */
.adressitem input.grey {
	color: #909090;
}

.adressitem input.grey.active {
	color: #506070;
}

a.tooltipLinkText {
    font-size: 12px;
}

/*******************************************/
/*********    Bankabbuchungform ************/
/*******************************************/

#sepaLastschrift_form label {
	display: block;
}

#sepaLastschrift_form input {
	width: 273px;
}

#sepaLastschrift_form .left input,
#sepaLastschrift_form .right input {
	width: 135px;
}

#abbuchungform div.formelement {
	margin: 0;
	padding: 0;
}

#sepaLastschrift_form div.formelement {
	margin-top: 34px;
	_margin-top: 50px;
}

/*******************************************/
/***************   Jobs ********************/
/*******************************************/
.jobs_right{
	margin-top: 10px;
}

#angebote{
    height: 299px;
    _height: 293px;
}

#job_land{
	margin-top: 14px;
	_margin-top: 8px;
}

#job_staedte {
	font-size: 9px;
	margin-top: 59px;
}

#job_staedte a {
	font-size: 9px;
}

#job_position{
	margin-top: 10px;
}

#job_livecam_text{
	float: left;
	width: 120px;
	margin-right: 28px;
}

.job_livecam_image{
	float: left;
	width: 120px;
}

.livecam_description{
	display: block;
}

span.livecam_description {
    padding-top: 3px;
    _padding-top: 0px;
    padding-bottom: 1px;
}

.livecam_top{
    margin-top: 10px;
}

.livecam_right{
	margin-right: 28px;
}

#joboffer_headline h1{
	font-size: 14px;
	margin-top: 8px;
}

#joboffer_description{
	margin-top: 8px;
}

#bewerben{
	margin-top: 15px;
}

#zurueckzurjobuebersicht{
	margin-top: 15px;
}

#joboffer_list h2{
	font-size: 11px;
}

#joboffer_list ul{
	margin-left: 15px;
	list-style-type: disc;
}

#joboffer_posttext,
#joboffer_posttext_2{
	margin-top: 13px;
}
/*
 * @description Styles fuer MessageBox
 * @author Michael Bauer <michael.bauer@unitedprint.com>
 */
#MessageLayer {
	position: absolute;
	top: 50px;
	left: 200px;
	display: none;
	font-family: Arial, Helvetica, Sans-Serif;
	color: #516274;
	font-size: 12px;
	width: 365px;
	z-index: 9003;
	background-color: #CFE2F6;
    text-align:left;
    border-style:solid;
    border-width:2px;
    border-color:#E4E5E7 rgb(182, 187, 190) rgb(182, 187, 190) rgb(228, 229, 231);
}
#MessageTitle {
	padding: 3px 0 0 5px;
	background-color: #225894;
	color:#FFFFFF;
	height: 20px;
	font-weight:bold;
}
#MessageLayerBackround {
    display:none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    margin: 0px;
    background-color: #FFFFFF;
    border: none;
    z-index: 9000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: .7;
}
#MessageInner {
	padding-left:20px;
	padding-top:15px;
	padding-right:20px;
	overflow:auto
}
.MessageButtonOK {
	top: 155px;
	margin-top: 15px;
	margin-bottom: 20px;
}

#p24_Preloader {
	position: relative;
	margin: 15px 0px 15px 147px;
	height: 30px;
	width: 30px;
}

	/* Bewertungsanzeige im Guestbook */
	span.guestbook_stars {
		position: relative;
	}

	span.guestbook_stars span {
		font-style: normal;
	}

	span.guestbook_stars img {
		border: none;
		width: 10px;

	}

	span.guestbook_stars a {
		position: relative;
		top: 2px;
		text-decoration: none;
	}

	span.guestbook_stars span.valuetext {
		display: none;
		background-color: #d9dfe5;
		border: 1px solid white;
		padding: 2px 3px;
		font-size: 11px;
		position: absolute;
		top: -20px;
		left: 0px;
		white-space: nowrap;
		text-decoration: none;
		font-weight: bold;
	}

	span.guestbook_stars span em {
		font-size: 12px;
	}

/*=============[ style Sonderfarbe ]========= */
/*** Eingabe-/Verarbeitungsfelder (nach Reihenfolge) ***/
/* Aesserer Container */
.containerColour1 {
  width:273px;
  height:30px;
}
/* Innerer Container */
.containerColour2 {
  position:absolute;
  width:273px;
  height:30px;
}
/* Individualauswahl */
.item_2a {
  position:absolute;
  width:90px;
  top:5px;
  left:0px;
}
/* Farbeingabefeld */
.item_2b {
  position:absolute;
  top:5px;
  left:105px;
}
/* GO-Button */
a.go_colour{
	position: absolute;
	margin-top: 5px;
	left:188px;
	width:15px;
	height:15px;
	_width:19px;
}
.button.go_colour img{
	margin-top:3px;
}

/* Gebuehrenfeld */
.item_2d {
  position:absolute;
  top:5px;
  left:210px;
}

/*** Autocompleter (AC) ***/
/* Aesserer Container */
#content .containerColour3 {
  position:absolute;
  z-index:1000;
}
/* AC - haengt an Farbeingabefeld */
#content .item_3a {
	display: none;
  position:absolute;
  left:105px;
  top:-6px;
  width:80px;
  height:85px;
  _height:100px;
}
/*============[ eof Sonderfarbe ]========== */

/* Anpassung Buttons Bestellabschluss */
.orderButton {
    position: relative;
    bottom: -7px;
    width: 560px;
}

.okButton {
	width: 273px;
	bottom: -26px;
	margin-top: 137px;
}

.changeButton {
	width: 273px;
	bottom: -132px;
	_bottom: -135px;
}

/* Anpassung Bestelluebersicht */
.col-middle-left #orderbodyContainer {
    position: relative;
    /*height: 270px;*/
}

/*
 * @description Adress-Felder in order_step3
 * @author michael bauer <michael.bauer@unitedprint.com>
 */
#address .buttonChange {
    display: block;
    width: 70px;
    height: 14px;
    line-height: 13px;
}
#address #address_data2 {
    color: #FF9900;
}
#address #inputContainer {
    position: absolute;
    top: 434px;
}
#address input#agb {
    margin: 0px;
    padding: 0px;
    height: 14px;
    width: 14px;
}
#address #agb_label {
    letter-spacing: -0.1ex;
    margin: 0px 0px 0px 0px;
}
/***********************************************/
/********* Status Logo (Gold, Platin, ... ******/
/***********************************************/

.eingelogt_als .membershipIMG {
	margin: 0px 0px 0px 0px;
	border: none;
	vertical-align: middle;
}

.pricebox .membershipIMG {
	float:left;
	margin: 0px 3px 0px 0px;
}

/********************************************************/
/*			Preis inkl.Versand - Block					*/
/********************************************************/
div #priceBox{
	font-size: 12px;
	font-weight: bold;
	color: #516274;
	font-family: arial, sans-serif;
}
div #priceBox .top_n{
	margin-top: 5px;
}
div #priceBox .top_b{
	margin-top: 7px;
}
div .align_right{
	text-align:right;
}
div .priceBoxBack{
	position:absolute;
	z-index:1;
	margin-top: 1px;
}
div .priceBoxFront{
	position:absolute;
	z-index:2;
	clip:rect(0px, 272px, 42px, 0px);
	margin-left: 5px;
}
div .element{
	position:relative;
	float:left;
	width:100%;
}

/********************************************************/
/*					ServiceCallBack						*/
/********************************************************/

.callBackBody {
	margin: 0 0 0 0;
	text-align: left;
}

div.callBackBanner {
	width: 364px;
	height: 89px;
}

.callbackheadline {
	width: 364px;
	height: 12px;
	padding: 8px 0 0 10px;
}

div.callBackContent {
	width: 364px;
	height: 300px;
	padding-top: 20px;
}

div.callBackRow {
	height: 44px;
	width: 318px;
	position: relative;
	margin-left: 10px;
}

div.threeFieldsLeft {
	position: absolute;
	left: 0;
}

div.threeFieldsMiddle {
	position: absolute;
	left: 116px;
}

div.threeFieldsRight {
	position: absolute;
	left: 232px;
}

.callBackText {
	margin-left: 10px;
	height: 75px;
	width: 344px;
	padding-left: 3px;
	padding-top: 2px;
}
.callBackButton {
   	margin-top: 3px;
}
/* working googleChrome + safari hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.callBackButton {
	   	margin-top: 1px;
	}
}
.callBackButton a {
   	width: 339px;
   	margin-left: 10px;
}

.callBackButton span {
	color:#ffffff;
}

/********************************************************/
/*			Selectbox fuer Bestbuy					*/
/********************************************************/
.kalk_dist{
height:15px;
}

.seltxt{
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#516274;
}

.oberbox{
  position: relative;
  display: block;
  height: 20px;
  background-repeat:repeat-x;
}

.oberbox_lieferzeit {
	background-color: #ffffff;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.oberbox_left{
  float: left;
  width: 4px;
}

.oberbox_left_lieferzeit{
  float: left;
  width: 4px;
  background-color: #ffffff;
  height: 18px;
}

.img_left{
  margin-left:-1px;
}

.oberbox_cont{
  margin: 2px 0 0 0px;
  _margin: 3px 0 0 0px;
  float: left;
  overflow:hidden;
}

.oberbox_button{
  display: block;
  height: 17px;
	color:#516274;
  text-decoration: none;
  cursor:default;
  overflow:hidden;
}

.oberbox_button:hover{
  text-decoration: none;
}

.oberbox_right{
  float: right;
  display: block;
  width:18px;
  height: 20px;
}

.oberbox_but_right{
  display: block;
  width:18px;
  height: 20px;
  cursor:default;
}


.box_auswahl{
   display:none;
   position:relative;
   background-color: #fff;
   z-index:500;
   border: 1px solid #000;
}

.box_auswahl_lieferzeit {
   display:none;
   position:absolute;
   background-color: #fff;
   z-index:500;
   margin-top:0px;
   border: 1px solid #000;
}

.box_content{
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
  background-color: #fff;
	color:#516274;
	height: 14px;
	position: relative;
}

.box_content_but{
	color:#516274;
	height: 14px;
	display: block;
	padding-left: 5px;
  text-decoration: none;
  cursor:default;
}

.box_content_but_lieferzeit {
	color: #516274;
	height: 17px;
	display: block;
	padding-left: 3px;
	text-decoration: none;
	cursor:default;
}

.box_but{
  float: left;
	width: 290px;
	height: 14px;
	display: block;
  text-decoration: none;
  cursor:default;
}

.hide {
display: none;
}

.space{
clear: both;
position: relative;
display: block;
height: 20px;
width: 318px;
}

.space1{
height: 20px;
width: 318px;
}

.boxfloat{
float: left;
}

/* Klassen fuer Product-box*/
.menue_head{
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	display: block;
  background-color: #fff;
	color:#516274;
	height: 16px;
	width: 100%
	background-position: 0 0;
}

.menue_head:hover{
	background-position: 0 -16px;
}

.sub_menue_head{
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	display: block;
    text-decoration: none;
    cursor:default;
	color:#516274;
	height: 14px;
	width: 100%;
	background-color: #ffffff;
}

.menue_content{
   display:none;
   position:relative;
   background-color: #fff;
   z-index:500;
   margin-top:0px;
}

.menue_icon{
	display: block;
  float: right;
  height: 15px;
  width: 10px;
  margin-right: 5px;
	background-position: 0 0;
}

.menue_title{
	float: left;
  cursor:default;
	color:#ffffff;
  height: 15px;
	padding-left: 5px;
}

.menue_txt{
	float: left;
  cursor:default;
	color:#516274;
	padding-left: 5px;
  background-color: transparent;
}
/* Ende der Klassen fuer Product-box*/


/* * * banner / footer text * * */
/* product sale banner */
/* freedesign banner */
#Foot_specialSaleBanner,
#Foot_productSaleBanner,
#Foot_freeDesignBanner {
	float: left;
}

#Foot_productSaleBanner {
	margin: 3px 0 4px 0;
}

#Foot_specialSaleBanner {
	margin: 0 0 4px 0;
}

#Foot_freeDesignBanner {
	margin-bottom: 6px;
}

#Foot_gotoSpecialSale_Link img,
#Foot_gotoProduct_Link img,
#Foot_gotoFreeDesignProduct_Link img {
	background-repeat: no-repeat;
	height: 112px;
	width: 948px;
}

div#productInfoText {
	position: relative;
	float: left;
	width: 947x;
}

.foot_navi {
    /*margin-right: 54px;*/
    float: left;
    position: relative;
    right: 0px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* fuer kalkulierseiten */
.menge_col1{
float: left;
text-align: right;
}
.menge_col2{
float: left;
text-align: right;
}

.menge_col3{
float: left;
text-align: right;
}


.lieferzeit_col1{
margin-left: 5px;
float: left;
text-align: right;
}
.lieferzeit_col2{
float: left;
text-align: right;
}
.lieferzeit_col3{
float: left;
text-align: left;
margin-left: 8px;
white-space:nowrap;
}

.kopier1{
float: left;
text-align: right;
}

.kopier2{
float: left;
text-align: left;
margin: 0 -5px 0 5px;
}

.kopier3{
float: right;
text-align: right;
}

.selectedfakeradiobutton {
	float: left;
	height: 12px;
	width: 12px;
	margin-top: 2px;
	margin-left: 4px;
	display: block;
	background-position: 0 -12px;
	background-repeat:no-repeat;
}

.fakeradiobutton {
	float: left;
	height: 12px;
	width: 12px;
	margin-top: 2px;
	_margin-top: 0px;
	margin-left: 4px;
	display: block;
	_background-position: 0 2px;
	background-repeat:no-repeat;
}

/************************************************/
/*      Datenblatt/Factsheet                    */
/************************************************/

.dataRequirements {
    display: block;
    width: 22px;
    height: 21px;
}
.key__tab-proberty {
	width: 161px;
}
.key__pdf-img,
.key__indesign-img {
    background-repeat: no-repeat;
    background-size: contain;
	width: 22px;
	height: 24px;
	display: block !important;
	margin: 2px 0 0 20px;
}

.textNeg a {
    font-size: 12px;
}

/********************************************/

/* Angbeot drucken */
.serviceline {
    float: right;
    font-size:10px;
    font-weight:bold;}

.upperpoint {
    padding-left:3px;
    padding-right:1px;
}

#angebot #adresse p {
     margin-top: 0px;
}

/*************************************/
/**  Angebot-/Bankabbuchung drucken **/
/*************************************/
body#angebotdrucken,
body#sepalastschriftdrucken {
	margin: 1em;
}

#angebotdrucken div#address_data h2,
#sepalastschriftdrucken div#address_data h2 {
	color: #00394B;
	font-weight: normal;
}

#angebotdrucken .left {
	float: left;
}

#angebotdrucken .right,
#sepalastschriftdrucken .right {
	float: right;
}

#sepalastschriftdrucken .right {
	height: 87px;
}

#angebotdrucken div,p,
#sepalastschriftdrucken div,p {
	text-align: left;
}

#angebotdrucken p, h1,
#sepalastschriftdrucken p, h1 {
	margin-top: 1.5em;
}

#angebotdrucken h1,
#sepalastschriftdrucken h1 {
	position: relative;
}

#angebotdrucken h1.nouserdata,
#sepalastschriftdrucken h1.nouserdata {
	margin-top: 0;
}

#angebotdrucken h1 span,
#sepalastschriftdrucken h1 span {
	position: absolute;
	right: 1em;
}

#angebotdrucken div#head,
#sepalastschriftdrucken div#head {
	text-align: left;
	margin: 1em 0 2em 0;
	float: right;
}

#angebotdrucken p#useraddress,
#sepalastschriftdrucken p#useraddress,
#angebotdrucken div#address_data p,
#sepalastschriftdrucken div#address_data p {
	margin-top: 0;
	margin-bottom:10px;
}

#angebotdrucken h2,
#sepalastschriftdrucken h2 {
	margin: 10px 0 0 0;
}

#sepalastschriftdrucken h2:first-child {
	margin: 0px;
}

#angebotdrucken .servicefreecall_Time,
#sepalastschriftdrucken .servicefreecall_Time {
	margin-top: 0px;
	text-align: right;
}

#angebotdrucken h2#first {
	margin: 0;
}

#angebotdrucken .contentFrame {
	margin-top: 2em;
}

#angebotdrucken table.contentTable {
	width:100%;
	margin-left: 0px;
	border: 0;
}

#angebotdrucken table.contentTable td.col1 {
	font-size: 11px;
	width: 73%;
	padding-top: 0px;
	padding-right: 25px;
	vertical-align: top;
}

#angebotdrucken td.col1 div#content {
	width:100%;
	display: inline;
	float:none;
	margin-left: 0px;
}

#angebotdrucken table.contentTable td.col2 {
	font-size: 11px;
	vertical-align: top;
	width: 27%;
}

#sepalastschriftdrucken div#content {
	width: 73%;
	margin-top: 31px;
	display: inline;
	float: left;
	border: none;
}

#sepalastschriftdrucken table.tableBox {
	border: 0;
}

#sepalastschriftdrucken table.tableBox td.col1 {
	width: 36px;
}

#sepalastschriftdrucken table.tableBox td.col2 {
	width: 457px;
}

#sepalastschriftdrucken table.tableBox td.col3 {
	width: 122px;
}

#sepalastschriftdrucken table.printwidth {
	width: 400px;
	border: 0;
}

#sepalastschriftdrucken table.kontoinhaberUnterschrift {
	border: 0;
}

#sepalastschriftdrucken table.kontoinhaberUnterschrift tr.line1 {
	height: 22px;
}

#sepalastschriftdrucken table.kontoinhaberUnterschrift tr.line1 td.col2 {
	width: 60px;
}

#sepalastschriftdrucken div#address_data {
	float: right;
	display: inline;
	width: 27%;
	margin-top: 31px;
}

#angebotdrucken div#address_data {
	display: inline;
	float: none;
	width:100%;
	margin-top: 31px;
}

#angebotdrucken div#address_data p,
#angebotdrucken div#address_data h2,
#sepalastschriftdrucken div#address_data p,
#sepalastschriftdrucken div#address_data h2 {
	font-size: 9px;
}

#angebotdrucken table.contentTable td.col1 #content div:first-child,
#sepalastschriftdrucken #content table.tableBox td.col2 {
	font-size: 9px;
	color: #00394B;
}

#angebotdrucken table.contentTable td.col1 #content div:first-child {
	margin-bottom: 10px;
}
/***************/
/*** GATEWAY ***/
/***************/
.gateway_layer {
	width: 100%;
    height: 347px;
    position: absolute;
    z-index: 10001;
    top: 202px;
    left: 0;
}

#gateway {
	width: 712px;
	height: 500px;
	margin: auto;
	position: relative;
}

#gateway a:hover {
    text-decoration: none;
}

#Head_goToFp_Link {
	width: auto;
	height: 68px;
	background-color: #516274;
	padding: 10px 20px;
	position: relative;
}

#Head_goToFp_Link:hover {
	background-color: #435263;
    cursor: pointer;
}

#Head_goToFD_Link {
	width: auto;
	height: 68px;
	background-color: #0091D7;
	padding: 10px 20px;
	position: relative;
	margin-top: 18px;
}

#Head_goToFD_Link:hover {
	background-color: #007DC4;
    cursor: pointer;
}

#Head_goToDDK_Link {
	width: auto;
	height: 68px;
	background-color: #2f6891;
	padding: 10px 20px;
	position: relative;
	margin-top: 18px;
}

#Head_goToDDK_Link:hover {
    background-color: #092959;
    cursor: pointer;
}

#Head_goToUSS_Link {
	width: auto;
	height: 68px;
	background-color: #203377;
	padding: 10px 20px;
	position: relative;
	margin-top: 18px;
}

#Head_goToUSS_Link:hover {
	background-color: #1b2b65;
	cursor: pointer;
}

#gatewayLogoFp {
	background-repeat: no-repeat;
	width: 224px;
	height: 45px;
	margin-right: 30px;
	margin-top: 11px;
	float: left;
}

#gatewayLogoeasyprint {
	background-repeat: no-repeat;
	width: 221px;
	height: 68px;
	float: left;
	margin-right: 33px;
}

#gatewayLogoeasyprinting {
    background-repeat: no-repeat;
    width: 240px;
    height: 54px;
    float: left;
    margin-right: 30px;
    margin-top: 4px;
}

#gatewayLogoddkprintbig {
	background-repeat: no-repeat;
	width: 224px;
	height: 24px;
	float: left;
	margin-right: 30px;
	margin-top: 22px;
}

#gatewayLogoUpShop {
	background-repeat: no-repeat;
	width: 224px;
	height: 39px;
	float: left;
	margin-right: 30px;
	margin-top: 14px;
}
#gatewayStamp {
	background-color: #fff;
	border-radius: 40px;
	height: 72px;
	width: 72px;
	position: absolute;
	top: 8px;
	right: 20px;
}

#gatewayStamp > span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
	height: 72px;
	font-weight: bold;
	line-height: 18px;
	width: 72px;
}

#Head_goToFp_Link #gatewayStamp > span {
	color: #516274;
}

#Head_goToFp_Link:hover #gatewayStamp > span {
	color: #435263;
}

#Head_goToDDK_Link #gatewayStamp > span {
	color: #2f6891;
}

#Head_goToDDK_Link:hover #gatewayStamp > span {
	color: #092959;
}

#Head_goToFD_Link #gatewayStamp > span {
	color: #0091d7;
}

#Head_goToFD_Link:hover #gatewayStamp > span {
	color: #007DC4;
}

#Head_goToUSS_Link #gatewayStamp > span {
	color: #203377;
}

#Head_goToUSS_Link:hover #gatewayStamp > span {
	color: #1b2b65;
}

.fi #gatewayStamp > span,
.fr #gatewayStamp > span {
	font-size: 12px;
}

.no #gatewayStamp > span {
	font-size: 15px;
}

.gatewayText {
	font-size: 15px;
	color: #FFF;
	line-height: 22px;
	text-align: left;
	float: left;
	width: 340px;
	margin-top: -5px;
}

.gatewayText span {
	text-decoration: underline;
}

.it .gatewayText,
.fr .gatewayText,
.es .gatewayText,
.en .gatewayText {
	font-size: 13px;
}

.nl .gatewayText {
	font-size: 14px;
}

.gatewaySloganText {
	font-size: 15px;
	color: #FFF;
	margin-top: 12px;
	text-align: left;
	white-space: nowrap;
	float: left;
	width: 340px;
}

.it .gatewaySloganText,
.fr .gatewaySloganText,
.fi .gatewaySloganText,
.es .gatewaySloganText,
.pt .gatewaySloganText {
	font-size: 11px;
}

.pl .gatewaySloganText,
.el .gatewaySloganText,
.hu .gatewaySloganText,
.sl .gatewaySloganText {
	font-size: 12px;
}

.nl .gatewaySloganText,
.cs .gatewaySloganText,
.sk .gatewaySloganText {
	font-size: 13px;
}

.en .gatewaySloganText {
	font-size: 13px;
}

.gatewayNote {
	font-size: 10px;
	text-align: center;
	color: #000;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 712px;
	float: left;
	line-height: 14px;
}

.gatewayNote div {
	text-align: center;
}

#gateway a {
	cursor: default;
}

#Head_showGateway_Input {
	height: 13px;
	border: none;
	position: relative;
}

.gatewayNoteText {
	display: inline;
	margin-left: 6px;
	bottom: 2px;
	_bottom: -1px;
	position: relative;
	line-height: 11px;
}

/* SOCIAL MEDIA BUTTONS */
#socialBackground {
	width: 100%;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9001;
}

.socialMediaIcons {
	width: 947px;
	height: 20px;
	position: relative;
	top: 8px;
	margin-left: auto;
	margin-right: auto;
}

#Gateway_facebook_Icon {
	background-position: 0 0;
	width: 11px;
	height: 20px;
	display: block;
	float: left;
	margin-left: 10px;
}

#Gateway_facebook_Icon:hover {
	background-position: 0 -20px;
}

#Gateway_google_Icon {
	background-position: -12px 0;
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	margin-left: 10px;
}

#Gateway_google_Icon:hover {
	background-position: -12px -20px;
}

#Gatway_linkedIn_Icon {
	background-position: -32px 0;
	width: 16px;
	height: 20px;
	display: block;
	float: left;
	margin-left: 10px;
}

#Gatway_linkedIn_Icon:hover {
	background-position: -32px -20px;
}

#Gateway_twitter_Icon {
	background-position: -47px 0;
	width: 23px;
	height: 20px;
	display: block;
	float: left;
	margin-left: 10px;
}

#Gateway_twitter_Icon:hover {
	background-position: -47px -20px;
}

#Gateway_xing_Icon {
	background-position: -70px 0;
	width: 17px;
	height: 20px;
	display: block;
	float: left;
	margin-left: 10px;
}

#Gateway_xing_Icon:hover {
	background-position: -70px -20px;
}

/* styles für AGB drucken seite */

/* table */
.printinfo #inform_desc_agbkundeninfo_GB table u{
    font-weight: normal;
    margin-top: 3px;
    margin-bottom: 3px;
}

.printinfo #inform_desc_agbkundeninfo_GB table {
    width:  100%;
    border: none;
    border-spacing: 0px;
    border-collapse: collapse;
    border: 1px solid #000000;
}

.printinfo #inform_desc_agbkundeninfo_GB table th{
    width: 50%;
    height: 30px;
    border: 1px solid #000000;
}

/**************************/
/*** LAYER SHOW IMPRINT ***/
/**************************/

/*******************************/
/*** LAYER INFO FREE PRODUCT ***/
/*******************************/

#Head_layer_dontBuyProduct_Button,
#Head_layer_dontOrderProduct_Button {
	margin-top: 5px;
}

/*******************************/
/***        AFFILIATE        ***/
/*******************************/
div.affiliateContent {
	height: 100%;
	background-color: #ffffff;
	border-bottom: 1px dotted #516274;
}
.affiliateContent .col-left-middle {
	float: left;
	text-align: left;
	width: 761px;
}

.affiliateContent .col.col-right {
	border-left: 1px dotted #516274;
}

.affiliateContent #payment {
	border-left: none;
}

.affiliateContent #payment {
	width: 181px;
}

.affiliateHeadline {
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 11px;
}

#affiliatePage {
	margin-top: 17px;
}

.affiliateIntro {
	margin: 0 10px 14px 0;
}

#affiliatePage .contentCol {
	width: 365px;
}

#affiliatePage .contentCol.right {
	margin-right: 10px;
}

#affiliatePage .selected {
	text-decoration: underline;
}

.affiliateHeadline.stepsHeadline {
	margin-bottom: 14px;
}

.affiliateImg {
	float: left;
	margin-bottom: 15px;
	min-height: 91px;
	position: relative;
	width: 100%;
}

.affiliateImg:last-child {
	margin-bottom: 20px;
}

.stepsGraphic {
	width: 126px;
	min-height: 91px;
	height: 100%;
	position: absolute;
	background-color: #215793;
	background-repeat: no-repeat;
	background-position: center;
}

.stepName {
	color: #FFFFFF;
	margin-left: 5px;
	position: absolute;
	z-index: 10;
}

.stepsText {
	float: right;
	width: 229px;
}

.stepsText .affiliateHeadline {
	font-size: 11px;
	margin-bottom: 6px;
}

.stepsText div:nth-child(2){
	line-height: 13px;
}

#affiliatePage li {
	list-style-type: none;
}

.affiliateRegister,
.affiliateForm {
	margin-top: 14px;
}

.item {
	clear: both;
	float: left;
	height: 44px;
	position: relative;
	vertical-align: bottom;
	width: 365px;
}

.threePerLine {
	width: 120px;
}

.threePerLine.left,
.threePerLine.middle {
	float: left;
	margin-right: 3px;
}

.threePerLine.left,
.threePerLine select {
	width: 119px;
}

.threePerLine input {
	width: 120px;
}

.twoPerLine,
.twoPerLine input {
	width: 181px;
}

.twoPerLine.left {
	margin-right: 3px;
}

#Affiliate_register_Btn {
	margin-top: -6px;
}
/* working ie hack */
_:-ms-input-placeholder, :root #Affiliate_register_Btn {
	margin-top: -7px;
}

/* USt-IdNr. Layer */
.layerContent {
	_width: 362px;
}

input#Head_layer_customerUst_Input,
input#Head_layer_companyPostcode_Input,
input#Head_layer_companyCity_Input,
input#Head_layer_companyName_Input,
input#Head_layer_firmName_Input,
input#Head_layer_firmPostcode_Input,
input#Head_layer_firmCity_Input {
	padding-left: 2px;
	font-size: 11px;
	height: 20px;
	width: 362px;
	padding-top: 0px;
	padding-bottom: 2px;
}

input#Head_layer_customerUst_Input {
	margin: 13px 0;
}

input#Head_layer_companyName_Input,
input#Head_layer_firmName_Input {
	margin: 13px 0 0;
}

input#Head_layer_companyPostcode_Input,
input#Head_layer_firmPostcode_Input {
	margin: 13px 3px 0 0;
	width: 90px;
}

input#Head_layer_companyCity_Input,
input#Head_layer_firmCity_Input {
	margin: 13px 0 0;
	width: 269px;
}

input#Head_layer_companyCity_Input.inputWidth_ie,
input#Head_layer_firmCity_Input.inputWidth_ie {
	margin: 13px 0 0;
	width: 362px;
}

.UstIdNr_layer_Btn .btn_layer:last-child,
#Head_layer_cancelFirmResidence_Btn,
#Head_layer_cancelCompanyName_Btn,
#Head_layer_cancelFirmName_Btn {
	margin-top: 5px;
}
/* hack fuer safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
	.UstIdNr_layer_Btn .btn_layer:last-child {
		margin-top: 6px;
	}
}

/* Error-Meldung */
#ust_error.error {
	padding-top: 10px;
	float: none;
	width: 362px;
}

.ustLayer_subheadline {
	font-weight: bold;
	padding-bottom: 8px;
}
/* grey font optional input */
.layerContent input.grey {
	color: #909090;
}

.layerContent input.grey.active {
	color: #506070;
}

/***********************************************/
/*** Luxecore Video & Luxecore/Textil Button ***/
/***********************************************/
.trademarkSign {
	font-size: 12px;
	vertical-align: top;
}

/*******************************/
/***   Textil printing area  ***/
/*******************************/
#windowPrintingArea.content {
	width: 640px;
	font-size: 12px;
}

#printingArea_fpLogo_Pic {
	width: 640px;
	height: 88px;
	margin-bottom: 20px;
}

#printingArea_textilImage_Pic {
	text-align: left;
}

#printingArea_fpLogo_Pic img {
	float: right;
	margin: 20px 10px 0 0;
}

#printingArea_pdf {
	margin-top: 20px;
}
#printingArea_pdf p,
#printingArea_pdf div:first-child.left {
	padding-left: 35px;
}

#printingArea_pdf div.left figure {
	float: left;
	margin-right: 7px;
	padding-top: 1px;
}

#printingArea_pdf div.right a.dataRequirements {
	width: 120px;
	height: 24px;
}

#printingArea_pdf div.right img {
	float: left;
	margin-right: 7px;
}

#printingArea_pdf div.right div {
	line-height: 15px;
}

/* SVG legend icon */
.baseArea {
	fill: #3377C0;
	stroke: #3377C0;
}

/* notWhiteTextile */
.baseArea .white {
	fill: #fff;
}

/*-------Including shoppingCart.css--------*/
.orderServiceRow {
	position:relative;
	float:left; /* fuehrt im IE zu Layout-Fehlern */
	_float:none;
	width: 268px;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	margin-bottom: -6px;
}

.orderServiceCell-1 {
	float:left;
	margin-left: 2px;
	margin-right: 4px;
    _margin-right: 2px;
}

.orderServiceCell-2 {
	float:left;
}
.orderServiceCell-2 label {
	position: relative;
	display: inline;
}

.orderServiceCell-2 label span{
	position: absolute;
	top: 1px;
	right: -22px;
}

.orderServiceCell-3 {
	float:right;
}

.orderServiceCell-3 a {
	margin: 0px 4px 0px 0px;
	padding: 0px;
}

.specialeBox_label{
	margin-top: 2px;
}

.divRow:first-child {
	margin-top: 0;
}

div.divRow {
	margin-top: 5px;
	width: 100%;
}

div.amountLabel {
    float: left;
    width: 80px;
}
/* Banner auf der Warenkorbseite */

.tt_box {
	display: none;
    position:absolute;
  	top:0px;
  	left:0px;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 11px;
  	background-color: #d3dae2;
  	border: 1px solid #FFFFFF;
  	width: 300px;
  	text-align: left;
  	padding: 5px 5px 0px;
  	overflow:hidden;
  	color: #516274;
  	z-index: 100;
}

.closeButton{
	border: 1px solid #ffffff;
}

/* * * * * * * * * * * * * * */
/* * *  UPGRADE-LAYER  * * * */
/* * * * * * * * * * * * * * */

/* UPGRADE LAYER REDSESIGN */
.upgradeOptions {
	margin-top: 7px;
}

.defaultOption {
	margin-top: 6px;
	float: left;
}

.upgradeOptions input.radioButton {
	height: auto;
	width: auto;
	margin-right: 3px;
}

.optionText {
	width: 333px;
}

.upgradeSteps {
	height: 14px;
	position: relative;
	clear: both;
	padding: 16px 0 6px;
	margin: 0 auto;
}

.upgradeSteps > div {
	margin: 0 2px;
	float: left;
}

.circleCounter {
	border-radius: 50px;
}

.circleCounter.active {
	background-color: #3377c0;
	border-color: #478fd9 #195090 #195090 #478fd9;
	border-style: solid;
	border-width: 2px;
	width: 14px;
	height: 14px;
	box-sizing: border-box;
}

.circleCounter.inactive {
	width: 11px;
	height: 11px;
	background-color: #D3DAE2;
	margin-top: 1px;
}

#Arrow_Btn {
	color: #3377c0;
	font-size: 30px;
	position: absolute;
	top: 3px;
	right: -1px;
	cursor: pointer;
	line-height: 27px;
	margin-right: -1px;
}

#Arrow_Btn::after {
	content: "\ffe9";
}

.premiumPaperImg  {
	float: left;
    margin-top: 10px;
}

.premiumPaperImg div {
	float: left;
	width: 174px;
	height: 114px;
	background-repeat: no-repeat;
    background-position: 0 0;
    position: relative;
}

.premiumPaperImg span {
	font-size: 10px;
	position: absolute;
	bottom: 0;
	left: 12px;
}


/* imprint products */
#imprintVisual {
	float: left;
	width: 362px;
}

.bcLwithImprint,
.bcPwithImprint,
.pcLwithImprint,
.pcPwithImprint,
.fLwithImprint,
.fPwithImprint {
	margin: 16px auto 0;
	background-color: #fff;
	border: 1px solid #D3DAE2;
}

.bcLwithImprint {
	height: 130px;
	width: 200px;
}

.bcPwithImprint {
	height: 200px;
	width: 130px;
}

.pcLwithImprint {
	height: 142px;
	width: 200px;
}

.pcPwithImprint {
	height: 200px;
	width: 142px;
}

.fLwithImprint {
	height: 100px;
	width: 200px;
}

.fPwithImprint {
	height: 200px;
	width: 100px;
}

#logoImprint.bcPlogo,
#logoImprint.bcLlogo,
#logoImprint.pcPlogo,
#logoImprint.pcLlogo,
#logoImprint.fPlogo,
#logoImprint.fLlogo {
	background-repeat: no-repeat;
	background-size: contain;
   	display: block;
	position: relative;
	margin: 0px auto;
	height: 3em;
}

#logoImprint.bcPlogo,
#logoImprint.bcLlogo {
	width: 8em;
}

#logoImprint.pcPlogo,
#logoImprint.pcLlogo {
	width: 6em;
}

#logoImprint.fPlogo,
#logoImprint.fLlogo {
	width: 4em;
}

#logoImprint.bcPlogo {
	bottom: -165px;
}

#logoImprint.bcLlogo {
	bottom: -95px;
}

#logoImprint.pcPlogo {
	bottom: -170px;
}

#logoImprint.pcLlogo {
	bottom: -112px;
}

#logoImprint.fPlogo {
	bottom: -178px;
}

#logoImprint.fLlogo {
	bottom: -80px;
}

/* * * OSCS -- OrderShoppingCartSummary  * * */

/* credit inputs */
#creditDataInput,
#bankDataInput {
	margin-top: 5px;
}

.dataLine {
	width: 228px;
	height: 27px;
}

.dataCol {
	width: 120px;
	float: right;
	white-space: nowrap;
}

.dataLine label {
	float: left;
	margin-top: 4px;
	font-weight: bold;
}

.saveData {
	height: 20px;
}

#creditDataInput .saveData {
	width: 144px;
	float: right;
}

/*.saveData label,
.confirmMandat label {
	position: absolute;
	font-weight: normal;
	margin-left: 5px;
	margin-top: 5px;
	font-size: 9px;
}*/

#Global_saveCreditData_Check label {
	font-weight: normal;
}

#valid {
	float: left;
	margin-top: 2px;
}

/*#creditCardStored span,
#bankDataStored span {
	font-weight: bold;
}*/

#cardNumberStored {
	float: left;
}

#validStored {
	clear: both;
	margin-bottom: 2px;
}

.confirmMandat {
	float: left;
	font-size: 9px;
	white-space: nowrap;
}

.confirmMandat a {
	font-size: 9px;
}

#creditCardError {
	margin-top: 2px;
	margin-bottom: 2px;
}

#bankDataError {
	margin-bottom: 2px;
}

/* layer sepa mandate */
#win_sepaMandate_content p {
	margin-top: 10px;
}

/* LAYER - book type */
#OSC_layer_bookTypingReader_Input,
#OSC_layer_bookTypingChildrenBook_Input {
	float:left;
	border:none;
	margin-right:2px;
	padding-right:-2px;
	margin-top:-3px;
}
/*-------Including portalContent.css--------*/
html *{margin:0;padding:0}body{font-size:11px;font-family:arial,sans-serif;text-align:left;color:#516274}a{color:#516274;text-decoration:none;font-size:11px;cursor:pointer}a:hover{text-decoration:underline}a.underline{text-decoration:underline}img{border:0}.right{float:right}.left{float:left}.clear{clear:both}.flex-container{display:flex}.flex--item-auto{flex:auto}.flex--item-inital{flex:initial}.dis--in-B{display:inline-block}.vertAlignTop{vertical-align:top}.vertAlignBottom{vertical-align:bottom}.vertAlign--mid{vertical-align:middle}.alignRight{text-align:right}.alignLeft{text-align:left}.alignCenter{text-align:center}.textDecoNone{text-decoration:none}.noBorderRight,#basicOrderTbl .noBorderRight{border-right:0}.noBorderLeft,#basicOrderTbl .noBorderLeft{border-left:none}.noBorderBottom,#basicOrderTbl .noBorderBottom{border-bottom:0}#OPES .col-middle-left,#OSCS .col-middle-left,#OSCS .col-middle-right{width:272px}.dis--0{display:none}.dis--tab-row{display:table-row}.dis--tab-cell{display:table-cell}.hidden{display:none;visibility:hidden}.topMinus1{margin-top:-1px}.topMinus2{margin-top:-2px}.topMinus3{margin-top:-3px}.topMinus4{margin-top:-4px}.top1{margin-top:1px}.top3{margin-top:3px}.top4{margin-top:4px}.top5{margin-top:5px}.top6{margin-top:6px}.top7{margin-top:7px}.top8{margin-top:8px}.top9{margin-top:9px}.top10{margin-top:10px}.top11{margin-top:11px}.top12{margin-top:12px}.top13{margin-top:13px}.top14{margin-top:14px}.top15{margin-top:15px}.top17{margin-top:17px}.top16{margin-top:16px}.top18{margin-top:18px}.top20{margin-top:20px}.top23{margin-top:23px}.top24{margin-top:24px}.top32{margin-top:32px}.top50{margin-top:50px}.right2{margin-right:2px}.right4{margin-right:4px}.right6{margin-right:6px}.right10{margin-right:10px}.right25{margin-right:25px}.bottom0{margin-bottom:0}.bottom1{margin-bottom:1px}.bottom2{margin-bottom:2px}.bottom3{margin-bottom:3px}.bottom5{margin-bottom:5px}.bottom9{margin-bottom:9px}.bottom11{margin-bottom:11px}.bottom15{margin-bottom:15px}.leftMinus6{margin-left:-6px}.leftMinus2{margin-left:-2px}.left3{margin-left:3px}.left4{margin-left:4px}.left7{margin-left:7px}.left10{margin-left:10px}.left12{margin-left:12px}.left16{margin-left:16px}.left17{margin-left:17px}.left18{margin-left:18px}.left20{margin-left:20px}.p-right7{padding-right:7px}h1,h2,h3{font-size:12px;font-weight:bold;margin:0 0 10px}h3{font-size:11px}h2.subHeadline,h3.subHeadline{text-align:left;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}h2.subHeadline{font-size:13px;line-height:18px}h3.subHeadline{font-size:11px}.formHeadline{text-align:left;float:left;padding:0;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:18px}.formHeadline span{font-weight:normal}.smallText,.smallText a{font-size:9px;text-align:left}.boldText{font-weight:bold}.text--weight-bold{font-weight:bold}.addonText{text-align:right}td{font-size:11px}.text--align-right{text-align:right}.text--align-center{text-align:center}.text--align-left{text-align:left}.text--nowrap{white-space:nowrap}.text--size-smaller{font-size:10px}.blau{color:#225894}.dunkelgrau *{color:#516274}.hellgrau{color:#d3dae2}.orangeText{color:#fc8600}.blueText{color:#225894}.darkGreyText{color:#516274}.grey{color:#909090}.inactive{color:#aaa}.active{color:#506070}.error{color:#fc8600}#OSCS .active{color:#506070}.lightGreyBg{background-color:#d3dae2}.greyBg{background-color:#d1dae1}.lightBlueBg{background-color:#488dd8}.bg_blau{background-color:#225894}.bg_dunkelgrau{background-color:#516274}.bg_hellgrau{background-color:#d3dae2}.bg_hellblau{background-color:#488dd8}.hellblau:hover{background-color:#225894}.inputError,.selectBox.error{border:1px solid #fc8600!important}.button20{width:20px}.button124{width:124px}.button134{width:134px}.button272{width:272px}.button362,.button362inactive{width:362px}.button369,.button369inactive{width:369px}.button20,.button124,.button134,.button272,.button362,.button369{display:block;height:20px;line-height:16px;text-align:center;font-size:11px;text-decoration:none;font-weight:bold;color:#FFF;background-color:#3377c0;border-right:2px solid #195090;border-bottom:2px solid #195090;border-left:2px solid #478fd9;border-top:2px solid #478fd9;box-sizing:border-box;-moz-box-sizing:border-box}.button20:hover,.button124:hover,.button134:hover,.button272:hover,.button362:hover,.button369:hover{text-decoration:none;color:#FFF;background-color:#225894;border-right:2px solid #1b4676;border-bottom:2px solid #1b4676;border-left:2px solid #4e79a9;border-top:2px solid #4e79a9}.button362inactive,.button369inactive,.button272inactive{display:block;height:20px;line-height:16px;text-align:center;font-size:11px;text-decoration:none;font-weight:bold;color:#516274;background-color:#d3dae2;border-right:2px solid #516274;border-bottom:2px solid #516274;border-left:2px solid #e0e5eb;border-top:2px solid #e0e5eb;box-sizing:border-box;-moz-box-sizing:border-box;cursor:default}.button362inactive:hover,.button369inactive:hover,.button272inactive:hover{text-decoration:none}.button[disabled],.button[disabled]:hover,.button20[disabled],.button20[disabled]:hover,.buttonInactive,.buttonInactive:hover{display:block;height:16px;line-height:16px;text-align:center;font-size:11px;text-decoration:none;font-weight:bold;color:#516274;background-color:#d3dae2;border-right:2px solid #465568;border-bottom:2px solid #465568;border-left:2px solid #e0e5eb;border-top:2px solid #e0e5eb;cursor:default}.button20[disabled],.button20[disabled]:hover{height:20px}.infoIcon{width:14px;height:14px;font-family:Times New Roman,serif;font-weight:bold;font-size:14px;line-height:15px;color:#FFF;background-color:#3377c0;border-right:1px solid #195090;border-bottom:1px solid #195090;border-left:1px solid #478fd9;border-top:1px solid #478fd9;cursor:pointer}.infoIcon:hover{color:#FFF;background-color:#225894;border-right:1px solid #1b4676;border-bottom:1px solid #1b4676;border-left:1px solid #4e79a9;border-top:1px solid #4e79a9;text-decoration:none}.infoIcon::after{content:"i";margin-left:5px}.closeButton,.overlay_tooltip_fp_close{box-sizing:border-box;-moz-box-sizing:border-box;width:16px;height:16px;font-family:Arial;font-weight:bold;font-size:14px;line-height:12px;text-align:center;text-decoration:none;color:#FFF;background-color:#3377c0;border-right:1px solid #195090;border-bottom:1px solid #195090;border-left:1px solid #478fd9;border-top:1px solid #478fd9;cursor:pointer;float:right}.closeButton::after,.overlay_tooltip_fp_close::after{content:"x"}.switch{display:none}.toolIcon{box-sizing:border-box;-moz-box-sizing:border-box;width:16px;height:16px;background-color:#3377c0;border-right:1px solid #195090;border-bottom:1px solid #195090;border-left:1px solid #478fd9;border-top:1px solid #478fd9;cursor:pointer;float:left;display:table-cell;text-align:center;margin-right:4px}.toolIcon[disabled]{background-color:#d3dae2;border-right:1px solid #516274;border-bottom:1px solid #516274;border-left:1px solid #e0e5eb;border-top:1px solid #e0e5eb;cursor:default}.toolIcon.green_bg{background-color:#00be00;border-right:1px solid #008500;border-bottom:1px solid #008500;border-left:1px solid #7fde7f;border-top:1px solid #7fde7f}.toolIcon.orange_bg{background-color:#fc8600;border-right:1px solid #ca6b00;border-bottom:1px solid #ca6b00;border-left:1px solid #fdaa4c;border-top:1px solid #fdaa4c}.toolIcon svg{height:1.1em;width:initial;fill:#FFF;vertical-align:middle;margin-top:-0.2em}@media screen and (-webkit-min-device-pixel-ratio:0){.toolIcon svg{margin-top:-0.4em}}.toolIcon[disabled] svg{fill:#516274}.hintIcon{width:14px;height:14px;border-radius:50px;background-color:#fa720f;cursor:pointer}.hintIcon::after{content:"!";margin-left:6px;color:#FFF;font-weight:bold}@media screen and (-webkit-min-device-pixel-ratio:0){.hintIcon::after{margin-left:5px;line-height:14px}}.input_fake,input,select{height:20px;padding-left:4px;padding-left:3px\9;font-size:11px;color:#506070;border:1px solid #d3dae2;box-sizing:border-box;-moz-box-sizing:border-box}.input_fake{padding-top:.25em;padding-bottom:.25em}.selectLine input{vertical-align:text-bottom}.input42{width:42px}.input54{width:54px}.input50{width:50px}.input65{width:65px}.input69{width:69px}.input88{width:88px}.input112{width:112px}.input118{width:118px}.input119{width:118px}.input134{width:134px}.input142{width:142px}.input146{width:146px}.input179{width:179px}.input180{width:180px}.input203{width:203px}.input248{width:248px}.input272{width:272px}.input362{width:362px}.select69{width:69px}.select73{width:73px}.select88{width:88px}.select112{width:112px}.select118{width:118px}.select119{width:119px}.select134{width:134px}.select179{width:179px}.select272{width:272px}.select362{width:362px}textarea{font-family:arial,sans-serif;padding-left:4px;padding-left:3px\9;font-size:11px;color:#506070;border:1px solid #d3dae2;box-sizing:border-box;-moz-box-sizing:border-box}.textarea272{width:272px}.checkBox{border-style:none;width:14px;height:14px}.radioButton{border-style:none;width:14px;height:14px}.formLine{margin-top:.417em;float:left}.formButtonLine{height:20px;clear:both}.halfColumn,.thirdColumn,.twothirdColumn,.quarterColumn,.threequarterColumn,.sixthColumn{float:left}#OAE .column{width:362px}#OAE .halfColumn{width:179px}#OSCS #bankData .column,#OSCS #creditCardInput .column{width:142px}#OSCS #bankData .halfColumn,#OSCS #creditCardInput .halfColumn{width:69px}#Reg .column,#Profil .column,#PwdEdit .column,#PayData .column{width:272px}#Reg .halfColumn,#Profil .halfColumn,#PayData .halfColumn{width:134px}#Reg .thirdColumn,#Profil .thirdColumn,#PayData .thirdColumn{width:88px}#Reg .twothirdColumn,#Profil .twothirdColumn{width:180px}#Reg .quarterColumn,#Profil .quarterColumn,#PayData .quarterColumn{width:65px}#Reg .threequarterColumn,#Profil .threequarterColumn{width:203px}#Reg .sixthColumn,#Profil .sixthColumn{width:42px}.selectLine{height:20px;clear:both}.storedLine{line-height:20px;clear:both}.ttContent,.big_tt{position:absolute;color:#516274;background-color:#d3dae2;border:1px solid #fff;padding:5px;font-family:Arial;font-size:11px;text-align:left;visibility:hidden;z-index:1000}.ttContent.click{width:260px}.ttContent.hover{white-space:nowrap;padding:5px}.big_tt{width:326px;height:355px;overflow:auto}.big_tt.autoheight{height:auto}.ttContent h1,.ttContent b,.big_tt b{font-weight:bold;font-size:11px}.ttContent b,.big_tt b{line-height:16px}.ttContent b>span{font-weight:normal}.ttContent h2{font-weight:normal;font-size:11px;margin-top:5px}.ttContent p{margin-top:5px}.ttContent br,.big_tt br{margin-bottom:5px}.ttContent br:first-of-type,.big_tt br:first-of-type{margin-bottom:0}.ttContent em{font-style:normal;font-weight:11px}.ttContent a,.big_tt a{color:#516274;padding:0;margin:0}.ttContent ul{list-style-type:none}.ttContent li{padding:0;margin:0;list-style-type:none}#info_tooltip{background-color:#d3dae2;border:1px solid #fff;color:#516274;font-size:11px;padding:2px 5px 5px;position:absolute;text-align:left;display:none;z-index:10000}.tooltip__wrapper{position:relative;display:inline-block;cursor:default}.tooltip__wrapper .tooltip__text{visibility:hidden;width:auto;background-color:#d3dae2;color:#516274;border:1px solid #FFF;font-size:11px;text-align:left;padding:.25em .417em;position:absolute;z-index:1;margin-left:.083em;opacity:0;transition:opacity .3s;white-space:nowrap}.tooltip__wrapper:hover .tooltip__text{visibility:visible;opacity:1}hr{margin:0;padding:0;border:1px solid #516274;border-width:1px 0 0 0}header,hgroup,nav,article,figure,figcaption,section,aside,footer{display:block;padding:0;margin:0}footer{display:block}div #orderShoppingCartContainer hr{clear:both;margin-top:1px;padding:0;border:1px solid #516274;border-width:1px 0 0 0;height:1px;width:100%;float:left;display:block;margin-bottom:0;_margin-bottom:-13px}.clear{clear:both}#c_finishing_size{position:absolute;visibility:hidden}.forwardingText{font-size:11px;font-family:arial,sans-serif;text-align:left;color:#516274;width:500px;display:block;margin:120px auto 0}.forwardingText a{text-decoration:underline;color:#516274}.width5pr{width:5%}.width6pr{width:6%}.width7pr{width:7%}.width9pr{width:9%}.width16pr{width:16%}.width18pr{width:18%}.width20pr{width:20%}.width21pr{width:21%}.width24pr{width:24%}.width25pr{width:25%}.width32pr{width:32%}.width34pr{width:34%}.width40pr{width:40%}.width49pr{width:49%}.width55pr{width:55%}.width66pr{width:66%}.width70pr{width:70%}.width82pr{width:82%}.width91pr{width:91%}.width92pr{width:92%}.width93pr{width:93%}.width94pr{width:94%}.width95pr{width:95%}.width97pr{width:97%}.width99pr{width:99%}.width100pr{width:100%}
/*-------Including headAfoot.css--------*/
#win_luxecoreVideo_layer_content embed{margin:7px 0 -2px 0}
/*-------Including subContent.css--------*/
/* * * * * * * * */
/* FileStructure */
/* * * * * * * * *
1 LAYER
	1.1 LAYER - Luxecore video (Störer)
	1.2 LAYER - Go to freedesign
	1.3 LAYER - Feedback
	1.4 LAYER - Live tour
2 REGISTER/PROFILE EDIT
3 EDIT BANK DATA
4 SOCIAL MEDIA ICONS
5 PRODUCT NAVIGATION
	5.1 PRODUCT NAVIAGATION - Tiles
6 KEY ACCOUNT
7  CUSTOMER/GUEST + PARTNER LOGIN
7 EVALUATION
8 LOGIN
9 PRODUCT VIEW
	9.1 STYLES for SVG FACTSHEETS
+ PAGER (Address-Layer, MyOrders - must be implemented)

 * * * * * * * * */



/***************/
/*** 1 LAYER ***/
/***************/
/*******************************************/
/*** 1.1 LAYER - Luxecore video (Störer) ***/
/*******************************************/
/* class .top6 is defined in layer content */
#win_luxecoreVideo_layer_content .top6 {
	margin-top: 10px;
}

#win_luxecoreVideo_layer_content embed {
	margin: 7px 0 -2px 0;
}

/****************************/
/*** 1.3 LAYER - Feedback ***/
/****************************/
#feedback_layer .closeButton,
#feedback_customer_layer .closeButton{
	position:absolute;
	top:6px;
	right:6px;
}
/*****************************/
/*** 1.4 LAYER - Live Tour ***/
/*****************************/
#livetour_main_layer {
    position: absolute;
    width: 356px;
    height: 380px;
    display: none;
    z-index: 10000;
}
#livetour_main_layer .closeButton{
    position:absolute;
    top:6px;
    right:0px;
}
/******************/
/*** 2 REGISTER ***/
/******************/
main {
	box-sizing: border-box;
	float: left;
	margin: 0 auto;
	max-width: 1600px;
	width: 60%;
	padding-left: 0.85em;
}

.leftColumn {
    width: 48.4%;
    float: left;
    min-width: 272px;
}
.rightColumn {
    width: 48.4%;
    float: right;
    min-width: 272px;
}
.middleColumn {
    width:100%;
    float:left;
    min-width:550px;
}

/* remove if formLine adapted global */
#Reg .formLine,
#Login .formLine  {
	margin-top: 0;
	float: none;
	clear: both;
	height: 44px;
}

/* legal notes */
.legalNotes {
	margin-top: 1.45em;
}

.legalNotes p {
	text-align: justify;
	margin-top: 0.75em;
}

.legalNotes a {
	margin-left: 0 !important;
}

.legalNotes .selectLine:nth-child(1) label {
	margin-bottom: 0.75em;
}

/* button */
#Reg_customerRegister_Btn,
#Reg_partnerRegister_Btn {
    margin-top: -2.3em;
}

#Reg .infoIcon,
#Profil .infoIcon {
	margin-top: 1px;
}

/* IE10+ hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#Reg .infoIcon,
	#Profil .infoIcon {
		margin-top: -1px;
	}
}

/* googleChrome + safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#Reg .infoIcon,
	#Profil .infoIcon {
		margin-top: -1px;
	}
}

#Reg_countryFlag_Pic,
#Reg_countryFlag_Pic > img,
#Profil_countryFlag_Pic,
#Profil_countryFlag_Pic > img {
	height: 20px;
	width: 30px;
}

.registerBtn {
	margin-top: -20px;
}

.profileEditBtn {
	margin-top: -64px;
}

.editPaymentDataBtn {
	margin-top: -118px;
}

.regularRegisterServicebox,
.affiliateRegisterServicebox {
	margin-top: 0.85em;
	text-align: justify;
}

.regularProfileEditServicebox,
.affiliateProfileEditServicebox {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	text-align: justify;
	width: 556px;
}

#profileEditpage .grey,
.grey .selectboxit-text[data-val="0"],
ul[id^="birth_"] li[data-val="0"] a {
    color: #909090;
}

/************************/
/*** 3 EDIT BANK DATA ***/
/************************/
#editBankData #bankDataError {
	margin-top: 6px;
	margin-bottom: 14px;
}


/****************************/
/*** 4 SOCILA MEDIA ICONS ***/
/****************************/
#feedback_icons {
    float: right;
    position: absolute;
    width: 34px;
    height: 270px;
    right: 0px;
    top: 222px;
    bottom: 38px;
    overflow: none;
}

.feedback_small_icon {
    background-repeat: no-repeat;
    height: 34px;
    width: 34px;
    display: block;
    cursor: pointer;
}

.feedback_facebook {
    background-position: 0 -34px;
}

.feedback_facebook:hover {
    background-position: -34px -34px;
}

.feedback_twitter {
    background-position: 0 -68px;
}

.feedback_twitter:hover {
    background-position: -34px -68px;
}

.feedback_xing {
    background-position: 0 -102px;
}

.feedback_xing:hover {
    background-position: -34px -102px;
}

.feedback_linkedIn {
    background-position: 0 -136px;
}

.feedback_linkedIn:hover {
    background-position: -34px -136px;
}

.feedback_large_icon {
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 99px;
    width: 34px;
    display: block;
}

.feedback_large_icon:hover {
    background-position: -34px 0;
}


/****************************/
/*** 5 PRODUCT NAVIGATION ***/
/****************************/
/***************************************/
/*** 5.1 PRODUCT NAVIAGATION - Tiles ***/
/***************************************/
div.produkt {
	position: relative;
	width: 184px;
	height: 123px;
	overflow: hidden;
	border-right: 1px dotted #516274;
	border-bottom: 1px dotted #516274;
	float: left;
}

.produkt.last {
	border-right: none;
}

.produkt.lowest_row {
	border-bottom: none;
	height: 124px;
}

div.produkt div.inner_space {
	padding: 6px 4px 4px;
	padding-top: 7px\9; /*ie hack*/
}

/* IE10+ hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	div.produkt div.inner_space {
		padding-top: 7px;
	}
}

/* headline */
#productmenucontainer h2.subHeadline {
	margin-bottom: 7px;
}

/* PRODUCT ICONS */
.produkt figure {
	float: left;
	width: 100px;
	height: 88px;
}

.produkt svg {
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	position: relative;
	filter: drop-shadow(0px 0px 5px rgba(136,181,230,0.7));
}

.produkt .iconBlue {
	fill: #BFD7F1;
	stroke: #3377C0;
}

.produkt .iconWhite {
	fill: #fff;
	stroke: #3377C0;
}

.produkt .iconFullBlue {
	fill: #88B5E6;
	stroke: #88B5E6;
}

.produkt .iconDarkBlue {
	fill: #3377C0;
	stroke: #3377C0;
}

.produkt .noFill {
	fill: none;
}

.produkt .noStroke {
	stroke: none;
}

/* detail box */
div.produkt .details {
	width: 70px;
	height: 69px;
	float: right;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}

div.produkt span {
	display: block;
	text-align: center;
}

span.auflage {
	white-space: nowrap;
}

span.preis {
	margin-top: 3px;
}


.detailsTop {
	width: 69px;
	height: 36px;
	border-right: 1px solid #225894;
	border-bottom: 1px solid #225894;
	padding-top: 5px;
}

.detailsBottom {
	width: 70px;
	height: 20px;
	padding-top: 7px;
}

.detailsBottom .arrow {
	font-weight: bold;
	font-size: 12px;
	display: block;
	padding-left: 10px;
	background-position: 7px -6px;
	background-repeat: no-repeat;
	color: #516274;
}


/*********************/
/*** 6 KEY ACCOUNT ***/
/*********************/
#KeyAcc .infoIcon {
	margin-top: -2px;
}


/*
** 7 CUSTOMER/GUEST + PARTNER LOGIN
*/
#Login .formLine input{
	width:100%;
}
#Login .formLine div:first-of-type{
	float:left;
}
#Login .formLine div:nth-of-type(2){
	float:right;
}
#Login .leftColumn .button{
    box-sizing :border-box;
    -moz-box-sizing:border-box;
    height:1.833em;
    margin-top:-0.167em;
}
#Login .leftColumn + .leftColumn .button{
    margin-top:-0.167em;
}
#Login section > section{
	margin-top:0.917em;
}
#Login section + section > section{
	margin-top:0.833em;
}
#Login section > section > a{
	font-size:11px;
	float:left;
	width:100%;
}
#Login p.error{
	display:none;
	margin:0.2em 0 0.917em 0;
}
#Login .leftColumn + .width100pr{
	margin-top:0.917em;
}
.left.width100pr p{
	margin-top:0.083em;
}
/*
+ UPLOAD
*/
#Upload .button {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 1.833em;
	width: 100%;
	float: left;
}
#Upload .button + .button {
	margin-top: 0.33em;
}
.order_position_properties {
	display: table;
	margin: 0.583em 0 0.253em 0;
	float: left;
}
.order_position_properties div{
	display:table-row;
}
.order_position_properties div div{
	display:table-cell;
}
.order_position_properties div div:first-child{
	width:30%;
}
/* box */
.panel_currentUploads {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	width: 100%;
	margin: 0.333em 0;
	float: left;
}
.panel_currentUploads > div:first-child {
	background-color: #488DD8;
	text-indent: 0.5em;
	line-height: 1.9;
	color: #FFF;
}
.panel_currentUploads > div:last-child {
	display: block;
	background-color: #488DD8;
	color: #000;
	text-indent: 0.5em;
	height: 1.833em;
	position: relative;
}
.uploadedFiles{
	/*display:table;*/
	height:12.5em;
    overflow-x:hidden;
    background-color:#FFF;
	width:99.5%;
	border-left:1px solid #D3DAE2;
	border-right:1px solid #D3DAE2;
}
/* line / row */
.fileOverview{
	display:table-row;
	width:96%;
	height:1.167em;
	float:left;
	padding:1% 2% 0;
	margin-top:0.333em;
}
.file_name{
	display: table-cell;
	width:88%;
	float:left;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.file_services{
	display: table-cell;
	width:10%;
	float:right;
}
.file_services div{
	display: table-cell;
	width:3%;
}
#Upload_delete_Icon svg{
	fill:#516274;
	cursor:pointer;
	float:right;
	height:1.083em;
	width:initial;
}
#Upload_correct_Icon svg{
	fill:#00BE00;
	float:right;
	height:1em;
	width:initial;
}
.uploadState{
	float:right;
}
/* error */
.panel_currentUploads .errorLine{
	width:96%;
	display:table-row;
	float:left;
	padding:0.083em 2% 0;
}
.panel_currentUploads .errorLine .error {
	color: #FC8600 !important;
	font-size: 10px;
	line-height: 1.2;
	margin: 0 !important;
}
.panel_currentUploads .errorLine .error + .error {
	color: #909090 !important;
}
/* progress */
.panel_currentUploads progress{
	width:96%;
	height:1em;
	vertical-align:-0.333em;
}
/* working googleChrome + safari hack */
@media screen and (-webkit-min-device-pixel-ratio:0){
	.panel_currentUploads progress{
		margin-top:-1.417em;
	}
}
/*
+ PROGRESS BAR
*/
progress{
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	width: 100%;
	border: none;
	vertical-align: 0;
	background: #FFF;
	position: relative;
}
/* working ie hack */
_:-ms-input-placeholder, :root progress {
	color: #00BE00;
}
/* firefox */
progress::-moz-progress-bar {
	background: #00BE00;
}
progress::-moz-progress-bar {
	background: #00BE00;
}
/* googleChrome */
progress::-webkit-progress-value {
    background: #00BE00;
}
progress::-webkit-progress-bar {
    background: #FFF;
}
/* empty progress bar */
progress:not([value])::-webkit-progress-bar {
  background: #FFF;
}
progress:not([value])::-moz-progress-bar {
  background: #FFF;
}
label[name="progress"] {
	position: absolute;
	z-index: 1;
	text-align: center;
	width: 100%;
	margin: 0.25em 0 0 0;
}
/*
+ PRINT DATA PREVIEW
*/
#PDPreview .panel_currentUploads {
	margin-top: 0;
}
#PDPreview .leftColumn > p:first-child {
	margin-bottom: 0.667em;
}

/* LAYER - show print data (list of upload files) */
.uploadFiles__file {
	margin: 8px 0;
	cursor: pointer;
}
.uploadFiles__file:last-of-type {
	margin-bottom: 0;
}

/* LAYER - upload file preview */
.upload_preview_page {
	background: #d3dae2;
}
.upload_preview_page__image {
	height: 400px;
	padding: 30px;
	display: flex;
}
.upload_preview_page__imagewrap {
	position: relative;
	width: 100%;
	height: 100%;
}
.upload_preview_page__format {
	background: transparent;
	box-sizing: border-box;
	border: 1px dotted #006cdb;
}
.upload_preview_page__bleed {
	background: transparent;
	box-sizing: border-box;
	border: 1px dotted #E6071A;
}

/* pagination */
.upload_preview_page__controls {
	width: 100%;
    background: #1f5796;
    padding: .5em 0;
    height: 2em;
    margin: 0;
    text-align: center;
    bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.upload_preview_page button {
	outline: 0;
	border: 0;
}
.upload_preview_page__button {
	background-color: #458cdb;
	color: #FFF;
	border-radius: .3em;
	border: 1px solid #458cdb;
	font-weight: 400;
	height: 1.75em;
	line-height: 1.8em;
	padding: 0 0.6em;
	margin: 0 .15em;
	white-space: nowrap;
	cursor: pointer;
	width: 1.75em;
	padding: .1em;
}
.preview__button--large {
	width: 2.5em;
}
.upload_preview_page__button:hover {
    background-color: #1f5796;
	border: 1px solid #FFF;
	color: #FFF;
}
.upload_preview_page__button svg {
	width: 100%;
	height: 100%;
	fill: #FFF;
	color: #FFF;
}
.upload_preview_page__button:hover svg {
	fill: #fff;
	color: #fff;
}
.upload_preview_page__button-static {
	background-color: #458cdb;
	color: #FFF;
	border-radius: .3em;
	margin: 0 .15em;
	padding: 0 1em;
	line-height: 2.1em;
}
.upload_preview_page__button[disabled] {
	background-color: #D3DAE2;
	pointer-events: none;
}

/* datasheet, legend */
.upload_preview_page__info {
    box-sizing: border-box;
    padding: 10px;
    background: #fff;
    color: #000;
}
.upload_preview_page__datasheet {
	font-size: inherit;
	border-bottom: 1px solid #000;
	padding-bottom: 8px;
	margin-bottom: 10px;
}
.upload_preview_page__datasheet figcaption {
	font-size: inherit;
	margin-top: initial;
}
.upload_preview_page__legend {
	display: flex;
	align-items: center;
}
.upload_preview_page__icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: 7px;
}
.upload_preview_page-icon--format {
	background-color: #E6071A;
}
.upload_preview_page-icon--bleed {
	background-color: #006cdb;
}
.filecheck-list {
	margin-top: 5px;
}
.filecheck-item {
	display: flex;
}
.filecheck-item div:first-of-type {
	width: 32%;
}
.upload_preview_page-ok {
	color: #00BE00;
}
.upload_preview_page-fail {
	color: #FC8600;
}
/* buttons */
.Upload_FilePreview__buttons {
	margin-top: 0.583em;
}

/**********************/
/*** 9 PRODUCT VIEW ***/
/**********************/
.produktAnsehenBody {
	background-color: #ffffff;
	color: #000000;
	font-size: 11px;
}

#factsheet {
	width: 606px;
	text-align: left;
	padding-left: 35px;
}

.produktAnsehenBody .factsheet {
	font-size: 12px;
	font-weight: bold;
}

.factsheetIcons {
	display: table;
}

.separationLine,
.separationLine2,
.separationLine3 {
	margin-top: 12px;
	padding-bottom: 7px;
	border-bottom: 1px solid #000;
	color: #516274;
	width: 580px;
}

.separationLine3,
.separationLine2 {
	margin-top: 10px;
}

.separationLine3 {
	border: none;
}

.separationLine3 .col1,
.separationLine2 .col1 {
	width: 140px;
}

.separationLine3 .col2,
.separationLine2 .col2 {
	width: 420px;
}

.separationLine section:first-child {
	width: 80%;
}

#factsheet .separationLine section:first-child div{
	width: 94%;
}

.produktAnsehenBody #info_tooltip {
	width: auto;
	color: #516274;
	font-size: 11px;
	font-family: Arial;
	border: 1px solid #FFF;
	background-color: #d3dae2;
	position: absolute;
	padding: 5px;
	display: none;
	text-align: left;
	z-index: 1000;
}

/*************************************/
/*** 9.1 STYLES for SVG FACTSHEETS ***/
/*************************************/
.baseArea {
	fill: #3377C0;
	stroke: #3377C0;
}

.trim {
	stroke: #88B5E6;
	fill: #88B5E6;
}

.sizeOutside {
	fill: #3377C0;
	font-family: Arial,Helvetica,Geneva,sans-serif;
	font-size: 10px;
	font-weight: normal;
}

.sizeAnchor {
	stroke: #3377C0;
	fill: transparent;
}

.pageNumber {
	fill: #BFD7F1;
	font-family: Arial,Helvetica,Geneva,sans-serif;
	font-size: 30px;
	font-weight: normal;
}

.sizeInside {
	fill: #fff;
	font-family: Arial,Helvetica,Geneva,sans-serif;
	font-size: 9px;
	font-weight: normal;
}

.sizeInside5px {
	fill: #fff;
	font-size: 5px;
}

.creaseLine {
	stroke: #fff;
	fill: transparent;
}

.nonPrintArea {
	fill: #BFD7F1;
	stroke: #BFD7F1;
}

.nonPrintLine {
	stroke: #3377C0;
	fill: none;
}

.textile {
	fill: #88B5E6;
	stroke: #3377C0;
	stroke-width: 0.5;
}
.noFill{
	fill:none;
}

/******** EXCLUSIONS ********/
/* e.g. bottle_hanger */
.noFill .trim,
.trim .freiform {
	fill: transparent;
}

/* for factsheet e.g. flyer 10-pages */
.pageNumber .smallText {
	font-size: 12px;
}

/* for factsheet e.g. flyer 16-pages 3xLepro1xKreuz */
.pageNumber .petiteText {
	font-size: 20px;
}

/* for legend PageNumbers */
#factsheet .separationLine .pageNumber {
	font-size: 11px;
}

/* e.g. presentation_cases */
.smallerText,
.sizeInside .smallerText {
	font-size: 7px;
}

/* for legend e.g. haftnotiz1 */
.trim .smallerText,
#factsheet .separationLine figure.smallerText .pageNumber {
	font-size: 8px;
}
/* e.g. plastic_card */
.creaseLine .RFID {
	fill: #fff;
}

/* e.g. walls */
.tradeFair .black {
	fill: #000000;
	stroke: #000000;
}

.tradeFair .grey {
	fill: #909090;
	stroke: #909090;
}

.tradeFair .orange {
	fill: #E95F14;
	stroke: #E95F14;
}

/* e.g. popup_tower */
.tradeFair .grey .white {
	fill: #fff;
}

.tradeFair .noFill {
	fill: none;
}

.tradeFair .noStroke {
	stroke: none;
}
/********************************/
/*** 10 DESIGN SELECTION VIEW ***/
/********************************/
#design_selection section{
	font-size: 12px;
	margin-left: 2.917em;
	margin-top: -0.25em;
}
.designIcons{
	margin-top: 1.333em;
}
#design_selection .design_img{
	margin-right: 0.728em;
	margin-top: 0.728em;
	float: left;
}
/**********************/
/* freeShape_download */
.freeShape_download a:nth-child(3n+2) {
	margin: 0 86px;
}
.freeShape_download a {
	height: 13.333em;
	background-repeat: no-repeat;
	background-size: auto 13.333em;
}
.freeform_circle {
	background-position: -1.833em 0;
	width: 10.417em;
}
.freeform_shoe {
	background-position: -13.333em 0;
	width: 13.333em;
}
.freeform_cloud {
	background-position: -26.250em 0;
	width: 13.333em;
}
.freeform_star {
	background-position: -41.999em 0;
	width: 10.417em;
}
.freeform_speechBubble {
	background-position: -53.332em 0;
	width: 13.333em;
}
.freeform_arrow {
	background-position: -66.167em 0;
	width: 13.333em;
}
/*
+ PAGER----NEW
*/
.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	float: left;
}
.pagination__number {
	margin-left: 0.167em;
	cursor: default;
	width: auto;
	min-width: 20%;
	padding: 0 1em;
	pointer-events: none;
}
.pagination__icon {
	width: 20px;
	position: relative;
	color: #FFF;
	font-family: FontAwesome;
	margin-left: 0.167em;
}
.pagination--first::after {
	content: "\f048";
	font-size: 0.9em;
	position: absolute;
	right: 0.5em;
}
.pagination--back::after {
	content: "\f04b";
	font-size: 0.9em;
	position: absolute;
	right: 0.5em;
	transform: scaleX(-1);
}
.pagination--next::after {
	content: "\f04b";
	font-size: 0.9em;
	position: absolute;
	right: 0.5em;
}
.pagination--last::after {
	content: "\f051";
	font-size: 0.9em;
	position: absolute;
	right: 0.5em;
}
/*-------Including orderStep.css--------*/
/* * * * * * * * */
/* FileStructure */
/* * * * * * * * *
1 OPES
2 LAYER OPES
	2.1 LAYER OPES - delivery adjustment
	2.2 LAYER OPES - collection
	2.3 LAYER OPES - paper proof
	2.4 LAYER OPES - address selection
	2.5 LAYER OPES - tax audit delivery country
	2.6 LAYER OPES - email
	2.7 LAYER OPES - Numbering wrong value
3 OSC
	3.1 OSC - ShoppingCart table
	3.2 OSC - Tooltip product description
	3.3 OSC - CrossSelling banner
	3.4 OSC - Tooltip VAT
4 OSCS
5 LAYER OSCS
	5.1 LAYER OSCS - card validation code
	5.2 LAYER OSCS - credit card error
6 MyORDERS
7 UPLOAD
8 OC
 * * * * * * * * */
/**************/
/*** 1 OPES ***/
/**************/
#OPES .leftColumn {
	width: 272px;
	float: left;
}

#OPES .rightColumn {
	width: 272px;
	float: right;
}
#OPES .column {
	width: 272px;
	position:relative;
}
#OPES .halfColumn {
	width: 134px;
}

#OPES .formHeadline {
	/* max column width minus info icon width */
	width: 255px;
}

#OPES .formHeadline.halfColumn {
	width: 134px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#OPES .halfColumn:last-child .formHeadline.halfColumn {
	width: 116px;
}
.formLine__link--rightPos {
	position: absolute;
	float: right;
	right: 1.667em;
	line-height: 18px;
}
#OPES .infoIcon {
	margin-top: 1px;
}

#OPES .selectLine .infoIcon {
	margin-top: -1px;
}

/* IE10+ hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#OPES .infoIcon {
		margin-top: -1px;
	}
	#OPES .selectLine .infoIcon {
		margin-top: -2px;
	}
}

/* googleChrome + safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#OPES .infoIcon {
		margin-top: -1px;
	}
	#OPES .selectLine .infoIcon {
		margin-top: -3px;
	}
}

#servicesAndSpecialsBox {
	width: 260px;
	border: 1px solid #FC8600;
	padding: 7px 5px 0px;
}

#servicesAndSpecialsBox .selectLine {
	position: relative;
	width: 260px;
}

#servicesAndSpecialsBox .addonText {
	position: absolute;
	top: 1px;
	right: 20px;
}

/* warning icon at creasing */
img#OPES_warning_Pic {
	width: 18px;
	height: 18px;
	position: absolute;
	margin-left: 3px;
}

#OPES .formLine.comments {
	height: auto;
}

#OPES #comments {
	height: 102px;
}
#OPESBtnSingleCol {
	float: left;
	width: 555px;
}

#OPESBtnSingleCol .right {
	width: 272px;
}

.OPESBtn {
	margin-top: 18px;
}


/********************/
/*** 2 LAYER OPES ***/
/********************/
/********************************************/
/*** 2.1 LAYER OPES - delivery adjustment ***/
/********************************************/
#DeliveryAdjustmentPFCLayer_text p {
	margin-top: 10px;
}


/***********************************/
/*** 2.2 LAYER OPES - collection ***/
/***********************************/
#win_confirmCollection_content p {
    margin-top: 10px;
}


/************************************/
/*** 2.3 LAYER OPES - paper proof ***/
/************************************/
#OHProof {
	overflow: hidden;
	line-height: 15px;
}

/* style in Order_Hardproof_Config.pm */
/* selection */
.borderStyle {
	border: 1px solid #516274;
	width: 360px;
	overflow-x: hidden;
	overflow-y: auto;
	margin-bottom: 9px;
}

.pageSelection .borderStyle td,
.pageCounter .borderStyle td {
	line-height: 10px;
	height: 20px;
	width: 40px;
}


/*
+ LAYER OPES
*/
/* LAYER - OAE - OSO - OAE - change delivery address / return address / split delivery / edit address */
.address-overview__table {
	border-collapse: collapse;
	text-align: left;
	line-height: 15px;
}
.address-overview__th {
	padding-bottom: 5px;
}
_:-ms-input-placeholder, :root .address-overview__th {
	text-align: left;
}
.address-overview__tr {
	vertical-align: top;
}
.address-overview__searchfield {
	padding-bottom: 7px;
	padding-right: 45px;
}
.address-overview__input {
	width: 5em;
}
.address-overview__line {
	border-top: 1px solid #909090;
	padding-bottom: 5px;
}
.address-overview__searchfield .search_icon::after { /* zwischenlösung-muss noch optimiert werden, weil auch bei myorder */
	top: -18px;
}


#OSO .splitQuantityDetails {
	width: 750px;
}
td.orderQuantity.text,
td.splitQuantity.text,
td.remainingQuantity.text,
td.deliveryCharge.text {
	width: 312px;
	text-align: left;
	vertical-align: top;
}
td.deliveryCharge.text {
	width: 292px;
}
td.orderQuantity.value,
td.splitQuantity.value,
td.remainingQuantity.value,
td.deliveryCharge.value {
	width: 50px;
	text-align: right;
	vertical-align: top;
}
td.deliveryCharge.value.currencySign {
	width: 20px;
}
td.emptyLine {
	height: 7px;
}
td.emptyColumn {
	width: 20px;
}
.splitQuantityDetails.careAshare td.emptyColumn {
	width: 380px;
}

/***************************************************/
/*** 2.5 LAYER OPES - tax audit delivery country ***/
/***************************************************/
#win_intShippingUstIdTestBreak_layer_content p {
    margin-bottom: 4px;
}


/******************************/
/*** 2.6 LAYER OPES - email ***/
/******************************/
#win_emailDataTransfer_content p {
    margin: 10px 0;
}


/**********************************************/
/*** 2.7 LAYER OPES - Numbering wrong value ***/
/**********************************************/
#win_wrongNumberingStart p {
	margin-top: 10px;
}


/**************/
/*** 3 OSC ***/
/**************/
/*************************************/
/*** 3.1 OSC - Shopping cart table ***/
/*************************************/
table#basicOrderTbl {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	width: 750px;
}

table#basicOrderTbl td,
table#basicOrderTbl th {
	padding: 0px 5px;
	height: 24px;
	border: 1px solid #516274;
	line-height: 16px;
}

table#basicOrderTbl th {
	width: 135px;
    background-color: #D3DAE2;
	font-weight: bold;
}

table#basicOrderTbl .colOrderProductSpecification,
table#basicOrderTbl .colOrderProductSpecification_rowspan[rowspan="2"],
table#basicOrderTbl .colOrderProductSpecification_rowspan[rowspan="3"],
table#basicOrderTbl .colOrderProductSpecification_rowspan[rowspan="4"],
table#basicOrderTbl .colOrderProductSpecification_rowspan[rowspan="5"],
table#basicOrderTbl .colOrderProductSpecification_rowspan[rowspan="6"],
table#basicOrderTbl .colOrderProductSpecification_rowspan[rowspan="7"],
table#basicOrderTbl .colOrderProductSpecification_rowspan[rowspan="8"],
table#basicOrderTbl .colOrderProductSpecification_rowspan[rowspan="9"],
table#basicOrderTbl .colOrderProductSpecification_rowspan[rowspan="10"] {
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
}

td.colOrderProductSpecification_rowspan[rowspan="2"] ~ td.colOrderProductSpecification,
td.colOrderProductSpecification_rowspan[rowspan="3"] ~ td.colOrderProductSpecification,
td.colOrderProductSpecification_rowspan[rowspan="4"] ~ td.colOrderProductSpecification,
td.colOrderProductSpecification_rowspan[rowspan="5"] ~ td.colOrderProductSpecification,
td.colOrderProductSpecification_rowspan[rowspan="6"] ~ td.colOrderProductSpecification,
td.colOrderProductSpecification_rowspan[rowspan="7"] ~ td.colOrderProductSpecification,
td.colOrderProductSpecification_rowspan[rowspan="8"] ~ td.colOrderProductSpecification,
td.colOrderProductSpecification_rowspan[rowspan="9"] ~ td.colOrderProductSpecification,
td.colOrderProductSpecification_rowspan[rowspan="10"] ~ td.colOrderProductSpecification {
	vertical-align: middle !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

td#colOrderProductEdit[rowspan="2"],
td#colOrderProductEdit[rowspan="3"],
td#colOrderProductEdit[rowspan="4"],
td#colOrderProductEdit[rowspan="5"],
td#colOrderProductEdit[rowspan="6"],
td#colOrderProductEdit[rowspan="7"],
td#colOrderProductEdit[rowspan="8"],
td#colOrderProductEdit[rowspan="9"],
td#colOrderProductEdit[rowspan="10"] {
	vertical-align: top !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.colOrderProduct_Specification {
	font-size: 9px;
	margin-top: 6px;
	line-height: 14px;
}

table#basicOrderTbl #orderAmountTd {
	padding-top: 5px;
}

#colOrderProduct{
	width: 85%;
}

/* icons @ track + osc */
#Track .toolIcon svg{
	margin-top:-0.15em;
}
#OSCLine_VATProduct_Icon svg{
	height:0.7em;
	width:initial;
}
#TrackLine_previewFDProduct_Icon svg,
#Track .thumbnail.toolIcon svg,
#TrackLine_careAndShare_Icon svg,
#TrackLine_dataInputPass_Icon svg,
#TrackLine_dataInputFail_Icon svg{
	height: 0.833em;
	width: initial;
}
.OSCBtn {
	margin-top: 4px;
	Width: 750px;
}

/* edit icon osc */
.toolIcon--blink:not(:hover) {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: blink;
	animation-name: blink;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@-webkit-keyframes blink {
  0%, 50% {
	background-color: #3377C0;
	}
  50.1%, 100% {
	background-color: #225894;
	border-right-color: #1B4676;
	border-bottom-color: #1B4676;
	border-left-color: #4E79A9;
	border-top-color: #4E79A9;
	}
}
@keyframes blink {
  0%, 50% {
	background-color: #3377C0;
	}
  50.1%, 100% {
	background-color: #225894;
	border-right-color: #1B4676;
	border-bottom-color: #1B4676;
	border-left-color: #4E79A9;
	border-top-color: #4E79A9;
	}
}

/* player ID layer */
#DefID_fontColor_SelectSelectBoxItContainer {
	width: 100%;
}
.DefIDLayer__button {
	width: 100%;
	float: left;
	margin-top: 18px;
}

/*********************************************/
/*** 3.2 OSC - Tooltip product description ***/
/*********************************************/
.overlay_tooltip_fp_close {
	position: absolute;
	top: 6px;
	right: 6px;
}

table#productDescriptionContent td {
	line-height: 14px;
}
#OSC_printProductDescription_Link{
	position:absolute;
    right:2.167em;
    top:0.667em;
}
#OSC_printProductDescription_Link svg{
	fill:#516274;
	height:1.167em;
	width:initial;
}

/*****************************/
/*** 3.3 OSC - Tooltip VAT ***/
/*****************************/
.vatTooltip {
	height: 290px;
	overflow: auto;
}


/*************************************/
/*** 3.4 OSC - CrossSelling banner ***/
/*************************************/
#csBanner {
    height: 81px;
    width: 558px;
    margin-left: -6px;
	position: relative;
}

/* IE10+ hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#csBanner {
	    margin-left: -5px;
	}
}

/* googleChrome + safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#csBanner {
	    margin-left: -5px;
	}
}

/* Banner auf der Warenkorbseite */
#csBanner .csBannerHeadline,
#csBanner .csBannerSubline {
	font-family: arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 470px;
	margin-left: 77px;
	color: #516274;
}

#csBanner .csBannerHeadline {
	position: absolute;
	top: 20px;
}

#csBanner .csBannerSubline {
	color: #4a8acf;
	position: absolute;
	bottom: 16px;
	font-size: 18px;
	width: 345px;
}

/* the 5% underline */
.csBanner_underline::after {
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 36px;
	height: 8px;
	position: absolute;
	bottom: 9px;
}

/**************/
/*** 4 OSCS ***/
/**************/
#OSCS .input88 {
	height: 16px;
}

#OSCS #bankData .formHeadline,
#OSCS #creditCardInput .formHeadline {
	width: 112px;
}

#OSCS #bankDataStored,
#OSCS #creditCardStored {
	width: 254px;
}

#OSCS .selectLine {
	position: relative;
}

#OSCS .selectLine .infoIcon {
	margin-top: -1px;
}

#OSCS #bankData .selectLine label,
#OSCS #creditCardInput .selectLine label,
#OSCS .payPalCheckbox .selectLine label {
	position: absolute;
	/* delete if optimized all templates use this class */
	margin-top: 1px;
}

/* terms and conditions */
#OSCS label#printlink {
	width: 205px;
}

#OSCS.nl label#printlink,
#OSCS.da label#printlink {
	width: 240px;
}

/* delete if class is optimized */
#OSCS .aPrintLink  {
	margin-left: 0;
}

#OSCS #printlink:hover > a {
	text-decoration: underline;
}

/* addon text */
#OSCS .addonText {
	position: absolute;
	top: 1px;
	right: 20px;
}

#OSCS .storedLine .addonText {
	position: relative;
	top: 0px;
}

/* total amount information */
#OSCS .rechnungsDetailsLine{
	line-height: 20px;
}
.rechnungsDetailsLine{
	float:left;
    width:100%;
}
.rechnungsDetailsLine .left{
    width:68%;
}
.rechnungsDetailsLine .left:nth-child(2){
    width:24.5%;
}
.rechnungsDetailsLine .left span{
    text-align:right;
    float:right;
}
.rechnungsDetailsLine .infoIcon{
	margin-top:-1px;
}
#OSCS_printProductDescription_Link{
	position:absolute;
    right:2.167em;
    top:0.75em;
}
#OSCS_printProductDescription_Link svg{
	fill:#516274;
	height:1.167em;
	width:initial;
}


/* shipment options */
.shipmentOpt {
    position: relative;
	box-sizing: border-box;
}
.shipmentOpt__header {
	font-weight: bold;
	margin: 0 0 10px 0;
}
.shipmentOpt__row {
    height: 20px;
	clear: both;
}
.shipmentOpt__row--indent {
	margin: -5px 0 0 18px;
	height: auto;;
}
.shipmentOpt__radio {
	vertical-align: text-bottom;
	height: 14px;
	width: 14px;
}
.shipmentOpt__price {
	position: absolute;
	float: right;
	right: 20px;
}
.shipmentOpt__price ~ .infoIcon{
	margin-top: -1px;
}

/********************/
/*** 5 LAYER OSCS ***/
/********************/

/* time for payment */

#win_timeForPayment table {
	border-collapse: collapse;
	margin-top: 13px;
}

#win_timeForPayment input {
	height: auto;
	margin-right: 3px;
}

#win_timeForPayment table td {
	height: 16px;
	padding-bottom: 4px;
	vertical-align: top;
}

#win_timeForPayment table td:last-child {
	text-align: right;
	padding-left: 4px;
	white-space: nowrap;
}

#win_timeForPayment table tr:first-child td:last-child {
	text-align: left;
	padding-left: 0px;
	white-space: normal;
}

/*********************************************/
/*** 5.1 LAYER OSCS - card validation code ***/
/*********************************************/
#cardSecurityCode {
	float: left;
}

#cardSecurityCode .headline {
	margin-bottom: 10px;
	font-weight: bold;
}

#visaMasterCard {
	margin-top: 10px;
	float: left;
}

.paymentCardBack {
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 148px;
    height: 100px;
    float: left;
    margin-top: 8px;
}


/******************************************/
/*** 5.2 LAYER OSCS - credit card error ***/
/******************************************/
#win_creditCardError p {
	margin-top: 10px;
}


/******************/
/*** 6 MyORDERS ***/
/******************/
#Track {
    width: 100%;
}

.myOrdersHeadlines label,
.myOrdersHeadlines b {
	width: 99%;
	height: 21px;
	line-height: 1.8;
    font-weight: bold;
    background-color: #d3dae2;
    border-bottom: 1px solid #516274;
    float: left;
    padding-left: 0.4em;
}

.myOrdersHeadlines .EditCell b {
	width: 97.4%;
}

.myOrdersHeadlines > div {
	height: 50px;
}

.myOrder_content_line a:not(.toolIcon),
.myOrder_content a:not(.toolIcon),
.myOrder_content_line span,
.myOrder_content span,
.orderCellTxt{
    margin:0.4em;
}
.myOrder_content_line #editCellColumn a,
.myOrder_content #editCellColumn a,
.myOrder_content_line .OrderStatusCell a,
.myOrder_content .OrderStatusCell a{
    margin-top: 0.4em;
}
.myOrder_content #editCellColumn a:last-of-type,
.myOrder_content_line #editCellColumn a:last-of-type {
	margin-right: 0;
}
.myOrder_content_line .EditCellIcons,
.myOrder_content .EditCellIcons{
	margin-left: 4px;
}
.myOrder_content_line .orderCell a,
.myOrder_content .orderCell a,
.myOrder_content_line span,
.myOrder_content span,
.orderCellTxt{
    line-height: 1.5;
}
.myOrder_content_line span,
.myOrder_content span{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 80%;
}

.myOrder_content_line a.infoIcon,
.myOrder_content a.infoIcon {
    margin-top: 0.3em;
    line-height: 0.9;
}

.myOrdersHeadlines,
.myOrder_content,
.myOrder_content_line {
    width: 99.8%;
    border: 1px solid #516274;
}

.myOrder_content {
    border-bottom: none;
    border-top: none;
}

/* if last div is myOrder_content you need border-bottom style */
#myOrdersContent section:last-child > div:nth-last-of-type(2):not(.myOrder_content_line) {
    border-bottom: 1px solid #516274;
}

#myOrdersContentHide > div:nth-last-of-type(1):not(.myOrder_content_line) {
    border-bottom: 1px solid #516274;
}

#myOrdersContentHide > div:nth-last-of-type(1):not(.EditCell) {
    border-bottom: 1px solid #516274;
}

.myOrder_content_line {
    border-top: none;
}

.myOrder_content_line > div,
.myOrder_content > div {
	height: 24px;
}

.orderCell,
.OrderStatusCell,
.DeliveryCell,
.EditCell {
    border-left: 1px solid #516274;
}

.orderNumberCell {
    width: 12%;
}

.orderCell {
    width: 30%;
}

.OrderStatusCell {
    width: 29%;
}

.DeliveryCell {
    width: 12%;
}

.EditCell {
    width: 16.3%;
}

/* input icon */
#myOrdersContent input {
	padding-left: 0.4em;
	margin: 0.4em;
	border: 1px solid #D3DAE2;
}

/* placeholder */
:placeholder-shown { /* future declaration all browser ! */
    color: #909090;
    opacity: 1;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #909090;
    opacity: 1;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #909090;
    opacity: 1;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #909090;
    opacity: 1;
}

.error:placeholder-shown { /* future declaration all browser ! */
    color: #FC8600 !important;
}

.error::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #FC8600 !important;
}

.error::-moz-placeholder { /* Firefox 19+ */
    color: #FC8600 !important;
}

.error:-ms-input-placeholder { /* IE 10+ */
    color: #FC8600 !important;
}

#Track_orderStatus_SelectSelectBoxItContainer {
	width: 99%;
	margin: 0.4em;
}

.input_icon {
	position: relative;
	color: #909090;
	font-family: FontAwesome;
	float: right;
	right: 0;
	margin-right: 1px;
}

.search_icon::after {
	content: "\f002";
	font-size: 0.9em;
	position: absolute;
	top: -21px;
	right: 7px;
}

#Track .button {
    margin: 0.25em;
}

/*** thumbnail blueprint ***/
.toolIcon.thumbnail img {
	position: absolute;
	background-color: #d3dae2;
	padding: 10px;
	display: none;
	z-index: 1000;
	margin: 10px 0 0 10px;
}

.toolIcon.thumbnail:hover img {
	display: block;
}

/* at page cancel order or cancel order line*/
#TrackOSC .infoIcon::after {
	margin-left: 1px;
}
/*
** ORDER OVERVIEW - Tooltips
*/
#Track .ttContent.hover{
	white-space: inherit !important;
	width: 21.667em;
}
/*
** 8 OC
*/
#OC p{
	margin-bottom:0.917em;
}
#OC p:nth-last-child(1){
	margin-bottom:0;
}
#OC .left.width100pr{
	margin-top:1.167em;
}

/*-------Including feedback.css--------*/
#feedback{position:absolute}.feedback_layer{position:absolute;width:385px;height:280px;visibility:hidden;z-index:10000;background-color:#fff;border:1px solid #369}.feedback_layer_frame{position:absolute;width:315px;height:243px;top:-300px;border:0;visibility:hidden}.feedback_head_2{background-repeat:no-repeat;height:210px;width:385px;position:relative}.description_feedback{margin:7px 10px 5px 10px;text-align:left;height:28px}.feedback_head_bottom{margin-top:255px}.center_feedback_layer{height:0;margin:0 auto;text-align:center;position:absolute;z-index:10000000}.send_button_rider{position:relative;left:-1px;width:385x}.send_button_rider_1{width:120px;margin-left:12px;_margin-left:11px;float:left}.send_button_rider_1 a{background-repeat:no-repeat;height:25px;width:120px;display:block;cursor:pointer;background-position:0 -31px}.send_button_rider_1 a:hover{background-position:0 -31px}.send_button_rider_2{width:121px;float:left}.send_button_rider_2 a{background-repeat:no-repeat;width:120px;display:block;cursor:pointer;height:25px;width:120px;margin-left:1px;background-position:-121px -0px}.send_button_rider_2 a:hover{background-position:-121px -31px}.send_button_rider_3{width:120px;float:left}.send_button_rider_3 a{background-repeat:no-repeat;width:120px;display:block;cursor:pointer;height:25px;margin-left:1px;background-position:-242px 0}.send_button_rider_3 a:hover{background-position:-242px -0px}.send_textarea_rider{width:360px;height:150px}#feedback_textarea_1{height:132px;width:362px;border:1px solid #369;padding:3px;top:58px;_top:68px;left:11px;position:absolute}#feedback_textarea_2{height:66px;width:362px;border:1px solid #369;padding:3px;top:58px;left:11px;position:absolute}#feedback_textarea_3{height:67px;width:362px;margin-top:-1px;border:1px solid #369;padding:3px;top:124px;left:11px;position:absolute}#feedback_textarea_4{height:132px;width:362px;border:1px solid #369;padding:3px;top:58px;_top:68px;left:11px;position:absolute}.send_button_feedback a{border-style:solid;border-right:2px solid #0e4480;border-width:2px;font-weight:bold;line-height:16px;text-align:center;text-decoration:none;cursor:pointer;font-family:arial,sans-serif;background-color:#3377c0;border-color:#478fd9 #195090 #195090 #478fd9;width:357px;color:#fff;z-index:100000;display:block;height:16px;margin-top:11px;margin-left:11px}.send_button_feedback a:hover{border-style:solid;border-right:2px solid #0e4480;border-width:2px;font-weight:bold;line-height:16px;text-align:center;text-decoration:none;cursor:pointer;font-family:arial,sans-serif;background-color:#225894;border-color:#366ca8 #0e4480 #0e4480 #366ca8;width:357px}.teaserlink_helplayer{border-bottom:0}.teaserlink_helplayer:hover{border-bottom:1px solid}.teaserlink_helplayer:hover{border-color:#fff}.feedback_head_bottom_customer{margin-top:205px}.feedback_head_2_customer{background-repeat:no-repeat;height:180px;width:385px;_width:384px;position:relative}.send_button_feedback_customer{float:left;position:relative;width:357px;margin-top:4px;margin-left:12px}.center_feedback_customer_layer{width:726px;height:0;margin:0 auto;text-align:center;position:absolute;z-index:100000}.feedback_customer_head{margin-left:512px}.feedback_customer_layer_body{background-repeat:no-repeat;height:213px;width:325px;position:absolute}.feedback_customer_layer{position:absolute;width:385px;height:216px;visibility:hidden;z-index:10000;background-color:#fff;border:1px solid #369}.feedback_form_left{float:left;text-align:left;font-weight:bold}.feedback_anrede{float:left;margin-left:12px;text-align:left;font-weight:bold;margin-top:10px}.feedback_mail,.feedback_telefon{float:left;text-align:left;font-weight:bold;margin-top:10px}.feedback_vorname,.feedback_nachname{text-align:left;font-weight:bold;margin:10px 0 0 4px;float:left}.contactLayerDefault{font-weight:normal}
/*-------Including tooltips.css--------*/
.tooltp_archive_files{margin-left:10px}.tooltp_div{visibility:hidden;position:absolute;background-color:#d3dae2;border:1px solid #fff;color:#516274;font-family:Arial;font-size:11px;padding:3px 5px}.tooltp_div_shipping{visibility:hidden;position:absolute;background-color:#b2d3f4;color:#003b78;padding:4px;overflow:auto;margin-left:25px;margin-top:12px}.tooltp_files{max-height:100%}.tooltp_files a{color:#003b78;text-decoration:underline}.tolltp{visibility:hidden;position:absolute;background-color:#b2d3f4;color:#003b78;padding:4px}.tooltp_title{float:left;font-weight:bold;margin-bottom:8px}.tooltp_files{float:left;overflow-y:auto;overflow-x:hidden;padding-right:10px;min-width:90px;white-space:normal}
/*-------Including helpcenter_Moz.css--------*/
#divPreloadedSearchStrings li:hover{background-color:#ccc;color:#000;cursor:pointer;float:none}#divPreloadedSearchStringsHelpCenter li:hover{background-color:#ccc;color:#000;cursor:pointer;z-index:99996;float:none}#divPreloadedSearchStrings ul,#divPreloadedSearchStringsHelpCenter ul{z-index:100000;float:none}#divPreloadedSearchStrings ul li.selected,#divPreloadedSearchStringsHelpCenter ul li.selected{background-color:#ccc}#divPreloadedSearchStrings ul li,#divPreloadedSearchStringsHelpCenter ul li{float:none;font-family:Arial,Helvetica,sans-serif;line-height:20px;padding-left:5px;font-size:8pt;list-style-type:none;list-style-position:inside;background-color:#fff;color:#000;border-top:#999 1px solid;border-left:#999 1px solid;border-bottom:#000 1px solid;border-right:#000 1px solid;margin-top:-1px;z-index:99998;filter:alpha(opacity=85);-moz-opacity:.85;position:relative;text-align:left}#Content_Left,#Content_Right{height:418px}#divSearchFieldAndButton{height:20px;margin-bottom:5px}#SearchTextField{float:left;width:248px;height:20px;font-size:10px;padding-top:2px}.button#search_field_button_helpcenter{float:right;width:17px;height:13px;padding-top:5px;margin-right:1px;border-right:1px solid #195090;border-bottom:1px solid #195090;border-left:1px solid #478fd9;border-top:1px solid #478fd9}.button#search_field_button_helpcenter:hover{border-right:1px solid #0e4480;border-bottom:1px solid #0e4480;border-left:1px solid #366ca8;border-top:1px solid #366ca8}.button#search_field_button_helpcenter:active{border-right:1px solid #f7d863;border-bottom:1px solid #f7d863;border-left:1px solid #9c8223;border-top:1px solid #9c8223}#divLinkLetter{height:43px;margin-bottom:5px}#divLetterRow1{margin-bottom:3px}a.ButtonView{display:block;float:left;height:16px;width:16px;line-height:16px;text-align:center;font-size:11px;text-decoration:none;font-weight:bold;color:#fff;background-color:#3377c0;border-right:2px solid #195090;border-bottom:2px solid #195090;border-left:2px solid #478fd9;border-top:2px solid #478fd9;margin-right:1px}span.ButtonActive{display:block;float:left;height:16px;width:16px;line-height:16px;text-align:center;font-size:11px;text-decoration:none;font-weight:bold;color:#000;background-color:#fecd19;border-right:2px solid #f7d863;border-bottom:2px solid #f7d863;border-left:2px solid #9c8223;border-top:2px solid #9c8223;cursor:pointer;margin-right:1px}span.ButtonNotActive{display:block;float:left;height:16px;width:16px;line-height:16px;text-align:center;font-size:11px;text-decoration:none;font-weight:bold;color:#999;background-color:#ccc;border-right:2px solid #666;border-bottom:2px solid #666;border-left:2px solid #ccc;border-top:2px solid #ccc;cursor:pointer;margin-right:1px}#divTerms{display:none;border:1px dotted #516274;overflow:auto;height:319px;margin-bottom:4px;position:relative}#divFaqQuestions{display:none;overflow:auto;height:392px;border:1px dotted #516274;margin-bottom:4px;position:relative}#divAnsferTerm,#divAnsferFaq{border:1px dotted #516274;display:none;overflow:auto;height:416px}#divAnsferTerm h3,#divAnsferFaq h3{font-size:11px;font-weight:bold;margin-top:5px;margin-bottom:2px}#divAnsferTerm p{margin-bottom:5px}div#inform_term_datenschutz ul{padding-left:13px}.divEntryFirst{margin-top:5px;margin-left:8px}.divEntryActive{margin-left:5px}.divEntry{margin-left:8px}a.aTerm,a.aFaq{text-decoration:none}a.aPrintLink{margin-left:8px}#inform_term_magazin a.aPrintLink{margin-left:0}.divTermTextShort{margin-top:5px;margin-left:8px;font-weight:bold}.divTermTextLong{margin-top:2px;margin-left:8px;margin-right:1px}ul{list-style-type:none}.divTermTextLong p{margin-top:5px}.approbationInfo{font-size:9px;margin:20px 9px 9px 7px}#inform_desc_agbkundeninfo_GB table u{font-weight:normal;font-size:11px;margin-top:3px;margin-bottom:3px}#inform_desc_agbkundeninfo_GB table{width:98%;border:0;border-spacing:0;border-collapse:collapse;border:1px solid #516274}#inform_desc_agbkundeninfo_GB table th{height:30px;border:1px solid #516274;width:50%}#divAnsferTerm #inform_term_agbkundeninfo_DE p{margin-bottom:10px}#divAnsferTerm #inform_term_agbkundeninfo_DE p:last-child{margin-bottom:5px}#divAnsferTerm img{display:block;padding:1.25em 0}
/*-------Including jquery.selectBoxIt.css--------*/
.selectboxit-container{display:inline-block;float:left}.IMSLayer .selectboxit-container,#Upload .selectboxit-container{width:100%}.selectBox{height:20px}.selectboxit{cursor:pointer;white-space:nowrap;box-sizing:border-box}.selectboxit-list{color:#000;background-color:#fff;border:1px solid #d3dae2;padding:2px 0 1px;list-style:none}.selectboxit-list a{display:block;clear:both;color:#506070;white-space:nowrap;height:16px;padding-left:4px;padding-right:8px;font-weight:normal}.selectboxit-list li>a:hover{text-decoration:none;color:#3377c0}.selectboxit-default-icon{float:left}.selectboxit-text{font-size:11px;line-height:17px;text-indent:4px;overflow:hidden;float:left;white-space:nowrap;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;ms-user-select:none;-o-user-select:none;user-select:none}ul.selectboxit-options{max-height:1270px;position:absolute;cursor:pointer;display:none;z-index:99999;font-size:11px;margin:0;-moz-box-sizing:border-box;box-sizing:border-box;line-height:16px;margin-top:-1px}.layerContentSmall ul.selectboxit-options,.callBackContent ul.selectboxit-options{max-height:107px;overflow-y:auto;overflow-x:hidden}#quantitySelectSelectBoxItContainer ul.selectboxit-options,#registerform ul.selectboxit-options{max-height:none}ul#birth_ySelectBoxItOptions.selectboxit-options{max-height:532px;overflow-y:auto;overflow-x:hidden}.selectboxit-options .selectboxit-optgroup-header{font-weight:bold}.selectboxit-options .selectboxit-optgroup-option{text-indent:20px}.selectboxit-options .selectboxit-optgroup-header[data-disabled='true']:hover{cursor:default}.selectboxit-arrow-container{width:15px;height:20px;float:right}.selectboxit-arrow-container i.selectboxit-arrow{margin:0 auto;display:block}.selectboxit-options li i{float:left}.input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn{vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn{vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.input-prepend .add-on,.input-prepend .btn{margin-right:-1px}.input-prepend .add-on:first-child,.input-prepend .btn:first-child{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-append .add-on,.input-append .btn{margin-left:-1px}.selectboxit-btn{display:block;border:1px solid #d3dae2;color:#506070}.selectboxit-arrow{font-family:selectboxit-arrow;font-weight:bold;font-size:12px}.selectboxit-arrow::after{content:'\e800';color:#909090}.caretInactive::after{content:'\e800';color:#d3d3d3}.selectboxit-arrow-container i{font-style:normal;line-height:21px;text-align:center}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.selectboxit-arrow-container i{line-height:26px}}