/*-------------------------------------*/
/* Layoutklassen */
/*-------------------------------------*/

@import url("../../../../ffkampagnen/kampagnen.css");
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&display=swap');

@font-face {
	font-family: 'OpenSansLight';
	src: url('../fonts/OpenSans-Light-webfont.eot');
	src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Light-webfont.woff') format('woff'), url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSansRegular';
	src: url('../fonts/OpenSans-Regular-webfont.eot');
	src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSansBold';
	src: url('../fonts/OpenSans-Bold-webfont.eot');
	src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'FuturaBold';
    src: url('../fonts/Futura/Futura-Bold.eot');
    src: url('../fonts/Futura/Futura-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Futura/Futura-Bold.woff2') format('woff2'),
        url('../fonts/Futura/Futura-Bold.woff') format('woff'),
        url('../fonts/Futura/Futura-Bold.ttf') format('truetype'),
        url('../fonts/Futura/Futura-Bold.svg#Futura-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

.ClearLeft {
	clear: left !important;
}
.ClearRight {
	clear: right !important;
}
.ClearBoth {
	clear: both !important;
}
.FloatLeft {
	float: left !important;
}
.FloatRight {
	float: right !important;
}

.MarginBottom {
	margin-bottom: 20px !important;
}
.MarginBottom5 {
	margin-bottom: 5px;
}
.MarginRight {
	margin-right: 2% !important;
}
.MarginLeft {
	margin-left: 2% !important;
}
.MarginTop5 {
	margin-top: 5px !important;
}
.MarginTop10 {
	margin-top: 10px !important;
}
.MarginBottom10 {
	margin-bottom: 10px !important;
}
.Padding5 {
	padding: 5px !important;
}
.PaddingBottom10 {
	padding-bottom: 10px !important;
}
.Padding0 {
	padding: 0 !important;
}

.BorderBottom {
	border-bottom: 6px solid #d8d8d8 !important;
}

.Block {
	display: block;
}
.inline-block {
	display: inline-block;
}

a:focus {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

.Left {
	text-align: left !important;
}
.Right {
	text-align: right !important;
}
.Center {
	text-align: center !important;
}
.Top {
	vertical-align: top !important;
}
.Bottom {
	vertical-align: bottom !important;
}

.BottomRight {
	position: absolute;
	bottom: 10px;/*right:10px;*/
}

.Nowrap {
	white-space: nowrap !important;
}

#RubView li {
	background-color: #fff;
}

.invisible, .realinvisible {
	display: none;
}

.EinSpaltig {
	width: 98%;
}
.ZweiSpalten {
	width: 49% !important;
}
.DreiSpalten {
	width: 31.85% !important;
}
.OneColumns {
	width: 99% !important;
	margin-left: 0.5%;
	margin-right: 0.5%;
}
.TwoColumns {
	width: 49% !important;
	margin-left: 0.5%;
	margin-right: 0.5%;
}
.ThreeColumns {
	width: 32.3%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.Width16 {
	width: 16px !important;
}
.Width32 {
	width: 32px !important;
}
.Width40 {
	width: 40px !important;
}
.Width45 {
	width: 45px !important;
}
.Width90 {
	width: 90px !important;
}
.Width70 {
	width: 70px !important;
}
.Width100 {
	width: 100px !important;
}
.Width150 {
	width: 150px !important;
}
.Width180 {
	width: 180px !important;
}
.Width200 {
	width: 200px !important;
}
.Width250 {
	width: 250px !important;
}
.Width300 {
	width: 300px !important;
}
.Width30p {
	width: 30% !important;
}
.Width40p {
	width: 30% !important;
}
.Width50p {
	width: 50% !important;
}
.Width70p {
	width: 70% !important;
}
.Width90p {
	width: 90% !important;
}
.Width100p {
	width: 100% !important;
}

.Height25 {
	height: 25px !important;
}
.Height50 {
	height: 50px !important;
}
.Height75 {
	height: 75px !important;
}
.Height100 {
	height: 100px !important;
}
.Height170 {
	height: 170px !important;
}
.Height150 {
	height: 150px !important;
}
.Height250 {
	height: 250px !important;
}

.block {
	display: block;
	overflow: visible !important;
}
.borderbox {
	box-sizing: border-box;
}

.LineHeight19 {
	line-height: 19px !important;
}
.LineHeight24 {
	line-height: 24px !important;
}

.Red, .Red * {
	color: red !important;
}
.Yellow, .yellow * {
	color: yellow !important;
}
.bg-red {
	background: #f00 !important
}
.fg-white {
	color: #fff !important
}
.bold {
	font-weight: bold !important
}
.rounded {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.fromTablet, .back-to-top, #LogoBW, #ScartInfo .SmartphoneAmount, #MainNavi .navi-logo, #UserNavi #ScartScroll {
	display: none;
}

.fix-dblbrdr {
    /* Fix für verschobene/verdoppelte Linien in Tabellen bei Zoom <> 100% */ 
    vertical-align: top
}

#debug {
    padding: 1em;
    background: #f00;
    color: #fff;
    font-family: OpenSansBold;
    font-size: 12px;
    position: fixed;
    left: 3em;
    top: 0;
    z-index: 10000;
    transform-origin: top left;
    transform: rotate(90deg);
    line-height: 1em;
    white-space: nowrap;
}

/*-------------------------------------*/
/* Initialisierung */
/*-------------------------------------*/
* {
	
	/* font-family: 'OpenSansRegular', Arial, sans-serif; */
	/*font-weight: 300;*/
	font-size: 15px;
	/*color: #222;*/

	font-family:'OpenSansLight',Arial,sans-serif;
	font-weight:300;
	font-size:15px;
	color:#222;
	border: 0 none;
    margin: 0;
    padding: 0;
}

html, body {
	/*background: #e00;   */
	-webkit-font-smoothing: antialiased;
}
img, a img {
	border: none;
}

ol, ul {
	list-style: none outside none;
}

.InfoText ul {
	list-style: disc;
	margin-left: 20px;
}

a {
	text-decoration: none;
	/* color: #333; */
	color: #e3000f;
}

a span {
	text-decoration: none;
	/* color: #e3000f; */
	color: #555657;
}

.download-element a span {
	color: #222;
}

a:hover {
	cursor: pointer;
	/* color: #006bbb; */
	color: #e3000f;
	text-decoration: none !important;
}

img {
	border: none;
}

header, nav, section, article, aside, footer {
	display: block;
}

button::-moz-focus-inner/* Remove button padding in FF */ {
	border: 0;
	padding: 0;
}

h2 {
	position: relative;
	font-size: 3em;
	margin: 0 0 20px 0;
	font-weight: normal;
}

h3 {
	position: relative;
	font-size: 1.8em;
	margin: 0 0 20px 0;
}

p {
	margin-bottom: 1em;
}
/*
strong,b {
    font-family: OpenSansBold;
    font-weight: normal;
}
*/
/*-------------------------------------*/
/* Standardklassen Forms */
/*-------------------------------------*/

html select, html input, html textarea {
	border: 1px solid #ccc;
	padding: 3px;
	-webkit-box-shadow: inset 2px 2px 2px 0 rgba(0,0,0,0.1);
	box-shadow: inset 2px 2px 2px 0 rgba(0,0,0,0.1);
	box-sizing: border-box;
	color: #000;
	padding: 0.5em;
	border-radius: 0;
}

/*-------------------------------------*/
/* Standardklassen */
/*-------------------------------------*/
#JavaScriptError {
    background: #f00;
    font-family: OpenSansBold;
    padding: 1em;
    text-align: center;
    margin: 2em 0 4em 0;
    color: #fff;
    text-transform: uppercase;
}

.FloatingButtonRight {
	right: 3px;
	top: 220px;
	position: fixed;
	width: 30px;
	height: 90px;
	z-index: 4000;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	
}
.FloatingButtonRight img{
	background:#e3000f;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}
#floatingMenu {
	position: fixed;
	top: 320px;
	right: -300px;
	z-index: 4000;
	cursor: pointer;
	
}

#floatingMenu > table {
	border-spacing: 0;
	border: 0px;
	padding: 0px;
	z-index: 100;
	position: relative;
	background:#e3000f;
}

#floatingMenu .trigger {
	/* background-color: #0075bc; */
	
	background: rgba(108,109,110,1);
	background: -moz-linear-gradient(left, rgba(108,109,110,1) 0%, rgba(71,72,74,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(108,109,110,1)), color-stop(100%, rgba(71,72,74,1)));
	background: -webkit-linear-gradient(left, rgba(108,109,110,1) 0%, rgba(71,72,74,1) 100%);
	background: -o-linear-gradient(left, rgba(108,109,110,1) 0%, rgba(71,72,74,1) 100%);
	background: -ms-linear-gradient(left, rgba(108,109,110,1) 0%, rgba(71,72,74,1) 100%);
	background: linear-gradient(to right, rgba(108,109,110,1) 0%, rgba(71,72,74,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c6d6e', endColorstr='#47484a', GradientType=1 );
	background:#e3000f;
	vertical-align: inherit;
	position: relative;
    right: -3px;
}

#floatingMenu .floatingTrigger {
	/*
	float: left;
	background-color: #0075bc;
	height: 100%;
	color: #fff;
	*/
	
	float:left;
	background: rgba(108,109,110,1);
	background: -moz-linear-gradient(left, rgba(108,109,110,1) 0%, rgba(71,72,74,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(108,109,110,1)), color-stop(100%, rgba(71,72,74,1)));
	background: -webkit-linear-gradient(left, rgba(108,109,110,1) 0%, rgba(71,72,74,1) 100%);
	background: -o-linear-gradient(left, rgba(108,109,110,1) 0%, rgba(71,72,74,1) 100%);
	background: -ms-linear-gradient(left, rgba(108,109,110,1) 0%, rgba(71,72,74,1) 100%);
	background: linear-gradient(to right, rgba(108,109,110,1) 0%, rgba(71,72,74,1) 100%);
	
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c6d6e', endColorstr='#47484a', GradientType=1 );
	background:#e3000f;
	height:100%;
	color:#fff;
}

#floatingMenu .content {
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#floatingMenu .floatingMenuContent {
	padding: 5px 20px;
	background-color: #fff;
}

#floatingMenu .content ul li {
	padding: 10px 0;
}

#floatingMenu h4 {
	font-size: 1.5em;
}

#floatingMenuTele {
	
	z-index: 10;
	position: relative;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	margin: 0 10px;
	text-align: center;
	/*
	display:none;
	z-index:10; 
	position:relative;
	padding:10px;
	border:1px solid #ccc;
	background-color:#6C6D6E;
	margin:0 10px;
	text-align:center;
	*/
}

#floatingMenu table td {
	padding: 0;
}

.FloatingButtonRight:hover {
	right: 10px;
}

#InfoDemoShop {
	margin-bottom: 20px;
	padding: 0 10px;
}

.Error {
	color: red !important;
	text-align: center !important;
}

.Highlight {
	font-size: inherit;
	background: yellow;
}

.Important {
	color: red !important;
	font-weight: bold !important;
	text-align: center !important;
}

.ImportantInput {
	border: 1px solid #E300F;
}

#DemoShopNote {
	clear: left;
	background: white;
	border: 1px solid #333;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px;
	text-align: center;
	margin: 0 0 10px 0;
	line-height: 1.5em;
}

.error404 {
	height: 180px;
	background: url(/tradepro/shop/layout/404-grafik.jpg) bottom right no-repeat #f3f3f3 !important;
}

.error, .errorNoScroll {
	/*line-height: 2em;*/
}

.errorSerps {
	background: url(/tradepro/shop/layout/suchfehler-grafik-resp.jpg) center right no-repeat #fff !important;
}

.error404-resp {
	background: url(/tradepro/shop/layout/404-grafik-resp.jpg) bottom right no-repeat #fff !important;
	min-height: 390px;
}

.error p {
	width: 50%;
}

.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 7000;
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.wrapper {
	position: relative;
	margin: 0 auto;
	max-width: 1200px;
}

/* Content: Navigation Rechts */

.det.shop .ShopContent {
	float: left;	
	width: 100%;
}

.ShopContent {
	float: left;
	width: calc(100% - 280px);
	/*width: 100%;*/
}

/*det shop info shop */
/* Content: Navigation Rechts */
.StartContent {
	max-width: 1200px;
}

/* FactFinder: Navigation Links */
.FFSContent {
	float: right;
	width: 75%;
}

#ShopMenu.FFSMenu {
	float: left !important;
}

#ShopMenu.FFSMenu h6 {
	padding-right: 30px;
}

.FFSContent #RubView li, #RubView #TopProducts li, .ShopContent #RubView li, .StartContent #RubView li {
	position: relative;
	margin: 0 0 20px 0;
	padding-top: 10px;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
	float: left;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	overflow: hidden;
}

.FFSContent #RubView li, #RubView #TopProducts li, .ShopContent #RubView li {
	width: 31.8%;
}

.StartContent #RubView li {
	width: 18.4%;
}

#RubView li ins {
	font-size: 1.2em;
	display: block;
	text-align: center;
	color: #333;
}

#RubView li:hover .item-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNzklIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.15) 79%, rgba(0,0,0,0.15) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(40%,rgba(0,0,0,0)), color-stop(79%,rgba(0,0,0,0.15)), color-stop(100%,rgba(0,0,0,0.15))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.15) 79%,rgba(0,0,0,0.15) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.15) 79%,rgba(0,0,0,0.15) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.15) 79%,rgba(0,0,0,0.15) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.15) 79%,rgba(0,0,0,0.15) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#26000000',GradientType=0 ); /* IE6-8 */
}

#RubView li .item-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	-webkit-transition: background-color 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out;
	-ms-transition: background-color 0.3s ease-in-out;
	-o-transition: background-color 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out;
}
.sidebar .ArticleElement {
	width: 100%;
	position: relative;
	/*border:1px solid black;*/
	overflow: hidden;
	-moz-hyphens: auto;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
	float: left;
	overflow: hidden;
	padding-top: 10px;
	word-wrap: break-word;
	margin-bottom: 20px;
}
.ArtCMSview {
	margin-bottom: 20px;
}
.main-content .ArticleElement {
	width: 31.8%;
	position: relative;
	/*border:1px solid black;*/
	overflow: hidden;
	-moz-hyphens: auto;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
	float: left;
	overflow: hidden;
	padding-top: 10px;
	word-wrap: break-word;
	margin-bottom: 20px;
}
.main-content .ArticleElement .thumb img {
	/*padding-bottom: 40px;*/
}
.ArticleElement:hover .item-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNzklIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.15) 79%, rgba(0,0,0,0.15) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(40%,rgba(0,0,0,0)), color-stop(79%,rgba(0,0,0,0.15)), color-stop(100%,rgba(0,0,0,0.15))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.15) 79%,rgba(0,0,0,0.15) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.15) 79%,rgba(0,0,0,0.15) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.15) 79%,rgba(0,0,0,0.15) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.15) 79%,rgba(0,0,0,0.15) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#26000000',GradientType=0 ); /* IE6-8 */
}

.ArticleElement .item-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	z-index: 1000;
	-webkit-transition: background-color 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out;
	-ms-transition: background-color 0.3s ease-in-out;
	-o-transition: background-color 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out;
}
.ArticleElement h3 a:hover {
	color: #000;
	text-decoration: none;
}

.ArticleElement p {
	margin: 10px 10px 10px 10px;
	padding: 0;
	bottom: 0px;
	position: relative;
}

.ArticleElement li .btn-container ins {

	color: #333;
	padding: 0 !important;
}

.ArticleElement ins {
	text-decoration: none;
	font-weight: bold;
	/* color: #006bbb; */
	color: #e3000f;
	margin: 20px;
	margin-top: 0;
	padding: 0 !important;
}

.ArticleElement .btn-container, .Info .btn-container {
	width: 100%;
	position: relative;
	padding: 1em 0;
	text-align: center;
	display: block;
}

.ArticleElement .itemContent {
	position: absolute;
	bottom: -4.9em !important;
	background-color: #ffffff;
	width: 100%;
	z-index: 1500;
	border-top: 1px solid #e3e3e3;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	/*padding:5px;*/
}

