/* COLORS
 		WET ASPHALT (Dunkelblau)	#34495e
			ACTIVE:					#283849	
		LYNCH (dunkel blau/grau)	#6C7A89
		(in tabs)
		Carrot (Dunkel, Buttons)	#e67e22
			HOVER					#e88f40
		Hellgrau (Body)				#f6f6f6
		Grau (Button)				#95a5a6
			HOVER					#9fabac
		CLOUD (Grau/Weiss)			#ecf0f1;
 */

 /************************************
 * Default rules and large desktop (>= 1200px)
 ************************************/ 
* {
	margin:0;
	padding:0;
}
html {
	height: 100%;
}
body {
	/* font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;  */
	/* font-family: Arial, sans-serif;  */
	font-family: 'Palanquin';
	font-size:14px; 
	color: #515050;
	height: 100.1%;
	overflow-y:scroll;
	/* background-color: #F6F6F6; */
	background-color: #eeeeee;
}
body.popup {
	/* font-family:Arial,Verdana,Sans-serif,"Trebuchet MS";  */
	font-family: 'Palanquin';
	font-size:12px; 
	margin:0; 
	padding:0; 
	background-color:#fff;
	background-image:url(img/pixel_trans.gif); 
	height: 100%;
	overflow:auto;
}

.left {
	float:left;
}
.right {
	float:right;
}
.hide {
	display:none;
}

/* HEADINGS */
h1 {
	font-weight:bold;
	font-size:17px;
	margin:10px 0px 15px 0px;
	padding:0px;
}
h2, #contentarea h3{
	font-weight:bold;
	font-size:15px;
	margin:0px 0px 8px 0px;
	padding:0px;
}
h3{
	font-weight:bold;
	font-size:13px;
	margin:7px 0px 3px 0px;
}

#contentarea h3 a {
	text-decoration: none;
	color: #f36a22;
}
.popup h3{
	margin:0px;
}
h4 {
	font-weight:bold;
	font-size:12px;
	margin:0px 0px 4px 0px;
	padding:0px;
}
h5 {
	font-weight:bold;
	font-size:11px;
	margin:0px 0px 2px 0px;
	padding:0px; 
}
/* Links global */
a,
a:link,
a:hover {
	text-decoration:none;
	cursor:pointer
}
a:link {
	color:#515050;
}
a:visited {
	color:#515050;
}
a:hover,
a:active {
	color:#FFDB00;
}
a img {
	border:none;
}
a.attlist img{
  vertical-align: bottom;
}

/* BEGIN FONT ICONS */
 .i-arrow-down:before {
  content: "\e900";
}
 .i-arrow-full-down:before {
  content: "\e901";
}
 .i-arrow-full-left:before {
  content: "\e902";
}
 .i-arrow-full-right:before {
  content: "\e903";
}
 .i-arrow-full-up:before {
  content: "\e904";
}
 .i-arrow-full-updown:before {
  content: "\e905";
}
 .i-arrow-left:before {
  content: "\e906";
}
 .i-arrow-right:before {
  content: "\e907";
}
 .i-arrow-up:before {
  content: "\e908";
}
 .i-bar-chart:before {
  content: "\e909";
}
 .i-bin:before {
  content: "\e90a";
}
 .i-binoculars:before {
  content: "\e90b";
}
 .i-book:before {
  content: "\e90c";
}
 .i-bookmarks:before {
  content: "\e90d";
}
 .i-bubble:before {
  content: "\e90e";
}
 .i-bulb:before {
  content: "\e90f";
}
 .i-calendar:before {
  content: "\e910";
}
 .i-camera:before {
  content: "\e911";
}
 .i-cart:before {
  content: "\e912";
}
 .i-circle-delete:before {
  content: "\e913";
}
 .i-circle-down:before {
  content: "\e914";
}
 .i-circle-left:before {
  content: "\e915";
}
 .i-circle-minus:before {
  content: "\e916";
}
 .i-circle-ok:before {
  content: "\e917";
}
 .i-circle-plus:before {
  content: "\e918";
}
 .i-circle-right:before {
  content: "\e919";
}
 .i-circle-up:before {
  content: "\e91a";
}
 .i-clip:before {
  content: "\e91b";
}
 .i-close:before {
  content: "\e91c";
}
 .i-cog:before {
  content: "\e91d";
}
 .i-coin:before {
  content: "\e91e";
}
 .i-compass:before {
  content: "\e91f";
}
 .i-document:before {
  content: "\e920";
}
 .i-document-dollar:before {
  content: "\e921";
}
 .i-download:before {
  content: "\e922";
}
 .i-earth:before {
  content: "\e923";
}
 .i-enter:before {
  content: "\e924";
}
 .i-exit:before {
  content: "\e925";
}
 .i-facebook:before {
  content: "\e926";
}
 .i-film:before {
  content: "\e927";
}
 .i-folder:before {
  content: "\e928";
}
 .i-googleplus:before {
  content: "\e929";
}
 .i-heart:before {
  content: "\e92a";
}
 .i-help:before {
  content: "\e92b";
}
 .i-home:before {
  content: "\e92c";
}
 .i-line-graph:before {
  content: "\e92d";
}
 .i-linkedin:before {
  content: "\e92e";
}
 .i-list:before {
  content: "\e92f";
}
 .i-list-bullet:before {
  content: "\e930";
}
 .i-list-num:before {
  content: "\e931";
}
 .i-location:before {
  content: "\e932";
}
 .i-lock:before {
  content: "\e933";
}
 .i-magnifier:before {
  content: "\e934";
}
 .i-magnifier-add:before {
  content: "\e935";
}
 .i-magnifier-remove:before {
  content: "\e936";
}
 .i-mail:before {
  content: "\e937";
}
 .i-mic:before {
  content: "\e938";
}
 .i-minus:before {
  content: "\e939";
}
 .i-mobile:before {
  content: "\e93a";
}
 .i-monitor:before {
  content: "\e93b";
}
 .i-no-image:before {
  content: "\e93c";
}
 .i-notepad:before {
  content: "\e93d";
}
 .i-notepad-add:before {
  content: "\e93e";
}
 .i-pdf:before {
  content: "\e93f";
}
 .i-pencil:before {
  content: "\e940";
}
 .i-photo:before {
  content: "\e941";
}
 .i-plus:before {
  content: "\e942";
}
 .i-redo:before {
  content: "\e943";
}
 .i-repeat:before {
  content: "\e944";
}
 .i-settings:before {
  content: "\e945";
}
 .i-share:before {
  content: "\e946";
}
 .i-sort-alpha-asc:before {
  content: "\e947";
}
 .i-sort-alpha-desc:before {
  content: "\e948";
}
 .i-sort-asc:before {
  content: "\e949";
}
 .i-sort-desc:before {
  content: "\e94a";
}
 .i-sort-numeric-asc:before {
  content: "\e94b";
}
 .i-sort-numeric-desc:before {
  content: "\e94c";
}
 .i-square:before {
  content: "\e94d";
}
 .i-square-full:before {
  content: "\e94e";
}
 .i-square-ok:before {
  content: "\e94f";
}
 .i-star-empty:before {
  content: "\e950";
}
 .i-star-full:before {
  content: "\e951";
}
 .i-star-half:before {
  content: "\e952";
}
 .i-table:before {
  content: "\e953";
}
 .i-tiles:before {
  content: "\e954";
}
 .i-truck:before {
  content: "\e955";
}
 .i-twitter:before {
  content: "\e956";
}
 .i-undo:before {
  content: "\e957";
}
 .i-unlock:before {
  content: "\e958";
}
 .i-upload:before {
  content: "\e959";
}
 .i-user:before {
  content: "\e95a";
}
 .i-user-add:before {
  content: "\e95b";
}
 .i-warning:before {
  content: "\e95c";
}
 .i-xls:before {
  content: "\e95d";
}
 .i-youtube:before {
  content: "\e95e";
}

/* END FONT ICONS */

i {
  color: #34495e;
  font-family: 'icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 i.i-inv {
  color: #ffffff;
}
 i.i-top {
  vertical-align: top;
}
 i.i-mid {
  vertical-align: middle;
  top: -1px;
  position: relative;
}
 i.i-bot {
  vertical-align: bottom;
}
 i.i-lg {
  font-size: 21px;
}
 i.i-2x {
  font-size: 28px;
}
 i.i-3x {
  font-size: 42px;
}
 i.i-4x {
  font-size: 56px;
}
 a > i.i-pdf {
  color: #ff0000;
}
 a > i.i-xls {
  color: #669933;
}
 i.i-clip.i-clip-empty {
  color: #cccccc;
}
 i.i-warning.i-error {
  color: #ff0000;
}
 i.i-bulb {
  color: #669933;
}
 i.i-no-image {
  color: #cccccc;
}
 a > i:hover {
  cursor: pointer;
}
 i.i-opened,
 i.i-closed {
  display: none;
}
 .opened i.i-opened,
 .open i.i-opened,
 .closed i.i-closed,
 .expandtr i.i-closed,
 .expandtr.opened i.i-opened {
  display: block;
}
 .categorymenu .active i.i-opened,
 .categorymenu .inactive i.i-closed,
 .opened.expand i.i-opened,
 .opened.accordion i.i-opened,
 .closed.expand i.i-closed,
 .closed.accordion i.i-closed {
  display: table-cell;
}
 .closed i.i-opened,
 .opened i.i-closed,
 .open i.i-closed,
 .categorymenu .active i.i-closed,
 .categorymenu .inactive i.i-opened,
 .expandtr i.i-opened,
 .expandtr.opened i.i-closed {
  display: none;
}


/* Input elements global(CSS 1 compatible) */
input, select, textarea {
	/* font-family:Arial,Verdana,Sans-serif,"Trebuchet MS";  */
	font-family: 'Palanquin';
	font-size:13px;
	color: #000000;
	height:25px;
	border: 1px solid #e7e8e8;
	padding-left: 2px;
}
input[type=image],
input[type=radio],
input[type=checkbox] {
	border: none;
	vertical-align: middle;
}
select {
	padding-top: 0px;
	height: 30px;
}
textarea {
	resize: none;
	height: auto;
}

select[multiple] {
    height: auto;
}
select option{
	padding-right:10px;
}
/* INPUT ELEMENTS DETAILED (CSS 2 compatible - works only in new browsers (FF 2.0, IE 7...) */
input:focus,
select:focus,
textarea:focus{
	background-color:#ffffff;
}
/* PARAGRAPH GLOBAL */
p {
	margin:8px 0px 8px 0px
}
hr {	height:1px;
	line-height:1px;
	margin:0;
	padding:0;
	display:block;
	border-bottom: solid 1px #efefef;
}

.box {
	width: 271px;
	height: 150px;
}

/* FAKE HR DIV CAUSE OF IE TROUBLES */
div.hr {
	padding-top:1px;
	height:0;
	overflow:hidden;
	margin:0;
	line-height:0px;
	background-color:#cccccc;
}
div.hrlightgrey {
	padding-top:1px;
	height:0;
	overflow:hidden;
	margin:0;
	line-height:0px;
	background-color:#ecf0f1;
}
div.hrproductpreview {
	padding-top:1px;
	height:0;
	overflow:hidden;
	margin:12px 0px 12px 0px;
	display:inline;
	height:0px;
	line-height:0px;
	display:block;
	background-image:url(img/hr_productpreview.gif)
}

/* Background Icons and Img Size */
.i_pcomp,
.i_leaf,
.i_advise,
.i_datasheet,
.i_download,
.i_pdf {
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px 20px;
	padding-left: 24px;
}

.i_conf{
	background-repeat: no-repeat;
	background-position: -5px -3px;
	background-size: 32px 32px;
	padding-left: 25px;
	padding-top: 0px !important;
}

.i_size {
	height: 22px;
}

/* Background Images with IE8 hack (\9 for <= IE8) */
 .i_pcomp {
 	background-image: url(img/icon_product_comparision.png);
	background-image: url(img/icon_product_comparision_ie.png)\9; /* IE8 hack */
}
.i_leaf {
	background-image: url(img/icon_leaflet.png);
	background-image: url(img/icon_leaflet_ie.png)\9; /* IE8 hack */
}

.i_pdf{
	background-image: url(img/icon_pdf.gif);
	background-size: 15px 15px;
}

.i_conf {
	background-image: url(img/icon_conf.png);
	background-image: url(img/icon_conf_ie.png)\9; /* IE8 hack */
}

.i_advise {
	background-image: url(img/icon_advise.png);
	background-image: url(img/icon_advise_ie.png)\9; /* IE8 hack */
}
.i_datasheet {
	background-image: url(img/icon_datasheet.png);
	background-image: url(img/icon_datasheet_ie.png)\9; /* IE8 hack */
}
.i_download {
	background-image: url(img/icon_download.png);
	background-image: url(img/icon_download_ie.png)\9; /* IE8 hack */
}
#mainmenu_search div.search input.b_search {
	background-image: url("img/icon_search.png");
	background-image: url(img/icon_search_ie.png)\9; /* IE8 hack */
} 
#bascontheader {
	background-image: url("img/icon_cart_white.png");
	background-image: url(img/icon_cart_white_ie.png)\9; /* IE8 hack */
}
/* Arrow up/down white */
.boxinfo-left.opened,
#productrel .opened,
.tabcontent .opened,
.bascontheader-icon.opened {
	background-image: url("img/icon_arrow_active.png");
	background-image: url(img/icon_arrow_active_ie.png)\9; /* IE8 hack */
}
.boxinfo-left.closed,
#productrel .closed,
.tabcontent .closed,
.bascontheader-icon.closed {
	background-image: url("img/icon_arrow_inactive.png");
	background-image: url(img/icon_arrow_inactive_ie.png)\9; /* IE8 hack */
}

