/*-------------------------------------*/
/* Layoutklassen */
/*-------------------------------------*/
@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;
}

.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 !important; }
.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;}

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

.invisible{display:none !important;}

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

/*-------------------------------------*/
/* Initialisierung */
/*-------------------------------------*/
* {
	font-family:'Open Sans', Arial, Helvetica, 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;
}

a:hover {
	cursor:pointer;
	color:#006bbb;
	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;
}

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

p{ margin-bottom:1em; }

/*-------------------------------------*/
/* 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 !important;
	padding:0.5em;
	border-radius:0;
}

/*-------------------------------------*/
/* Standardklassen */
/*-------------------------------------*/
#JavaScriptError {
	background:white;
	border:1px solid #333;
	font-size:12px;
	font-weight:bold;
	padding:5px 10px;
	text-align:center;
	margin:0 0 10px 0;
	width:938px;

}

.FloatingButtonRight{
	right:0px;
	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;
}

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

#floatingMenu .trigger{
	background-color:#0075bc;
}

#floatingMenu .floatingTrigger{
	float:left;
	background-color:#0075bc;
	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;
}

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

#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{
	height:400px;
	line-height:2em;
}

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

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

.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 */
.ShopContent {
	float:left;
	width:75%;
}

/* 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: 50px;
}
.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-top:2px;
	padding-bottom:10px;
}

.ArticleElement ins {
	text-decoration:none;
	font-weight:bold;
	color:#006bbb;
	margin:20px;
}

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


.ArticleElement .itemContent{
	position:absolute;
	bottom:-5.8em;
	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;
	-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;
}

/* Shop-Buttons */
html .button, html input.submit {
    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;
	/*text-transform: initial;*/
}

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{
	background: #0075BC;
    border: 1px solid #0075BC;
    color: #fff!important;
}


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

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

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-gradient(left top, left bottom, color-stop(0%, rgba(79,79,79,1)), color-stop(100%, rgba(54,54,54,1)));
    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; display: block }
.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:1140px;
	margin:auto;
	padding: 10px 0;
	background:white;
	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 4px 0;
	display: none;
}

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

.meta-menu-container ul.meta-menu{
	float:right;
	margin-bottom:0;
	margin-right: 10px;
}
.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:120px;
	z-index: 7000;
	background-color:#fff;
}

.CMS header{
	height: 170px;
}

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

#Logo{
	width:200px;
	height:55px;
	background:url('/tradepro/shop/layout/Logo_change.png') top left no-repeat;
}

#LogoBW{
	display:none;
}

/* ------------------------------------------------------------------------------ */
/* Header FactFinder */
#FactFinder {
	position:absolute;
	top:26px;
	left:570px;
	margin-left:-341px;
	width:550px;
	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;
}


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


header #FFquery{
	width:97%;
}

#FactFinder button {
	position:absolute;
	top:0;
	right:0;
	width:7%;
	margin:0;
	font-size:1em;
	color:white;
	background:#0075bc !important;
	-webkit-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
	padding:0px;
	border:0px;
}

#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: -341px;
}

#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: 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;
	line-height: 1.5625;
}

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

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

#ScartInfo p {
	margin:0;

	font-weight:bold;
	color:#fff;
}

#ScartInfo a p span {
	display:block;
	padding:8px 10px 8px 40px;
	color:#fff;
	font-size:1.15em;
}


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

#ScartItemDetails h4{
	display:block;
	font-size:1.5em;
	text-align:left;
	padding:7px;
	color:#fff;
	margin-top:12px;
	background-color:#0075bc;
	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;
}

#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:#0075bc; 
		color:#fff;
}

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

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

#Navigationbar{
	width:100%;
	margin-bottom:10px;
	overflow:visible;
	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-gradient(left top, left bottom, color-stop(0%, rgba(79,79,79,1)), color-stop(100%, rgba(54,54,54,1)));
	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 );
	-webkit-box-shadow: 0 3px 5px 0 #B8B8B8;
	box-shadow: 0 3px 5px 0 #B8B8B8;
}

#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:block;
	height:40px;
	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;
}

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

.level_2.split {
    /*width: 50% !important;*/
   width: auto !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;
	border:none;
	font-size:1em;
	text-shadow:none;
	display:block;
	white-space: nowrap;
}

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

.level2 #NaviLogin>div input{
	width:100%;
	padding:6px;
	margin:auto;
	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 > ul > li.last > ul {
	left: auto;
	right: -0.125em;
}
.mega-dropdown {
	position: absolute;
	top: 100%;
	left: 3.7037%;
	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-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 */
#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;*/
}

