/*16648589*/
/*-------Including kalkulieren.css--------*/
/* * * * * * * * */
/* FileStructure */
/* * * * * * * * *
1 STANDARD
2 BOXES
  2.1 BOXES - Defined at template
  2.2 BOXES - Fake by java script
  2.3 BOXES - Content
  2.4 BOXES - Quantity box
  2.5 BOXES - Shipping box
  2.6 BOXES - Product box
3 LINKS
4 PRICE
5 BUTTON
6 TOOLTIPS
	6.1 TOOLTIPS - Model
		A Wall [114]
		B Stopper [106]
		C Shop counter [113]
		D Beach flags [109]
		E Frame [110]
		F Binder [72]
		G Hoisting flags [143]
		H Table stand [124]
		I Bottle hanger [125]
		J Wallpaper [100]
		K Memo box [134]
		L Postit set [133]
		M Door hanger [70]
		N Folder [10]
		O Envelope [8]
		P Tuck [149]
		Q Plastic card [148]
		R Punched pocket [144]
		S Note books [145]
		T Month panel calendar [161]
		U Sticky tape
		V Tablet wallet [172]
		W Label [147]
		X Keychain [181]
		Y Ballpen [175]
		Z Blowups_xxlBanner [183]

	6.3 TOOLTIPS - Data input
	6.4 TOOLTIPS - Product images
7 IMAGES & ICONS
	7.1 IMAGES & ICONS - Placed in boxes and tooltips
		A Blue angel
	7.2 IMAGES & ICONS - Loading circle
	7.3 IMAGES & ICONS - Data input
	7.4 IMAGES & ICONS - Product images
	7.5 IMAGES & ICONS - NEW
	7.6 IMAGES & ICONS - Butterfly
	7.7 IMAGES & ICONS - Video
	7.8 IMAGES & ICONS - EfS + PfE + G12 + DI16
8 LAYER
  	8.1 LAYER - Special format
  	8.2 LAYER - Special colour
  	8.3 LAYER - Luxecore
  	8.4 LAYER - Shipping
  	8.5 LAYER - Refining options
  	8.6 LAYER - Existing printform
  	8.7 LAYER - EfS, PfE and Co
  	8.8 LAYER - More products/quantity
9 IFRAME - PRODUCT INFO & ANSEHEN LAYER
 * * * * * * * * */



/******************/
/*** 1 STANDARD ***/
/******************/
.hide,
.hidden {
    display: none;
}

.inactive_prop {
    color: #B8B8B8;
}

#CALC .infoIcon {
    margin: 0 1px 0 0;
}

/***************/
/*** 2 BOXES ***/
/***************/
/***************************************/
/*** 2.1 BOXES - Defined at template ***/
/***************************************/
.coverBox,
.cover,
.coverHalf {
  width: 100%;
}

.cover,
.coverHalf {
    display: block;
    overflow: hidden;
    cursor: default;
  	background-color: #EDEDED;
    border-radius: 0.2em;
    color: #2f6891;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
}

.moreProducts span {
    margin-left: 0.750em;
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    clear: left;
}

.moreProducts span:hover {
    color: #004475;
}

.moreProductsChoose {
    display:none;
    color: #2f6891;
}

.boldSelected {
	font-weight: bold;
}

.colorSelected {
    color: #092959;
}

.prop_body_line:hover {
    color: #004475;
}
#item_group_container .rightSide .sub_header_line:hover {
    color: #2f6891;
}

.prop_body[box_name="item_group"] .sub_header_line{
	font-weight:bold;
	float:left;
	padding-left:1px;
}
.prop_body[box_name="item_group"] .rightSide .sub_header_line {
	margin-bottom: -10px;
}

/* distance in product-box */
.free_line {
	height: 15px;
	float: left;
	width: 100%;
}

#c_item_group .leftSide .sub_header_line[view_group="6"],
#c_item_group .leftSide .sub_header_line[view_group="11"],
#c_item_group .leftSide .sub_header_line[view_group="13"]{
	text-transform:uppercase;
}

#c_item_group .rightSide {
	float:left;
	margin-top: 0.5em;
}

#item_group_container .rightSide .prop_body_line {
	padding-left:1em;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#item_group_container .rightSide .prop_body_line {
		padding-left:1.167em;
	}
}
#item_group_container .rightSide .prop_body_line {
	color: #2f6891;
}

.Clear,
.clear {
    clear: both;
}

#CALC .formLine div:first-child,
#CALC #box_format.formLine div:nth-child(2),
#CALC .itemID147 #box_format.formLine div:nth-child(3),
#CALC .formLine #c_quantity.prop_header div:last-child {
    float: left;
}

#CALC .formLine .width49pr:last-child,
#CALC #box_format.formLine .width49pr:last-child,
#CALC #box_format.formLine .width49pr .infoIcon {
    float: right;
}

/* binder */
#CALC #box_format.formLine .infoIcon {
    float: right !important;
}

#c_finishing_size,
#c_lining,
#c_verarbeitung_envelopes {
    visibility: hidden;
    display: none;
}

/* close fakebox */
div.sel_closed {
    visibility: hidden;
    position: relative;
}

.initialized div.sel_closed {
    display: none;
    visibility: visible;
}


/***************************************/
/*** 2.2 BOXES - Fake by java script ***/
/***************************************/
.prop_container {
    float: left;
    width: 100%;
}

/* closed select box */
.prop_header {
    height: 2.5em;
	color: #092959;
}

.column .header,
.prop_header .column div {
    line-height: 2.583em;
}

