/*//////////////////////////////////////////////
//// GENERIC ELEMENT FORMATTING
//////////////////////////////////////////////*/
body{
	background: #FFFFFF;
	color:#999999;
margin:0;
padding:0;
	border:0;
	text-align:center;
}

div.clear {
	float:none;
	clear: both;
}

#aussenrand {
	width:1000px;	
	margin:10px auto 0 auto;

	padding:0;
	min-height:100%;
}

body,td,div,p{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
}
th{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
}
tfoot td{color: #CCCCCC}
img{border:0px}

a{color: #336699}
hr{
	width: 100%;
	height: 1px;
	margin-top: 3px;
	margin-bottom: 3px;
}

/*//////////////////////////////////////////////
//// TEXT FORMATTING
//////////////////////////////////////////////*/
.t-imgsub{background:#A5F3D0; padding: 2px} /* Image subtitles/description */
.t-em{font-weight:bold; text-transform:uppercase; color:#808080;} /* emphasized text */
.t-weak{color:#CCCCCC;} /* weakened text */

/*//////////////////////////////////////////////
//// GENERIC LIST FORMATTING
//////////////////////////////////////////////*/
.list{table-layout:auto; width:100%}
.list-intro{padding:3px;padding-bottom:5px;text-align:center}
.list-footer{padding:3px;padding-bottom:5px;text-align:center}
.list-group{
	text-align:right; 
	/*background:#16AB67;*/
}
.list-item{}
.list-item-alt{background:#FFFFFF}
.list-item-border{border: 1px solid #808080}
.list-item-list-info{}
.list-item-partslist{background:#A5F3D0}
.list-item-partslist-header{font-weight:bold;padding:2px}
.list-item-partslist-item{padding:2px}
.list-item-hsep{
	background-image: url(images/hsep_default.gif);
	background-repeat:repeat-y;
	margin: 0 6px 0 6px;
	line-height: 1px;
	width: 3px;
	height: 100%;
	border: 0;
	padding: 0;
}
.list-item-vsep{
	background-image: url(images/vsep_default.gif) ;
	background-repeat:repeat-x;
	margin: 6px 0px 6px 0;
	line-height: 1px;
	width: 100%;
	height: 3px;
}

/*//////////////////////////////////////////////
//// BANNER AREA (including level1-navigation)
//////////////////////////////////////////////*/
#banner{
	width:1000px;
	height: 185px;
	background:url(images/logo.jpg) no-repeat top left;
position:relative;

}

#logo {
	position:relative;
	left: 26px;
	margin:0;
	padding:0;
	top: 46px;

}
#banner a {	width:1000px;
	height: 185px;
	   display: block;
	   text-indent:-9999px;
	}

/*
	Level 1
======================*/
#level1 {

	text-align:right;
	float:right;
	height: 20px;
	width: 960px;
	margin: 0px 20px;
	   background: url('images/border-top.png') left 25px repeat-x;

}

#level1 ul{

	float:right;
}

#level1 li{
	display:inline;
	float:left;
	padding:0 8px;

	color:#808080;
	border-left: 1px solid #808080;
}
#level1 li:first-child {border:none !important}
/*#level1 li:last-child {padding-right:0px !important}*/

#level1 a{
	color:#808080;
      text-decoration:none;
}

#level1 a:hover, .level1active a {
	color:#16AB67  !important;
}

/*

Level 2
======================*/
#level2 {
	   background: url('images/border-top.png') left top repeat-x;
	padding:0;
	width: 960px;
	margin: 2px 20px 0px 20px;      
       padding-top:4px;
}

#level2 li{
	float:left;
      line-height: 40px;
	padding:0 8px;
	margin:0;
	text-align:center;
}

#level2 a {	
	text-decoration:none;

	color:#808080;
	text-transform:uppercase;
	font-size:9pt;
		border-top: 3px solid transparent
}

#level2 a:hover, a:active {	
	color:#16AB67;
	border-top: 3px solid #16AB67;
	background-image: none;
}  
#level2 a.level2active  {	
	color:#16AB67;
	border-top: 3px solid #16AB67;
}

#level2  li a.homelink  {
text-indent: -9999px;
background:url(images/home-off.png) 50% 50% no-repeat;
width:20px
}

#level2 a.homelink:hover, #level2  li a.homelink.homeactive  {
background:url(images/home.png) 50% 50% no-repeat;
}

#minibasket {

	width: 960px;
	margin: 0px 20px;
	padding-top:10px;
	padding-bottom: 5px;
	   background: url('images/border-top.png') left top repeat-x;
}