#att_vert.opened {
	background-image: url("img/icon_arrow_active_white.png");
	background-image: url(img/icon_arrow_active_ie_white.png)\9; /* IE8 hack */
}
#att_vert.closed {
	background-image: url("img/icon_arrow_inactive_white.png");
	background-image: url(img/icon_arrow_inactive_ie.png)\9; /* IE8 hack */
}

/* Arrow up/down blue */
ul.categorymenu li.active,
#text_h_toggle.opened,
#basketheader .opened,
#docsearch .opened,
#nbaheader_toggle.opened,
#productfilterafter #catsearchfilter div.expand.opened {
	/* background-image: url("img/icon_arrow_active_blue.png"); */
	background-image: url("img/icon_arrow_active.png");
	background-image: url(img/icon_arrow_active_blue_ie.png)\9; /* IE8 hack */
}
ul.categorymenu li.inactive,
#text_h_toggle.closed,
#basketheader .closed,
#docsearch .closed,
#nbaheader_toggle.closed,
#productfilterafter #catsearchfilter div.expand.closed {
	/* background-image: url("img/icon_arrow_inactive_blue.png"); */
	background-image: url("img/icon_arrow_inactive.png");
	background-image: url(img/icon_arrow_inactive_blue_ie.png)\9; /* IE8 hack */
}
/* Arrow right dark grey */
.jetmenu .level_indicator {
	background-image: url("img/icon_arrow_right_grey.png");
	background-image: url("img/icon_arrow_right_grey_ie.png")\9; /* IE8 hack */
	background-repeat: no-repeat;
	background-position: 97% center;
	background-size: 10px 10px;
}

/* TABLE GLOBAL */
table td {
	padding:3px;
}

#wrap {  
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position:relative;
}
#top {
	width: 100%;
	/* background: #f6f6f6; */
	background: #eeeeee;
}
#header {
	max-width: 1200px;
	margin:0 auto;
}
 
#content_wrap {
	max-width:1200px;
	margin:0 auto;
	overflow-y: auto;
}
#contentarea{
	margin-bottom: 35px;
	padding:10px;
}
#contentarea_wrap {
	margin-top:10px;
	margin-bottom: 6px !important;
}
#contentarea_main {
	overflow:hidden;
	/* padding: 10px; */
	/* background: #f6f6f6; */
	background: #eeeeee;
	box-sizing: border-box;
	
}
#contentarea_main.full {
	width: 100%;
}
#sidebar-left {
	/* width: 230px; */
	/* width: 275px; */
	width: 300px;
	min-height: 280px;
	float:left;
	position:relative;
	left: 0px;
	padding:0 10px 10px 10px;
	margin: 0 10px 0 0; 
	background: #fff;
	box-sizing: border-box;
}
#sidebar-right {
	width: 230px;
	height:100%;
	float:right;
	position:relative;
	left: 0px;
	padding: 0 10px 10px 10px;
	margin: 27px 0 0 10px;
	background: #fff;
	box-sizing: border-box;
	/* box-shadow: 0 0 8px 0 lightgray; */
}

/* HEADER */
#logo {
	float: left;
	padding-top: 5px;
}
#logo a {
	display: inline-block;
}
#logo object, 
#logo img {
	/* height: 100px; */
	height:122px;
	pointer-events: none;
}
#breadcrumb {
    color:#626262; 
}
#breadcrumb ul{} 
#breadcrumb ul li{
	display:inline;padding: 0 5px 0 0;  
}

#breadcrumb a{color:#626262;text-decoration:none;}
#breadcrumb a:hover{text-decoration:underline;}

#header_wrap {
    background-color: #fff;
    margin-bottom: 5px;
	border-bottom: 4px solid #FFDB00;
}

#topnavi_wrap {
	background: #ffffff;
	width:100%;
	height:30px;
	line-height: 30px;
	z-index:9999;
}
#topnavi {
	max-width: 1200px;
	margin:0 auto;
}
#topnavi select{
	font-size:10px;
	float: right;
	height: 19px;
	margin: 5px 0 0 0;
	border: none;
}
#topmenu {
	padding:0 10px 0 10px;
	margin:0; 
	list-style-type:none; 
	font-size:11px; 
}
#topmenu li {
	float:left; 
	text-align: center;
	margin:0 auto;
	background-image: url(img/icon_arrow_list_item.png);
	background-image: url(img/icon_arrow_list_item_ie.png)\9;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 12px 12px;
	padding-left: 7px;
}
#topmenu li.right {
	float:right;
	background: none;
}
#topmenu a,
#topmenu a:link,
#topmenu a:visited,
#topmenu a:hover,
#topmenu a:active {
	display: block;
	vertical-align:middle; 
	text-align: center;
	text-decoration:none; 
	font-weight:bold; 
	cursor:pointer;
	color:#626262; 
	margin:0; 
	padding:0;
	padding: 0 10px;
}
#topmenu a:hover, #current a {
	color:#000000;
	text-decoration: none;
}
#topinfo {
	color:#515050;
	font-size:11px;
	float:right;
	/* padding:30px 10px 0 10px; */
	padding-top: 5px;
}
.langswitch_wrap a img {
	display:block;
	margin-top:7px;
}
.langswitchresp_wrap a img {
	display:inline-block;
	margin-bottom:-3px;
}

#mainmenu {
	/* background: #F6F6F6; */
	background: #ffffff;
	max-width:1200px;
	margin: 0 auto;
	margin-top: -45px;
}
#mainmenu_search{
	float:right;
	margin: 10px -18px 10px 0;
	position:relative;
}
#mainmenu_search form {
	height: 35px;
	font-size: 14px;
}
#mainmenu_search div.catalog {
	/* height: 100%; */
	float: left;
	height: 35px;
/* 	border: 1px solid #ccc;
	border-right: none;
	box-sizing: border-box; */
}
#mainmenu_search div.catalog select {
	height: 35px;
	padding: 0px;
	border: 1px solid #e7e8e8;
}
#mainmenu_search div.search{
	float:left;
	height: 35px;
	line-height: 35px;
	
}
#mainmenu_search div.search input.searchfield{
	color: #555;
	float:left;
	height: 34px;
	width:246px;
	padding-left: 5px;
	padding-top: 0;
	padding-bottom: 0;
}
#mainmenu_search div.search input.b_search{
	height: 36px;
	width: 60px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
	border: 1px solid #e7e8e8;
	cursor: pointer;
	padding:0;
	border-left: 0;
}
#mainmenu_search a {
	text-decoration:none;
}
#mainmenu_search a:hover{
	color:#FFDB00;
}
#mainmenu_search span.ext{
	margin:5px 0px 0px 5px;
	vertical-align:bottom;
}
#mainmenu_basket{
	float:right;
	margin:10px 0 10px 10px;
}
#mainmenu_navi{
	background: #ffffff;
	border: 1px solid #e7e8e8;
}
	
/* FOOTER */
#footer_wrap {
	width:100%;
	background-color:#626262;
	/* position:absolute; */
	position:relative;
	bottom:0;
	overflow:hidden;
}
#footer {
	color: #fff;
	clear: both;
	font-size: 11px;
	max-width:1200px;
	margin:0 auto;
}
.footer1{
	/* margin-left:0px; */
	padding: 10px;
	width: 100%;
}

.footer1 ul{
	text-align: center;
	padding: 0;
}

.footer1 ul li{
	line-height:35px;
	display: inline;
	margin: 0;
	padding: 0;
}

.footer1 ul li:last-child a{
	border:medium none;
}

.footer1 ul li a{
	border-right: 1px solid #b3b3b3;
    color: #b3b3b3;
    display: inline-block;
    font-size: 14px;
    line-height: 12px;
    padding-left: 2px;
    padding-right: 6px;
    text-decoration: none;
}

.footer1 ul li a:hover{
	text-decoration:underline;
	color:#FFDB00;
}
.footer-block {
	float:left;
	width:33.33333333%;
	min-width:200px;
	padding:0px 5px;
	box-sizing: border-box;
}
.footer-block .footer-block-head {
	font-size:18px;
	color:#FFDB00;
	padding:25px 0 10px;
}
.footer2 {
	padding:0px 5px 10px;
	text-align: center;
}
.footer2 p {
	margin: 0;
	display: inline-block;
	/* width: 74%; */
	vertical-align: top;
	padding-right: 5px;
	box-sizing: border-box;
}
.footer2 a {
	color: #fff;
}
.footer2 a.main {
	/* float: right; */
	/* width: 25%; */
	text-align: right;
	box-sizing: border-box;
	vertical-align: top;
}

/* Containers*/
#welcome0{}

/* Application blocks*/
#login, #custsel, #catsel, #userreq, #pwdfgt, #contactf{}

#bascontent {
	position:relative;
	border: 1px solid #e7e8e8;
	margin-left: 5px;
	height: 34px;
}
#bascontent a {
	color: #515050;
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}
#bascontent > a {
	line-height:32px;
	height:35px;
	color:#626262;
	float:left;
}
#bascontheader {
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 25px 25px;
	float:left;
	padding-left:45px;
	padding-right:10px;
}
#bascontheader:hover {
	background-color:#ffffff;
	cursor: pointer;
}
.bascontheader-icon.opened:hover,
.bascontheader-icon.closed:hover {
	background-color:#FFDB00;
}
.bascontheader-icon.opened,
.bascontheader-icon.closed {
	background-color: #FFDB00;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:16px 16px;
	height:35px;
	width:35px;
	float:right;
	cursor:pointer;
}
#bascontitems {
	width:250px;
	position:absolute;
	background-color:#fff;
	color:black;
	padding:10px;
	z-index:999;
	right:0;
	top:35px;
	border:1px solid #ccc;
}
#bascontitems img {
	width:50px;
	height:50px;
	display:block;
	float:left;
	margin-right:5px;
}
#bascontitems ul {
	max-height:300px;
	overflow-y:auto;
}
#bascontitems li {
	list-style-type:none;
	margin-bottom:15px;
}
.basconttotals {
	margin-top:15px;
}
.basconttotals .totalshead {
	display:block;
	font-size:12px;
	padding-bottom:2px;
}
.basconttotals .totalsval {
	display:block;
	font-weight:bold;
}
#welcomehdr {
	margin-top:3px;
	/* border: 1px solid #dedede; */
	background-color: #fff;
	padding: 10px;
	margin-top:10px;
	/* box-shadow: 0 0 8px 0 lightgray; */
}

.welcomeimg {
    height: auto;
    margin-top: 2px;
    width: auto;
}

.welcomeimg img {
	width: 100%;
}

#welcomehdr img {
	width: 100%;
}

#welcomebdy {
	width:100%;
	margin-top: 15px \ ;
}
#welcomebdy h1{
	border:none;
}

#welcome_container {
    display: flex;
	display: table-cell \ ;
    flex-flow: row wrap;
    margin-top: 15px;
    width: 100%;
}
.container {
    flex: 1 1 0;
    margin: 2px 10px 15px 0;
    min-width: 45%;
    /* padding: 9px; */

	
	float: left \ ;
    height: 250px \ ;
    margin: 5px 10px 0 \ ;
    max-height: 250px \ ;
    max-width: calc(50% - 8px) \ ;
    min-width: calc(50% - 8px) \ ;
    position: relative \ ;
    width: auto  \ ;
}

#welcome_container #container1, #welcome_container #container3{
	margin-bottom: 15px \ ;
    margin-left: 0 \ ;
    margin-right: 15px \ ;
}

#welcome_container #container2, #welcome_container #container4{
	margin-left: 0 \ ;
    margin-right: 0 \ ;
}

.container#container2, .container#container4 {
	margin-right:0;
}

/* CATEGORY MENU */
h2.categoryheader {	
	height:40px;
	font-size:14px; 
	padding: 0 0 0 10px;
	color: #fff;
	background-color: #34495e;
	line-height: 40px;
}
h2.categoryheader a {
	text-decoration:none;
	color:#fff;
}
/* CATEGORY MENU */

ul.categorymenu  .active a { 
 	color: #000000;
 }
ul.categorymenu  .activesel a { 
 	color: #000000;
 }
ul.categorymenu a:hover {
	color: #000000;
}
ul.categorymenu { 
	margin-top: 4px;
	padding-left: 0;
}
ul.categorymenu li { 
	border-bottom: 1px solid #e7e8e8;
	list-style-type:none;
}
ul.categorymenu li:hover{
 	background-color:#ffffff;	
}
ul.categorymenu li.active,
ul.categorymenu li.inactive {
	background-repeat: no-repeat;
	background-position:97% center;
	background-size: 12px 12px;
}
ul.categorymenu li.activesel { 
 	background-color:#ffffff;
}
ul.categorymenu li a{ 
	text-decoration:none;
	display: block;
	/* width: 100%; */
	height: 100%;
}
/* 1st TIER */
ul.categorymenu li.level1 a {
	padding:6px 0px 6px 6px;
	font-size:14px;
}

