/* Version 1.17 - 10.4.2025 */
/* O'Neal color HEX: #0ad */
/* Version 1.12 - 4.6.2025 */

@viewport { width: device-width; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; outline:0; padding:0; vertical-align:baseline;
}

/*by F*/
table {
  width: 90%;
  margin: 30px auto;
  border-collapse: collapse;
  background-color: #f0f0f0;
  font-family: Arial, sans-serif;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  text-align: center;	
}
tr{
  background-color: #d9d9d9;
  padding: 10px;
  border: 1px solid rgba(90,90,90,1.00);
}
td{
  background-color: #d9d9d9;
  padding: 10px;
  border: 1px solid rgba(90,90,90,1.00);
}

th {
  padding: 10px;
  border: 1px solid rgba(90,90,90,1.00);
  font-weight: bold;
}
/*by F*/

html,body {height:100%;}
body {
	color:#000;
	background:#fff;
	font:normal 13px Muli, Helvetica, sans-serif;
	margin:0px auto;
	min-height:100%;
	width:100%;
	text-align:center;
	}

a:link		{ color:#00aadd; text-decoration:none; }
a:visited 	{ color:#90ccee; text-decoration:none; }
a:active	{ color:#90ccee; text-decoration:underline; }
a:hover	 	{ color:#90ccee; text-decoration:underline; }

.ease_fx, #footer a, .product h3 a, .product .artnr, h4.group_title{
  -webkit-transition-duration: 250ms;
     -moz-transition-duration: 250ms;
	  -ms-transition-duration: 250ms;
  -webkit-transition-timing-function: ease-out;
     -moz-transition-timing-function: ease-out;
	  -ms-transition-timing-function: ease-out;
}

.ease_fx150, .product, .product .thumb img{
  -webkit-transition-duration: 150ms;
     -moz-transition-duration: 150ms;
	  -ms-transition-duration: 150ms;
  -webkit-transition-timing-function: linear;
     -moz-transition-timing-function: linear;
	  -ms-transition-timing-function: linear;
}

.ease_fx400, .haendlerliste tr{
  -webkit-transition-duration: 400ms;
     -moz-transition-duration: 400ms;
	  -ms-transition-duration: 400ms;
  -webkit-transition-timing-function:linear;
     -moz-transition-timing-function:linear;
	  -ms-transition-timing-function:linear;
}

.clear{
	clear: both;
	width: auto;
	background-image: none;
}
.nowrap{white-space:nowrap;}
/*** Header ***/
#mainContainer{
	position:relative;
	max-width:100%;
	min-height:100%;
	overflow-x:hidden;
	position:relative;
	height:auto !important;
}
.overvlowHidden{overflow:hidden !important;}

#main {
	position: relative;
	margin: 0px auto;
	width:  1024px;
	max-width:100%;
	text-align: left;
	margin-bottom:210px;
}


img, a img { border: 0px; text-decoration: none;}

/* Startseite */
DIV.startseiteContainer {position:relative;text-align:center;display:block;margin:30px -10px -10px -10px;}

DIV.startseiteContainer A {
     opacity:1.00;
	  filter:alpha(opacity=100);
  -ms-filter: "alpha(opacity = 100)";
}
DIV.startseiteContainer A:hover {
	 opacity:0.70;
	  filter:alpha(opacity=70);
  -ms-filter: "alpha(opacity = 70)";
}

DIV.startseiteContainer TABLE {
	border: none;
	padding: 0px 0px 20px 0px;
	margin: -29px 0px 0px 0px;
	text-align:left;
}


TABLE.startTabelleTop { width: 600px; max-width:100%; vertical-align: text-top; }
TABLE.startTabelleBottom { width: 600px; vertical-align: text-top; }

TABLE.startTabelleTop TR { }
TABLE.startTabelleBottom TR {  }

TABLE.startTabelleTop DIV.contentTop {padding-top: 10px; padding-left: 20px; width: 360px;}
TABLE.startTabelleTop DIV.contentLeft {padding-top: 10px; padding-right: 10px;}
TABLE.startTabelleTop DIV.contentRight {/*padding-top: 5px; padding-right: 7px; padding-left: 15px;*/}
TABLE.startTabelleTop DIV.contentRight h4{/*margin-bottom:6px;*/}
TABLE.haendlerliste {width: 90%; max-width:95%; word-break:loose; border:0px;    border-spacing: 0; border-collapse: collapse;}
TABLE.haendlerliste tr{ margin:0px; border:0px;padding:0px;}
TABLE.haendlerliste tr.dist{background:#eee;}
TABLE.haendlerliste tr.dist td:first-of-type{padding-left:5px;}
TABLE.haendlerliste th{border-bottom:1px solid #aaa;}
TABLE.haendlerliste tr:hover{background:#0ad;color:#fff;}
TABLE.haendlerliste tr:hover a{color:#fff;}
TABLE.haendlerliste tr:hover th{background:#fff;color:#000;}
TABLE.haendlerliste td{padding:3px 5px 3px 0px;}
TABLE.haendlerliste th{padding:22px 5px 2px 0px; font-size:15px;text-transform:uppercase;font-weight:normal;}
TABLE.haendlerliste th strong{font-weight:normal;}
TABLE.haendlerliste td.adrLinks{width:50%;}
.haendlerliste span.Company{display:inline-block;width:220px;}
strong.adresslabel{display:inline-block;min-width:70px;}

/* Vororder Neu 2016 */

/*Vororder pdf*/
#pdf_Loaderbar			{position:relative;display:inline-block;background:transparent;margin-left:25px;padding:0px;width:260px;height:13px;}
#pdf_Loaderbar .bar		{display:block;background:#00aadd;width:0%;height:13px;top:0px;}
#pdf_Loaderbar .percent {position:absolute;margin-left:120px;color:#fff;font-weight:bold;}
#pdfDownloadInfo		{position:absolute;margin-left:5px;display:none;} 
#pdfDownloadInfo .info	{position:absolute;display:inline-block;width:260px;top:5px;}
/* Liefertermin/Kalernder */
.widthDate{width:70px;}
input#wunschtermin      {padding:2px;}
td.cpOtherMonthDate		{background:#eee;padding:2px;margin:1px;border:1px solid #fff;text-align:center;}
td.cpCurrentMonthDate	{background:#e1e1e1;padding:2px;margin:1px;border:1px solid #fff;text-align:center;}
td.cpDayColumnHeader	{color:#333;text-align:center;}
/* Label/Value Table */
.widthVororder2			{ text-align:left; width: 160px;}
.widthVororder1			{ text-align:left; width: 410px;}

/* Content-Tabs / Reiter */
#content_tabs{display:block;margin-bottom:15px;background-color: #aaa;}

#content_tabs a{
	background-color: #aaa;
	display:inline-block;
	font-weight:bold;
	color:#ddd;
	margin:auto 0;
	margin-right:1px;
	padding:10px 25px 10px 25px;
}
#content_tabs a:visited	{color:#eee;}
#content_tabs a.sel, 
#content_tabs a:hover	{color:#fff;text-decoration:none;background-color: #666 !important;}

.toggle_button{position:absolute;top:1px;left:0px;font-size:100%;font-weight:500;padding:4px; font-family:"Lucida Console", Monaco, monospace;cursor:pointer;}
.toggle_button_rotate .toggle_button{
  -webkit-transform: rotate(90.5deg);
     -moz-transform: rotate(90.5deg);
      -ms-transform: rotate(90.5deg);
       -o-transform: rotate(90.5deg);
          transform: rotate(90.5deg);
}

.p_name,
.ease015{ /*.p_cell port_sum_details*/
  -webkit-transition: all 0.15s ease-out;
     -moz-transition: all 0.15s ease-out;
       -o-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out;
}

DIV.startseiteContainer A,
.ease02{ /*.toggle_button_rotate .toggle_button*/
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
}
.ease03{
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}
.ease05{
  -webkit-transition: all 0.5s ease-out;
     -moz-transition: all 0.5s ease-out;
       -o-transition: all 0.5s ease-out;
          transition: all 0.5s ease-out;
}
.ease07{
  -webkit-transition: all 0.7s ease-out;
     -moz-transition: all 0.7s ease-out;
       -o-transition: all 0.7s ease-out;
          transition: all 0.7s ease-out;
}

/*LCL Blinken*/
.blink{
  -webkit-animation: blink-animation 1.4s steps(8, start) infinite;
          animation: blink-animation 1.4s steps(8, start) infinite;
}
@keyframes blink-animation {to {
		  filter: alpha(opacity = 25);
	  -ms-filter: "alpha(opacity = 25)"; 
		 opacity: .25;
 -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
	  transition: all 0.2s ease-out;

}}
@-webkit-keyframes blink-animation {to {
	        opacity: .25;
 -webkit-transition: all 0.3s ease-out;

}}


/* Fehlermeldung  */
.pinIt{position:fixed;top:0px;z-index:1;display:block;width:770px; background-color:#fff;border-bottom:1px solid #ddd;overflow:hidden;max-height:125px;}
.modulContainer1.pinIt{margin-left:20px;padding-top:20px;}
.pinIt .modul1{background-image:none !important;}
/* Neue Vororder 2016 Ende */



/* Vororder Warenkorb */
.rabatteVororder { color: #090; }
.rabatteVororder1 { color: #090; }




/* Lieferanten Kalender */
TABLE.cpBorder:hover,
TABLE.cpBorder:hover TR {
	background-color: #fff;
}

TABLE.cpBorder {
	border: 2px solid #ededed;
}
TABLE.tableData TABLE.cpBorder TD{
	padding: 2px;
}

TABLE.tableData TABLE.cpBorder TD.cpDayColumnHeader {
	background: #ccc;
	border: 1px solid #fff;
}

TABLE.tableData TABLE.cpBorder TD.cpOtherMonthDate {
	background: #fff;
	/*border: 1px solid #ccc;*/
}
TABLE.tableData TABLE.cpBorder TD.cpOtherMonthDate A {
	color: #ccc;
}
TABLE.tableData TABLE.cpBorder TD.cpCurrentDate {
	border: 1px solid #00aadd;
	background: #00aadd;
}

TABLE.tableData TABLE.cpBorder TD.cpCurrentDate A,
TABLE.tableData TABLE.cpBorder TD.cpCurrentDate A:visited,
TABLE.tableData TABLE.cpBorder TD.cpCurrentDate A:hover {
	color: #fff;
}
TABLE.tableData TABLE.cpBorder TD.cpCurrentMonthDate {
	border: 1px solid #fff;
	background: #ddd;
}

TABLE.tableData SELECT.cpYearNavigation,
TABLE.tableData SELECT.cpMonthNavigation {
	font-size: 10px;
}

/*Input Felder*/
input.widthShortDate,
TABLE.tableData .widthShortDate  { width: 58px; padding: 1px; font-size: 10px; margin-right: 1px;}
TABLE.tableData .widthShortVessel{ width: 66px; padding: 1px; font-size: 10px; }
TABLE.tableData .widthShortBL_AWB{ width: 58px; padding: 1px; font-size: 10px; }
TABLE.tableData .widthShortAnzahl{ width: 25px; padding: 1px; font-size: 10px; }
TABLE.tableData .widthShortBackorder{ width: 65px; padding: 1px; font-size: 10px; } /* Select - Yes/No */


/* Lieferstatus */
TD.ordernr { font-weight: bold;position:relative;}
TD.datetd {width:82px;}
TH.thSortierung {
	color: #00aadd;
}
.selectMilestone{max-width:160px;padding:1px;}
input.LieferantenDatumInput{padding:3px 0px 3px 0px !important;}
.eta_plan{color:#aaa;}
#buttonsContainer{position:relative;top:0px;height:60px;border:none;background:transparent}
#innerButtonsContainer{margin-top:-1px;bottom:0px;padding:10px;background-color:#eee;width:770px;border-top:1px solid #aaa;}


/* Bilddatenbank */
.lastDownloads {
	background-color: #ff00ff;
	height: 30px;
	margin-bottom: 20px;
}


.firstboxes {
	padding-top: 2px;
	cursor: pointer; 
	padding-bottom: 2px;
}

.firstboxes hover {
	background-color: red;
}

.firstboxes a{
	color: #000;
}

.firstboxes a:hover {
	color: #000;
	text-decoration: none; 
}





.comfortorderJSLink{color:#00aadd;}
/*Komfort-Bestellung*/
.tooltipButton{color:#00aadd;font-weight:bold;cursor:pointer;}
.comfortThumb{max-height:80px;max-width:70px !important;margin-bottom: 5px; /*border: 1px solid #ccc;*/}
#choosenMarke{background:#eee;border:none;}
#marken{border:none;background:#eee;}
#markenauswahl{}
#menufelder{border:none;}
#ergebnis{border:none;}
#cartAdd{background:#eee;border:none;}
#cartAddContainer{background:#eee;border:none;display:block;padding:5px;}

/* Detailansicht Quantity */
input#detail_qty{width:30px;height:23px;padding:1px;font-size:13px;border:1px solid #ff0033;position:relative;top:0px;}

/* Lieferstatus */
.trackingContainer .trkInfo{background:#fdfdfd;display:block;padding:14px 0px 20px 0px; display:none;}
.trackingContainer:hover{background:#fdfdfd !important;}
table.tracking_table{border:none;width: 100% !important;}
table.tracking_table th{background:#dedede;padding:8px;margin:0px;width:auto;}
table.tracking_table td{background:#efefef;padding:8px !important;margin:0px auto;width:auto;}
table.tracking_table tr{border-bottom:1px solid #fff;}
table.tracking_table .ort{text-align:left;}
table.tracking_table .time{text-align:right;}
table.tracking_table .description{text-align:left;}


/* Sofort verfuegbar */
ul.navi_kats{list-style:none;display:block;margin:0;padding:10px 5px 10px 10px; background-color:#fafafa; max-width:98%;}
ul.navi_kats:after{clear:both;}
ul.navi_kats .navi_kats_main{cursor:pointer; font-weight:bold; }
ul.navi_kats li{width:32%;display:inline-block;vertical-align:top; margin: auto 0px auto 0px;}
ul.navi_kats a{overflow:hidden;padding:2px 3px 2px 3px;font-weight:bold;display:inline-block;position:relative;left:-3px;}
ul.navi_kats a:hover{text-decoration:none;color:#fff;background:#0ad;}
ul.navi_kats ul{margin: 0;padding: 0px;}
ul.navi_kats li li{width:100%;}
ul.navi_kats li li a{font-weight:normal;}
ul.navi_kats .kat_sel a{font-weight:bold;}
ul.navi_kats_sub a{font-weight:normal}
.nonchecked_avail{border-radius:3px; padding:1px 0 1px 0; display:inline-block;}
.checked_avail { background:#0C0;border-radius:3px; padding:1px 0 1px 0; display:inline-block;}
.sizes_sofort_verfuegbar .no{
	   filter: alpha(opacity = 1);
  -ms-filter: "alpha(opacity = 1)"; 
	                 opacity: .01;
}
.p_cell_size.sofort .no{background-color:#ddd !important;}
.sofort_verfuegbar.selected{}
li.sofort_verfuegbar.selected{color:#000 !important;background:#0ad !important;}
.sofort_verfuegbar.selected:hover{ color:#fff !important;background:#2cf !important; }
/*.sofort_verfuegbar.selected a{color:#0ad !important;}*/ /* #0c0 */

/* Detailansicht Start */
DIV.testreport{ position:relative; }
DIV.testreport DIV.icon{ width:59px; float:right; }
ul.merkmale{padding:0px 5px 5px 10px;}
ul.merkmale li{ list-style:disc; color: #000; margin-bottom:12px; }
ul.merkmale li .colorText{ color:#000; }
ul.merkmale{ font-size:16px; }

.ersatzteileCont .productImgSmall{
	margin-top:6px;
	min-height:80px;
	vertical-align:bottom;
 	position: relative;
}


/* Detailansicht Reiter */
.detailsAccordionHead{margin-top:15px;display:none;width:100%;background:#ccc;}
.detailsAccordionHead:after{clear:both;}

.detailsAccordionHead h5{
	background-color:transparent;
	background-image:none;
	border-bottom:1px solid #fff !important;
	position:relative;
	margin-bottom:-1px;
	border-right:1px solid #fff;
	color:#fff;
	display:inline-block;
	float:left;
	margin:auto 0;
	padding:8px 20px 8px 20px;
}
.detailsAccordionHead h5.sel{background-color: #666 !important; user-select:none; }
.detailsAccordionHead h5:hover{background-color: #aaaa !important;cursor:pointer;}
.detailsAccordion h5{}
.detailsAccordion{
	min-height:30px;
	padding-top:10px;
	padding-bottom:40px;
} 
.detailsAccordion div.accord{ padding: 0px 5px 5px 5px;}
.detailsAccordion div.accord3{font-weight:normal;}
.detailsAccordion div>div {font-size: 17px !important;}


/**/
h2.vAccord{color:#999;font-size:18px;padding:3px 5px 5px 0px !important;}
h2.vAccord span{display:inline-block;padding:2px 2px 2px 6px;font-size:19px;}
h2.vAccord.open span{
 -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	 -ms-transform: rotate(90deg);
	  -o-transform: rotate(90deg);

}
h2.vAccord:hover{background:#0ad;color:#fff !important;padding-left:5px !important;}

h5#alternative_artikel{color:#fff;background:#0ad;padding:7px 20px 7px 20px;}


/*.accord ul{padding-left:10px;}*/
.form_available1 {display:inline-block;float:right;padding:0px 0px 0px 8px;margin:0px; font-size:90%;top:-2px;position:relative;max-height:19px;z-index:2;}
#label_search_only_available{position:relative;color:#fff;}
.nav_imgCont{display:inline-block; line-height:31px;}
.nav_imgCont a{color:#888; background:transparent;padding:6px 10px 6px 10px !important; text-decoration:none; margin:0px 1px 0px 0px; font-size:14px; }
.nav_imgCont a:hover{background:#eee; color:#000; text-decoration:none; }
.nav_img_sel{font-weight:bold;background:transparent; !important; color:#000 !important; font-weight:bolder; }
.nav_img_trenner{display:none;margin:0px;}
.nav_imgCont .img_nav_next{ 
	position:relative;
	display: inline-block;
	background:transparent url(../img/i_arrow_select1.png) no-repeat center; 
	margin-left:4px;padding:3px 13px 3px 13px !important;
   background-size:contain;
   transform: rotate(-90deg) !important;
}
.nav_imgCont .img_nav_next:hover{
	background:#eee url(../img/i_arrow_select1.png) no-repeat center;
	background-size:contain;
} /* ../img/icons/i_next.png */




#imgBeschreibung{padding:4px 7px 4px 7px; display:none !important;}


#content_lightbox{position:absolute;background-color:rgba(255, 255, 255, 0.87);width:100%;overflow:hidden;display:none;text-align:center;padding-top:0px;padding-bottom:120px;top:0px;left:0px;
	overflow-y: auto;
}
#image_lightbox{position:absolute;background-color:rgba(255, 255, 255, 0.87);width:100%;overflow:hidden;display:none;text-align:center;padding-top:0px;top:0px;left:0px;}
#image_lightbox .previous span,
#image_lightbox .next span{
	/*display:none;*/
	/*opacity:0.50;
	filter:alpha(opacity=0.5);*/
  -webkit-transition-duration: 400ms;
     -moz-transition-duration: 400ms;
      -ms-transition-duration: 400ms;
  -webkit-transition-timing-function: ease-out;
     -moz-transition-timing-function: ease-out;
      -ms-transition-timing-function: ease-out;
}

#image_lightbox .previous span{ background:rgba(255,255,255,0.3) url(../img/i_arrow_select1.png) no-repeat center; transform:rotate(90deg); background-size:contain; display:inline-block; width:50px; height:50px; } /* ../img/icons/i_prev.png */
#image_lightbox .next span{ 	  background:rgba(255,255,255,0.3) url(../img/i_arrow_select1.png) no-repeat center; transform:rotate(-90deg); background-size:contain; display:inline-block; width:50px; height:50px; }







	
/* Detailansicht - Alternative Artikel */
.alternativeCont H5{
	color: #00aadd;
	display:inline-block;
	font-weight: bold;
	font-size: 12px;
	line-height: 17px;
	margin: 10px 0px 0px 0px;
	padding: 1px 26px 1px 15px;
}
.alternativeContent{
    border:1px solid #0ad;
	display:block;
	margin-bottom: 16px;
	padding:5px 10px 5px 7px;
}
.alternativeCont .daten{clear:both;margin-right:6px;}
.alternativeCont .productImgSmall{min-height:80px;width:90%;text-align:center;display:block;}
.alternativeCont div.alternative{ display:inline-block; float:left; overflow:hidden;min-height:210px;}



/* Newsletter */
TD.newslabelwidth{ width:110px; }






/* Footer */
#footer{
	text-align:center;
	background-color:#111; /*#00aadd;*/
	display:block;
	overflow:hidden;
	width:100%;
	max-width:100%;
	bottom:0px;
	margin-bottom:0px;
	margin-top:auto;
	position:absolute;
	/*z-index:1;*/
}
#innerFooter{
	width:1024px;
	height:160px;
	max-width:100%;
	display:block;
	padding:30px 20px 30px 20px;
	text-align:left;
	background-color:transparent;
	margin:0 auto;
}







/* Small Desktop - linke Navigation ausblenden*/
@media screen and (max-width: 1024px) { /* 768px */
	/* hide navi */
	#globallinks{ display:none;}
	#menu{ display:none;} /* indikator dasfür, das die mobile Navi offen ist */
	#menuVertical{background:rgba(100,100,100,0.45);cursor:pointer;display:none;top:0px;left:0px;height:100%;position:fixed;width:250px;z-index:900;overflow:auto;}
	#menuVertical ul ul a {padding:8px 6px 8px 15px; font-size:117%;}
	#menuVertical ul ul ul a {font-size:120%;padding:7px 6px 7px 15px;}
	#menuVertical span.opened, #menuVertical span.closed{width:37px;height:27px;}
	#menuVertical ul ul ul span.opened, #menuVertical ul ul ul span.closed{height:25px;}
	
	#menuVertical ul ul.closed {display:none !important;}
	#menuVertical ul ul.opened {display:block !important;}
	#menuVertical ul ul span.opened{background-position:2px 1px;}
	#menuVertical ul ul span.closed{background-position:2px 1px;}
	#menuVertical ul ul span.opened:hover,
	#menuVertical ul ul span.closed:hover{background-position:-2px 2px;}
	#menuVertical ul ul ul span.opened{	width:33px !important; height:27px; background-position:-3px 1px !important;}
	#menuVertical ul ul ul span.closed{	width:33px !important; height:27px; background-position:0px 0px;}
	#menuVertical ul ul ul span.opened:hover,
	#menuVertical ul ul ul span.closed:hover{width:33px !important; height:28px !important; background-position:-1px 1px !important;}
	
	#menuInner{width:250px;height:auto;min-height:100%;overflow-x:hidden;cursor:pointer;left:-250px;position:relative;display:block;background-color:#efefef;padding:0px;margin:0px;border:0px;}
	#menuInner>ul:last-child { margin-bottom:264px;}
	#globallinks_container{display:none;}
	#icon_cart2{display:none !important;}
	.cartIsOpen{min-width:100% !important;margin-right:0px !important;}
	
	/*#login_link{display:none;}*/
	.cont_search_only_available{min-width:auto;}
	
	/* Produkt Unterpunkte verstecken */
	/*#menuVertical ul.brand ul{display:none;}*/
	
	/* show vertical mobile Navis */
	/*#m002,#m004,#m006,#m007{display:block !important;}*/
	#menuVertical .navi0,#menuVertical .navi2,#menuVertical .navi3,#menuVertical .navi4,#menuVertical .navi5{display:block !important;}
	#menuVertical .navi1{display:none !important;} /* hide Home */
	
	/* show mobile navi */
	#navi_container { background:#fcfcfc;display:block; padding-top:0px;padding-bottom:2px;}
	#navi_container a{ display:inline-block;background-repeat:no-repeat; background-position:center;}
	
	#navi_left{ left:0px; display:inline-block; position:absolute; z-index:500;}
	#navi_right{ right:0px; display:inline-block; position:absolute; z-index:500;}
	#navi_center{display:block;text-align:center;position:relative;width:auto;max-height:44px;}
	#navi_left a:hover, #navi_right a:hover, #navi_left span:hover{background-color:#efefef;}
	
	#logo{			width:34% !important; max-width:150px; background-size: contain; position:relative;top:-10px;}
	#icon_navi{		margin-top:4px;width:38px; height:34px;border-radius:3px;background: url(../img/i_navi.svg);background-size: 78% auto; cursor:pointer; 
					background-repeat:no-repeat;display:inline-block;background-position:center;}
	#icon_settings{	margin-top:4px;width:38px; height:34px;border-radius:3px;background: url(../img/i_settings5.png);background-size: 78% auto;}
	#icon_profile{	margin-top:4px;width:38px; height:34px;border-radius:3px;background: url(../img/i_profile5.png);background-size: 78% auto;}
	#icon_profile2{ display:none;}
	#icon_cart{		margin-top:4px;width:38px; height:34px;border-radius:3px;background: url(../img/i_cart5.png);background-size: 78% auto;}
	#icon_navi:hover, #icon_settings:hover, #icon_profile:hover, #icon_cart:hover{background-size: 90% auto;}
	
	#loginLayer h3{padding:0px 0px 10px 0px;color:#333;background:#fff;}	
	#loginLayer input{margin:0px 8px 0px 0px !important;}
	#loginLayer .labels{top:0px;margin:0px 0px 10px 0px;}
	#loginLayer	input[type=submit]{padding:5px 15px 5px 15px;background:#ff0033;color:#fff;font-weight:800;border:0px;display:inline-block;
								   margin:0px 0px 10px 10px;cursor:pointer;font-weight:normal;}
	#loginLayer div{display:inline-block;vertical-align:top;}
	#nrRight,
	#passwordRight { font-size:16px !important;}
	#saveLoginCookieContainer{padding:6px 15px 6px 0px;display:inline-block;}
	/*.loginLinks{margin-top:0px;display:inline-block;}*/
	
	#kundennummer{padding:5px;display:block;} /*width:220px;*/
	#benutzername{padding:5px;display:block;}
	ul.langContainer li:first-of-type a{color:#0ad !important;}
	ul.langContainer li:first-of-type a:hover{color:#fff !important;}
	#main {margin-bottom:275px;}
	#innerFooter{height:220px;}
	
	/* Content Center*/
	/* div id="main", div id="contentMain">*/
	#main{text-align:center;}
	#contentMain{display:inline-block;max-width:100%;}
	#contentCenter{text-align:left;margin-left: auto !important;margin-right: auto !important;}
	
	/* Detailansicht */
	.details_container{ padding:10px;min-width:240px;}
	#contentCenter .modul .spalte1 {width: 56%;}
	.add_plusContainer{left:-320px;}

	
	#contentCenter .abstand,
	#contentCenter .headline span{ padding-left:10px; padding-right:10px;}
	.headline h1{padding-left:10px !important;}
	.markeHeadline{margin-left:0px !important;padding-left:0px !important;}
	
	/* Vororder Lightbox */
	/*#image_lightbox img{margin-top:180px;}*/
	#image_lightbox .offer img{margin-top:30px;}
	.modulContainer1.pinIt{margin-left:0px;width:1024px;max-width:100%;}
}


/* Warenkorb */
@media screen and (max-height: 800px) {#side_cart_Container{overflow:auto;max-height:300px;}}
@media screen and (max-height: 700px) {#side_cart_Container{overflow:auto;max-height:200px;}}
@media screen and (max-height: 600px) {#side_cart_Container{overflow:auto;max-height:100px;}}
@media screen and (max-height: 400px) {#side_cart_Container{overflow:auto;max-height:80px;}}



/* Tablet */
@media screen and (max-width: 800px) {
	/* Vororder */
	#qant1{display:none;}
	#vororder_suche_container	{width:300px;min-width:90%;}
	.MOQIcon {right:170px;}
	
	/*chat*/
	/* #lz_overlay_wm {right:-32px !important; bottom:-32px !important;} */

}

@media screen and (max-width: 600px) {
	/* SUCHE */
	/* hide select Marke */
	/*#topSearchField_container{width:600px;max-width:75%;display:inline-block;}*/
	#topSearchMarke{max-width:15%;}
	#topSearchField_container{max-width:75%;}
	input.topSearchField{max-width:100%;font-size:16px;}
	/* hide sofort verfuegbar  */ 
	.cont_search_only_available{display:none;}
	
	#main {margin-bottom:400px;}
	#innerFooter{height:340px;}
	
	
	/* Center Detailansicht 2Spalten untereinander */
	#contentCenter .modul .spalte1 {width:100%;float:none;}
	#contentCenter .modul .spalte2 {width: 100%;float:none;}
	/* Center Headline */
	#contentCenter .headline h1{font-size:15px; line-height:30px;}
	/*#contentCenter .headline h1 span{padding-left:0px;}*/
	
	/* Formularfelder */
	.eingabe {max-width:190px;}
	.widthShort1{max-width:40px;}
	.widthShort2{max-width:130px;}
	label{max-width:80px;word-wrap:break-word !important;overflow:hidden;}
	table.formTabelle td.spalte01     {max-width:100px !important;}
	table.formTabelle td.spalte01kurz {width:45px;}
	
	/* Lieferantenportal */
	.selectMilestone{max-width:50px;}
	.LieferantenDatumInput{max-width:40px;}
	.bemerkungBreit{width:70% !important; max-width:70% !important;}
	
	/* Navi sofort verfügbar */
	ul.navi_kats{margin:0 0 0 -5px;padding:10px 3px 10px 10px; min-width:100%;position:relative;}
	ul.navi_kats li{min-width:46%;}
	ul.navi_kats>li{margin-bottom:10px;}
	
	.pagenaviLeft{display:none !important;}
	.pagenaviRight{clear:both;float:none;}
	
	/* Vororder */
	#qant1{display:none;}
	.p_cell_img{display:inline-block; min-width:40px;} /* width:20%; */
	.p_cell_info{display:inline-block; width:60%;}
	.p_cell_sizes{display:block;width:auto;}
	.p_cell_quant_sum{width:50%;}
	.p_cell_price_sum{right:0px;}
	.p_cell_price{width:25%;}
	.p_cell_hek{}
	#p_row1 .p_cell_sizes{display:inline-block;}
	#p_row1 .p_cell_info{display:inline-block; max-width:50%;}
	#vororder_suche_input		{}
	#vororder_suche_input.long	{display:inline-block;width:100px;}
	#vororder_suche_container	{left:-100px;top:40px;display:block;width:300px;min-width:90%;}
	#p_row1{padding-bottom:40px;}
	.MOQIcon {right:140px;}
	
	/* Händlersuche */
	.haendlerliste th.field,
	.haendlerliste td.field{display:none;}
	.haendlerliste span.Company{display:block;width:auto;}
	
	/* Detailansicht */
	.details_container .add_plusContainer{left:0px;top:-342px;}
	.productImgBig img{min-height:50px;}
	.nav_imgCont {position:relative;top:-27px;}
}

/* Tablet Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}
@media screen and (max-width: 480px) {
	#topSearchCont{}
	#topSearchField_container{max-width:88%; width:88%;}
	#topSearchMarke{display:none;}
	input.topSearchField{width:98%;}
	
	table.tableDatWide td{font-size:80%;}
	
	
	/*Startseite */
	#slider_home {top:15px !important;}
	.home3colsContainer>div{max-width:100% !important;min-width:95% !important;text-align:center !important;}
	/*#slider_home*/
	
	/* Content */
	#contentCenter .modulContainer1 .error,
	#contentCenter .modul1,
	#contentCenter .modulContainer1{padding:0px !important;margin:0px; display:block;border:none !important;} /*Error */
	#contentCenter .headline h1 { padding-top: 3px;margin-bottom:5px;}
	#contentCenter .modul {padding: 5px 0px 10px 0px;}
	#contentCenter .modul1 {padding: 5px 0px 4px 0px;}
	#contentCenter .modulContainer {margin-bottom: 15px;}
	
	ul.social{ display: block; text-align:center; width:90%; max-width:100%;}

	/* Sofort verfügbar */
	ul.navikats{}
	
	/* Produktliste */
	.product .lupe {display:none;}
	.productsContainer{border-bottom:1px solid #999;margin-bottom:5px;margin-right:-10px;margin-left:-10px;overflow:auto;}
	.productsContainer .product{
		border:none;
		border-top:1px solid #eee;
		display:block;
		position:relative;
		vertical-align:top !important;
		width:100%;
		max-width:100%;
		min-height:auto;
		padding-bottom:0px;
		margin-bottom:0px;
	}
	.productsContainer .artnr{right:auto;width:100%;}
	.productDescription{margin-left:5px;}
	.productDescription h3{position:relative;}
	
	.add_plusContainer{min-width:300px !important;}
	.productsContainer .product img{ max-height:200px;width:200px;}
	.productsContainer .product img:hover{ margin:0px !important;height:200px;width:auto;}
	
	.productsContainer.list .productDescription{max-width:200px;}
	.productsContainer.list .productDescription h3{max-width:220px;}

	/* Detailansicht */
	.imgContainer {margin-bottom:-14px;}
	.productImgBig.loadanim{ height:340px; }
	.productImgBig img{max-width:92%;max-height:400px;}
	.detailsAccordionHead{background-color:transparent;}
	.detailsAccordionHead h5{width:38%;background-color:#ccc;border-bottom:1px solid #fff;border-right:1px solid #fff;}
	.nav_imgCont a{padding:6px 11px 6px 11px;font-size:15px;}
	a.img_nav_next{padding-left:14px !important;padding-right:14px!important;}
	#content_lightbox{overflow:auto;}
	
	/* Warenkorb */
	DIV.ContLinks{max-width:56%;}
	
	/* Vororder */
	#content_tabs {background:#fff;}
	#content_tabs a{width:98px;max-width:50%;border-bottom:1px solid #fff;}
	.MOQIcon {position:absolute;right:2px;}
	
	/* Angebot/Deal beim Login */
	.product.offer h2{display:inline;font-size:24px;}
	.product.offer .thumb{
		min-height:360px;
	}
	

	/* add plus */
	.add_plus{height:34px;width:34px;}
	.navigation_last_result{right:35px;}
	.navigation_last_result a{height:34px;width:34px;}
	.add_plusContainer img, .add_plusContainer img:hover{width:20px !important;}
	

	/*Sonderangebote Layer */
	.title_offer h1.offer{font-size:28px;margin-left:-148px;height:40px;}
	
	/* Chat */
	/*#lz_overlay_wm {right:-32px !important; bottom:-32px !important;}*/
	.button3{ padding:5px 10px 5px 10px; }
	.button1{ letter-spacing:-1px; }
	
	
}
	



/* Mobile */
@media screen and (max-width: 342px) {
	#loginLayer div{display:block;}
	/*#topSearchMarke{display:none;}*/
	#topSearchField_container{max-width:89%; text-align:left;}
	
	
	
	/* Zahlungsarten */
	.payment_visa{ margin-left:-50px; }
	.payment_visa, .payment_mastercard, .payment_amex{ position:relative;}
}


@media screen and (min-width: 1024px) {
	#contentCenter {    font-size:114% !important;}
	#contentCenter p{   font-size:114% !important;}
	#contentCenter td{  font-size:114% !important;}
	#contentCenter h1{  font-size:114% !important;}
	#contentCenter h2{  font-size:114% !important;}
	#contentCenter h3{  font-size:114% !important;}
	#contentCenter h4{  font-size:114% !important;}
	#contentCenter h5{  font-size:114% !important;}
	.merkmale li .colorText,
	.merkmale li{                font-size:110% !important;}
	#contentCenter li{           font-size:114% !important;}
	#contentCenter .contAGB{     font-size:90% !important;}
	#contentCenter .newsExcerpt{ font-size:114% !important;}
	.detailsAccordion div>div {  font-size:19px !important;}
	#contentCenter .tableSizes th,
	#contentCenter .tableSizes td{ font-size:92% !important; }
}
@media print {
	@page{margin-top:0.7cm; margin-bottom:0.7cm; margin-left:0.7cm; margin-right:0.7cm;} /*size:29cm 21cm;*/
	body{background: #fff; background-image:none !important; color:#000 !important; display:inline; height: auto; page-break-inside:auto;}
	div.contAGB {width:100%; overflow:visible; display:inline; border:none; page-break-inside:auto;}
	div.contAGB div {padding:0px; font:normal 12px Muli, Helvetica, sans-serif; display:inline; page-break-inside:auto;}
	#main, #contentCenter, #contentMain {display:inline; page-break-inside: auto; height:auto; overflow:visible;}
	.modulContainer {display:inline; page-break-inside: auto; height:auto; overflow:visible;}
	#topSearchMarke, #topSearchField_container input, .topSearchButton, #footer{color:#fff !important; display:none !important;}
	div.pagebreak {page-break-after: auto;}/* <div class="pagebreak"></div>*/
	#globallinks, #menu, #menuVertical, #contentRight {display:none !important;}
	.no_print {display:none !important;}
	
	/* Neue Vororder 2016 Ende */
	.toggle_button{display:none !important;}
	.p_cell{display:block !important;}
	
	/* Produktliste */
	.productsContainer .product{ max-width:190px !important;}
	.productsContainer .lupe {display:none; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in;}
	
	/* Detailansicht */
	.details_container{border:1px solid #999;}
	.detailButtons, #detail_qty, .bgCartIcon, 
	#search_only_available, #label_search_only_available,
	#slider_home{display:none !important;}
	
	.detailsAccordionHead{display:none !important;}
	.detailsAccordion .accord{display:inline-block !important;}
	.detailsAccordion .accord h5{display:block !important; size:40px !important; font-weight:bold; text-transform:uppercase !important;margin-top:82px !important;}
	/* Groessentabellen */
	.tableSizes{width:100%; border-spacing:0; border-collapse:collapse; margin-bottom:15px;}
	.tableSizes td{border-right:1px solid #999;padding:3px 2px 3px 2px;width:auto;min-width:30px;}
	.tableSizes th{border-right:1px solid #999;padding:4px; font-weight:bold; text-align:left;width:130px;border-bottom:1px solid #999;}
	.tableSizes tr{background:#ddd;text-align:center;border-bottom:1px solid #999;}
	.tableSizes tr:nth-child(even){background-color:#efefef;}
	.tableSizes tr:hover{background-color:#0ad;color:#fff}
}