/* Version 1.17 - 10.4.2025 */

@import url('https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i');
@import url("center.css?v=1.21");
@import url("right.css");

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

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


from { margin:0px;padding:0px; }
.menulink a { color:#ff00ff; }
td {font: normal 13px Muli, Helvetica, sans-serif;}
hr { border:none; height:1px; padding:0px; width:100%; border-bottom:1px solid #ccc; }

input[type=text],input[type=password],select,textarea{
	border:1px solid #aaa;
	border-radius:0px;
	color:#444;
	font: normal 13.5px Muli, Helvetica, sans-serif;
	padding:6px 3px 6px 3px;
}
input.eingabe {
	margin:0px 0px 4px 0px;
	padding:6px 3px 6px 3px;
	border-radius:0px;
	font-size:13.5px;
}


select.gruendungMONTH {
	width: 150px;
	margin-bottom: 3px;
}

select.gruendungYEAR {
	width: 70px;
	margin-bottom: 3px;
}

select.eingabe {
	margin-bottom: 3px;
}
.eingabe {width: 220px;}

/*PLZ */
input.widthShort1 { width: 52px;}
/*Ort*/
input.widthShort2 { width: 156px;}

.clear{
	clear: both;
	width: auto;
	background-image: none;
}

.nowrap{white-space:nowrap;}




/*** Header ***/
#header {
	display:block;
	position:relative;
}

#navi_container{ display:block;}
#navi_center{   display:inline-block; width:250px;}
#icon_navi{		display:none; }
#icon_settings{	display:none; }
#icon_profile{	display:none; }
#icon_profile2{ 
	position:absolute; 
	right:50px;
	background: url(../img/i_profile2.png);
	background-size: 70% auto;
	display:inline-block;
	width:44px;
	height:34px;
	background-repeat:no-repeat;
	background-position:center;
	border-radius:4px;
	z-index:500;
}
#icon_profile2:after{
	color:#fff;
    content:" \25BC";
	font-family:webdings;
	font-size:8px;
	position:relative;
	top:8px;
	left:16px;	
}
#icon_profile2 ul{
	display:none;
	position:relative;
	top:34px;
	list-style: none;
	width:150px;
	margin: 0px;
	padding: 0px;
	text-align:left;
}
#icon_profile2 ul a{background:#0ad;color:#fff;padding:5px;display:block;}
#icon_profile2:hover ul{display:block;}
#icon_cart{display:none; }
#icon_cart2{background: url(../img/i_cart5.png) center no-repeat; background-size:contain; display:inline-block; height:30px; position:absolute;top:-4px; right:-52px; width:40px;}
#icon_cart2:hover{ opacity:0.75; filter:alpha(opacity=75);}
.cartCount{color:#fff;background:#0ad; right:3px;top:3px; text-decoration:none;border-radius:14px;position:absolute;min-width:12px;text-align:center;display:inline-block;font-size:9px;border:1px solid #fff;padding:1px;}
#icon_cart2 .cartCount{                right:3px;top:-2px;}

/* Settings Layer Modul*/
#settingsContainerMobile{display:none;width:100%;overflow:hidden;position:absolute;z-index:400;font-family:'Muli', sans-serif;font-size:14px;background-color:#fff;padding:15px;border-top:1px solid #ddd;box-shadow: 0 6px 3px -3px #eee;}
#settingsContainerMobile .col1,
#settingsContainerMobile .col2,
#settingsContainerMobile .col3,
#settingsContainerMobile .col4{display:inline-block;vertical-align:top;min-width:160px;}
#settingsContainerMobile h3{margin-top:0px;padding:8px 20px 8px 0px;font-weight:normal;text-transform:uppercase;font-size:15px;color:#666;}
#settingsContainerMobile ul{list-style:none;}
#settingsContainerMobile a{color:#888;font-size:13px;padding:4px 15px 4px 15px;}
#settingsContainerMobile a.selected{color:#fff;background-color:#0ad;text-decoration:none;font-weight:bold;}
#settingsContainerMobile a:hover   {color:#fff;background-color:#0ad;text-decoration:none;}
#settingsContainerMobile .switch a{ min-width:40px;border:1px solid #0ad;display:inline-block;position:relative;margin-right:-1px;text-align:center;padding:3px 5px 3px 5px; 
	box-shadow:inset 0px 0px 4px 0px rgba(180,180,180,1);}
#settingsContainerMobile .switch a.selected,
#settingsContainerMobile .switch a:hover{box-shadow:none;}
#settingsContainerMobile .switch a:hover.selected{background-color:#08b;}

/* Login Layer Modul */
#login_link {text-align:right;}
#login_link>a{color:#fff;display:inline-block;height:16px;padding:12px;}
#login_link:hover #loginContainer{display:block; opacity:1; filter:alpha(opacity=100);height:auto;}
#login_link a:hover{background:#fff;color:#0af;text-decoration:none;}/*opacity:0.75; filter:alpha(opacity=75);*/
#loginContainer{color:#333;margin:0px;right:0px;position:absolute;z-index:2003;right:0px;text-align:left;display:none;font-family:'Muli', sans-serif;opacity:0.1; filter:alpha(opacity=1);height:1px;overflow:hidden;}
#login_link .showLogin{display:block !important; opacity:1  !important; filter:alpha(opacity=100)  !important;height:auto;}

#loginContainerMobile{display:none;width:100%;overflow:hidden;position:absolute;z-index:400;font-family:'Muli', sans-serif;background-color:#fff;padding:15px;border-top:1px solid #ddd;box-shadow: 0 6px 3px -3px #eee;}
#loginContainerMobile .profileLinks{display:inline-block; min-width:auto;}
#loginContainer>div{margin-top:6px;background-color:#eee;}
#loginLayer h3{color:#fff;padding:6px 15px 6px 15px;display:block;text-transform:uppercase;background:#0ad;}	
#loginLayer input{border:1px solid #dedede;margin:0px 10px 0px 10px;padding:7px 3px 7px 3px;border-radius:0px;font-size:13px;}
#loginLayer #nrRight{margin-top:12px;}
#saveLoginCookieContainer{padding-top:10px;}
#loginLayer .labels{margin:0px 10px 0px 10px;font-size:90%;color:#999;width:150px;display:block;position:relative;top:-3px;}
#saveLoginCookieLabel{display:inline !important;margin-left:0px !important;top:-3px;}
#loginLayer	input[type=submit]{padding:5px 15px 5px 15px;background:#ff0033;color:#fff;font-weight:800;border:0px;margin:0px 0px 0px 10px;cursor:pointer;font-weight:normal;
-webkit-appearance: none;border-radius:0px;font-size:14px;
}
#loginLayer	input[type=submit]:hover{color:#eee;background:#c00;}
#loginLayer div{display:block;}
#loginLayer div a{display:block;}
#nrRight { width: 140px;}
#passwordRight { width: 140px;}