/* googleChrome + safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.column .header,
	.prop_header .column div {
	    line-height: 2.667em;
	}
}

.prop_header div {
    overflow: hidden;
}

.prop_header::before {
	content: "";
	width: 0.333em;
	height: 0.333em;
	float: right;
	border-left-width: 0.167em;
	border-left-style: solid;
	border-bottom-width: 0.167em;
	border-bottom-style: solid;
	transform: rotate(-45deg);
	border-color: transparent;
	margin: 0.833em 0.667em 0 0;
}

.prop_header:hover::before {
	border-left-color: #004475;
	border-bottom-color: #004475;
}

/* opend select box */
.prop_body {
    position: absolute;
	background-color: #EDEDED;
    border-bottom: 1px solid #D8D8D8;
    margin-top: 2.583em;
    cursor: pointer;
    z-index: 1;
    /*width: 100%;*/
    box-shadow: 1px 3px 6px rgba(0,0,0,0.5);
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.prop_body {
		padding-top: 0.2em;
	}
}

#item_group_container #c_item_group:last-child {
    height: auto;
    overflow: visible;
    padding-bottom: 0.7em;
}


/***************************/
/*** 2.3 BOXES - Content ***/
/***************************/
.leftSide .prop_body_line:first-child {
    margin-top: 0.5em;
}

.prop_body_line:last-child {
    margin-bottom: 0.167em;
}

.moreProducts .moreProductsChoose .prop_body_line:first-child {
    margin-top: 0px;
}

.column div,
.prop_body_line {
    clear: both;
    display: block;
    position: static;
    line-height: 1.55;
    word-spacing: 0;
    letter-spacing: 0;
}

.column,
.column * div,
.prop_body_line * div {
    float: left;
}

/* distances */
.column div {
    padding-left: 0.25em;
}

.prop_header > div:first-child {
    padding-left: 0.333em;
}

.prop_body_line {
    margin-left: 0.667em;
    float: left;
}

.prop_body_line div:nth-child(2),
.prop_body_line div:nth-child(3),
.prop_body_line div:nth-child(4) {
    padding-left: 0.25em;
}

/* text align */
#c_format .rc_0,
#c_format .prop_body_line div:nth-child(1),
#c_seiten .prop_body_line div:nth-child(1),
#c_seitenI .prop_body_line div:nth-child(1),
#c_seitenU .prop_body_line div:nth-child(1),
#c_papier .prop_body_line div:nth-child(1),
#c_papierI .prop_body_line div:nth-child(1),
#c_format .rc_1,
#c_format .prop_body_line div:nth-child(2) {
    text-align: right;
}
.itemID117 #papier_container .prop_body .prop_body_line >div:nth-child(1){
	width:42px !important;
}
.itemID122 #papier_container .prop_body .prop_body_line >div:nth-child(1){
	width:42px !important;
}
/* format */
.itemID114 #c_seiten .prop_body_line div:nth-child(1),
.itemID161 #c_format .prop_body_line div:nth-child(1),
.itemID133 #c_format div.rc_0,
.itemID133 #c_format .prop_body_line div:nth-child(1),
.itemID10 #c_format .prop_body_line div:nth-child(1),
.itemID72 #c_format .prop_body_line div:nth-child(1),
.itemID134 #c_format .prop_body_line div:nth-child(1),
.itemID134 #c_format .prop_body_line div:nth-child(2),
/* paper */
.itemID147 #c_papier .prop_body_line div:nth-child(1),
.itemID169 #c_papier .prop_body_line div:nth-child(1),
.itemID18 #c_papier .prop_body_line div:nth-child(1),
.itemID144 #c_papier .prop_body_line div:nth-child(1),
/* pages */
.itemID224 #c_seitenU .prop_body_line div:nth-child(1),
.itemID166 #c_seitenU .prop_body_line div:nth-child(1),
.itemID2 #c_seitenU .prop_body_line div:nth-child(1),
.itemID137 #c_seitenU .prop_body_line div:nth-child(1),
.itemID5 #c_seiten .prop_body_line div:nth-child(1),
.itemID8 #c_seiten .prop_body_line div:nth-child(1),
.itemID15 #c_seiten .prop_body_line div:nth-child(1),
.itemID16 #c_seiten .prop_body_line div:nth-child(1),
.itemID21 #c_seiten .prop_body_line div:nth-child(1),
.itemID70 #c_seiten .prop_body_line div:nth-child(1),
.itemID75 #c_seiten .prop_body_line div:nth-child(1),
.itemID76 #c_seiten .prop_body_line div:nth-child(1),
.itemID77 #c_seiten .prop_body_line div:nth-child(1),
.itemID78 #c_seiten .prop_body_line div:nth-child(1),
.itemID115 #c_seiten .prop_body_line div:nth-child(1),
.itemID117 #c_seiten .prop_body_line div:nth-child(1),
.itemID119 #c_seiten .prop_body_line div:nth-child(1),
.itemID135 #c_seiten .prop_body_line div:nth-child(1),
.itemID136 #c_seiten .prop_body_line div:nth-child(1),
.itemID140 #c_seiten .prop_body_line div:nth-child(1),
.itemID144 #c_seiten .prop_body_line div:nth-child(1) {
    text-align: left;
}

.last_column {
    width: 2em;
}

div.mouseover,
div.mouseover div,
#item_group_container .rightSide .prop_body_line:not([orderable="0"]):not(.sub_header_line):hover {
    color: #004475;
}

/* special format link in box */
/*#c_format .prop_body_line[style=""]:first-child {
	float: none;
}*/


/********************************/
/*** 2.4 BOXES - Quantity box ***/
/********************************/
#c_quantity.prop_header[box_name="quantity"] .column.rc_1 div {
    float: right !important;
}

#c_quantity .prop_body_line div:nth-child(2) {
    padding-left: 0.5em;
}

