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