ul.categorymenu li.level1 a.solarwaermesysteme {
	background-image: url("img/ueberschrifticons/icon-solarwaerme.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 25px auto;
	padding-left: 30px;
}

ul.categorymenu li.level1 a.holzwaermesysteme {
	background-image: url("img/ueberschrifticons/icon-holz.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 25px auto;
	padding-left: 30px;
}

ul.categorymenu li.level1 a.gasbrennwertsysteme {
	background-image: url("img/ueberschrifticons/icon-gasbrennwert.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 25px auto;
	padding-left: 30px;
}

ul.categorymenu li.level1 a.waermezentrale {	
	background-image: url("img/ueberschrifticons/icon-waermezentrale.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 25px auto;
	padding-left: 30px;
}

ul.categorymenu li.level1 a.waermepumpe {	
	background-image: url("img/ueberschrifticons/icon-Waermepumpe.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 25px auto;
	padding-left: 30px;
}

ul.categorymenu li.level1 a.speichertechnik {
	background-image: url("img/ueberschrifticons/icon-speicher.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 25px auto;
	padding-left: 30px;
}

ul.categorymenu li.level1 a.regelung {
	background-image: url("img/ueberschrifticons/icon-regelungen.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 25px auto;
	padding-left: 30px;
}

ul.categorymenu li.level1 a.systemzubehoer {
	background-image: url("img/ueberschrifticons/icon-zubehoer.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 25px auto;
	padding-left: 30px;
}

ul.categorymenu li.level1 a.photovoltaik {
	background-image: url("img/ueberschrifticons/icon-pv.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 25px auto;
	padding-left: 30px;
}

ul.categorymenu li.level1 a.marketing {
	background-image: url("img/ueberschrifticons/icon-marketing.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 25px auto;
	padding-left: 30px;
}

ul.categorymenu li.level1 a.noicon {
	/* background-image: url("img/ueberschrifticons/icon-zubehoer.png"); */
	/* background-repeat: no-repeat; */
	background-position: 0px center;
	background-size: 25px auto;
	padding-left: 30px;
	background-color: #eeeeee;
	width: 90% !important;
}

ul.categorymenu li.level1 a.paradigma {
	background-image: url("img/ueberschrifticons/emblem_paradigma.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 25px auto;
	padding-left: 30px;
	width: 84% !important;
	font-size:16px;
	display: inline-block;
}

ul.categorymenu li.level1 a.pureline {
	background-image: url("img/ueberschrifticons/emblem_pureline.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 25px auto;
	padding-left: 30px;
	width: 84% !important;
	font-size:16px;
	display: inline-block;
}

/* LEVEL 2 Navi – Updated Navi*/

ul.categorymenu li.level2 a.solarwaermesysteme {
	background-image: url("img/ueberschrifticons/icon-solarwaerme.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 25px auto;
	padding-left: 30px;
}

ul.categorymenu li.level2 a.holzwaermesysteme {
	background-image: url("img/ueberschrifticons/icon-holz.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 25px auto;
	padding-left: 30px;
}

ul.categorymenu li.level2 a.gasbrennwertsysteme {
	background-image: url("img/ueberschrifticons/icon-gasbrennwert.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 25px auto;
	padding-left: 30px;
}

ul.categorymenu li.level2 a.waermezentrale {	
	background-image: url("img/ueberschrifticons/icon-waermezentrale.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 25px auto;
	padding-left: 30px;
}

ul.categorymenu li.level2 a.waermepumpe {	
	background-image: url("img/ueberschrifticons/icon-Waermepumpe.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 25px auto;
	padding-left: 30px;
}

ul.categorymenu li.level2 a.speichertechnik {
	background-image: url("img/ueberschrifticons/icon-speicher.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 25px auto;
	padding-left: 30px;
}

ul.categorymenu li.level2 a.regelung {
	background-image: url("img/ueberschrifticons/icon-regelungen.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 25px auto;
	padding-left: 30px;
}

ul.categorymenu li.level2 a.systemzubehoer {
	background-image: url("img/ueberschrifticons/icon-zubehoer.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 25px auto;
	padding-left: 30px;
}

ul.categorymenu li.level2 a.photovoltaik {
	background-image: url("img/ueberschrifticons/icon-pv.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 25px auto;
	padding-left: 30px;
}

ul.categorymenu li.level2 a.marketing {
	background-image: url("img/ueberschrifticons/icon-marketing.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 25px auto;
	padding-left: 30px;
}

ul.categorymenu li a {
    width: 75%;
}

/* 2nd TIER */
ul.categorymenu li.level2 a {
	/* padding:6px 0px 6px 24px; */
	padding:6px 0px 6px 32px;
	font-size: 14px;
}
/* 3rd TIER */ 
ul.categorymenu li.level3 a {
	/* padding:6px 0px 6px 40px; */
	padding:6px 0px 6px 37px;
	font-size: 13px;
}
/* 4th TIER */
ul.categorymenu li.level4 a {
	padding: 6px 0px 6px 42px;
	font-size: 12px;
}

ul.categorymenu li.level5 a {
    font-size: 11px;
    padding: 6px 0 6px 47px;
}

ul.categorymenu li.level6 a {
    font-size: 10px;
    padding: 6px 0 6px 49px;
}

.boxbody-left {
	margin-bottom:20px;
	margin-top:5px;
	background-color: F7F7F7;
}
.boxbody-left h3, .boxbody-left h3 a {
	font-size:12px
}
.boxbody-left h3.center,
.boxbody-left h3.center a {
	font-size:12px; 
	text-align:center
}
.boxbody-left p {
	color:#515050; 
	font-size:12px; 
	margin:6px 0px 6px 0px
}
.boxbody-left p.center {
	text-align:center;
	margin:6px 0px 0px 0px
}
.boxbody-left p.center:nth-child(odd) {
	margin-top: 20px;
}
.boxbody-left td {
	color:#515050;
	font-size:12px; 
	margin:6px 0px 6px 0px
}
.boxbody-left .productOldPrice {
	font-size:12px; 
	color:#ff7602
}
.boxbody-left div.hr {
	margin-top:5px;
	margin-bottom:5px
}
.boxbody-left div.hrlightgrey {
	margin-top:5px; 
	margin-bottom:5px;
}
.boxbody-left a {
	font-size:12px;
}
.boxbody-left .productboximage {
	border: none;;
}
.boxbody-left .searchfield {
	width:130px;
}

.boxbody-right h3, .boxbody-right h3 a {font-size:12px}
.boxbody-right h3.center, .boxbody-right h3.center a {font-size:12px; text-align:center}
.boxbody-right p {color:#515050; font-size:12px; margin:6px 0px 6px 0px}
.boxbody-right p.center {color:#515050; font-size:12px; text-align:center; margin:6px 0px 6px 0px}
.boxbody-right td {color:#515050; font-size:12px; margin:6px 0px 6px 0px}
.boxbody-right .productOldPrice {font-size:12px; color:#ff7602}
.boxbody-right div.hr {margin-top:5px; margin-bottom:5px}
.boxbody-right div.hrlightgrey {margin-top:5px; margin-bottom:5px;}
.boxbody-right a {font-size:12px;}
.boxbody-right .productboximage {border: solid 1px #999999;}
.boxbody-right p.boxlink {
 	background-image:  url(../img/arrow.gif) ;
	background-repeat: no-repeat;
	background-position: left;
	height: 18px;
	padding-left: 18px;
}
.boxinfo-left {
	height:40px;
	line-height: 40px;
	padding: 0 0 0 10px;
	margin-top: 10px;
	/* background-color: #f6f6f6; */
	background-color: #eeeeee;
	color: #515050;
	font-size: 14px;
}
.boxinfo-left a {
	text-decoration:none;
	/* color: #fff; */
	color: #515050;
}
.boxinfo-left.closed,
.boxinfo-left.opened {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 97% center;
	background-size: 12px 12px;
}

/* Customer Chat */
#custchat .boxbody-left img {
	padding-top: 10px;
	display: block;
}

/* Account settings */
#usermaintnavi strong,
#myaccount strong {
	font-weight: normal;
}
#last_orders .last_orders_block {
	padding: 10px;
}
#last_orders .last_orders_block:nth-child(odd) {
	background-color: #f1f0f0;
}
#last_orders .last_orders_block p {
	display: inline-block;
	padding: 2px;
	margin: 0;
	min-width: 160px;
}
#last_orders .all_orders {
	padding: 5px 0 0 5px;
}


/*BESTSELLER BOX */
.boxbody-bestseller {
	padding: 8px 0 5px 0;
	margin-bottom:15px
}
.boxbody-bestseller dt {
	display: inline-block;
	margin-right: 10px;
}
.boxbody-bestseller dt img {
	width: 50px;
	margin-bottom: 5px;
}
.boxbody-bestseller dd {
	display: inline-block;
	vertical-align: top;
	width: 71%;
}
.boxbody-bestseller dd h3 {
	margin-top: 0;
}
.boxbody-left dd .price1 {
	margin: 0;
}
.boxbody-bestseller div.hrlightgrey {
	margin: 10px 0;
	background-color: #ecf0f1;
}
.count {
	float: left;
	font-size: 22px;
	color: #fff;
	margin-left: 5px;
	height: 100%;
}

/* PRODUCT LISTING GRID VIEW n COLUMNS */

#catbody0 h1{
	background: #eee;
	padding: 5px;
	/* box-shadow: 0 0 8px 0 lightgray; */
	border: 10px solid #fff;
}

#catbody0 h1.twolines {
    padding-left: 100px !important;
}

#catbody0 h1.solarwaermesysteme {
	background-color: #fff07f;
	background-image: url("img/ueberschrifticons/icon-solarwaerme.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: contain;
	padding: 10px 10px 10px 60px;
	border:none;
}

#catbody0 h1.holzwaermesysteme {
	background-color: #cbddbd;
	background-image: url("img/ueberschrifticons/icon-holz.png");	
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: contain;
	padding: 10px 10px 10px 60px;
	border:none;	
}

#catbody0 h1.gasbrennwertsysteme {
	background-color: #67b0cf;
	background-image: url("img/ueberschrifticons/icon-gasbrennwert.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: contain;
	padding: 10px 10px 10px 60px;	
	border:none;	
}

#catbody0 h1.speichertechnik {
	background-color: #ffdbb4;
	background-image: url("img/ueberschrifticons/icon-speicher.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: contain;
	padding: 10px 10px 10px 60px;
	border:none;	
}

#catbody0 h1.regelung {
	background-color: #fbc4af;
	background-image: url("img/ueberschrifticons/icon-regelungen.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: contain;
	padding: 10px 10px 10px 60px;
	border:none;	
}

#catbody0 h1.systemzubehoer {
	background-color: #e2cfb1;
	background-image: url("img/ueberschrifticons/icon-zubehoer.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: contain;
	padding: 10px 10px 10px 60px;
	border:none;	
}
#catbody0 h1.waermezentrale {
	background-color: #c1b2a8;
	background-image: url("img/ueberschrifticons/icon-waermezentrale.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: contain;
	padding: 10px 10px 10px 60px;
	border:none;
}
#catbody0 h1.waermepumpe {
	background-color: #e1c2dd;
	background-image: url("img/ueberschrifticons/icon-Waermepumpe.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: contain;
	padding: 10px 10px 10px 60px;
	border:none;
}
#catbody0 h1.gasabgas, #catbody0 h1.abgas  {
	background-color: #67b0cf;
	background-image: url("img/ueberschrifticons/icon-gasbrennwert.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: contain;
	padding: 10px 10px 10px 60px;
	border:none;	
}
#catbody0 h1.photovoltaik {
	background-color: #BBCBDF;
	background-image: url("img/ueberschrifticons/icon-pv.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: contain;
	padding: 10px 10px 10px 60px;
	border:none;
}

#catbody0 h1.marketing {
	background-color: #BDBDBD;
	background-image: url("img/ueberschrifticons/icon-marketing.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: contain;
	padding: 10px 10px 10px 60px;
	border:none;
}

#catbody{
	background: #fff;
	margin-top: 10px;
	/* box-shadow: 0 0 8px 0 lightgray; */
	padding: 5px;
	margin-bottom: 5px;
}

#catbody.ul {
	padding: 0;
}

#subcat{
	background: #fff;
}


#productlisting ul  { 
	margin:0; 
	padding:0; 
	list-style:none; 
	width: 100%;
	padding-bottom:10px;
} 
#productlisting ul li { 
	padding:0;
	list-style:none; 
	float:left;
	/* border: 1px solid #bbbbbb; */
	box-sizing: border-box;
	background: #fff;
	/* box-shadow: 0 0 8px 0 lightgray; */
} 
#catextra #productlisting ul li {
	width: 100%;
	min-height: 350px;
}
#catitemlist #productlisting ul li {
	margin:0 0.5% 1% 0.5%;
	width: 32.33%;
}

#productlisting .longdescr li {
	height: auto;
	min-height: 0 !important;
	list-style: inside none disc;
}

.hier_img {
    display: inline-block;
    margin-right: 10px;
    padding: 3px;
    width: auto;
}
.hier_img > img {
    width: 100%;
}

.productlisting_bild {
	float: left;
	padding: 5px;
	height:90px;
}

.extra_bild {
    float: none;
    padding: 0;
	margin-top:-8px;
}

.productlisting_bild img {
	height: 90px;
}

.extra_bild img {
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

li.promoli{
	
}

.shortdescr {
	padding-right: 5px;
}
.longdescr {
	padding:5px;
}
#productlisting li h2 {
	background: #eeeeee;
	border: 1px solid #fff;
	padding: 10px 10px 10px 10px;
	font-size:14px; 
}

#productlisting li h2.aktion {
	background-color: lightgray;
	/* background-image: url("img/ueberschrifticons/icon-solarwaerme.png"); */
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: contain;
	padding: 10px 10px 10px 10px;
	border:none;
}

#productlisting li h2.solarwaermesysteme {
	background-color: #fff07f;
	background-image: url("img/ueberschrifticons/icon-solarwaerme.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: contain;
	padding: 10px 10px 10px 50px;
	border:none;
}

#productlisting li h2.holzwaermesysteme {
	background-color: #cbddbd;
	background-image: url("img/ueberschrifticons/icon-holz.png");	
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: contain;
	padding: 10px 10px 10px 50px;
	border:none;
}

#productlisting li h2.gasbrennwertsysteme {
	background-color: #67b0cf;
	background-image: url("img/ueberschrifticons/icon-gasbrennwert.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: contain;
	padding: 10px 10px 10px 50px;	
	border:none;
}

#productlisting li h2.speichertechnik {
	background-color: #ffdbb4;
	background-image: url("img/ueberschrifticons/icon-speicher.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: contain;
	padding: 10px 10px 10px 50px;
	border:none;
}

#productlisting li h2.regelung{
	background-color: #fbc4af;
	background-image: url("img/ueberschrifticons/icon-regelungen.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: contain;
	padding: 10px 10px 10px 50px;
	border:none;
}

#productlisting li h2.waermezentrale{
	background-color: #c1b2a8;
	background-image: url("img/ueberschrifticons/icon-waermezentrale.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: contain;
	padding: 10px 10px 10px 50px;
	border:none;
}

#productlisting li h2.waermepumpe{
	background-color: #e1c2dd;
	background-image: url("img/ueberschrifticons/icon-Waermepumpe.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: contain;
	padding: 10px 10px 10px 50px;
	border:none;
}

#productlisting li h2.systemzubehoer{
	background-color: #e2cfb1;
	background-image: url("img/ueberschrifticons/icon-zubehoer.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: contain;
	padding: 10px 10px 10px 50px;
	border:none;
}

#productlisting li h2.gasabgas, #productlisting li h2.abgas{
	background-color: #67b0cf;
	background-image: url("img/ueberschrifticons/icon-gasbrennwert.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: contain;
	padding: 10px 10px 10px 50px;
	border:none;
}
#productlisting li h2.photovoltaik{
	background-color: #BBCBDF;
	background-image: url("img/ueberschrifticons/icon-pv.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: contain;
	padding: 10px 10px 10px 50px;
	border:none;
}
#productlisting li h2.marketing{ 
	background-color: #BDBDBD;
	background-image: url("img/ueberschrifticons/icon-marketing.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: contain;
	padding: 10px 10px 10px 50px;
	border:none;
}

.productlisting_price {
	padding-left: 5px;
}
.productlisting_price .price,
.productlisting_price .price1{
	font-size:14px; 
	font-weight:bold; 
	color:#515050;
}
.productlisting_price .price1 {
	vertical-align: bottom;
	margin-bottom: 0px;
	display: block;
}
.productlisting_price .productOldPrice {
	font-size:11px; 
	font-weight:bold; 
	color:#999;
	text-decoration: line-through;
	display: block;
}
.productlisting_price .taxandshippinginfo,
.productlisting_preis .taxandshippinginfo a {
	font-size:10px; 
	font-weight:normal; 
	color:#999999; 
	padding:0; 
	margin:0
}
.productlisting_price .price {
	display:block;
	padding-top:14px;
}
.productlisting_buttons {
    float:left;
	padding: 5px 5px 5px 0;
}
.productlisting_button_left {
    float:left;
	padding: 5px 0px 5px 5px;
}
.productlisting_button_right {
	float: right;
	padding: 5px 5px 5px 0;
}

/* Promo productlisting */
#promo_wrapper {
	background-color: #fff;
	/* box-shadow: 0 0 8px 0 lightgray; */
}
.jcarousel_promo {
	height: 300px;
	width: 100%;
}
.productlisting_promo {
	padding: 20px;
	box-sizing: border-box;
	height: 100%;
}
.productlisting_promo_bild,
.productlisting_promo_details,
.productlisting_promo_keyfeatures,
.productlisting_promo_price {
	float: left;
}
.productlisting_promo_bild {
	height: 100%;
	width: 30%;
	padding-right: 30px;
	box-sizing: border-box;
}
.productlisting_promo_bild img {
	max-width: 100%;
	height: auto;
	max-height: 100%;
}
.productlisting_promo_details {
	width: 70%;
	padding-left: 40px;
	box-sizing: border-box;
}
.productlisting_promo_details h2 {
	font-size: 30px;
	text-transform: uppercase;
}
.productlisting_promo_keyfeatures {
	width: 70%;
}
.productlisting_promo_keyfeatures ul {
	list-style-type: none;
}
.productlisting_promo_keyfeatures li {
	padding-bottom: 3px;
	font-size: 15px;
}
.productlisting_promo_price {
	padding-top: 80px;
	width: 30%;
}
.productlisting_promo_price .price1 {
	font-size: 20px;
	font-weight: bold;
}
.productlisting_promo_price .taxandshippinginfo {
	white-space: initial;
}
.productlisting_promo_button .vbutton {
	height: 45px;
}
.productlisting_promo_button .vbutton input {
	height: 45px;
	font-size: 18px;
	width: 150px;
}



/* PRODUCT INFO, PRODUCT DETAILS */
#productinfowrap {
	margin-top:15px;
	width:auto;
	overflow:hidden;
	background-color: #fff;
	/* box-shadow: 0 0 8px 0 lightgray; */
	padding: 10px;
}
#productinfoimages {
	margin-right:20px;
	float:left;
}
#productinfoimages .productimage {
	/* width: 260px; */
	margin-bottom:10px;
	float:none;
	display:block;
	margin-left: auto;
	margin-right: auto;
}
#productinfoimages .productenlarge {
	margin-bottom:3px;
	margin-right: 3px;
	display:inline-block;
	vertical-align: middle;
	height: 18px;
}
#productinfoimages a {
	text-decoration:none;
}
#productinfoimages .hrlightgrey {
	margin-top:6px;
	margin-bottom:6px;
}
#productinfopricewithimages {
	/* min-width:230px; */
	overflow:hidden;
}
#productinfopricewithimages table td:first-child{
	font-weight: bold;
}
#productinfopricewithimages img {
	cursor:pointer
}
#productinfopricewithoutimages {
	width:100%
}
#productinfopricewithoutimages img {
	cursor:pointer
}
#productinfopricewithimages .mainattributes {
	/* margin-bottom:15px; */
	/* margin-top:34px; */
	float:right;
	width: 63%;	
}
.volumediscount {
	margin-top: 10px;
	margin-bottom: 10px;
}
.volumediscount table.tabledetails {
	margin-top: 5px;
	width: 50%;
}
#productinfopricewithimages .basket {
	float:left;
	/* margin-right: 15px; */
	width: 35%;
	/* margin-bottom:15px; */
}