.StartContent #RubView .itemContent, #RubView #TopProducts .itemContent {
	bottom: -4.7em;
}
.ArticleElement:hover .itemlogo {
	position: absolute;
	right: 0px;
	top: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.ArticleElement .itemlogo {
	position: absolute;
	/* right: -100px; */
	background-color: #ffffff;
	width: 100px;
	top: 10px;
	z-index: 1500;
	border-top: 1px solid #e3e3e3;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.ArticleElement:hover .itemContent {
	bottom: 0 !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.artcms {
	border: 1px solid red;
}
.artinfo {
	border: 1px solid blue;
}
#RubView .first {
	margin-left: 0;
}

.articlelist .btn-container {
	bottom: 0;
	padding-bottom: 0 !important;
}

.articlelist.buttons form {
	margin: 0;
	padding: 0;
	display: inline-block;
	float: left;
}
.articlelist.buttons input, .articlelist.buttons button {
	vertical-align: top;
	    border: none;
    box-shadow: none;
    text-shadow: none;
}

.articlelist.buttons .button {
	font-size: 1em;
	padding: 0;
	height: 40px;
	width: 40px;
	line-height: 40px;
	display: inline-block;
}

.inputButton {
	display: block;
	width: 100%;
	padding: 1em;
	background: #eee;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}

.articlelist.buttons input.amountSmall {
	padding: 0 .5em 0 1em;
	width: 60px;
	height: 40px;
	line-height: 40px;
	border-top-left-radius: 3px !important;
	border-bottom-left-radius: 3px !important;
}

.articlelist.buttons .button i {
	color: #fff;
}

.button.submitSmall {
	margin: 0 0 0 -5px;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.inputButton .button.FloatRight {
	margin-left: 3px;
}

/* Shop-Buttons */
html .button, html input.submit {
	padding: 10px 25px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	background: #f1f1f1;
	border: 1px solid #ccc;
	white-space: nowrap;
	color: #000;
	font-size: 1em;
	cursor: pointer;
	border-radius: 3px;
	box-shadow: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-shadow: none;
	/*text-transform: initial;*/
}

html .button::after {
	content: "";
}

html .button-icon {
	padding: 10px 15px !important;
}

html .button-icon:hover i {
	color: #fff;
}

html .button:hover, 
html input.submit:hover, 
html .button:focus, 
html .button:active,
html .button.active {
	background: #e3000f;
    border: 1px solid #e3000f;
    color: #fff!important;
}

html .button_dark {
	color: #fff;
	/* background-color: #373737; */
	/* background: #707070; */
	background: #555657;
	border: 1px solid #000;
}

html .button_blue {
	color: #fff;
	background-color: #0075bc;
	border: 1px solid #0075bc;
}

html .button_red {
	color:#fff;
	background-color:#e3000f;
	border:1px solid #e3000f;
}

html .button_small {
	font-size: 1em;
	padding: 0.4em !important;
	line-height: 1em;
}

html .button_x-small {
	font-size: 0.8em;
	padding: 0.4em !important;
	line-height: 1em;
}

html .button:hover {
	color: white;
	text-decoration: none;
	cursor: pointer;
}

.buttoninactive {
	background-color: #e3e3e3 !important;
	background-image: none !important;
	color: #333;
	cursor: default !important;
}

.back-to-top {
	display: none;
}
.back-to-top a:after {
	font-family: 'FontAwesome';
	font-size: 3em;
	content: '\f106';
	color: #363636;
	padding: 2px 10px;
	line-height: 100%;
	background: rgba(250, 250, 250, 0.7);
	border: 1px solid #ccc;
	display: block;
	position: fixed;
	bottom: 20px;
	right: 20px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.ShopTableContainer {
	position: relative;
	width: 100%;
	clear: both;
	margin: 20px 0;
	padding: 0;
}

.ShopTableContainer .ShopTable {
	margin: 0;
}

.ShopTableContainer .tl {
	top: 0 !important;
	left: 0 !important;
	z-index: 6000;
}
.ShopTableContainer .tr {
	top: 0 !important;
	right: 0 !important;
	z-index: 6000;
}
.ShopTableContainer .bl {
	bottom: 0 !important;
	left: 0 !important;
	z-index: 6000;
}
.ShopTableContainer .br {
	bottom: 0 !important;
	right: 0 !important;
	z-index: 6000;
}
.ShopTableContainer button {
	z-index: 1000;
}

/* Allgemeine Tabellen */

html table thead {
	background: none;
}

.ShopTable {
	position: relative;
	clear: both;
	width: 100%;
	margin: 20px 0;
	border-collapse: collapse;
	border: none;
}

.ShopTable thead {
	background: none;
}

html .ShopTable th, html .ShopTable td {
	padding: 5px 10px;
}

html table, html table th, html table td {
	border: none;
}

html table .odd {
	background-color: #f4f4f4;
}

html table .even {
	background-color: #e9e9e9;
}

html table thead th {
	/*	border-bottom:1px solid #ccc !important;*/
}

html table tfoot td {
	border-top: 1px solid #ccc;
}

html table {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

html table tbody tr:first-child td {
	/*border-top:1px solid #ccc !important;*/
}

html table tbody .col_first {
	border-left: 1px solid #ccc !important;
}

html table tbody .col_last {
	border-right: 1px solid #ccc !important;
}

.ShopTable td {
	background: white;
}

.ShopTable th.DetailLiefer i {
	font-size: 1.5em;
}

.ShopTable table {
	width: 100%;
	border: none;
	margin: 0;
	padding: 0;
}
.ShopTable table td {
	border: none;
	margin: 0;
	padding: 5px 0;
	background: transparent;
}
/*.TableSort{position:absolute; width:100%; height:90%; top:5%; left:-1px; vertical-align: middle; background-color:rgba(0,117,188,0.1); text-align:center; border:1px solid rgba(0,117,188,0.3); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
 .TableSort>div{position:absolute; margin:auto; top:50%; margin-top:-1.25em; width:100%; }
 .TableSort i{font-size:2.5em;}*/

.ShopTable th {
	text-align: left;
	color: #fff;
	position: relative;
	border-right: 1px solid #666 !important;
	border-bottom: 1px solid #666 !important;
	padding-right: 20px;
	background: rgba(79,79,79,1);
	background: -moz-linear-gradient(top, rgba(79,79,79,1) 0%, rgba(54,54,54,1) 100%);
	background: -webkit-linear-gradient(top, rgba(79,79,79,1) 0%, rgba(54,54,54,1) 100%);
	background: -ms-linear-gradient(top, rgba(79,79,79,1) 0%, rgba(54,54,54,1) 100%);
	background: linear-gradient(to bottom, rgba(79,79,79,1) 0%, rgba(54,54,54,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#363636', GradientType=0 );
}
.ShopTable th * {
	font-weight: bold;
	color: #fff;
}
.ShopTable th select,
.ShopTable th option {
	color: #222
}
.ShopTable thead {
	border-right: 1px solid #ccc
}
.ShopTable .TableSort {
	display: none;
	position: absolute;
	top: 10px;
	right: 5px
}
.ShopTable th:hover .TableSort {
	display: block;
}

/* Textboxen */
h3.Info, .InfoHead {
	position: relative;
	font-size: 2em;
	clear: left;
	margin: 0 0 5px 0;
	padding: 10px 0 5px 0;
	color: 000;
	border-bottom: 1px solid #ccc;
}

.optional .InfoHead, .optional .Info {
	cursor: pointer
}

.DetailCrossHeadline {
	line-height: 2.5em
}

.InfoHead .Toggle, .Info .Toggle, .DetailCrossHeadline .Toggle {
	Display: inline;
	margin: 10px;
}

.Toggle i {
	font-size: 1.5em;
}

div.Info, .InfoText {
	position: relative;
	background: white;
	margin: 0 0 20px 0;
}

div.Info ul {
	margin: 0 0 1em 20px;
	padding: 0;
	list-style: disc;
}

div.Info ul li {
	margin: 1em 0;
}

/*-------------------------------------*/
/* Shop-Layout */
/*-------------------------------------*/
html {
	margin-bottom: 20px;
}

body {
	/* border-top: 5px solid #0075bc; */
	margin: 0px;
	background-attachment: fixed !important;
}

html, body {
	font-size: 1em;
}

.SiteContainer {
	position: relative;
	max-width: 1200px;
	margin: auto;
	padding: 10px;
	background: rgba(255,255,255,0.9);
	border: none;
}
.shop a[target="_blank"]::after {
	display: none;
}

/* ------------------------------------------------------------------------------ */
/* Meta Menu*/
.meta-menu-container {
	background: #f1f1f1;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
	padding:3px 0;
}

.CMS .meta-menu-container {
	padding: 2px 0px;
}

.meta-menu-container ul.meta-menu {
	/*float: right;*/
	margin-bottom: 0;
	width: 100%;
	text-align: right;
}
.meta-menu-container ul.meta-menu li {
	list-style: none;
	display: inline;
}
.meta-menu-container ul.meta-menu li a {
	color: #888;
	font-size: 0.8em;
}
.meta-menu-container ul.meta-menu li a:hover {
	color: #444;
}
.meta-menu-container ul.meta-menu li:after {
	content: "|";
	margin: 0 5px 0 10px;
}
.meta-menu-container ul.meta-menu li:last-child:after {
	content: " ";
	margin: 0 0 0 10px;
}

/* ------------------------------------------------------------------------------ */
/* Header */
header {
	height: 117px;
	z-index: 7000;
	background-color: #fff;
}

.CMS header {
	height: 157px;
}

.CMS header #Navigationbar {
	margin-bottom: 0px;
}
/* ------------------------------------------------------------------------------ */
/* Header Logo */
#LogoDivHeader {
	position: absolute;
	top: 20px;
	left: 12px;
	margin-top: 0;
}

#Logo{
	width:189px;
	height:64px;
    background: url('/tradepro/shop/layout/Logo_change.png') top left no-repeat; 
    background-position-y: 8px;	
    left: -10px;
    position: relative;
}

#Logo_gif{
	width:90px;
	height:48px;
	/* background: url('/tradepro/shop/layout/k_u_e_animiert.gif') top left no-repeat; */
	background: url('/tradepro/shop/layout/k_u_e_animiert_neu_2.gif') top left no-repeat;
}

#LogoBW {
	display: none;
}

/* ------------------------------------------------------------------------------ */
/* Header FactFinder */
#FactFinder {
	position: absolute;
	top: 26px;
	left: 50%;
	margin-left: -410px;
    width: 620px;
	/* border-bottom: 1px solid white; */
}

#FactFinder input {
	top: 0;
	left: 0;
	margin: 0;
	height: 42px;
	/*padding:5px 1%;*/
	font-size: 1em;
	border: 1px #CCCCCC;
	border-style: solid;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-box-shadow: inset 2px 2px 2px 0 rgba(0,0,0,0.1);
	box-shadow: inset 2px 2px 2px 0 rgba(0,0,0,0.1);
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}


#FactFinder .legal {
    top: -4px;
    position: relative;
    font-size: 0.75em;
    /* color: #58585a; */
    color: #555657;
    padding-left: 2px;
}

.m div#MainPageSlideshow {
	padding-top: 20px;
}

.m #FactFinder .legal {
  	display: none;
    position: absolute;
    top: 52px;
    left: -65px;
    white-space: nowrap;
}

#FFquery::-ms-clear {
	display: none !important;
}

header #FFquery {
	width: 100%;
}

#FactFinder button {
	position: absolute;
	top: 0;
	right: 0;
	width: 7%;
	margin: 0;
	font-size: 1em;
	color: white;
	background: #e3000f !important;
	-webkit-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
	padding: 0px;
	border: 0px;
	    box-shadow: inset 0 0px #ccc;
    text-shadow: none;
}

#FactFinder button i {
	font-size: 1.4em;
	padding: 0.5em 10px;
	color: #fff;
}

#FactFinder a {
	position: absolute;
	bottom: -20px;
	right: 5px;
	font-size: 0.8em;
}

#suggestLayer {
	max-width: 650px !important;
	top: 70px !important;
	left: 50%;
	margin-left: -410px;
}

#suggestLayer .suggestRow span.suggestTextQuery, #DirectOrderTable span.suggestTextQuery {
	font-size: 0.8em;
	font-weight: 400 !important;
}

#suggestLayer .suggestRow span.suggestTextQuery > span, #DirectOrderTable span.suggestTextQuery > span {
	font-size: 1em;
	font-weight: 400 !important;
}

#suggestLayer span.suggestImage, .FloatingButtonRight:hover {
	padding-right: 10px;
}

html span.suggestImage {
	min-width: 50px;
}

span.suggestTextAmount {
	width: 100% !important;
	float: none !important;
	display: block;
	padding-left: 0px !important;
}

/* ------------------------------------------------------------------------------ */
/* Header Warenkorb */
#ScartInfo {
	position: absolute;
	right: 10px;
	top: 26px;
	width: 23%;
	height: 42px;
	background: #e3000f;
	/*background: rgba(43,134,186,1);
	background: -moz-linear-gradient(top, rgba(43,134,186,1) 0%, rgba(0,116,188,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(43,134,186,1)), color-stop(100%, rgba(0,116,188,1)));
	background: -webkit-linear-gradient(top, rgba(43,134,186,1) 0%, rgba(0,116,188,1) 100%);
	background: -o-linear-gradient(top, rgba(43,134,186,1) 0%, rgba(0,116,188,1) 100%);
	background: -ms-linear-gradient(top, rgba(43,134,186,1) 0%, rgba(0,116,188,1) 100%);
	background: linear-gradient(to bottom, rgba(43,134,186,1) 0%, rgba(0,116,188,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b86ba', endColorstr='#0074bc', GradientType=0 );
	*/
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}

/*
 #ScartInfo:hover{
 background: rgba(43,134,186,0.8);
 background: -moz-linear-gradient(top, rgba(43,134,186,1) 0%, rgba(0,116,188,1) 80%);
 background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(43,134,186,0.8)), color-stop(100%, rgba(0,116,188,0.8)));
 background: -webkit-linear-gradient(top, rgba(43,134,186,0.8) 0%, rgba(0,116,188,0.8) 100%);
 background: -o-linear-gradient(top, rgba(43,134,186,0.8) 0%, rgba(0,116,188,0.8) 100%);
 background: -ms-linear-gradient(top, rgba(43,134,186,0.8) 0%, rgba(0,116,188,0.8) 100%);
 background: linear-gradient(to bottom, rgba(43,134,186,0.8) 0%, rgba(0,116,188,0.8) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b86ba', endColorstr='#0074bc', GradientType=0 );
 }*/

#ScartInfo i {
	color: #fff;
	float: left;
	font-size: 2em;
	padding: 4px 6px;
	margin-left: 5px;
}

#ScartInfo:hover, #ScartInfo a:hover {
	text-decoration: none;
	color: #fff;
}

#ScartInfo p {
	margin: 0;
	font-weight: normal;
	font-family: OpenSansRegular;
	color: #fff;
}

#ScartInfo a p span {
	font-size: 1em;
	color: #fff;
	font-family: OpenSansRegular;
}

#ScartInfo a p > span {
	font-size: 1.35em;
	display: block;
	padding: 6px 20px 8px 50px;
	font-family: OpenSansRegular;
	text-align: right
}

#ScartInfo .SmartphoneAmount {
	display: none;
}

#ScartItemDetails {
	position: absolute;
	width: 130%;
	top: 40px;
	z-index: 2000;
	box-sizing: border-box;
	border-radius: 0 0 3px 3px;
	display: none;
	right: 0;
}

#ScartInfo:hover #ScartItemDetails {
	display: block;
}

#ScartItemDetails ul li img {
	/*float:left;*/
	/*margin-right:5px;*/
	max-width: 50px;
	height: auto;
}
.imgCon {
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: block;
	float: left;
	margin-right: 10px;
}

#ScartItemDetails h4 {
	display: block;
	font-size: 1.5em;
	text-align: left;
	padding: 7px;
	color: #fff;
	margin-top: 12px;
	background-color: #e3000f;
	margin-bottom: 0;
}

#ScartItemDetails ul {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-bottom: 0px;
}

#ScartItemDetails ul li {
	display: block;
	padding: 3%;
	background-color: #fff;
	color: #000;
	border-bottom: 1px solid #ccc
}
    #ScartItemDetails ul li:last-child {
        border-bottom: none
    }
    #ScartItemDetails li span+span {
        font-family: OpenSansRegular;
    }

#ScartItemDetails ul li a {
	color: #000;
	display: block;
}

#ScartItemDetails ul li:hover, #ScartItemDetails ul li:hover *, #ScartItemDetails a:hover {
	background-color: #DDDDDD;
	color: #000;
	text-decoration: none;
}
#ScartItemDetails a.block {
	padding: 5px;
	font-size: 1.4em;
	background-color: #e3000f;
	color: #fff;
}
#ScartItemDetails a.block:hover{
	    background: #e3000f;
}

#ScartItemDetails a.block span {
	color: #fff;
	font-size: 1em;
	padding-right: 5px;
	position: absolute;
	right: 0px;
	font-family: OpenSansRegular;
}

/* ------------------------------------------------------------------------------ */
/* Hauptnavigation */

#Navigationbar {
	width: 100%;
	margin-bottom: 10px;
	overflow: visible;
	/*
	background: rgba(112,112,112,1);
	background: -moz-linear-gradient(top, rgba(112,112,112,1) 0%, rgba(75,75,75,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(112,112,112,1)), color-stop(100%, rgba(75,75,75,1)));
	background: -webkit-linear-gradient(top, rgba(112,112,112,1) 0%, rgba(75,75,75,1) 100%);
	background: -ms-linear-gradient(top, rgba(112,112,112,1) 0%, rgba(75,75,75,1) 100%);
    */
	/* background: linear-gradient(to bottom, rgba(112,112,112,1) 0%, rgba(75,75,75,1) 100%); */
    /*
	background: linear-gradient(to bottom, rgba(112,112,112,1) 0%, rgba(112,112,112,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#4b4b4b', GradientType=0 );
	-webkit-box-shadow: 0 3px 5px 0 #B8B8B8;
	*/
	/* box-shadow: 0 3px 5px 0 #B8B8B8; */
	box-shadow: 0 3px 0px 0 #ffffff;
	background: #555657;
}

#Navigationbar div {
	color: #fff;
}

.CMS header #Navigationbar {
	margin-bottom: 0px;
}

.CMS #Navigationbar {
	position: absolute;
	bottom: 0px;
}

.CMS #Navigationbar.fixed {
	position: fixed;
	bottom: inherit;
	margin-top: -5px;
}

.CMS .page-header {
	position: relative;
	z-index: 7000;
}

#Navigationbar .block {
	overflow: visible;
}
#Navigationbar .main-navigation {
	height: auto;
	padding: 0;
	position: relative;
	z-index: 1550;
}

#Navigationbar ul.level_1 {
	display: block;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	position: relative;
}

.main-navigation > ul > li.-mega {
	position: static;
}

.main-navigation > ul > li:hover > ul {
	padding: 0.875em 1em;
}

.main-navigation > ul > li > ul li {
	border-bottom: none !important;
}

/*#Navigationbar ul.level_1{
 display: block;
 height: 40px;
 margin-left: auto;
 margin-right: auto;
 max-width: 1200px;
 }*/

.mega-dropdown {
	background-image: none !important;
	left: 0;
	width: 100%;
}

#Navigationbar form > div {
	white-space: normal;
}

#ResponsiveButton {
	display: none;
	color: #fff;
	cursor: pointer;
}

#ResponsiveButton .wrapper {
	padding: 8px;
}

#Navi {
	max-width: 1200px;
	margin: auto;
	display: flex;
	
	padding-left: 10px;
	padding-right: 10px;
}

#Navi i {
	font-size: 0.95em;
	color: #fff;
}

#MainNavi {
	display: block;
	float: left;
	width: 69%;
	border-left: 1px solid #6D6D6D;
}

/* ICONS IM NAVI */
#Navi .main-navigation li.fa::before {
	display: none;
}

#Navi .main-navigation li a.fa::before {
	color: #fff;
	font-family: FontAwesome !important;
	font-size: 20px !important;
	margin-top: 10px;
	text-indent: 0;
}

#Navi .main-navigation li.fa a {
	font-size: 0;
	text-indent: -1000px;
}

#Navi .main-navigation li a.fa {
	width: 40px;
}

#Navi .main-navigation li:hover a.fa::before {
	color: #fff;
}

.fa-home:before {
	content: "\f015" !important;
}

/*#MainNavi .navi-logo, #UserNavi #ScartScroll
 {display:none;}*/

#MainNavi .navi-home a {
	padding: 10px 18px !important;
}

#MainNavi .navi-home i {
	font-size: 20px;
}

#MainNavi .navi-logo a {
	padding: 4px 8px 3px 8px !important;
}

#MainNavi .navi-logo img {
	padding: 2px !important;
	height: 1.8em;
	width: auto;
}
/*
 #MainNavi .submenu a, #UserNavi .submenu a, #Navigationbar li.submenu a, #Navigationbar li.submenu span{
 padding-right:2em !important;
 }

 #MainNavi .submenu:after,#UserNavi .submenu:after, #Navigationbar .level_1 li.submenu:after{
 font-family:'FontAwesome';
 content: "\f107";
 color:#fff;
 position:absolute;
 top:50%;
 margin-top:-0.5em;
 right:1em;
 }
 #MainNavi, #UserNavi{
 /*border-left:1px solid #6D6D6D;*/
}*/

#MainNavi .level_1 > li > a {
	border-right: 1px solid #6D6D6D;
}

#UserNavi {
	display: block;
	float: right;
	width: 29%;
	border-right: 1px solid #6D6D6D;
}

#UserNavi #ScartScroll span {
	color: #fff;
}

#UserNavi .level_1 > li > a, #UserNavi .level1 > li > a {
	border-left: 1px solid #6D6D6D;
}

#UserNavi.main-navigation ul li ul.level_2 {
	left: auto;
	right: 0 !important;
}

#Navi #UserNavi .level2 li .lostpw a {
	padding: 9px 2px;
	background-image: none !important;
	text-align: left;
	padding-left: 20px;
}

#Navi .level1 {
	display: block;
	height: 40px;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

.asn_colorbox {
	display: block;
	height: 40px;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

/*.colorbox {
 float: left;
 display:block;
 margin:2.5%;
 width: 30%;
 height: 50px;
 border-style: solid;
 border-width: 1px;
 border-color: #333;
 text-align: center;
 border-radius: 4px;
 }*/

.colorbox {
	float: left;
	display: block;
	margin: 0 10px 10px 0;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #ccc;
}

.colorbox a:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(135deg, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%);
	z-index: 100;
	/*border-radius: 50%;*/
}
.cselected {
	/*border-color: blue!important;
	 border-width:2px!important;*/
}

.cselected a {
	padding: 0 !important;
	position: relative;
}

.cselected a:after, .colorbox:hover a:after {
	font-family: 'FontAwesome';
	font-size: 1em;
	content: '\f00c';
	line-height: 100%;
	position: absolute;
	width: 1em;
	height: 1em;
	left: 50%;
	top: 50%;
	margin-left: -.5em;
	margin-top: -.5em;
	color: #fff;
	text-shadow: 0 0 1px #000;
	z-index: 200;
}

.cselected a:hover:after {
	content: '\f00d';
}

#ShopMenu li.colorbox:before {
	display: none;
}

.colorbox > a {
	width: 100%;
	height: 100%;
	margin: 0 !important;
}

.rainbow {
	background: -moz-linear-gradient(top, rgba(253,0,23,1) 0%, rgba(253,0,23,1) 16%, rgba(253,151,42,1) 17%, rgba(253,151,42,1) 33%, rgba(254,253,66,1) 34%, rgba(254,253,66,1) 50%, rgba(59,254,60,1) 51%, rgba(59,254,60,1) 67%, rgba(28,156,251,1) 68%, rgba(28,156,251,1) 84%, rgba(104,61,249,1) 85%, rgba(104,61,249,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,0,23,1)), color-stop(16%,rgba(253,0,23,1)), color-stop(17%,rgba(253,151,42,1)), color-stop(33%,rgba(253,151,42,1)), color-stop(34%,rgba(254,253,66,1)), color-stop(50%,rgba(254,253,66,1)), color-stop(51%,rgba(59,254,60,1)), color-stop(67%,rgba(59,254,60,1)), color-stop(68%,rgba(28,156,251,1)), color-stop(84%,rgba(28,156,251,1)), color-stop(85%,rgba(104,61,249,1)), color-stop(100%,rgba(104,61,249,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(253,0,23,1) 0%,rgba(253,0,23,1) 16%,rgba(253,151,42,1) 17%,rgba(253,151,42,1) 33%,rgba(254,253,66,1) 34%,rgba(254,253,66,1) 50%,rgba(59,254,60,1) 51%,rgba(59,254,60,1) 67%,rgba(28,156,251,1) 68%,rgba(28,156,251,1) 84%,rgba(104,61,249,1) 85%,rgba(104,61,249,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(253,0,23,1) 0%,rgba(253,0,23,1) 16%,rgba(253,151,42,1) 17%,rgba(253,151,42,1) 33%,rgba(254,253,66,1) 34%,rgba(254,253,66,1) 50%,rgba(59,254,60,1) 51%,rgba(59,254,60,1) 67%,rgba(28,156,251,1) 68%,rgba(28,156,251,1) 84%,rgba(104,61,249,1) 85%,rgba(104,61,249,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(253,0,23,1) 0%,rgba(253,0,23,1) 16%,rgba(253,151,42,1) 17%,rgba(253,151,42,1) 33%,rgba(254,253,66,1) 34%,rgba(254,253,66,1) 50%,rgba(59,254,60,1) 51%,rgba(59,254,60,1) 67%,rgba(28,156,251,1) 68%,rgba(28,156,251,1) 84%,rgba(104,61,249,1) 85%,rgba(104,61,249,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd0017', endColorstr='#683df9',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(253,0,23,1) 0%,rgba(253,0,23,1) 16%,rgba(253,151,42,1) 17%,rgba(253,151,42,1) 33%,rgba(254,253,66,1) 34%,rgba(254,253,66,1) 50%,rgba(59,254,60,1) 51%,rgba(59,254,60,1) 67%,rgba(28,156,251,1) 68%,rgba(28,156,251,1) 84%,rgba(104,61,249,1) 85%,rgba(104,61,249,1) 100%); /* W3C */
}

#Navi .level1 > li > a, #Navigationbar .level_1 > li > a, #Navigationbar .level_1 > li > span {
	display: block;
	color: white;
	text-align: center;
	font-size: 15px;
	text-shadow: 1px 1px 2px black;
}

#Navi .level1 > li:last-child {
	/*border-right:1px solid #6D6D6D;*/
}

#Navi .level1 li a:hover {
	text-decoration: none;
}

#Navi a {
	color: white
}

.no-touch #Navi .level1 > li a:hover, #Navi .level1 > li.active > a, #Navi .level1 > li.hover > a, #Navigationbar .level_1 > li:hover {
	background-color: #000;
	background-position: left -40px;
}