#c_quantity div.rc_1,
#c_quantity div.rc_2,
#c_quantity div.rc_3,
#c_quantity .prop_body_line div:nth-child(1),
#c_quantity .prop_body_line div:nth-child(3),
#c_quantity .prop_body_line div:nth-child(4) {
    text-align: right;
}

#c_quantity .prop_body_line div:nth-child(2),
#c_quantity div.rc_1 div.header,
#c_quantity div.rc_0 div.header,
#c_quantity .prop_body_line div.more_quantity {
    text-align: left;
}

#c_quantity div.rc_3 div.header,
#c_quantity div.rc_4 div.header {
    visibility: hidden;
}
/********************************/
/*** 2.5 BOXES - Shipping box ***/
/********************************/
#c_shipping_type .prop_body_line div:nth-child(2) {
    padding-left: 1em;
}

#c_shipping_type .prop_body_line div:nth-child(3) {
    padding-left: 0.25em;
}


/*******************************/
/*** 2.6 BOXES - Product box ***/
/*******************************/
#c_item_group .leftSide {
	position: relative;
	left: -0.167em;
}

/*
+ LINKS
*/
.calculationNote,
.calculationLink {
	margin: 0 0 0 0.5em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
}
/* sample link, desgin link */
#CALC_product_sample_Link,
#CALC_design_selection_Link,
#CALC_showPrintingData_Link ,
#CALC_coluorOverview_Link{
	position: relative;
	float: right;
	right: 1em;
	top: 2.3em;
}
/* at tooltip model */
#pricetxt > span {
	cursor: pointer;
}

#CALC_proofDemo_Link {
	display: none;
}

/* at tooltip model */
.factsheetLink a {
	color: #FFF;
}

.calculationNote .calculationLink {
	float: none;
	margin: 0;
}

/***************/
/*** 4 PRICE ***/
/***************/
#box_price {
  margin-top: 3.4em;
}

#priceDisplay {
    font-size: 3.5em;
	line-height: 0.72;
	white-space: nowrap;
}

#CALC #box_price.formLine div:last-child {
    float: left;
}

#printOffert{
	float: left;
	margin: 0.05em 0.5em 0 0;
	cursor: pointer;
	font-family: FontAwesome!important;
	font-size: 1.167em;
	line-height: 1.167em;
	color: #2F6891;
}

#printOffert::after {
	content: "\f02f";
}

#pricetxt {
	clear: both;
	float: left;
    margin-top: 0.25em;
}


/****************/
/*** 5 BUTTON ***/
/****************/
/* teaser button */
.teaserscroll {
	font-family: FontAwesome!important;
	font-size: 1.2em;
	color: #2F6891;
	height: 2.5em;
	line-height: 2.7em;
	padding: 0 1em 0 1em;
	box-sizing: border-box;
}

#CALC_DetailsUp_Btn {
	text-align: right;
}

.teaserscroll.inactive {
	color: #b8b8b8;
}

#CALC_DetailsUp_Btn::after {
	content: "\f103";
}

#CALC_DetailsDown_Btn::after {
	content: "\f102";
}


/******************/
/*** 6 TOOLTIPS ***/
/******************/
.tooltipBody p {
	margin: 0;
}

/* print offert */
#CALC #info_tooltip {
    background-color: #80A6C7;
}

/****************************/
/*** 6.1 TOOLTIPS - Model ***/
/****************************/
.bigTooltipProductVariant {
    margin-top: 0.917em;
}
.bigTooltipImgDesc {
    margin-top: 0.417em;
}
/* big tooltip with image left / text right */
.bigTooltip__text--right {
    flex: auto;
    padding-left: 10px
}

/* STYLES FOR SVG TOOLTIP ICONS */
.bigTooltipProductVariant .iconBlue circle,
.bigTooltipProductVariant .iconBlue {
	stroke: #4C7C9E;
	fill: #4C7C9E;
	stroke-width: 1;
}
.bigTooltipProductVariant .iconDarkBlue circle,
.bigTooltipProductVariant .iconDarkBlue{
	fill: #004475;
	stroke: #004475;
	stroke-width: 1;
}
.bigTooltipProductVariant .iconWhite circle,
.bigTooltipProductVariant .iconWhite{
	fill: #fff;
	stroke: #4C7C9E;
	stroke-width: 1;
}
.bigTooltipProductVariant .iconFullWhite circle,
.bigTooltipProductVariant .iconFullWhite{
	fill: #fff;
	stroke: #fff;
	stroke-width: 1;
}
.bigTooltipProductVariant .iconGrey circle,
.bigTooltipProductVariant .iconGrey{
	fill: #B8B8B8;
	stroke: #B8B8B8;
	stroke-width: 1;
}
.bigTooltipProductVariant .iconDarkGrey circle,
.bigTooltipProductVariant .iconDarkGrey{
	fill: #7F7F7F;
	stroke: #7F7F7F;
	stroke-width: 1;
}
.bigTooltipProductVariant .iconRed circle,
.bigTooltipProductVariant .iconRed{
	fill: #f30;
	stroke: #f30;
	stroke-width: 1;
}
.bigTooltipProductVariant .iconBlack circle,
.bigTooltipProductVariant .iconBlack {
	stroke: #000;
	fill: #000;
	stroke-width: 1;
}
.bigTooltipProductVariant .noFill circle,
.bigTooltipProductVariant .noFill{
	fill: none;
}
.bigTooltipProductVariant .noStroke circle,
.bigTooltipProductVariant .noStroke{
	stroke: none;
}

/********************/
/*** A Wall [114] ***/
/********************/
.bigTooltipContentImg.walls .bigTooltipImgDesc {
	width: 152px;
	margin: 0 0 0 10px;
    float: left;
}