#productinfopricewithimages .basket .basketadds {
	margin-top: 15px;
}

#productinfopricewithimages .basket .basketadds ul{
	padding:0;
}

#productinfopricewithimages .basket .basketadds ul li{
	list-style-type: none;
	/* margin-top: 7px; */
	margin-top: 20px;
}
#productinfopricewithimages .basket .basketadds ul li a{
	text-decoration: none;
	padding-top: 5px;
}
#productinfopricewithimages .addtobasket {
	margin-bottom: 10px;
}
#productinfoprice {
	padding:5px
}
#productinfoprice .hrlightgrey {
	margin-top:6px;
	margin-bottom:6px;
}
#productinfoprice .productprice {
	font-size:14px;
	font-weight:bold;
}
#productinfoprice .productOldPrice {
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
}
#productinfoprice .taxandshippinginfo {
	font-size:11px;
	font-weight:normal;
	color:#999999;
}
#productinfoprice .taxandshippinginfo a {
	font-size:11px;
	font-weight:normal;
	color:#999999;
}
#productinfoprice .shippingtime {
	font-size:11px;
	font-weight:normal;
	color:#999999;
}
#productinfoprice .stockimage {
}
#productinfoprice .stockimagetext {
	font-size:11px;
	font-weight:normal;
	color:#999999;
}
.keyfeatures{
	margin-bottom:5px;
}
.keyfeatures ul{
	list-style-type:none;
	padding-left: 0px;
}
.keyfeatures ul li {
	padding-bottom: 2px;
}
.pictograms {
	margin-bottom:15px;
}
.pictograms ul{
	list-style-type:none;
}
.pictograms ul li{
	padding-right:7px;
	float:left;
}
.pictograms ul li img{height:30px;
}
p.productinfoproductadded {
	font-size:11px;
}
.productoptions {
	padding:6px;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#cecece;
	margin-bottom: 10px;
}
.taxandshippinginfo{white-space:nowrap;}

/* POPUPS PRODUCTINFO */
body.popupproductinfo {
	padding:15px;
	background:none;
	background-color:#fff
}
/* POPUP print_order.html */
body.popupprintorder {
	/* font-family:"Trebuchet MS", Verdana, Arial, Sans-serif;	*/
	font-family: 'Palanquin';
	font-size:13px;
	padding:15px;
	background:none;
	background-color:#fff
}
body.popupprintorder .products tr.header td {
	font-weight:bold;
	background-color:#EDEDED;
}
body.popupprintorder .products .total {
	text-align:right
}
body.popupprintorder .products .quantity {
	vertical-align:top
}
body.popupprintorder .productname {
	vertical-align:top
}
body.popupprintorder .model {
	vertical-align:top
}
body.popupprintorder .singleprice {
	vertical-align:top
}
body.popupprintorder .totalprice {
	vertical-align:top
}
/* HIGHLIGHTBOX (BACKGROUND) */
div.highlightbox {
	padding: 15px;
	/* border: solid #cecece 1px; */
	margin-bottom:10px;
	background-color:#fff;
	/* box-shadow: 0 0 8px 0 lightgray; */
}
div.highlightbox ul {
	margin-left:15px;
	padding:0;
	display:block;
	line-height:20px
}
div.highlightbox h1 {
	color:#000;
	padding:0px 0px 10px 0px;
	margin:0;
	border:none;
	font-size:16px
}
div.highlightbox div.hr {
	height:1px;
	line-height:1px;
	margin:0;
	padding:0;
	display:block;
	border-bottom: solid 1px #efefef;
}

#versand_left {
	width: 30%;
	float: left;
	background: #ffffff;
}

#versand_right{
	width: 60%;
	float: left;
/*	margin-top: 4em; */
	background:#ffffff;
	min-width: 500px;
}

/* PAYMENT TYPE SELECTION */
table.paymentblock tr td.header {
	background-color:#cecece;
	padding:2px;
	padding-left:5px;
	color:#FFFFFF;
	font-weight:bold;
}
table.paymentblock tr td {
	vertical-align:top;
}
table.paymentblock tr td.description {
	width:100%;
	vertical-align:middle;
	padding-left:6px;
}
table.paymentblock tr td.radiobutton {
	vertical-align:middle;
	white-space:nowrap;
	padding:4px;
}
table.paymentblock tr td.radiobutton input {
	margin:0;
	padding:0;
}
table.paymentblock tr td.price {
	vertical-align:middle;
	white-space:nowrap
}
table.ccard .value input,
table.ccard .value select {
	width: 100%;
	box-sizing: border-box;
}
table.ccard .value select {
	margin-bottom: 2px;
}

/* SHIPPING TYPE SELECTION */
table.shippingblock tr td.header {
	background-color:#cecece;
	padding:2px;
	padding-left:5px;
	color:#FFFFFF;
	font-weight:bold;
}
table.shippingblock tr td {
	vertical-align:top;
}
table.shippingblock tr td.description {
	width:100%;
	vertical-align:middle;
	padding-left:6px;
}
table.shippingblock tr td.radiobutton {
	vertical-align:middle;
	white-space:nowrap;
	padding:4px;
}
table.shippingblock tr td.radiobutton input {
	margin:0;
	padding:0;
}
table.shippingblock tr td.price {
	vertical-align:middle;
	white-space:nowrap
}
/* MESSAGEBOX ON CONTACT FORM SITE */
textarea.message_body {
	width:130px;
}

/*Tables general */
table td.left {
	text-align:left;
	float:none;
}
table td.center {
	text-align:center;
}
table td.right {
	text-align:right;
	float:none;
}
table td.top {
	vertical-align:top;
}
table td.date {
	text-align:left;
}
table td.counter {
	text-align:right;
	padding-right:5px;
}		
table tr.headerrow td {
	background: #e7e8e8;
	color:#000000;
	font-weight:bold;
}
table tr.headerrow1 td {
	padding-bottom:0px;
}
table tr.headerrow2 td {
	padding:0 3px 3px 3px;
	background-color: #e7e8e8;
	color:#000;
	font-weight:bold;
}
table tr.headerrow td.quantity {
	width: 50px;
	padding-right:5px;
}
table tr.headerrow2 td.quantity {
	width: 50px;
	text-align:right;
	padding-right:5px;
}
table tr.contentrow1 td {
	background-color:#fff;
	vertical-align:middle;
}
table tr.contentrow2 td {
	background-color:#e7e8e8;
	vertical-align:middle;
}
table td.quantity {
	white-space:nowrap;
}
table td.quantity input {
}
table td.productname {
	text-align:left;
}
table td.productname img {
	vertical-align: middle !important;
}
table td.itemno {
	width:50px;
}
table tr td.singleprice {
	text-align:right;
	white-space:nowrap
}
table tr td.totalprice {
	text-align:right;
	white-space:nowrap
}
table tr td.delete {
	text-align:center;
	white-space:nowrap
}
table.userprofile td {
	vertical-align:top;
}
table.userprofval {
	padding-bottom:5px;
}
/* ORDER HEADER */
#basbody h1 {
	margin-bottom: 5px;
}
.basketheadero1,
.basketheadero2,
.basketheadero3 {
	float:left;
	margin-right: 80px;
}
#docdetail h2 {
	margin:8px 0px 3px 0px;
}
#basbody2 h2{
	margin:8px 0px 3px 0px;
}
.orderheaderblock{
	float:left;
	margin-right: 50px;
	margin-bottom: 15px;
}	

table.orderheader{
	padding:10px;
	width: 100%;
	border: solid #cecece 1px;
	margin-bottom:5px;
}	
table.orderheader tr td {
	padding: 0 0 5px 0;
}
.orderheader h4 {
	margin:0px;
        margin-bottom:4px;
}

