/* Untermenüpunkte ausklappen wenn aktiv */
.shop-menu  .exp + ul{
	display:block!important;
}
.item .item-description{
	float:right;
}
.ext_cards {
	margin-bottom: 30px;
}
.sk_button{
	font-size:14px;
	padding:8px 16px;
	background:#ebe9e9;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	margin-right:8px;
}

.sk_button:hover{
	background:#285479;
	color:#fff;
}	

.page p {
	float:none;
	margin-bottom:20px;
}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?3abl5e');
	src:url('../fonts/icomoon.eot?#iefix3abl5e') format('embedded-opentype'),
		url('../fonts/icomoon.woff?3abl5e') format('woff'),
		url('../fonts/icomoon.ttf?3abl5e') format('truetype'),
		url('../fonts/icomoon.svg?3abl5e#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	color:#285479;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right:before {
	content: "\e600";
	font-size:14px;
}

.icon-alert:before {
	content: "\e601";
	color:#ff3c00;
}

.all-user-settings{
	float:right;
	margin-top:250px;
}

.btn.is-right{
	float:right;
	margin-bottom:26px;
}

.btn-off{
	background:#ddd;
	color:#6f6f6f;
	padding:2px 6px;
	float:left;
	margin-right:4px;
	font-size:14px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.btn-off:hover{
	background:#e6e6e6;
}

.error-msg{
	background:#ff1800;
	width:100%;
	float:left;
	margin:6px 0px;
	margin-bottom:26px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}

.success-msg{
	background:#95c11f;
	width:100%;
	float:left;
	margin:6px 0px;
	margin-bottom:26px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	/*display:none;*/
}

.error-msg p, .success-msg p{
	padding:8px;
	float:left;
	margin:0px!important;
	color:#fff;
}

.with-alert span{
	font-size:22px;
	margin-right:6px;
	float:left;
	margin-bottom:26px;
}

.left{
	float:left;
	width:360px;
	margin:0px;
	margin-top:16px; 
}

.right{
	float:right;
	width:312px;
	margin:0px;
	margin-top:16px;
}

section.story{
	width:724px;
	height:auto;
	float:right;
	margin-bottom:26px;
}

section.story p{
	font-size:16px;
	margin:0px;
	margin-bottom:26px;
}

section.story  > div h2{
	margin:0px;
}

section.story small{
	margin:0px;
	float:left;
}

section.on-top{
	margin-top:0px;
}

section.with-border{
	border-bottom:1px solid #285479;
	padding:16px 0px;
}

section.with-border h2 span{
	font-size:16px;
	margin:0px 8px;
}

section .left .btn, section .right .btn {
	float:left; 
}

.with-arrow{
	float:left;
	width:100%;
	margin:0px;
	margin-top:6px;
	font-size:16px;
	margin-bottom:26px;
	margin-left:8px;
}

.with-arrow span{
	width:16px;
	height:16px;
	float:left;
	margin-top:4px;
}

.with-inputs{
	width:100%;
	margin:26px 0px;
}

.with-inputs label{
	float:left;
	margin-right:16px;
	width:290px;
	overflow:hidden;
	clear:both;
	margin-bottom:12px;
}

.with-inputs input, select{
	width:400px;
	height:32px;
	float:left;
	padding-left:4px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	border:1px solid #285479;
	margin-bottom:8px;
	font-family:'Lato', Arial, Sans-Serif;
	font-weight:300;
	font-size:18px;
	color:#000;
}

.with-inputs .input-medium-left{
	width:320px;
}

.with-inputs .input-medium-right{
	width:320px;
}

.with-inputs .input-short-right{
	width:70px;
	margin-left:6px;
}

.with-inputs .input-short-left{
	width:70px;
	margin-right:6px;
	margin-left:0px;
}

.with-inputs .is-submit{
	color:#fff;
	font-size:16px;
	padding-top:4px;
	cursor:pointer;
	margin-left:306px;
}

.with-inputs .for-newsletter .is-submit{
	clear:both;
	margin-left:0px;
}

.with-inputs .rdo-btn{
	width:20px;
	margin-top:-4px;
	float:left;
}

.with-inputs .required{
	float:right;
	font-size:20px;
	font-weight:bold;
	display:inline;
}

.is-history ul{
	float:left;
	width:100%;
	margin:26px 0px;
}

.is-history ul li{
	margin:5px 0px;
	padding-bottom:5px;
	border-bottom:1px solid #d1d1d1;
}

.is-history ul li p{
	float:right;
	margin:0px;
}

.basketnewM{
    width: 140px 
}
.variants{display:none !important}
/* ==========================================================================
   Media Queries
   ========================================================================== */
   
@media only screen and (max-width: 480px){
	.pia_shop_options {
/*		margin-top: 400px;*/
	}
	.card-holder {
padding-top:350px;
	}
	table.form {
		position: static  !important;  
		height: auto !important;  
	}
}

@media only screen and (max-width: 640px){
	.on-top h2{
		margin-bottom:26px;
	}

	.left, .right{
		float:none;
		margin:0 auto;
		width:100%!important;
	}
	
	 section.story .btn{
		width:100%;
		float:left;
		text-align:center;
   }
 	/* Bilder aus dem Warenkorb entfernen MG */  
   td a.picture { display:none!important; }
   #test_basketAm_bab5cc92b3c0475b6fd3d631ffcd8c2a_1{ width:40px !important; }
   .basketnewM{
	width:40px !important;}

	#test_basketNo_bab5cc92b3c0475b6fd3d631ffcd8c2a_1{

	font-size:10px !important; 
	}


	.remove-from-basket{
		margin-top:40px !important; 
	}
	.basket{
		font-size:10px !important; 
	}
 
	.basket-header{
		width:100%;
		background:#f0f0f0;
		height:auto;
		float:left;
		padding:4px 0px;
		margin-bottom:16px;
		position:relative;
	}
	
	.basket-header p{
		float:left;
		font-weight:bold;
		font-size:10px;
	}
	.basket-head-article{
		padding-left:70px !important;
	}
	
	.basket-head-quantity{
		padding-left:60px !important;
	}
	
	.basket-head-unitprice{
		padding-left:5px !important;
		font-size: 10px !important;
	}
	
	.basket-head-tax{
		padding-left:0px;
		
	}
	
	.basket-head-total{
		position: relative;;
		right:0;
	}
	#test_BasketNextStepTop{
		position: absolute;
		top:300px; 
		left: 5px; 

	}
	.lastinrow{margin-bottom: 50px !important;} 
	.ribbon{
		margin-top:160px !important;  

	}
	table.form {
		position: static  !important;  
		height: auto !important;  
	}

} 