/* Profile Layer Modul */
.profileInfo{display:inline-block; min-width:45%; padding:10px 15px 10px 10px;border-bottom:1px solid #bbb;}
.profileInfo span{display:inline-block;}
.profileLinks{display:inline-block; min-width:100%;padding:0px;}
.profileLinks ul{list-style:none;margin:0px !important; width:100%;}
.profileLinks a, .profileLinks a:visited{color:#444;padding:5px;display:block;padding: 7px 12px 7px 15px;}
.profileLinks li.selected a{color:#0ad;}
.profileLinks a:hover,
.profileLinks li.selected a:hover{color:#fff;background:#0ad;text-decoration:none;}
#kundennummer, #benutzername {color:#888;padding:0px; margin:0px 7px 0px 0px; display:inline-block;} /* min-width:120px; */
#loginContainerMobile .profileInfo{border:none;}
#loginContainerMobile .profileInfo .kundenname{display:block;width:100%;padding:0px 5px 5px 5px;}
#loginContainerMobile .profileInfo span{display:inline-block;}



/* Globale Navigation */
#globallinks_container{background:#f9f9f9;display:block;height:32px;margin:0px;padding:0px;text-align:center;}
#globallinks {display:block;margin:0 auto;max-width:100%;position:relative;text-align:right;width:1024px;left:-20px;}
#globallinks ul {
	border-top:none;
	display:inline-block;
	height:30px;
	list-style: none;
	text-align:left;
	vertical-align:top;
	/*position:absolute;*/
	right:0px;
	/*z-index:500;*/
	z-index:2003;
}
#globallinks ul li{
	height:30px;
	vertical-align:top;
	line-height:24px;
	overflow:hidden;
}
#globallinks ul li:hover{overflow:visible;}
#globallinks ul li.selected>a{color:#0ad;}
#globallinks ul li.selected>a:hover{color:#fff;}
#globallinks ul ul{overflow:hidden;position:relative;min-width:85px;}
#globallinks ul ul:hover {height:auto;background:#eee;border-color:#0ad;overflow:visible;}
#globallinks ul li:hover ul {height:auto;background:#eee;border-color:#0ad;}
#globallinks ul li {display:inline-block;}
#globallinks ul ul li {display:block;margin:0px;}
#globallinks ul ul ul {display:none;left:150px;top:-30px;}
#globallinks ul ul:hover ul{display:block;}
#globallinks a,
#globallinks a:visited {
	color: #777;
	display: block;
	font: normal 12px 'Muli', sans-serif;
	padding: 7px 12px 7px 13px;
	margin: 0px;
	text-decoration: none;
}
#globallinks a:active,
#globallinks a:hover {
	color: #fff;
	background:#0ad;
	text-decoration:none;
}
#globallinks strong{font-weight:800;}


#login_link>a:after,
#profileContainer .first a::after,
.langContainer .selected a::after,
#globallinks .gotSubs>a:after {
    content:" \25BC";
	font-family:webdings;
	font-size:8px;
	position:relative;
	top:-1px;
	left:6px;
}
#logo{	
	/*background: url(../img/logo_oneal_sw_800.png?v=1) left no-repeat;*/
	/*background: url(../img/logo/oneal_50year_logo.png?v=1) left no-repeat;*/
	/*background: url(../img/logo/logo_oneal_neuer_server.png?v=1) left no-repeat;*/
	background: url(../img/logo/gravity-sports-group-logo.svg) left no-repeat;
	background-size:contain;
	display:inline-block;
	height:46px;
	margin:10px;
	max-width:100%;
	width:1024px;
}
/* head Ende */






/* Hauptmenu - Start */
#menu_container{ max-width:100%; margin:0 auto; position:relative; width:1024px; text-align:left; }
#menu {display:inline-block;padding:0px;position:absolute;right:70px;top:19px;text-align:left;z-index:2001;}
#menu ul {display:inline-block;list-style:none;margin: 0px;padding: 0px;text-align:left;}
#menu li {margin:0px;padding:0;display:inline-block;}
#menu li li{background-color:rgba(0, 170, 221, 0.86);}
#menu li:hover{color:#fff !important;background-color:rgba(0, 170, 221, 0.86);}
#menu ul a{color:#666; display:inline-block; font: normal 14px 'Muli', sans-serif; margin:0px; padding:7px 14px 7px 14px; text-decoration:none; text-transform:uppercase;}
#menu ul ul a{ text-transform:none; }
#menu li a:visited{color:inherit;}
#menu li a:hover {background-color:rgba(0, 170, 221, 0.86);color:#fff;margin: 0px; text-decoration: none;}
#menu li:hover>a{color:#fff !important;}
#menu li a:hover .matt{ color: #afafa0; }
#menu li { position: relative; }
#menu ul ul {border-bottom: 1px solid rgba(0, 170, 221, 0.86);display:none;left:0px; display:none; margin:0px; padding:0px; position:absolute; width:220px; z-index:500;}
#menu ul ul li {width: 220px;}
#menu ul ul a {color: #fff;display: block;font:normal 13px 'Muli', sans-serif; margin:0px; padding:8px 5px 8px 14px !important;height:auto;}
#menu ul ul a:hover {color: #0ad !important;background-color:rgba(255, 255, 255, 0.94);}
#menu ul ul ul {left: 100%;margin: 0px 0px 0px -20px;position: absolute;top:0;width:145px;}
#menu ul ul ul ul { z-index: 990; }
#menu ul ul ul ul ul { z-index: 991; }
#menu ul li:hover ul { display: block; }
#menu ul li:hover ul ul { display: none; }
#menu ul ul li:hover ul { display: block; }
#menu ul ul li:hover ul ul { display: none; }
#menu ul ul ul li:hover ul { display: block; }
#menu ul ul ul li:hover ul ul { display: none; }
#menu ul ul ul ul li:hover ul { display: block; }
#menu ul ul ul ul ul li:hover ul { display: block; }
#menu .trenner{border-bottom:1px solid #fff;display:block;}
#menu ul>li.selected>a{font-weight:bold;color:#0ad;}
#menu ul ul>li.selected>a{font-weight:bold;color:#fff;}
.matt{ color:#dedede;} 
/* Hauptmenu - Ende */



/* Menu Linke Seite */
#menuVertical { position:relative; width:200px; height:auto; float:left; margin-bottom:63px; text-align:left; }
#menuVertical ul{list-style:none;display:block;background:#fff;}
#menuVertical ul ul {background:#ffff;}
#menuVertical ul span.head{ color:#666;cursor:auto; margin-top:26px; margin-bottom:14px; user-select:none; }
#menuVertical ul span.head,
#menuVertical ul a {font-size:126%;padding:9px 6px 9px 15px;display:block;text-decoration:none;text-transform:uppercase; margin-right:35px;/*border-right:2px dotted rgba(255,255,255,0.95);*/}
#menuVertical ul ul a {font-size:117%;color:#444;padding:5px 6px 5px 15px;text-transform:none;}
#menuVertical ul ul ul a {font-size:108%;padding:3px 6px 3px 25px;font-weight:normal;}
#menuVertical ul ul ul ul a {padding-left:35px;}
#menuVertical ul ul ul ul{/*background:#fefefe;*/} 
#menuVertical ul ul ul ul ul a {padding-left:50px !important;}
#menuVertical ul ul ul ul ul ul a {padding-left:65px !important;}
#menuVertical ul ul ul ul ul{/*background:#fefefe;*/} 
#menuVertical li{border-top:1px solid #eee;}
#menuVertical li li{border-top:none;}
#menuVertical li.opened>a{font-weight:900;display:block;}
#menuVertical ul.brand>li>a{color:#000;font-weight:normal;text-transform:uppercase;}
#menuVertical ul.brand>li:hover>a{color:#000;}
#menuVertical li.selected {background:#000;}
#menuVertical ul.brand li.selected>a,
#menuVertical li.selected>a{color:#fff;}
#menuVertical ul.navi0 li:hover, #menuVertical .sofort_verfuegbar:hover{ color:#000; background-color:#eee; }
#menuVertical .offers:hover{ color:#fff !important; background-color:#f33 !important; }
#menuVertical .arrived:hover{background:#08b;}
#menuVertical ul.navi0 li:hover>a, #menuVertical .sofort_verfuegbar:hover a, #menuVertical .offers:hover a{ color:#000; }
#menuVertical ul.navi0 ul.opened li,
#menuVertical ul.navi0 li.selected li{display:block;}
#menuVertical ul ul ul ul.opened{ border-bottom:1px solid #fff; margin-bottom:-1px;}

#menuVertical span.opened,
#menuVertical span.closed{display:block;position:absolute;right:0px;color:rgba(0,0,0,0.1);font-family:webdings;font-size:17px;cursor:pointer;text-align:center;padding-top:6px;
	width:33px;
	height:27px;
  -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;	  
	background:transparent url(../img/i_arrow_select1.png) no-repeat center; /* i_arrow_down.png */
	background-size:contain;
	z-index:11;
	border-radius:5px;
}
#menuVertical span.opened{background-position:-1px -1px;}
#menuVertical span.closed{background-position:1px -1px;}
#menuVertical ul ul ul span.opened{height:27px !important; width:32px;            background-position: -2px -3px;}
#menuVertical ul ul ul span.closed{height:27px;            width:27px !important; background-position: 4px 0px;}
#menuVertical ul.navi0 span.opened{background-position:-1px 4px;width:32px;height:32px}
#menuVertical ul.navi0 span.closed{background-position:-1px 2px;width:32px;height:32px}