/* ORDER DETAIL */
table.orderdetails{
	width:100%;
}
table.orderdetails p {
	margin-top:3px;
} 
table.orderdetails tr td {
	padding:6px
}
table.orderdetails .headerrow2 table {
	width: 100%;
}
table.orderdetails .headerrow2 td {
	padding: 0;
}

/* ORDER DETAILS PRODUCT ATTRIBUTES */
table tr td.productname table.productattributes {
	margin-top:3px;
}
table tr td.productname table.productattributes tr td {
	padding:0px;
}
table tr td.productname table.productattributes tr td.attribute {
	padding-right:4px;
	vertical-align:top;
}
table tr td.productname table.productattributes tr td.value {
	width:100%;
}

/* ORDER DETAILS expandable item detail */
table.orderdetails tr td div#headexpandtr {
	display: none;
}
table.orderdetails tr td div.expandtr {
	background-image: url("img/icon_expand.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 14px 14px;
	width: 20px;
	height: 20px;
	cursor:pointer;
	margin: 0 auto;
}
table.orderdetails tr td div.expandtr.opened {
	background-image: url("img/icon_collapse.png");
}
table.orderdetails tr.content {
	display:none;
}

#basketheader {
  background-color: #fff;
  /* box-shadow: 0 0 8px 0 lightgray; */
}

#basketheader .opened, 
#basketheader .closed, 
#docsearch .opened, 
#docsearch .closed,
#nbaheader_toggle.opened,
#nbaheader_toggle.closed  {
	cursor: pointer;
	margin-bottom:5px;
	text-align:right;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 12px 12px;
	padding-right: 15px;
	margin-right: 5px;
}
#basketheader .content {
	padding:10px;
	/* border: solid #cecece 1px; */
	margin-bottom:5px;
	overflow:hidden;
}
#basketheader_toggle,
#docsearch_toggle,
#nbaheader_toggle {
	font-size:11px;
}
#basketheader_toggle:hover,
#docsearch_toggle:hover,
#nbaheader_toggle:hover {
	color: #15568c;
}

#basketheader .text_h h5 {
	text-align:left;
}
#basketheader .text_h h5:hover {
	color:#15568c;
}
#basketheader  .text_h .content {
	background-image:none;
	border:none;
	padding-left:0px;
	padding-top:0px;
}
#basketheader .orderheaderblock .fleft {
	float:left;
	min-width: 120px;
	padding-bottom:5px;
}
/* Doclist */
.docdownload {
	display: inline;
}

#text_h_toggle {
	width:460px;
}
#text_h_toggle.opened,
#text_h_toggle.closed {
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 12px 12px;
	padding-left: 15px;
}

/* ORDER Basitem detail */
.basketitemdetail{
  padding-top:4px;
}
.basketitemdetail1 table tr td {
 padding:0px 5px 3px 0px;
}
table tr.contentrow2 .basketitemdetail1, table tr.contentrow2 .basketitemdetail2{
border-top:1px solid white;
}
table tr.contentrow1 .basketitemdetail1, table tr.contentrow1 .basketitemdetail2{
border-top:1px solid #f1f0f0;
}

/* ORDER DETAILS Schedule lines */
table.basschedule tr td{padding:0px;}
table.basschedule tr td.right{
	text-align:right;
}
table.basschedule td.quantity {
	text-align:right;
	width:50px;
	padding-right:5px;
}
/* PRODUCT NAVIGATOR */
.productnavigator {
/* 	background-color:#f6f6f6;
	border:1px solid #DCE0E1;
	margin-bottom:5px;
	padding: 3px 5px 3px 5px; */
	
	background-color: #fff;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 0px 5px 5px 5px;
	/* box-shadow: 0 0 8px 0 lightgray; */
	
}
.productnavigator select {
	margin-top: 5px;
	padding-top: 2px;
}
.productnavigator .download {
	float:right;
	line-height: 35px;
	margin-left:15px;
}
.productnavigator .download a {
	text-decoration:none;
}
.productnavigator .download a img {
	vertical-align:middle;
}
.productnavigator .sort,
.productnavigator .items {
	float:right;
	line-height: 35px;
	margin-left:15px;
}
.productnavigator .smallText {
	line-height:35px;
}
.productnavigator .pages {
	float:left;
	line-height:35px;
	margin-right:15px;
	padding-left: 5px;
	padding-top:4px;
}
.productnavigator .smallText img {
	vertical-align:middle;
}
.productnavigator table {
	padding-top: 3px;
	line-height:35px;
}

/* PAGINATION */
.pagination {
	float:left;
	margin-top:4px;
	margin-right:15px;
}
.pagination a {
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	border-left:1px solid #bbb;
	font-size:13px;
	height:30px;
	width:30px;
	display:block;
	float:left;
	text-align:center;
	position:relative;
	line-height:30px;
}
.pagination a.inact:hover,
.pagination a.inact:active {
	cursor:default;
	background:none;
}
.pagination a.inact {
	width:15px;
}
.pagination a img {
	width:11px;
	position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.pagination a:hover,
.pagination a:active {
	background-color:#fff;
}
.pagination a.last {
	border-right:1px solid #bbb;
}
.pagination_title {
	padding-right:5px;
	float:left;
	line-height:30px;
}

.pagination a strong{
	font-size:15px;
}

/* BASKETNAVIGATOR */
.basketnavigator {
	margin-bottom:5px;
	padding: 3px 5px 3px 5px;
}
.basketnavigator .download {
	float:left;
	margin-right:15px;
	line-height:35px;
}
.basketnavigator .download a img {
	vertical-align:middle;
}
.basketnavigator .smallText {
	line-height:35px;
}
.basketnavigator .items {
	float:right;
	margin-left:15px;
}
.basketnavigator .pagination {
	float:right;
	margin: 0 0 0 15px;
}
.basketnavigator select {
	margin-top: 5px;
	padding-top: 2px;
}


/* REVIEW LIST */
table.reviewlist {
	background-color:#dfd4c5;
	border-style: solid;
	border-width:0px 1px 1px 1px;
	border-color:#cecece;
}
table.reviewlist tr td {
	padding:4px;
	white-space:nowrap
}
table.reviewlist tr.header td {
	background-color:#cecece;
	color:#FFFFFF;
	font-weight:bold
}
table.reviewlist tr.contentrow1 td {
	background-color:#dfd4c5;
}
table.reviewlist tr.contentrow2 td {
	background-color:#e5dcd1;
}
textarea#review {
	width:100%
}
 
/* COMMENTS ON CHECKOUT CONFIRMATION SITE */
p.checkoutcomment textarea {
	width:99%
}
/* TERMS AND CONDITIONS ON CHECKOUT SITE */
p.checkoutagb textarea {
	width:99%
}
/* CHECKOUT NAVIGATION */
#checkoutnavigation {
	background-color:#e2e2e2;
	list-style-type:none;
	margin-bottom:20px;
}
#checkoutnavigation li {
    width: 150px;
    margin: 0px 2px 0 0;
    position: relative;
	float:left;
	line-height:36px;
	text-indent:30px;
}
#checkoutnavigation li:before {
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    left: 0px;
    border-style: solid;
    border-width: 18px 0 18px 15px;
    border-color: transparent transparent transparent #fff;
    z-index: 0;
	-moz-transform: scale(.9999);
}
#checkoutnavigation li:first-child:before {
    border-color: transparent;
}
#checkoutnavigation li a:after {
    content: " ";
    height: 0;
    width: 0;
	top:0;
    position: absolute;
    right: -15px;
    border-style: solid;
    border-width: 18px 0 18px 15px;
    border-color: transparent transparent transparent #e2e2e2;
    z-index: 10;
	-moz-transform: scale(.9999);
}
#checkoutnavigation li.active a {
    background: #6C7A89;
    z-index: 100;
	color:#fff;
}
#checkoutnavigation li.active a:after {
    border-left-color: #6C7A89;
}
#checkoutnavigation li a {
    display: block;
}
#checkoutnavigation li.active a:hover {
    background: #6C7A89;
}
#checkoutnavigation li.active a:hover:after {
    border-color: transparent transparent transparent #6C7A89; 
	-moz-transform: scale(.9999);
}
#checkoutnavigation li.inactive a {
	color:#999;
}
#checkoutnavigation li.inactive a:hover {
	color:#e67e22;
}

/* MESSAGES */
.errormessage {
 	border: solid #ff0000 1px;
	padding:8px;
	background-color:#FFD6D6;
	margin-bottom:4px;			
}
.successmessage {
	border: solid  #669933 1px;
	padding:8px;
	background-color: #E4FCD6;
	margin-bottom:4px;
}
.warnmessage {
	border: solid  #FFC125 1px;
	padding:8px;
	background-color: #FFD700;
	margin-bottom:4px;
}
/* SUCCESS MESSAGE */
.messageStackSuccess {
	padding:4px;
	background-color:#66FF66;
}
.errormessage a, .successmessage a{text-decoration:none;}
.errormessage img, .successmessage img{margin-left:3px;margin-right:2px;vertical-align:middle;margin-bottom:1px;}

/* More pictures - preview pictures */
.jcarousel_morepics,
.jcarousel_morevideos {
	width: 212px;
}
.morepics, .videos {
	width: 252px;
	margin-bottom: 15px;
} 
.morepics h4, .videos h4 {
margin: 5px 0px 2px 0px;}
.morepics img, .videos img { 
	width: 66px;
	padding: 2px;
  vertical-align:middle;
}
.morepics .ITEM_PICSLIDER, .videos .ITEM_VIDSLIDER  {
	background:#FFF;
	line-height:55px;
	text-align:center;
}

/* Preview pictures TD with same distance */
.productPreviewImage { 
	width:100px; 
	display:block 
}
td.productPreviewContent { 
	width:400px; 
	text-align:left 
} 

/* FIX for listing */
#content ol, #content ul { margin:10px 0 10px 40px; }

.clear {
	clear: both;
}
.cleari {
	clear: both !important;
	float: none !important;
}
.hidden {
	display:none;visibility:hidden;
}
/* Addons */
#productinfopricewithimages p.productprice{
	font-size:16px;
	font-weight:bold;
	color:#626262;
}

/* Maintenace Information Login Screen */
.maintmsg input{
	font-size: 12px;
	color: red; 
	font-weight: normal; 
	background-color:#FFFFFF; 
	border:none;width:600px;
}

/* Product search auto suggestions */
.suggestionsBox {
	position: absolute;
	background-color: #FFF;
	border: 1px solid #CCC;
	-webkit-box-shadow: -2px 6px 5px 0px rgba(50, 50, 50, 0.21);
	-moz-box-shadow:    -2px 6px 5px 0px rgba(50, 50, 50, 0.21);
	box-shadow:         -2px 6px 5px 0px rgba(50, 50, 50, 0.21);
	color: #000;
	width:472px;
	right:-10px;
}
.suggestionsBox .left{
	width:200px;
	padding-left:10px;
	float:left;
	padding: 0px 20px 10px 10px;
}
.suggestionsBox .right{
	float:left;
	padding: 0px 0 10px 10px;
}
.suggestionsBox h2{
	margin-top:10px;
}
.suggestionsBox em{
	color:#34495e;
	font-weight:bold;
	font-style: normal;
}
.suggestionsBox li:hover em{
	color:#e67e22;
}
.suggestionsBox li:hover{
	color:#e67e22;
}
.suggestionList {
	margin: 0px;
	padding: 0px;
	max-height:600px;
	overflow-y:auto;
}
.suggestionList li {
	margin: 0px 0px 3px 0px;
	padding: 3px;
	cursor: pointer;
	list-style-type:none;
}

/* CUSTOMER SELECTION */
#custlist{
	padding-top:10px;
}
table.custsel {
	font-size:11px;
}
table.custsel tr td {
	padding:4px 0;
	vertical-align:bottom;
}

/* CATALG SELECTION */
table.catsel {
	font-size:11px;
	vertical-align:top;
}
table.catsel tr td {
	padding:4px;
}

/* document SELECTION */
table.docsel {
	font-size:11px; 
	vertical-align:top;
}
table.docsel tr td {
	padding:4px 0;
}

/* ACCEPT TERMS AND CONDS */
table.tableaccterms tr td {padding:4px}
table.tableaccterms tr.headerrow td {font-weight:bold;padding-bottom:10px;background:none;}
table.tableaccterms tr.newblock td {padding-top:20px;}

/* ORDER DETAIL CHECKOUT */
table.tabledetails {
	background: #fff;
}
table.tabledetails .headerrow {
	height: 30px;
	white-space: nowrap;
}
table.tabledetails tr td {
	padding:6px 10px 6px 6px;
}

/* SUBTOTALS */
table tr td.subtotal {
	background-color:#e2e2e2; 
	text-align:right;
	border-style: solid; 
	border-width:1px 0px 0px 0px; 
	border-color:#e2e2e2;
}
table.subtotalitems tr td{
	padding:1px;
}
table.subtotalitems .headl{
	width:160px;
}
table.subtotalitems .value{
	width:120px;
}
table.subtotalitems .tax {
	border-bottom:1px solid #999;
}
table.subtotalitems .netvat{
	font-weight:bold;
}

/* BASKET ANALYSE */
table.basanalyse tr td {
	padding:4px;
}
table.basanalyse tr.headerrow td {
	background: #34495e; 
	color:#FFFFFF;
	font-weight:bold;
}
table.basanalyse tr.headerrow td.left {
	text-align:left;
}
table.basanalyse tr.headerrow td.center {
	text-align:center
}
table.basanalyse tr.headerrow td.right {
	text-align:right
}

