@charset "utf-8";
@import url("../wf/maven_pro_bold/stylesheet.css");
@import url("../wf/maven_pro_regular/stylesheet.css");
@font-face {
  font-family: 'fontawesome';
  src: url('../wf/fontawesome/fontawesome-webfont.eot?v=4.5.0');
  src:	url('../wf/fontawesome/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),
  		url('../wf/fontawesome/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),
  		url('../wf/fontawesome/fontawesome-webfont.woff?v=4.5.0') format('woff'),
  		url('../wf/fontawesome/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),
  		url('../wf/fontawesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* LangYarns */

html, body, ul, ol, p {
	margin:0px;
	padding:0px;
}
h1, h2, h3, h4 {
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-size:100%;
}
#wrapperContent{
	position:relative;
	padding-bottom:25px;
}
body, input, select {
	font-size: 100%;
	font-weight: normal;
	color: #333;
	font-family: "maven pro regular";
}
.spriteBack {
	background-image:url(../img/spriteBack.png?v=1);
	background-repeat:no-repeat;
}
.clear {
	clear:both;
	width:0px;
	height:0px;
}
.error {
	background-color: #9f0000;
	color: #FFFFFF;
	font-size: 80%;
	padding: 8px;
	margin-bottom: 15px;
	border-radius: 5px;
}
.success {
	background-color: #008b00;
	color: #FFFFFF;
	font-size: 80%;
	padding: 8px;
	margin-bottom: 15px;
	border-radius: 5px;
}
.success a {
	color: inherit !important;
}

/* Responsive Navigation */

#layerNavigationResp {
	width:0%;
	height:100%;
	background-color:#333;
	position:fixed;
	z-index:99;
	overflow:auto;
	display:none;
	-webkit-transition:500ms width;
	transition:500ms width;
}
#layerNavigationResp.openNav {
	width:90%;
}
#buttonNavigation {
	font-family:"maven pro bold";
	text-align:center;
	padding:20px;
	color:#FFF;
	cursor:pointer;
	display:none;
}
.buttonNavigationRespClose {
	width:27px;
	height:27px;
	background-image:url(../img/lb/close.png);
	position:absolute;
	top:20px;
	right:15px;
	cursor:pointer;
	display: none;
}
.naviLinkResp1Root, .naviLinkResp2Root {
	list-style:none;
}
.naviLinkResp1, .naviLinkResp1open {
	color:#FFF;
	font-family:"maven pro bold";
	padding:10px 20px;
	display:block;
	text-decoration:none;
	font-size:120%;
}
.naviLinkResp1:hover, .naviLinkResp1open {
	background-color:rgba(255,255,255,0.3);
}
.naviLinkResp2, .naviLinkResp2open {
	color:#FFF;
	padding:10px 20px 10px 40px;
	display:block;
	text-decoration:none;
	font-size:100%;
}
.naviLinkResp2:hover, .naviLinkResp2open {
	background-color:rgba(255,255,255,0.3);
}

/* Top */

#containerTop {
	padding: 0px 20px;
}
#layerTop {
	max-width: 1000px;
	padding: 10px 0px;
	margin: 0px auto;
	position: relative;
}
#layerTopAction {
	overflow: hidden;
	float: right;
}
#layerTopLanguage {
	overflow: hidden;
	float: left;
	padding: 10px 0;
}
.languageLink {
	width:26px;
	height:26px;
	line-height:26px;
	text-align:center;
	text-decoration:none;
	color:#999999;
	font-size:90%;
	display:block;
	float:left;
	margin-right:5px;
	border: 2px solid #999999;
	border-radius: 50%;
}
#layerTopSearch {
	margin-right: 170px;
	border: 1px solid #d4d4d4;
	box-shadow: 0px 0px 5px #d4d4d4;
	max-width: 462px;
	height: 38px;
	padding-right: 38px;
	position: relative;
}
#searchInput {
	box-sizing: border-box;
	height: 38px;
	width: 100%;
	border: none;
	background: none;
	padding: 0 15px;
}
#searchButton {
	box-sizing: border-box;
	border: none;
	background: none;
	height: 38px;
	width: 38px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	font-family: 'fontawesome';
	color: #999999;
	font-size: 120%;
}
#layerTopMember {
	float: right;
}
#layerTopMember a {
	display: block;
	margin-left: 10px;
    padding-top: 5px;
}
#layerTopCart {
	float: right;
	margin-left: 5px;
}
#layerTopCart a {
	display: block;
	height: 30px;
	line-height: 30px;
	background-color: #666666;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	border-radius: 3px;
	font-size: 90%;	
	padding: 0px 5px;
    margin: 10px 0px 10px 10px;
}
#layerTopCart a::before {
	font-family: 'fontawesome';
	content: '\f0d6\00A0\00A0';
}

/* Suchbox */

.containerSearchBox {
	max-width:300px;
	position:absolute;
	left:0px;
	top:60px;
	background-color:#FFF;
	box-shadow:0px 0px 5px;
	z-index:999;
}
.layerSearchBox {
	padding:20px;
}
.layerSearchBoxTitle {
	overflow:hidden;
	padding:0px 5px;
	margin-bottom:10px;
	cursor:move;
}
.layerSearchBoxTitleLeft {
	float:left;
	font-family:"maven pro bold";
	font-size:110%;
}
.layerSearchBoxTitleRight {
	float:right;
}
.layerSearchBoxKey {
	background-color:#CCC;
	border-radius:5px;
	padding:5px;
}
.layerSearchBoxKeyTitle {
	clear:both;
	font-size:90%;
}
.layerSearchBoxKeyText {
	clear:both;
	font-size:90%;
}
.itemSearchBox {
	margin-top:10px;
}
.itemSearchBoxCount {
	border-radius:5px;
	background-color:#000;
	padding:5px;
	color:#FFF;
	font-size:90%;
}
.itemSearchBoxBody {
	padding:10px 5px;
}
.itemSearchBoxResult {
	font-size:90%;
}
.itemSearchBoxResult a{
	text-decoration:none;
	color:#333;
}
.itemSearchBoxResult a:hover{
	text-decoration:underline;
}
.linkSearchBoxNavigation {
	text-decoration:none;
}
.navigationSearchBoxLeft {
	text-align:left;
	width:35px;
}
.navigationSearchBoxCenter {
	text-align:center;
}
.linksearchBox, .linksearchBoxActive {
	text-decoration:none;
	color:#333;
	font-size:90%;
}
.linkSearchBox:hover, .linkSearchBoxActive {
	font-family:"maven pro bold";
	text-decoration:underline;
}
.navigationSearchBoxRight {
	text-align:right;
	width:35px;
}

/* Head */

#layerHeadTop {
	height:10px;
	background-image:url(../img/backgroundHeadTop.png);
	background-repeat:repeat-x;
}
#layerHeadBottom {
	height:10px;
	background-image:url(../img/backgroundHeadBottom.png);
	background-repeat:repeat-x;
}
#layerHead {
	max-width:1000px;
	margin:0px auto;
	padding:25px 20px;
}
#layerLogo {
	width:193px;
	height:166px;
	display:block;
	float:left;
}
#layerHeadImage {
	float:left;
	width:220px;
	height:166px;
	background-position:-535px 0px;
	margin-left:30px;
}
#layerHeadNavi {
	float:right;
}

/* Head Navigation */

.naviLinkTop1Root, .naviLinkTopOver2Root {
	list-style:none;
}
.naviLinkTopItem1, .naviLinkTopItem1open {
	float:left;
	width:160px;
	height:160px;
	position:relative;
	margin-left:10px;
}
.naviLinkTop1, .naviLinkTop1open {	
	display:block;
	position:relative;
	text-decoration: none;
	color: #FFF;
}
.naviLinkTopImage img {
	width: 100%;
	height: auto;
	display: block;
}
.naviLinkTopTitle {
	text-align: center;
	padding: 2% 0;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.naviLinkTopItem1 .containerNaviMouseOver1, .naviLinkTopItem1open .containerNaviMouseOver1 {
	position:absolute;
	top:100%;
	right:0px;
	display: none;
	padding-top: 10px;
	z-index:99;
}
.naviLinkTopItem1:hover .containerNaviMouseOver1, .naviLinkTopItem1open:hover .containerNaviMouseOver1 {
	display: block;
}
.naviLinkTopOver2, .naviLinkTopOver2open, .naviLinkTop1OverHeaderTitle, .naviLinkTop1OverHeaderTitleopen {
	display:block;
	padding:10px 20px;
	color:#FFF;
	width:250px;
	text-decoration:none;
}
.naviLinkTop1OverHeaderTitle, .naviLinkTop1OverHeaderTitleopen {
	font-family: 'maven pro bold';
}
.naviLinkTopOver2:hover, .naviLinkTopOver2open, .naviLinkTop1OverHeaderTitle:hover, .naviLinkTop1OverHeaderTitleopen {
	background-color:rgba(255,255,255,0.2);
}
#layerNavigationButton {
	height:35px;
	line-height: 35px;
	padding: 0 10px;
	cursor:pointer;
	display:none;
	background-color: #e8e8e8;
	color: #666666;
	overflow: hidden;
}
#layerNavigationButton:after {
	font-family: 'fontawesome';
	content: '\f0c9';
	float: right;
	font-size: 150%;
}

/* Main */

#containerMain {
	padding:0px 20px;
}
#layerMain {
	max-width:1000px;
	margin:0px auto;
	position:relative;
	padding:20px 0px 40px 0px;
}
#layerMainLeft {
	width:200px;
	float:left;
}
#layerMainContent {
	padding:0px 240px;
}
#layerMainRight {
	width:200px;
	float:right;
}

/* Produktnavigation */

.mainNaviProductTitle {
	padding:10px;
	text-align:center;
	color:#FFF;
	font-family:"maven pro bold";
	margin-bottom:10px;
}
.naviLinkProduct2Root {
	list-style:none;
	margin-bottom:40px;
}
.naviLinkProductItem2, .naviLinkProductItem2open {
	padding:5px 0px;
}
.mainNaviProductSpace {
	display:block;
	margin:0px 10px;
	height:1px;
	background-color:#333;
}
.naviLinkProduct2, .naviLinkProduct2open {
	padding:5px 10px;
	display:block;
	color:#333;
	text-decoration:none;
}
.naviLinkProduct2:hover, .naviLinkProduct2open {
	color:#FFF;
}

/* FirmenNavigation */