#menuVertical li.selected>span.opened,
#menuVertical li.selected>span.closed,
#menuVertical li:hover>span.opened,
#menuVertical li:hover>span.closed,
#menuVertical li span.opened:hover,
#menuVertical li span.closed:hover{background-image: url(../img/i_arrow_select1.png);} /* ../img/i_arrow_down_hover.png */


#menuVertical li span.opened:hover,
#menuVertical li span.closed:hover{
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
	background-position:-1px -1px;
	width:30px !important;
	height:29px !important;
}
#menuVertical li li li span.opened:hover,
#menuVertical li li li span.closed:hover{
	background-position: 1px -2px;
}
#menuVertical ul.navi0 span.opened:hover{background-position:-1px 3px;width:32px;height:32px}
#menuVertical ul.navi0 span.closed:hover{background-position:-1px 3px;width:32px;height:32px}

#menuVertical ul ul li:hover>a{color:#000;}
#menuVertical ul ul li:hover,
#menuVertical ul ul ul li:hover,
#menuVertical ul ul ul ul li:hover{background:#eee; color:#000;}
#menuVertical li.selected:hover{ background:#000; }

#menuVertical span.closed{
	background-position:1px -2px;
  -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
       -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
#menuVertical span.opened{}

#menuVertical ul.closed{display:none;}
#menuVertical ul.opened{display:block !important;}


#menuVertical .offers{background:#f5002f;}
#menuVertical .selected.offers{background:#f5002f;}
#menuVertical .offers a{border-right:none;color:#fff;}
#menuVertical .arrived{background:#0ad;} 
#menuVertical .arrived a{border-right:none !important;color:#fff; margin-right:5px;}
#menuVertical .sofort_verfuegbar a{margin-right:0px;}
#menuVertical .sofort_verfuegbar a, #menuVertical .navi0>li:first-of-type a{border-right:none;}

/* Menu Ende */



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



/*addsome space for open cart on right side 250px max (#header & #main) */
.cartIsOpen{
	min-width:1024px;
	max-width:100%;
	text-align:left;
	display:block;
	margin-right:250px;
}

#ContentFrame {
	width: 100%;
	padding: 0px;
	margin: 0px;
	/*border:1px dotted blue;*/
}

#content {
	padding: 0px;
	margin: 0px;
	min-height: 400px;
}


.to_the_top_button{display:block; position:fixed; bottom:68px !important; right:20px;width:34px;height:34px; border:none;
	background:rgba(66, 66, 66, 0.5) url(../img/i_arrow_down_hover.png) no-repeat center;
	background-size:contain;
  -webkit-transform: rotate(-180deg);
     -moz-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
       -o-transform: rotate(-180deg);
          transform: rotate(-180deg);
  -webkit-transition-duration: 250ms;
     -moz-transition-duration: 250ms;
	  -ms-transition-duration: 250ms;
  z-index:10;
}
.to_the_top_button.hidden{display:none;}




/* hide vertical mobile Navis */
/*#m002,#m004,#m006,#m007{display:none !important;}*/
#menuVertical .navi0,#menuVertical .navi1,#menuVertical .navi2,#menuVertical .navi3,#menuVertical .navi4,#menuVertical .navi5{display:none !important;}









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