/* BASKET ANALYSE CONTENT ROW 1 */
table.basanalyse tr.contentrow1 td {background-color:#ffffff;vertical-align:top;}
table.basanalyse tr.contentrow1 td.left {text-align:left}
table.basanalyse tr.contentrow1 td.center {text-align:center}
table.basanalyse tr.contentrow1 td.right {text-align:right}

/* BASKET ANALYSE CONTENT ROW 2 */
table.basanalyse tr.contentrow2 td {background-color:#ffffff;vertical-align:top;}
table.basanalyse tr.contentrow2 td.left {text-align:left}
table.basanalyse tr.contentrow2 td.center {text-align:center}
table.basanalyse tr.contentrow2 td.right {text-align:right}

/* BASKET ANALYSE SUBTOTAL */
table.basanalyse tr.subtotal td {background-color:#ffffff;vertical-align:top;}
table.basanalyse tr.subtotal td.left {text-align:left}
table.basanalyse tr.subtotal td.center {text-align:center}
table.basanalyse tr.subtotal td.right {text-align:right}

/* BASKET ANALYSE SPACER */
table.basanalyse tr.spacer td {
  padding:0px 0px 0px 0px;
}

/* DOCLIST NAVIGATOR */
div.listnavigator {
	background-color:#EDEDED;
	padding:4px;
	border:#999999 1px solid;
	margin-bottom:3px;
}
inpsearch {
	width:200px;
}
.basartsearch{ 
	position:absolute; 
	left:0px; 
	top:0px; 
	display:none; 
	width:340px; 
	z-index:1000;
	margin-bottom:-500px;
}
/* INPUT FIELD LENGTH */
.input300{ 
	width:302px;
}

/* PARTNER DETAIL */
table.partnerdetails {
	width:100%;
}
table.partnerdetails tr td {
	padding:4px;
	box-sizing: border-box;
}

/* PRODUCT UPLOAD */
#produpload p.bold {
	font-weight: bold;
}
#produpload input.upload {
	margin-bottom: 10px;
	height: 25px;
}
#produpload .produpcont {
	padding-left:3px;
	padding-right: 3px;
}
#produpload .produpcont span.red {
	color: red;
}
#produpload .produpcont span.green {
	color: green;
}
/* PRODUCT ATTACHEMENT */
#prodatta .prodattacont {
	padding-left: 3px;
	padding-right: 3px;
}
#prodatta input.upload {
	margin-bottom: 10px;
	height: 25px;
}
#prodatta p.bold {
	font-weight:bold;
}
#prodatta table {
	width: 100%;
	margin-bottom: 10px;
}

/* Selektboxen spezielle Behandlung */
select.language{
	width:120px;
	padding-top: 2px;
}
#userreq select.country{
	min-width:220px;
}
#userreq select.region{
	min-width:220px;
}

/* LOGIN */
.loginright table.logintab td {
	width: 100%;
	float: left;
}
.loginright table.logintab input.user,
.loginright table.logintab input.pwd {
	width:100%;
}
.loginright table.logintab input.b_login_small {
	margin-top: 5px;
}


/* PRODUCT  GRAPHICAL NAVI n COLUMNS */
#productnavi ul  { 
	list-style:none; 
	width: auto;
	padding:0;
	padding-left:10px;
	/* padding-left: 4%; */
} 

#productnavi ul li {
	list-style: none;
}
#productnavi li.left, #productnavi li.left2 { 
	list-style:none; 
	float:left;
	margin-bottom: 8px;
	padding-left:3px;padding-bottom:3px;
	min-width: 250px;
	max-width: 250px;
	max-height: 250px;
	min-height: 250px;
	vertical-align: top;
	border: 1px solid #bbbbbb;
	margin-right: 15px;
} 
#productnavi li.right,#productnavi li.right2{ 
	list-style:none; 
	float:left;
	margin-bottom: 5px;
	min-width: 212px;
	border: 1px solid #bbbbbb;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
} 
#productnavi h2{
	font-size:14px;
	padding: 5px;
}

#productnavi ul li h2{
	min-height: 3.5em;
}

#productnavi li.left:hover{
	/* background-color:#eff4fa; */
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    transition-duration: 0.3s;
}
#productnavi .productnavi_bild {
	height:130px;
}

#productnavi .productnavi_bild a{
	/* margin-left: 20%; */
}


#productnavi .productnavi_bild img {
/*     left: 25%;
    position: relative;
    width: 50%; */
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* margin-top: 1.5em;	 */
	
}


/* PRODUCT  LIST VIEW  */

#productlistview{ 
	list-style:none; 
	/* border: 1px solid #bbbbbb; */
	margin-bottom:5px;
	float:left;
	width:100%;
	box-sizing:border-box;
} 
#productlistview .productlistview_bild {
	float:left;
	/* width: 150px; */
	margin-right:15px;
	min-width:150px;
}
/*Auskommentieren wenn drei Bilder verwendet werden*/
#productlistview .productlistview_bild img {
	display: block;
	margin-left: auto;
    margin-right: auto;
}

#productlistview .productlistview_shortdescr{ 
}
#productlistview .productlistview_info {
	min-width:230px;
	overflow:hidden;
}
#productlistview .productlistview_basket {
	float:left; 
	/* margin:0 20px 15px 0; */
	min-width:205px;
	width: 39%;
}

#productlistview ul {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0;
  padding:0;
}

#productlistview li.even,
#productlistview li.even2,
#productlistview li.odd,
#productlistview li.odd2{
	list-style: none;
	margin-bottom: 15px;
	background: #fff;
	border: none;
	/* box-shadow: 0 0 8px 0 lightgray; */
	padding: 12px 10px;
}

#productlistview li.even:last-child, 
#productlistview li.even2:last-child, 
#productlistview li.odd:last-child, 
#productlistview li.odd2:last-child{
	margin-bottom: 0px;
}

.cfgsearchbutton {
	padding: 3px
}

#select_erzeuger{
	padding: 3px;
}

/* #productlistview li.even,
#productlistview li.even2{ 
	list-style:none; 
	border-bottom:1px solid #E6EFF6; 
	padding:12px 10px;  	
} 
#productlistview li.odd,
#productlistview li.odd2{ 
	list-style:none; 
	border-bottom:1px solid #E6EFF6; 
	padding:12px 10px;
} */
.productlistview_price .price,
.productlistview_price .price1{
	font-size:14px; 
	font-weight:bold; 
	color:#626262;
}

.productlistview_price .price1 {
	height: 24px;
	vertical-align: bottom;
	margin-bottom: 0px;
	display: block;
}
.productlistview_button_left input {
	height: 30px;
	padding-left: 8px;
}
#productlistview .productlistview_attr{
	float:right;
	/* margin-left:95px; */
	width: 59%;
}
#productlistview .productlistview_attr  table{
	/* max-width:295px; */
}
#productlistview .productlistview_variant{
	margin-top:10px;
}
#productlistview .productlistview_attr td{ 
	padding:6px 4px 0px 0px;
}
#productlistview .productlistview_attr .headl{
	font-weight:bold;
	vertical-align: top;
}
#productlistview .productlistview_attr a{
	text-decoration:none;
	padding-top: 5px;
}
#productlistview .productlistview_attr a img {
	height: 20px;
	margin-top: 5px;
}
#productlistview .productlistview_attr li{
	list-style-type:none;
	margin-top: 0px;
}
#productlistview .hrlightgrey{
	margin-top:5px;
	margin-bottom:2px;
}
#productlistview h2{
	font-size:17px;
}
/* PRODUCT  LIST FILTER  */
#productlistfilter .content{
	float:left; 
	/* border: 1px solid #bbbbbb; */
	width:100%;
	margin-bottom:5px;
	padding: 8px 8px 3px 8px;
	box-sizing: border-box;
	background-color: #fff;
	/* box-shadow: 0 0 8px 0 lightgray; */
}
#productlistfilter .content ul{
	list-style-type:none;
}
#productlistfilter .content ul li{
	float:left;
	margin-right:15px;
	margin-bottom:5px;
	font-weight:bold;
}
#productlistfilter select{
	width:150px;
	height:25px;
	margin-top: 5px;
}
#productlistfilter input[type=text]{
	width:118px;
}

/* PRODUCT FILTER (ATTR.BASED SEARCH)  */
#productfilter #catsearchattr table { 
	width:100%;
}
#productfilter #catsearchattr table select,
#productfilter #catsearchattr table input {
	width: 100%;
	box-sizing: border-box;
}
#productfilter .content {
	margin: 5px 0 0 0;
}
#productfilter .vbuttrow {
	margin-top: 0;
}
#productfilter .vbuttrow div.vbutton{
	margin-right:10px;
}

/* PRODUCT FILTER AFTER (refine search)  */
#productfilterafter ul {
	margin:0px;
	padding:0px;
}
#productfilterafter ul li {
	margin:0px;
	padding:3px 0px;
	list-style-type:none;
}
#productfilterafter #catsearchfilter h3 {
	margin:0px;
}
#productfilterafter #catsearchfilter .left,
#productfilterafter #catsearchfilter .right {
	margin-top:5px;
}
#productfilterafter #catsearchfilter .left {
	float:left;
}
#productfilterafter #catsearchfilter .right {
	float:right;
	margin-right: 4px;
}
#productfilterafter #catsearchfilter div.expand {
	padding:5px 0px 5px 5px;
	margin-top:5px;
}
#productfilterafter #catsearchfilter div.expand:hover {
	cursor:pointer;
}
#productfilterafter #catsearchfilter div.expand.opened,
#productfilterafter #catsearchfilter div.expand.closed {
	background-color: #ecf0f1;
	background-size: 12px 12px;
	background-repeat: no-repeat;
	background-position: 97% center;
}
#productfilterafter #catsearchfilter div.content {
	padding:5px 0 10px 10px;
}
#productfilterafter #catsearchfilter div.content .ui-widget-content {
	margin-right: 12px;
	margin-top: 5px;
}
#productfilterafter #catsearchfilter div.scrollpanel {
	max-height: 200px;
	overflow-y:auto;
	overflow-x:hidden;
}
#productfilterafter #catsearchfilter a.resetfilter {
	color:#15568C;
	font-size:11px;
	display:inline-block;
	padding:0 0 4px 0;
	text-decoration:none;
}
#productfilterafter #catsearchfilter a.resetfilter:hover {
	text-decoration:underline;
}
.pseudo-checkbox,
.pseudo-checkbox.checked {
	display:inline-block;
	height:13px;
	width:11px;
	margin-right:3px;
	background-image:url("img/pseudocheckbox-unchecked.png");
	background-repeat:no-repeat;
	vertical-align:bottom;
}
.pseudo-checkbox.checked {
	background-image:url("img/pseudocheckbox-checked.png");
}
label.refine_attr:hover {
	cursor:pointer;
}


/* Tabstrips */
.tabcontent .closed,
.tabcontent .opened {
	cursor:pointer;
	padding-left:30px;
	height:30px;
	border-bottom: 1px solid #fff;
	color: #fff;
	line-height: 30px;
	font-size:13px;
	background-color: #626262;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 12px 12px;
}
.tabbed_area {
	margin-top:15px;
	margin-bottom:25px;
}

ul.tabs {
	margin:0px; 
	padding:0px;
}
.tab {
	list-style:none;
	display: inline-block; zoom:1;*display:inline;
	background-color:gray;
	border-bottom:none;
}
.tab a {
	display:block;
	padding:10px;
	text-decoration:none;
	outline: none;
	color:#fff;
}
.tab a:hover {
	background-color:#626262;
}
.tab.active {
	background-color:#626262;
	/* border-bottom-color:#34495e; */
	position: relative; 
	top: 1px;
	padding-top:1px;
 
}
.tabcontent {
	background-color:#fff;
	padding:10px 10px 10px 10px;
	/* border:1px solid #cecece;  */
	/* box-shadow: 0 0 8px 0 lightgray; */
}

#tabcontent_1 .vert_content{
	padding: 10px;
	margin-bottom: 5px;
	background-color: #eeeeee;
}

.content.vert_content li {
    margin-left: 10px;
}

.tabcontent ul.lsroundarrow li {
	list-style-type: none;
}
.tabcontent ul.lsroundarrow li a {
	text-decoration:none;
}
.tabcontent ul.lsroundarrow li a:hover {
	text-decoration:underline;
}

/* Product detail vertical attributes */
#vert_attributes .opened a,
#vert_attributes  .closed a {
	text-decoration:none;
}
#vert_attributes .content {
	padding: 8px 10px 10px 10px;
	display:none;
}
#vert_attributes .content .even {
	background-color:#eeeeee;
}
#vert_attributes .content. odd {
	background-color:#fff;
}
#vert_attributes .content table {
	width: 100%;
}
#vert_attributes .content td {
	padding: 4px;
}
#vert_attributes .content .headl{
	width:240px;
	vertical-align:top;
}
#vert_attributes .content .value{
	width:250px;
}

/* Product comparison */
#product_comp_wrap{
}
#product_comp_wrap .product_comp_table {
	width: 100%;
	overflow: auto;
	margin-bottom: 10px;
}
#product_comp_wrap .product_comp_table table {
	border-spacing: 0px;
	border: 5px solid #fff;
	width: 100%;
}
#product_comp_wrap .product_comp_table th{
	border-bottom: 0px;
	text-align: left;
	padding: 5px;
	color: #515050;
	background: #e7e8e8;
}
#product_comp_wrap .product_comp_table  td {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 5px;
	min-width: 185px;
}
#product_comp_wrap .product_comp_table table tr td:first-child,
#product_comp_wrap .product_comp_table table tr th:first-child {
	font-weight: bold;
	min-width: 150px;
}
#product_comp_wrap .product_comp_table .addtobasket {
	padding: 3px;
	text-align: left;
}
#product_comp_wrap .product_comp_table .addtobasket .vbutton input {
	margin-top: 5px;
}
#product_comp_wrap .product_comp_table .odd {
	background-color:#e7e8e8;
}
#product_comp_wrap .product_comp_table .even {
	background-color:#fff;
}
#product_comp_wrap .product_comp_table .left {
	text-align: left;
}
#product_comp_wrap .product_comp_table .center {
	text-align: center;
}
#product_comp_wrap .product_comp_table .right {
	text-align: right;
}
#product_comp_wrap .product_comp_table td.last img {
	height: 20px;
}