.naviLinkCompany1Root {
	list-style:none;
	border-top:1px solid #333;
	margin-bottom:40px;
}
.naviLinkCompanyItem1, .naviLinkCompanyItem1open {
	position:relative;
}
.naviLinkCompany1, .naviLinkCompany1open {
	display:block;
	padding:10px 0px;
	color:#333;
	text-decoration:none;
	border-bottom:1px solid #333;
	background-image:url(../img/naviPointCompany.png);
	background-repeat:no-repeat;
	background-position:-17px center;
	-webkit-transition:all 500ms;
	transition:all 500ms;
}
.naviLinkCompanyItem1:hover .naviLinkCompany1, .naviLinkCompany1open {
	background-position:0px center;
	padding-left:25px;
	font-family:"maven pro bold";
}
.naviLinkCompanyItem1 .containerNaviMouseOver1 {
	position:absolute;
	left:100%;
	top:0px;
	display: none;
	z-index:99;
}
.naviLinkCompanyItem1:hover .containerNaviMouseOver1 {
	display: block;
}
.naviLinkCompanyOver2Root {
	list-style:none;
}
.naviLinkCompanyOver2 {
	background-color:#666666;
	background-color:rgba(102,102,102,0.95);
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:10px 20px;
	width:250px;
}
.naviLinkCompanyOver2:hover {
	background-color:#878787;
	background-color:rgba(135,135,135,0.95);
}
.naviLinkCompany2Root {
	list-style:none;
}
.naviLinkCompany2, .naviLinkCompany2open {
	color:#333;
	text-decoration:none;
	display:block;
	padding:10px 0px 10px 25px;
}
.naviLinkCompany2:hover, .naviLinkCompany2open {
	font-family:"maven pro bold";
}

/* Footer */

#containerFooter {
	height:25px;
	width:100%;
	bottom:0px;
	position:fixed;
}
#layerFooter {
	max-width:1000px;
	margin:0px auto;
	padding:0px 20px;
	position:relative;
}
#layerFooterButton {
	width:200px;
	height:25px;
	line-height:25px;
	background-color:#666666;
	color:#FFF;
	text-align:center;
	left:0px;
	bottom:0px;
	cursor:pointer;
}
#layerTopButton {
	width:74px;
	height:14px;
	padding-top:30px;
	background-position:-203px -45px;
	position:absolute;
	right:20px;
	bottom:20px;
	color:#999999;
	cursor:pointer;
	text-align:center;
	font-size:90%;
	display:none;
	z-index:999;
}

/* SubFooter */

#containerSubFooter {
	padding:0px 20px;
	background-color:#666;
}
#layerSubFooter {
	max-width:1000px;
	margin:0px auto;
	padding-top:35px;
}
#layerSubFooterContent {
	padding-right:220px;
}
#layerSubFooterNavigation {
	width:200px;
	padding-left:20px;
	padding-bottom:20px;
	float:right;
}
#layerImprint {
	clear:both;
	overflow:hidden;
	color:#FFF;
	padding:10px 0px;
}
#layerImprint a {
	color:#FFF;
	text-decoration:none;
}
#layerImprintLeft {
	float:left;
}
#layerImprintRight {
	float:right;
}

/* SubFooter Navi & Content */

#layerSubFooterButtons {
	overflow: hidden;
    margin-bottom: 10px;
}
#buttonSubFooterFacebook, #buttonSubFooterPinterest, #buttonSubFooterBlogspot, #buttonSubFooterYoutube, #buttonSubFooterInstagram {
    width: 35px;
    height: 35px;
    display: block;
    float: right;
    margin-left: 4px;
}
#buttonSubFooterFacebook {
	background-position:-1px -210px;
}
#buttonSubFooterPinterest {
	background-position:-41px -210px;
}
#buttonSubFooterBlogspot {
	background-position:-81px -210px;
}
#buttonSubFooterYoutube {
	background-position:-121px -210px;
}
#buttonSubFooterInstagram {
	background-position:-162px -210px;
}
.linkNaviFooter1Root {
	list-style:none;
}
.linkNaviFooter, .linkNaviFooteropen {
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:10px;
	font-size:120%;
}
.linkNaviFooter:hover, .linkNaviFooteropen {
	background-color:rgba(0,0,0,0.1);
}

#layerSubFooterContent h1, #layerSubFooterContent .contentTitle {
	font-size: 150%;
	color: #FFF;
	font-weight:normal;
	margin:0px;
}
#layerSubFooterContent h2, #layerSubFooterContent .contentSubTitle {
	font-size: 120%;
	color: #FFF;
	font-weight:normal;
	margin:0px;
}
#layerSubFooterContent .areaContent {
	line-height:150%;
	color:#FFF;
	font-size:100%;
	padding-top:10px;
}
#layerSubFooterContent .areaContent p {
	margin-bottom: 10px;
}
#layerSubFooterContent .areaContent p:last-child {
	margin-bottom: 0px;
}
#layerSubFooterContent .areaContent a {
	color: #FFF;
	font-family:"maven pro bold";
	text-decoration: none;
}
#layerSubFooterContent .areaContent a:hover {
	text-decoration:underline;
}
#layerSubFooterContent .areaContent li {
	margin-left:20px;
	margin-bottom:5px;
}

/* Impressum */

#layerImprint {
	clear:both;
	overflow:hidden;
	color:#FFF;
}
#layerImprintLeft {
	float:left;
}
#layerImprintRight {
	float:right;
}
#layerImprint a {
	color:#FFF;
	text-decoration:none;
	font-size:80%;
}
#layerImprint a:hover {
	text-decoration:underline;
}

/* Slider */

.bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
}
.bx-pager .bx-pager-item,
.bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-pager.bx-default-pager a:hover,
.bx-pager.bx-default-pager a.active {
	background: #000;
}
.bx-prev, .bx-next {
	width:100%;
	height:100%;
	display:block;
}
.itemStartPrev {
	width:42px;
	height:40px;
	background-image:url(../img/spriteStart.png);
	background-position:-122px 0px;
	position:absolute;
	top:50%;
	margin-top:-20px;
	left:10px;
}
.itemStartNext {
	width:42px;
	height:40px;
	background-image:url(../img/spriteStart.png);
	background-position:-174px 0px;
	position:absolute;
	top:50%;
	margin-top:-20px;
	right:10px;
}

/* Start Boxen */

.containerStartBox{
	color:#FFF;
	position:relative;
	border-bottom:1px solid #000;
	padding:10px 0px;
	margin:10px 0px;
}
.layerStartBox {
	position:relative;
}
.layerStartBoxTitle {
	color:#FFF;
	margin-right:10px;
	font-size:80%;
	border-bottom:1px solid #FFF;
	padding:10px 0px 10px 10px;
}
.imageStartSlider {
	max-width:100%;
	display:block;
	margin:0px auto;
}
.itemStartPager {
	background-color:#FFF;
	height:10px;
	padding-top:10px;
}
.layerStartBoxText {
	padding:20px;
}
.layerStartBoxTextTitle {
	font-family:"maven pro bold";
	font-size:110%;
	padding-bottom:10px;
}
.layerStartBoxTextContent p{
	margin-bottom:10px;
}
.layerStartBoxTextContent p:last-child{
	margin:0px;
}
.layerStartBoxTextContent a{
	text-decoration:none;
	color:#FFF;
	font-family:"maven pro bold";
}

/* Start Box 2 */

#containerStartSlider2 {
	padding:20px 0px;
}
#layerStartBoxText2 {
	overflow:hidden;
}
.sliderStart2 {
	padding:0px 20px;
	overflow:hidden;
}
#layerStartBoxContent2 .bx-caption {
	background-color:#000000;
	position:absolute;
	bottom:10px;
	left:0px;
	font-size:120%;
	padding:5px 40px 5px 10px;
	background-image:url(../img/iconStart.png);
	background-repeat:no-repeat;
	background-position:right center;
}
#layerStartBoxLink2 {
	bottom:0px;
	right:-80px;
}

/* Start Box 4 */

#containerStartSlider4 {
	padding:10px 0px;
}
.sliderStart4Image {
	width:70px;
	height:70px;
	float:right;
	border-radius:50px;
	overflow:hidden;
	margin:10px;
}
.sliderStart4Image img{
	max-width:100%;
}
.sliderStart4Title {
	display:block;
	color:#FFF;
	text-decoration:none;
	background-color:#000;
	padding:10px;
	margin-right:10px;
	background-image:url(../img/iconStart.png);
	background-repeat:no-repeat;
	background-position:right center;
}
.sliderStart4Text {
	padding:10px;
	font-size:90%;
}
.sliderStart4Colors {
	overflow:hidden;
	clear:both;
	padding:0px 10px;
}
.sliderStart4ColorsImage {
	float:left;
	width:27px;
	height:27px;
	display:block;
	margin:5px 5px 0px 0px;
	border-radius:30px;
	border:2px solid #FFF;
}

/* Contentboxen */

.containerContentBox {
	border-bottom:1px solid #000;
	padding:10px 0px;
	margin:10px 0px;
}
.naviBoxTitle {
	font-family:"maven pro bold";
	font-size:120%;
}
.naviBoxSubTitle {
	font-size:100%;
	color:#9299A3;
}
.naviBoxText {
	padding-top:10px;
}
.naviBoxText p {
	margin-bottom:10px;
}
.naviBoxText p:last-child {
	margin-bottom:0px;
}
.naviBoxText a{
	color:#333;
	text-decoration:none;
}
.naviBoxText a:hover{
	text-decoration:underline;
}

/* Content */

.areaContent img {
	max-width: 100% !important;
	height: auto !important;
}
#layerMainContent h1, #layerMainContent .contentTitle, .areaContentLayerText h1, .areaContentLayerText .contentTitle, .layerMemberPasswordReset .title, .memberTemplate .title, .layerShopCart .head .title, .formTemplate .title {
	font-size: 170%;
	font-weight:normal;
	margin:0px;
}
#layerMainContent h2, #layerMainContent .contentSubTitle, .areaContentLayerText h2, .areaContentLayerText .contentSubTitle, .layerMemberPasswordReset .subtitle, .memberTemplate .subtitle, .layerShopCart .head .subtitle, .formTemplate .subtitle {
	font-size: 140%;
	font-weight:normal;
	margin:0px;
}
#layerMainContent .areaContent, .areaContentLayerText .areaContent {
	padding-top:15px;
	padding-bottom:5px;
	line-height:150%;
	font-size:100%;
	overflow: hidden;
}
#layerMainContent .areaContent p, .areaContentLayerText p, .layerMemberPasswordReset p, .memberTemplate p, .layerShopCart p, .formTemplate .text p {
	margin-bottom: 10px;
}
#layerMainContent .areaContent p:last-child, .layerMemberPasswordReset p:last-child, .memberTemplate p:last-child, .layerShopCart p:last-child, .formTemplate .text p:last-child {
	margin-bottom: 0px;
}
#layerMainContent .areaContent a, .areaContentLayerText a, .layerMemberPasswordReset a, .memberTemplate a, .layerShopCart a, .formTemplate a {
	font-family:"maven pro bold";
	text-decoration: none;
	font-size:110%;
	color:#333;
}
#layerMainContent .areaContent a:hover, .areaContentLayerText a:hover, .layerMemberPasswordReset a:hover, .memberTemplate a:hover, .layerShopCart a:hover, .formTemplate a:hover {
	text-decoration:underline;
}