p.error {
	color: #f00;
	padding: 0px;
	margin: 0px;
}
div.error a,  div.error a:visited,
p.error a, p.error a:visited{ color: #f00; }
div.error a:hover,
p.error a:hover{ color: #f66; text-decoration:none; }

.f_col1, .label1, .label_space1{display:inline-block;margin-right:10px;width:130px;min-height:20px;vertical-align:top;}
.f_col2{display:inline-block;min-width:180px;}
.label1{font-weight:bold;color:#999;}
.value2{margin-right:20px;margin-left:3px;display:inline-block;min-height:20px;}
.formRow{display:block;}

LABEL.error {color: #f00;}
INPUT.error {border: 1px solid #f00;}
SELECT.error {border: 1px solid #f00;}
SPAN.error {color: #f00;}

.textSmall {font-size: 9px;}
.inlineBlock{display:inline-block;}




/*** FeedbackForm ***/
textarea.error{border: 1px solid #f00;}
textarea.feedback{width:90%;height:300px;margin:10px 0px 10px 0px;max-width:90%;max-height:500px;}
.feedback_productcontainer{display:block;margin-top:20px;}
.feedback_img{display:inline-block; vertical-align:top; margin:20px 20px 0px 0px; max-width:220px;}
.feedback_productdetails{display:inline-block; vertical-align:top;margin:20px 0px 20px 0px;width:auto;max-width:50%;}
.linkButtonContain a{padding:2px;margin:-2px;}
.linkButtonContain a:hover{color:#fff;background-color:#0ad;text-decoration:none;margin-left:0px;}

.i_feedback a{
	padding:15px 10px 15px 44px;
	margin-right:0px;
	display:block; 
	background:url(../img/icons/i_feedback.png) no-repeat top left;
	background-size:18px;
	background-position:19px 16px; 

	font-weight: bold !important;
	font-size: 115%;
}
.i_feedback a:hover{ background-image:url(../img/icons/i_feedback_w.png); }

/* Upload Box */
.drag-area{
  border: 2px dashed #aaa;
  font-size:18px;
  min-height:120px;
  width: 90%;
  max-width:1240px;
  color:#aaa;
  display: block;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color:#eee;
  margin:0 0px 10px 0px;
  text-align: center;

-webkit-animation: fadein .5s;
   -moz-animation: fadein .5s;
        animation: fadein .5s;
}
.drag-area.active{
  border: 2px solid #ccc;
}
.drag-area header{
	margin-top:3%;
  font-size: 20px;
  margin-bottom:8px;

}
.drag-area span{
  font-size: 16px;
  margin: 10px 0 15px 0;
  display: block;
}

.drag-area button{
  top:0px;
  position: relative;
  padding: 5px 20px;
  font-size: 16px;
  border: none;
  outline: none;
  background: #aaa;
  color: #fff;
  cursor: pointer;
  transition-duration:.23s;
  margin-top:0px;
  margin-bottom:4%;
}


.drag-area button:hover{
	 background: #f5002f;
	 top:3px; 
}
.drag-area img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}







/*** Suche ***/
#topSearch {
	background:#222;
	padding: 1px 0px 4px 0px;
	text-align:center;
	display:block;
	margin:0 auto;
}
#topSearch form{
	width:1024px;max-width:100%;
	margin:0px auto;
	border:none;
	position:relative;
}
.inline_block{display:inline-block;}



#topSearchCont {
/*	position:relative;
	left:-50px;
	display:inline-block;
*/}

.topSearchSizeSelect,
#topSearchMarke {
	-webkit-appearance:none; /* Safari and Chrome */
       -moz-appearance:none; /* Firefox */
	        appearance:none;
	background: #fff url(../img/i_arrow_select1.png) no-repeat center right;
	background-size:contain;
	border:1px solid #fff;
	webkit-border-radius: 0px;
	color: #444;
	display:inline-block;
	font: normal 16px Muli, Helvetica, sans-serif;
	height:27px;
	line-height:22px;
	margin: 0px 0px 0px 5px;
	padding:4px 20px 4px 4px;
	min-width:120px;
}

#topSearchField_container{width:auto;display:inline-block;}
input.topSearchField { /* #topSearchField_container input */
	-webkit-appearance:none; /* Safari and Chrome */
       -moz-appearance:none; /* Firefox */
	        appearance:none;
	background: #fff;
	border:1px solid #fff;
	/*border-radius:0px;*/
	display:inline-block;
	font: normal 16px Muli, Helvetica, sans-serif;
	line-height:22px;
	width: 400px;/*280px;*/
	margin: 0px 0px 0px 0px !important;
	padding:4px 4px 4px 4px;
}


#topSearchButton_container{position:relative; top:6px;display:inline-block;} /* border:1px solid #fff; */
.topSearchButton { height:25px; display:block;}
.topSearchButton:hover { opacity:0.75; filter:alpha(opacity=75); }

#bottomContainer {
  position:absolute;
  bottom:0;
  left:310px;
  /*height:<length>;*/
  z-index:10;
}

#suggestContainer{
	margin-left:1px;
	text-align:left;
	vertical-align:central;
}

.cont_search_only_available{display:inline-block;min-width:142px;position:relative;top:0px;}



/* Banner Container */
#topbanner{background:#fff;display:block;position:relative; text-align:center;margin:0 auto;}
#topbanner #slider_home{
	left:0px !important;
	top:0px !important;
	width:100% !important;
	max-height:576px;
	border:none !important;
	position:relative;
	/*left:-10px;
	top:-38px;*/
	width:1024px;
	max-width:100%;
	/*border-left:10px solid #fff;
	border-right:10px solid #fff;*/
}

/* Home teaser */
/*
#teaserContainer {
	position: relative;
	top: 100px;
	left: 30px;
	padding: 14px 0px 14px 3px;
	background: transparent url(../img/linie.gif) repeat-y left;
}

.teaser1 {
	width: 217px;
	height: 90px;
	padding: 0px 5px 0px 130px;
	background: #fff url(../img/home/teaser_bg1.gif) no-repeat left;
}

.teaser2 {
	width: 217px;
	height: 90px;
	padding: 0px 5px 0px 130px;
	background: #fff url(../img/home/teaser_bg2.gif) no-repeat left;
}

.teaser1 H3,
.teaser2 H3 {
	text-transform: uppercase;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	display: block;
	line-height: 14px;
	font: normal 12px Muli, Helvetica, sans-serif;
}
*/




/*
 * Detailansicht
 */
.imgContainer {/*height: 220px;*/}
.details_container{ padding:24px 20px 20px 20px;display:block;background:#fafafa;position:relative;margin-bottom:5px;min-width:200px;}
.details_container .groesse{font-weight:bold;}
.details_container .groesse.linked,
.details_container .groesseLabel.linked{color:#0ad; cursor:pointer;}
.details_container .groesse.linked:hover,
.details_container .groesseLabel.linked:hover{ color:#90ccee; text-decoration:underline; }
.detailButtons {margin:10px 0px 20px 0px; display:block;}
.productImgBig img{width:auto;height:auto;max-width:100%;max-height:500px;} /* min-width:500px; */
.productImgBig.loadanim{ background:url(../img/icons/load48.gif) left top no-repeat; height:500px; }
.productImgSmall { width: 80px; padding: 1px;margin: 0px 16px 10px 0px;float: left;}
DIV.daten { width: 130px; }
H4 { font: bold 13px Muli, Helvetica, sans-serif; padding: 0px; margin: 0px; padding-right:50px; }
H5 { color: #6c6b70; font-size: 13px; padding: 0px 0px 2px 0px; }
.rechts { text-align: right; }
.fl   { float: left; }
.beschreibung { font-size: 11px; font-weight: normal; }
.machine_translated{ font-size:80%; opacity: 0.5; }
.detailLabel { dispaly:inline-block; font-weight: bold; min-width: 84px; float:left; margin-bottom:2px; margin-left:5px margin-right:5px; border-right:3px solid rgba(255,255,255,0.1); }
.availability{display:block;margin-top:10px;margin-bottom:20px;}
.groessen{margin:20px 10px 20px 0px;}
.groessen .sizeLink{display:inline-block;margin:0px;margin-bottom:1px;}
.groessen .sizeLink.selected a{background:#666;}
.groessen .copy1{visibility:hidden;max-width:1px;}
.groessen a.txtRedBd{background:#ccc;color:#fff;display:inline-block;padding:1px 3px 1px 3px;margin-right:1px !important;text-align:center;min-width:32px;}
.groessen a.txtRedBd:hover{background:#0ac;text-decoration:none;}
.groessen img{margin:0px 6px 0px 6px}

.uvp   { color: #000;    padding-right: 10px; }
.hek   { color: #8c8c8c; padding-right: 10px; }
.deal  { color: #f00;    padding-right: 10px; }
.bundle{ color: #f00; 	 padding-right: 10px;}
.strikeout {text-decoration:line-through;
	-webkit-text-decoration-color: #f5002f;
	   -moz-text-decoration-color: #f5002f;
 		 -o-text-decoration-color: #f5002f;
		-ms-text-decoration-color: #f5002f;
			text-decoration-color: #f5002f !important;
			text-decoration-weight:bold;
}
.vor { color: #090;     padding-right: 10px; }
.opak {-filter:Alpha(opacity=50);}


/* 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;}
/*Artikel Tabelle*/
DIV.error .p_cell_title,
DIV.error .p_cell_farbe,
DIV.error .p_cell_design,
DIV.error .p_cell_price_sum	{ color:#f00 !important; }
.row_alt1        	{background:#efefef;}
.row_alt1.markRow	{background:#77c7df;}
.markRow		 	{background:#7fd4ee;}
.p_cell          	{font-size:14px; border-bottom:1px solid #efefef;position:relative;padding:0px 0 0px 0;vertical-align:top; display:none;}
.p_cell_info     	{width:25%/*19%*/; display:inline-block;margin-right:15px;vertical-align:top;cursor:pointer;}
.p_cell_title    	{display:block;font-weight:bold;color:#999; }
.p_cell_farbe    	{display:inline-block;margin-right:15px;vertical-align:top;}
.p_cell_design   	{display:inline-block;vertical-align:top;}
.p_cell_img      	{width:5%; display:inline-block;vertical-align:top;position:relative; }
.p_cell_img:hover  	{ background:url(../img/icons/i_zoom.gif) no-repeat; background-position: right bottom; background-size: 50%; }
.p_cell_img img  	{width:50px; max-height:50px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; cursor:zoom-in !important;}
.p_cell_sizes    	{display:inline-block;width:42%;margin-top:-1px;position:relative;}
.p_cell_size     	{display:inline-block;width:45px;border:1px solid #ddd;background:#fff;position:relative;font-size:13px;text-align:center;padding:1px 0 0 0;min-height:28px;color:#aaa;margin:0px;} 
input.p_cell_quantity 	{width:42px;border:none;background:#ddd;text-align:center;font-size:15px;color:#333;font-weight:bold;margin:2px 0px 0px 0px;
	border-radius:0px;
	padding:0px 1px 0px 1px;
} 
.p_cell_quant_sum	{display:inline-block;width:3%; text-align:right;vertical-align:top;}
.p_cell_price 		{display:inline-block;width:10%; text-align:right;vertical-align:top;}
.p_cell_price_sum	{display:inline-block;width:11%; text-align:right;font-weight:bold;vertical-align:top;}
.p_cell_uvp			{display:block;text-align:right;color:#999;padding-left:10px; padding-right:15px;}
.p_cell_hek			{display:block;text-align:right;padding-left:10px; padding-right:15px;}
.p_cell:hover		{background:#ccc;}
.p_cell .p_name		{font-weight:700;color: #00aadd;display:block;}
.p_cell:hover .p_cell_size 			{background:#ccc;color:#fff;}
.p_cell:hover input.p_cell_quantity {background:#bbb;}
.p_cell.markRow .p_cell_size		{background:#7fd4ee;color:#00aadd;}
.p_cell.markRow input				{background:#42a9c9;}
.p_cell.markRow:hover				{background:#aaa;}
.p_cell.markRow:hover .p_cell_size	{background:#aaa;color:#fff;}
.p_cell.markRow:hover input			{background:#999;}
.p_cell:hover .p_cell_title			{color:#fff;}
.p_cell.markRow:hover .p_name		{color:#fff;}
/*Vororder Filter und Suche markiert*/

.p_cell.gruppe0{ background-color: #444 !important; color:#fff; }
#filterbar.markRow,
.gruppe0.markRow{background:#77c7df !important;}
.gruppe0.markRow input{background:#fff !important;}
#filterbar select{ max-width: 220px; }

#p_cell_sum, 
#p_cell_sumuvp,
#p_cell_sum_discount{border-top:1px solid #aaa;text-align:right; display:block;position:relative;padding:0px 4px 0px 0px;vertical-align:bottom;font-weight:bold;}
div>#p_cell_sumuvp,
#p_cell_sum_discount{border:none;color:#999;}
#p_cell_sumbundle_adv{ color:#0ad !important; }
#sum_hek, #sum_uvp	{min-width:140px; display:inline-block;}
#Systemmeldung		{overflow:hidden;}
.errorHeadline		{ padding:0px;padding-top:6px; display:block;}
h4.error			{color:#f00;}
.error_rumpf		{color:#f00;display:none;padding: 2px 4px 8px 36px;border-top:1px solid #f00;}
.icon_calender		{position:relative;top:4px;}
.priceIcon			{cursor:pointer;position:absolute;right:0px;display:inline-block;width:11px;height:11px; margin:1px 2px 0px 3px;padding:0px; color:#fff;background:#00aadd;font-size:9px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.priceIcon span		{display:none;position:absolute;color:#000;border:2px solid #00aadd;background:#fff;padding:3px;top:-20px;font-size:12px;white-space:nowrap;z-index:3;}
.priceIcon:hover span{display:inline-block;}
.infoIcon			{display:inline-block;width:10px;height:9px;background:url(../img/icons/i_info.gif) no-repeat;margin-right:2px;margin-top:1px;background-size: 10px 9px;}
.errorInfo			{position:absolute;padding:3px;color:#f00;   border:2px solid #f00;background:#fff;display:none;z-index:3;min-width:110px;text-align:left;font-size:11px;left:27px;top:-57px;}
.MOQIcon			{position:absolute;display:inline-block;width:10px;height:9px;background:url(../img/icons/i_info2.gif) no-repeat;background-size: 10px 9px;top:2px;right:164px;}
.MOQInfo			{position:absolute;padding:3px;color:#00aadd;border:2px solid #00aadd;right:40px;top:-66px;width:150px;background:#fff;display:none;z-index:2;text-align:left;font-size:11px;}
.p_cell_size:hover .errorInfo	{display:inline-block;}
.p_cell:hover .MOQInfo			{display:inline-block;}
.p_cell:hover .MOQIcon			{background:url(../img/icons/i_info1.gif) no-repeat;background-size: 9px 9px;}

.group_title     	{display:block;border-bottom:1px solid #eee !important;background:#dadada !important;font-size:16px;font-weight:normal;color:#666;padding:2px 1px 2px 36px; cursor:pointer;position:relative;}
.group_title:hover	{background:#ccc;}
.group_sum_qant   	{display:inline-block;position:absolute;font-size:12px;right:21%;padding:2px;}
.group_sum        	{display:inline-block;position:absolute;font-size:12px;font-weight:500;right:2px;padding:2px;}
.group_sum_uvp, .sum_uvp {display:none;}
#p_row1				{display:block;padding:2px;background:#ccc;}
#p_row1 .p_cell_title, #p_row1:hover .p_cell_title{color:#fff;}
#p_row1 .p_cell_info{padding-right:32px;}

/* Detail Layer */
.artikelDaten{ display:none; padding:10px; }
#product_detail {position:fixed;top:0px;left:0px; min-width:180px;padding:0;background:#f8f8f8;text-align:left;border:1px solid #eee;max-width:425px; z-index: 2104;}
#product_detail h4{cursor: pointer; margin-bottom:5px; text-transform: uppercase; color:#fff; background: #666; padding:5px 15px 5px 10px; min-width: 320px; max-width: 100%; font-size: 18px; padding-right: 25px;}
#product_detail h4:hover{ background-color: #0ad;  }
#product_detail h4 .color{ font-size:14px; font-weight: normal;  }
#ESC_hint{ background:rgba(255,255,255,128);margin-top:100px; padding:30px; border:1px solid #ddd; margin-left: 20%; margin-right: 20%; border-radius: 3px; }
#product_detail div > span {display:block; padding:0px; margin:0px;}
#product_detail .port{margin-top:10px;}
#product_detail .nr span,
#product_detail .design span,
#product_detail .color span,
#product_detail .size span,
#product_detail .uvp span,
#product_detail .hek span,
#product_detail .port span {font-weight:bold;color:#333; display:inline-block; margin-right:5px; width:89px;} 
#product_detail .hek{color:#000;}
#product_detail .uvp,#product_detail .uvp span{color:#8c8c8c;}
#product_detail .description>span{ font-weight:bold; }

/* Detailansicht Ersatzteilreiter  */
.designs { min-height:159px; display:inline-block;}
.designs .daten{} 
.designs .productImgSmall{padding:0px;margin:0px;min-height:90px;}
.designs .productImgSmall img{padding:0px;margin:0px;border:none;}
.designs .color_design{display:block;padding:0px;margin:0px;color:#333;text-align:left;}
.load_more{background:#0ad;color:#fff;display:block;padding:3px; text-align:center; cursor:pointer;}

p.markRow      {background:#7fd4ee;}
p.markRow:hover{background:#42a9c9;}
.testInfos     {position:absolute;right:60px;color:#999;text-align:right;}
#vororder_suche_container	{position:absolute;top:4px;left:8px;display:inline-block;}
#vororder_suche_button		{top:4px;margin-left:5px;position:relative;cursor:pointer;}
#vororder_suche_button:hover{
	opacity:0.70;
	filter:alpha(opacity=70);
	-ms-filter: "alpha(opacity = 70)";
}
#vororder_suche_input		{font-size:120%;height:22px;width:60px;border:0px;margin:0px 0px -3px 0px;padding:5px 2px 5px 2px;top:-2px;position:relative;}
#vororder_suche_input.long	{width:240px;}




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




#search {
	background-color: #00aadd;
	width: 580px;
	text-align: right;
	clear: both;
	padding-top: 4px;
	padding-bottom: 4px;
}

#searchfield {
	width: 200px; 
	font-size: 12px;
	border:none;
	background-color: #ffffff;
	margin-right: 7px;
}

.subtable {
	font-size: 11px;
	border-right:1px solid #ccc;
	padding-left:5px;
	padding-right:4px;
}

.subtable80 {
	font-size: 11px;
	width: 70px;
	border-right: 1px solid #ccc;
}
#choosenTop {
	clear: both;
	height: 31px;
}

#choosenBot {
	background:#eee;
	height: 10px;
	font-size: 0px;
	line-height: 0px;
}

#choosenArt {
	width: 565px !important;
	width: 580px;
	font-size: 11px;
	padding-left: 15px;
	background:#eee;
	/*height: 100px;*/
}

.marke {
	padding-top: 3px; 
	padding-bottom: 3px;
	cursor: pointer;
}

#ergebnis {
	clear: both;
}

#ergebnis_sub {
	clear: both;
	height: 40px;
}

.pointer{cursor: pointer;}

.zeile {
	padding-left: 11px;
	padding-top: 8px; 
	padding-bottom: 5px; 
	cursor: pointer; 
	font-size: 11px;
}

.trennung {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 3px;
	margin-top: 4px;
	border-bottom:1px solid #ddd;
}

.textfield {
	border: 1px solid #7F9DB9;
	width: 30px;
	height: 14px;
	font-size: 11px;
	color: #333;
}

.textfieldK {
	border: 1px solid #7F9DB9;
	width: 20px;
	height: 14px;
	font-size: 11px;
	color: #333;
}

.chooseTd {
	height: 20px;
	padding-bottom: 2px;
	font-size: 11px;
}

.NMfirst {
	padding-top: 5px;
	padding-bottom: 1px;
	padding-left: 12px;
	cursor: pointer;
	font-size: 11px;
	color: #333;
}

.NMothers {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 12px;
	cursor: pointer;
	font-size: 11px;
	color: #333;
}
.NM1{
	padding-left: 27px;
	cursor: pointer;
	font-size: 11px;
	/*background: url(../img/nm1_bg.gif) 2px 0px no-repeat;*/
	color: #333;
}



.NM2 {
	padding-left: 42px;
	cursor: pointer;
	font-size: 11px;
	/*background: url(../img/nm1_bg.gif) no-repeat 17px 0px;*/
	color: #333;
}
.NM3 {
	padding-left: 57px;
	cursor: pointer;
	font-size: 11px;
	/*background: url(../img/nm1_bg.gif) no-repeat 32px 0px;*/
	color: #333;
}
.NM4 {
	padding-left: 72px;
	cursor: pointer;
	font-size: 11px;
	/*background: url(../img/nm1_bg.gif) no-repeat 47px 0px;*/
	color: #333;
}
.NM5 {
	padding-left: 87px;
	cursor: pointer;
	font-size: 11px;
	/*background: url(../img/nm1_bg.gif) no-repeat 62px 0px;*/
	color: #333;
}

.kol {
	padding-top: 3px;
	padding-bottom: 3px;
}
/*
.kollektionen {
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 11px;
	color: #333333;
	padding-left: 11px;
	font-weight: bold;
	background: url(../img/bg_menu.gif) no-repeat;
}

.kollektionen:hover {
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 11px;
	color: #00aadd;
	padding-left: 11px;
	font-weight: bold;
	background: url(../img/bg_menu.gif) no-repeat;
}

.kollektionen_active {
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 11px;
	color: #00aadd;
	padding-left: 11px;
	font-weight: bold;
	background: url(../img/bg_menu.gif) no-repeat;
}*/
/*
#menufelder {
	padding-top: 15px;
	width: 580px;
	font-size: 11px;
	border-bottom: 1px solid #666666;
	background: url(../img/bg_komfort_top.gif) repeat-y;
	clear: both; 
	height: 335px;
}

#menufeld1 {
	width: 135px;
	margin-left: 10px;
	float: left;
	color: #747474;
}

#menufeld2 {
	width: 135px;
	margin-left: 10px;
	float: left;
	color: #747474;
}

#menufeld3 {
	width: 135px;
	margin-left: 10px;
	float: left;
	color: #747474;
}

#menufeld4 {
	width: 135px;
	margin-left: 10px;
	float: left;
	color: #747474;
}*/

.kf_top_clear {
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}



.kf_koll_td {
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	background-color: #FFD8B7;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 12px;
	cursor: pointer;
	color: #000;
	font-weight: bold;
}
.kf_koll_td:hover {
}

#kf_koll_2009 {
	margin-bottom: 5px;
	font-size: 11px;
	width: 133px;
	background-color: #FFD8B7;
	padding: 5px 0px 5px 10px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}

#kf_koll_2010 {
	margin-bottom: 5px;
	font-size: 11px;
	width: 133px;
	background-color: #FFD8B7;
	padding: 5px 0px 5px 10px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}

#kf_koll_2011 {
	margin-bottom: 5px;
	font-size: 11px;
	width: 133px;
	background-color: #FFD8B7;
	padding: 5px 0px 5px 10px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}

#marken {
	border-left: 1px solid #666666;
	padding: 10px;
	font-size: 11px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	background-color: #ffffff;
}

#markenauswahl {
	font-size: 11px;
	width: 132px;
	border: 1px solid #999;
}

#choosenMarke {
	border-left: 1px solid #666666;
	padding: 10px;
	font-size: 11px;
	background-color: #ffffff;
	border-right: 1px solid #666;
}

.gmTd td{
    font-size: 11px;
}

#gm_test {
 width: 600px;
 height: 310px;
 top: 395px;
 position: absolute;
 left: 200px;
 z-index: 998;
}

.gm_table_row1{
	border-top: 1px solid #BDBDBD;
	background-color: #ffffff;
}
.gm_table_row2{
	border-top: 1px solid #BDBDBD;
	background-color: #EFEFEF;
}

.gm_table_row_o1{
	background-color: #ffffff;
}
.gm_table_row_o2{
	background-color: #EFEFEF;
}

#ergebnisTable {
	width: 590px;	
}
#gm_anzahl {
	color:#ffffff;
	padding: 10px;	

}

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



body #image_lightbox .previous{ text-decoration:none !important; position:fixed;top:0px;left:0px;width:16%;height:100%;margin:auto;z-index:2102;}
body #image_lightbox .next{		text-decoration:none !important; position:fixed;top:0px;right:0px;width:16%;height:100%;margin:auto;z-index:2102;}

body #image_lightbox .previous:hover,
body #image_lightbox .next:hover {text-decoration:none !important;}

body #image_lightbox .previous:hover span,
body #image_lightbox .next:hover span{
	text-decoration:none !important;
	opacity:1.00;
	filter:alpha(opacity=100);
	/*background-color:#aaa;*/
}

.lightbox_close{ background:transparent !important; font-size:160%; color:#333 !important;position:fixed;top:20px;right:20px;font-weight:normal;cursor:pointer; padding: 7px 11px 6px 11px; user-select: none;}
.lightbox_close:hover{ color:#666 !important;}
/* Detailansicht Ende */

/* LightBox Content beim Login */
.contentLightbox{
	background:#fff;
	border:2px solid #bbb;
	width:600px;
	max-width:84%;
	text-align:left;
	margin:60px auto;
	padding:10px 20px 20px 20px;
}
.contentLightbox h1{
	color:#0ad;
	font-size:24px;
	padding-bottom:20px;
}
#labelOptin{font-weight:bold;}



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



/* grauer Link-Button */
.button1{
	background:#eee;
	color:#0ad;
	display:inline-block;
	margin:0 5px 1px 0;
	padding:4px 8px 4px 8px;
	font-style:italic;
	font-weight:600;
	line-height:none;
	position:relative;
	min-width:50px;
	cursor: pointer;
}
.button1:hover{
	background:#00aadd;
	color:#fff;
	text-decoration:none;
}


/* roter Link-Button */
input.button3,
.button2, .button2i{
	-webkit-appearance:none; /* Safari and Chrome */
       -moz-appearance:none; /* Firefox */
	        appearance:none;
	background:#f5002f;
	border-radius:0px;
	color:#fff !important;
	cursor:pointer;
	display:inline-block;
	margin:0 5px 0 0;
	padding:5px 15px 5px 15px;
	font-size:13px;
	line-height:none;
	position:relative;
	min-width:50px;
	border:none;
  -webkit-transition-duration: 250ms;
     -moz-transition-duration: 250ms;
	  -ms-transition-duration: 250ms;
}

input.button3:hover,
.button2:hover,
.button2i:hover{
	color:#eee !important;background:#c00;
	text-decoration:none;
}

/* kauf button */
input.button3{
	font-size:14px;
	font-weight:bold;
	position:relative;
	top:1px;
	text-transform:uppercase;
}

/* Detailansicht */
.detail_cartlink{padding:9px 5px 9px 0px;display:inline-block;}

/*button mit warenkorb icon */
.bgCartIcon{
	background:#f5002f url(../img/i_cart3.png) center no-repeat;
	background-size:contain;
	background-position:1px -1px;
	padding:5px 15px 5px 30px;
}
.bgCartIcon:hover{
	background:#c00 url(../img/i_cart3.png) center no-repeat;
	background-position:4px -1px;
	background-size:contain;
}

/* Bestellungsmatrix Detailansicht & Produktübersicht */
.add_plus{
	position:absolute;
	background:#00aadd url(../img/icons/i_add_plus.png) no-repeat center;
	background-size:90%;
	display:inline-block;
	height:29px;
	width:29px;
	top:0px;
	right:0px;
	z-index:5;
  -webkit-transition-duration: 250ms;
     -moz-transition-duration: 250ms;
	  -ms-transition-duration: 250ms;
}

.add_plus:hover{background-color:#0099cc;background-size:100%;}
.add_plusContainer{position:absolute;top:115px;left:-420px;display:none;z-index:6;}
.add_plusContainer div{display:block;background-color:#fff;background-color:rgba(51,51,51,0.3); padding:10px;max-width:98% !important;}
.add_plusContainer input:disabled,
.add_plusContainer input[disabled=disabled],
.add_plusContainer input[disabled=disabled]:hover{background-color:#999 !important;} /*[type=submit]*/

.products_matrix div{background:#fff;padding:10px;display:block;}
.products_matrix h3{text-transform:uppercase;font-size:15px;margin:2px 30px 5px 0px;padding-top:1px;}
.products_matrix .coloLabel{min-width:70px;display:inline-block;}
.products_matrix .qty{text-align:center;width:36px;margin:0px !important;padding:3px;border:0px;font-size:15px;}
.products_matrix .qty.yes{background-color:#14ad24;color:#fff;}
.products_matrix .qty.no{background-color:#fed709;}
.products_matrix .qty.red{background-color:#f00;}
.products_matrix table{margin-bottom:5px;margin-top:5px;}
.products_matrix table tr{vertical-align:top;
  -webkit-transition-duration: 250ms;
     -moz-transition-duration: 250ms;
	  -ms-transition-duration: 250ms;
}
.products_matrix table td{text-align:left;}
.products_matrix table tr:hover .p_cell_size,
.products_matrix table tr:hover{background:#efefef;}
#partial_shippment .i_close, .products_matrix .i_close{background:#fff;color:#000;position:absolute;right:21px;top:20px;font-weight:normal;cursor:pointer;padding: 4px 8px 4px 8px;}
#partial_shippment .i_close:hover, .products_matrix .i_close:hover{background:#fff;color:#666;}

/* Produktübersicht*/
.product .add_plus{ top:auto; bottom:0px;} 
.product .add_plusContainer{left:-20px;display:none;z-index:200;min-width:460px;text-align:left;}
.product .add_plusContainer div{max-width:100% !important;}


.hinweisUnten{color:#aaa;}


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

#footer a,
#footer a:visited{
	color:#fff !important;
	display:inline-block;
	font-size:15px;
	text-decoration:none;
	line-height:25px;
	padding:0px 5px 0px 5px;
}
#footer a:hover{color:#00aadd !important;background-color:#fff;}
#footer ul{
    margin: 0px 0px 15px 0px;
    padding: 0;
    list-style-type: none;
	display:inline-block;
	margin-right:40px;
	vertical-align:top;
}

#footer .socialButton{
	display:inline-block;
	background-size: contain;
	width:30px;
	height:28px;
	padding:3px 0 0 0;
	margin:4px 11px 0 0;
}
#footer .socialButton:hover{/*box-shadow: 0px 0px 3px 3px #ddd;*/position:relative; background-color:transparent; padding:0 0 3px 0;margin-top:0px;margin-bottom: 4px;}
#footer .facebook{ background: transparent url(../img/icons/social_facebook.svg) no-repeat top left; } 
#footer .youtube{ background: transparent url(../img/icons/social_youtube.svg) no-repeat top left; }
#footer .twitter{ background: transparent url(../img/icons/social_twitter.svg) no-repeat top left; }
#footer .instagram{ background: transparent url(../img/icons/social_instagram.svg) no-repeat top left; }
#footer .linkedin{ background: transparent url(../img/icons/social_linkedin.svg) no-repeat top left; }
#footer .tiktok{ background: transparent url(../img/icons/social_tiktok.svg) no-repeat top left; }


.social li{display:inline-block; margin-left:7px;}



/* abweichende Lieferadressen */
.sel_liefer_adresse{ font-size:15px; max-width:100%;}

/* Händlersuche */
.adrLinks{
	width:200px;	
}

/* chat */
/*
#lz_overlay_module_chat
#lz_chat_overlay_main
*/
#lz_overlay_chat{ border:#0ad 2px solid !important;border-bottom:none;}
#lz_chat_overlay_main{border-bottom:#0ad 2px solid !important;}
.lz_anim_slide_in{
	border:1px solid #fff !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
/*#lz_overlay_wm{border:1px solid #0ad !important;}*/
#livezilla_wm{}
/*#livezilla_wm_d_chat,#livezilla_wm_chat{border:1px dotted red !important;}*/
#lz_chat_overlay_main{
	/*
	-webkit-box-shadow: none !important;
	   -moz-box-shadow: none !important;
	        box-shadow: none !important;
	*/
}
#lz_chat_apa,#lz_chat_overlay_text, #lz_chat_operator_fullname{display:none !important;}
.lz_overlay_chat_message, .lz_overlay_chat_message_full {border:none !important;margin:0px !important;background:#fff;border-bottom:1px solid #eee !important;}


/* Lieferanten */
.i_edit{ display:inline-block; background:transparent url(../img/icons/i_edit.png) no-repeat bottom left;width:22px;height:18px; background-size:72%; }
.confirmed{color:#0c0;}
.PO_firstHead th.title{font-size:150% !important;}
.PO_firstHead .right{text-align:right;}
.PO_firstHead input{width:100px;}
.secShippment{color:#888;margin-left:5px;}
.secondShippment{}
#partial_shippment{position:fixed;z-index:2500;width:280px;display:block;background: rgba(51,51,51,0.3);padding:10px;}
#partial_shippment>div{background:#fff;min-height:200px;padding:10px;text-align:left;}
.eingabe_qty{width:40px;}


/* floating_navi */
#i_navi_switch{ background:transparent url(../img/icons/i_navi_switch.png) no-repeat top right;background-size:200%;display:inline-block;height:20px;width:26px;position:absolute;right:0px;top:36px; }
#i_navi_switch.floating{ background-position:top left; }
#i_navi_switch:hover{ background-position:bottom right; }
#i_navi_switch.floating:hover{ background-position:bottom left;}
#floating_navi{background:#fff; display:none; position:absolute; top:31px;left:200px;width:1px;min-height:350px;padding:0px;z-index:900;text-transform:none;
border:1px solid #ccc;overflow:hidden;
/*
-webkit-box-shadow: 2px 3px 3px 0px rgba(0,170,221,0.23);
   -moz-box-shadow: 2px 3px 3px 0px rgba(0,170,221,0.23);
        box-shadow: 2px 3px 3px 0px rgba(0,170,221,0.23);
*/
}
.floating_navi_Inner{width:800px;}
.floating_navi{width:30%;display:inline-block;padding:10px;}
#menuVertical.floating ul ul ul{display:none !important;}
.floating_navi_container{display:inline-block;vertical-align:top; min-height:350px; border-right:1px solid #fff; margin-right:-1px;}
#floating_navi_products_container1{display:inline-block;vertical-align:top;max-width:600px;}
#floating_navi_products_container2{display:inline-block;vertical-align:top;max-width:399px;}
#floating_navi_products_container3{display:inline-block;vertical-align:top;max-width:199px;}
.floating_navi_product{display:inline-block;text-align:center;vertical-align:top;}
.floating_navi_product img{max-width:150px;max-height:150px; cursor:pointer;}
.floating_navi_product:hover{background-color:#fff;}
#floating_navi ul{ display:inline-block;width:200px; top:0px;}
/*#floating_navi ul:hover>ul{display:inline-block;position:absolute;left:200px;}*/
#floating_navi ul li a{border:none;}
#floating_navi a{ font-size:13px !important; }
#floating_navi  span.closed{display:none;}
#floating_navi  span.opened{display:none;}
.selectedFloating{ color:#fff !important;background:#0ad;margin-right:0px !important;}


.elementLink strong{font-weight:bold !important;display:inline-block;margin-top:15px;margin-bottom:10px;}

/* docsdownload */
.folder_icon{ display:block; background: url(../img/icons/i_folder.svg) left top no-repeat; background-size:auto 30px; padding:5px 0px 5px 32px; cursor:pointer;}
.folder_icon span{padding-left:10px;color:#333;}
.docs_pdf{ display:block; background: url(../img/icons/i_pdf.svg) left top no-repeat; background-size:auto 30px; padding:5px 0px 3px 34px; cursor:pointer;}
.docs_pdf a{display: inline;}
.docs_pdf:hover, .folder_icon:hover{color:#08b;background-color:#efefef;text-decoration:none;}
.docs_translate_link{position:relative;}
.docs_translate_link a{ min-width:120px; display:none; background-color:#0ad;color:#fff;padding:6px 6px 6px 10px; position:absolute; }
.docs_translate_link:hover a{ color:#fff;background-color:#2bf; text-decoration:none; }
.docs_filesize{color:#fff;margin-left:10px;}
.docs_pdf:hover .docs_translate_link a{display:inline-block; top:-5px; margin-top:-10px; }
.docs_pdf:hover .docs_filesize{color:#bbb;}
.docsdownloadLink{display:inline-block !important; max-height:300px;max-width:300px; padding:5px;text-align:center;}
.pdfThumb{height:600px;max-height:300px;max-width:300px;display:inline-block; }
.pdfThumb:hover{max-height:auto;max-width:auto;}




/* Aktuelle Hinweise bei den Systemmeldungen */ 
.breaking_news{
	color:#fff !important;
	display:block;
	background:#0ad;
	/*
	border-top: 2px solid #0ad;
	border-bottom: 2px solid #0ad;
	*/
	margin-bottom:10px;
	padding:10px 10px 12px 10px;
}
.breaking_news a:link,.breaking_news a:visited,.breaking_news a:hover{ color:#9dd !important; }
.breaking_news strong.headline{ display:block; font-size:120%;}
.breaking_news span{ display:block; max-width:720px;}
.breaking_news:hover{ background:#08b; }







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

@-moz-document url-prefix() {
    #globallinks_container {height:30px;}
}