#mini-basket-parent {
float:right;
background: url('images/minib.png') left center no-repeat;
padding-left: 28px;
position:relative;
bottom:3px
}

.minibasket a{color: #16AB67; text-decoration:none}
.minibasket{margin: 3px; color: #808080}
.minibasket-value{text-align: right; font-weight: bold}
.minibasket-footer{text-align: right}

/*//////////////////////////////////////////////
//// BREADCRUMB NAVIGATION
//////////////////////////////////////////////*/

#breadcrumb {
	margin:0;

	position:relative;
	overflow:hidden;
	text-align:left;
	color:#16AB67;	
float:left; 
padding-left: 10px;
}

a.breadcrumb{text-decoration: none;	color:#16AB67;	}
a.breadcrumb:hover{text-decoration: underline;}

#pane-parent{
	width: 960px;
	margin: 0px 20px;
	padding-top:10px;
	   background: url('images/border-top.png') left top repeat-x;
}
#pane-left{
width: 170px;
display:block}
#pane-left  div.cnt-def {
width: 170px;
}

#pane-body{
padding-left: 10px;
width: 100%;}
#pane-right{width: 270px}
#pane-right  div.cnt-def {
width: 270px;
padding-left: 10px;
}

/*//////////////////////////////////////////////
//// FOOTERBAR FORMATTING
//////////////////////////////////////////////*/

#footer {
	width:1000px;
	margin:0;
	padding:0;

}

.pane-master-bottom {background:#A5F3D0; color: #FFFFFF;}
#nav-footer { color: #FFFFFF;text-align:center;}
#nav-footer a{text-decoration: none;color: #FFFFFF;}
#nav-footer a:hover{text-decoration: underline}
#nav-footer span{padding:0px 8px 0px 8px; color: #FFFFFF;}
#nav-footer    {}
.pane-master-bottom {min-height:30px; float:none;; text-align:left }
.pane-master-bottom3{background:#16AB67; padding-bottom: 5px;}
.footersplitter {width:31%;float:left;padding:5px; text-align:left }
#footer1.footersplitter {padding-left: 20px;}

/*//////////////////////////////////////////////
//// SEARCHBAR FORMATTING
//////////////////////////////////////////////*/
#searchbar {width: 100%}
#searchbar form{padding: 0; padding-bottom:4px; margin: 0px}

#quicksearch {
border: 1px solid #C0C0C0;
-moz-border-radius: 10px 10px; -webkit-border-radius: 10px 10px; border-radius: 10px 10px;
    float: left;
    padding: 3px;
    position: relative;
    top: -2px;
}
#quicksearch form{display: inline}
#quicksearch input{vertical-align: middle;}

input.quicksearch-term{border: 0px none; padding: 2px;padding-left: 10px; width:186px}
input.quicksearch-submit {}

/*//////////////////////////////////////////////
//// SUBNAVIGATION (Level 3 and deeper).
//////////////////////////////////////////////*/
#nav-level3{

	padding: 10px 0px 5px 0px;
	overflow: hidden;
	background: url('images/border-top.png') left bottom repeat-x;
	}

#nav-level3 ul{

	}
#nav-level3 li{padding: 0px; margin: 0px}

#nav-level3 a{

color: #808080;
	text-decoration: none;

	}
#nav-level3  a:hover{
	color: #C0C0C0;
	}
.navlevel3-ul {margin-bottom:8px !important;}

.navlevel3-header a {

	text-transform:uppercase;	
	padding-top: 12px;
	   background: url('images/border-top.png') left top repeat-x;
	}

.selected3 a{
	color: #16AB67 !important;
}

.expanded3 a {
	color: #C0C0C0;
}

/*//////////////////////////////////////////////
//// PAGINATOR
//////////////////////////////////////////////*/
#paginator-top, #paginator-bottom{
	background-color: #16AB67;
	padding: 4px;
}
#paginator-top{border-bottom: 1px solid #FFFFFF}
#paginator-bottom{border-top: 1px solid #FFFFFF}
#paginator a.pi, #paginator span{
	display: block;
	font-weight: bold;
	width: 22px;
	height: 14px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	vertical-align: middle;
	margin-right: 0px;
	border-right: 1px solid #A5F3D0;
	color: #A5F3D0;
	float: left;
}
#paginator a.pi:link, #paginator a.pi:visited, #paginator a.pi:active, #paginator span.pi-ellipsis{background:transparent; color: #A5F3D0;}
#paginator a.pi:hover{background:transparent; color:#C0C0C0; text-decoration:underline}
#paginator span.pi-active{background:#A5F3D0; color:#16AB67}
#paginator a.pi-last, #paginator span.pi-last{border-right:none}