#layerMainContent .areaContent li, .formTemplate .text li, .memberTemplate li {
	margin-left:20px;
	margin-bottom:5px;
} {
	margin-left:20px;
	margin-bottom:5px;
}
.imageContentLeft {
	padding: 0px;
	float: left;
	width: 180px;
	margin-top: 4px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.imageSubContentLeft {
	padding: 0px;
	float: left;
	width: 200px;
	margin-top: 4px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.imageContentRight {
	padding: 0px;
	float: right;
	width: 180px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 10px;
}
#layerMainContent .contentBottom {
	height: 20px;
}
hr {
	border: none;
	background-color: #ccc;
	color: #ccc;
	height: 1px;
}

/* Content Layer */

#containerContentLayer {
	left:55%;
	margin-left:-300px;
	position: absolute;
	z-index: 7;
	width: 600px;
	top: 80px;
	z-index:9999;
	background-color: rgba(255,255,255,0.98);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}
.contentLayerClose {
    height: 27px;
    width: 27px;
    display: block;
    background-image: url(../img/lb/close.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 25px;
    top: 25px;
}
#layerContentLayerHead {
	padding:25px 60px;
	text-align: center;
}
#layerContentLayerHead  img{
	max-width:100%;
	height:auto;
}
#layerContentLayerBody {
	text-align: left;
}
.areaContentLayerText {
	padding:10px 0px;
	margin:0px 25px;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	overflow:hidden;
}
.areaContentLayerText li {
	margin-left:15px;
	margin-bottom:5px;
}
#layerContentLayerFooter {
	height: 30px;
}
#areaContentLayerTextFooter {
	height:30px;
	line-height:30px;
	text-align: right;
	padding-left:25px;
	padding-right:25px;
}
.contentLayerLink {
	color: #CCC;
	text-decoration: none;
	font-size: 10pt;
}
.contentLayerLink:hover {
	color: #CCC;
	text-decoration: underline;
}

/* Lang Liste */

.areaLangList {
	padding-top:20px;
}
.itemLangList {
	display:inline-block;
	vertical-align:top;
	width: 32%;
	margin-bottom:20px;
	border-bottom:1px solid #999999;
}
.itemLangList.second {
	margin: 0 2% 20px 2%;
}
.itemLangListNew{
	width:36px;
	height:36px;
	border-radius:18px;
	background-color:#000;
	color:#FFF;
	position:absolute;
	left:0px;
	font-size:60%;
	text-align:center;
	line-height:36px;
	bottom:3px;
}
.itemLangListDetail {
	overflow:hidden;
	padding:5px 0px;
}
.itemLangListDetailLeft {
	float:left;
}
.itemLangListDetailRight {
	float:right;
}
.itemLangListLinkDetail {
	background-image:url(../img/spriteBack.png);
	background-repeat:no-repeat;
	background-position:-286px -99px;
	display:block;
	width:21px;
	height:20px;
	float:right;
}
.itemLangListLinkTrace {
	background-image:url(../img/spriteBack.png);
	background-repeat:no-repeat;
	background-position:-418px -55px;
	display:block;
	width:21px;
	height:20px;
	float:right;
	margin-right:5px;
}
.itemLangListTitle{
	border-bottom:1px solid #000;
	position:relative;
	margin-bottom:10px;
	padding-bottom:3px;
	line-height:110%;
}
.itemLangListTitle.new{
	padding-left:41px;
}
.itemLangListImage {
	cursor: pointer;
}
.itemLangListImage img {
	width: 100%;
}
.itemLangListImage.size370 {
	display: none;
}

/* ArtikelListe */


/* ModellListe */

.itemModelListLinkFlipbook {
	background-image:url(../img/spriteBack.png);
	background-repeat:no-repeat;
	background-position:-358px -55px;
	display:block;
	width:20px;
	height:20px;
	float:left;
	margin-right:5px;
}

.itemModelListLinkUsage {
	background-image:url(../img/spriteBack.png);
	background-repeat:no-repeat;
	background-position:-490px -55px;
	display:block;
	width:20px;
	height:20px;
	float:left;
}

.itemModelListLinkManual {
	background-image:url(../img/spriteBack.png);
	background-repeat:no-repeat;
	background-position:-388px -55px;
	display:block;
	width:20px;
	height:20px;
	float:left;
	margin-right:5px;
}
.itemModelListButton {
	float: left;
	height: 20px;
	margin-right:5px;
}
.itemModelListButton .button {
	box-sizing: border-box;
	vertical-align: top;
	height: 20px;
	line-height: normal;
	padding: 0;
	margin: 0;
	border: none;
	background: #999999;
	color: #FFFFFF;
	font-size: 75%;
	cursor: pointer;
	padding-left: 4px;
	padding-right: 27px;
	border-radius: 11px;
	position: relative;
}
/*.itemModelListButton .button:after {
	font-family: 'fontawesome';
	content: '\00A0\f291';
	font-size: 90%;
	position: relative;
	top: -1px;
}*/
.itemModelListButton .button:after {
	font-family: 'fontawesome';
	content: '\f291';
	font-size: 80%;
	display: block;
	border-left: 2px solid #FFFFFF;
	height: 20px;
	width: 20px;
	padding-right: 3px;
	text-align: center;
	line-height: 19px;
	position: absolute;
	right: 0px;
	top: 0;
}

/* PublikationListe */

.itemPublicationListLinkFlipbook {
	background-image:url(../img/spriteBack.png);
	background-repeat:no-repeat;
	background-position:-358px -55px;
	display:block;
	width:20px;
	height:20px;
	float:left;
	margin-right:5px;
}

/* BlogListe */

.itemBlogspot{
	border-bottom:1px solid #333;
	padding:10px 0px;
	-webkit-transition:padding 500ms;
	transition:padding 500ms;
}
.itemBlogspot:hover{
	background-color:#f3f3f3;
	padding:10px;
}
.itemBlogspotTitle a{
	color:#ed712d !important;
}
.itemBlogspotDate {
	font-size:80%;
}
.itemBlogspotAuthor {
	font-size:80%;
}

/* LangDetail */

.layerLangDetail {
	background-color:#FFF;
	background-color:rgba(255,255,255,0.95);
	position:absolute;
	width:860px;
	left:50%;
	margin-left:-450px;
	z-index:99;
	box-shadow:0px 0px 5px;
	top: -200px;
}
.layerLangDetailClose {
	width:27px;
	height:27px;
	position:absolute;
	right:30px;
	top:30px;
	cursor:pointer;
	background-image:url(../img/lb/close.png);
	display:block;
	z-index:99;
}
.layerLangDetailHead {
	padding:30px 0px;
	margin:0px 30px;
	border-bottom:1px solid #000;
	overflow:hidden;
}
.layerLangDetailLogo {
	float:left;
}
.layerLangDetailLogo img {
	max-width:100%;
}
.layerLangDetailTitle {
	float:right;
	font-size:250%;
	padding-top:40px;
	position:relative;
}
.layerLangDetailNew {
	background-color:#000;
	width:80px;
	height:80px;
	border-radius:80px;
	color:#FFF;
	position:absolute;
	left:-95px;
	top:13px;
	line-height:80px;
	text-align:center;
	font-size:60%;
}
.detailLangInformation {
	overflow:hidden;
	padding:20px 0px;
	margin:0px 30px;
}
.linkDetailLang {
	background-image:url(../img/spriteDetailArticle.png);
	background-repeat:no-repeat;
	display:block;
	height:30px;
	line-height:30px;
	color:#999999;
	font-size:120%;
	padding-left:40px;
	text-decoration:none;
	margin-top:15px;
}


/* Verbrauchsliste */

.linkDetailUsage {
	background-image:url(../img/spriteUsage.png);
	background-repeat:no-repeat;
	display:block;
	height:64px;
	line-height:64px;
	color:#999999;
	font-size:80%;
	padding-left:53px;
	text-decoration:none;
	margin-top:15px;
}
.linkDetailUsageTitleImage {
	background-image:url(../img/spriteUsage.png);
	background-repeat:no-repeat;
	display:block;
	height:35px;
	line-height:35px;
	color:#999999;
	font-size:80%;
	padding-left:0px;
	text-decoration:none;
	margin-top:15px;
	width: 35px;
}
.DetailUsageAccessoires {
	background-image:url(../img/spriteUsage.png);
	background-repeat:no-repeat;
	display:block;
	vertical-align:center;
	font-size:80%;
	text-decoration:none;
}
.linkDetailUsagePrintImage {
	background-image:url(../img/spriteUsage.png);
	background-repeat:no-repeat;
	display:block;
	height:43px;
	line-height:110px;
	color:#999999;
	font-size:50%;
	padding-left:0px;
	text-decoration:none;
	margin-top:0px;
	margin-bottom:0px;
	width: 47px;
	text-align: center;
}

.linkDetailUsageTitleTop {
	background-image:url(../img/spriteUsage.png);
	background-repeat:no-repeat;
	display:block;
	height:70px;
	line-height:70px;
	color:#999999;
	font-size:80%;
	padding-left:0px;
	text-decoration:none;
	margin-top:-15px;
	width: 70px;
}

.linkDetailUsageAlternateColors {
	background-image:url(../img/spriteUsage.png);
	background-repeat:no-repeat;
	display:block;
	height:18px;
	line-height:18px;
	color:#000;
	font-size:100%;
	padding-left:25px;
	text-decoration:none;
	margin-top:15px;
}
.linkDetailUsageGrTab {
	float:left;
	height:18px;
	line-height:18px;
	color:#000;
	font-size:100%;
	text-decoration:none;
}
.linkDetailUsageGrTab:hover {
	text-decoration:underline;
}
.sizeselector{
	border:1px solid #666;
	padding:2px 5px;
	color:#333;
	text-decoration:none;
	margin-right: 5px;

}

.sizeselector.big{
	display: block;
	margin: 0 0 5px 0;

}

.sizeselector:hover{
  	background-color: #9299A3;
}