@media only screen and (max-width: 868px){

	.on-top h2{
		margin-bottom:26px;
	}

	.left, .right{
		float:none;
		margin:0 auto;
		width:100%!important;
	}
	
	 section.story .btn{
		width:100%;
		float:left;
		text-align:center;
   }
   table.form {
	position: static  !important;  
	height: auto !important;  
	}
	.variants{display:none !important}
  /* td a.picture { display:none!important; }
*/
}

@media only screen and (max-width: 1024px){


/* ==========================================================================
   Create the Content: DASHBOARD
   ========================================================================== */

 
   
   .all-user-settings{
		width:100%;
		float:none;
		margin-top:0px;
   }
   
   section.story{
		width:100%;
		float:left;
   }
   
	.on-top{
		margin:0 auto;
		width:100%;
	}
	
	.on-top .btn{
		width:400px;
	}
	
	.left{
		width:400px;
	}
	
	.right{
		width:400px;
	}
	
	.with-arrow{
		margin-left:8px;
	}
	
	.with-inputs{
		float:left;
	}
	
	.with-inputs{
		width:80%;
		margin:26px 0px;
		margin:0 auto;
		float:none;
	}

	.with-inputs label{
		float:left;
		margin-right:16px;
		width:auto;
		overflow:hidden;
		clear:both;
		margin-bottom:6px;
	}

	.with-inputs input, select{
		width:92%;
		height:32px;
		float:left;
		padding-left:4px;
		-webkit-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		border:1px solid #285479;
		margin-bottom:26px;
		font-family:'Lato', Arial, Sans-Serif;
		font-weight:300;
		font-size:18px;
		color:#000;
		clear:both;
	}

	.is-absolute{
		width:100%;
		height:90px;
		position:relative;
		float:left;
	}
	
	.is-absolute .required{
		float:left;
		margin-right:0%;	
	}
	
	.with-inputs .input-medium-left{
		width:62.5%;
		float:left;
	}

	.with-inputs .is-absolute .input-medium-right{
		width:62.5%;
		float:left;
		margin-left:29.5%;
	}
	
	.with-inputs .is-absolute .input-short-right{
		width:24.5%;
		margin:0px;
		position:absolute;
		margin-top:31px;
		right:8%;
	}

	.with-inputs .is-absolute .input-short-left{
		width:24.5%;
		margin:0px;
		position:absolute;
		margin-top:31px;
		left:0%;
	}

	.with-inputs .is-submit{
		color:#fff;
		font-size:16px;
		padding-top:4px;
		cursor:pointer;
		margin-left:0px;
		float:left;
		margin-top:26px;
	}
	
	.with-inputs .for-newsletter input{
		float:left;
		clear:none;
	}
	
	.with-inputs .for-newsletter .is-submit{
		clear:both;
		margin-left:0px;
		margin-top:0px;
	}
	
	.story .is-subheadline{
		margin-bottom:26px;
	}
	table.form {
		position: static  !important;  
		height: auto !important;  
	}
	 
/* ==========================================================================
   Create the Content: CHECKOUT
   ========================================================================== */
   


/* ==========================================================================
   Shopping Cart
   ========================================================================== */

.shopping-cart{
	width:100%;
	height:400px;
	font-size:16px;
}

.shopping-cart ul{
	float:left;
	width:100%;
	border-top:1px solid #ddd;
	clear:both;
	padding-top:16px;
	min-height:180px;
}

.shopping-cart ul li small{
	float:none;
}

.shopping-cart ul li span{
	width:100px;
	height:10px;
	padding:0px 10px;
}

.shopping-cart ul li p{
	margin:0px;
	float:left;
	margin-top:4px;
	padding-right:8px;
	padding-top:4px;
	background:#fff;
}

.shopping-cart ul li form input{
	float:left;
	border:1px solid #ddd;
	margin-top:4px;
	margin-left:6px;
	width:46px;
	height:32px;
	background:#fff;
	color:#000;
	text-align:right;
	padding:6px 8px;
	float:left;
	font-size:16px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.shopping-cart ul li form input:focus{
	width:80px;
}

.shopping-cart ul li{
	margin:0px;
	padding:0px;
	width:auto;
}

.shopping-cart ul li.is-highlight{
	font-size:20px;
	font-weight:bold;
	line-height:22px;
}

.shopping-cart ul li small{
	font-size:20px;
	font-weight:400;
	font-size:16px;
}

.shopping-cart ul li.has-links{
	margin-left:0px;
	margin-top:-62px;
	float:left;
	clear:both;
}

.shopping-cart ul li.has-links a{
	margin-top:4px;
}

.shopping-cart ul li:first-child{
	width:100px;
	height:100px;
	float:left;
	margin-right:16px;
	margin-top:4px;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	margin-bottom:100px;
}

.shopping-cart ul li:first-child img{
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}

.shopping-total{
	width:100%;
	background:red;
	clear:both;
	margin-top:68px;
	border-top:4px solid #ddd;
}

.shopping-total ul{
	float:left;
	width:100%;
	margin:26px 0px;
}

.shopping-total ul li{
	margin:5px 0px;
	padding-bottom:5px;
	border-bottom:1px solid #d1d1d1;
}

.shopping-total ul li p{
	float:right;
	margin:0px;
}

/* ==========================================================================
   Shipping Options
   ========================================================================== */

.all-shipping-options{
	width:100%;
	float:left;
	border-top:1px solid #ddd;
	padding-top:16px;
}

.all-shipping-options .btn{
	float:none;
}

.all-shipping-options small{
	width:100%;
	float:left;
	padding-bottom:16px;
}

.first-shipping-option{
	border-bottom:1px solid #ddd;
	float:left;
	width:100%;
	padding-bottom:26px;
	margin-bottom:16px;	
}

.second-shipping-option{
	border-bottom:1px solid #ddd;
	float:left;
	width:100%;
	padding-bottom:26px;
	margin-bottom:16px;	
}

.third-shipping-option ul li span{
	font-size:14px;
	margin-right:10px;
}

.third-shipping-option ul{
	font-size:16px;
	margin-bottom:26px;
}


/* ==========================================================================
   Order Options
   ========================================================================== */
   
.all-order-options{
	border-top:1px solid #ddd;
	float:left;
	width:100%;
	padding-top:26px;
}   





   
}

@media only screen and (min-width: 1024px){


/* ==========================================================================
   Shopping Cart Desktop
   ========================================================================== */

.shopping-cart{
	width:100%;
	height:400px;
	font-size:16px;
}

.shopping-cart ul{
	float:left;
	width:100%;
	margin-top:26px;
	border-top:1px solid #ddd;
	clear:both;
	padding-top:16px;
	min-height:180px;
	position:relative;
}

.shopping-cart ul li small{
	float:none;
}

.shopping-cart ul li span{
	width:100px;
	height:10px;
	padding:0px 10px;
}

.shopping-cart ul li p{
	margin:0px;
	float:left;
	margin-top:4px;
	padding-right:8px;
	padding-top:4px;
	background:#fff;
}

.shopping-cart ul li form input{
	float:left;
	border:1px solid #ddd;
	margin-top:4px;
	margin-left:6px;
	width:46px;
	height:32px;
	background:#fff;
	color:#000;
	text-align:right;
	padding:6px 8px;
	float:left;
	font-size:16px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.shopping-cart ul li form input:focus{
	width:80px;
}

.shopping-cart ul li{
	margin:0px;
	padding:0px;
	width:auto;
	float:left;
}

.shopping-cart ul li.is-highlight{
	font-size:20px;
	font-weight:bold;
	line-height:22px;
}

.shopping-cart ul li small{
	font-size:20px;
	font-weight:400;
	font-size:16px;
}

.shopping-cart ul li.has-links{
	position:absolute;
	left:0;
	bottom:0;
}

.shopping-cart ul li:first-child{
	width:100px;
	height:100px;
	float:left;
	margin-right:16px;
	margin-top:4px;
}

.shopping-cart ul li:first-child img{
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}

.shopping-cart ul li.has-product{
	float:none;
	max-width:700px;
}

.shopping-cart ul li.has-number{
	float:none;
	margin-top:6px;
}

.shopping-cart ul li.has-price{
	position:absolute;
	top:0;
	right:0;
	margin-top:16px;
}

.shopping-cart ul li.has-count{
	float:none;
}

.shopping-total{
	width:100%;
	background:red;
	clear:both;
	margin-top:90px;
	border-top:4px solid #ddd;
}

.shopping-total ul{
	float:left;
	width:100%;
	margin:26px 0px;
}

.shopping-total ul li{
	margin:5px 0px;
	padding-bottom:5px;
	border-bottom:1px solid #d1d1d1;
}

.shopping-total ul li p{
	float:right;
	margin:0px;
}

/* ==========================================================================
   Shipping Options
   ========================================================================== */

.all-shipping-options{
	width:100%;
	float:left;
	border-top:1px solid #ddd;
	padding-top:16px;
}

.all-shipping-options .btn{
	float:none;
}

.all-shipping-options small{
	width:100%;
	float:left;
	padding-bottom:16px;
}

.first-shipping-option{
	border-bottom:1px solid #ddd;
	float:left;
	width:100%;
	padding-bottom:26px;
	margin-bottom:16px;	
}

.second-shipping-option{
	border-bottom:1px solid #ddd;
	float:left;
	width:100%;
	padding-bottom:26px;
	margin-bottom:16px;	
}

.third-shipping-option ul li span{
	font-size:14px;
	margin-right:10px;
}

.third-shipping-option ul{
	font-size:16px;
	margin-bottom:26px;
}


   
}

.cat_description {
	margin-bottom:30px;
}
.cat_description p {
	margin-bottom:10px;
	float:none;
}
.cms p,
.cms p img {
	float:none!important;
}
.cms h3 {
padding-top:50px;
float:none;
}
.input-medium-left, .input-short-right, input[type=text] {
/*	border: 1px solid #000;	*/
}
.input-short-right {
border-left: 1px solid #000;
}

.user-reg-input,
.voucher-number,
.form-input input,
.ui-select select,
.ui-input-text input,
textarea
 {
    border-radius: 3px 3px 3px 3px!important;
    border: 1px solid #285479!important;
}

.req {
	color:red!important;
	font-weight:bold;
}