/* Material relations expandable*/
#productrel{
	margin-top:10px;
}
#productrel .opened,
#productrel .closed {
	color: #4a4a4a;
	cursor:pointer;
	padding: 10px 10px 10px 35px;
	margin-bottom: 2px;
	background-size: 12px 12px;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #e7e8e8;
}
#productrel .content #productlistview {
	border-top: none;
	box-sizing: border-box;
}
#productrel div.productnavigator {
	margin-bottom: 0;
}
#matrel .content {
	margin-bottom: 10px;
}

/* Ajax Loader */
.ajaxloader {
	display:none;
}
.ajaxloader .ajaxcontent .text {
	min-width: 40px;
	font-size: 12px;
}

/* Ajaxloader Smart */
.ajaxloader.ajaxloader_smart{
	position:absolute;
	right:10px;
	left:0;
	margin:0 auto;
	top: 165px;
	z-index:9999;
	max-width: 1200px;
}
.ajaxloader1.ajaxloader_smart{ /*custom position*/
	position:absolute;
	right:10px;
	left:0;
	margin:0 auto;
	top: 165px;
	z-index:9999;
	max-width: 1200px;
}
.ajaxloader #ajaxcontent .ajaximage_smart {
	margin-left: 10px;
	float:right;
	width: 22px;
	height: 22px;
	/* background-image: url("img/ajax-loader_smart.gif"); */
	background-image: url("img/ajax-loader.gif");
	background-repeat: no-repeat;
}
.ajaxloader .text_smart {
	font-size: 12px;
	float:right;
	color:#fff;
	line-height:22px;
}

/* Ajaxloader Center */
.ajaxloader .transbg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999;
	opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity = 50);
}
.ajaxloader1 .transbg { /*custom transparent bg*/
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #666;
	z-index: 9999;
	opacity: .0;
	-moz-opacity: .0;
	filter: alpha(opacity = 0);
}
.ajaxloader .ajaxcontent {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 40px;
	height: 50px;
	margin-left: -75px;
	margin-top: -50px;
	padding: 10px;
	border: 1px solid #aaa;
	z-index: 99999;
	background: #fff;
}
.ajaxloader #ajaxcontent .ajaximage_center {
	width: 32px;
	height: 32px;
	background-image: url("img/ajax-loader.gif");
	background-repeat: no-repeat;
	position:relative;
	left:50%;
	margin-left: -16px;
	margin-bottom: 5px;
}

/* Catconfig */
#catconfig #productinfoimages {
	margin-bottom: 20px;
}
#catconfig .productinfodetails {
	float: left;
}
#catconfig .basket{
	margin-bottom: 20px;
}
#catconfig .productprice{
	font-size:16px;
	font-weight:bold;
    color:#ff7602;
}	
table.catconfig th {
	text-align:left;
	padding-left: 4px;
}

/* Article recommendation */
#apprecsite .artinfo {
	margin-bottom: 10px;
}
#apprecsite div.highlightbox {
	padding:5px 15px 15px 15px;
}
#apprecsite table {
	width: 100%;
}
#apprecsite table h2 {
	margin: 5px 0px 0px 0px;
}

/* Social bookmarks */
.fb_like {
	float:left;
	margin: 0 30px 5px 0;
}
.google_plus {
	float:left;
	margin: 0 0 5px 0;
}
.twitter {
	float:left;
	margin: 0 0 5px 0;
}
#boxloginb2c_wrap{display:none;
}

/* POPUP HEADER */
.popupheader {
	height:35px;
	line-height: 35px;
	background: #34495e;
	color:#FFFFFF;
	font-weight:bold;
	padding-left: 10px;
}
.bold {
	font-weight:bold;
}

/* Pardis */
table.pardis tr td:first-child {
	padding-right:30px;
}

/* USERINFO COMP */
#userinfo_comp{
	margin:0px 0px 15px 0px;
}
#userinfo_comp .tabbed_area {
	margin:0px;
}
#userinfo_comp #tabcontent_1 ul ,
#userinfo_comp #tabcontent_3 ul {
	list-style-type:none;
	margin-left: 0;
}
#userinfo_comp #tabcontent_1 ul li {
	display:inline-block;
	width:190px;
	padding:0px;
	margin:0px 10px 10px 0px;
	vertical-align: top;
}
#userinfo_comp #tabcontent_1 div.highlightbox,
#userinfo_comp #tabcontent_3 div.highlightbox{
	border-top: none;
	overflow:hidden;
	background:none;
	padding:10px;
}
#userinfo_comp #tabcontent_1 div.vbutton{
	margin-top:5px;
	display:inline-block;
}
#userinfo_comp #tabcontent_1 h3,
#userinfo_comp #tabcontent_3 h3 {
	margin:0px;
	font-size:12px;
	color: #fff;
	line-height: 30px;
}


#userinfo_comp p{
	margin-top: 3px;
}

#userinfo_comp #tabcontent_3 table{
	width:100%;
}

/* Product Listgrid */
#productlistgrid{ 
	border: 1px solid #bbbbbb;
	border-bottom: none;
	margin-bottom:5px;
	width:100%;
} 
#productlistgrid tr.even td, #productlistgrid tr.odd td{
	border-bottom:1px solid #bbbbbb;
}
.productlistgrid tr:last td, .productlistgrid tr:last  td{
	border:none;
}
#productlistgrid td.valuenext{
	border-left:1px solid #bbbbbb;
}
#productlistgrid th.headlnext{
	border-left:1px solid #bbbbbb;
}
.productlistgrid tr th{
	background-color: #ededed;
	height:25px;
	border-bottom:1px solid #bbbbbb;
	text-align:left;
	padding:3px;
}
.productlistgrid_variant{
	margin-bottom:5px;
}
#productlistgrid tr.even td .productlistgrid_variant  tr td{
	border-bottom:none;
}
.productlistgrid_basket{
	border-left:1px solid #bbbbbb; 	
	vertical-align:top;
	padding-left:10px;
	padding-right: 10px;
	
}
.productlistgrid_descr{
	width:100%;
}
.productlistgrid_bild{
	border-right:1px solid #bbbbbb; 
}
.productlistgrid_variant{
	list-style-type:none;
	padding-bottom:5px;
}
.productlistgrid_button_left > input {
	margin-bottom: 5px;
}
.productlistgrid_attr li{
	list-style-type:none;
	margin-bottom: 5px;
}
.productlistgrid_attr a{
	text-decoration:none;
	font-size:11px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.productlistgrid_attr {
	margin-top:10px;
	margin-bottom:2px;
}
.basrecovery {
	font-size:13px;
}
.basrecovery a{
	color:red;
	font-size:14px;
}

#callmeconf{
	margin-top:7px;
}
#callmeguest .label{
	display:block;
	float:left;
	width:150px;
}
#callmeguest .value{
	width:200px;
}
#callmeguest  p:after{
	clear:left;
}

.boxbody-left p a.email {
	font-size: 14px;
	color: #515050;
	font-weight: 600;
}
.boxbody-left p a.email:hover {
	color: #FFDB00;
}

/* CONTACT */
#contact{
margin:0px 0px 15px 0px;
list-style-type:none;
}
#contact div.highlightbox{
overflow:hidden;
background:none;
padding:0px;
}
#contact .content {
width:820px;
}
#contact h3 {
margin:0px;
font-size:12px;
padding: 2px 0 0 0;
}
#contact .closed,
#contact .opened {
cursor:pointer;
background-image: url("img/bg_accordion_large_open.gif");
background-repeat:no-repeat;
padding-left:25px;
height:20px;
padding-bottom:5px;
}
#contact .opened{
background-image: url("img/bg_accordion_large_close.gif");
}
#contact p{ margin-top: 3px;}
#translate a{color:white;}
.qtipinputvals li{list-style-type:none;
}
.qtip-content{min-width:100px;
}
#nbabody .basketheadero1 select.input150{width:270px;}

/* Window size indicator */
#windowsize-small {
	display:none;
}

/* Hide responsible only elements */
.resp_show {
	display:none;
}
/* Hide responsible only elements (size xs, < 768px) */
.respxs_show {
	display:none;
}

/* Responsive Table (Scrollable) */
.resp_table {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
	border: 5px solid #fff;
}

/* Input/Select field with image next to it */
.inpicon {
	overflow: hidden;
	padding-right: 5px;
}
.inpicon input, 
.inpicon select {
	overflow: hidden;
	width: 100%;
}

#searchResult .productnavigator {
	margin-bottom:0px;
}
#searchResult .orderdetails_wrap {
	overflow-y:auto;
	height:280px;
}
#searchResult .orderdetails {
	border: 1px solid #ddd;
}

.sliderleft {
	float:left;
	margin-top:5px;
}
.sliderright {
	float:right;
	margin-top:5px;
}

/************************************
 * Desktop medium ( >= 1024px < 1200px)
 ************************************/
@media screen and (min-width: 1024px) and (max-width: 1199px) {

	#catitemlist #productlisting ul li {
		width:49%;
	}
	
	#footer {
		padding-left: 10px;
		padding-right: 10px;
	}

 }
 
 /***************************************
 * Konfigurator
 ***************************************/
 
#applabelcfg {
	width: 100%;
	height: 100%;
	min-height: 1250px;
}

#productlistview_cfg {
    /* border: 1px solid #e7e8e8; */
    float: left;
    height: auto;
    padding: 5px 5px 5px 0;
    width: 97%;
	margin-bottom: 20px;
	/* background: #ffffff; */
}


#productlistview_cfg > ul {
    padding: 0;
}

/* #applabelcfg li{
    border-bottom: 1px solid #e7e8e8;
    height: auto;
	min-height: 150px;
    list-style: outside none none;
} */

.list_content ,
.list_content_ww{
    /* border-bottom: 1px solid #e7e8e8; */
    height: auto;
	min-height: 170px;
    list-style: outside none none;
	/* box-shadow: 0 0 8px 0 lightgray; */
	margin-bottom: 10px;
	padding: 5px;
	background: #fff;
}

.list_content #article_ww02,
.list_content_ww #article_ww02,
.list_content #article_ww08,
.list_content_ww #article_ww08,
.list_content #article_ww07,
.list_content_ww #article_ww07,
.list_content #article_ww09,
.list_content_ww #article_ww09 {
	display: flex;
}

.article_content{
	display: flex;
}

#productlistview_cfg  .b_search {
    background-color: #fff;
    background-image: url("img/icon_search.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 30px;
}
#applabelcfg #label {
    border-top: 1px solid #e7e8e8;
    border-right: 1px solid #e7e8e8;
    border-left: 1px solid #e7e8e8;
    float: right;
    height: 100%;
    padding: 5px;
    width: 48%;
	position: relative;
	margin-top: 50px;
	background: #fff;
}

#label h2 {
  background: #eee;
  padding: 5px;
  margin: 3px;
}

#productlistview_cfg .info {
	height: auto;
	min-height: 100px;
}

#productlistview_cfg .productlistview_bild {
/*     float: left;
    height: 100%;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 10px;
    width: 150px; */
	float: left;
    padding: 5px;
	width: 30%;
}

.content_cfg .productlistview_bild img {
    display: block;
    margin-left: auto;
    margin-right: auto;
	max-width: 100%;
}

#productlistview_cfg .cfg_header {
    /* border-bottom: 1px solid #e7e8e8; */
	background: #eeeeee;
    margin: 3px;
	padding: 3px
}



#productlistview_cfg .productlistview_info {
    /* margin-top: 10px; */
	/* float: right; */
    padding: 5px;
    width: calc(75% - 20px);
}

#delete_cfg > a {

}

#applabelcfg #buttons {
	clear: both;
}

#label .effizienz {
    font-size: 175px;
    font-weight: bold;
    height: 100%;
    padding: 0;
    text-align: center;
    width: 100%;
}

#label_heizung, #label_kombi {
	position: absolute;
	width: 100%;
	left: -1px;
	border-left: 1px solid #e7e8e8;	
	border-right: 1px solid #e7e8e8;
	background: #fff;
}

#label_bg, 
#label_kombi_bg {
    width: 100%;
    height: 100%;
}

.elabels, .include, .etas, .etawh, .etas_h {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
}

.class_img {
    height: 5.4%;
    left: 76%;
	position: absolute;
}

#label_heizung #label_appp {   
	top: 32.3%;
}

img#label_aplusplus {   
	top: 38.3%;
}
img#label_aplus {
	top: 44.3%;
}
img#label_a {
	top: 50.4%;
}
img#label_b {
	top: 56.4%;
}
img#label_c {
	top: 62.4%;
}
img#label_d {
	top: 68.5%;
}
img#label_e {
	top: 74.6%;
}
img#label_f {
	top: 80.5%;
}
img#label_g {
	top: 86.6%;
}

#label_heizung #includes{
	position: relative;
	float: left;
	width: 50%;
	height: 100%;
}

/* .include {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
} */

.include_img {
    height: 3.1%;
    left: 32.8%;
    position: absolute;
}

img#include_koll {
	top: 50.2%;
}

img#include_speicher {
	top: 62.2%;
}

img#include_regler {
	top: 74.2%;
}

img#include_kessel {
	top: 86.2%;
}

.etas_img {
	position: absolute;
	height: 3.5%;
	left: 28%;
	top: 32.5%;	
}

.etas_h_img {
	position: absolute;
	width: 10.1%;
	left: 21%;
	top: 28.2%;	
}

.etawh_w_img {
	position: absolute;
	width: 10.1%;
	left: 21%;
	top: 35%;	
}