.itemUsageYarn {
	overflow: hidden;
	padding: 20px 0;
	clear: both;
}
.itemUsageYarnImage {
	width: 200px;
	float: left;
}
.itemUsageYarnImage img {
	max-width: 100%;
	height: auto;
}
.itemUsageYarnRight {
	padding-left: 220px;
}
.itemUsageYarnTitle {
	font-family: 'maven pro bold';
	font-size: 140%;
	margin-bottom: 15px;
}
.itemUsageYarnText {
	margin-bottom: 15px;
}

.itemUsageSizeSelect{
	float:left;
}
.itemUsageSizeSelect{
	height: 40px;
	font-family: 'maven pro regular';
	font-size: 110%;
}





.layerLangDetailFooter {
	border-top:1px solid #000;
	padding-top:15px;
	margin:0px 30px 30px 30px;
	overflow:hidden;
}
.layerLangDetailFooter a{
	font-size:100% !important;
	color:#333;
	text-decoration:none;
	font-family:"maven pro regular" !important;
}
.layerLangDetailFooter a:hover{
	text-decoration:underline;
}
.layerLangDetailFooterLeft {
	float:left;
}
.layerLangDetailFooterRight {
	float:right;
}

/* Artikel Detail */

.detailArticleInformationLeft {
	float:left;
	width:290px;
}
.detailArticleImage {
	text-align:center;
	margin-bottom:15px;
	position:relative;
}
.detailArticleImage img {
	max-width: 100%;
	height: auto;
}
.detailArticleNew {
	background-color:#000;
	color:#FFF;
	text-align:center;
	height:80px;
	width:80px;
	line-height:80px;
	font-size:120%;
	position:absolute;
	left:0px;
	top:0px;
	border-radius:80px;
}
.detailArticleLinks {
	border-top:1px solid #000;
}
#linkDetailArticleSheet {
	background-position:0px -35px;
}
#linkDetailArticleShop {
	background-position:0px -70px;
}
#linkDetailArticleTrace {
	background-position:0px -210px;
}
.detailArticleInformationRight {
	margin-left:320px;
}
.detailArticleTitle {
	font-family:"maven pro bold";
	font-size:200%;
	margin-bottom:15px;
}
.detailArticleText {
	margin-bottom:15px;
}
.detailArticleText a {
	font-family:"maven pro bold";
	text-decoration: none;
	color: #333;
}
.detailArticleText a:hover {
	text-decoration: none;
	opacity: 0.5;
	transition: all 0.5s ease-out;
}
.detailArticleTDLabel {
	font-family:"maven pro bold";
	vertical-align:top;
	padding-bottom:15px;
}
.detailArticleTDValue {
	vertical-align:top;
	padding-bottom:15px;
}
.detailArticleColors {
	border-top:1px solid #000;
	padding-bottom:20px;
	margin:0px 30px;
}
.detailArticleColorsTitle {
	font-size:150%;
	padding:15px 0px;
}
.detailItemArticleColor {
	vertical-align:top;
	display:inline-block;
	text-align:center;
	position:relative;
	margin-bottom: 25px;
}
.detailItemArticleColorImage {
	width:115px;
	overflow:hidden;
	margin:5px;
	border-radius:10px;
	box-shadow:0px 0px 3px;
}

.detailItemArticleColorImageSmall {
	width:60px;
	overflow:hidden;
	margin:3px;
	border-radius:5px;
	box-shadow:0px 0px 3px;
}

.detailItemArticleColorImageChange {
	width:151px;
	overflow:hidden;
	margin:5px;
	border-radius:10px;
	box-shadow:0px 0px 3px;
}
.detailItemArticleColorImage img {
	width:115px;
	/*height: 164px;*/
	display:block;
}

.detailItemArticleColorImageSmall img {
	width:60px;
	/*height: 164px;*/
	display:block;
}

.detailItemArticleColorImageChange img {
	width:151px;
	/*height: 212px;*/
	display:block;
}

.detailItemArticleColorTrend, .detailItemArticleColorNew {
	position:absolute;
	bottom:0px;
	background-color:#000;
	color:#FFF;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:70%;
	border-radius:20px;
}
.detailItemArticleColorTrend {
	right:0px;
}
.detailItemArticleColorNew {
	left:0p;
}

/* Maschenprobe */

.layerGauge {
	width: 100px;
	height: 100px;
	border: 1px solid #000000;
	position: relative;
}
.layerGaugeRight {
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid #000000;
	width: 10px;
}
.layerGaugeRightValue {
	position: absolute;
	line-height: 100px;
	left: 100%;
	top: 0;
	padding-left: 10px;
}
.layerGaugeBottom {
	height: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	border-top: 1px solid #000000;
	width: 100%;
}
.layerGaugeBottomValue {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	text-align: center;
	padding-top: 10px;
}

/* Modell Detail */

.detailModelInformationLeft {
	float:left;
	width:50%;
}
.detailModelImage {
	text-align:center;
	margin-bottom:15px;
	border:1px solid #6c6c6c;
}
.detailModelImagePager {
	padding:10px 0px;
}
.detailModelImage img{
	max-height:300px;
	max-width:100%;
	display:block;
	margin:0px auto;
}
.detailModelLinks {
	border-top:1px solid #000;
	margin-left:30px;
}
#linkDetailModelUsage {
	background-position:0px -245px;
}
#linkDetailModelShow {
	background-position:0px -105px;
}
.detailModelLinksKnitting {
	overflow: hidden;
}
#linkDetailModelKnitting {
	background-position:0px -140px;
}
#buttonDetailModelKnitting2 {
	box-sizing: border-box;
	vertical-align: top;
	height: 20px;
	line-height: normal;
	padding: 0;
	margin: 0;
	border: none;
	background: #999999;
	color: #FFFFFF;
	font-size: 75%;
	cursor: pointer;
	padding-left: 4px;
	padding-right: 27px;
	border-radius: 11px;
	position: relative;
	float: right;
	margin-top: 19px;
}
#buttonDetailModelKnitting2:after {
	font-family: 'fontawesome';
	content: '\f291';
	font-size: 80%;
	display: block;
	border-left: 2px solid #FFFFFF;
	height: 20px;
	width: 20px;
	padding-right: 3px;
	text-align: center;
	line-height: 19px;
	position: absolute;
	right: 0px;
	top: 0;
}
#buttonDetailModelKnitting {
	box-sizing: border-box;
	background: none;
	border: none;
	background-image:url(../img/spriteDetailArticle.png);
	background-repeat:no-repeat;
	background-position:0px -140px;
	display:block;
	height:30px;
	color:#999999;
	font-size:120%;
	padding-left:40px;
	text-decoration:none;
	margin-top:15px;
	cursor: pointer;
	font-family: 'maven pro regular';
	float: left;
}
#linkDetailModelPubl {
	background-position:0px -105px;
}
#linkDetailModelShare {
	background-position:0px -175px;
}
#linkDetailModelCalc {
	background-position:0px -0px;
}

#linkDetailModelMeasure {
	background-position:-53px 0px;
}

#linkDetailModelUsedYarns {
	background-position:-108px 0px;
}

#linkDetailModelAccessoires {
	background-position:-110px -40px;
}

#linkDetailModelShops {
	background-position:-108px -80px;
}

#linkDetailModelMeasureArticle {
	background-position:-150px 3px;
	/*margin: 0px auto 10px;*/
	margin: 0px 10px 10px;
}

#linkDetailModelWeightArticle {
	background-position:-186px 0px;
	margin: 0px auto 10px;
}

#linkDetailModelBallsArticle {
	background-position:0px -65px;
	margin: 0px auto 10px;
}

#linkDetailModelBlankArticle {
	background-position:-1000px 0px;
	margin: 0px auto 10px;
}

#linkDetailModelTopTitle {
	background-position:0px -165px;

}

#linkDetailModelAlternateColor {
	background-position:0px -235px;

}
#linkDetailModelUKArticle {
	background-position:-224px -15px;
	height:15px;
	width:20px;
}
#linkDetailModelUSAArticle {
	background-position:-256px -15px;
	height:15px;
	width:20px;
}
#linkDetailModelPrint1Article {
	background-position:6px -117px;
}
#linkDetailModelPrint1ArticleSmall {
	line-height: 60px;
	background-position: -153px -118px;
	float:left;
	cursor:pointer;
	width:34px;
	height:34px;
	padding-top:10px;
	margin-right:10px;
}
#linkDetailModelPrint2Article {
	background-position:-43px -117px;
	margin: 0px auto 10px;
}

#linkDetailModelPrint2ArticleSmall {
	line-height: 60px;
	background-position: -203px -118px;
	float:left;
	cursor:pointer;
	width:34px;
	height:34px;
	padding-top:10px;
}

#linkDetailModelAlternateColorSign {
    background-position: 0px -256px;
}





.detailModelInformationRight {
	float:right;
	width:50%;
}
.detailModelTitle {
	font-family:"maven pro bold";
	font-size:200%;
	margin-bottom:15px;
	margin-left:30px;
	line-height:100%;
}
.detailModelSubTitle {
	font-size:120%;
	margin-top: -5px;
	margin-bottom:20px;
	margin-left:30px;
	line-height:100%;
}
.detailModelText {
	margin-bottom:15px;
	margin-left:30px;
}
.detailModelTDLabel {
	font-family:"maven pro bold";
	vertical-align:top;
	padding-bottom:15px;
	padding-left:30px;
}
.detailModelTDValue {
	vertical-align:top;
	padding-bottom:15px;
}
.detailModelYarns {
	border-top:1px solid #000;
	padding-bottom:0px;
	margin:0px 30px;
}
.detailModelYarnsTitle {
	font-size:150%;
	padding:15px 0px;
}

.detailModelYarnsUsageTitle {
	font-size:150%;
	padding:27px 45px 0 45px;
	line-height: 21px;
}

.detailItemModelYarn {
	width:195px;
	vertical-align:bottom;
	display:inline-block;
	text-align:center;
	margin-bottom: 20px;
	border-bottom: 1px solid #999;
	cursor: pointer;
}
.detailItemModelYarnTitle{
	text-align:left;
	border-bottom:1px solid #000;
	position:relative;
	margin-bottom:10px;
	padding-bottom:3px;
	line-height:110%;
}
.detailItemModelYarnTitleNew{
	text-align:left;
	border-bottom:1px solid #000;
	position:relative;
	margin-bottom:10px;
	padding-left:41px;
	padding-bottom:3px;
	line-height:110%;
}
.detailItemModelYarnImage img{
	width:155px;
	height:155px;
}
.detailItemModelYarnLinks{
	overflow: hidden;
	padding: 5px 0px;
}