/***********************/
/*** B Stopper [106] ***/
/***********************/
.bigTooltipContentImg.stopper .bigTooltipImgDesc {
	width: 152px;
	margin: 0 0 0 10px;
    float: left;
}
/* Shop counter [113] */
.shopCounter .bigTooltipProductVariant figure {
	width: 105px;
	text-align: center;
}
.bigTooltipContentImg.shopCounter .bigTooltipImgDesc {
	width: 150px;
	margin: 0 0 0 10px;
    float: left;
}

/***************************/
/*** D Beach flags [109] ***/
/***************************/
.flags_tube {
	background-image: url("/_global/images/neutral/help_images_tooltip/flagsAccessories.png");
	float: right;
	background-position: 0 0px;
	width: 195px;
	height: 129px;
}
.bigTooltipContentImg.flags .bigTooltipImgDesc {
	width: 80px;
	margin-left: 10px;
    float: left;
}

.bigTooltipProductVariant.flags_accessories {
	margin-top: 0px;
}

/*********************/
/*** E Frame [110] ***/
/*********************/
.bigTooltipContentImg.frame .bigTooltipImgDesc {
	width: 150px;
    margin: 0 0 0 10px;
    float: left;
}

/*****************************************/
/*** F Binder [72] | Ring folder [159] ***/
/*****************************************/
.bigTooltipContentImg.binder .bigTooltipImgDesc {
    margin-top: 1px;
	width: 153px;
	float: left;
	margin-left: 10px;
}

.distanceDesc {
    margin-top: 8px;
}

/*****************************/
/*** G Hoisting flag [143] ***/
/*****************************/
.bigTooltipContentImg.hoistingFlag .bigTooltipImgDesc {
    margin-left: 10px;
    float: left;
    width: 184px;
}

/***************************/
/*** H Table stand [124] ***/
/***************************/
.bigTooltipContentImg.tableStand .bigTooltipImgDesc {
    float: left;
    width: 250px;
}

/*****************************/
/*** I Bottle hanger [125] ***/
/*****************************/
.bigTooltipContentImg.bottleHanger .bigTooltipImgDesc {
	width: 200px;
    margin: 0 0 0 10px;
    float: left;
}

/*************************/
/*** J Wallpaper [100] ***/
/*************************/
.wallpaper .bigTooltipImgDesc {
    width: auto;
    margin-left: 40px;
}

.bigTooltipContentImg.wallpaper  {
	margin-bottom: 0px;
}

.wallpaperImg {
	background-color: #FFF;
	width: 25px;
	height: 140px;
	margin-top: 5px;
}

.wallpaperImg .rotatedText {
	color: #004475;
    font-size: 24px;
    font-weight: bold;
    left: -118px;
    position: relative;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
	transform-origin: right top 0;
    -webkit-transform-origin: right top 0;
    width: 140px;
}

/************************/
/*** K Memo box [134] ***/
/************************/
.bigTooltipContentImg.memobox .bigTooltipImgDesc {
	float: left;
}

/**************************/
/*** L Postit set [133] ***/
/**************************/
.postitSet .iconDarkBlue{
	font-size: 14px;
	font-weight: bold;
}
.bigTooltipContentImg.postitSet .bigTooltipImgDesc {
	float: left;
}

/**************************/
/*** M Door hanger [70] ***/
/**************************/
.doorhanger .bigTooltipImgDesc{
	margin-left: 10px;
	float: left;
}

/*********************/
/*** N Folder [10] ***/
/*********************/
.bigTooltipContentImg.folder .bigTooltipImgDesc {
    margin-top: 25px;
	margin-left: 10px;
    float: left;
}

/**********************/
/*** O Envelope [8] ***/
/**********************/
.bigTooltipContentImg.enevelope .bigTooltipImgDesc {
	width: 150px;
	margin-left: 10px;
    float: left;
}

#envelopesPeelInfo {
	margin-top: 8px;
}

#envelopesWetAdhesiveInfo {
	margin-top: 34px;
}

#envelopesTearPerforationInfo,
#envelopesSelfAdhesiveInfo {
	margin-top: 18px;
}

/********************/
/*** P Tuck [149] ***/
/********************/
.tuckBox figure {
	width: 104px;
	text-align: center;
}
.bigTooltipContentImg.tuckBox .bigTooltipImgDesc {
	width: 150px;
    margin: 0 0 0 10px;
	float: left;
}

/****************************/
/*** Q Plastic card [148] ***/
/****************************/
.bigTooltipContentImg.plasticcard .bigTooltipImgDesc {
	float: left;
	width: 240px;
}

/******************************/
/*** R Punched pocket [144] ***/
/******************************/
.punchedPocket figure{
	width: 79px;
}
.bigTooltipContentImg.punchedPocket .bigTooltipImgDesc {
	float: left;
	margin: -2px 0 0 10px;
}

/******************************/
/*** S Note books [145] ***/
/******************************/
.notebookImg {
	background-image: url("/_global/images/neutral/help_images_tooltip/noteBookModel.png");
	background-repeat: no-repeat;
	height: 156px;
	width: 225px;
	background-size: contain;
}

/************************************/
/*** T Month panel calendar [161] ***/
/************************************/
#tt_format .monthPanelCalendar figure {
	margin-top: 4px;
	width: 102px;
}
.bigTooltipContentImg.monthPanelCalendar.format .monthPanelCalendarImg {
	float: left;
	margin-top: 4px;
}

.bigTooltipContentImg.monthPanelCalendar.material_model .bigTooltipImgDesc {
    width: 162px;
    margin: 0 0 4px;
}