#Navi .level2, #Navigationbar .level_2 {
	/* background: #363636; */
	/*width:100%;*/
	/*
	left: 1px;
	overflow: hidden;
	border-top: 1px solid #6d6d6d;
	float: left;
	*/
	/* background: #58585a; */
	background: #555657;
	width: 230px;
	left: 1px;
	overflow: hidden;
	border-top: 1px solid #6d6d6d;
	border-top:0;
}

#navLogin ul.level_2 {
	/* width: auto; */
	width: 230px;
}

.level_2.split {
	/*width: 50% !important;*/
	width: auto !important;
}
.m #Navi ul.level_2.split {
	float: none;
	width: 100% !important;
}

#Navi #UserNavi .level2 {
	right: 0px;
	left: auto;
}

#Navigationbar .level_2 li, #Navigationbar li li {
	position: Relative;
}

#Navi .level2 li a, #Navigationbar .level_2 li a, #Navigationbar .level_3 ul li a, #MainNavi span.active {
	height: auto;
	line-height: 1.5em;
	text-align: left;
	padding: 9px 24px !important;
	border: none;
	font-size: 1em;
	text-shadow: none;
	display: block;
	/* white-space: nowrap; */
	white-space: normal;
}

#MainNavi span.active {
	color: #999;
}

#Navi .level2 li a:before, #Navigationbar .level_2 li a:before, #Navigationbar .level_3 li a:before, #MainNavi span.active:before {
	position: absolute;
	font-family: "FontAwesome";
	content: "\f0da";
	left: 0.7em;
	display: block;
}

#Navi .level2 li:first-child a, #Navi .level2 li:last-child a {
	border: none;
}

#Navi .level2 li a:hover, #Navigationbar .level_2 li a:hover, #Navigationbar .level_3 li a:hover {
	background-color: #000 !important;
}

.level2 .btn-container {
	position: relative;
	text-align: left;
	/*margin-top:1em;*/
}

body.start #navLogin {
	/* display: none; */
}

.level2 #NaviLogin {
	/*padding:10px;*/
}

.level2 #NaviLogin > div {
	/*font-size: 0.8em;*/
	/* background-color: #363636; */
	/* background: #58585a; */
	background: #555657;
}

.level2 #NaviLogin > div input {
	width: 100%;
	padding: 6px;
	/*margin: auto;*/
	margin-top: 9px;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.main-navigation-wrapper {
	position: relative;
	clear: both;
	border: 1px solid #b2b9c4;
	background: white;
	background: -webkit-linear-gradient(#ffffff, #fafafa);
	background: -moz-linear-gradient(#ffffff, #fafafa);
	background: -o-linear-gradient(#ffffff, #fafafa);
	background: linear-gradient(#ffffff, #fafafa);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
/*
 .main-navigation {
 float: right;
 height: 100%;
 margin-right: 5.55556%;
 padding-right: 2.75em;
 }

 @media screen and (max-width: 900px) {
 .main-navigation {
 position: relative;
 float: none;
 height: 3.125em;
 margin-right: 0;
 padding-right: 1.5em;
 padding-left: 1.5em;
 }
 }*/
@media screen and (max-width: 599px) {
	.main-navigation {
		display: none;
	}
}
.main-navigation a:before, .main-navigation span.active:before, .main-navigation span.trail:before, .main-navigation span.forward:before {
	content: none;
	display: none;
}
.main-navigation ul {
	display: inline;
	margin: 0;
	padding: 0;
}
.main-navigation > ul > li {
	position: relative;
	height: 100%;
}
#MainNavi > ul > li {
	float: left;
	border-right: 1px solid  #6d6d6d
}
#UserNavi > ul > li {
	float: right;
}
.main-navigation > ul > li.-mega {
	position: static;
}
.main-navigation > ul > li:before {
	position: absolute;
	top: 50%;
	left: 0.5em;
	margin-top: -0.33333em;
	font-size: 0.75em;
}
.main-navigation > ul > li > a, .main-navigation > ul > li > span.active, .main-navigation > ul > li > span.trail, .main-navigation > ul > li > span.forward {
	position: relative;
	float: left;
	height: 100%;
	padding: 0 1.429em;
	font-size: 0.875em;
	color: #717c8e;
}


.main-navigation > ul > li > a:before, .main-navigation > ul > li > span.active:before, .main-navigation > ul > li > span.trail:before, .main-navigation > ul > li > span.forward:before {
	/*content: "";
	 display: block;
	 height: 50%;
	 margin-bottom: -0.71429em;*/
}
.main-navigation > ul > li > a:after, .main-navigation > ul > li > span.active:after, .main-navigation > ul > li > span.trail:after, .main-navigation > ul > li > span.forward:after {
	/*content: "";
	 position: absolute;
	 top: -1px;
	 right: 50%;
	 left: 50%;
	 -webkit-transition: right 0.4s ease-out, left 0.4s ease-out;
	 -moz-transition: right 0.4s ease-out, left 0.4s ease-out;
	 -o-transition: right 0.4s ease-out, left 0.4s ease-out;
	 transition: right 0.4s ease-out, left 0.4s ease-out;*/
}
@media screen and (max-width: 900px) {
	.main-navigation > ul > li > a:after, .main-navigation > ul > li > span.active:after, .main-navigation > ul > li > span.trail:after, .main-navigation > ul > li > span.forward:after {
		top: auto;
		bottom: -1px;
	}

	.main-navigation {
		position: relative;
		float: none;
		height: 3.125em;
		margin-right: 0;
		padding-right: 1.5em;
		padding-left: 1.5em;
	}

	.mega-dropdown {
		background-image: none !important;
		left: 0;
		width: 100%;
	}
}

.main-navigation > ul > li > a:hover, .main-navigation > ul > li > a:focus {
	color: #1782c5;
	text-decoration: none;
}
.main-navigation > ul > li > a.active, .main-navigation > ul > li > a.trail, .main-navigation > ul > li > a.forward, .main-navigation > ul > li span.active, .main-navigation > ul > li span.trail, .main-navigation > ul > li span.forward {
	color: #1782c5;
}

.main-navigation > ul > li > ul {
	position: absolute;
	top: 100%;
	left: 0.5em;
	display: block;
	overflow: hidden;
	max-height: 0;
	min-width: 11.25em;
	padding: 0;
	/*border: solid #e5e8ee;
	 border-width: 1px 1px 2px;
	 border-top-color: #e5e8ee;
	 border-radius: 0 0 3px 3px;*/
	background: white;
	opacity: 0;
	/*box-shadow: inset 0 6px 2px -5px rgba(0, 0, 0, 0.1);
	 -webkit-transition: max-height 0s, padding 0s, opacity 0.3s;
	 -webkit-transition-delay: 0.3s, 0.3s, 0s;
	 -moz-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
	 -o-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
	 transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;*/
	pointer-events: none;
}
.main-navigation > ul > li > ul li {
	position: relative;
	display: block;
	border-bottom: 1px solid #e5e8ee;
	white-space: nowrap;
}
.main-navigation > ul > li > ul li li {
	margin: 0 -0.375em;
	border: 0;
}
.main-navigation > ul > li > ul li[data-icon]:before, .main-navigation > ul > li > ul li[class^="icon-"]:before, .main-navigation > ul > li > ul li[class*=" icon-"]:before {
	position: absolute;
	top: 0.64286em;
	left: 0.28571em;
	z-index: 1;
	font-size: 0.875em;
}
.main-navigation > ul > li > ul li[data-icon] a, .main-navigation > ul > li > ul li[data-icon] span.active, .main-navigation > ul > li > ul li[data-icon] span.trail, .main-navigation > ul > li > ul li[data-icon] span.forward, .main-navigation > ul > li > ul li[class^="icon-"] a, .main-navigation > ul > li > ul li[class^="icon-"] span.active, .main-navigation > ul > li > ul li[class^="icon-"] span.trail, .main-navigation > ul > li > ul li[class^="icon-"] span.forward, .main-navigation > ul > li > ul li[class*=" icon-"] a, .main-navigation > ul > li > ul li[class*=" icon-"] span.active, .main-navigation > ul > li > ul li[class*=" icon-"] span.trail, .main-navigation > ul > li > ul li[class*=" icon-"] span.forward {
	padding-left: 1.71429em;
}
.main-navigation > ul > li > ul a, .main-navigation > ul > li > ul span.active, .main-navigation > ul > li > ul span.trail, .main-navigation > ul > li > ul span.forward, #UserNavi #NaviLogin {
	position: relative;
	display: block;
	padding: 0.21429em 0.42857em;
	margin: 0 !important;
	font-size: 0.875em;
}
#UserNavi #NaviLogin {
	padding: 1em 1.5em !important;
	margin: 0 !important;
	font-size: 0.875em;
}
#NaviLogin p, #NaviLogin div, #NaviLogin input, #NaviLogin button {
	width: 100%;
}

#NaviLogin div.lostpw a {
	padding: 1em 0 !important;
}
#NaviLogin div.lostpw a:hover {
	background: none !important;
}

#NaviLogin div.lostpw a:before {
	content: "";
	display: none;
}

.main-navigation > ul > li > ul a {
	border-radius: 3px;
	color: #1782c5;
	/*-webkit-transition: background-color 0.6s ease-in, color 0.6s ease-in;
	 -moz-transition: background-color 0.6s ease-in, color 0.6s ease-in;
	 -o-transition: background-color 0.6s ease-in, color 0.6s ease-in;
	 transition: background-color 0.6s ease-in, color 0.6s ease-in;*/
}
.main-navigation > ul > li > ul a:hover {
	text-decoration: none;
	color: #126498;
	background-color: #e5e8ee;
	/*-webkit-transition-duration: 0.05s;
	 -moz-transition-duration: 0.05s;
	 -o-transition-duration: 0.05s;
	 transition-duration: 0.05s;*/
}
.main-navigation > ul > li > ul span.active, .main-navigation > ul > li > ul span.trail, .main-navigation > ul > li > ul span.forward {
	color: #717c8e;
}
.main-navigation > ul > li > ul ul {
	display: block;
	padding-left: 0.625em;
}
.main-navigation > ul > li:hover:after {
	/*content: "";
	 position: absolute;
	 top: 50%;
	 right: 0;
	 bottom: 0;
	 z-index: 1;
	 margin-top: 0.625em;*/
}
.main-navigation > ul > li:hover > a, .main-navigation > ul > li:hover > span.active, .main-navigation > ul > li:hover > span.trail, .main-navigation > ul > li:hover > span.forward {
	z-index: 2;
}
.main-navigation > ul > li:hover > a:after, .main-navigation > ul > li:hover > span.active:after, .main-navigation > ul > li:hover > span.trail:after, .main-navigation > ul > li:hover > span.forward:after {
	right: 0;
	left: 0;
	-webkit-transition-duration: 0.1s, 0.1s;
	-moz-transition-duration: 0.1s, 0.1s;
	-o-transition-duration: 0.1s, 0.1s;
	transition-duration: 0.1s, 0.1s;
}
.main-navigation > ul > li:hover > ul {
	z-index: 1;
	max-height: 9999px;
	padding: 0 !important;
	opacity: 1;
	/*-webkit-transition: opacity 0.2s;
	 -moz-transition: opacity 0.2s;
	 -o-transition: opacity 0.2s;
	 transition: opacity 0.2s;*/
	pointer-events: auto;
}
.main-navigation .login-open {
	opacity: 1;
	max-height: 9999px;
	pointer-events: auto;
}
.main-navigation .login-button-open {
	background-color: #000;
	background-position: left -40px;
}
.main-navigation > ul > li.last > ul {
	left: auto;
	right: -0.125em;
}
.mega-dropdown {
	position: absolute;
	top: 100%;
	left: 41px;
	display: block;
	/*width: 92.59259%;*/
	/*width: auto;*/
	max-height: 0;
	padding: 0;
	overflow: hidden;
	border-top: 1px solid #6d6d6d;
	font-size: 0.875em;
	background: #363636;
	opacity: 0;
	/*box-shadow: inset 0 6px 2px -5px rgba(0, 0, 0, 0.1);*/
	/*-webkit-transition: max-height 0s, padding 0s, opacity 0.3s;
	 -webkit-transition-delay: 0.3s, 0.3s, 0s;
	 -moz-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
	 -o-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
	 transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;*/
	pointer-events: none;
	/* Fixes chrome text flicker */
	-webkit-backface-visibility: hidden;
}
.main-navigation > ul > li > a:after, .main-navigation > ul > li > span.active:after, .main-navigation > ul > li > span.trail:after, .main-navigation > ul > li > span.forward:after {
	border-top: none;
	top: 0;
}
/*@media screen and (max-width: 900px) {
 .mega-dropdown {
 background-image: none !important;
 left: 0;
 width: 100%;
 }
 }*/

li:hover > .mega-dropdown {
	z-index: 1;
	max-height: 9999px;
	overflow: visible;
	padding: 0 !important;
	opacity: 1;
	/*-webkit-transition: opacity 0.2s;
	 -moz-transition: opacity 0.2s;
	 -o-transition: opacity 0.2s;
	 transition: opacity 0.2s;*/
	pointer-events: auto;
}

.mega-dropdown .rs-column.-large-col-1-1 {
    width: auto;
    background: #363636
}


.mega-dropdown-column h1, .mega-dropdown-column h1 a {
	margin: 0 0 0.71429em;
	font-size: inherit;
	font-weight: bold;
	color: #126498;
}

.mega-dropdown-column h1 a {
	color: inherit;
}
.mega-dropdown-column p {
	margin: 1em 0;
}
.mega-dropdown-column ul a {
	display: inline-block;
	padding: 0.28571em 0 0.21429em;
	color: #1782c5;
}
.mega-dropdown-column ul a:hover {
	color: #126498;
}

.mega-dropdown-image {
	margin: 1.42857em 0;
}
.mega-dropdown-image img {
	display: block;
	width: 100%;
	height: auto;
}

.rsts-skin-mega-dropdown.rsts-main {
	position: relative;
	margin: 2.25em 0;
}

.rsts-skin-mega-dropdown .rsts-view {
	padding: 0 3.75em;
}

@media screen and (max-width: 599px) {
	.rsts-skin-mega-dropdown .rsts-view {
		padding-right: 1.875em;
		padding-left: 1.875em;
	}
}

.rsts-skin-mega-dropdown .rsts-nav ul {
	height: 0;
	margin: 0;
}

.rsts-skin-mega-dropdown .rsts-prev, .rsts-skin-mega-dropdown .rsts-next {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -1em;
	border: 1px solid #e5e8ee;
	overflow: hidden;
	text-indent: -99em;
	line-height: 0;
	background-color: white;
}

.rsts-skin-mega-dropdown .rsts-prev:hover, .rsts-skin-mega-dropdown .rsts-prev:focus, .rsts-skin-mega-dropdown .rsts-next:hover, .rsts-skin-mega-dropdown .rsts-next:focus {
	text-decoration: none;
}

.sidebar .rsts-skin-mega-dropdown .rsts-prev, .sidebar .rsts-skin-mega-dropdown .rsts-next {
	bottom: 0.375em;
}

.rsts-skin-mega-dropdown .rsts-prev:after, .rsts-skin-mega-dropdown .rsts-next:after {
	font: 0.875em/1 "RockSolid Icons";
	content: "\e018";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	display: block;
	padding: 0.57143em;
	color: #717c8e;
}

.rsts-skin-mega-dropdown .rsts-prev:hover:after, .rsts-skin-mega-dropdown .rsts-prev:focus:after, .rsts-skin-mega-dropdown .rsts-next:hover:after, .rsts-skin-mega-dropdown .rsts-next:focus:after {
	color: #5a6372;
}

.rsts-skin-testimonials-centered .rsts-next, .rsts-skin-partner .rsts-next, .rsts-skin-mega-dropdown .rsts-next {
	left: auto;
	right: 0;
}

.rsts-skin-testimonials-centered .rsts-next:after, .rsts-skin-partner .rsts-next:after, .rsts-skin-mega-dropdown .rsts-next:after {
	content: "\e019";
}

.rsts-skin-testimonials-centered .rsts-nav-prev, .rsts-skin-testimonials-centered .rsts-nav-next, .rsts-skin-partner .rsts-nav-prev, .rsts-skin-partner .rsts-nav-next, .rsts-skin-mega-dropdown .rsts-nav-prev, .rsts-skin-mega-dropdown .rsts-nav-next {
	display: none !important;
}

.rsts-skin-mega-dropdown.rsts-main {
	margin: 0;
}

.rsts-skin-mega-dropdown .rsts-view {
	padding: 0;
}
.rsts-skin-mega-dropdown .rsts-prev {
	left: -6%;
	right: auto;
}
.rsts-skin-mega-dropdown .rsts-next {
	left: auto;
	right: -6%;
}
.rsts-skin-mega-dropdown .rsts-nav {
	text-align: center;
}

/* Produktnavi im Footer, zweispaltig */

#Navi .mega-dropdown {
	border-top:0;
	background: transparent;
}
#Sitemap ul.split {
	float: left;
}

/* ------------------------------------------------------------------------------ */
/* Header Sprachen */

div#languages {
	float: right;
	position: absolute;
	width: 100%;
	display: none;
}

#languages a {
	margin-left: 10px;
	outline: none;
	float: right;
	display: block;
}

/*#languages a.lang_fr img,
 #languages a.lang_de img{
 display: none;
 }*/

#languages a.lang_en {
	width: 18px;
	height: 12px;
}

#languages a.lang_fr {
	width: 18px;
	height: 12px;
}

#languages a.lang_de {
	width: 20px;
	height: 12px;
}

#languages a.lang_en:hover {
	background: url(/tradepro/shop/layout/flagge-en.gif) no-repeat transparent;
}
#languages a.lang_fr:hover {
	background: url(/tradepro/shop/layout/flagge-fr.gif) no-repeat transparent;
}
#languages a.lang_de:hover {
	background: url(/tradepro/shop/layout/flagge-de.gif) no-repeat transparent;
}
/* ------------------------------------------------------------------------------ */
/* Startseite Login */
.UserBoxStartseite {
	float: right;
	width: 23%;
	/*margin-right: -10px;*/
	display: none;
}

.UserBoxStartseite > * {
	padding: 10px;
}

.UserBoxStartseite .LoginBoxStartseiteContent {
	background-color: #f1f1f1;
	border: 1px solid #d3d3d3;
	border-top: 0;
	border-bottom: 0;
}

.UserBoxStartseite h3 {
	color:#fff;
	background-color:#e3000f;
	border-radius: 3px 3px 0 0;
	margin-bottom:0;
	font-size:1.2em;
}

.UserBoxStartseite h3 span {
	display: block;
	font-size: 0.75em;
	color: #fff;
}

.UserBoxStartseite ul li {
	margin-bottom: 10px;
}

.UserBoxStartseite .LoginBoxButtons {
	border: 1px solid #d3d3d3;
	background-color: #f1f1f1;
	padding: 0;
	border-radius: 0 0 3px 3px;
}

.UserBoxStartseite button {
	width: 100%;
	border-radius: 0;
}

.UserBoxStartseite .button i {
	color: #e3000f;
}

.UserBoxStartseite .button_two {
	width: 49%;
	float: left;
	border-radius: 0px;
	padding: 10px 0px;
	margin: 0px;
	border: 0 !important;
	display: block;
	overflow: hidden;
}

.UserBoxStartseite .button_two a {
	font-size: 0.8em;
	color: #e3000f
}
.UserBoxStartseite #LoginBoxButtons .button_two:hover a, .UserBoxStartseite #LoginBoxButtons .button_two:hover a:visited, .UserBoxStartseite #LoginBoxButtons .button_two:hover a:focus, .UserBoxStartseite #LoginBoxButtons .button_two:hover a:hover {
	color: #fff !important;
}

.UserBoxStartseite .button_first {
	float: left;
	border-radius: 0 0 0 3px;
}

.UserBoxStartseite .button_second {
	float: right;
	border-radius: 0 0 3px 0;
}