/* Publikation Detail */

.detailPublicationInformationLeft {
	float:left;
	width:50%;
}
.detailPublicationImage {
	padding-right:20px;
}
.detailPublicationImage img{
	width:100%;
}
.detailArticleLinks {
	border-top:1px solid #000;
}
#linkDetailPublicationShow {
	background-position:0px -105px;
}
#linkDetailPublicationShop {
	background-position:0px -70px;
}
#linkDetailPublicationShare {
	background-position:0px -175px;
}
.detailPublicationInformationRight {
	float:right;
	width:50%;
}
.detailPublicationTitle {
	font-family:"maven pro bold";
	font-size:200%;
	line-height:100%;
	margin-bottom:15px;
	margin-left:30px;
}
.detailPublicationText {
	margin-bottom:15px;
	margin-left:30px;
}
.detailPublicationText p {
	margin-bottom:15px;
	margin-top: 5px;
}
.detailPublicationLinks {
	margin-left:30px;
	border-top:1px solid #000;
}

/* Listen Navigation */

.layerTemplateNavigation {
	border-top:1px solid #000;
	padding:10px 0px;
	overflow:hidden;
}
.layerTemplateNavigationLeft {
	float:left;
}
.layerTemplateNavigationRight {
	float:right;
}
.layerTemplateNavigationLink {
	width:21px;
	height:20px;
	display:inline-block;
	background-image:url(../img/spriteBack.png);
	background-repeat:no-repeat;
	vertical-align:middle;
}
#layerTemplateNavigationLinkLeft {
	background-position:-234px -99px;
}
#layerTemplateNavigationLinkRight {
	background-position:-260px -99px;
}

/* Suchmaske */

.titleSearchMask {
	margin-right:10px;
	color:#FFF;
	padding:10px 0px 5px 10px;
	border-bottom:1px solid #FFF;
}
.layerSearchMask {
	padding:10px;
	color:#FFF;
}
.tableSearchMask {
	table-layout:fixed;
}
.inputSearchMask {
	width:100%;
	border:none;
	margin: 0px;
	padding: 0px;
}
.selectSearchMask {
	width:100%;
	font-size:90%;
}
.labelSearchMask {
	width:35%;
	font-size:80%;
	text-align:right;
	padding:5px 0px;
}
.valueSearchMask {
	width:65%;
	padding:5px 0px;
}
.valueSearchMask.check {
	text-align: right;
}
.valueSearchMask.check .checkbox {
	margin: 0;
	vertical-align: middle;
	margin-left: 15px;
}
.layerSearchMaskSubmit, .layerSearchMaskReset {
	text-align:right;
}
.submitSearchMask, .resetSearchMask {
	border:none;
	background:none;
	cursor:pointer;
	color:#FFF;
	padding:0px 25px 0px 0px;
	font-size:100%;
	margin-top:5px;
	height:20px;
}
.submitSearchMask {
	background-image:url(../img/button/buttonSubmit.png);
	background-repeat:no-repeat;
	background-position:right center;
}
.resetSearchMask {
	background-image:url(../img/button/buttonReset.png);
	background-repeat:no-repeat;
	background-position:right center;
}

/* TraceYourYarn */

/* Head */

#layerTraceHead {
	overflow:hidden;
	margin:20px 0px 10px 0px;
	line-height:0px;
}
#layerTraceLogo {
	background-color:#000;
	width:20%;
	float:left;
	text-align:center;
}
#layerTraceHead img{
	max-width:100%;
	height:auto;
}
#layerTraceImage {
	width:80%;
	float:right;
}

/* Suche */

.containerTraceSearch {
	background-color:#666;
	padding:10px;
	position:relative;
}
.containerTraceSearchLeft {
	padding-right:70px;
}
.layerTraceSearch {
	display:inline-block;
	width:30%;
	padding-right:3%;
}
.labelTrace {
	color:#FFF;
}
.selectTrace {
	background:none;
	border:none;
	background-color:#e8e8e8;
	border:1px solid #565656;
	height:30px;
	padding:0% 2%;
	width:96%;
}
.selectTrace.isloading {
	background-image:url(../img/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:95% center;
}
.buttonTraceNaviInfo {
    width:20px;
    height:20px;
    display:block;
    float:right;
    cursor:pointer;
    background-image:url(../img/spriteBack.png);
    background-position:-244px -130px;
}
.submitTrace {
    padding:0px;
    margin:0px;
    width:38px;
    height:37px;
    border:medium none;
    background:url('../img/spriteBack.png') no-repeat scroll -380px -99px transparent;
    cursor:pointer;
    position:absolute;
    right:20px;
    bottom:10px;
}
.layerTraceReset {
	text-align:right;
}
#buttonTraceReset {
	padding:0px;
	margin:0px;
	border:none;
	background:none;
	cursor:pointer;
	font-family:"maven pro bold";
	font-size:110%;
	color:#555;
}

/* Liste */

#layerTraceError {
	padding: 10px;
	background-color: #C01416;
	color: #FFF;
	font-size:80%;
	margin-top: 20px;
}
#layerTraceError img {
	vertical-align: middle;
}
.areaTraceList {
	position:relative;
}
#containerTraceItems {
	border-collapse:collapse;
	border-bottom:1px solid #333;
}
.areaTraceTop {
	background-color:#e8e8e8;
	font-family:"maven pro bold";
	font-size:95%;
}
.areaTraceTop td {
	padding:10px 0px;
}
.itemTrace td {
	padding:10px 0px;
	border-top:1px solid #333;
}
.itemTraceImage img {
	height:100%;
	max-height: 100px;
	width:auto;
	cursor:pointer;
}
.itemTraceColor img {
	width:50px;
	height:50px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	border-radius:25px;
}
.itemTraceButton {
	width:63px;
}
.itemTraceProductLink {
	width:31px;
	height:31px;
	display:inline-block;
	vertical-align:middle;
	background-image:url(../img/spriteBack.png);
	background-repeat:no-repeat;
	background-position:-203px -130px;
}
.buttonTraceDetail {
	display:block;
	width:53px;
	height:51px;
	margin:0px auto;
	cursor:pointer;
	background-image:url(../img/spriteBack.png);
	background-repeat:no-repeat;
	background-position:-317px -99px;
}

/* Trace Artikel Detail */

#containerYarnArticle {
	width:900px;
	left:50%;
	margin-left:-450px;
	border:1px solid #555;
	background-color:#FFF;
	top:50px;
	position:absolute;
	z-index:999;
	box-shadow:0px 0px 5px #555;
}
	
#layerYarnArticle {
	padding:25px;
}

#detailYarnArticleLogo {
	text-align:center;
	padding:0px 35px 25px 35px;
	border-bottom:1px solid #CCC;
}

#detailYarnArticleLogo img{
	max-width:100%;
	height:auto;
}

#detailYarnArticleContent {
	padding-top:25px;
}

#detailYarnArticleContent img{
	max-width:100%;
	height:auto;
}

#detailYarnArticleContent a{
	text-decoration:none;
	color:#555;
}

#detailYarnArticleContent h1, #detailYarnArticleContent h2 {
	margin-bottom:10px;
}

.detailYarnArticleDescription {
	vertical-align:top;
	padding:25px 0px 25px 25px;
}

.detailYarnArticleLabel, .detailYarnArticleValue {
	padding:5px 0px;
}

.detailYarnArticleLabel {
	font-family:"maven pro bold";
}

/* Trace Detail */

#containerTraceDetail {
	width:900px;
	left:50%;
	margin-left:-450px;
	border:1px solid #555;
	background-color:#FFF;
	top:50px;
	position:absolute;
	z-index:999;
	box-shadow:0px 0px 5px #555;
}
	
#layerTraceDetail {
	padding:25px;
}

#layerTraceDetail img {
	max-width:100%;
	height:auto;
}

#detailTraceHead {
	overflow:hidden;
	border-bottom:1px solid #555;
	padding-bottom:30px;
}

#detailTraceHeadLogo {
	padding:0px 30px;
	text-align:center;
	float:left;
}

#detailTraceHeadLogo img{
	width:100%;
	max-width: 250px;
}

#detailTraceHeadTitle {
	float:right;
	line-height:101px;
	color:#555555;
	font-size:300%;
	padding-right:50px;
}

#detailTraceHeadClose {
	width:27px;
	height:27px;
	background-image:url(../img/lb/close.png);
	cursor:pointer;
	position:absolute;
	right:25px;
	top:25px;
}

.detailTraceTitle {
	font-family:"maven pro bold";
}

.detailTraceContent {
	overflow:hidden;
	position:relative;
	margin:0px 30px 20px 30px;
}

.detailTraceContentRight:after {
	content:'';
	position:absolute;
	bottom:0px;
	right:0px;
	width:62%;
	border-bottom:1px solid #737373;
}

.detailTraceContentLeft {
	float:left;
	width:35%;
	padding-right:3%;
	background-color:#FFF;
}

.detailTraceContentLeft img {
	border:1px solid #737373;
	max-width:100%;
}

.detailTraceContentRight {
	float:right;
	width:62%;
	padding-bottom:20px;
}

.buttonGoogleMaps {
	width:67px;
	height:80px;
	background-image:url(../img/button/buttonGoogle.png);
	display:block;
	float:right;
}

#layerTraceDetail p {
	padding:0px;
	margin:0px;
	margin-bottom:10px;
}

#detailTraceArticle {
	padding:0px;
	overflow:hidden;
	margin:0px 30px;
}

#detailTraceArticleImage {
	float:left;
	width: 35%;
	padding-right: 3%;
	background-color: #FFF;
	position:relative;
}

.imageDetailColor {
	position:absolute;
	width:20%;
	border-radius:20px;
	left:0px;
	top:20px;
	box-shadow: 0px 0px 10px #FFF;
}

#detailTraceArticleContent {
	float:right;
	width:62%;
	padding-bottom:20px;
	font-size:200%;
	padding-top:30px;
}

#layerTraceDetailFooter {
	text-align:right;
}

#layerTraceDetailFooter a{
	color:#333;
	text-decoration:none;
}

#layerTraceDetailFooter a:hover{
	text-decoration:underline;
}

/* Newsletter */

#inputNewsMail, #emailvalidation, #inputNewsMailOut, .inputMemberLight {
	width:95%;
	border:1px solid #000;
	background-color:#FFF;
	height:25px;
	margin:0px;
}

#selectNewsMailLanguage {
	width:95%;
	border:1px solid #000;
	background-color:#FFF;
	height:29px;
	margin:0px;
}