.bigTooltipContentImg.monthPanelCalendar.format .bigTooltipImgDesc {
    margin: 10px 0 0 0;
    float: left;
}
.monthPanelCalendar .factsheetLink{
	margin-bottom:0.5em;
}
.bigTooltipContentImg.monthPanelCalendar.format .bigTooltipProductVariant .bigTooltipImgDesc:nth-child(2) {
	margin-bottom: 5px;
}

/*********************/
/*** U Sticky tape ***/
/*********************/
.bigTooltipContentImg.stickyTape .bigTooltipImgDesc {
	float: left;
}

/***********************/
/*** V Tablet wallet ***/
/***********************/
.tabletWallet .bigTooltipProductVariant:nth-child(2) .bigTooltipImgDesc {
	margin-left: 10px;
}
.tabletWallet figure svg{
	width: 104px;
}
.bigTooltipContentImg.tabletWallet .bigTooltipImgDesc {
	width: 154px;
	float: left;
}

/*********************/
/*** W Label [147] ***/
/*********************/
.narrow_side .iconWhite {
	font-size: 68px;
	font-weight: normal;
}

.wide_side .iconWhite {
	font-size: 42px;
	font-weight: normal;
}
.bigTooltipContentImg.label .bigTooltipProductVariant {
    width: 132px;
    float: left;
}

/************************/
/*** X Keychain [181] ***/
/************************/
.buckle .iconBlack,
.buckle .iconWhite{
	stroke: #4C7C9E;
}
.buckle figure{
	margin-top: 5px;
}
.bigTooltipProductVariant:nth-child(2) figure:nth-child(2){
	margin-right: 8px;
}
.buckle .bigTooltipImgDesc {
	margin: 0;
}

.carabiner .iconBlue{
	stroke: #004475;
}
.carabiner figure{
	width: 84px;
	text-align: center;
}
.carabiner .bigTooltipImgDesc {
	margin-left: 10px;
	float: left;
	width: 170px;
}

.cardCase figure{
	margin-top: 5px;
}
.cardCase .bigTooltipImgDesc {
	float: left;
	margin-left: 10px;
	width: 173px;
}

/***********************/
/*** Y Ballpen [175] ***/
/***********************/
.ballpenImg {
	background-image: url('/_global/images/neutral/help_images_tooltip/ballpen.png');
	background-repeat: no-repeat;
	height: 213px;
	width: 245px;
	margin-top: 10px;
}

/*********************************/
/*** Z Blowups_xxlBanner [183] ***/
/*********************************/
.blowupsImg_material_spec{
	background-repeat: no-repeat;
	width: 114px;
	height: 46px;
	float: left;
}
.blowups_mesh{
	background-position: 0 -47px;
}
.blowups_pvc{
	background-position: 0 0px;
}
.blowups_material_spec .bigTooltipImgDesc {
	margin: 0 0 0 10px;
	float: left;
	width: 144px;
}

.blowupsImg_processing{
	background-repeat: no-repeat;
	width: 108px;
	float: left;
}
.blowups_hemstitching{
	background-position: 0 0;
	height: 80px;
}
.blowups_welt{
	background-position: 0 -80px;
	height: 120px;
}
.blowups_eyelets{
	background-position: 0 -205px;
	height: 84px;
}
.blowups_verarbeitung .bigTooltipImgDesc {
	margin: 0 0 0 10px;
	float: left;
	width: 124px;
}
/**************************/
/*** AA Tarpaulin [111] ***/
/**************************/
.bigTooltipContentImg.tarpaulin .bigTooltipImgDesc{
	width:145px;
	margin:0 0 0 10px;
	float:left;
}
.bigTooltipContentImg.tarpaulin figure{
	width:110px;
	text-align:center;
}
/* Shirt [184] */
.bigTooltipContentImg.shirt .bigTooltipImgDesc{
	width:168px;
	margin:0 0 0 10px;
	float:left;
}
/* Blouse [185] */
.bigTooltipContentImg.blouse .bigTooltipImgDesc{
	width:168px;
	margin:0 0 0 10px;
	float:left;
}

/*********************************/
/*** 6.3 TOOLTIPS - Data input ***/
/*********************************/
.ttContent {
	position: absolute;
	color: #FFF;
	background-color: #80A6C7;
	padding: 10px 12px;
	text-align: left;
	visibility: hidden;
	z-index: 1000;
    border-radius: 2px;
}

/* tt open hover */
.ttContent.hover {
	border: none;
}



/************************/
/*** 7 IMAGES & ICONS ***/
/************************/
/*****************************************************/
/*** 7.1 IMAGES & ICONS - Placed in boxes/tooltips ***/
/*****************************************************/
.calcPics,
.prop_body_line div.calcPics,
.column div.calcPics {
    position: absolute;
    display: inline;
}

#c_papier .prop_body_line div.calcPics div:nth-child(2),
.prop_body_line > div.calcPics {
	padding-left: 0;
}

.header .calcPics {
    margin-top: 2px;
}

/* fast choice*/
/* box */
.fast_choice {
	background-repeat:no-repeat;
    height:8.567em;
    width:6.567em;
	margin-top:0.293em;
	margin-left:5px;
}
.prop_header .fast-choice{
	margin:0.333em 0 0 0;
}

/********************/
/*** A Blue angel ***/
/********************/
/* box */
.blue_angel {
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    margin: 3px 0 0 3px;
}

.blue_angel.header {
    margin-top: 8px;
}
/* @ tooltip */
.blueAngel{
	margin-left:0.333em;
	vertical-align:bottom;
}
.blueAngel svg{
    height:1.167em;
    width:1.167em;
}


/*******************************************/
/*** 7.2 IMAGES & ICONS - Loading circle ***/
/*******************************************/
/* hides the calculation button if loading */
div.modal {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 999999;
}