.UserBoxStartseite .button_first:hover a, .UserBoxStartseite .button_first:hover i, .UserBoxStartseite .button_second:hover a, .UserBoxStartseite .button_second:hover i {
	color: #fff;
	text-decoration: none;
}

.UserBoxStartseite .LoginBoxButtons:after {
	content: " ";
	clear: both;
	display: block;
}

.UserBoxStartseite input {
	box-sizing: border-box;
	width: 100%;
}
.UserBoxStartseite form > div {
	margin: 10px 0;
}

#LoginToggle {
	border-radius: 3px;
	cursor: pointer;
}

#LoginToggle.active {
	border-radius: 3px 3px 0 0;
}

.login-toggle {
	background: url("/tradepro/shop/layout/login-toggle.gif") no-repeat scroll left top transparent;
	height: 18px;
	position: absolute;
	right: 15px;
	top: 13px;
	width: 18px;
	cursor: pointer;
}

#LoginToggle.active .login-toggle {
	background-position: left bottom;
}

.LoginBoxStartseiteContent a:link, .LoginBoxStartseiteContent a:active, .LoginBoxStartseiteContent a:visited {
	color: #333;
}
.LoginBoxStartseiteContent a:hover {
	/* color: #006bbb; */
	color: #e3000f;
}

/* HERP DERP DURRRRR %-) */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:active, input:-webkit-autofill:focus {
	background-color: #FFFFFF !important;
	color: #555 !important;
	-webkit-box-shadow: 0 0 0 1000px white inset !important;
	-webkit-text-fill-color: #555555 !important;
}

/* ------------------------------------------------------------------------------ */
/* Startseite Banner Slideshow */

#MainPageSlideshow {
	display: none;
	position: relative;
	overflow: hidden;
	max-width: 100%;
	width: 100%;
	float: left;
	border: none;
}

.slider-content {
	position: absolute;
	width: 50%;
	left: 0px;
}

.slider-content.sc-top {
	top: 0px;
}

.slider-content.sc-bottom {
	bottom: 0px;
}

.slider-content.sc-left {
	left: 0px;
}

.slider-content.sc-right {
	right: 0px;
	text-align: right;
	left: auto;
}

.slider-content h1 {
	font-size: 26px;
	font-family: OpenSansRegular;
	font-weight: normal;
}

.slider-content.sc-w30 {
	width: 30%;
}
.slider-content.sc-w40 {
	width: 40%;
}
.slider-content.sc-w50 {
	width: 50%;
}
.slider-content.sc-w60 {
	width: 60%;
}
.slider-content.sc-w70 {
	width: 70%;
}
.slider-content.sc-w80 {
	width: 80%;
}

#MainPageSlideshow .ce_text.slider-content {
	background-color: rgba(255,255,255,0.75);
	padding: 10px;
	margin: 1em;
}
#MainPageSlideshow a.button {
    background: #E2001A;
    border-color: #ccc;
    color: #fff;
}
#MainPageSlideshow a.button:hover {
    color: #000 !important;
    background: #f1f1f1;
    border: 1px solid #ccc;
}
/*
 #MainPageSlideshow .slick-slide{
 position:relative;
 }

 #MainPageSlideshow .slick-slide .slider-content{
 position:absolute;
 width:70%;
 margin:5%;
 }
 #MainPageSlideshow .Contrast h2{
 background-color:rgba(255,255,255,0.7);
 }

 #MainPageSlideshow h2{
 padding:5px;
 background-color:rgba(255,255,255,0.5);
 margin-bottom:0px;
 }

 #MainPageSlideshow .Contrast .slider-content span{
 background-color:rgba(255,255,255,0.7);
 }

 #MainPageSlideshow .slider-content span{
 display:block;
 padding:10px;
 background-color:rgba(255,255,255,0.5);
 }

 #MainPageSlideshow .slick-slide.SliderLeft .slider-content{
 right:0px;
 }
 #MainPageSlideshow .slick-slide.SliderLeft{
 text-align:right;
 }

 #MainPageSlideshow .slick-slide .slider-content>div{
 margin-bottom:2%;
 }

 #MainPageSlideshow .slick-slide .slider-content>div{
 height:auto;
 }

 /*
 #MainPageSlideshow button {
 position:absolute;
 top:50%;
 width:39px;
 height:6em;
 margin:-3em 0 0 0;
 padding:0;
 overflow:hidden;
 background:transparent;
 z-index:999;
 }

 #MainPageSlideshow button i{
 font-size:6em;
 }

 #MainPageSlideshow button:hover {
 cursor:pointer;
 color:#007DC5;
 }

 #MainPageSlideshow .prev {
 left:-100px;
 }

 #MainPageSlideshow .next {
 right:-100px;
 }

 #MainPageSlideshow .prev:hover i, #MainPageSlideshow .next:hover i{
 color:#0075BC;
 }

 #MainPageSlideshow .slick-slide {
 width:20000em;
 position:absolute;
 list-style:none;
 margin:0;
 padding:0;
 }

 #MainPageSlideshow .slick-slide div {
 float:left;
 position:relative;
 height:480px;
 background:left top no-repeat;
 overflow:hidden;
 }

 #MainPageSlideshow .slick-slide div img{
 widht:100%;
 height:auto;
 }

 #MainPageSlideshow .slick-slide div .slider-content{
 margin:50px 70px;
 z-index:1000;
 }

 #MainPageSlideshow .slick-slide div.SliderLeft .slider-content{
 text-align:right;
 }

 #MainPageSlideshow .slick-slide div.SliderLeft .slider-content div{
 display:block;
 text-align:right;
 }

 #MainPageSlideshow .slick-slide div img {
 position:absolute;
 top:0;
 right:0;
 z-index:0;
 height:100%;
 width:auto;
 }

 #MainPageSlideshow .slick-slide div.Contrast h2{
 display:inline-block;
 background-color:rgba(255,255,255,0.7);
 color:#000;
 padding:5px 10px;
 }

 #MainPageSlideshow .slick-slide div h2 {
 background:none;
 border-radius:0;
 -moz-border-radius:0;
 border:none;
 box-shadow:none;
 -moz-box-shadow:none;
 -webkit-box-shadow:none;
 font-size:2.4em;
 font-weight:normal;
 padding:0;
 position:relative;
 }

 #MainPageSlideshow .slick-slide div.Contrast div span{
 background-color:rgba(255,255,255,0.7);
 }

 #MainPageSlideshow .slick-slide div div span{
 background-color:rgba(255,255,255,0.5);
 width:550px;
 line-height:1.5em;
 font-size:1em;
 position:relative;
 display:inline-block;
 padding:10px;
 }

 #MainPageSlideshow .slick-slide div .button {
 position:relative;
 margin-top:20px;
 }

 #MainPageSlideshow .navi {
 position:relative;
 left:0;
 height:10px;
 text-align:center;
 z-index:999;
 }

 #MainPageSlideshow .navi-container {
 position:absolute;
 bottom:20px;
 left:20px;
 }

 #MainPageSlideshow .navi a {
 -webkit-border-radius: 5px;
 border-radius: 5px;
 display:inline-table;
 font-size:1px;
 width:10px;
 height:10px;
 margin:0 4px 0 0;
 background:#373737;
 -webkit-box-shadow: 1px 1px 3px 0 #666;
 box-shadow: 1px 1px 3px 0 #666;
 }

 #MainPageSlideshow .navi a.selected {
 background:#0075BC;
 }

 #MainPageSlideshow .navi a span {
 display: none;
 }*/

/* ------------------------------------------------------------------------------ */
/* Shop-Menü */
a:focus {
	outline: none;
}
#ShopMenu {
	position: relative;
	background: none;
	float: right;
	width: 270px;
	margin-bottom: 20px;
}

#ShopMenu section, #ShopMenu > div {
	background-color: #fff;
}

#ShopMenu > div#Filter {
	background: none;
}


#ShopMenu > section, #ShopMenu > #Filter > section, #ShopMenu > .ce_text {
	border-bottom: 1px solid #ccc;
	padding: 10px 10px 10px 10px;
	/*margin-bottom:15px;*/
	position: relative;
}

#ShopMenu > *, #ShopMenu > #Filter > * {
	border: 1px solid #e5e5e5;
	margin: 0 0 1.5em 0;
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
}

.breakpoint-1200 #ShopMenu .Filter {
    display: none
}

#ShopMenu > #Filter {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border: none;
}

#ShopMenu h6 {
	font-size: 1.3em;
	text-shadow: 1px 1px 0 white;
	margin: 0 0 00px 0;
	position: relative;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

#ShopMenu h6 .ASN_Toggle, .toggle {
	background: url("/tradepro/shop/layout/ASN_toggle.png") no-repeat scroll left top transparent;
	height: 18px;
	position: absolute;
	right: 5px;
	top: 2px;
	width: 18px;
	cursor: pointer;
}

#ShopMenu h6 .ASN_Toggle.close, .toggle.close {
	background-position: left bottom;
}

#ShopMenu ul {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
}

#ShopMenu.NoMargin ul, #DirectOrderTable button {
	margin-top: 0px !important;
}

#ShopMenu li:before {
	position: absolute;
	font-family: "FontAwesome";
	/* content: "\f105"; */
	content: " ";
	margin-top: 0.4em;
	margin-left: 5px;
}

#ShopMenu li {
	position: relative;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

#ShopMenu li.active {
	/* background-color: #737373; */
	/* background: #555657; */
	background: #e3000f;
	color: #fff;
	margin-bottom: 3px;
	border-radius: 3px;
}

#ShopMenu li.active a:after {
	position: absolute;
	font-family: "FontAwesome";
	content: "\f057";
	top: 0.5em;
	right: 5px;
	color: #fff;
}

#CMS #ShopMenu li.active a:after {
	content: "";
}

#ShopMenu li.active a {
	color: #fff;
}

#ShopMenu li.open {
	background-image: url(/tradepro/shop/layout/arrow_down.png);
	background-position: 0 3px;
}

#ShopMenu section a {
	display: block;
	margin: 0 0 0 15px;
	padding: 0.4em 0 0.4em 0;
	color: #333;
}

#ShopMenu section a:hover {
	/* color: #006bbb; */
	color: #e3000f;
	text-decoration: none;
}

#ShopMenu a.active:after {
	font-family: 'FontAwesome';
	font-size: 1em;
	float: right;
	content: '\f00d';
	padding-top: 0.2em;
	padding-right: 5px;
	line-height: 100%;
}

#ShopMenu section span {
	color: #999;
}

#ShopMenu select {
	width: 100%;
	margin-bottom: 10px;
}

#ShopMenu .level2 {
	margin-left: 12px;
}

#topseller span {
	font-weight: bold
}
#topseller span::after {
	content: ")"
}
#topseller span::before {
	content: "("
}

/* Highlight Attribute über Suchergebnis */
.hla {
    background: #fff;
    padding: 1em;
    border-radius: 3px;
    border: 1px solid #ccc;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
    margin-bottom: 2.25em;
}
.hla strong {
    /* background: #0274bc; */
    background: #e3000f;
    display: block;
    padding: .333em .333em .333em 1em;
    color: #fff;
    font-weight: normal;
    margin: -1em -1em .5em -1em;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.hla a {
    min-width: 10%;
    margin: 1% 1% 0 0;
    font-family: OpenSansRegular;
    color: #666;
}
.hla a.active:after {
    display: inline-block;
    float: right;
    font-family: "FontAwesome";
    content: "\f057";
    color: #fff;
    margin-left: .5em;
}
.hla a img {
    display: block;
    max-height: 120px;
    margin-bottom: .5em
}

/* Kundenkonto */
#CustAccount a#os_link_customer {
	margin: 0;
	padding: 0;
	display: block;
	/*position: relative;*/
}

#CustAccount img {
	position: absolute;
	top: 10px;
	right: 10px;
	max-width: 50px;
}

#CustAccount form {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

#CustAccount form > div {
	position: relative;
	margin-top: 5px;
	clear: both;
}

#CustAccount form > div:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#CustAccount form label {
	float: left;
	width: 33%;
	margin: 6px 0 6px 0;
	padding: 0;
	line-height: 20px;
}

#CustAccount form input.Input {
	float: right;
	width: 66%;
	/*margin:0 0 6px 0;
	 padding:4px;
	 font-size:1em;
	 border:1px solid #878787;
	 background:url(/tradepro/shop/layout/searchfield_gradient.gif) top left no-repeat #f2f2f2;*/
	box-sizing: border-box;
}

#CustAccount form button.Submit {
	padding: 5px 15px;
	float: right;
}

/* Zuletzt gesehen */
#CustLastEmpty {
	background: none !important;
	margin: 0 0 10px 0;
}

#CustLastEmpty:before {
	content: "" !important;
}

/* Angebote */
#ShopMenu .angebote {
}

#ShopMenu .angebote li {
	background-image: none;
}
#ShopMenu .angebote li:before {
	content: "";
}

#ShopMenu .angebote .button {
	margin: 0 0 10px 0;
}

#ShopMenu .angebote a:hover i {
	color: #fff;
}

/* ------------------------------------------------------------------------------ */
/* Breadcrum */
#Breadcrum {
	padding-bottom: 30px !important;
}

#Breadcrum strong {
	margin-right: 6px;
}

#Breadcrum a {
	margin-right: 6px;
	color: #333;
}

#Breadcrum a:hover {
	/* color: #006bbb; */
	color: #e3000f;
	text-decoration: none;
}

#Breadcrum ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#Breadcrum li {
	display: inline;
}

#Breadcrum li a {
	padding-left: 12px;
	background: url(/tradepro/shop/layout/breadcrum_arrow.gif) left 0.5em no-repeat transparent;
}

/* ------------------------------------------------------------------------------ */
/* Rubrikenansicht Filter */
#SearchResult {
	margin: 0 0 10px 0;
}

#SearchFilter {
	position: relative;
	clear: left;
	border: 1px solid #bbb;
	border-width: 1px 0;
	margin-bottom: 20px;
	padding: 10px 0;
	height: 50px;
}
.CMSsearch #SearchFilter {
	border-top: none;
}
#SearchFilter select {
	float: right;
	padding: 0.1em;
	border-radius: 3px;
}

#SearchFilter .layoutSwitch {
	background: #f1f1f1;
	border: 1px solid #ccc;
	padding: 0 6px;
	font-size: 16px;
	float: left;
}

#SearchFilter .layoutSwitch i {
	font-size: 14px;
	color: #999
}

#SearchFilter .layoutSwitch.active {
	/*
	background: #0075bc;
	border: 1px solid #0075bc;
	*/
	background: #e3000f;
	border: 1px solid #e3000f;
	
	cursor: pointer;
}

#SearchFilter .layoutSwitch.active i {
	color: #fff;
}

#SearchFilter #ffsRub.inactive {
	border-left: none;
}
#SearchFilter #ffsList.inactive {
	border-right: none;
}

#SearchFilter a.layoutSwitch.inactive:hover i {
	color: #333;
}

#ffsRub {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

#ffsList {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

#SearchFilter #ArticlesPerPage {
	float: right;
	padding: 4px 10px 3px 3px;
}

#SearchFilter #ArticlesPerPage ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#SearchFilter #ArticlesPerPage li {
	display: inline;
}

#SearchFilter #ArticlesPerPage li:after {
	content: '|';
	color: #333;
	margin: 0 0 0 5px;
}

#SearchFilter #ArticlesPerPage li:last-child:after {
	content: none;
}

/* ------------------------------------------------------------------------------ */
/* Rubrikenansicht */
#RubView {
	margin-bottom: 20px;
}

/* Große Überschrift (z. B. Top-Produkte) */
#RubView h2 {
	margin: 0;
	padding: 20px 0 30px 0;
	font-size: 2.6em;
	border: none;
	background-color: transparent !important;
	box-shadow: none; /* CSS 3 */
	-webkit-box-shadow: none; /* chrome, safari */
	-moz-box-shadow: none; /* firefox */
}

.resp-tab-content h3 {
	padding: 15px 0 0 0;
}
.resp_tabs_cont {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	height: auto;
	border-bottom: 1px solid #ccc;
}
/* News Modul */
.mod_newslist > div {
	border-bottom: 1px solid #e3e3e3;
	position: relative;
}
.mod_newslist h2 {
	width: 80%;
	/*padding-top:0.8em;*/
}
.mod_newslist h2 a, .mod_newslist h2 {
	font-size: 1.25em;
	/* font-weight: bold; */
	color: #e3000f;
}
.mod_newslist h2 a:hover {
	text-decoration: none;
	color: #e3000f;
}
.mod_newslist p.info {
	width: 20%;
	position: absolute;
	padding: 0.8em 0.4em;
	font-size: 0.8em;
	bottom: 0;
	right: 0;
}
.mod_newslist p.info time {
	font-size: 1em;
}
.mod_newslist .teaser {
	clear: both;
}

.mod_newslist p.more a {

}
.mod_newsreader {
	position: relative;
}
.mod_newsreader p.info {
	position: absolute;
	bottom: 0;
	right: 0;
}
.mod_newsreader h2, .mod_newsreader h2 a {
	font-size: 1.25em;
}

#news figure {
	display: none;
}

.newsArchiveItem {
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
}

.naiImageContainer {
	display: block;
	float: left;
	width: 25%;
	margin-right: 2%;
	border: 10px solid #fff;
}
.naiImageContainer.noImage {
	border: none
}

.naiImageContainer img {
	display: block;
	float: none;
	vertical-align: middle;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

.naiTextContainer {
	float: left;
	width: 73%;
}

.newsArchiveItem .more {
	margin: 0
}

.newsArchiveItem .more a {
	display: block;
	margin-top: .75em;
	font-weight: 700;
	color: #0075BC;
}

.newsArchiveItem .teaser p {
	margin: 0;
}

.start .mod_newslist.block {
	padding-top: 20px;
}

/* Rubriken */
#RubView ul {
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
}

/*.StartContent #RubView li{
 position:relative;
 float:left;
 border:none;
 margin:0 0 20px 0;
 width:18.4%;
 text-align:center;
 overflow:hidden;
 -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
 -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
 box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
 }

 .StartContent #RubView li .thumb img{
 width:100%;
 height:auto;
 }*/

#RubView li .itemButtonMoreText {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1650;
}

#RubView li .itemButtonMoreText i {

	font-size: 1.3em;
	color: #666;
}

#RubView li:hover {
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
}

#RubView li:hover .itemButtonMoreText {
	display: block;
}

#RubView .first {
	clear: left;
}

#RubView .last {
	margin-right: 0;
}

#RubView .thumb {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	margin-bottom: 100px;
	min-height: 250px;
}

#RubView .thumb img {
	max-width: 250px;
	margin-top: 0;
	max-height: 250px;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translate(-50%,-50%);
}
.main-content #RubView .thumb img {
	/*max-width:170px;*/
	width: 100%;
	margin-top: 0;
}

.StartContent #RubView .thumb img {
	width: auto;
	max-height: 150px;
}

#RubView .banner {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}

.isFavo {
	color: #e7bb02 !important;
	text-shadow: 1px 1px 0 #c18300 !important;
	/*line-height: inherit !important;
	vertical-align: text-top !important;*/
}
#DetailTable .isFavo {
	margin-right: 0
}
#suggestLayer .isFavo {
	float: left
}

.isSlc {
	color: #01a000;
	text-shadow: 1px 1px 0 #8eb58e;
	line-height: inherit;
	vertical-align: text-top;
	margin-right: 5px;
}

/* Markierung von Favoriten und Produkten aus dem selbstlernenden Katalog ausblenden */
/*.isFavo, .isSlc { display: none !important }*/

#RubView h3 {
	position: relative;
	margin: 0 10px 10px 10px;
	padding: 10px 0 0 0;
	font-size: 1.2em;
}

#RubView h3 a {
	color: #333;
	font-weight: normal;
	font-size: 0.9em;
	display: block;
}

#RubView h3 a:hover {
	color: #000;
	text-decoration: none;
}

#RubView p {
	margin: 10px 10px 10px 10px;
	padding: 0;
	bottom: 0px;
	position: relative;
}

#RubView li .btn-container ins {

	color: #333;
	padding-top: 2px;
	padding-bottom: 10px;
}

#RubView ins {
	text-decoration: none;
	font-weight: bold;
	/* color: #006bbb; */
	color: #e3000f;
}

#RubView .btn-container, .Info .btn-container {
	width: 100%;
	position: relative;
	padding: 0.8em 0;
	text-align: center;
	display: block;
	margin-bottom: 0.8em;
}

.FFSContent #RubView .btn-container {
	margin-bottom: 0;
}

#RubView .articlelist.buttons .btn-container, .Info  .articlelist.buttons .btn-container {
	margin-bottom: 0;
}

#RubView .articlelist.galerie .btn-container, .Info  .articlelist.galerie .btn-container {
	margin-bottom: 1.6em;
}

#RubView .itemContent {
	position: absolute;
	bottom: -5.8em;
	background-color: #ffffff;
	width: 100%;
	z-index: 1000;
	border-top: 1px solid #e3e3e3;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#RubView #TopProducts .itemContent {
	bottom: -3.7em;
}