#submitNewsMail, .buttonMemberLight {
	width:95%;
	border:1px solid #000;
	background-color:#E5E5E5;
	height:29px;
	padding:0px;
	margin:0px;
	cursor:pointer;
}
#layerStartBoxNewsMessage, #layerStartBoxNewsOutMessage, #layerMemberLightMessage {
	font-size:90%;
	padding:10px 0px;
	color:#F00;
}
.layerStartBoxNewsMessageGreen {
	font-size:100% !important;
	padding:5px 10px;
	margin: 10px 0;
	color:#fff !important;
	background-color: #008e0d;
	border-radius: 10px;
	line-height: 150%;
}
.layerStartBoxNewsMessageRed {
	font-size:100% !important;
	padding:5px 10px;
	margin: 10px 0;
	color:#fff !important;
	background-color: #F00;
	border-radius: 10px;
	line-height: 150%;
}
#layerDataProtection {
	font-size:90%;
	padding:5px 10px;
	margin: 0 0 40px 0;
	color:#555;
	border-radius: 10px;
	border: 1px solid #ccc;
	line-height: 150%;
}
#layerDataProtection a {
	font-size:100% !important;
	color:#555 !important;
	text-decoration: underline !important;
}

/* POS */

.formSearchPOS {
	margin:0px;
}
.areaPOSNavigation {
	background-color:#CCC;
	padding:20px;
}
.labelSearchPOS, .valueSearchPOS {
	padding:5px 0px;
	font-size:90%;
}
.selectSearchPOS {
	width:100%;
}
.inputSearchPOS {
	width:100%;
	box-sizing:border-box;
}
.inputSearchPOS::placeholder {
	font-size: 90%;
}
.submitSearchPOS {
	border:1px solid #FFF;
	border-radius:10px;
	background:none;
	cursor:pointer;
	padding:5px 20px;
	color:#FFF;
	font-family:"maven pro bold";
	background-color:#AAA;
}
.areaPOSList {
	overflow:hidden;
	border-top:1px solid #000;
	margin-top:20px;
}
.itemPOS {
	font-size:80%;
	padding:10px 0px;
	overflow:hidden;
	border-bottom:1px solid #000;
	-webkit-transition:all 500ms;
	transition:all 500ms;
}
.itemPOS:hover{
	background-color:#f3f3f3;
	padding:10px;
}
.itemPOS h3{
	font-family:"maven pro bold";
	margin:0px;
	font-size:110%;
}
.itemPOSLeft {
	float:left;
	width:30%;
}
.itemPOSLeftServices {
	float:left;
	width:58.5%;
}
.itemPOSCenter {
	float:left;
	width:30%;
	padding:0 2.5%;
}
.itemPOSRight {
	float:Right;
	width:30%;
	text-align:right;
}

/* Kontakt Formular */

.detailContactValue {
	width:20%;
	min-height:20px;
	display:table-cell;
	vertical-align:top;
	color:#333;
	padding-bottom:5px;
}

.detailContactValue80 {
	width:78%;
	padding-right:2%;
}

.detailContactValue20 {
	width:20%;
}

.detailContactValue60 {
	width:58%;
	padding-right:2%;
}

.tableElementRow {
	width:100%;
}

.detailContactTitle {
	padding-bottom:20px;
	font-size:120%;
	font-family:"Amble Bold";
	color:#05519e;
}

.detailContactValueFeedback {
	min-height:20px;
	display:table-cell;
	vertical-align:middle;
	color:#333;
	padding-bottom:5px;
	padding-right:10px;
}

.detailLabelMandatoryFields {
	padding-left:20%;
}

.checkContact{
	padding-left:20%;
}

.checkContactLabel{
	padding-left:25%;
}

.inputContact, .inputContactMandatory {
	width:100%;
	height:20px;
	margin-bottom:5px;
}

.inputContactPLZ, .inputContactPLZMandatory {
	width:80%;
	height:20px;
	margin-bottom:5px;
}

.inputContactPlace, .inputContactPlaceMandatory {
	width:100%;
	height:20px;
	margin-bottom:5px;
}

.selectContact, .selectContactMandatory {
	width:100%;
	height:20px;
	margin-bottom:5px;
}

.textareaContact {
	width:100%;
	height:100px;
	margin-bottom:5px;
	resize:none;
}

.validateMessage {
	background-color:rgba(255,0,0,0.5);
	padding:10px;
	color:#FFF;
}

.captchaInputContact, .captchaInputContactMandatory {
	width:90%;
	height:20px;
	margin-top:5px;
}

.buttonRefreshCaptcha {
	margin-top:5px;
	width:90%;
	height:22px;
	border:1px solid #999;
	cursor:pointer;
}

.cmdSendLarge {
	padding:5px;
	margin-top:5px;
	margin-left:20%;
	width:60%;
	margin-bottom:20px;
	border-radius:5px;
	border:1px solid #999;
	cursor:pointer;
}

.areaContentForm {
	font-size:80%;
}

.detailLabelSubject {
	min-width:150px;
	padding-bottom:5px;
	padding-top:5px;
}

/* Contentbox Member */

.layerMemberContentbox {
	margin-bottom: 20px;
}