.loadingcircle::before {
	font-family: FontAwesome;
	content: "\f110";
	font-size: 16px;
	line-height: 16px;
	display: block;
	color: #2F6891;
}

.loadingcircle {
 	-webkit-animation: fa-spin 1s infinite steps(8);
 	animation: fa-spin 1s infinite steps(8);
 	transform-origin: center;
	-webkit-transform-origin: center;
	margin-left: 0.5em;
	float: left;
}


  @-webkit-keyframes fa-spin {
 	0% {
 	-webkit-transform:rotate(0deg);
 	transform:rotate(0deg) }

 	100% {
 	-webkit-transform:rotate(359deg);
 	transform:rotate(359deg)
 	}
 }

@keyframes fa-spin {
 	0% {
 	-webkit-transform:rotate(0deg);
 	transform:rotate(0deg) }

 	100% {
 	-webkit-transform:rotate(359deg);
 	transform:rotate(359deg)
 	}
 }

#box_price .loadingcircle {
    margin: 4px 0 0 4px;
    float: left;
}

/********************************/
/*** 7.5 IMAGES & ICONS - NEW ***/
/********************************/
.new_pic,
#c_quantity .new_pic {
    height: 1.25em;
	background-color: #004475;
   	border-radius: 0.2em;
   	color: #FFF;
   	cursor: pointer;
   	font-weight: bold;
   	line-height: 1.417em !important;
	text-align: center;
	padding: 0 0.25em;
	margin-left: 0.5em;
	font-size: 90%;
}

#c_quantity .prop_body_line .new_pic::after {
	margin: 0 0.083em 0 -0.25em;
}

.prop_header .new_pic.header,
#c_quantity.prop_header .new_pic {
	margin-top: 0.417em;
}

.prop_header .new_pic.header {
	margin-top: 0.7em;
}

.mouseover .new_pic {
	color: #FFF;
	text-decoration: none;
}
.prop_body_line .new_pic{
	padding-left:0px;
}
#c_item_group_subsets.prop_header .new_pic,
#c_item_group_subsets .prop_body_line .new_pic {
	padding-left: 0.25em;
}
/* new pic for textile product */
.new_pic_textileproduct {
	width: 35px;
	padding-left: 35px;
}

#CALC .prop_header .header .fold_flash_demo,
#CALC .prop_header .header .calcPics,
#CALC .prop_header .header .new_pic {
	white-space: nowrap;
	position: static;
	float: right;
}

.prop_header .new_pic {
	margin-top: 0.5em;
	float: right;
	padding-left: 0;
}

/**************************************/
/*** 7.6 IMAGES & ICONS - Butterfly ***/
/**************************************/
.butterfly {
    background-repeat: no-repeat;
    background-position: left 0px;
    width: 15px;
    margin-left: 4px;
    height: 15px;
}
.greenline {
    background-repeat: no-repeat;
    background-position: left 0px;
    width: 15px;
    margin-left: 4px;
    height: 15px;
	background-size: 13px;
}
/*
** 7.7 IMAGES & ICONS - FreeDesign logo + butterfly
*/
.prop_body_line.logoFreeDesign{
	background-repeat:no-repeat;
	background-position:1em bottom;
	width:8.5em;
	height:3.333em;
	margin-bottom:0.25em;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.prop_body_line.logoFreeDesign{
		background-position:1.167em bottom;
	}
}

.prop_body_line.logoFreeDesign:hover,
.prop_body_line.logoFreeDesign span,
.prop_body_line.logoFreeDesign:hover span{
	text-decoration:none;
}
/**********************************/
/*** 7.7 IMAGES & ICONS - Video ***/
/**********************************/
#CALC .toolIcon.video {
	margin: 2px 4px 0 0;
	float: right;
}

.playpic,
.fold_flash_demo {
	font-family: FontAwesome!important;
	font-size: 1.167em;
	line-height: 1.167em;
	color: #004475;
	cursor: pointer;
}

.playpic::after,
.fold_flash_demo::after{
	content: "\f03d";
}

.header .playpic,
.header .fold_flash_demo {
	margin-top: -0.35em;
}
.prop_body_line .playpic{
	padding-left:0.4em;
}
/*
** 7.8 IMAGES & ICONS - EfS + PfE + G12 + DI16
*/
/* box */
.dataInputNXD .G12,
.dataInputEXP .EfS,
.dataInputOVN .PfE,
.dataInputOVN .G12,
.dataInputSDL .G12,
.dataInputOVN .DI16{
	background-repeat: no-repeat;
	background-size: contain;
	width:3.500em;
	height:1em;
	margin:0.25em 0 0 0.833em;
}
/* after price line */
#box_price .EfS,
#box_price .PfE{
	background-repeat:no-repeat;
	background-size:contain;
	width:9.5em;
	height:2.667em;
	margin:-0.333em 0 0 0.833em;
}