.StartContent #RubView .itemContent {
	bottom: -7em;
}

#RubView li:hover .itemContent, #RubView #TopProducts li:hover .itemContent {
	bottom: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.Info .btn-container {
	margin-left: -10px;
}

#RubView .button {
	bottom: 1em;
	position: static;
}

/* ------------------------------------------------------------------------------ */
/* Listenansicht */
#ListView ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#ListView li {
	border-bottom: 1px dashed #ccc;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	padding-bottom: 10px;
	position: relative;
}
.CMSsearch #ListView li {
	/*border-bottom:0;*/
	padding-bottom: auto;
}
#ListView .thumb {
	float: left;
	position: relative;
	display: block;
	width: 90px;
	margin-bottom: 10px;
}

#ListView li.bonus a.thumb {
	width: auto !important;
}

#ListView .thumb img {
	display: block;
	max-width: 90px;
}

#ListView .thumb .BorderNone {
	width: 1px;
	border: none;
}

#ListView .thumb .banner {
	position: absolute;
	top: 0px;
	left: 0px;
	border: none;
}

#ListView .hersteller {
	float: right;
	max-height: 20px;
}

#ListView h3 {
	margin: 0 110px 10px 110px;
	padding: 0;
}

.CMSsearch #ListView h3 a {
	font-weight: bold;
}
#ListView p {
	margin: 0 110px 10px 110px;
}

#ListView .button {
	margin-right: 2px;
}
/*.cmsSearch#ListView h3,
 .cmsSearch#ListView p{
 margin-left:0;
 }*/

/* ------------------------------------------------------------------------------ */
/* Blätterseiten */
#Pages {
	clear: left;
	float: right;
	padding-bottom: 20px;
	/*height:19px;*/
	display: block;
}

#Pages .button {
	float: left;
	width: 17px;
	height: 17px;
	padding: 0 !important;
	overflow: hidden;
}

#Pages img {
	border: none;
}

#Pages strong {
	display: block;
	float: left;
	height: 2em;
	text-align: center;
	line-height: 19px;
	margin: 5px 5px 0 10px;
}

#Pages ul {
	float: left;
	list-style: none;
	padding: 0;
}

#Pages a, #Pages li {
	display: block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	text-align: center;
	border-radius: 3px;
	text-decoration: none;
}

#Pages li {
	float: left;
	color: #000;
	background: #e4e4e4;
	font-weight: 700;
	margin: 0 0 4px 4px;
}

#Pages li.active {
	background: #d4d4d4;
}

#Pages li:after {
	content: none;
	margin: 0 0 0 4px;
}

#Pages li:last-child:after {
	content: none;
}

#Pages li.light {
	background: #f9f9f9;
	color: #888;
}

/* ------------------------------------------------------------------------------ */
/* Detailseite */
#ZoomContainer {
	position: relative;
	float: left;
	width: 30%;
}
#Zoomlinks {
	position: relative;
	float: left;
	margin: 0 0 20px 0;
}

#zoomzcontainer {
	position: absolute;
	right: 0px;
	top: 0.5em;
	width: 100%;
	height: 450px;
	z-index: 5;
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
}

.zoomz {
	visibility: hidden;
}

.zoomz.hover {
	visibility: visible;
}

#zoomField {
	position: absolute;
	cursor: zoom-in;
	background: url('/tradepro/shop/layout/zoomsprite.png') repeat;
	pointer-events: none;
	visibility: hidden;
}

#DetailImageContainer:hover #zoomField {
	visibility: visible;
}

#DetailImageContainer {
	position: relative;
	display: block;
	overflow: hidden;
}

#DetailImageContainer .banner {
	position: absolute;
	left: 0px;
	top: 0px;
}

#DetailImage {
	display: block;
	width: 100%;
	height: auto;
}

#DetailThumbs {
	border-top: 1px solid #ccc;
	padding: 7px;
	overflow: hidden;
}

#DetailInfo ul {
	margin-bottom: 20px;
	padding-left: 20px;
	list-style: disc !important;
}

#DetailThumbs a {
	float: left;
}

.refArtikel {
	width: 240px;
	padding-left: 10px;
}

.refArtikel img {
	max-width: 43px;
}

#DetailThumbs img {
	display: block;
	width: 43px;
	border: 1px solid #ccc;
	margin: 1px;
}

#ZoomlinkInfo {
	clear: left;
    margin: 0;
    padding: 5px 16px;
    text-align: center;
    
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    box-shadow: 0 5px 5px -5px rgba(0,0,0,.5);
}

#DetailInfo {
	float: right;
	margin: 0 0 20px 2%;
	width: 68%;
	position: relative;
}

#DetailInfo h1 {
	/* font-family: 'FuturaBold', Arial; */
}

#DetailInfo h3, #DetailInfo h1 {
	
	margin: 0 0 20px 0;
	line-height: 1.5;
	font-weight: normal;
	position: relative;
	font-size: 1.8em;
	color: #e3000f;
}

#DetailText {
	margin: 0 110px 20px 0;
	color:#222;
		
}
#DetailText b {
    /*
    	color: #a7a7a7;
    */
}

#DetailHersteller {
	float: right;
	max-width: 100px;
}

#DetailAttributes {
	margin: 0;
}

#readmorecontainer {
	margin: 0 0 2em 0;
	overflow: hidden;
}

#DetailAttributes th {
	text-align: left;
	padding: 10px 0 0 0;
}

#DetailAttributes td {
	width: 250px;
}

#DetailAttributes dl {
	margin: 0 0 10px 0;
}

#DetailAttributes dt {
	float: left;
	clear: left;
	width: 40%;
	margin: 0 0 10px 0;
	font-weight: bold;
	word-break: break-all;
}

#DetailAttributes dd {
	float: left;
	margin: 0 0 10px 0;
	width: 60%;
}

#DetailAttributes b {
	font-weight: bold;
}

#DetailAttributes .attGroup {
	border-bottom: 1px solid #ccc;

	margin-top: 1em
}

#DetailAttributes .attGroupSpacer {
	display: block;
	height: .5em;
	margin: 0
}

/* "mehr lesen" für Detailattribute */
.hToggle {
	display: block;
	position: relative;
	margin: 0 0 30px 0;
	overflow: hidden;
	padding-bottom: 0;
}
.hToggle.collapsed {
	height: 45px;
}

.hToggle.open {
	padding-bottom: 2em;
}

a.readMore {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
	background: #fff;
}
a.readMore span {
	position: absolute;
	bottom: 0;
}

a.readMore::after {
	/* content: "\f107";
	font-family: "FontAwesome";	 */
}

a.readMore span:before, a.readMore span:after {
	float: left;
}

/* geschlossen */
.collapsed a.readMore span:before {
	content: "\f107";
	font-family: "FontAwesome";
	margin-right: 5px;
}
.collapsed a.readMore span:after {
	content: attr(data-more);
}

/* offen */
.open a.readMore span:before {
	content: "\f106";
	font-family: "FontAwesome";
	margin-right: 5px;
}
.open a.readMore span:after {
	content: attr(data-less);
}
/* "mehr lesen" für Detailattribute */

#DetailVlink {
	clear: left;
	float: left;
	margin: 10px 10px 0 0;
}

#DetailMoreInfos {
	clear: right;
	float: right;
	margin: 10px 10px 0 0;
	display: none;
}

#DetailTableLoading {
	clear: left;
	margin: 10px 0;
	text-align: center;
}

#DetailTableShow {
	clear: both;
}

#submitform {
	clear: both
}

#DetailTable, #DetailCross {
	border-collapse: collapse;
}

#DetailTable tbody tr:nth-child(2n) {
	background: #eee;
}

#DetailCross td, #DetailTable th, #DetailTable td {
	padding: 5px 10px;
	border: 1px solid #ccc;
	position: static; /* Fix für Border im Firefox und Edge */
	font-size: 1em !important;
}

#DetailCross td {
    overflow: hidden;
    position: relative;
}
    #DetailCross .inputButton {
        background: #f0f0f0;
        border-bottom: none;
        padding: 0.5em;
        bottom: -7em;
        right: 0;
        position: absolute;
        transition: bottom 0.25s;
    }
    
    #DetailCross td.crossDat:hover .inputButton {
        bottom: 0
    }

#DetailTable th, #DetailTable th i {
	/* background: #333; */
	/* background: #707070; */
	background: #555657;	
	color: white;
}

#DetailVarianten {
	background: #f4f4f4;
	border: 1px solid #ccc;
	margin: 0 0 20px 0;
	overflow: hidden;
	clear: left;
}

#DetailVarianten strong {
	display: block;
	float: left;
	margin: 15px 10px;
	font-size: 12px;
}

#DetailVarianten .button {
	float: right;
	margin: 10px;
}

/* ------------------------------------------------------------------------------ */
/* Detailtabs */

/* Detailtabs allgemein */

#detTab {
	clear: both;
	border-bottom: 1px solid #ccc;
	padding-bottom: 2em;
}

#detTab .resp-tab-content {
	padding: 2em 0
}

/* Detailtabs Artikeltabelle */
#detTab .ShopTable {
	margin-top: 0;
	/*max-width: 885px;*/
}

/* Detailtabs Downloads */

#downloadList {
	width: 50%;
}

#downloadList li {
	height: 2em;
	line-height: 2em;
	margin-bottom: .5em;
}

#downloadList li i {
	font-size: 1.33em;
	margin-right: .5em;
	color: #ccc;
}

#downloadList li:hover i:before {
	content: "\f15b";
	/* color: #0075BC; */
	color: #e3000f;
}

#downloadList a.button {
	float: right;
	padding: 0 1em;
	height: 1.8em;
	margin-top: .1em;
}

/* Detailtabs Videos */
.videoContainer {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	margin-bottom: 2em;
}

.videoContainer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ------------------------------------------------------------------------------ */
/* Detailbuttons */
#DetailBack {
	float: left;
}

#DetailScart {
	float: right;
	margin-top: 0;
}

#DetailPrint {
	float: right;
	margin: 0 10px 0 0;
}

/* ------------------------------------------------------------------------------ */
/* Attributfilter */
#DetailAttributeFilter {
	padding: 3px;
	position: relative;
}

#DetailAttributeFilter .filter_wrap {
	width: 100%;
	overflow: hidden;
}

#DetailAttributeFilter .filter_title {
	clear: left;
	font-weight: bold;
	width: 220px;
	padding: 5px;
	margin: 2px;
}

#DetailAttributeFilter .filter_del {
	float: left;
	width: 40px;
	text-align: center;
	padding: 5px;
	margin: 2px;
}

#DetailAttributeFilter .filter_choice, #DetailAttributeFilter .filter_choiceA {
	float: left;
	width: 40px;
	text-align: center;
	padding: 5px;
	margin: 2px;
}

#DetailAttributeFilter .filter_choiceA {
	background: #ccc;
}

/* ------------------------------------------------------------------------------ */
/* Detailtabelle */
#DetailTable a.nolink {
	cursor: default;
	color: #333;
}

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

#DetailTable ins {
	display: block;
	text-decoration: none;
}

#DetailTable .Input {
	margin-left: 5px;
}
#DetailTable .Input.menge {
	min-width: 45px;
}

#DetailTable .Staffel {
	background-position: left bottom;
	font-size: 1em !important;
}

#DetailTablePrint th {
	font-size: 1em !important;
}

#DetailTablePrint .Article {
	border-bottom: 1px solid  #ccc
}

#DetailTable .showmobile {
	display: none !important;
}

/* ------------------------------------------------------------------------------ */
/* Zubehörartikel */

#PrintView #DetailCross {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}

#DetailCross {
	width: 49%;
	margin-right: 0.5%;
	margin-left: 0.5%;
	border: none;
}

.DetailCross {
	margin-top: 20px;
}

.DetailCross th {
	text-align: left;
	padding: 10px;
	cursor: pointer;
}

.DetailCross .thumb {
	width: 100px;
	text-align: center;
}

.DetailCross .thumb img {
	max-width: 90px;
	border: 1px solid #ccc;
}

#PrintView #PrintHead img {
	margin: 10px 5px;
}

/* ------------------------------------------------------------------------------ */
/* Zoom-Overlay */
#DetailZoomOverlay {
	display: none;
	z-index: 10001;
	background: white;
	border: 1px solid #ccc;
	width: 680px;
	height: 750px;
	color: white;
}

#exposeMask {
	z-index: 8000 !important;
}

#DetailZoomOverlay iframe {
	width: 100%;
	height: 100%;
}

#DetailZoomOverlay .close {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 19px;
	height: 19px;
	background: url(/tradepro/shop/layout/icon_close.png) top right no-repeat transparent;
}

/* ------------------------------------------------------------------------------ */
/* Druckansicht */
#PrintView {
	background: white;
}

#PrintView .SiteContainer {
	width: auto;
	margin: 0;
	padding: 10px;
	box-shadow: none; /* CSS 3 */
	-webkit-box-shadow: none; /* chrome, safari */
	-moz-box-shadow: none; /* firefox */
}

#PrintHead {
	border-bottom: 5px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#PrintFoot {
	border-top: 5px solid #ccc;
	margin-top: 10px;
	padding-top: 10px;
}

#PrintFoot p {
	margin: 0 0 10px 0;
}

#PrintView #Zoomlinks, #PrintView #DetailImageContainer, #PrintView #DetailImage {
	width: 180px;
}

#PrintView #DetailInfo {
	float: left;
	/*width:370px;*/
	margin-left: 10px;
}

#PrintView #DetailAttributes dd {
	/*width:200px;*/
}

#PrintView #DetailInfo h3 {
	font-size: 15px;
}

/* ------------------------------------------------------------------------------ */
/* Detailzoom */
#DetailZoom h1 {
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	/*border-bottom:1px dashed #333;*/
}

#DetailZoom .image {
	float: left;
	width: 540px;
	text-align: center;
}

#DetailZoom .image img {
	display: block;
	max-width: 540px;
	max-height: 620px;
}

#DetailZoom .thumbs {
	float: right;
}

#DetailZoom .thumbs img {
	display: block;
	width: 90px;
	max-height: 100px;
	border: 2px solid white;
	margin-bottom: 10px;
}

#DetailZoom .thumbs img.active {
	border: 2px solid #363636;
}

#DetailZoom .thumbs img:hover {
	cursor: pointer;
}

/* ------------------------------------------------------------------------------ */
/* Warenkorb */

#ScartSteps {
	position: relative;
	list-style: none;
	width: 100%;
	height: 60px;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 0;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
}

#ScartSteps after {
	border-left: 15px solid rgb(243,243,243);
}

#ScartSteps li:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 15px solid rgb(255,255,255);
	position: absolute;
	top: 50%;
	margin-top: -30px;
	left: 100%;
	z-index: 2;
}

#ScartSteps li.active:after {
	border-left: 15px solid rgb(243,243,243);
}

#ScartSteps li:before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 15px solid #e2e2e2;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}

#ScartSteps1 {
	list-style: none;
	width: 713px;
	height: 60px;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 0;
	background: url(/tradepro/shop/layout/scart_step1.gif) left top no-repeat white;
	border: 1px solid #ccc;

}

ul#ScartSteps {

}

ul.ScartStep1 {
}

ul.ScartStep2 {
}

ul.ScartStep3 {
}

ul.ScartStep4 {
}

#ScartSteps li {
	position: relative;
	width: 25%;
	height: 60px;
	float: left;
}

#ScartSteps li div {
	width: 100%;
	height: 60px;
}

#ScartSteps li strong {
	position: absolute;
	bottom: 5px;
	left: 40px;
	font-size: 2.8em;
	font-weight: normal;
	color: #bbb;
}

#ScartSteps li p {
	font-size: 12px;
	display: inline;
	bottom: 20px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 70px;
	color: #999;
}
#DetailCross th, #ScartTable th, #ERPTable th, #DirectOrderTable th, .ShopTable th, #CCTable th {
	/*font-size:1.6em;*/
	border-bottom: 1px solid #ccc;
	border-left: 0;
	border-right: 0;
	text-align: left;
	vertical-align: top;
}

#CompareTable td {
	border-bottom: 1px solid #ccc;
}

.ShopTable td {
	position: relative
};

.ShopTable tr.Article {
	border-top: 1px solid #ccc;
	position: relative;
}

.ShopTable .Article #saveOverlay {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 6999;
	background: #fff url('/tradepro/shop/layout/wait.gif') no-repeat 50% 50%;
	text-align: center
}

#saveOverlay span {
	display: block;
	margin: 1em auto;
}

/*.hlBorder {
 border: 1px solid #1782c5 !important;
 }*/
.ShopTable .Article .previewthumb {
	width: 90px;
	height: auto;
	vertical-align: top;
}

#CCTable {
	margin-top: 20px;
}

#CCTable th {
	/*font-size:1.2em;*/
	border-bottom: 1px solid #ccc;
}

#ScartSteps li.active {
	background-color: #f3f3f3;
}

#ScartSteps li.active strong {
	color: #999;
}

#ScartSteps li.active p {
	color: black;
}

#DirectOrderTable {
	/*margin-bottom: 40px;*/
	margin-top: 0;
	border-bottom: 1px solid #ccc;
	max-width: 100%;
}

#DirectOrderTable select#directorder {
	width: 100%;
	max-width: 100%;
}

#DirectOrderTable th {
	padding: 12px 10px;
}

#DirectOrderTable #FFquery {
	width: 100%;
}

#DirectOrderTable #MengeWert {
	width: 45px;
}

/* Warenkorbtabelle */
#ScartTable th {
	padding: 12px 10px;
	text-align: left;
	position: relative;
}

.ShopTable thead > tr {
	border: none !important;
}

.ShopTable > tbody > tr {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#DirectOrderTable, #DirectOrderTable > tbody > tr, #DirectOrderTable td {
	border: none
}

.ShopTable tr td:first-child {
	/*border-left:1px solid #ccc;*/
}

.ShopTable tr td:last-child {
	/*border-right:1px solid #ccc;*/
}

.ShopTable {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.ShopTable * {
	word-wrap: break-word;
}

#ScartTable .Article td:first-child {
	/*border-top:1px solid #ccc !important;*/
}

.tableBreak {
	border-top: 1px solid #ccc;
}

.ShopTable strong, .ShopTable strong b {
	font-family: 'OpenSansRegular';
	font-weight: normal;
}

.ShopTable p {
	margin-top: 0;
}

.ShopTable #Freitext textarea {
	width: 200px;
	height: 60px;
}

.ShopTable #Freitext .button {
	margin-top: 5px;
	width: 60px;
	font-size: 10px;
}

.CCinArticle > span {
	display: block;
}

.CCinArticle > .CCLabel {
	float: left;
	text-align: left;
}

.CCinArticle > .CCInput {
	float: right;
}

.CCinArticle > .CCInput > input, .CCinArticle > .CCInput > select {
	box-sizing: border-box;
	width: 75%;
}

.ShopTable .bg {
	background: #F3F3F3;
}

.ShopTable hr {
	border: 1px #ccc;
	border-style: none none dashed none;
}

#ScartOrderButton,  #ScarStepsExplain {
	margin-top: 10px;
}

#ScartOrderButton {
	text-align: right;
	width: 40%;
	overflow: hidden;
	/* border-left: 1px solid #ccc; */
}

#ScarStepsExplain {
	width: 56%;
	border-right: 1px solid #ccc;
	margin-bottom: 20px;
	padding-right: 15px;
}

#ScarStepsExplain p {
	margin: 20px 0 16px 0;
}

#ScartOrderButton select {
	width: 95%;
}

#ScartOrderButton .os_scart_payment_txt {
	margin: 1em 0 0 0;
}

#WaitSubmit {
	display: none;
}

.ShopTable .button:hover, .ShopTable .button:hover *, .button:hover * {
	color: #fff !important
}

#scartFooter table td, #scartSummary table td {
	border: none;
}

/* ------------------------------------------------------------------------------ */
/* Shop-Formulare */
.ShopForm, .ShopFormNB, .ShopForm td, .ShopFormNB td {
	border: none;
}
.ShopForm, .ShopFormNB {
	width: 50%;
}
.ShopForm .PLZ, .ShopFormNB .PLZ {
	width: 30%;
	margin: 0 2% 0 0;
}
.ShopForm .Ort, .ShopFormNB .Ort {
	width: 48%;
}

/*.ShopForm input[type='checkbox'], .ShopFormNB input[type='checkbox']{
 width:auto;
 }*/

.ShopForm input, .ShopForm select, .ShopForm textarea, .ShopFormNB input, .ShopFormNB select, .ShopFormNB textarea {
	width: 80%;
	box-sizing: border-box;
}

/* ------------------------------------------------------------------------------ */
/* Artikel vergleichen */
#CompareTable th {
	background-image: none;
}

#CompareTable th {
	text-align: left;
}

#CompareTable .thumb img {
	width: 90px;
}

#CompareTable th {
	color: #222;
	border-color: #ccc !important;
}

/* ------------------------------------------------------------------------------ */
/* Sitemap */
#Sitemap {
	position: relative;
	/* background: #58585a; */
	background: #555657;	
	clear: both;
	overflow: hidden;
	margin: 20px 0 0 0;
	padding: 20px 0;
	text-align: left;
}