/* Form */
.layerMemberContentbox .layerMemberContentboxForm .title {
	font-family: 'maven pro bold';
	margin-bottom: 10px;
}
.layerMemberContentbox .layerMemberContentboxForm .title:before {
	font-family: 'fontawesome';
	content: '\f13e\00A0';
}
.layerMemberContentbox .layerMemberContentboxForm .error, .layerMemberContentbox .layerMemberContentboxForm .success {
	margin-right: 30px;
}
.layerMemberContentbox .layerMemberContentboxForm .item {
	height: 25px;
	position: relative;
	margin-bottom: 5px;
}
.layerMemberContentbox .layerMemberContentboxForm .item {
	padding-right: 30px;
}
.layerMemberContentbox .layerMemberContentboxForm .item .label {
	font-family: 'fontawesome';
	height: 25px;
	width: 25px;
	text-align: center;
	line-height: 25px;
	font-size: 90%;
	position: absolute;
	left: 0;
	top: 0;
}
.layerMemberContentbox .layerMemberContentboxForm .item .input {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	height: 25px;
	padding: 0 0 0 25px;
	background: none;
	font-size: 90%;
}
.layerMemberContentbox .layerMemberContentboxForm .item .button {
	box-sizing: border-box;
	font-family: 'fontawesome';
	background: none;
	border: none;
	padding: 0;
	height: 25px;
	width: 25px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
.layerMemberContentbox .layerMemberContentboxForm .link {
	font-size: 90%;
	margin-bottom: 10px;
	padding-top: 5px;
}
.layerMemberContentbox .layerMemberContentboxForm .link a {
	color: #333333;
	text-decoration: none;
}
.layerMemberContentbox .layerMemberContentboxForm .item.passwordMail {
	display: none;
}
.layerMemberContentbox .layerMemberContentboxForm .item.passwordMail.open {
	display: block;
}

/* Menu */

.layerMemberContentboxMenu {
	background-color: #000000;
	color: #FFFFFF;
	padding: 10px;
	box-shadow: 0 0 5px #000000;
	border: 1px solid #999999;
	border-radius: 5px;
}
.layerMemberContentbox .layerMemberContentboxMenu .title {
	font-family: 'maven pro bold';
	margin-bottom: 10px;
}
.layerMemberContentbox .layerMemberContentboxMenu .title:before {
	font-family: 'fontawesome';
	content: '\f007\00A0';
}
.layerMemberContentbox .layerMemberContentboxMenu ul {
	list-style: none;
	border-top: 1px dotted #CCCCCC;
}
.layerMemberContentbox .layerMemberContentboxMenu ul .item {
	position: relative;
}
.layerMemberContentbox .layerMemberContentboxMenu ul .count {
	position: absolute;
	right: -7px;
	top: -7px;
	background-color: green;
	color: #FFFFFF;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 80%;
	border-radius: 50%;
}
.layerMemberContentbox .layerMemberContentboxMenu ul .item a {
	display: block;
	border-bottom: 1px dotted #CCCCCC;
	padding: 5px 0;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 90%;
	-webkit-transition: padding 500ms;
	transition: padding 500ms;
}
.layerMemberContentbox .layerMemberContentboxMenu ul .item a:before,
.layerMemberContentbox .layerMemberContentboxMenu .action .button:before {
	font-family: 'fontawesome';
	content: '\f105\00A0';
}
.layerMemberContentbox .layerMemberContentboxMenu ul .item a:hover,
.layerMemberContentbox .layerMemberContentboxMenu ul .item a.open,
.layerMemberContentbox .layerMemberContentboxMenu .action .button:hover {
	background-color: rgba(255, 255, 255, 0.1);
	padding-left: 5px;
}
.layerMemberContentbox .layerMemberContentboxMenu .action {
}
.layerMemberContentbox .layerMemberContentboxMenu .action .button {
	box-sizing: border-box;
	background: none;
	border: none;
	border-bottom: 1px dotted #CCCCCC;
	padding: 5px 0;
	margin: 0;
	cursor: pointer;
	width: 100%;
	text-align: left;
	color: inherit;
	font-size: 90%;
	font-family: inherit;
	-webkit-transition: padding 500ms;
	transition: padding 500ms;
}
.layerMemberContentboxMenu .action .button::-moz-focus-inner {
    border: none;
    padding: 0;
}

/* Cart */

.layerMemberContentbox .layerMemberContentboxCart {
	margin-top: 20px;
}
.layerMemberContentbox .layerMemberContentboxCart .title {
	font-family: 'maven pro bold';
	margin-bottom: 10px;
}
.layerMemberContentbox .layerMemberContentboxCart .title:before {
	font-family: 'fontawesome';
	content: '\f291\00A0';
}
.layerMemberContentbox .layerMemberContentboxCart .list {
	list-style: none;
	border-top: 1px dotted #CCCCCC;
}
.layerMemberContentbox .layerMemberContentboxCart .item {
	overflow: hidden;
	border-bottom: 1px dotted #CCCCCC;
	padding: 5px 0;
	font-size: 90%;
}
.layerMemberContentbox .layerMemberContentboxCart .item .action {
	float: right;
}
.layerMemberContentbox .layerMemberContentboxCart .item .action .button {
	box-sizing: border-box;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	font-family: 'fontawesome';
	cursor: pointer;
}
.layerMemberContentbox .layerMemberContentboxCart .item .title {
	font-family: 'maven pro regular';
	font-size: 100%;
	margin-bottom: 10px;
}
.layerMemberContentbox .layerMemberContentboxCart .item .title:before {
	content: '';
}
.layerMemberContentbox .layerMemberContentboxCart .item .price, .layerMemberContentbox .layerMemberContentboxCart .item .discount {
	text-align: right;
	font-size: 90%;
}
.layerMemberContentbox .layerMemberContentboxCart .item .discount {
	margin-bottom: 10px;
}
.layerMemberContentbox .layerMemberContentboxCart .item .total {
	font-family: 'maven pro bold';
	text-align: right;
}
.layerMemberContentbox .layerMemberContentboxCart .action a {
	font-family: 'fontawesome';
	text-align: right;
	display: block;
	border-bottom: 1px dotted #CCCCCC;
	padding: 5px 0;
	color: #999999;
	text-decoration: none;
	font-size: 120%;
	-webkit-transition: padding 500ms;
	transition: padding 500ms;
}
.layerMemberContentbox .layerMemberContentboxCart .action a:hover,
.CartCheckout a:hover {
	background-color: #333333;
	color: #FFFFFF;
	padding-right: 10px;
}
.CartCheckout a {
	text-align: right;
	display: block;
	border-bottom: 1px dotted #CCCCCC;
	padding: 5px 0;
	color: #000;
	text-decoration: none;
	-webkit-transition: padding 500ms;
	transition: padding 500ms;
}
.CartCheckout a:before {
	font-family: 'fontawesome';
	content: '\f0d6\00A0\00A0';
}

/* Member: Login */

.layerMemberLogin .form .item .label {
	margin-bottom: 5px;
}
.layerMemberLogin .form .item.user .label:before {
	font-family: 'fontawesome';
	content: '\f007\00A0';
}
.layerMemberLogin .form .item.password .label:before {
	font-family: 'fontawesome';
	content: '\f084\00A0';
}
.layerMemberLogin .form .item.mail .label:before {
	font-family: 'fontawesome';
	content: '\f0e0\00A0';
}
.layerMemberLogin .form .action {
	overflow: hidden;
	margin-bottom: 20px;
	text-align: left;
}
.layerMemberLogin .form .action a {
	font-family: 'maven pro regular';
	color: #999999;
	font-size: 90%;
	cursor: pointer;
}
.layerMemberLogin .form .action a:hover {
	text-decoration: none;
}
.layerMemberLogin .form .action .button {
	font-family: 'maven pro regular';
	width: auto;
	border-radius: 5px;
	margin-bottom: 15px;
}
.layerMemberLogin .form .action .button:before {
	font-family: 'fontawesome';
	content: '\f090\00A0';
}
.layerMemberLogin .layerMemberLoginForgot {
	display: none;
}
.layerMemberLoginForgot .form .action .button:before {
	font-family: 'fontawesome';
	content: '\f01e\00A0';
}

/* memberTemplate / formTemplate */

.memberTemplate .head, .memberTemplate .text, .formTemplate .head, .formTemplate .text {
	margin-bottom: 15px;
}
.memberTemplate .item, .formTemplate .item {
	margin-bottom: 10px;
}
.memberTemplate .spacer {
	margin-bottom: 20px;
}
.memberTemplate .label, .formTemplate .label {
	display: block;
	font-family: 'maven pro bold';
}
.memberTemplate .label.radio {
	margin-bottom: 5px;
}
.memberTemplate .label.formError {
	color: #9f0000;
}
.memberTemplate .label.formError:before {
	font-family: 'fontawesome';
	content: '\f06a\00A0';
}
.memberTemplate .value, .formTemplate .value {
	overflow: hidden;
}
.memberTemplate .input, .formTemplate .input {
	box-sizing: border-box;
	width: 100%;
	height: 30px;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
}
.memberTemplate .textarea, .formTemplate .textarea {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	min-height: 80px;
	resize: vertical;
}
.memberTemplate .checkbox {
	margin: 0;
}
.memberTemplate .input.plz, .formTemplate .input.plz {
	width: 25%;
	float: left;
}
.memberTemplate .input.place, .formTemplate .input.place {
	width: 73%;
	float: right;
}
.memberTemplate .action, .formTemplate .action {
	margin-top: 20px;
	text-align: right;
}
.memberTemplate .action .button, .formTemplate .action .button {
	font-family: 'fontawesome';
	background-color: #999999;
	color: #FFFFFF;
	border: none;
	cursor: pointer;
	height: 30px;
	width: 30px;
	border-radius: 16px;
	font-size: 90%;
}

/* Meine Strickanleitungen */

.layerMemberPatterns .list.ek {
	border-top: 1px dotted #CCCCCC;
}
.layerMemberPatterns .list.ek .item {
	overflow: hidden;
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px 0;
	margin: 0;
	position: relative;
}
.layerMemberPatterns .list.ek .item .image {
	float: left;
	width: 100px;
	line-height: 0;
}
.layerMemberPatterns .list.ek .item .image img {
	max-width: 100%;
	height: auto;
}
.layerMemberPatterns .list.ek .item .right {
	padding-left: 120px;
	padding-bottom: 35px;
}
.layerMemberPatterns .list.ek .item .pdf {
	float: right;
}
.layerMemberPatterns .list.ek .item .pdf a {
	font-family: 'fontawesome';
	font-size: 130%;
}
.layerMemberPatterns .list.ek .item .title {
	font-size: 130%;
	margin-bottom: 15px;
}
.layerMemberPatterns .list.ek .item .date {
	font-size: 90%;
	margin-bottom: 5px;
	position: relative;
	padding-left: 20px;
}
.layerMemberPatterns .list.ek .item .date:before {
	font-family: 'fontawesome';
	content: '\f073\00A0';
	position: absolute;
	left: 0;
}
.layerMemberPatterns .list.ek .item .version {
	font-size: 90%;
	margin-bottom: 5px;
	position: relative;
	padding-left: 20px;
}
.layerMemberPatterns .list.ek .item .version:before {
	font-family: 'fontawesome';
	content: '\f0c5\00A0';
	position: absolute;
	left: 0;
}
.layerMemberPatterns .list.ek .item .shop {
	font-size: 90%;
	position: relative;
	padding-left: 20px;
}
.layerMemberPatterns .list.ek .item .shop .title {
	margin-bottom: 5px;
	font-size: 100%;
}
.layerMemberPatterns .list.ek .item .shop a {
	font-size: 100%;
}
.layerMemberPatterns .list.ek .item .shop:before {
	font-family: 'fontawesome';
	content: '\f290';
	position: absolute;
	left: 0;
}
.layerMemberPatterns .list.ek .item .link {
	text-align: right;
}
.layerMemberPatterns .list.ek .item .link a {
	display: inline-block;
	background-color: #333333;
	color: #FFFFFF;
	font-size: 80%;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	font-family: 'maven pro regular';
	border-radius: 3px;
	position: absolute;
	bottom: 10px;
	right: 0;
}
.layerMemberPatterns .list.ek .item .link a:hover {
	background-color: #444444;
	text-decoration: none;
}

/* Strickanleitungsverwaltung */

.layerMemberPatterns .list.eh {
	border-top: 1px dotted #CCCCCC;
}
.layerMemberPatterns .list.eh .item {
	overflow: hidden;
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px 0;
	margin: 0;
}
.layerMemberPatterns .list.eh .item .left {
	width: 50%;
	float: left;
}
.layerMemberPatterns .list.eh .item .left .list .item {
	padding: 0;
	margin-bottom: 10px;
	border-bottom: none;
	font-size: 90%;
}
.layerMemberPatterns .list.eh .item .left .list .item:before {
	font-family: 'fontawesome';
	content: '\f1c1\00A0';
}
.layerMemberPatterns .list.eh .item .right {
	width: 50%;
	float: right;
	overflow: hidden;
}
.layerMemberPatterns .list.eh .item .pdf {
	float: right;
}
.layerMemberPatterns .list.eh .item .pdf a {
	font-family: 'fontawesome';
	font-size: 130%;
}
.layerMemberPatterns .list.eh .item .date, .layerMemberPatterns .list.eh .item .time, .layerMemberPatterns .list.eh .item .value, .layerMemberPatterns .list.eh .item .mail {
	font-size: 90%;
	padding-bottom: 5px;
}
.layerMemberPatterns .list.eh .item .date:before {
	font-family: 'fontawesome';
	content: '\f073\00A0';
}
.layerMemberPatterns .list.eh .item .time:before {
	font-family: 'fontawesome';
	content: '\f017\00A0';
}
.layerMemberPatterns .list.eh .item .value:before {
	font-family: 'fontawesome';
	content: '\f0d6\00A0';
}
.layerMemberPatterns .list.eh .item .mail:before {
	font-family: 'fontawesome';
	content: '\f0e0\00A0';
}
.layerMemberPatterns .list.eh .item .state {
	font-size: 90%;
	color: #9f0000;
}
.layerMemberPatterns .list.eh .item .state.true {
	color: #008b00;
}
.layerMemberPatterns .list.eh .item .state:before {
	font-family: 'fontawesome';
	content: '\f019\00A0';
}
.layerMemberPatterns .list.eh .item .form {
	position: relative;
	padding-right: 35px;
	margin-top: 10px;
}
.layerMemberPatterns .list.eh .item .form .send {
	position: relative;
	padding-right: 25px;
}
.layerMemberPatterns .list.eh .item .form .send .input {
	box-sizing: border-box;
	height: 25px;
	width: 100%;
	background: none;
	border: 1px solid #333333;
	border-radius: 0;
	font-size: 90%;
}
.layerMemberPatterns .list.eh .item .form .button {
	box-sizing: border-box;
	height: 25px;
	width: 25px;
	border: none;
	background: #333333;
	color: #FFFFFF;
	font-family: 'fontawesome';
	cursor: pointer;
}
.layerMemberPatterns .list.eh .item .form .send .button {
	position: absolute;
	right: 0;
	top: 0;
}
.layerMemberPatterns .list.eh .item .form .delete {
	position: absolute;
	right: 0;
	top: 0;
	height: 25px;
	width: 25px;
}

/* Referrer-Verwaltung */

.layerMemberReferrerGenerator .title, .layerMemberReferrerHistory .title {
	font-size: 130%;
	margin-bottom: 15px;
	font-family: 'maven pro bold';
}
.layerMemberReferrerGenerator {
	margin-bottom: 20px;
}
.layerMemberReferrerGenerator .result {
	background-color: #CCCCCC;
	padding: 10px 10px 5px 10px;
	font-size: 90%;
	margin-bottom: 20px;
}
.layerMemberReferrerGenerator .result .item {
	margin-bottom: 5px;
}
.layerMemberReferrerHistory .list {
	border-top: 1px dotted #CCCCCC;
}
.layerMemberReferrerHistory .list .item {
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px 0;
	font-size: 90%;
	overflow: hidden;
	margin: 0;
}
.layerMemberReferrerHistory .list .item .date {
	margin-bottom: 5px;
}
.layerMemberReferrerHistory .list .item .date:before {
	font-family: 'fontawesome';
	content: '\f073\00A0';
}
.layerMemberReferrerHistory .list .item .value:before {
	font-family: 'fontawesome';
	content: '\f0d6\00A0';
}
.layerMemberReferrerHistory .list .item .flag {
	float: right;
	background-color: #9f0000;
	color: #FFFFFF;
	font-family: 'fontawesome';
	padding: 5px;
	height: 15px;
	width: 15px;
	line-height: 15px;
	text-align: center;
	border-radius: 3px;
}
.layerMemberReferrerHistory .list .item .flag.done {
	background-color: #008b00;
}
.layerMemberReferrerHistory .list .total {
	margin-top: 10px;
	background-color: #9f0000;
	color: #FFFFFF;
	text-align: right;
	overflow: hidden;
	padding: 5px;
	font-size: 90%;
	border-radius: 3px;
}
.layerMemberReferrerHistory .list .total.done {
	background-color: #008b00;
}
.layerMemberReferrerHistory .list .total.done:before {
	float: left;
	font-family: 'fontawesome';
	content: '\f00c';
}
.layerMemberReferrerHistory .list .total.standby:before {
	float: left;
	font-family: 'fontawesome';
	content: '\f017';
}

/* Member-API */

.layerMemberAPI .status {
	background-color: #e5e5e5;
	padding: 10px;
	font-size: 90%;
	margin-bottom: 15px;
}
.layerMemberAPI .status .item {
	margin: 0;
	overflow: hidden;
}
.layerMemberAPI .status .item .label {
	float: left;
	width: 100px;
}
.layerMemberAPI .example .item {
	margin-bottom: 15px;
	background-color: #e5e5e5;
	padding: 10px;
	font-size: 90%;
}
.layerMemberAPI .example .title {
	font-size: 120%;
	margin-bottom: 15px;
	font-family: 'maven pro bold';
}
.layerMemberAPI .example .caption {
	font-size: 90%;
	margin-bottom: 15px;
}
.layerMemberAPI .example .json {
	margin-bottom: 10px;
}
.layerMemberAPI .cfdump_struct {
	width: 100%;
}

/* Warenkorb */

.layerShopCart .head, .layerShopCart .text {
	margin-bottom: 15px;
	overflow: hidden;
}
.layerShopCart .head .pdf {
	float: right;
}
.layerShopCart .head .pdf a {
	font-family: 'fontawesome';
	font-size: 150%;
}
.layerShopCart .layerShopCartList .title, .layerShopCart .layerShopCartAddress .title, .layerShopCart .layerShopCartTotal .title {
	font-size: 120%;
	margin-bottom: 15px;
	font-family: 'maven pro bold';
}
.layerShopCart .layerShopCartAddress, .layerShopCart .layerShopCartList, .layerShopCart .layerShopCartTotal, .layerShopCart .layerShopCartCode {
	margin-bottom: 15px;
}
.layerShopCart .layerShopCartList .list {
	border-top: 1px dotted #CCCCCC;
}
.layerShopCart .layerShopCartList .list .item {
	overflow: hidden;
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px 0;
	position: relative;
}
.layerShopCart .layerShopCartList .list .item .image {
	float: left;
	width: 100px;
	line-height: 0;
	position: relative;
}
.layerShopCart .layerShopCartList .list .item .image img {
	max-width: 100%;
	height: auto;
}
.layerShopCart .layerShopCartList .list .item .image .sale {
	position: absolute;
	right: -10px;
	top: -5px;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	color: #FFFFFF;
	border-radius: 50%;
	background-color: red;
	border: 2px solid #FFFFFF;
	font-family: 'fontawesome';
}
.layerShopCart .layerShopCartList .list .item .action {
	float: right;
}
.layerShopCart .layerShopCartList .list .item .action .button {
	box-sizing: border-box;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	font-family: 'fontawesome';
	cursor: pointer;
}
.layerShopCart .layerShopCartList .list .item .right {
	padding-left: 120px;
}
.layerShopCart .layerShopCartList .list .item .title {
	margin-bottom: 0;
	margin-bottom: 80px;
}
.layerShopCart .layerShopCartList .list .item .sum {
	position: absolute;
	right: 0;
	bottom: 10px;
	text-align: right;
}
.layerShopCart .layerShopCartList .list .item .sum.sale {
	color: red;
}
.layerShopCart .layerShopCartList .list .item .price, .layerShopCart .layerShopCartList .list .item .discount {
	font-size: 90%;
}
.layerShopCart .layerShopCartList .list .item .total {
	margin-top: 10px;
	font-family: 'maven pro bold';
}
.layerShopCart .layerShopCartTotal .list .item {
	overflow: hidden;
	margin-bottom: 5px;
}
.layerShopCart .layerShopCartTotal .list .item strong {
	font-family: 'maven pro bold';
	font-weight: normal;
}
.layerShopCart .layerShopCartTotal .list .item .label {
	float: left;
}
.layerShopCart .layerShopCartTotal .list .item .value {
	float: right;
}
.layerShopCart .layerShopCartCode {
	overflow: hidden;
	line-height: 25px;
}
.layerShopCart .layerShopCartCode .title {
	float: left;
	font-family: 'maven pro bold';
}
.layerShopCart .layerShopCartCode .form {
	float: right;
	overflow: hidden;
}
.layerShopCart .layerShopCartCode .form .input {
	box-sizing: border-box;
	background: none;
	border: 1px solid #333333;
	height: 25px;
	float: left;
}
.layerShopCart .layerShopCartCode .form .button {
	box-sizing: border-box;
	font-size: 90%;
	background: #333333;
	color: #FFFFFF;
	border: none;
	padding: 0 5px;
	margin: 0;
	cursor: pointer;
	height: 25px;
	float: right;
	display: none;
}
.layerShopCart .layerShopCartForm {
	
}
.layerShopCart .layerShopCartForm .checkboxes {
	margin-bottom: 15px;
}
.layerShopCart .layerShopCartForm .checkboxes .label.check {
	display: inline-block;
}
.layerShopCart .layerShopCartForm .checkboxes .label.check.formError {
	color: #9f0000;
}
.layerShopCart .layerShopCartForm .checkboxes .label.check.formError:before {
	font-family: 'fontawesome';
	content: '\f06a\00A0';
}
.layerShopCart .layerShopCartForm .action.EK {
	text-align: right;
}
.layerShopCart .layerShopCartForm .action.EK .button {
	box-sizing: border-box;
	background: #333333;
	color: #FFFFFF;
	border: none;
	padding: 0 10px;
	margin: 0;
	cursor: pointer;
	height: 30px;
}
.layerShopCart .layerShopCartForm .action.EH {
	padding-right: 30px;
	position: relative;
}
.layerShopCart .layerShopCartForm .action.EH .input {
	box-sizing: border-box;
	background: none;
	border: 1px solid #333333;
	height: 30px;
	width: 100%;
}
.layerShopCart .layerShopCartForm .action.EH .button {
	box-sizing: border-box;
	background: #333333;
	color: #FFFFFF;
	border: none;
	padding: 0;
	margin: 0;
	font-family: 'fontawesome';
	cursor: pointer;
	height: 30px;
	width: 30px;
	position: absolute;
	right: 0;
	top: 0;
}

/*Anzeige Artikel im Warenkorb*/
#layerArticleDetailBasket {
        position: absolute;
        width: 440px;
        padding: 20px;
        background-color: #FFF;
        background-color: rgba(255,255,255,0.95);
        left: 50%;
        margin-left: -240px;
        top: 180px;
        -moz-box-shadow: 0px 0px 5px #888;
        -webkit-box-shadow: 0px 0px 5px #888;
        box-shadow: 0px 0px 5px #888;
        z-index: 999;
        font-size: 100%;
        z-index: 10000;
    }
    #layerArticleDetailClose {
        height: 27px;
        width: 27px;
        display: block;
        background-image: url(/img/close.png);
        background-repeat: no-repeat;
        position: absolute;
        right: 20px;
        top: 20px;
        cursor: pointer;
    }
    #layerArticleDetailBasketButtons {
        overflow: hidden;
        padding-top: 25px;
    }
    #buttonArticleDetailBasketClose {
        float: left;
        display: block;
        background-color: #999999;
        color: #FFF;
        text-decoration: none;
        width: 215px;
        text-align: center;
        height: 30px;
        line-height: 30px;
        cursor: pointer;
        border-radius: 15px;
    }
	#buttonArticleDetailBasketClose:before {
        font-family: 'fontawesome';
        content: '\f291\00A0\00A0';

    }
    #buttonArticleDetailBasketNext {
        float: right;
        display: block;
        background-color: #999999;
        color: #FFF;
        text-decoration: none;
        width: 215px;
        text-align: center;
        height: 30px;
        line-height: 30px;
        cursor: pointer;
        border-radius: 15px;
    }
	#buttonArticleDetailBasketNext:before {
        font-family: 'fontawesome';
        content: '\f0d6\00A0\00A0';
    }

    #buttonArticleDetailBasketNext:hover, #buttonArticleDetailBasketClose:hover {
    	background-color: #bbb;
    }