.heizung_kombi, .wasser_kombi {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.class_imgk {
    position: absolute;
    left: 75%;
    width: 11%;
}

.lastprofile {
    border: medium none;
    font-size: 1vw;
    font-weight: bold;
    position: absolute;
    text-align: center;
    width: 5%;
	height: 3%;
}
#left_lastprofile {
    left: 36%;
    top: 38%;
}
#right_lastprofile {
    left: 51%;
    top: 64%;
}
/* Ernergielabel Heizung Kombi */

img#hlabel_appp {
    top: 31.7%;
}

img#hlabel_aplusplus {
    top: 34.2%;
}

img#hlabel_aplus {
    top: 36.8%;
}

img#hlabel_a {
    top: 39.4%;
}

img#hlabel_b {
    top: 41.9%;
}

img#hlabel_c {
    top: 44.4%;
}

img#hlabel_d {
    top: 46.9%;
}

img#hlabel_e {
    top: 49.5%;
}

img#hlabel_f {
    top: 52%;
}

img#hlabel_g {
    top: 54.5%;
}

/* Ernergielabel Warmwasser Kombi*/
img#wlabel_appp {
    top: 67.4%;
}

img#wlabel_aplusplus {
    top: 69.9%;
}

img#wlabel_aplus {
    top: 72.4%;
}

img#wlabel_a {
    top: 75%;
}

img#wlabel_b {
    top: 77.5%;
}

img#wlabel_c {
    top: 80%;
}

img#wlabel_d {
    top: 82.6%;
}

img#wlabel_e {
    top: 85.1%;
}

img#wlabel_f {
    top: 87.6%;
}

img#wlabel_g {
    top: 90.2%;
}

img#include_koll_k {
	top: 49%;
}

img#include_speicher_k {
	top: 60.9%;
}

img#include_regler_k {
	top: 72.9%;
}

img#include_kessel_k {
	top: 84.9%;
}

.include_img_k {
  height: 3.1%;
  left: 33.2%;
  position: absolute;
}

#article input[type="button"] {
    background: none repeat scroll 0 0 #e7e8e8;
    border: 1px solid #e7e8e8;
    border-radius: 5px;
    color: #000;
    cursor: pointer;
    font-weight: bold;
    height: 35px;
    padding: 5px;
	width:100%;
}

#article .cfgsearchbutton {
    margin-left: auto;
    margin-right: auto;
	margin-top: 40px;
    width: 50%
}

#productinfowrap #zenergie {
    height: 150px;
}
#zenergie > a img {
    height: 150px;
    width: 100px;
}

.cfg_header h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 4px 0 3px;
}

.cfg_header #wr02_header,
.cfg_header #wr03_header, 
.cfg_header #wr07_header,
.cfg_header #wr08_header,
.cfg_header #wr09_header
 {
    float: left;
	margin-top: 3px;
}

.cfg_header #wr02_extern, 
.cfg_header #wr03_extern, 
.cfg_header #wr07_extern, 
.cfg_header #wr08_extern, 
.cfg_header #wr09_extern ,
.cfg_header #wr_kessel_extern
{
    float: right;
    height: auto;
}

/* .cfg_header #wr03_header {
    float: left;
    height: 25px;
    width: 250px;
}
.cfg_header #wr03_extern {
    float: right;
    height: 25px;
    width: 110px;
}

.cfg_header #wr07_header {
    float: left;
    height: 25px;
    width: 250px;
}
.cfg_header #wr07_extern {
    float: right;
    height: 25px;
    width: 110px;
}

.cfg_header #wr08_header {
    float: left;
    height: 25px;
    width: 250px;
}
.cfg_header #wr08_extern {
    float: right;
    height: 25px;
    width: 110px;
}

.cfg_header #wr09_header {
    float: left;
    height: 25px;
    width: 250px;
}
.cfg_header #wr09_extern {
    float: right;
    height: 25px;
    width: 110px;
} */

.ausgeblendet {
	display: none !important;
}

.li_ausgeblendet,
.li_ausgeblendet_ww ,
.li_ausgeblendet_boiler{
	display: none;
}

.reiter {
	overflow: hidden;
	position: relative;
	float: left;
	width: 50%;
}
.reiter .tabs {
	list-style: outside none none;
	margin: 0;
	overflow: hidden;
}
.reiter .tabs li {
	/* background: none repeat scroll 0 0 #eee;
	border: 1px solid #e7e8e8;
	border-bottom: none;
	cursor: pointer;
	float: left;
	padding: 0.2rem 1rem; */
	
	border: 5px solid #fff;
    cursor: pointer;
    float: left;
    padding: 0.2rem 1rem;
	margin-right: 10px;
	
}
.reiter .tabs .active, .reiter .tabs li:hover {
	/* background: none repeat scroll 0 0 #fff; */
	color: #000;
	transition: 0.3s;
}

.reiter .tabs .active{
	font-weight: bold;
	color: #000;
	border-color: #a8a7a7;
}

.reiter .content_cfg {
	background: none repeat scroll 0 0 #eee;
/* 	border: 1px solid #fff;
	font-size: 40px;
	padding: 20px;
	text-align: center; */
}

#e_content div label ,
#e_content_k div label ,
#e_content_ww div label,
#e_content_ww_k div label
{
    display: block;
    float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}


#e_content select,
#e_content_ww select {
    float: right;
	padding-top: 0;
	height: 30px;
}

#e_content div input[type="text"] ,
#e_content_k div input[type="text"] ,
#e_content_ww div input[type="text"],
#e_content_ww_k div input[type="text"]
{
    float: right;
    margin-bottom: 5px;
}

#e_content #wp input[type="checkbox"] ,
#e_content_k #wp input[type="checkbox"] ,
#e_content_ww #wp_ww input[type="checkbox"],
#e_content_ww_k #wp_ww input[type="checkbox"]
{
    float: right;
}

#e_content > div,
#e_content_k > div,
#e_content_ww > div,
#e_content_ww_k > div
{
    padding: 5px;
    width: 375px;
}

#kessel{
  float: right;
  display: block;
}

div#prozent {
	position: absolute;
	float: right;
	border-right: 1px solid #e7e8e8;
	border-left: 1px solid #e7e8e8;
	height: 95px;
	width: 100%;
	top: 105%;
	left: -1px;
	background: #fff;
}

img#prozent_img {
    position: absolute;
    width: 96%;
	padding: 5px;
}

.eta_vbd, .eta_vbd_ww {
    height: 100%;
    position: absolute;
    width: 100%;
}

.img_eta_vbd {
    position: absolute;
    top: 6%;
    height: 14%;
}

img#eta_vbd_appp {
    left: 90.1%;
}

img#eta_vbd_aplusplus {
    left: 80.6%;
}

img#eta_vbd_aplus {
    left: 71.4%;
}

img#eta_vbd_a {
    left: 62.2%;
}

img#eta_vbd_b {
    left: 52.6%;
}

img#eta_vbd_c {
    left: 43.3%;
}

img#eta_vbd_d {
    left: 33.5%;
}

img#eta_vbd_e {
    left: 24.1%;
}

img#eta_vbd_f {
    left: 14.4%;
}

img#eta_vbd_g {
    left: 5%;
}

img#eta_vbd_appp_ww {
    left: 90.445%;
}

img#eta_vbd_aplusplus_ww {
    left: 81.25%;
}

img#eta_vbd_aplus_ww {
    left: 72.355%;
}

img#eta_vbd_a_ww {
    left: 63.555%;
}

img#eta_vbd_b_ww {
    left: 54.455%;
}

img#eta_vbd_c_ww {
    left: 45.4%;
}

img#eta_vbd_d_ww{
    left: 35.855%;
}

img#eta_vbd_e_ww {
    left: 26.999%;
}

img#eta_vbd_f_ww {
    left: 17.6%;
}

img#eta_vbd_g_ww {
    left: 8.55%;
}


#verbund_effizienz {
	font-weight: bold;
	position: absolute;
	border-left: 1px solid #e7e8e8;
	border-right: 1px solid #e7e8e8;
	width: 100%;
	left: -1px;
	height: 5%;
	font-size: 100%;
	background: #fff;
}

#eta_vbd_eff  , #eta_vbd_eff_ww {
	margin-left: auto;
    margin-right: auto;
    width: 95%;
	white-space: nowrap;
}

#eta_vbd_txt {
    text-align: center;
    width: 45px;
	font-size: 100%;
}

#verbund_effizienz_ww {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #e7e8e8;
    border-left: 1px solid #e7e8e8;
    border-right: 1px solid #e7e8e8;
    font-size: 100%;
    font-weight: bold;
    height: 5%;
    left: -1px;
    position: absolute;
    top: 116.4%;
    width: 100%;
}
div#prozent_ww {
    background: none repeat scroll 0 0 #fff;
    float: right;
    height: 13%;
    position: absolute;
    top: 121%;
    width: 100%;
}
img#skala_img {
    padding: 5px 5px 5px 6%;
    position: absolute;
    width: 91%;
}
img.last_prozent {
    padding: 5px;
    position: absolute;
    top: 53%;
    width: 96%;
}
.img_eta_vbd_ww {
    height: 11%;
    position: absolute;
    top: 6%;
}

/* Hilfepopup */

#verbund_effizienz span, #verbund_effizienz_ww span{
	display: inline-block;
	cursor:help;
}

#verbund_effizienz label, #verbund_effizienz_ww label{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;	
}

#hintergrund_info, #hintergrund_info_ww, #hintergrund_info_last, #hintergrund_info_vb, #hintergrund_info_fright {
	display: none;
	z-index: 1;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	background: #000000;
	opacity: 0.7;
}

#effizienz_info, #effizienz_info_ww  {
	display: none;
	z-index: 2;
	position: fixed;
	width:450px;
	top: 20%;
	left: 50%;
	margin-left: -250px;
	background: none repeat scroll 0 0 #FFFFFF;
	border: 8px solid #ccc;
	border-radius: 5px 5px 5px 5px;
	/* font-family: Verdana, Geneva, sans-serif; */
	font-family: 'Palanquin';
	font-size: 14px;
	color: #000;
}

#last_info, #vb_info, #fright_info {
	background: #ffffff none repeat scroll 0 0;
    border: 8px solid #ccc;
    border-radius: 5px;
    color: #000;
    display: none;
    /* font-family: Verdana,Geneva,sans-serif; */
	font-family: 'Palanquin';
    font-size: 14px;
    position: fixed;
    top: 20%;
    width: 62%;
    z-index: 2;
}

#last_info  img{
	width: 60%;
}

#fright_info img{
	width: 100%;
}

div.close_info, div.close_info_ww, div.close_info_last, div.close_info_vb, div.close_info_fright {
	position: relative;
	height: 25px;
	width: 25px;
	left: 7px;
	top:0;
	background: url("img/icon_close.png") no-repeat scroll 0 0 transparent;
	background-size: 75% auto;
	float: right;
	cursor: pointer;
}
 
#content_info, #content_info_ww , #content_info_last, #content_info_vb, #content_info_fright{
	margin: 8px 14px;
}

@media (max-width: 1023px) {

	#applabelcfg {
		height: 100%;
		min-height: 190em;
		width: 100%;
	}

	#applabelcfg h1 {
		margin-left: auto;
		margin-right: auto;
		width: 74%;
	}

	.reiter {
		margin-left: auto;
		margin-right: auto;
		width: 73.5%;
		float: none;
	}


	#applabelcfg #buttons {
		margin-left: auto;
		margin-right: auto;
		width: 74%;
		clear: none;
		position: relative;
		top: -108px;
	}


	#applabelcfg #label {
		margin-left: auto;
		margin-right: auto;
		width: 72.5%;
		float: none;
	}
	
	#productlistview_cfg{
		width: 100%;
		margin-bottom: 10px;
	}
}

@media (max-width: 767px) {
	#applabelcfg #label{
		top: 10em;
	}
}

.contentrow_hitem {
    background-color: #f9f9f9;
    font-style: italic;
    font-weight: 100;
}
.contentrow_hitem .itemno {
    text-align: center;
}
.leftikus {
    margin-top: 0;
    background: #ffdb00;
    display: initial!important;
    padding: 0px 10px;
    font-size: 17px;
    color: #333;
    letter-spacing: .015em;
    margin-bottom: 32px;
    font-style: normal;
}

#toast {
  display: none;
  z-index: 999999;
  position: fixed;
  margin: 0 auto;
  width: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  box-sizing: border-box;
  background-color: #fff;
  border: 10px solid #669933;
}
#toast-content {
  text-align: center;
}
#toast-content.default {
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
#toast-content.success {
  padding: 10px;
  border: 1px solid #669933;
  background: #E4FCD6;
}
#toast-content.error {
  padding: 10px;
  border: 1px solid #ff0000;
  background: #FFD6D6;
}

/* Info-Icon for both lines */

.paradigma-info, .pureline-info {
  position: absolute;
  margin-left: 16px;
  width: 380px;
  padding: 6px 8px;
  background-color: #fefefe;
  border-radius: 4px;
  box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.7);
  color: #000;
  font-size: 14px;
  z-index: 99999;
  display:none;
}

.icon-info-paradigma, .icon-info-pureline {
  display: inline-block;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
}

.icon-info-paradigma:hover ~ .paradigma-info, .icon-info-pureline:hover ~ .pureline-info {
  display: block;
}



/* Product Branding Dynamic */

.img-brand-container {
  position: relative;
  display: inline-block; /* Ensure it fits the inner content */
}

.img-brand-container img {
  display: block; /* Avoid extra space below images */
}

.img-brand-container .overlay-brand {
  position: absolute;
  height: 20px;
  right: 0;
  bottom: 0;
  pointer-events: none; /* Prevent interaction if unnecessary */
  z-index: 10; /* Ensure it appears above the main image */
}