#tt_EfS,
#tt_G12,
#tt_DI16{
	border-radius: 2px;
	color: #fff !important;
	font-size: 12px;
	min-height: 15px;
	padding: 5px 7px;
	position: absolute;
	z-index: 110;
	background-color: #80A6C7;
	border-color: #80A6C7;
}
#tt_EfS::after,
#tt_G12::after,
#tt_DI16::after{
	content: "";
	width: 0;
	height: 15px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #80A6C7;
	left: 10px;
	bottom: -25px;
	position: absolute;
}
/*
** 6.9 IMAGES & ICONS - Promo
*/
.promo5,
.promoTopPrice,
.promo30,
.promo15,
.promo10,
.promo20 {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
	width: auto;
	height: 1.167em;
	border-radius: 0.167em;
	background-color: #004475;
	font-weight: bold;
	font-size: 90%;
	line-height: 1.2 !important;
	cursor: pointer;
	float: left;
	margin: 0.167em 0 0 0.333em;
	padding: 0 0.333em 0 0 !important;
}
.promoTopPrice {
	line-height: 1.25 !important;
	margin-top: 0.25em;
	padding-left: 0.333em !important;
}
/* -30% */
.promo30::after {
	content: "-30%";
	color: #FFF;
}
/* -15% */
.promo15::after {
	content: "-15%";
	color: #FFF;
}
/* -10% */
.promo10::after {
	content: "-10%";
	color: #FFF;
}
/* -20% */
.promo20::after {
	content: "-20%";
	color: #FFF;
}
/* promoTopPrice */
.promoTopPrice::after {
	color: #FFF;
}
/* -5% */
.promo5::after {
	content: "-5%";
	color: #FFF;
}
.header .promo5,
.header .promoTopPrice,
.header .promo30,
.header .promo15,
.header .promo10,
.header .promo20 {
	margin-top: 0.583em !important;
}
.header .promoTopPrice {
	margin-top: 0.65em !important;
	line-height: 1.45 !important;
}
.new_pic + .promo5,
.new_pic + .promoTopPrice,
.new_pic + .promo30,
.new_pic + .promo15,
.new_pic + .promo10,
.new_pic + .promo20 {
	margin-top: 0;
}

/* googleChrome + safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.promo5,
	.promoTopPrice,
	.promo30,
	.promo15,
	.promo10,
	.promo20 {
		margin: 0.233em 0 0 0.333em !important;
		line-height: 1.4 !important;
	}
	.prop_body_line .promoTopPrice {
	margin-top: 0.15em !important;
}
}
.header .calcPics > div:last-child {
	clear: none;
}

/***************/
/*** 8 LAYER ***/
/***************/
/**********************************/
/*** 8.1 LAYER - Special format ***/
/**********************************/
#CALC_showText_Div,
#CALC_ErrorText {
	text-align: left;
	margin-top: 0;
}

#CALC_showText_left {
    float: left;
    margin-top: 1.25em;
    margin-bottom: 0.313em;
    font-weight: bold;
}

#CALC_showText_left span {
    font-weight: normal;
}

#CALC_ErrorText span::before {
	float: left;
	margin-right: 0.25em;
	font-family: FontAwesome;
    content: "\f071";
    font-size: 2.6em;
    line-height: 1.2em;
}
#CALC_setSpecialFormat_layer_Btn{
	margin-top: 0.917em;
}

/**********************************/
/*** 8.2 LAYER - Special colour ***/
/**********************************/
.whiteArea_content {
    width: 100%;
    margin-top: 1.25em;
}
.whiteAreafullCol_content {
	width: 100%;
    padding: 1%;
    margin-top: 1.25em;
}
.whiteAreaballCol_content {
	width: 100%;
	padding: 1%;
    margin-top: 1.25em;
}
.whiteAreaBannerCol_content {
	width: 100%;
	padding: 1%;
    margin-top: 1.25em;
}

/* colour tabelle */
.whiteAreafullCol_content .topList_column,
.whiteAreafullCol_content .topList_firstcolumn,
.whiteAreafullCol_content .topList_lastcolumn,
.whiteArea_content .topList_column,
.whiteArea_content .topList_firstcolumn,
.whiteArea_content .topList_lastcolumn {
    float: left;
    width: 20%;
}

.whiteAreaBannerCol_content .topList_column,
.whiteAreaBannerCol_content .topList_firstcolumn,
.whiteAreaBannerCol_content .topList_lastcolumn,
.whiteAreaballCol_content .topList_column,
.whiteAreaballCol_content .topList_firstcolumn,
.whiteAreaballCol_content .topList_lastcolumn {
    float: left;
    width: 25%;
}

.topList_column,
.topList_firstcolumn {
    padding-right: 1%;
}

/* colour boxes */
.specialColour_box {
    display: block;
    width: 100%;
    height: 2.083em;
    border: 1px solid #FFF;
    margin-bottom: 0.5em;
    line-height: 2em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	color: #FFF;
	font-weight: bold;
}

.whiteAreaBannerCol_content .specialColour_box,
.whiteAreaballCol_content .specialColour_box {
    display: block;
    width: 100%;
    height: 2.083em;
    border: 1px solid #FFF;
    margin-bottom: 0.5em;
    line-height: 2em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	color: #FFF;
	font-weight: bold;
}

.whiteAreaBannerCol_content .specialColour_box:last-child,
.whiteAreaballCol_content .specialColour_box:last-child {
    margin-bottom: 0;
}

.specialColour_box:last-child {
    margin-bottom: 0;
}
#CALC_specialColour_V01,
#CALC_specialColour_B01,
#CALC_specialColour_B01_1,
#CALC_specialColour_B01_2 {
	border: 1px solid #000;
	color: #000;
}
#CALC_specialColour_T03,
#CALC_specialColour_T04,
#CALC_specialColour_T05,
#CALC_specialColour_T06,
#CALC_specialColour_T07,
#CALC_specialColour_T08,
#CALC_specialColour_T09,
#CALC_specialColour_T10,
#CALC_specialColour_T11,
#CALC_specialColour_T12,
#CALC_specialColour_T13,
#CALC_specialColour_T14,
#CALC_specialColour_T15,
#CALC_specialColour_T16,
#CALC_specialColour_T17,
#CALC_specialColour_T18,
#CALC_specialColour_T19,
#CALC_specialColour_T20,
#CALC_specialColour_T21,
#CALC_specialColour_T22,
#CALC_specialColour_T23,
#CALC_specialColour_T24,
#CALC_specialColour_T25 {
	color: #fff;
}
#CALC_specialColour_T01,
#CALC_specialColour_T02 {
	color: #000;
}
.hover,
.select_SpecialColour {
    border: 1px solid #092959;
    cursor: pointer;
}