#Sitemap nav, #Sitemap div.ce_text {
	float: left;
	/*width:23%;*/
	/*width: auto;*/
	width: 24%;
	min-width: 20%;
	padding: 0 1%;
}

#Sitemap div.ce_text.nav {
	width: auto;
}

#CMS #Sitemap div.ce_text {
	width: 25%;
}

#Sitemap nav h6, #Sitemap div h6 {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	margin: 0 0 10px 0;
	color: #fff;
	font-weight: normal;
	padding-bottom: 0.3em;
	font-size: 1.3em;
}

#Sitemap nav ul, #Sitemap div ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#Sitemap .nav ul {
	margin-right: 1em;
}

#Sitemap nav ul li, #Sitemap div ul li {
	padding: 3px 0px 0 18px;
}

#Sitemap nav ul li a:before, #Sitemap div ul li a:before {
	font-family: 'FontAwesome';
	font-size: 1em;
	content: '\f105';
	padding-right: 6px;
	line-height: 100%;
	width: 12px;
	margin-left: -12px;
}

#Sitemap nav ul li, #Sitemap div ul li {
	color: #fff;
}

#Sitemap nav.Links ul li a, #Sitemap div.Links ul li a {
	color: #fff;
}

#Sitemap nav.Links ul li a:hover, #Sitemap div.Links ul li a:hover {
	text-decoration: underline;
}

#Sitemap nav.Links ul li a:before, #Sitemap div.Links ul li a:before {
	content: "";
	padding-right: 0;
}

#Sitemap nav ul li a, #Sitemap div ul li a {
	color: #fff;
}

#Sitemap nav ul li a:hover, #Sitemap div ul li a:hover {
	color: #e3000f;
	text-decoration: none;
}

#Sitemap .vcard {
	clear: left;
	width: 250px;
	position: absolute;
	top: 20px;
	right: 20px;
	color: #fff;
}

#Sitemap .vcard p {
	font-size: 12px;
	margin: 0 0 10px 0;
}

#Sitemap .vcard .tel {
	font-size: 24px;
}

#Sitemap i {
	color: #fff;
}

#CreditInfoWrapper {
	margin-top: 10px;
	text-align: center;
	clear: both;
}

/* ------------------------------------------------------------------------------ */
/* Footer */
#lz_chat_overlay_main, #lz_overlay_chat {
	border-radius: 0px !important;
}

footer {
	position: relative;
	bottom: -30px;
	left: 0;
	text-align: center;
	clear: both;
}

footer > ul, footer > div > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

footer > ul > li, footer.page-footer > div > ul > li, footer > div > ul > li {
	display: inline;
	font-style: normal;
	text-shadow: 1px 1px 0 white;
	font-size: 10px;
}

footer > ul > li:after, footer.page-footer > div > ul > li:after, footer > div.ce_text > ul > li:after {
	content: '|';
	margin: 0 10px;
}

footer > ul > li:last-child:after, footer.page-footer > div > ul > li:last-child:after, footer > div.ce_text > ul > li:last-child:after {
	content: none;
}

footer > ul > li a, footer.page-footer > div > ul > li a, footer > div.ce_text > ul > li a {
	color: #333;
	font-size: 10px;
}

footer #SkipParallax {
	width: 100px;
	height: 40px;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	top: -22px;
	cursor: pointer;
}

footer #SkipParallax i {
	font-size: 3.3em;
	color: #0075bc;
}

footer #SkipParallax .toTopProducts {
	width: 217px;
	height: 20px;
	margin-top: 10px;
	left: 100px;
	top: 0px;
	display: none;
	position: absolute;
	text-align: left;
}

/* ------------------------------------------------------------------------------ */
/* Hinweisbox */
#HinweisBox {
	display: none;
	z-index: 9000;
	text-align: left;
	padding: 10px;
	background: white;
	border: 1px solid #ccc;
	width: 300px;
	min-height: 80px;
}

#HinweisBox h3 {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #333;
}

#HinweisBox p {
	margin: 0;
	padding: 0;
}

#HinweisBox .close {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 19px;
	height: 19px;
	background: url(/tradepro/shop/layout/icon_close.png) top right no-repeat transparent;
	z-index: 1000;
}

.overlayTitle {
	font-size: 1.5em;
	color: #e3000f;
	border-bottom: 1px solid  #ccc
}

.overlayWrap strong {
	color: #1782c5;
}

/* ------------------------------------------------------------------------------ */
/* ERP-Historie */
#ExtOrderHistorySearch {
	/*width:300px;*/
	float: left;
	margin: 0 10px 0 0;
	text-align: right;
}

#ExtOrderHistorySearch .button {
	display: inline;
}

#ExtOrderHistorySearch .button_small {
	margin-top: 0;
}

/* ------------------------------------------------------------------------------ */
/* Angebote */
.DataTable #ERPTable thead th {
	padding-right: 20px;
}
.DataTable #ERPTable thead th.sorting {
	background: url(/tradepro/shop/buttons/bt_sortboth.gif) right center no-repeat;
}
.DataTable #ERPTable thead th.sorting_asc {
	background: url(/tradepro/shop/buttons/bt_sorta2.gif) right center no-repeat;
}
.DataTable #ERPTable thead th.sorting_desc {
	background: url(/tradepro/shop/buttons/bt_sortd2.gif) right center no-repeat;
}

/* Meine Startseite */

#customerMenu a div.TwoColumns {
	background-color: #eee;
	margin-bottom: 1%;
	overflow: hidden;
	position: relative;
}

#customerMenu a:hover div.TwoColumns {
	background-color: #e3000f;
}

#customerMenu a:hover * {
	color: #fff !important;
}

#customerMenu > a > div > i {
	font-size: 10em;
	color: #ccc;
	margin-left: -5%;
}
#customerMenu div.textContainer {
	position: absolute;
	top: 0.4em;
	left: 10em;
	margin-right: 2%;
}

#customerMenu div.textContainer h4 {

	font-size: 1.4em;
}

#myIndex .textbox {
	float: left;
	width: 500px;
	position: relative;
}
#myIndex .card {
	position: relative;
	float: right;
	width: 319px;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #CCCCCC;
}

#myIndex .card p {
	float: left;
	line-height: 14px;
	margin-bottom: 0px;
	font-size: 10px;
	margin-left: 11px;
	position: relative;
	top: 0px;
}
#myIndex .tl {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 6px;
	height: 6px;
	background: url(/tradepro/shop/layout/corner_tl_ccc.png);
}

#myIndex .tr {
	position: absolute;
	top: -1px;
	right: -1px;
	width: 6px;
	height: 6px;
	background: url(/tradepro/shop/layout/corner_tr_ccc.png);
}

#myIndex .bl {
	position: absolute;
	bottom: -1px;
	left: -1px;
	width: 6px;
	height: 6px;
	background: url(/tradepro/shop/layout/corner_bl_ccc.png);
}

#myIndex .br {
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 6px;
	height: 6px;
	background: url(/tradepro/shop/layout/corner_br_ccc.png);
}

/* Rubrikenansicht */
#myIndex .RubView {
	margin-bottom: 20px;
}

/* Große Überschrift (z. B. Top-Produkte) */
#myIndex .RubView h2 {
	margin: 0;
	padding: 0 0 30px 0;
	font-size: 20px;
	background: url(/tradepro/shop/layout/breadcrum_gradient.gif) center bottom no-repeat transparent;
	border: none;
	background-color: transparent !important;
	box-shadow: none; /* CSS 3 */
	-webkit-box-shadow: none; /* chrome, safari */
	-moz-box-shadow: none; /* firefox */
}

/* Rubriken */
#myIndex .RubView ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#myIndex .RubView li {
    position: relative;
    float: left;
    margin: 0px 15px 20px 0;
    width: 135px;
    height: 200px;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
}
#myIndex .RubView ul li:nth-child(6n+0) {
    margin-right: 0px;
}
#myIndex .RubView .first {
	clear: left;
}

#myIndex .RubView .last {
	margin-right: 0;
}

#myIndex .RubView .thumb {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
}

#myIndex .RubView .thumb img {
	width: 100%;
	height: auto;
	margin-top: 0;
}

#myIndex .RubView .banner {
	position: absolute;
	top: 180px;
	left: -7px;
}

#myIndex .RubView h3 {
	position: relative;
	margin: 0 10px 10px 10px;
	padding: 10px 0 0 0;
}

#myIndex .RubView h3 a {
	color: #333;
}

#myIndex .RubView h3 a:hover {
	/* color: #006bbb; */
	color: #e3000f;
	text-decoration: none;
}

#myIndex .RubView p {
	margin:0 5px;
	padding: 0;
	    line-height: initial;
}

#myIndex .RubView ins {
	text-decoration: none;
	font-weight: bold;
	/* color: #006bbb; */
	color: #e3000f;
}

#myIndex .RubView .button {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 160px;
}

/* ------------------------------------------------------------------------------ */
/* CMS */
#CMS header h1 {
	bottom: 27px !important;
}

#CMS h2 {
	margin-bottom: 20px;
}

#CMS h3 {
	font-size: 1.3em;
	margin: 5px 0;
}

/* ------------------------------------------------------------------------------ */
/* Feedback-Kampagne */
#FeedbackCampaign {
	overflow: hidden;
}

#FeedbackCampaign h1 {
	margin: 0 0 10px 0;
	padding: 0 0 30px 0;
	background: url(/tradepro/shop/layout/breadcrum_gradient.gif) center bottom no-repeat transparent;
	border: none;
	background-color: transparent !important;
}

/* Galerieansicht */
#FeedbackCampaign .CampaignItemRub {
	float: left;
	margin-bottom: 22px;
}

#FeedbackCampaign .first {
	clear: left;
}

#FeedbackCampaign .last {
	margin-right: 0;
}

#FeedbackCampaign .CampaignItemRub a {
	width: 162px;
	display: block;
}

#FeedbackCampaign .CampaignItemRub .thumb {
	display: block;
	width: 160px;
	height: 160px;
	overflow: hidden;
	border: 1px solid #ccc;
	text-align: center;
	overflow: hidden;
}

#FeedbackCampaign .CampaignItemRub .thumb img {
	max-width: 160px;
	max-height: 160px;
}

#FeedbackCampaign .CampaignItemRub p {
	font-weight: bold;
	/* color: #006bbb; */
	color: #e3000f;
}

#FeedbackCampaign .CampaignItemRub .price {
	display: none;
}

/* Listenansicht */
#FeedbackCampaign .CampaignItemList {
	list-style: none;
	margin: 0;
	padding: 0;
}

#FeedbackCampaign .CampaignItemList li {
	width: 712px;
	overflow: hidden;
	margin-bottom: 10px;
	position: relative;
	border: 1px solid #ccc;
	background: url(/tradepro/shop/layout/gradient_listview_campaign.gif) left top repeat-x #fff;

}

#FeedbackCampaign .CampaignItemList .thumb {
	float: left;
	position: relative;
	display: block;
}

#FeedbackCampaign .CampaignItemList .thumb img {
	width: 223px;
	display: block;
	border-right: 1px solid #ccc;
}

#FeedbackCampaign .CampaignItemList .hersteller {
	float: right;
	max-height: 45px;
	margin-right: 10px;
	margin-top: 10px;
}

#FeedbackCampaign .CampaignItemList h3 {
	margin: 10px 110px 10px 240px;
	padding: 0;
}

#FeedbackCampaign .CampaignItemList p {
	margin: 0 110px 10px 240px;
}

#FeedbackCampaign .CampaignItemList .button {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

/* ------------------------------------------------------------------------------ */
/* Advisor-Kampagne */
#AdvisorCampaign {
	position: relative;
	background: #f4f4f4;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	padding: 10px;
}

#AdvisorCampaign h1 {
	margin: 0 0 5px 0;
}
#ERPTableSort .defwidth {
	width: 140px !important;
}
#ERPTable .defwidth {
	width: 140px !important;
}

/* ------------------------------------------------------------------------------ */
/* Payment */
#PaymentInfo {
	display: none;
}

#tabnav {
}

#tabnav .menu {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 44px;
}

#tabnav .menu li {
	float: left;
	padding: 8px 10px;
}

#tabnav .menu li.active {
	border: 1px solid #ccc;
	padding: 4px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	background-color: #f3f3f3;
}

#tabnav .menu li a {
	display: block;
	width: 50px;
	height: 32px;
	background: url(/tradepro/shop/layout/payment_light.gif) no-repeat;
}

#tabnav .menu li a.tab1 {
	background-position: -100px 0;
}
#tabnav .menu li a.tab2 {
	background-position: -150px 0;
}
#tabnav .menu li a.tab3 {
	background-position: -50px 0;
}
#tabnav .menu li a.tab4 {
	background-position: 0 0;
}
#tabnav .menu li a.tab5 {
	background-position: -200px 0;
}

#tabnav .menu li a.tab6 {
	background-position: -250px 0;
}
#tabnav .menu li a.tab7 {
	background-position: -300px 0;
}
#tabnav .menu li a.tab8 {
	background-position: -350px 0;
}
#tabnav .menu li a.tab9 {
	background-position: -400px 0;
}

#tabnav .menu li a:hover {
}

#tabnav .menu li.active a {
}

#tabnav .content {
	clear: left;
	height: 600px;
	overflow: auto;
	background: white;
	margin: 20px 0 0 0;
	padding: 10px;
}

/*Responsive Tabs*/
.resptabs {
	margin-top: 2em;
	margin-bottom: 2em;
}

/*Schnellbestellung Import*/

.TableTwoColumns {
	width: 50%;
	clear: none;
}

#dialog-FO-screen {

}

/* Bestelllisten Detailtabelle */
.fht-table-wrapper {
	margin-bottom: 20px;
}

.fht-table-wrapper th, .fht-table-wrapper td {
	padding: 5px 10px !important;
}

.fht-table-wrapper th {
	background: #808080;
	color: white;
}

.fht-table-wrapper th span {
	color: white;
	display: block;
}

.fht-table-wrapper th .tit1 {
	text-align: right;
	padding-left: 10px;
}

.fht-table-wrapper th .tit2 {
	text-align: left;
	padding-right: 10px;
}

.fht-table-wrapper td {
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
}

.fht-table-wrapper td.col1 {
	background: #ebebeb;
	border-bottom-color: #ebebeb;
}

.fht-fixed-column .fht-tbody {
	margin-top: 0 !important;
}

/* Warenkorb Sets */
#ScartTable .setToggle {
	border: none;
	background: none;
	padding: 0;
}

#ScartTable .setToggle:hover {
	cursor: pointer;
}

#ScartTable .setToggle img {
}

#ScartTable .setToggle .close {
	display: none;
}

#ScartTable .set {
	display: none;
}

#ScartTable .set td,
#ScartTable .setContainer td {
	background: #ccc;
	border: none;
}

/* Warenkorb aktualisieren */
.scartRefresh {
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	display: none;
	position: relative;
	top: 3px;
	box-shadow: none;
	text-shadow: none;
}

.scartRefresh:hover {
	cursor: pointer;
}

.scartRefresh, .scartRefreshDummy {
	width: 22px;
	height: 20px;
}

/* Geschenkartikel */
.Gift {
	min-height: 120px;
	overflow: hidden;
}

.Gift .thumb {
	float: left;
}

.Gift .thumb img {
	width: 90px;
}

.Gift .content {
	margin-left: 100px;
}

.Gift .content h3 {
	margin: 0 0 1em 0;
	clear:none;
}

.Gift .content a {
}

.Gift .content a strong {
	color: #0066bb;
}

.Gift .content p {
	margin: 0 0 1em 0;
}

.Gift .content button {
	padding: 0 10px !important;
	width: 100%;
	white-space: normal;
}

/*-------------------------------------*/
/* Responsive Table to Tabs */
/*-------------------------------------*/
ul.resp-tabs-list {
	margin: 0 !important;
	padding: 0px;
}

.resp-tabs-list li {
	display: inline-block;
	padding: 10px 30px;
	margin: 0 .5em 0 0;
	list-style: none;
	cursor: pointer;
	float: left;
	font-size: 1.2em;
	border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border: 1px solid #f4f4f4;
	border-bottom: none;
	background: #fafafa;
}

.resp-tabs-list li:hover {
	background: #f6f6f6;
}

.resp_tabs_cont .resp-tabs-list li {
	padding: 10px 0;
}

.resp_tabs_cont .resp-tabs-list li a {
	padding: 10px 30px;
}

.resp-tabs-container {
	padding: 0px;
	background-color: #fff;
	clear: left;
}

h2.resp-accordion {
	cursor: pointer;
	padding: 5px;
	display: none;
}

.resp-tab-content {
	display: none;
}

.resp-tabs-list li.resp-tab-active {
	border: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	margin-bottom: -1px !important;
	background-color: #fff;
	color: #000;
}

.resp-content-active, .resp-accordion-active {
	display: block;
}

.resp-tab-content {
	border-top: 1px solid #ccc;
}

h2.resp-accordion {
	font-size: 1em;
	border-bottom: #ccc 1px solid;
	margin: 0px;
	padding: 10px 15px !important;
}

h2.resp-tab-active {
	border-bottom: 0px solid #ccc !important;
	margin-bottom: 0px !important;
	padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
	border-bottom: 12px solid #ccc !important;
	background: blue;
}
/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
	float: left;
	width: 30%;
}

.resp-vtabs .resp-tabs-list li {
	display: block;
	padding: 15px 15px !important;
	margin: 0;
	cursor: pointer;
	float: none;
}

.resp-vtabs .resp-tabs-container {
	padding: 0px;
	background-color: #fff;
	border: 1px solid #ccc;
	float: left;
	width: 68%;
	min-height: 250px;
	border-radius: 4px;
	clear: none;
}

.resp-vtabs .resp-tab-content {
	border: none;
}

.resp-vtabs li.resp-tab-active {
	border: 1px solid #ccc;
	border-right: none;
	background-color: #fff;
	position: relative;
	z-index: 1;
	margin-right: -1px !important;
	/*padding: 14px 15px 15px 14px !important;*/
}

.resp-arrow:before {
	/*width: 0;
	 height: 0;
	 float: right;
	 margin-top: 3px;
	 border-left: 6px solid transparent;
	 border-right: 6px solid transparent;
	 border-top: 12px solid #ccc;*/
	float: right;
	font-family: 'FontAwesome';
	content: '\f107';
	margin-left: 0.8em;
}

h2.resp-tab-active span.resp-arrow:before {
	/*border: none;
	 border-left: 6px solid transparent;
	 border-right: 6px solid transparent;
	 border-bottom: 12px solid #9B9797;*/
	float: right;
	font-family: 'FontAwesome';
	content: '\f106' !important;
	margin-left: 0.8em;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
	background: #DBDBDB !important;
}
.resp-easy-accordion  h2.resp-accordion {
	display: block;
}
.resp-easy-accordion .resp-tab-content {
	border: 1px solid #ccc;
}

.resp-easy-accordion .resp-tab-content:last-child {
	border-bottom: 1px solid #ccc !important;
}

.resp-jfit {
	width: 100%;
	margin: 0px;
}

.resp-tab-content-active {
	display: block;
}

h2.resp-accordion:first-child {
	border-top: 1px solid #ccc !important;
}

/*------------------------------------------------------*/
/* Shopping by Style */
/*------------------------------------------------------*/
#ShoppingByStyle {
	position: relative;
}
#ShoppingByStyle ul {
	list-style: none;
}
#ShoppingByStyle ul li {
	position: relative;
	float: left;
}
#ShoppingByStyle .ImageMap {
	display: none;
	opacity: .3;
	position: absolute;
	background: url('/tradepro/shop/layout/vlinkMarker.png') 50% 50% no-repeat;
}
#ShoppingByStyle .ImageMap:hover {
	opacity: .8;
	position: absolute;
	background: url('/tradepro/shop/layout/vlinkMarker-hover.png') 50% 50% no-repeat;
}
#ShoppingByStyle.sidebar .ImageMap {
	display: none;
	opacity: .3;
	position: absolute;
	background: url('/tradepro/shop/layout/vlinkMarker_small.png') 50% 50% no-repeat;
}
#ShoppingByStyle.sidebar .ImageMap:hover {
	opacity: .8;
	position: absolute;
	background: url('/tradepro/shop/layout/vlinkMarker-hover_small.png') 50% 50% no-repeat !important;
}
#ShoppingByStyle .ImageMap img {
	border: none;
}
#ShoppingByStyle {
	position: relative;
	margin: 0 auto;
}
#ShoppingByStyle .ImageBack {
	width: 100%;
	height: auto;
}

#ShoppingByStyleSlider .vLinkDescription {
	/*
	 position: absolute;
	 max-width: 33%;
	 */
	width: auto;
	padding: 0;
	margin: 0 0 5px 0;
	background: rgba(255,255,255,0.5);
}

#ShoppingByStyle.sidebar .vLinkTitle {
	position: relative;
	padding: 0;
	margin: 0;
	font-size: 1em;
}

#ShoppingByStyle.sidebar li:before {
	content: "";
}