.imageLogo{
	cursor: pointer;
}
.imageLogo img { 
	width: 133px;
	height: 80px; 
} 
.poSubElem{
 	clear:both; 
 	float: left;
 	width: 30px;
 }
.posFloatLeft{
	float: left;
}

/*Inhalt - Slider*/
.content-slider-wrapper .bx-wrapper {
  position: relative;
}
.content-slider-wrapper .bx-wrapper .bx-prev {
  left: 10px;
  background: url(../img/spriteStart.png) no-repeat 0 0;
}
.content-slider-wrapper .bx-wrapper .bx-prev:hover,
.content-slider-wrapper .bx-wrapper .bx-prev:focus {

}
.content-slider-wrapper .bx-wrapper .bx-next {
  right: 10px;
  background: url(../img/spriteStart.png) no-repeat -61px 0px; 
}
.content-slider-wrapper .bx-wrapper .bx-next:hover,
.content-slider-wrapper .bx-wrapper .bx-next:focus {

}
.content-slider-wrapper .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  outline: 0;
  width: 51px;
  height: 50px;
  text-indent: -9999px;
  z-index: 5;
}
.content-slider-wrapper .bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
.content-slider-wrapper .bx-wrapper .content-slider .slider-item img {
  width:100%;
  max-width: 100%;
  height: auto;
}