.UserBoxStartseite>*{
	padding:10px;
}

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

.UserBoxStartseite h3{
	color:#fff;
	background-color:#0075bc;
	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:#006bbb;
} 

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

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

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



#MainPageSlideshow{
	position:relative;
	overflow:hidden;
	max-width:75%;
	width:75%;
	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;
}

.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.5);
	padding:10px;
	margin:1em;
}

/*
#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:white;
	float:right;
	width:23%;
	margin-bottom:20px;

}

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

#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";
	margin-top:0.5em;
	margin-left:5px;
}


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

#ShopMenu li.active{
	background-color:#737373;
	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;
	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;
}

/*#ShopMenu .collapsed h6,
#ShopMenu section h6 {
    cursor: pointer;
}*/

/* 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;
	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;
}

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

/* 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:1em;
	font-weight: bold;
	color: #0075BC
}
.mod_newslist h2 a:hover{
	text-decoration:none;
	color:#0075BC;
}
/*.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;
}

#RubView .thumb img {
	max-width:250px;
	width:100%;
	margin-top:0;
}
.main-content #RubView .thumb img {
	/*max-width:170px;*/
	width:100%;
	margin-top:0;

}

.StartContent #RubView .thumb img{
	width:70%;
}

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

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

}

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


#RubView .itemContent{
	position:absolute;
	bottom:-4.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;
}

.StartContent #RubView .itemContent, #RubView #TopProducts .itemContent{
	bottom:-3.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;
}

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

#ListView p {
	margin:0 110px 10px 110px;
}

#ListView .button {
	margin-right:2px;
}

/* ------------------------------------------------------------------------------ */
/* 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;
}

/* ------------------------------------------------------------------------------ */
/* 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;

}

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

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

#DetailText {
	margin:0 110px 20px 0;
}

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

#DetailSperrgut {
	float:right;
	max-width:100px;
	clear: both;
	margin-top: 20px;
}

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

#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:30%;
	margin:0 0 10px 0;
	font-weight:bold;
}

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

#DetailAttributes b{
	font-weight:bold;
}

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

    margin-top: 1em
}

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


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

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

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

#DetailTableShow {
	clear:both;
}

#DetailTableWrapper {
    clear: both;
    margin-bottom: 15px;
    /*overflow-x: auto;*/
}

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



#DetailTable th, #DetailTable th i{
  background: #333;
  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;
}

/* ------------------------------------------------------------------------------ */
/* 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 .Staffel {
	background-position:left bottom;
	font-size:1em !important;
}

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

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

/* ------------------------------------------------------------------------------ */
/* 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: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;*/
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
};

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

#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;
	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:40px;
}

/* Warenkorbtabelle */

#ScartTable {
	margin:20px 0;
}

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

#ScartTable td {
	border-right: none;
}

.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 {
	text-align:right;
	width:40%;
	overflow:hidden;
	border-left:1px solid #ccc;
}

#ScarStepsExplain{
	width:56%;
}

#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:#0075BC;
	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;*/
	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;
}

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

#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:#8FC2E2;
}

#Sitemap nav ul li a:hover,#Sitemap div ul li a:hover {
	color:#fff;
	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: #1782c5;
    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:#0075bc;
}

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

#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:0 16px 20px 0;
	width:14%;
	height:200px;
	border:1px solid #ccc;
	background-color:#f3f3f3;
}

#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;
	text-decoration:none;
}

#myIndex .RubView p {
	margin:10px 10px 50px 10px;
	padding:0;
}

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

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

#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 {
	background: #f3f3f3;
	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;
}

.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;
    list-style: none;
    cursor: pointer;
    float: left;
	font-size:1.2em;
}

.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-tab-active {
    border: 1px solid #ccc;
	border-top-left-radius:3px;
	-webkit-border-top-left-radius:3px;
	border-top-right-radius:3px;
	-webkit-border-top-right-radius:3px;
    border-bottom: none;
    margin-bottom: -1px !important;
}

.resp-tab-active {
    border-bottom: none;
    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: 18px;
	height: auto;
}

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


/* CMS ANPASSUNGEN CONTAO*/
.CMS.fullwidth .content-wrapper{
	max-width:none;
}

.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.fullwidth .content-wrapper section .mod_article {
	max-width:1140px;
	margin:auto;
	margin-bottom:1em;
}

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

.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 .sidebar .submenu ul{
	margin:0 0 0 1em;
}

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

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

.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: #e10019;
}
#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%;
}