#ShoppingByStyle > button {
	position: absolute;
	bottom: 10px;
	display: none !important;
	background: rgba(100, 100, 100, 0.6);
	border: none;
	font-size: 20px;
	color: #fff;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 0px 10px;
}

#ShoppingByStyle:hover button {
	display: block !important;
}

#ShoppingByStyle > button.nextSBS {
	right: 5px;
}

#ShoppingByStyle > button.prevSBS {
	left: 5px;
}

#ShoppingByStyle.ShoppingByStyleDetail {
	margin: 0 0 20px 0;
}
#ShoppingByStyle .vLinkTitle {
	position: absolute;
	left: 2%;
	top: 2%;
	background: rgba(255,255,255,0.5);
	padding: 0.3em;
}

#ShoppingByStyle .items {
	margin-bottom: 20px
}

/* ------------------------------------------------------------------------------ */
/* Shopping By Style Banner Slideshow */

#sbsContainer {
	display: block;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	margin-top: 20px;
	margin-bottom: 15px;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
	border: 1px solid #e5e5e5;
	float: right;
	/*width: 23%;*/
	width: 275px;
}

#ShoppingByStyleSlider {
	/*display:none;*/
	position: relative;
	overflow: hidden;
	border: none;
}
#ShoppingByStyleSlider.detail {
	margin-top: 10px;
}

#sbsContainer h6 {
	font-size: 1.3em;
	text-shadow: 1px 1px 0 white;
	position: relative;
	margin: 0;
}

.Navi #sbsContainer h6 {
	margin: 0;
}

#ShoppingByStyleSlider .ImageMap {
	opacity: .3;
	position: absolute;
	background: url('/tradepro/shop/layout/vlinkMarker.png') 50% 50% no-repeat;
}
#ShoppingByStyleSlider .ImageMap:hover {
	opacity: .8;
	position: absolute;
	background: url('/tradepro/shop/layout/vlinkMarker-hover.png') 50% 50% no-repeat;
}
#ShoppingByStyleSlideshow.sidebar .ImageMap {
	display: none;
	opacity: .3;
	position: absolute;
	background: url('/tradepro/shop/layout/vlinkMarker_small.png') 50% 50% no-repeat;
}
#ShoppingByStyleSlideshow.sidebar .ImageMap:hover {
	opacity: .8;
	position: absolute;
	background: url('/tradepro/shop/layout/vlinkMarker-hover_small.png') 50% 50% no-repeat !important;
}
#ShoppingByStyleSlider.detail .ImageMap {
	display: none;
	opacity: .3;
	position: absolute;
	background: url('/tradepro/shop/layout/vlinkMarker_small.png') 50% 50% no-repeat;
}
#ShoppingByStyleSlider.detail .ImageMap:hover {
	opacity: .8;
	position: absolute;
	background: url('/tradepro/shop/layout/vlinkMarker-hover_small.png') 50% 50% no-repeat !important;
}
#ShoppingByStyleSlider .ImageMap img {
	border: none;
}
#ShoppingByStyleSlider {
	position: relative;
	margin: 0 auto;
}
#ShoppingByStyleSlider .ImageBack {
	width: 100%;
	height: auto;
}

#ShoppingByStyleSlider .vLinkDescription {
	/*
	 position: absolute;
	 max-width: 33%;
	 */
	width: auto;
	padding: 0;
	margin: 0 0 5px 0;
	background: rgba(255,255,255,0.5);
}

.vLinkDescription.tl {
	left: 2%;
	top: 2%;
}
.vLinkDescription.tr {
	right: 2%;
	top: 2%;
}
.vLinkDescription.bl {
	left: 2%;
	bottom: 2%;
}
.vLinkDescription.br {
	right: 2%;
	bottom: 2%;
}

#ShoppingByStyleSlider .vLinkTitle {
	padding: 0;
	margin: 1em 0 0 0;
	font-size: 1em;
}

#ShoppingByStyleSlider.detail .vLinkTitle {
	padding: 0
}

#ShoppingByStyleSlider .vLinkText {
	font-size: 1em;
}

#sbsContainer .slick-prev, #sbsContainer .slick-next, .sbsContainer .slick-prev, .sbsContainer .slick-next {
	display: block;
	top: auto;
	bottom: -7px;
	width: 30px;
	height: 40px;
	z-index: 10000;
}

#sbsContainer .slick-prev:before, #sbsContainer .slick-next:before, .sbsContainer .slick-prev:before, .sbsContainer .slick-next:before {
	font-size: 30px;
}

#sbsContainer .slick-prev, .sbsContainer .slick-prev {
	left: 0px !important;
}

#sbsContainer .slick-next, .sbsContainer .slick-next {
	right: 0px !important;
}

#sbsContainer .slick-dots {
	text-align: center;
	bottom: 0;
	padding: 0
}

#ShoppingByStyleSlider .slick-slide {
	position: relative;
}

#ShoppingByStyleSlider .slick-slide .slider-content {
	position: absolute;
	width: 70%;
	margin: 5%;
}
#ShoppingByStyleSlider .Contrast h2 {
	background-color: rgba(255,255,255,0.7);
}

#ShoppingByStyleSlider h2 {
	padding: 5px;
	background-color: rgba(255,255,255,0.5);
	margin-bottom: 0px;
}

#ShoppingByStyleSlider .Contrast .slider-content span {
	background-color: rgba(255,255,255,0.7);
}

#ShoppingByStyleSlider .slider-content span {
	display: block;
	padding: 10px;
	background-color: rgba(255,255,255,0.5);
}

#ShoppingByStyleSlider .slick-slide.SliderLeft .slider-content {
	right: 0px;
}
#ShoppingByStyleSlider .slick-slide.SliderLeft {
	text-align: right;
}

#ShoppingByStyleSlider .slick-slide .slider-content > div {
	margin-bottom: 2%;
}

#ShoppingByStyleSlider .slick-slide .slider-content > div {
	height: auto;
}

/*
 * TradePro_Coupons
 */
#coupondel {
	background: none !important;
	padding: 2px 4px;
	margin: 0;
	border: none;
	box-shadow: none;
}
#coupondel:hover {
	cursor: pointer;
}
#coupons {
	padding-top: 70px;
}
#coupons input {
	width: 200px;
}

/* ------------------------------------------------------------------------------ */
/* Shopping By Style Tooltips */
.tooltip {
	display: none;
	position: absolute;
	border: 1px solid #333;
	background-color: #161616;
	border-radius: 5px;
	padding: 10px;
	color: #fff;
	font-size: 12px Arial;
}

/* ------------------------------------------------------------------------------ */
/* Header Sprachen */

#languages-box {
	margin: 0 0 0 50px
}
#languages-box li {
	float: left;
	padding-left: 10px
}
#languages-box li:after {
	content: none
}
#languages-box li:last-child:after {
	content: none
}

#languages-box a {
	display: block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	text-indent: -100%;
	background-position: bottom center
}
#languages-box a:hover, #languages-box a.active {
	background-position: top center;
	transition: transform 1s;
}
#lang-de {
	background: url("../../../buttons/de.png")
}
#lang-en {
	background: url("../../../buttons/en.png")
}

/* CMS in TradePro*/
#ShopMenu section[class^="ce_rsce_tao"], #ShopMenu section[class*=" ce_rsce_tao"] {
	border: 0;
}

#ShopMenu .rotating-boxes, #ShopMenu .ce_rsce_tao_testimonial, #ShopMenu .ce_rsce_tao_separator {
	border: 0;
	box-shadow: none;
}

#ShopMenu section[class^="ce_rsce_tao"] a, #ShopMenu section[class*=" ce_rsce_tao"] a {
	margin: 0 !important;
}

#ShopMenu .rotating-boxes, #ShopMenu .ce_accordion {
	padding: 0em;
}

html #ShopMenu .ce_accordion {
	border: 1px solid #e5e5e5;
}

#ShopMenu .active a:hover {
	color: #fff !important
}

.ce_accordion .ui-icon {
	display: none !important;
}

html .ce_accordion .accordion {
	width: 100% !important;
	background-color: #fff;
	padding-top: 0.4em;
}

html .ce_accordion {
	overflow: visible;
}

html .ce_accordion .accordion > div {
	overflow: hidden !important;
}

html .rotating-boxes-item-content, html .rotating-boxes-item-cover, html .ce_accordion .toggler, html .ce_accordion .accordion, html .ce_accordion + .ce_accordion .toggler {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	border: 1px solid #e5e5e5;
}

html .toggler.ui-state-active:after {
	content: "−";
}

.fastpageicon {
	width: auto;
	height: 12px;
}

    #DetailTable .fastpageicon {
    	width: auto;
        height: 12px;
    }


#DetailFastpageAllArticles {
	/*clear: right;*/
	float: right;
	margin: 10px 10px 0 0;
}

/* CMS ANPASSUNGEN CONTAO*/

.CMS.fullwidth .content-wrapper {
	max-width: none;
    padding: 0 10px;
}

.CMS.twocolumnleft section.main-content {
	width: 72%;
	margin: 2.5em 0 0 2%;
	float: right;
}

.CMS.twocolumnright section.main-content {
	width: 72%;
	margin: 2.5em 0 0 2%;
	float: left;
}

.CMS .content-wrapper {
    max-width: 1180px;
}

.CMS.fullwidth .content-wrapper > section > .mod_article > * {
	/*max-width: 1200px;*/
	max-width: 1180px;
	margin: 4em auto 1em auto;
}

.CMS.fullwidth .content-wrapper > section > .mod_article > .-fullwidth {
	max-width: none;
}

.CMS .main-content .ce_text ul li {
	list-style-type: disc;
	margin-left: 20px;
	padding-left: 5px;
}

.CMS.twocolumnleft aside.sidebar {
    width: 22.22222%;
    margin: 2.5em 0 0 0;
}

.CMS .sidebar .submenu ul {
	margin: 0 0 0 1em;
}

.mega-dropdown.level_3 {
	/*width: 228px;*/
}

.CMS .sidebar li .active {
	font-weight: bold;
	color:#e3000f;
}

.CMS sup, .CMS sub {
	font-size: .83em;
	line-height: 0.5em;
	vertical-align: baseline;
	position: relative;
}
.CMS sup {
	top: -0.4em
}
.CMS sub {
	bottom: -0.4em
}

/******* ANPASSUNG KONTAKTFORMULAR *******/

.button-kontakt {
	padding: 10px 30px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	background: #f1f1f1;
	border: 1px solid #ccc;
	white-space: nowrap;
	color: #000;
	font-size: 1em;
	cursor: pointer;
	border-radius: 3px;
	box-shadow: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-shadow: none;
}

.button-kontakt:hover, .button-kontakt:hover, .button-kontakt:focus, .button-kontakt:active {
	background: #0075bc;
	border: 1px solid #0075bc;
	color: #fff !important;
}

.h3bottom {
	border-bottom: 1px solid #ccc;
}

.kontakt-25 {
	width: 25%;
	float: left;
}

.kontakt-75 {
	width: 73%;
	float: left;
	margin-left: 2%;
}

#con-form {
	float: left;
	width: 73%
}

#con-form form .form-row {
	margin-top: 1.125em;
	margin-bottom: 1.125em;
}
#con-form label {
	display: block;
	margin-bottom: 0.35714em;
	font-size: 0.875em;
	color: #717c8e;
}
.-color-inverted #con-form label {
	color: #b2b9c4;
}
#con-form label .mandatory {
	margin-left: 0.14286em;
	color: #e3000f;
}
#con-form input[type="checkbox"] + label {
	display: inline;
}
#con-form fieldset p {
	margin: 0;
}
#con-form fieldset label {
	display: inline;
	margin: 0;
}
#con-form fieldset label:after {
	/* add line break after label */
	content: "\A";
	white-space: pre;
}

#con-form input {
	width: 100%;
}

#con-form input:focus {
	outline: none;
}

#con-form select:focus {
	outline: none;
}

#con-form select {
	width: 100%;
}

/* jQuery Zoomz */
.zoomz {
	overflow: hidden;
	position: relative;
	display: inline-block;
	font-size: 0
}
.zoomz img {
	display: block
}
.zoomz .target-wrap {
	position: relative;
	display: inline-block
}
.zoomz .target {
	position: absolute;
	opacity: 0;
	transition: opacity .5s
}
.zoomz.hover .target {
	opacity: 1
}
.zoomz-ready {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}

.hidden {
	display: none !important;
}

#lz_chat_apa, #lz_chat_apo {
	display: none !important
}

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

.blackbox {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.75);
	z-index: 10000;
	display: none;
}

.popupbox .closebutton {
	position: absolute;
	top: 25px;
	right: 25px;
	display: inline-block;
	font-size: 40px;
	color: #6a6a6a;
	cursor: pointer;
}

.popupbox .container {
	position: relative;
}

.blackbox .popupcontainer {
	min-width: 550px;
	min-height: 350px;
	left: 0;
	top: 0;
	max-width: 80%;
	position: fixed;
	background-color: #fff;
	box-shadow: 2px 2px 5px 0 rgba(0,0,0,.5);
}

.blackbox .popupcontainer .close, .blackbox .close {
	width: 40px;
	text-align: right;
	right: 10px;
	top: 10px;
	position: absolute;
}

.blackbox .close {
	color: #6a6a6a;
	font-size: 30px;
	cursor: pointer;
}

.blackbox .popupcontainer .close i {
	font-size: 30px;
	cursor: pointer;
}

.blackbox .popupcontainer .popupmessage {
	text-align: center;
	padding: 110px 70px 60px 70px;
	font-size: 25px;
	color: #6a6a6a;
}

#scart-popup-container {
	top: 45px;
	right: 10px;
	height: 800px;
	width: 400px;
	z-index: 7001;
	pointer-events: none;
	position: fixed;
}

#scart-popup-container .scart-add-popup .title {
	color: #797979;
}

.scart-add-popup {
	padding: 5px 5px 5px 90px;
	background-color: rgba(255,255,255,1);
	border: 1px solid #0075bc;
	margin-bottom: 5px;
	box-shadow: 3px 3px 10px rgba(0,0,0,.35);
	display: none;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.scart-add-popup .background {
	position: absolute;
	top: -70px;
	left: 80px;
	right: 0;
	bottom: 0;
	overflow: hidden;
	text-align: center;
	z-index: 1;
}

.scart-add-popup .background i {
	top: -128px;
	text-align: center;
}

#scart-popup-container .scart-add-popup .background i {
	color: rgba(0,117,188,.2);
	color: rgba(0, 188, 40, 0.2);
	font-size: 280px;
}

#scart-popup-container .scart-add-popup .background i.fa-star {
	font-size: 200px;
	margin-top: 20px;
}

.scart-add-popup .amount {
	font-weight: bold;
}

.scart-add-popup .image {
	width: 80px;
	min-height: 80px;
	float: left;
	margin-left: -85px;
	position: relative;
	z-index: 2;
}

.scart-add-popup .title {
	position: relative;
	z-index: 2;
}

.scart-add-popup .image img {
	max-width: 80px;
	max-height: 80px;
}

#scart-popup-container .scart-add-popup .background i.red {
	color: rgba(200,0,0,.1);
}
#scart-popup-container .scart-add-popup .background i.yellow {
	color: rgba(200,200,0,.2);
}
/*
 * abwechselnde Farben
 *
 * wird zwar in der MMC konfiguriert, dann wird aber mittels inline-Style die Farbe definiert.
 * Wenn dann mittels Ajax eine Zeile gelöscht wird, müssten alle Hintergrundfarben neu berechnet werden.
 * Deswegen hier die sauberere Lösung mittels CSS, der allerdings die MMC-Einstellung egal ist.
 * Hier bekommt jede TR, deren TDs gefüllt werden soll, die Klasse "alternating".
 */

tr.alternating:nth-of-type(2n+1) td {
	/* odd = ungerade = 1, 3, 5,... */
	background-color: #f4f4f4;
}

tr.alternating:nth-of-type(2n) td {
	/* even = gerade = 2, 4, 6,... */
	background-color: #e9e9e9;
}

/*
 * Login-Seite für geschlossenen Shop
 */

body.closed-shop-login {
	background-color: #0075BC;
}

body.closed-shop-login .login-box {
	position: relative;
	width: 430px;
	max-width: 90%;
	margin: 10% auto;
}

body.closed-shop-login .login-box > div {
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.5);
	padding: 15px;
	box-shadow: 0 0 5px rgba(213,166,26,.5);
	border-radius: 6.66px;
}

body.closed-shop-login .login-box p {
	color: #ccc;
	margin-top: 20px;
	font-size: 10px;
	text-align: center;
	line-height: 1.4em;
}

body.closed-shop-login label {
	display: block;
	font-weight: bold;
}

body.closed-shop-login input {
	margin-bottom: 15px;
	width: 100%;
}

/**
 * Plus-Minus-Buttons
 */

.updowncontainer i {
	display: block;
}

/*.updowncontainer {
	display: none
}*/

.menge + .updowncontainer {
	/* nur anzeigen wenn Mengenfeld vorhanden */
	width: 1.1em;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
}

.increase, .decrease {
	cursor: pointer;
}

/***
 * Thumbs in Rubrikenansicht
 */

.rvThumbs {
	position: absolute;
	top: 35%;
	left: -100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: #fff;
	padding: 5px;
	z-index: 1001;
	width: 100%;
}

.rvThumbs .moreColours {
	float: right;
	height: 60px;
	line-height: 60px;
	font-weight: bold;
	color: #0075bc;
	font-size: 30px;
}

.rvThumbs img {
	padding-left: 5px;
}

#RubView li:hover .rvThumbs {
	left: 0;
}

/***
 * Thumbs in Listenansicht
 */

.lvThumbs {
	float: left;
	position: relative;
}

.lvThumbs img {
	margin-left: 5px;
	display: inline-block;
}

.lvThumbs img:hover {
	border: 1px solid #0075BC;
}

/***
 * 	 STRIPE CSS
 */

/* MODAL BEI PAYMENT PROZESS */

#stripe-modal-wrapper {
	display: none;
	position: fixed;
	z-index: 20000201;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.3);
	width: 100%;
	height: 100%;
}

#stripe-modal {
	width: 300px;
	height: auto;
	background: none;
	text-align: center;
	color: #202020;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -100px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* STATUS IN BESTELLÜBERSICHT */

span.stripestatus {
	display: inline-block;
	color: #fff;
	width: 100px;
	height: 26px;
	border-radius: 3px;
	font-size: .85em;
	line-height: 26px;
	display: inline-block;
	text-align: center;
	text-shadow: 0 0 1px #000;
}
.stripestatus-green, .stripestatus-green i {
	color: #fff !important;
	background-color: #3e8600 !important
}

.stripestatus-red, .stripestatus-red i {
	color: #fff !important;
	background-color: #7f0000 !important
}

.stripestatus-orange, .stripestatus-orange i {
	color: #fff !important;
	background-color: orange !important
}

.stripestatus-grey, .stripestatus-grey i {
	color: #fff !important;
	background-color: #ccc !important
}

.stripestatus-blue, .stripestatus-blue i {
	color: #fff !important;
	background-color: rgba(43,134,186,1) !important
}

/* STRIPE ENDE */

.flags {
	position: relative;
	bottom: -4px;
}

.erpbutton {
	min-width: 70px;
	background-color: #fff;
	display: inline-block;
	border: 1px solid #000;
	text-align: center;
	font-size: 12px;
	color: #000;
}

a.erpbutton:hover {
	color: #fff;
	background-color: #177ebb;
}

#languageselector {
	padding: 0;
	font-size: 12px;
	box-shadow: none;
	border: none;
	background-color: transparent;
	color: #888;
	width: 80px;
}
/* PassMeter (kundendaten ändern) */
/* Passmeter */
.pwtest{
	width:80%;
	font-weight:bold;
	text-align:center;
}
.pwtest.passMeter-bad{
    background: red;
    color: #fff;
    box-shadow: inset 0px 0px 9px #920000;
}
.pwtest.passMeter-low{
	background: yellow;
    color: #000;
    box-shadow: inset 0px 0px 9px #909200;
}
.pwtest.passMeter-good,
.pwtest.passMeter-strong {
    background: lightgreen;
    color: #000;
    box-shadow: inset 0px 0px 9px #00ad00;
}

.elasticsearchbackground {
	background-image: url('/tradepro/shop/elastic.png');
	background-repeat: no-repeat;
	background-position: center;
	background-position: 90%;
}

.factfinderbackground {
	background-image: url('/tradepro/shop/fact-finder.png');
	background-repeat: no-repeat;
	background-position: center;
	background-position: 90%;
}

/*
.det i.fa.fa-star.isFavo {
    font-size: 17px;
}


.det i.fa.fa-star {
    font-size: 17px;
}


.det i.fa.fa-tag {
	font-size: 17px;
}


.det i.fa.fa-files-o {
	font-size: 17px;
}
*/

.DetailContent img.pictogram {
    max-width: 50px;
}




#ShopMenu .savorderbox2 {
	border: 0;
	box-shadow: none;
}