.whiteAreaBannerCol_content .hover,
.whiteAreaBannerCol_content .select_SpecialColour,
.whiteAreaballCol_content .hover,
.whiteAreaballCol_content .select_SpecialColour {
    border: 1px solid #092959;
    cursor: pointer;
}

#win_SpecialColourLayer_Btn {
    width: 50%;
    margin: auto;
}
#CALC_layer_confirmSelection_Btn{
	margin-top: 2%;
}

/****************************/
/*** 8.3 LAYER - Luxecore ***/
/****************************/
#win_luxecoreVideo_layer_content {
    text-align: left;
}


/****************************/
/*** 8.4 LAYER - Shipping ***/
/****************************/
#win_deliver_time_layer_content table {
    margin: auto;
}

#win_deliver_time_layer_content tr {
    text-align: left;
    font-size: bold;
    line-height: 1.937em;
    vertical-align: baseline;
}

#win_deliver_time_layer_content th {
    text-align: left;
}

#win_deliver_time_layer_content tr th:nth-child(2),
#win_deliver_time_layer_content tr th:last-child,
#win_deliver_time_layer_content tr td:nth-child(4),
#win_deliver_time_layer_content tr td:last-child {
    text-align: right;
}

#win_deliver_time_layer_content tr td:nth-child(4) {
    padding-left: 1em;
}


/************************************/
/*** 8.5 LAYER - Refining options ***/
/************************************/
#win_refiningOptionInfo_content {
	text-align: left;
}


/**************************************/
/*** 8.6 LAYER - Existing printform ***/
/**************************************/
#win_existingPrintform_content #CALC_layer_existingPrintform_Radio ~ label {
	margin-top: 0;
	margin-bottom: 2px;
}

#win_existingPrintform_content .top17 {
	margin-top: 17px;
}

#win_existingPrintform_content .top23 {
	margin-top: 23px;
}


/***********************************/
/*** 8.7 LAYER - EfS, PfE and Co ***/
/***********************************/
#Head_layer_showPfE_Input,
#Head_layer_showfasterServiceGreatPrice_Input,
#Head_layer_showEfS_Input {
	float: left;
	height: 10px;
	width: 10px;
}

/* Safari and Safari Mac Hacks*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	#Head_layer_showPfE_Input,
	#Head_layer_showfasterServiceGreatPrice_Input,
	#Head_layer_showEfS_Input {
		height: 14px;
		width: 14px;
	}
}

.EfSNoteText {
	float: left;
	display: table-cell;
	margin-left: 6px;
	vertical-align: middle;
	line-height: 22px;
}

/*****************************/
/*** 6.5 LAYER - EMBOSSING ***/
/*****************************/
/* use USS not DDK code */

.container_embossing.layerContent {
	text-align: left;
}

.container_embossing input[type="radio"] {
	width: 1em;
	height: 1em;
	float: left;
	margin: 0.1em 0.333em 0 0;
}

#CALC_layer_entryOrderNumberEmbossing_Input {
	width: 97;
	float: right;
	color: #092959;
}

#embossing_table_head,
#embossing_table {
	float: right;
}

#new_embossing,
#existent_form,
#radiobuttons_embossing {
	float: left;
}

#radiobuttons_embossing,
#radio_div_0,
#radio_div_2,
#radio_div_4 {
	clear: both;
}
#radiobuttons_embossing label,
#embossing_table th {
	font-weight: normal;
}

#existent_form,
#new_embossing,
#embossing_table_head {
	margin-top: 1.5em;
}
.emb_info_content{
	clear: both;
	float: left;
	margin-top: 0.834em;
}

#fl_fic, #fl_thc, #sl_thc, #sl_fic { min-width: 3em; }
#fl_ssc, #sl_ssc { width: 1em; text-align: center;}
/* multiple item/property selection */
.itemOverview__table {
	border-collapse: collapse;
	text-align: left;
	float: left;
	margin-top: 1.85em;
	width: 100%;
}
.itemOverview__th,
.itemOverview__td {
	padding-bottom: 0.25em;
}
.itemOverview__line--top {
	padding-bottom: 0.667em;
}
.itemOverview__line--bottom {
	padding-top: 0.667em;
}
.itemOverview__icon {
	padding: 0.083em;
	text-align: right;
	float: right;
}
.itemOverview__icon svg {
	width: initial;
	height: 1.167em;
	fill: #2F6891;
}
.orderQuantity__line {
	padding-top: 0.583em;
}
.IMSLayer__error {
	margin: 1.25em 0 0 0 !important;
	text-align: left;
	float: left;
}
/* falgs - model tooltip */
.tooltipProductVariant {
    float: left;
    margin-top: 11px;
}

.tooltipProductVariantDesc {
    float: left;
    margin-left: 5px;
    width: 95px;
}

/****************************************/
/*** 8.7 LAYER - change price display ***/
/****************************************/
.CPDLayer {
	text-align: left;
}
.CPDLayer__priceWrapper,
.CPDLayer__shippingWrapper {
	margin-bottom: 0.5em;
}
.priceWrapper__radio,
.shippingWrapper__radio,
.saveSettings__checkBox {
	width: 1em;
	height: 1em;
	margin: 0.1em 0.5em 0 0;
}
.saveSettings__checkBox {
	margin: 0 0.5em 0 0;
}
.priceWrapper__txt,
.shippingWrapper__txt {
	padding-top: 0.2em;
	font-weight: normal;
}
.saveSettings__txt {
	font-weight: normal;
}