/*//////////////////////////////////////////////
//// SITEMAP
//////////////////////////////////////////////*/
#sitemap{vertical-align: top}
#sitemap div.groupheader{
	clear: both;
	width: 100%;
	display: block;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: bold;
	background-color: #A5F3D0;
	color: #000000;
	padding: 5px 0;
	margin: 5px 0 5px 0;
}
#sitemap ul{
	vertical-align: top;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#sitemap ul.leftfloat{
	background: #A5F3D0;
	position: relative;
	display: block;
	margin: 1px;
	width: 49%;
	float:left;
}
#sitemap li{
	clear: left;
	padding-left:18px;
	margin: 2px 0 2px 0;
}
#sitemap ul.container{}
#sitemap .first{padding-left:0}
#sitemap .collapse{padding-left: 18px;}
#sitemap .expanded{padding-left: 18px; background: transparent url(images/symbol_minus.gif) no-repeat}
#sitemap img{float: left}
#sitemap a{padding-left:2px}
#sitemap a.parent{font-weight: bold}

/*//////////////////////////////////////////////
//// CONTAINER FORMATTING
//////////////////////////////////////////////*/
.cnt-def{

}
.cnt-def-header{
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 10px 5px 5px;
      background: #16AB67;
	}

.cnt-def-body{	
background: url('images/border-top.png') left bottom repeat-x;
padding-bottom:10px !important;
	}

.cnt-def-body.catnav {	
background: none !important;
padding-bottom:3px !important;
	}	
.cnt-def .corner {
  position: absolute;
width:29px;
height:10px;
 background: url('images/corner-def.png') left top no-repeat;  
 }	
.cnt-alt{

 }
.cnt-alt-header{
	font-weight: bold;
	color: #FFFFFF;
      background: #808080;

	padding: 5px 10px 5px 5px;	
	}
.cnt-alt-body{

	}

.cnt-alt .corner {
  position: absolute;
width:29px;
height:10px;
 background: url('images/corner-alt.png') left top no-repeat;  
 }		

.cnt-simple{width: 100%}
.cnt-simple-header{
	color: #CCCCCC;
	font-weight: bold;
	padding: 5px 5px 0px 0px;
	border-bottom: 1px solid #CCCCCC;	
	}
.cnt-simple-body{
	/* */
	}

.cnt-hilite{width: 100%;}
.cnt-hilite-header{
	text-align: center;
	background: url('images/bg_cnt_hilite_header.gif') left top repeat-x #E5E5E5;
	border: 1px solid #C0C0C0;
	color: #000000;
	font-weight: bold;
	padding: 5px;	
	}
.cnt-hilite-body{
	/* */
	}
.cnt-body{
	padding: 0px;	
	}

div.cnt-special-header{
	font-weight: bold;
	color: #FFFFFF;
	background: #808080;
	padding: 5px 10px 5px 5px;	
	border-bottom: 1px solid #FFFFFF;
	}

/*////////////////////////////////////////////////
//// CHECKOUT BAR
////////////////////////////////////////////////*/
#checkout {
	margin:0;
	padding:5px 0 0 10px;
	height:70px;
	position:relative;
	overflow:hidden;
	text-align:left;
	color:#A5F3D0;		
}

#checkout-bar{
	background-color: transparent;
	border-collapse: collapse;
}
#checkout-bar td{padding: 2px}
.checkout-item{
	color: #CCCCCC;
	border: 1px solid #808080;
}
.checkout-item div{
	color: #CCCCCC;
}
.checkout-item-active{
	color: #808080;
	background: #FFFFFF;
	border: 1px solid #808080;
}
.checkout-item-active div{
	color: #808080;
}

/*////////////////////////////////////////////////
//// BASKET FORMATTING
////////////////////////////////////////////////*/

#basket{ border-bottom: 1px solid #808080;}

#basket thead{
	background: #C0C0C0; 
	color: #000000; 
	border-bottom: 1px solid #808080
	}

#basket tbody{
	background: #FFFFFF;
	border-bottom: 1px solid #808080;
	}
.alt-item{background:#A5F3D0}

#basket tfoot {color:#000000}
.first-item{}
.basket-summary{font-weight: bold}

.basket-buttons{margin: 10px 0px 10px 0px}
.basket-buttons{padding: 0px 5px 0px 5px}

#product_price{
	font-size: 14px;
	color:#BE4147;
}
.t-price-list{
	font-size: 14px;
	color: #BE4147;
}