.savorderbox2 table, .savorderbox2 tr, .savorderbox2 td {
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
}

.savorderbox2 {
	position: relative;
}

.savorderbox2 .preisbox {
	background-color: #333;
	height: 35px;
	padding: 5px 10px;
	color: #fff;
}

.savorderbox2 .preisbox .amountcontainer {
	position: absolute;
	right: 10px;
	top: 1px;
}

.savorderbox2 .lineelement {
	position: relative;
	padding: 3px 10px;
	border-bottom: 1px solid #ededed;
	font-weight: 700;
	font-size: 14px;
}
.savorderbox2 .lineelement .left {

}

.savorderbox2 .lineelement .right {
	position: absolute;
	right: 10px;
	text-align: right;
	top: 3px;
}

.savorderbox2 .buttonline {
	text-align: right;
	padding: 10px 0;
}

.savorderbox2 .buttonline a {
	background-color: #ededed;
	padding: 4px;
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	border-radius: 3px;
}

#savorderbox2 {
	margin-bottom: 5px;
}



.technische_daten_container {
    position: relative;
}
 
.technischer_container {
    width: calc(50% - 5px);
    position: relative;
}
 
.technische_daten_container > div:nth-of-type(2n+1) {
    float: left;
}
 
.technische_daten_container > div:nth-of-type(2n) {
    float: right;
}
 
.technischer_container > div:nth-of-type(2n+1) {
    background-color: #EDEDED;   
}
 
.technischer_container > .technische_line.technischer_header {
    padding: 2px 10px;
    background-color: #333333;
    color: #fff;
}
 
.technische_line > div {
    width: 50%;
    display: inline-block;
    padding: 2px 10px;
}

.orange_banner {
	background-color: #0075bc;
	color: #fff;
	font-size: 25px;
	padding: 10px 30px 10px 70px;
	margin-top: 30px;
	position: relative;
}

.orange_banner.info:before {
	content: "\f05a";
	font-family: "FontAwesome";
	font-size: 45px;
	position: absolute;
	top: -5px;
	left: 15px;
	text-shadow: 2px 2px 2px rgba(0,0,0,.5);
}

.orange_banner.wrench:before {
    content: "\f0ad";
    font-family: "FontAwesome";
    font-size: 45px;
    position: absolute;
    top: -5px;
    left: 15px;
    text-shadow: 2px 2px 2px rgba(0,0,0,.5);
}

#artAmount.autoupdateperm.ar{
	margin-left:15px;
}

#demonote {
	background: #0274bc;color: #fff;padding: 10px 0 15px 0;text-align: center;font-family: Arial, Helvetica, sans-serif;font-size: 12px;margin: 0;
}

#ShopMenu > div.clearfix {
	padding: 10px;	
}

/*-------------------------------------*/
/* Anpassungen */
/*-------------------------------------*/
.syndication {
	 /* float: right; */ 
	text-align: right; 
	margin-right: 1px;
}

.syndication a {
    margin: 0.75em 0 0 0.5em;	
}


.centered-wrapper-inner, .info-map-boxes {
    max-width: 1200px;
}


/***** NEWS BOXEN 3SPALTIG *****/

.news-wrapper-start {
	margin-bottom:3vh;
}

 .top_produkte {
	margin-bottom:5px;
}

.news-list-boxed-item .inner-content {
	height: 384px !important;
	overflow:hidden !important;
}

/***** PARTNER SLIDER *****/

#partnerslider .rsts-prev {
	top: 50%;
	left: -1.25em;
	margin-top:-1.375em;
}
#partnerslider .rsts-next {
	top: 50%;
	margin-top:-1.375em;
	right:-1.25em;
}
#partnerslider .rsts-crop {
	opacity:.35;
	transition:opacity 3s;
}
#partnerslider .rsts-crop:hover{
	opacity:1;
	transition:opacity .3s;
}


#Sitemap ul.split {
	/* display: none; */
}

#Sitemap #kontakt ul { 
	margin-left: -14px;
}

#Sitemap #footerKontakt li { 
	padding-left: 0; 
	white-space: nowrap 
}
#Sitemap #footerKontakt li:before { 
	display: none 
}

#Sitemap .nobefore:before {
	display:none;
}
/***************************/
/* Anpassungen CMS Inhalte */
/***************************/


.main-content h1,
.main-content h2 { 
	color: #e3000f;
}

.icon-boxes h2 {
	color: #000;
}

.headline-hr {
	color: #e3000f !important;
}

.main-content h1 {
	font-family: 'PT Sans Narrow', sans-serif;
    font-size: 2em;
    font-weight: bold;
    color: #48484a;
    color: #e3000f;
}


.icon-boxes-item-link.-link {
    color: #e3000f;
}

.icon-boxes-item:before {
    border: 0.09375em solid #e3000f;
    color: #e3000f;
}

.icon-boxes-item:hover:before, 
.icon-boxes-item:focus:before {
    color: white;
    background-color: #e3000f;
}

/*
.rsts-skin-default .rsts-nav-bullets a:hover, 
.rsts-skin-default .rsts-nav-bullets a.active {
    background-color: #613cd8;
}
*/

.rsts-skin-default .rsts-nav-bullets a:hover, 
.rsts-skin-default .rsts-nav-bullets a.active {
    background-color: #e3000f !important;
}

/* Einrückungen 3. Navigationseben im Hauptmenü */
.main-navigation > ul > li > ul ul {
    display: block;
    padding-left: 1.625em;
}

/* Iconeinbindung und Farbanpassungen in den Dowload(s)modul */
.ext-pdf {
	background: url(/tradepro/shop/layout/icon/iconPDF.gif) top left no-repeat;
    padding-left: 25px;
}
.ce_downloads h2 {
	color: #fff;
}

/* Farbanpassungen im Akkordeon */
.ce_accordion .toggler:hover {
    color: #e3000f;
    text-decoration: none;
}

/* Farbanpassungen der Counterboxen */
.main-content .counter-boxes-item p {
    margin: 0.06944em -0.5em 0.16667em;
    font-size: 4.5em;
    line-height: 1;
    color: #e3000f !important;
    font-weight: 300;
    margin-bottom:0;
    margin-top:0;
    font-family: 'OpenSansLight';
}
.main-content .counter-boxes-item h1 {
	color:#000;
	    font-size: 1.5em;
    font-family: 'OpenSansLight';
}
/* Bildelemente im Conten auf die Gesammtbreite vergrössern */
.image_container {
	width: 100%;
}

.teaser-boxes-item img, .team-boxes-item img {
    display: block;
    width: auto;
    height: auto;
}

.teaser-boxes-item h1, .team-boxes-item h1 {
    margin: 0 0 0.33333em;
    font-size: 1.28571em;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

/* Anpassungen im Modul info-map */
.info-map-boxes-item h1 {
    margin: 0.57143em 0;
    padding: 0 0 0.21429em;
    border-bottom: 1px solid #e5e8ee;
    color: #e3000f;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
}

.info-map-boxes-item:before {
    float: right;
    margin: 0;
    padding: 0.15152em 0 0.45455em 0.30303em;
    font-size: 4.71429em;
    color: #e3000f;
    background: white;
}

/* Formatieren der Überschrift in dem Youtube Element */
.ce_youtube.first h2 {
	margin-top: 0.8em;
	margin-bottom: 1em;
}
.ce_youtube h2 {
	margin-top: 2em;
	margin-bottom: 1em;
}

/* Entfernen des Symbols (Download Button) in dem Feature Element*/ 
.feature-box-text a[target="_blank"]:after {
    font: 0.8125em/1 "RockSolid Icons";
    /* content: "\e151"; */ 
    content: "";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    margin-left: 0.25em;
}

.h650, #h650 {
	height:650px;
}

.icon-links-label {
    color: #e3000f;
}

.icon-links {
    list-style: none !important;
    padding-left: 0 !important; 
}

.CMS .checkbox_container.singlecheck {
    border: none;
}

.CMS .checkbox_container.singlecheck label {
        color: inherit;
        font-size: 1em;
}

/***** CALLBACK FUNKTION *****/

#floatingMenuContent #cbform {
	margin:-5px -20px;
}

#floatingMenuContent .rightcontent .head {
	width: 100%;
	height: 110px;
	background: url(/tradepro/layout/rueckruffunktion_head.png) no-repeat;
}
#floatingMenuContent .rightcontent .callme {
	width: 410px;
	height: 50px;
	padding: 5px 15px;
	/*background-color: #efefef;*/
}
#floatingMenuContent .rightcontent .callme span{
	color: #565655;
	font-size: 14px !important;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}
#floatingMenuContent .rightcontent .callme input[type=text]{
	border:1px dotted #b3b2b2;
	border-radius: 2px;
	font-size: 12px;
	padding: 5px;
	color: #b3b2b2;
	width: 44.5%;
}
#floatingMenuContent .rightcontent .foot {
	width: 410px;
	height: 50px;
	padding: 5px 15px;
	/*background-color: #efefef;*/
}
#floatingMenuContent .rightcontent .foot .ctime {
	float: left;
	margin-top:10px;
	margin-bottom:10px;
}
#floatingMenuContent .rightcontent .foot .ctime table{
	border:none;
}
#floatingMenuContent .rightcontent .foot .ctime td{
	font-size: 12px;
}
#floatingMenuContent .rightcontent .foot .ctime td:not(:first-child){
	padding-left:5px;
}
#floatingMenuContent .rightcontent .foot .csubmit {
	float: right;
}

#floatingMenuContent .csubmit button[type=submit]{
	margin-top:12px;
	margin-bottom:10px;
	background:#555657;
	color: #fff;
	border: 2px solid #000;
	border-radius: 4px;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	cursor:pointer;
	text-shadow:none;
	box-shadow:none;
}
#floatingMenuContent .csubmit button[type=submit]:hover{
	background:#e3000f;
	border: 2px solid #e3000f;
}


/*****************************************************************************/
/* Anzeige Ähnliche Artikel, etc. in Produktdetailseite mit dem Slick Slider */
/*****************************************************************************/
.slick-track{
	display: flex !important;
}
.slick-article {
	padding: 45px;
	align-self: stretch;
    display: flex;
}
.slick-initialized .slick-slide{
	height: auto !important;
	display: flex !important;
	align-self: stretch;
}
.slick-inner-article{	
	width:100%;
	
}
.slick-detail button {
    border: none;
    box-shadow: none;
}
.DetailCross .slick-detail {
    display: none;
    margin-bottom: 0;
}
.DetailCross .slick-initialized{
	display:block;
}
.DetailCross .crossimg {
  /*  width: 100%;
    padding-bottom: 100%;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;*/
}
.DetailCross .crossimg {
    width: 100%;
    padding-bottom: 50%;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 50%;
    background-position: top center;
}
.DetailCross .crosstxt{
	font-weight:bold;
	margin-top:10px;
	width:100%;
	display:block;
}
.DetailCross .crosstxt,
.DetailCross .crossartno,
.DetailCross .crossdesc{
	text-align:center;
}
.DetailCross .slick-article{
	margin: 50px;
	margin-top:25px;
	margin-bottom:25px;
	padding:0;
	
}
.DetailCross .crosslink{
	border: 1px solid #fff;
    display: block;
    padding: 10px 10px;
}
.DetailCross .crosslink:hover{
	border-color:#ddd;
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
}
.DetailCrossHeadline {
    line-height: normal;
    color: #e3000f;
    font-size: 2em;
    font-family: 'Microgramm';
}
.DetailCross{
	border-bottom:1px solid #ccc;
}
.DetailCross .crosslogo img {
    max-width: 100px;
}
.DetailCross .crosslogo {
    width: 100%;
    display: block;
    float: none;
    position: relative;
    display: inline-block;
}

.Testausgabe {
	color: red;
	/*
	font-family: 'OpenSansRegular',Arial,sans-serif;
    font-size: 16px;
    
    border: 0 none;
    margin: 0;
    padding: 0;
    */
}

.Testausgabe:hover {
	color: black;
}

.Testausgabe::after,
.Testausgabe::before {
	
    font-weight: bold;
    font-style: normal;
    float: left;
}

.Testausgabe::before {
	
	content: " mehr Inhalt ";
	font-size: 18px;
}

.Testausgabe::after {
	line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
	font-family: 'Material Icons';
	font-size: 28px;
	content: "\E316";
	margin: 0 0 0 12px;
}

.button_more_less.button_mehr,
.button_more_less.button_weniger {
	color: #e3000f; 
	font-weight: bold;
}

.button_more_less.button_mehr::before,
.button_more_less.button_mehr::after
{
	font-family: "FontAwesome";
	content: "\f107";
}

.button_more_less.button_weniger::before,
.button_more_less.button_weniger::after
{
	font-family: "FontAwesome";
	content: "\f106";
}

.button_more_less.button_mehr::before,
.button_more_less.button_weniger::before
{
	padding: 0 10px 0 0px;
}

.button_more_less.button_mehr::after,
.button_more_less.button_weniger::after
{
	padding: 0 0px 0 10px;
}


.DetailContent .piktogrammcontainer {
    margin-bottom: 1em;
}
.DetailContent .piktogrammcontainer img.pictogram {
    max-width: 28.0%;
}

.k_e_asn_selectbox.asn_selectbox {
	margin-left: 5px;
	max-height: 200px;
	overflow: auto;
	position: relative;
	bottom: 5px;
	margin-top: 16px;	
}

.k_e_asn_selectbox.asn_selectbox div {
	padding-bottom: 4px;
    padding-right: 30px;
}
.k_e_asn_selectbox.asn_selectbox div,
.shop #Filter ul.level1 li {
	padding-left: 0.7em;
}


.main-content p, .main-content ul, 
.main-content ol, 
.main-content table, 
.main-content form, .main-content fieldset {
    margin-top: 0.75em;
    margin-bottom: 1.5em;
    color: #a7a7a7;
    color:#000;
}
a[target="_blank"]:after{
	display:none;
}

.pwfalse .InfoHead{
	border:none;
	
}
.pwfalse .InfoText{
	/*font-size:1.2em;*/
}
.pwfalse .InfoText,
.pwfalse .InfoHead {
    font-weight: bold;
    color: #666;
}
.ShopContent.menu {
	width:calc(100% - 280px);
}

h1,h2,h3,h4,h5,h6,
.DetailCrossHeadline,
.icon-boxes-item h2{
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:bold;
}
.ppro{
    float: right;
    vertical-align: middle;
    display: inline-block;
    min-width: 55px;
    text-align: left;
    margin-right: -20px;
    margin-top: 5px;
}
.news-list-boxed-item-image:hover img, .news-list-boxed-item-image:focus img {

-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
transition: all .5s linear;
}
.news-list-boxed-item-image img {
display: block;
width: 100%;
height: auto;
transition: all .5s linea
}
#RubView img.hersteller {
    float: right;
    max-height: 20%;
    max-width: 80px;
    margin-right: 30px;
}

#MainPageSlideshow .image_container a:hover:before,
#MainPageSlideshow .image_container a:focus:before,
#MainPageSlideshow .image_container a:hover:after,
#MainPageSlideshow .image_container a:focus:after{
	display:none;
}
#MainPageSlideshow .image_container a:hover img, 
#MainPageSlideshow .image_container a:focus img{
	filter:none;
	transform:unset;
}
.configurator h2 {
    font-size: 3em;
    font-weight: normal;
    font-family: 'OpenSansLight';
}
.configurator h3 {
    font-size: 1.75em;
    font-weight: normal;
    font-family: 'OpenSansLight';
}

/* SONDERANPASSUNG "Mein Konto" */
/* Menü 3-Spaltig				*/
#CustLinkHead{
    border-bottom: 3px solid #373737;
    display: inline-block;
    width: 100%;
}	
#CustLinkHead h4 {
    float:left;
    font-size: 20px;
    color: #373737;
    font-weight: bold;
    text-align: center;
    width: 33.33%;
}
div.CustLink {
    float: left;
    width: 33.33%;
    padding-left: 5px;
    padding-right: 5px;
}
div.CustLink.first {
    padding-left: 0px;
    padding-right: 10px;
}
div.CustLink.last {
    padding-left: 10px;
    padding-right: 0px;
}

div#myIndex div.CustLink:first-child {
    background: red;
}
.CustLink a#DetailVlink {
    width: 100%;
        white-space: normal;
}


/* */

.ArtCMSview .ArticleElement .itemlogo {
    display: none;
}

#startIntro h3{
	font-weight:normal;
}
.ShopContent.fullwidth{
	width:100%;
}
span.impostar {
    color: #e3000f;
}


#myIndex #DetailVlink {
    font-size: 14px;
    margin: 10px 4px 0px 5px;
    padding: 10px 5px;
    width: 32.5%;
    float: left;
    clear: none;
}
.StartContent > div:first-child {
    margin-bottom: 0;
}



.dynamicsearch-campaign {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #ccc;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);
    margin-bottom: 15px;
    padding: 15px;
    position: relative;
}
 
.dynamicsearch-campaign-icon {
    font-size: 50px;
    width: 50px;
    left: 15px;
    top: -10px;
    position: absolute;
    color: #737373;
}  
 
.dynamicsearch-campaign-question {
    font-size: 20px;
    font-weight: bold;
    margin-left: 60px;
    min-height: 45px;
    color: #737373;
}
 
.dynamicsearch-campaign-answers {
    margin-left: 60px;
}
 
.dynamicsearch-campaign-answer {
    display: inline-block;
}
.dynamicsearch-campaign-answer a,
.dynamicsearch-campaign-answer a:visited
 {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-right: 5px;
    padding: 10px 15px;
    text-decoration: none;
}
 
.dynamicsearch-campaign-answer a:hover,
.dynamicsearch-campaign-answer a:focus {
     background-color: #0075bc;
     color: #fff;
}
 
.shop .ce_text h1 {
    font-size: 30px;
    color: #666;
}
 
.block_links {
    width: 300px;
    height: 50px;
    position: absolute;
    left: -305px;
}
 
.block_rechts {
    width: 300px;
    height: 50px;
    position: absolute;
    right: -305px;
}

/* PAYMENT */
.paymethod{
	display:inline-block;
	width:100%;
}
.paymethod .inputfields{
	display:none;
}
.creform .paymethod label input{
	margin-right:10px;
}
.creform button{
	transition: all 0.5s;
}
.creform button.disabled{
	pointer-events: none;
    opacity: 0;
}
.creform .inputfields .info{
    position: relative;
    float: left;
	clear: both;
	height:30px;
	width: 100%;
	margin-bottom:10px;
	padding-left: 23px;
}
.creform .info span {
	float: left;
	width: 120px;
	padding-top:3px;
}
.creform .info div{
	float:left;
	height:30px;
	border-bottom:1px solid #ccc;
}
.payicon{
	display: inline-block;
    width: 30px;
	text-align: center;
    margin-left: -10px;
}
.paymethod .payicon i{
	color:#e3000f;
}
.paymethod.PREPAID .payicon i{
	color:#1aa900;
}
.paymethod.CC .payicon i{
	color:#FF5F00;
}
.paymethod.PAYPAL .payicon i{
	color:#009cde;
}
.main-content label .mandatory{
    color: #e3000f;
}
input:focus, textarea:focus,
select:focus{
	border-color: #e3000f;
	outline-color: #e3000f;
}

::selection {
	background: #e3000f !important;
}
.Info2 {
	float: right;
    display: block;
    width: 50%;
    border-left: 1px solid;
    padding-left: 5px;
}
.Info2 dl dd {
    font-weight: bold;
    float: left;
    width: 225px;
    text-align: right;
    padding-right: 10px;
    clear: both;
}
/* LOGOS FOOTER PAYMENT */
#Sitemap .paymethods a {
	width:100%;
	text-align: center;
	display:block;
}
#Sitemap .paymethods img {
    height: 30px;
    width: auto;
}
#Sitemap .paymethods td {
    border: 0px;
	margin-left:0px;
	margin-right:0px;
	padding-left: 5px;
	padding-right:5px;
	display:block;
	float:left;
}
@media only screen and (max-width : 920px) {
	.Info2 dl dd {width:100%;text-align:left;}
}
/*Anpassungen für Formular*/
.pad-15{
	padding: 15px;	
	padding-left: 5px;
}

@-moz-document url-prefix() {
    .pad-15{
		padding: 15px;	
		padding-left: 0;
	}	
}

.pad-15 legend{
	padding-left: 0;
} 

.pad-15 > span {
    display: grid;
	grid-template-columns: 30px 95%;
	align-items: start;
}

.formgrid {
    display: grid;
    grid-template-columns: 35% 65%;
}

.pad-15 .checkbox {
    margin-top: 4px;
}

.formgrid .big_red {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 1.6em;
    font-weight: normal;
    color: #48484a;
    color: #e3000f;
    margin-top: -11px;
}

.formgrid ul {
	list-style-type: disc;
	list-style-position: inside;
}

.formgrid ul li {
	margin-left: 15px;
}
.no-border {
    border: none;
}

.grid {
    display: grid;
    grid-template-columns: 49% 49%;
    grid-column-gap: 2%;
    vertical-align: top;
    align-items: start;
}

.gid label {
    line-height: 23px;
}