.t-small.t-em {	color: #BE4147;}

/* Corner radius */
.ui-corner-alle, .ui-corner-topleft { -moz-border-radius-topleft: 8px 8px; -webkit-border-top-left-radius: 8px 8px; border-top-left-radius: 8px 8px; }
.ui-corner-alle, .ui-corner-topright{ -moz-border-radius-topright: 8px 8px; -webkit-border-top-right-radius: 8px 8px; border-top-right-radius: 8px 8px; }
.ui-corner-alle, .ui-corner-bottomleft { -moz-border-radius-bottomleft: 8px 8px; -webkit-border-bottom-left-radius: 8px 8px; border-bottom-left-radius: 8px 8px; }
.ui-corner-alle, .ui-corner-bottomright{ -moz-border-radius-bottomright: 8px 8px; -webkit-border-bottom-right-radius: 8px 8px; border-bottom-right-radius: 8px 8px; }

.ui-corner-alle {
	-webkit-background-clip: padding-box; 
	   -moz-background-clip: padding; 
	        background-clip: padding-box;
}

/* SM6 Zeugs */

.clear {
    clear: both;
float:none;
}
.clearfix {
    display: block;
}
.clearfix:before, .clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
* html .clearfix, *:first-child + html .clearfix {
    height: 1%;
}

ul.horizontal, ol.horizontal {
    list-style: none outside none;
}
.bold {
    font-weight: bold;
}
.nav {
    display: block;
}

.nav ul, .nav ol, .nav ul li, .nav ol li {
    list-style-image: none;
    margin: 0;
	list-style: none outside none;
	padding-left: 0
}
.nav li a {
    display: block;
}

ul.horizontal > li, ol.horizontal > li {
    float: left;
}
/* Responsive Smartstore */
@media screen and (max-width: 775px) {

	body, td, div, p {
		font-size: 14px;
	}	

	* {
		box-sizing: border-box;
	}

	#aussenrand {
		margin: 0;
		padding-top: 10px;
	}

	#aussenrand,
	#pane-parent,
	#level1,
	#level2,
	#minibasket,
	#footer,
	#banner,
	#banner a {
		width: 100%;
		max-width: 100%;
	}

	#banner {
		height: 115px;
		background-position: -40px center;
		margin-top: 10px;
	}
	#banner a {
		height: 100%;
	}

	#breadcrumb {
		clear: both;
		padding: 1em 0;
	}

	#level1 {
		height: auto;
		background: transparent;
	}

	#level1,
	#level2,
	#level1 ul,
	#level2 ul {
		margin: 0;
		width: 100%;
		display: block;
		float: none;
		text-align: center;
	}
	#level1 li,
	#level2 li {
		float: none;
		display: inline-block;
		text-align: center;
		border: 0;
	}
	#level1 li a,
	#level2 li a {
		display: inline-block;
		line-height: 30px;
		font-size: 14px;
		border: 0;
	}
	#level1 li a:hover,
	#level2 li a:hover {
		border: 0;
	}
	#minibasket {
		margin: 0;
	}
	#mini-basket-parent {
		float: none;
		display: block;
		margin: 10px auto;
		width: 80%;
	}

	#pane-parent {
		margin: 0;
	}

	#pane-left,
	#pane-right,
	#breadcrumb,
	#quicksearch {
		display: none;
		width: 0;
		height: 0;
		overflow: hidden;
	}

	#pane-body {
		padding-left: 0;
	}

	#pane-body > div {
		width: auto !important;
	}

	#pane-body table {
		width: auto !important;
		height: auto !important;
		max-width: 100%;
		margin: 0 auto;
		empty-cells: hide;
		border-collapse: collapse;
		border-spacing: 0;
		table-layout: auto;
	}

	#pane-body form table {
		width: auto !important;
		max-width: 100%;
	}
	#pane-body form,
	#pane-body form table,
	#pane-body form tbody,
	#pane-body form tr {
		display: block !important;
		display: block;
		position: relative;
	}
	#pane-body form {
		width: 100%;
	}
	#pane-body form tr {
		padding-top: 25px;
	}
	#pane-body form tr td:first-child {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 25px;
		padding: 0 !important;
		font-size: 12px;
	}
	#pane-body form #basket tr {
		padding-top: 0;
	}
	#pane-body form #basket tr td:first-child {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		height: auto;
		padding: 3px !important;
		font-size: 14px;
	}
	#pane-body form select,
	#pane-body form input[type="text"] {
		font-size: 14px;
		max-width: 310px;
	}

	#pane-body .cnt-def-body {
		padding: 8px 0 !important;
		background: transparent;
	}
	#pane-body .cnt-def {
		padding: 0 2px;
	}
	#pane-body form #orderform tr,
	#pane-body form #basket tr,
	#pane-body .cnt-def form tr {
		padding-top: 0;
	}
	#pane-body form #orderform tr td:first-child,
	#pane-body form #basket tr td:first-child,
	#pane-body .cnt-def form tr td:first-child {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		height: auto;
		padding: 3px !important;
		font-size: 14px;
	}
	#pane-body form #orderform,
	#pane-body form #basket,
	#pane-body .cnt-def form table {
		display: table !important;
		width: 100% !important;
	}
	#pane-body form #orderform tbody,
	#pane-body form #basket tbody,
	#pane-body .cnt-def form tbody {
		display: table-row-group !important;
	}
	#pane-body form #orderform tr,
	#pane-body form #basket tr,
	#pane-body .cnt-def form tr {
		display: table-row !important;
	}
	#pane-body .cnt-def select,
	#pane-body .cnt-def textarea,
	#pane-body .cnt-def input[type="text"] {
		display: inline-block;
		width: 240px !important;
	}
	#pane-body .cnt-def #BILLTO_POSTCODE {
		display: inline-block !important;
		width: 50px !important;
	}
	#pane-body .cnt-def #BILLTO_CITY {
		display: inline-block !important;
		width: 150px !important;
	}
	#pane-body .cnt-def input[type="checkbox"] {
		vertical-align: top;
	}
	#pane-body .cnt-def input[type="checkbox"] + label {
		display: inline-block !important;
		width: 210px !important;
		vertical-align: top;
		padding-bottom: 10px;
	}

	#pane-body td * {
		/* text-align: left !important; */
		line-height: 135%;
	}

	#pane-body .list td * {
		text-align: center !important;
	}
	#product_price {
		font-size: 18px;
	}

	#pane-body td img[style] {
		display: inline-block;
		width: auto !important;
		max-width: 100%;
		height: auto !important;
	}

	#basket .basket-line-qty {
		border: none;
	}

	.list * {
		white-space: normal;
		line-height: 145%;
	}

	.list,
	.list tbody,
	.list tr {

	}
	.list tr > td {

	}
	.list tr > td[rowspan] {
		display: none;
		padding: 0;
		font-size: 0;
	}

	.list .thumb {
		width: 90%;
		height: auto;
	}

	.pnl-addtobasket,
	.pnl-addtobasket tbody,
	.pnl-addtobasket tr {
		display: block;
	}
	.pnl-addtobasket td {
		display: inline;
	}
	.pnl-addtobasket td:last-child {
		display: none;
	}
	.pnl-addtobasket-button {
		max-width: 105px;
	}
	/* Restore visibility */
	.pnl-addtobasket-qtyunit + td {
		display: inline !important;
	}

	.manufact-logo {
		display: none;
	}

	#product_picture img {
		display: block;
		width: auto;
		max-width: 100%;
		height: auto;
		margin: 0;
	}

	.pane-master-bottom2 {
		display: block;
		width: 100%;
	}

	#footer1,
	#footer2,
	#footer3 {
		width: 100% !important;
		padding: 0 10px !important;
	}

	#footer2 img,
	#footer3 img {
		display: block;
		width: auto;
		max-width: 100%;
		height: auto !important;
	}
	#footer3 table {
		width: auto !important;
	}
	#nav-footer {
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	#nav-footer > a {
		display: inline-block;
	}

	h1.page-title font {
		font-size: 20px;
		display: block;
		text-align: center;
	}

	*[align="justify"] {
		text-align: left;
		padding: 0 10px;
	}

	#checkout-bar,
	#checkout-bar h3,
	#checkout-bar div {
		font-size: 11px !important;
	}
	#checkout-bar td {
		width: auto !important;
	}

	#pane-body .cnt-def-body table.list td  {
		word-wrap: break-word;
		/* word-break: break-all; */
	}
	#pane-body .cnt-def-body table.list td[style^="width:50"] {
		width: 1% !important;
	}

	img[alt^="platz"] {
		width: auto !important;
		max-width: 100%;
		height: auto !important;
	}
	/*
	img[alt^="bk:"] {
		display: none !important;
	}
	*/

	#tabProductId,
	#tabAdvanced,
	#pane-body #frmProductId,
	#pane-body #frmAdvanced {
		display: none !important;
	}

}

@media screen and (max-width: 480px) {
	img[alt^="bk:"] {
		display: none !important;
	}
}