/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #efefef;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize:none;
}

/* Fonts */

/* ==========================================================================
   Base
   ========================================================================== */
* { 
    outline-width: 0px;
    outline-style: none;
	outline: 0;
}
  
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    height:100%;
    font-size: 18px;
    font-family:'Lato', sans-serif;
    font-weight:300;
    color:#000;
}

ul{
    padding:0px;
    margin:0px;
}

a{
    text-decoration:none;
    color:#000;
}

p {
}

ul{
	list-style-type:none;
	padding-left:0px;
}

small {
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    padding:0;
    margin:0;
}
h1,
.h1 {
	font-weight:200;
	float:left;
}
h2 {
}
h3,
.h3 {
	font-weight:200;
}
h4 {
}
h5 {
}
h6 {
}

.alignleft, .left {
    float:left;
    margin: 5px 40px 30px 0px;
}
.alignright, .right {
    float:right;
    margin: 5px 0px 30px 40px;
}
.text_left {
    text-align: left;
}
.text_center {
    text-align: center;
}
.text_right {
    text-align: right;
}

.img-responsive {
    max-width: 100%;
    height: auto;
}

/* ==========================================================================
   LAYOUT BASICS
   ========================================================================== */
   
html{
}

body{
}

header{
}

footer{
	width:100%;
	background:#e4e8e8;
	display:bock;
	float:left;
	border-top:3px solid #285479;
	padding:26px 0;
}

footer .fooInner{
	margin:0 auto;
	width:1024px;
}

footer .fooInner ul{
	margin-right:100px;
	float:left;
}

footer .fooInner ul li{
	float:none;
}

footer .fooInner ul li a{
	color:#285479;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

footer .fooInner ul li a:hover{
	color:#900001;
}

footer .fooInner .help{
	width:277px;
	float:right;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	border:1px solid #fff;
	padding:16px;
	color:#285479;
}

footer .fooInner .help p{
	margin:0px;
}

footer .fooInner .logo-bottom{
	width:277px;
	float:right;
	margin-top:8px;
}

footer .fooInner .logo-bottom img{
	width:100%;
}

footer .fooInner .logo-bottom .fb-bottom{
	width:16%;
	float:right;
	margin-top:12px;
}

footer .fooInner .logo-bottom p{
	margin:0px;
	margin-top:12px;
	color:#285479;
}

.mobile-header{
	display:none;
}

.ui-loader{
	display:none!important;
}

.ui-select span{
	display:none!important;
}

.ui-btn{
	color:transparent;
}

.sidebar{
	display:none;
}

.side-menu-complete-mobile{
	display:none;
}

#top{
	display:none;
	position:fixed;
	z-index:9999999;
	width:26px;
	height:26px;
	cursor:pointer;
	background:url(../img/slide-top.jpg) no-repeat center center;
	right:0;
	bottom:0;
	margin-bottom:26px;
	margin-right:26px;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	-webkit-box-shadow: 0 0 3px 1px rgba(000,000,000,.25);
	box-shadow: 0 0 3px 1px rgba(000,000,000,.25);
}

.image-top{
	width:100%;
	height:260px;
	position:absolute;
	overflow:hidden;
	top:0;
	margin-top:120px;
}

.image-top img{
	position:absolute;
	top:50%;
	left:50%;
	width:2000px;
	height:260px;
	margin-top:-130px;
	margin-left:-1000px;
}

/* ==========================================================================
   TOP-BAR ~ DESCTOP-HEADER
   ========================================================================== */

.top-bar{
	height:120px;
	background:#fff;
	width:1024px;
	margin:0 auto;
}

.top-bar img{
	float:left;
	margin-top:10px;
}

.menu-hauptnavigation-container{
	background:#fff;
	width:100%;
	height:120px;
}

.menu-hauptnavigation-container ul{
	width:auto;
	background:#fff;
	height:120px;
	float:right;
}

.menu-hauptnavigation-container ul li{
	float:left;
	margin-right:10px;
	height:auto;
	margin-top:74px;
}

.menu-hauptnavigation-container ul li:last-child{
	margin-right:0px;
}

.menu-hauptnavigation-container ul li a{
	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;
}

.menu-hauptnavigation-container ul li a:hover{
	background:#285479;
	color:#fff;
}

.current-menu-item{
	background:#920001;
}

.top-bar form{
	position:relative;
	padding-top:71px;
	padding-left:20px;
	float:left;
}

.top-bar #search-submit{
	position:absolute;
	z-index:99;
	background:#ebe9e9 url(../img/lense.png) no-repeat center center;
	border:none;
	right:0;
	width:48px;
	height:33px;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	border:1px solid #ebe9e9;
	border-left:none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

.top-bar #search-submit:hover{
	background:#f1f1f1 url(../img/lense.png) no-repeat center center;
}

#search-bar-top{
	position:relative;
	z-index:98;
	font-family:'Lato', Arial;
	font-size:14px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #ebe9e9;
	padding:7px 10px;
	padding-right:56px;
	width:342px;
	color:#285479;
}

.btn{
	font-size:16px;
	padding:6px 14px;
	padding-top:4px;
	background:#285479;
	color:#fff;
	margin-right:2px;
	-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;
}

.btn:hover{
	background:#3a7aaf;
}

/* ==========================================================================
   CONTENT START-PAGE
   ========================================================================== */

.content{
	width:1024px;
	margin:0 auto;
}   

.content p{
	float:left;
	margin:0px;
}

.welcome-top{
	margin-bottom:160px;
	float:left;
	width:1024px;
}

.hello{
	width:500px;
	float:left;
	color:#285479;
}

.hello p{
	font-size:22px;
	line-height:26px;
}


.teaser-top{
	width:500px;
	height:320px;
	background:grey;
	float:right;
	-webkit-box-shadow: 0 0 3px 1px rgba(000,000,000,.25);
	box-shadow: 0 0 3px 1px rgba(000,000,000,.25);
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	border:1px solid #fff;
	position:relative;
	color:#900001;
}


.teaser-top-title-bg{
	position:absolute;
	bottom:0;
	background:#fff;
	width:100%;
	height:94px;
	opacity:.75;
}

.teaser-top h3,
.teaser-top .h3{
	font-size:26px;
	font-weight:200;
}

.teaser-top p{
	font-size:18px;
	line-height:22px;
}

.teaser-top span{
	position:absolute;
	bottom:0;
	margin:10px;
}
   
.background{
	width:100%;
	height:1258px;
	position:absolute;
	z-index:-1;
	background:url(../img/start-bg.jpg) no-repeat center top;
	display:none;
	left:0;
}

	/* BOF: Ausgeblendet: Teaser Link-Deko */
.teaser-top strong{
	position:absolute;
	right:0;
	margin-right:-14px;
	margin-top:180px;
	width:0;
	height:0;
	border-bottom:13px solid #740a11;
	border-right:13px solid transparent;
}

	/*	EOF:  Ausgeblendet: Teaser Link-Deko */ 


.teaser-top .ribbon{
	position:absolute;
	color:#fff;
	z-index:99;
	background:#be1116 url(../img/ribbon-arrow.png) no-repeat right center;	
	right:0;
	margin-right:-14px;
	margin-top:193px;
	height:39px;
	width:230px;
	padding-left:16px;
	padding-top:6px;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	-webkit-box-shadow: 0 1px 2px 0 rgba(000,000,000,.5);
	box-shadow: 0 1px 2px 0 rgba(000,000,000,.5);
	text-shadow: 0 1px 1px #4F4F4F;
}

.teaser-top .ribbon:hover{
	background:#d51319 url(../img/ribbon-arrow.png) no-repeat right center;
}



.all-tiles{
	margin-top:60px;
}

.all-tiles strong{
	position:absolute;
	right:0;
	margin-right:-14px;
	margin-top:207px;
	width:0;
	height:0;
	border-bottom:13px solid #740a11;
	border-right:13px solid transparent;
}

.all-tiles .ribbon{
	position:absolute;
	color:#fff;
	z-index:99;
	background:#be1116 url(../img/ribbon-arrow.png) no-repeat right center;
	right:0;
	margin-right:-14px;
	margin-top:220px;
	height:39px;
	width:230px;
	padding-left:16px;
	padding-top:6px;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	-webkit-box-shadow: 0 1px 2px 0 rgba(000,000,000,.5);
	box-shadow: 0 1px 2px 0 rgba(000,000,000,.5);
	text-shadow: 0 1px 1px #4F4F4F;
}

.all-tiles .ribbon:hover{
	background:#d51319 url(../img/ribbon-arrow.png) no-repeat right center;
}

.all-tiles .black .ribbon{
	background:#404555 url(../img/ribbon-arrow.png) no-repeat right center;
}

.all-tiles  .black strong{
	border-bottom:13px solid #272a35;
	border-right:13px solid transparent;
}

.all-tiles .black :hover{
	background:#545a6f url(../img/ribbon-arrow.png) no-repeat right center;;
}

.all-tiles .blue .ribbon{
	background:#b8cfdf url(../img/ribbon-arrow.png) no-repeat right center;
}

.all-tiles  .blue strong{
	border-bottom:13px solid #7ab3da;
	border-right:13px solid transparent;
}

.all-tiles .blue :hover{
	background:#c1d9ea url(../img/ribbon-arrow.png) no-repeat right center;;
}

.all-tiles .orange .ribbon{
	background:#efae2c url(../img/ribbon-arrow.png) no-repeat right center;
}

.all-tiles  .orange strong{
	border-bottom:13px solid #c89123;
	border-right:13px solid transparent;
}

.all-tiles .orange :hover{
	background:#ffb92e url(../img/ribbon-arrow.png) no-repeat right center;
}

.all-tiles .pink .ribbon{
	background:#f3a8c7 url(../img/ribbon-arrow.png) no-repeat right center;
}

.all-tiles  .pink strong{
	border-bottom:13px solid #cf8fa9;
	border-right:13px solid transparent;
}

.all-tiles .pink :hover{
	background:#ffb0d1 url(../img/ribbon-arrow.png) no-repeat right center;;
}

.all-tiles .dark-red .ribbon{
	background:#900001 url(../img/ribbon-arrow.png) no-repeat right center;
}

.all-tiles  .dark-red strong{
	border-bottom:13px solid #630001;
	border-right:13px solid transparent;
}

.all-tiles .dark-red :hover{
	background:#a80103 url(../img/ribbon-arrow.png) no-repeat right center;;
}

.all-tiles .tile{
	width:260px;
	height:300px;
	-webkit-box-shadow: 0 0 3px 1px rgba(000,000,000,.25);
	box-shadow: 0 0 3px 1px rgba(000,000,000,.25);
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	border:1px solid #fff;
	position:relative;
	margin-right:122px;
	margin-bottom:46px;
	float:left;
	-webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.all-tiles .tile:hover{
	-webkit-box-shadow: 0 0 6px 1px rgba(000,000,000,.6);
	box-shadow: 0 0 6px 1px rgba(000,000,000,.6);
}

.all-tiles .last-tile{
	margin-right:0px;
}

.roros{
	float:left;
	position:relative;
}

.roros-flag{
	width:420px;
	height:157px;
	background:#ebe9e9;
	position:relative;
	margin-left:160px;
	-webkit-box-shadow: 0 0 3px 1px rgba(000,000,000,.25);
	box-shadow: 0 0 3px 1px rgba(000,000,000,.25);
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	border:1px solid #fff;
	-webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.roros-flag span{
	background:url(../img/roros-arrow.png) no-repeat center center;
	width:38px;
	height:19px;
	position:absolute;
	left:0;
	margin-left:140px;
	margin-top:-19px;
}

.roros-flag .roros-logo{
	position:absolute;
	z-index:99;
	left:0;
	margin-top:-24px;
	margin-left:-32px;
	-webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.roros-flag h3,
.roros-flag .h3{
	color:#900001;
	margin-left:76px;
	font-size:20px;
	margin-top:10px;
	border-bottom:1px solid #900001;
	float:left;
}

.roros-flag p{
	margin-left:76px;
	margin-top:10px;
	font-size:18px;
	line-height:22px;
	color:#285479;
}

.roros-flag:hover{
	-webkit-box-shadow: 0 0 6px 1px rgba(000,000,000,.6);
	box-shadow: 0 0 6px 1px rgba(000,000,000,.6);
}

.roros-flag:hover img{
	-webkit-transform:rotate(-6deg);
    -moz-transform:rotate(-6deg);
    -o-transform:rotate(-6deg);
}

.roros .cloud-text{
	background:green;
	margin-top:40px;
	position:relative;
}

.roros .cloud-text img{
	float:left;
	left:0;
	position:absolute;
	-webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.roros .cloud-text p{
	float:left;
	width:780px;
	margin-left:230px;
	color:#285479;
}

.roros .cloud-text:hover img{
	margin-left:-26px;
}

.brands{
	float:left;
	border-top:1px solid #ebe9e9;
	width:1024px;
	margin-top:36px;
	padding-top:26px;
}

.brands h3,
.brands .h3{
	color:#900001;
	font-size:20px;
}

.brands .all-brands{
	width:1024px;
	margin-bottom:46px;
	float:left;
	display: table-cell;
	vertical-align: middle;
}

.brands .all-brands img{
	float:left;
	-webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.blur{
	filter:blur(2px);
	-webkit-filter:blur(2px);
	-moz-filter:blur(2px);
	-o-filter:blur(2px);
	-ms-filter:blur(2px);
}

/* ==========================================================================
   FIXED SHOPPING-CART (RIGHT 0)
   ========================================================================== */

.cart-fixed{
	position:fixed;
	z-index:9;
	background:url(../img/cart-fixed.png) no-repeat center center;
	width:170px;
	height:260px;
	right:0;
	bottom:0;
	margin-bottom:20%;
	padding-left:26px;
	padding-right:10px;
	padding-top:60px;
}

.count-output{
	width:100%;
	height:32px;
	background:#fff;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	margin-bottom:6px;
}

.count-output p{
	width:100%;
	text-align:center;
	font-size:16px;
	padding-top:4px;
	color:#900001;
}

.cart-fixed .btn{
	width:100%;
	text-align:center;
	margin-bottom:6px;
	display:block;
	float:none;
	font-size:16px;
}

.to-shop{
	background:#900001;
}

.to-shop:hover{
	background:#a70001;
}

.to-contact{
	margin-top:36px;
}

/* ==========================================================================
   CONTENT LADEN-PAGE
   ========================================================================== */

   .pia-link{
		color:#fff;
	}


/* ==========================================================================
   CONTENT OXID SHOP-PAGE
   ========================================================================== */

.side-menu-complete{
	width:260px;
	margin-top:286px;
	float:left;
}

.side-menu-complete ul li, .side-menu-complete ul li a{
	color:#285479;
}
   
.shop-menu, .shop-info-menu{
	width:100%;
	border:1px solid #c2c2c2;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.shop-info-menu{
	float:left;
	clear:both;
	width:260px;
	float:left;
}

.shop-menu ul li, .shop-info-menu ul li{
	border-bottom:1px solid #c2c2c2;
}

.shop-menu ul li:first-child{
	padding:10px 0px;
	padding-left:10px;
	color:#fff;
}

.shop-menu ul li a, .shop-info-menu ul li a{	
	background:#ebe9e9;
	display:block;
	padding:10px 0px;
	padding-left:10px;
}

.shop-menu ul li a:hover{
	background:#fff;
}

.shop-menu ul{
	position:relative;
}

.shop-menu ul li ul li:first-child{
	padding:0px;
	border-top:1px solid #c2c2c2;
}

.shop-menu ul li ul li:last-child{
	border-bottom:none;
}

.shop-menu ul li ul{
	display:none;
}

.shop-menu ul li ul li a:hover{
	background:#b8cfdf;
}

.shop-menu ul li:hover > ul{
	display:block;
}

.shop-menu ul li ul li a{
	background:#fff;
}

.all-brands li a{
	color:#900001!important;
}

.all-brands li:last-child{
	border-bottom:none;
}

.all-brands li:last-child a{
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.all-brands li:first-child{
	background:#900001;
	color:#fff;
}

.all-items{
	float:right;
	width:724px;
	margin-top:286px;
	color:#285479;
}

.all-cats:first-child{
	background:#285479;
	color:#fff;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.shop-info-menu{
	margin-top:16px;
}

.shop-info-menu{
	margin:16px 0px;
}

.shop-info li:first-child{
	padding:0px!important;
}

.shop-info li:first-child a{
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.shop-info li:last-child a{
	-webkit-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
}

.shop-info li:last-child{
	border-bottom:none;
}

.shop-info li a:hover{
	background:#fff;
}

.content-menu{
	margin-bottom:26px;
	float:left;
}

.content-menu ul{
	margin-top:3px;
}

.content-menu ul li{
	float:left;
	margin-right:10px;
}

.content-menu ul li a{
	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;
}

.content-menu ul li a:hover{
	background:#285479;
	color:#fff;
}

.all-items h1,
.all-items .h1{
	font-size:26px;
	margin:14px 0px;
	float:left;
	color:#900001;
}

.all-items{
	float:right;
	width:724px;
	margin-top:286px;
	color:#285479;
}

.all-items p{
	line-height:20px;
}

.item{
	width:100%;
	height:102px;
	float:left;
	margin-bottom:10px;
}

.item img{
	border:1px solid #ebe9e9;
	float:left;
}

.item .item-description{
	margin-left:10px;
	width:610px;
	height:102px;
	float:left;
	border-top:1px solid #ebe9e9;
	border-bottom:1px solid #ebe9e9;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

.item p{
	margin-top:6px;
}

.item span{
	float:left;
	clear:both;
	margin-top:6px;
	color:#900001;
}

.item span img{
	border:none!Important;
	margin-right:8px;
}

.item .item-price{
	float:right;
}


.item small{
	float:left;
	width:610px;
	font-size:14px;
}

.item .nineteen{
	float:right;
	width:auto;
	margin-top:3px;
}

.item .btn{
	float:right;
	margin-top:8px;
	margin-right:0px;
}

.item:hover .item-description{
	border-top:1px solid #c2c2c2;
	border-bottom:1px solid #c2c2c2;
}

.all-pages{
	width:auto;
	float:right;
	margin-bottom:32px;
	margin-top:16px;
	padding-top:8px;
}

.all-pages a{
	padding:8px 12px;
	padding-right:14px;
	margin-left:6px;
	margin-right:0px;
	cursor:default;
	font-weight:600;
}

.all-pages a:hover{
	background:#285479;
}

.all-pages .not-active{
	background:#ebe9e9;
	color:#285479;
	cursor:pointer;
}

.all-pages .not-active:hover{
	background:#285479;
	color:#fff;
}

/* ==========================================================================
   ITEM PRODUCT DETAIL VIEW
   ========================================================================== */

.item-detail h1,
.item-detail .h1{
	font-size:26px;
	margin:14px 0px;
	color:#900001;
	float:left;
	clear:both;
}

.item-detail{
	float:right;
	width:724px;
	margin-top:286px;
	color:#285479;
	position:relative;
}

.item-detail p{
	clear:both;
	float:left;
}

.item-detail small{
	clear:both;
	float:left;
	width:100%;
	margin-bottom:26px;
}

.item-detail img{
	float:left;
	clear:both;
	margin-top:0px;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}

.is-pillow{
	float:right;
	font-size:16px;
	padding:6px 14px;
	padding-top:4px;
	padding-left:42px;
	background:#ebe9e9 url(../img/pillow.png) no-repeat 4px center;
	background-size:14%;
	color:#285479;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.item-detail .all-details{
	float:right;
	width:334px;
	margin-top:0px;
	padding-bottom:16px;
	border-top:1px solid #ebe9e9;
	border-bottom:1px solid #ebe9e9;
}

.item-detail .with-rectangle{
	float:right;
	width:724px;
	margin-top:26px;
	padding-bottom:16px;
	border-top:1px solid #ebe9e9;
	border-bottom:1px solid #ebe9e9;
}

.item-detail .all-details p{
	font-size:18px;
	line-height:22px;
	margin-top:10px;
}

.item-detail .all-details form{
	position:relative;
	clear:both;
	margin-top:260px;
}

.item-detail .all-details form p{
	float:right;
}

.item-detail .all-details form p.menge{
	margin-right:100px;
}

#count-item{
	width:80px;
	position:absolute;
	right:0;
	top:0;
	margin-top:36px;
	height:32px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #ebe9e9;
	font-family:'Lato', Arial, Sans-Serif;
	text-align:right;
	padding-right:8px;
}

.item-detail .all-details form select{
	position:absolute;
	right:0;
	margin-top:72px;
	width:156px;
	height:32px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #ebe9e9;
	font-family:'Lato', Arial, Sans-Serif;
}

.item-detail .all-details .price-detail{
	clear:both;
	margin-top:52px;
	float:right;
}

.item-detail .all-details small{
	float:right;
}

.item-detail .all-details .wrapped-as-present{
	margin-right:26px;
	float:right;
}

#as-present{
	position:absolute;
	right:0;
	top:0;
	margin-top:140px;
	width:16px;
	height:16px;
}

.item-detail .all-details .make-a-pillow{
	margin-right:26px;
	float:right;
	color:#900001;
}

.item-detail .all-details .make-a-pillow img{
	float:left;
	margin:0px;
	border:none!important;
	-webkit-box-shadow:none;
	box-shadow:none;
	-webkit-border-radius:none;
	border-radius:none;
	margin-right:8px;
	margin-top:-6px;
}

#as-pillow{
	position:absolute;
	right:0;
	top:0;
	margin-top:170px;
	width:16px;
	height:16px;
}

.btn.into-cart{
	float:right;
	margin-top:16px;
	clear:both;
}

.btn.reminder-list{
	float:right;
	margin-top:16px;
	margin-right:0px;
	background:#ebe9e9;
	color:#285479;
}

.btn.reminder-list:hover{
	background:#f1f1f1;
}

.choose-btn{
	margin-top:16px;
	font-size:16px;
	padding:6px 14px;
	padding-top:4px;
	padding-left:40px;
	border:1px solid #900001;
	color:#900001;
	margin-right:0px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	background:url(../img/choose.png) no-repeat 10px center;
	float:right;
	cursor:default;
}

form.product-mail{
	float:left;
	width:724px;
	clear:both;
	margin-top:26px;
}

form.product-mail p{
	display:block;
	float:none;
}

form.product-mail input{
	height:32px;
	padding-left:6px;
	font-family:'Lato', Arial, Sans-Serif;
	font-size:18px;
	color:#285479;
	margin-top:16px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #c2c2c2;
}

form.product-mail input.small-input{
	width:356px;
	float:left;
	margin-right:12px;
}

form.product-mail input.right-input{
	margin-right:0px!important;
}

form.product-mail textarea{
	width:724px;
	height:160px!important;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #c2c2c2;
	font-family:'Lato', Arial, Sans-Serif;
	font-size:18px;
	color:#285479;
	margin-top:16px;
	padding-left:6px;
}

form.product-mail #submit-product-detail{
	color:#fff;
	margin-top:16px;
	border:none;
	float:right;
	margin-right:0px;
	margin-bottom:26px;
	padding-left:12px;
	font-size:16px;
}

/* ==========================================================================
   ZOOM PAD FOR PRODUCT DETAILS
   ========================================================================== */
   
.zoomPad{
	position:relative;
	float:none;
	z-index:99;
}

.zoomPreload{
   -moz-opacity:0.8;
   opacity: 0.8;
   filter: alpha(opacity = 80);
   color: #333;
   font-size: 12px;
   font-family: Tahoma;
   text-decoration: none;
   border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
   text-align:center;
   background-repeat: no-repeat;
   background-position: 43px 30px;
   z-index:110;
   width:90px;
   height:43px;
   position:absolute;
   top:0px;
   left:0px;
    * width:100px;
    * height:49px;
}

.zoomPup{
	overflow:hidden;
	background-color: #FFF;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index:120;
	position:absolute;
	border:none;
	z-index:101;
}

.zoomOverlay{
	position:absolute;
	left:0px;
	top:0px;
	background:#FFF;
	/*opacity:0.5;*/
	z-index:5000;
	width:100%;
	height:100%;
	display:none;
	z-index:101;
}

.zoomWindow{
	position:absolute;
	left:110%;
	top:134px!important;
	background:#FFF;
	z-index:6000;
	height:auto;
	z-index:10000;
	z-index:110;
}
.zoomWrapper{
	position:relative;
	border:none!important;
	z-index:110;
	margin-top:-25px;
}
.zoomWrapperTitle{
	display:block;
	background:#999;
	color:#FFF;
	height:18px;
	line-height:18px;
	width:100%;
	overflow:hidden;
	text-align:center;
	font-size:10px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:120;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	display:none!important;
}
.zoomWrapperImage{
	display:block;
	position:relative;
	overflow:hidden;
	z-index:110;

}
.zoomWrapperImage img{
	border:0px;
	display:block;
	position:absolute;
	z-index:101;
}

.zoomIframe{
	z-index: -1;
	filter:alpha(opacity=0);
	-moz-opacity: 0.80;
	opacity: 0.80;
	position:absolute;
	display:block;
}

.product-image{
	position:relative;
	height:580px;
	width:360px;
	float:left;
}

#thumblist{
	position:absolute;
	top:0;
	margin-top:600px;
}

#thumblist li{
	margin-right:8px;
	width:60px;
	float:left;
}

#thumblist img{
	width:100%;
}
	
/* ==========================================================================
   CONTACT OVERLAY ON ALL PAGES
   ========================================================================== */	

.contact-all-overlay{
	background:#fff;
	width:100%;
	height:455px;

	position:absolute;
	z-index:9999999;
	border-bottom:4px solid #900001;
	top:0;
	display:none;
}
	
.contact-all-inner{
	width:1024px;
	height:455px;
	margin:0 auto;
}	

.contact-all-inner img{
	float:left;
	margin-bottom:26px;
	margin-top:10px;
}

.contact-all-inner h4,
.contact-all-inner .h4{
	clear:both;
	font-size:26px;
	color:#900001;
	font-weight:200;
}

.contact-all-inner .contact-all-text{
	float:left;
	width:500px;
}

.contact-all-inner .close-contact{
	float:right!important;
	color:#900001;
	background:url(../img/close.png) no-repeat right center;
	padding-right:26px;
	cursor:pointer;
}

.contact-all-inner form{
	float:right;
	width:500px;
}

.contact-all-inner form input{
	width:100%;
	margin-bottom:12px;
	font-family:'Lato', Arial, Sans-Serif;
	font-size:18px;
	padding-left:6px;
	height:32px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #cecece;
}
.contact-all-inner form textarea{
	width:100%;
	height:140px!important;
	font-family:'Lato', Arial, Sans-Serif;
	font-size:18px;
	padding-left:6px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #cecece;
}

#contact-all-submit{
	border:none!important;
	width:auto;
	padding-left:12px;
	float:right;
	margin-right:0px;
	margin-top:12px;
}

/* ==========================================================================
   PAGE: LADEN
   ========================================================================== */
   
.on-page-navi{
	width:auto;
	height:auto;
	float:left;
	margin-top:300px;	
	margin-bottom:26px;
}

.on-page-navi a{
	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;
}

.on-page-navi a:hover{
	background:#285479;
	color:#fff;
}	

.story{
	height:auto;
	width:100%;
	clear:both;
	font-size:16px;
	color:#900001;
	float:left;
	border-bottom:1px solid #404555;
	padding-bottom:26px;
}

.last-story{
	margin-bottom:26px;
	border-bottom:none;
}

.story h1,
.story .h1{
	margin:26px 0px;
	width:100%;
}

.story p{
	float:left;
	margin-top:16px;
	line-height:26px;
	color:#285479;
	font-size:18px;
}

.aktionen-laden img{
	float:left!important;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}

.aktionen-laden h3,
.aktionen-laden .h3{
	width:525px;
	float:right;
}

.aktionen-laden p{
	float:right;
	width:525px;
}

.anfahrt-laden .left{
	width:500px;
	height:auto;
	float:left;
	margin:0px;
	margin-top:26px;
}

.anfahrt-laden .left h1,
.anfahrt-laden .left .h1{
	font-size:22px;
	margin-top:0px;
	margin-bottom:0px;
}

.anfahrt-laden .left p{
	float:left;
	margin:0px;
}

.anfahrt-laden .right{
	width:500px;
	height:auto;
	float:right;
	margin:0px;
	margin-top:26px;
}

.anfahrt-laden .right h1,
.anfahrt-laden .right .h1{
	font-size:22px;
	margin-top:0px;
	margin-bottom:0px;
}

.anfahrt-laden .right p{
	float:left;
	margin:0px;
}

.kontakt-laden .left{
	width:500px;
	height:auto;
	float:left;
	margin:0px;
}

.kontakt-laden .right{
	width:500px;
	height:500px;
	float:right;
	margin:0px;
}

.kontakt-laden .right form{
	float:right;
	width:500px;
}

.kontakt-laden .right form input{
	width:100%;
	margin-bottom:12px;
	font-family:'Lato', Arial, Sans-Serif;
	font-size:18px;
	padding-left:6px;
	height:32px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #cecece;
}

.kontakt-laden .right form textarea{
	width:100%;
	height:140px!important;
	font-family:'Lato', Arial, Sans-Serif;
	font-size:18px;
	padding-left:6px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #cecece;
}

#contact-all-submit{
	border:none!important;
	width:auto;
	padding-left:12px;
	float:right;
	margin-right:0px;
	margin-top:12px;
}

/* ==========================================================================
   PAGE: KLAPPKARTEN
   ========================================================================== */
	
.all-cards-top{
	width:100%;
	height:auto;
	float:left;
	margin:26px 0px;
	margin-top:300px;
}	

.all-cards-top h1,
.all-cards-top .h1{
	margin:0px 0px;
	width:100%;
	font-size:26px;
	color:#900001;	
	margin-bottom:26px;
}

.all-cards-top p{
	color:#285479;
}

.all-cards{
	width:100%;
	height:auto;
	float:left;
}

.card-item{
	width:125px;
	height:auto;
	color:#285479;
	margin-right:22px;
	margin-bottom:36px;
	float:left;
	cursor:pointer;
}

.last-card-item{
	margin-right:0px;
}

.card-item p{
	border-top:1px solid #ebe9e9;
	padding-top:16px;
	width:100%;
	margin-top:16px;
	line-height:8px;
}

.card-item small{
	margin:0px;
}

.card{
	width:125px;
	height:170px;
	float:left;
	border:1px solid #fff;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	-webkit-box-shadow: 0 0 3px 1px rgba(000,000,000,.5);
	box-shadow: 0 0 3px 1px rgba(000,000,000,.5);
	overflow:hidden;
}

.card-detail{
	width:100%;
	height:auto;
	position:absolute;
	z-index:2;
	background:#285479;
	margin-top:400px;
	display:none;
	border-top:4px solid #900001;
	border-bottom:4px solid #900001;
}

.card-view{
	width:630px;
	height:auto;
	margin:0 auto;
	margin-top:26px;
	margin-bottom:26px;
	display:none;
	color:#fff;
}

.card-view p{
	margin:0px;
	width:100%;
	margin-top:20px;
	float:right;
	text-align:right;
}

.card-view .card-price{
	margin-top:8px;
	width:100%;
	text-align:right;
	font-size:16px;
}

.card-view .shipping-label{
	text-align:right;
	margin-top:0px;
	width:100%;
	font-size:12px;
}

.card-view small{
	margin:0px;
	text-align:right;
	margin-top:0px;
	float:right;
	width:100%;
}

.card-view span{
	float:right;
	margin-bottom:0px;
	font-size:14px;
	padding-right:26px;
	background:url(../img/close.jpg) no-repeat right center;
	height:20px;
	cursor:pointer;
}

.card-btn{
	background:#fff;
	float:right;
	margin-top:6px;
	padding:4px 6px;
	font-size:16px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	color:#900001;
}

/* ==========================================================================
   Styles for jQuery Flip-Cards Plugin
   ========================================================================== */
	
.card-holder .uc-container{
	width: 260px;
	height: 370px;
	position:relative;
	margin-left:180px;
	-webkit-box-shadow: 0 0 4px 1px rgba(000,000,000,.5);
	box-shadow: 0 0 4px 1px rgba(000,000,000,.5);
} 

.card-holder .uc-container img{
	float:right;
}

.card-holder .uc-single, 
.card-holder .uc-final,
.card-holder .uc-initial-content,
.card-holder .uc-back,
.card-holder .uc-front {
	background: #fff url(../images/paper.jpg) repeat center center;
}

.card-holder span.clickme {
    color:#900001;
    cursor: pointer;
	background:#fff;
	position:absolute;
	right:0;
	padding:6px 12px;
	height:32px;
	margin:6px 6px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(000,000,000,.5);
	box-shadow: 0 0 2px 2px rgba(000,000,000,.5);
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}

.card-holder .scrollwrap {
    width: 100%;
    height: 100%;
    padding: 0px;
    overflow: hidden;
    position: absolute;
    color: #224092;
    cursor: pointer;
	-webkit-box-shadow: 0 0 4px 1px rgba(000,000,000,.5);
	box-shadow: 0 0 4px 1px rgba(000,000,000,.5);
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}

.card-holder .close {
    position: absolute;
}

.uc-initial-content {

}
.uc-final-content {

}
/* ==========================================================================
   OXID STYLES
   ========================================================================== */
.btn{
	border:none;
	font-family:'Lato', Sans-Serif;
}

.image-top{
	float:none;
}

.ordersteps{
	float:left;
	width:100%;
	margin-top:300px;
}

.step{
	width:auto;
	height:40px;
	margin-bottom:16px;
}

.step br{
	display:none;
}

.step a:hover{
	color:#900001;
}

.step p.active strong{
	background:#900001;
}

.step strong{
	background:#285479;
	color:#fff;
	padding:4px 10px;
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	margin-right:6px;
}

.basket{
	float:left;
	width:100%;
}

.basket-checkbox{ 
	width:20px;
	height:20px;
	padding:10px;
}

.basket-checkbox-erease{ 
	width:20px;
	height:20px;
	padding:10px;
	margin-top:16px;
}

.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:16px;
}

.basket-head-article{
	padding-left:170px;
}

.basket-head-quantity{
	padding-left:393px;
}

.basket-head-unitprice{
	padding-left:100px;
}

.basket-head-tax{
	padding-left:30px;
}

.basket-head-total{
	position:absolute;
	right:0;
}

.art_num{
	font-size:14px;
}

.quantity-manager input{
	width:100px;
	font-family:'Lato', Sans-Serif;
	padding-left:4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #ebe9e9;
	height:32px;
	background:#fff;
}

.remove-from-basket{
	position:relative;
	margin-top:16px;
}

.remove-from-basket .btn{
	position:absolute;
	left:0;
}

.update-basket{
	position:relative;
	margin-top:16px;
	margin-bottom:60px;
}

.update-basket .btn{
	position:absolute;
	left:0;
}

.green{
	background:#f0f0f0;
	width:100%;
	font-family:'Lato', Sans-Serif;
}

.total-price{
	border-top:1px solid #900001;
}

.sumdesc{
	color:#3a7aaf;
	padding:0px;
	margin:0px;
}

.send-voucher{
	position:relative;
	margin-top:12px;
}

.send-voucher input{
	position:absolute;
	left:0;
}

.voucher-box{
	margin-top:40px;
	float:left;
}	

.voucher-box strong{
	display:block;
}

.voucher-box .voucher-number{	
	width:260px;
	font-family:'Lato', Sans-Serif;
	padding-left:4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #ebe9e9;
	height:32px;
	background:#fff;
}

.user-option-one{
	position:relative;
	margin-top:80px;
	width:100%;
}

.user-option-one .btn{
	position:absolute;
	margin-top:0px;
	left:0;
}

.user-option-two{
	position:relative;
	margin-top:80px;
	width:100%;
}

.user-reg{
	position:relative;
}

.user-reg .btn{
	position:absolute;
	left:0;
}

.user-option-two .user-reg-input{
	width:400px;
	font-family:'Lato', Sans-Serif;
	padding-left:4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #ebe9e9;
	height:32px;
	background:#fff;
}

.user-option-three{
	margin-top:80px;
}

.user-option-three-submit{
	position:relative;
}

.user-option-three-submit .btn{
	position:absolute;
	left:0;
}

.new-user{
	margin-top:224px;
	width:700px;
	float:right;
	margin-bottom:60px;
}

.new-user td{
	color:#285479;
	margin:0px;
}

.form-input input{
	width:400px;
	font-family:'Lato', Sans-Serif;
	padding-left:4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #ebe9e9;
	height:32px;
	background:#fff;
	float:left;
	margin-right:4px;
	margin-bottom:4px;
}

.form-input span{
	float:left;
}

.form-salutation{
	width:400px;
	font-family:'Lato', Sans-Serif;
	padding-left:4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #ebe9e9;
	height:32px;
	background:#fff;
	float:left;
	margin-right:4px;
	margin-bottom:4px;
}

.form-country{
	width:400px;
	font-family:'Lato', Sans-Serif;
	padding-left:4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #ebe9e9;
	height:32px;
	background:#fff;
	float:left;
	margin-right:4px;
	margin-bottom:4px;
}

.form-newsletter{
	width:200px;
	font-family:'Lato', Sans-Serif;
	padding-left:4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #ebe9e9;
	height:32px;
	background:#fff;
	float:none;
	margin-right:4px;
	margin-bottom:4px;
	margin-top:26px;
}

.form-shipping-address{
	width:400px;
	font-family:'Lato', Sans-Serif;
	padding-left:4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #ebe9e9;
	height:32px;
	background:#fff;
	float:left;
	margin-right:4px;
	margin-bottom:4px;
}

.input-medium-left{
	width:300px;
	font-family:'Lato', Sans-Serif;
	padding-left:4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #ebe9e9;
	height:32px;
	background:#fff;
	float:left;
	margin-right:4px;
	margin-bottom:4px;
}

.input-medium-right{
	width:300px;
	font-family:'Lato', Sans-Serif;
	padding-left:4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #ebe9e9;
	height:32px;
	background:#fff;
	float:left;
	margin-left:4px;
	margin-right:4px;
}

.input-short-right{
	width:90px;
	font-family:'Lato', Sans-Serif;
	padding-left:4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #ebe9e9;
	height:32px;
	background:#fff;
	float:left;
	margin-left:6px;
	margin-right:4px;
	margin-bottom:4px;
}

.input-short-left{
	width:90px;
	font-family:'Lato', Sans-Serif;
	padding-left:4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #ebe9e9;
	height:32px;
	background:#fff;
	float:left;
	margin-left:0px;
	margin-right:6px;
	margin-bottom:4px;
}

.form-checkbox{
	width:20px;
	height:20px;
	float:left;
	margin-right:8px;
}

.shipping-btn{
	position:relative;
}

.shipping-btn .btn{
	position:absolute;
	left:0;
}

.submit-reg{
	position:relative;
	margin:26px 0px;
	clear:both;
	margin-left:326px;
}

.submit-reg .btn{
	position:absolute;
	left:0;
}

.user-login{
	margin-top:260px;
	margin-left:26px;
	float:right;
	width:700px;
}

.user-login a{
	font-size:14px;
}

.user-login a:hover{
	color:#a70001;
}

.user-login-btn{
	position:relative;
	margin-bottom:26px;
	margin-top:6px;
}

.user-login-btn .btn{
	position:absolute;
	left:0;
}

.account_header{
	width:700px;
	float:right;
	margin-top:242px;
}

.account_header dd{
	margin:0px;
	font-size:14px;
	margin-top:6px;
	margin-left:14px;
}

.noticelist{
	padding-top:16px;
	float:right;
	width:700px;
	margin-top:26px;
	border-top:1px solid #ebe9e9;
}

.user-settings{
	width:700px;
	float:right;
	margin-top:26px;
	padding-top:16px;
	border-top:1px solid #ebe9e9;
}

.user-pswd-btn{
	position:relative;
}

.user-pswd-btn .btn{
	position:absolute;
	left:0;
}

.newsletter-settings{
	width:700px;
	float:right;
	margin-top:26px;
	padding-top:16px;
	border-top:1px solid #ebe9e9;
}

.newsletter-submit{
	position:relative;
	float:left;
	margin-top:16px;
}

.newsletter-submit .btn{
	position:absolute;
	left:0;
}

.user-settings{
	margin-bottom:40px;
}

.order-history{
	width:700px;
	float:right;
	margin-top:26px;
	padding-top:16px;
	border-top:1px solid #ebe9e9;
}

.form-text{

	width:400px;
	height:260px!important;
	font-family:'Lato', Sans-Serif;
	padding-left:4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #ebe9e9;
	height:32px;
	background:#fff;
	float:left;
	margin-right:4px;
	margin-bottom:4px;
}

.change-shipping{
	position:relative;
	margin-top:16px;
}

.change-shipping .btn{
	position:absolute;
	left:0;
}

.btn-made-left{
	position:relative;
	margin-top:16px;
}

.btn-made-left .btn{
	position:absolute;
	left:0;
}

.thanks-a-lot{
	margin-bottom:26px;
}

.thanks-a-lot a{
	font-family:'Lato';
	font-size:16px;
	margin-bottom:26px;
	float:left;
}

.pic_main{
	float:left;
	margin-top:26px;
	overflow:hidden!important;
	width:360px;
	height:360px;
	-webkit-box-shadow: 0 0 3px 1px rgba(000,000,000,.25);
	box-shadow: 0 0 3px 1px rgba(000,000,000,.25);
	position:absolute;
	margin-top:136px;
}

.pic_main img{
	float:left;
	margin:0px;
}

.all-thumbs{
	width:280px;
	height:80px;
	overflow:hidden!important;
	float:left;
	clear:both;
	margin-top:416px;
	padding-top:6px;
	padding-left:1px;
	/*border-top:1px solid #ebe9e9;*/
	height:80px;/* just until it works */
}

.all-thumbs img{
	margin-top:6px;
}

.all-thumbs .a-thumbnail{
	width:40px;
	height:40px;
	margin-right:14px;
	position:relative;
	float:left;
}

.all-thumbs .magnifier{
	background:url(../img/magnifier.png) no-repeat center 4px;
	width:40px;
	height:40px;
	position:absolute;
	bottom:0;
	z-index:99;
	display:none;
}

.a-thumbnail:hover .magnifier{
	display:block;
}

.varianten{
	color:#285479;
	padding-left:6px;
	margin-top:26px;
}

.my-variant{
	float:right;
	margin-top:20px;
	padding:0px 16px;
	padding-bottom:16px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #ebe9e9;
}

.choose-variant{
	float:right;
}

.back-top-parent{
	float:right;
	clear:both;
	margin-top:8px;
}

.msg{
	border:1px solid #285479;
	color:#285479;
	background:#fff url(../img/hook-ok.png) no-repeat right center;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	padding: 16px;
	padding-right:50px;
	overflow:hidden;
	-webkit-box-shadow: 0 0 3px 1px rgba(000,000,000,.25);
	box-shadow: 0 0 3px 1px rgba(000,000,000,.25);
	position:absolute;
}

.msg p{
	float:none;
}

.errorbox{
	border: 1px solid #ff6000;
	padding: 16px;
	background-color:#ffddc8;
	float:left;
	width:100%;
	background:url(../img/error.png) no-repeat right center!important;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	margin-bottom:26px;
}

.errorbox p{
	float:none;
}

.elch{
	width:158px;
	height:155px;
	background:url(../img/elch.png) no-repeat center center;
	position:fixed;
	bottom:0;
	z-index:999;
	right:0;
	margin-bottom:50px;
	margin-right:-158px;
}

.zoom {
	position: relative;
	float:left;
}
		
.zoom img {
	width:100%;
	-webkit-box-shadow:none;
	box-shadow:none;
	float:left;
}

.zoom img::selection { 
	background-color: transparent; 
}

.with-note{
	position:absolute;
	background:url(../img/with-note.png) no-repeat center center;
	z-index:1;
	width:30px;
	height:30px;
	right:0;
}

.loads-address{
	margin-top:-22px;
}

.is-no-pillow{
	width:100px;
	height:29px;
	float:right;
}

.ui-checkbox{
	float:left;
}

.chbox{
	float:left	;
	width:14px!important;
}




/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (max-width: 480px){

	.pic_main{
		width:300px;
		height:300px;
	}

}

@media only screen and (max-width: 810px){
	.clickme{
		display:none;
	}
	
	.card-view{
		width:100%!important;

		padding:0px 26px;
	}
	
	.card-view p, .card-view small, .card-view a{
		width:auto!important;
		float:right!important;
		clear:both!important;
	}

	.card-holder .uc-container{
		width: 260px;
		height: 370px;
		position:relative;
		float:left!important;
		margin-left:26px!important;
		-webkit-box-shadow: 0 0 4px 1px rgba(000,000,000,.5);
		box-shadow: 0 0 4px 1px rgba(000,000,000,.5);
		margin-top:-120px!important;
		margin-bottom:26px!important;
	} 
	

	
	

}

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

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

	.pia-link{
		color:#fff;
	}

 #panel-left, #panel-right, .ui-panel-inner{
		display:none;
	}

	.image-top{
		display:none;
	}

	.is-pillow{
		float:left;
	}

	.zoomPad img{
		width:100%!important;
	}

	.zoomWindow{
		display:none!important;
	}

	#thumblist{
		position:relative;
		float:left;
		margin-top:20px;
		clear:both;
	}

	.trigger{
		width:40px;
		height:36px;
		-webkit-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
	}
	
	.trigger-right{
		background:url(../img/mobile-cart.png) no-repeat center center;
	}
	
	.trigger-left{
		background:url(../img/mobile-menu.png) no-repeat center center;
	}

	.ui-header{
		background:#920001;
		-webkit-box-shadow: 0 2px 2px 0 rgba(000,000,000,.5);
		box-shadow: 0 2px 2px 0 rgba(000,000,000,.5);
		height:42px;
		color:#fff;
		text-shadow: 0 1px 1px #333333;
	}

	.ui-panel-inner {
		border-right:1px solid #920001;
	}
	
	.sidebar {
		border-left:1px solid #920001;
		padding-top:26px;
		display:block;
	} 
	
	.sidebar .count-output{
		width:100%;
		height:40px;
		background:#fff;
		border:1px solid #900001;
		-webkit-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
		margin-bottom:10px;
	}

	.count-output p{
		width:100%;
		text-align:center;
		font-size:18px;
		color:#900001;
		padding-top:8px;
		margin:0px;
	}
	
	.sidebar .shopping-cart a{
		display:block;
		font-size:18px;
		padding:8px;
		text-align:center;
	}
	
	.sidebar .shopping-cart a.to-shop{
		margin-top:10px;
	}
	
	.sidebar .shopping-cart a.to-contact{
		margin-top:10px;
	}

	.content{
		width:100%;
		padding:0px 16px;
		padding-top:46px;
		height:auto;
	}
	
	.cart-fixed{
		display:none;
	}
	
	#top{
		display:none!important;
	}

	.mobile-header{
		display:block;
	}
	
	.background{
		display:none!important;
	}
	
	.mobile-header h1,
	.mobile-header .h1{
		border-bottom:none;
		color:#fff;
		font-family:'Lato';
		letter-spacing:0px;
		float:none;
	}
	
	.top-bar{
		height:120px;
		background:none;
		width:auto;
		margin:0 auto;
	}

	.top-bar img{
		float:none;
		margin-top:0px;
		width:15em;
	}

	.menu-hauptnavigation-container{
		background:none;
		width:100%;
		height:auto;
	}

	.menu-hauptnavigation-container ul{
		width:100%;
		height:auto;
		float:none;
		margin-top:120px;
		padding-top:20px;
	}

	.menu-hauptnavigation-container ul li{
		float:none;
		margin-right:0px;
		height:auto;
		margin-top:10px;
		width:100%;
	}

	.menu-hauptnavigation-container ul li:first-child{
		margin-top:10px;
	}
	
	.menu-hauptnavigation-container ul li:last-child{
		margin-right:0px;
	}

	.menu-hauptnavigation-container ul li a{
		font-size:18px;
		padding:none;
		display:block;
		background:#285479;
		-webkit-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
		color:#fff;
		text-align:center;
	}

	.menu-hauptnavigation-container ul li a:hover{
		background:#285479;
		color:#fff;
	}

	.current-menu-item{
		background:#920001;
	}

	.top-bar form{
		position:relative;
		padding-top:0px;
		padding-left:0px;
		width:15em;
		height:126px;
		border-bottom:1px solid #ebe9e9;
	}
	
	.ui-input-btn{
		position:absolute;
		z-index:9;
		width:100%;
		height:100px!important;
	}
	
	.top-bar #search-submit{
		position:absolute;
		z-index:99;
		background:#ebe9e9 url(../img/lense.png) no-repeat center center;
		border:none;
		right:0;
		width:100%;
		height:40px;
		-webkit-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
		border:1px solid #ebe9e9;
		border-left:none;
		margin-top:42px;
	}

	.top-bar #search-submit:hover{
		background:#f1f1f1 url(../img/lense.png) no-repeat center center;
	}

	#search-bar-top{
		position:absolute;
		z-index:9999;
		font-family:'Lato', Arial;
		font-size:18px;
		-webkit-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
		border:1px solid #ebe9e9;
		padding:7px 10px;
		padding-right:0px;
		width:100%;
		color:#285479;
		margin-top:-8px;
		background:#fff;
	}
	
	.welcome-top{
		margin-bottom:0px;
		float:none;
		width:100%;
	}

	.hello{
		width:auto;
		float:left;
		color:#285479;
		margin-bottom:26px;
	}

	.teaser-top{
		width:100%;
		height:320px;
		background:grey;
		float:left;
		-webkit-box-shadow: 0 0 3px 1px rgba(000,000,000,.25);
		box-shadow: 0 0 3px 1px rgba(000,000,000,.25);
		-webkit-border-radius: 2px 2px 2px 2px;
		border-radius: 2px 2px 2px 2px;
		border:1px solid #fff;
		position:relative;
		color:#900001;
		overflow:hidden;
	}   
	
	.teaser-top img{
		width:100%;
	}

	.teaser-top-title-bg{
		position:absolute;
		bottom:0;
		background:#fff;
		width:100%;
		height:94px;
		opacity:.75;
	}

	.teaser-top h3,
	.teaser-top .h3{
		font-size:26px;
		font-weight:200;
	}

	.teaser-top p{
		font-size:18px;
		line-height:22px;
	}

	.teaser-top span{
		position:absolute;
		bottom:0;
		margin:10px;
	}
	.teaser-top .ribbon{
		position:absolute;
		color:#fff;
		z-index:99;
		background:#be1116 url(../img/ribbon-arrow.png) no-repeat right center;
		right:0;
		margin-right:16px;
		margin-top:193px;
		height:39px;
		width:230px;
		padding-left:16px;
		padding-top:6px;
		-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;
		-webkit-box-shadow: 0 1px 2px 0 rgba(000,000,000,.5);
		box-shadow: 0 1px 2px 0 rgba(000,000,000,.5);
		text-shadow: 0 1px 1px #4F4F4F;
	}
	
	.all-tiles{
		margin-top:26px;
	}
	
	.all-tiles .tile{
		width:260px;
		height:300px;
		-webkit-box-shadow: 0 0 3px 1px rgba(000,000,000,.25);
		box-shadow: 0 0 3px 1px rgba(000,000,000,.25);
		-webkit-border-radius: 2px 2px 2px 2px;
		border-radius: 2px 2px 2px 2px;
		border:1px solid #fff;
		position:relative;
		margin-right:0px;
		margin-bottom:46px!important;
		float:none;
		-webkit-transition-duration: 0.4s;
		-moz-transition-duration: 0.4s;
		-o-transition-duration: 0.4s;
		transition-duration: 0.4s;
		margin:0 auto;
	}
	
	.roros{
		float:none;
		position:relative;
	}

	.roros-flag{
		width:94%;
		height:200px;
		background:#ebe9e9;
		position:relative;
		margin-left:32px;
		-webkit-box-shadow: 0 0 3px 1px rgba(000,000,000,.25);
		box-shadow: 0 0 3px 1px rgba(000,000,000,.25);
		-webkit-border-radius: 2px 2px 2px 2px;
		border-radius: 2px 2px 2px 2px;
		border:1px solid #fff;
		-webkit-transition-duration: 0.4s;
		-moz-transition-duration: 0.4s;
		-o-transition-duration: 0.4s;
		transition-duration: 0.4s;
		padding-right:16px;
	}

	.roros-flag span{
		background:url(../img/roros-arrow.png) no-repeat center center;
		width:38px;
		height:19px;
		position:absolute;
		left:0;
		margin-left:140px;
		margin-top:-19px;
		display:none;
	}

	.roros-flag .roros-logo{
		position:absolute;
		z-index:99;
		left:0;
		margin-top:-24px;
		margin-left:-32px;
		-webkit-transition-duration: 0.4s;
		-moz-transition-duration: 0.4s;
		-o-transition-duration: 0.4s;
		transition-duration: 0.4s;
	}

	.roros-flag h3,
	.roros-flag .h3{
		color:#900001;
		margin-left:76px;
		font-size:20px;
		margin-top:10px;
		border-bottom:1px solid #900001;
		float:none;
	}

	.roros-flag p{
		margin-left:76px;
		margin-top:10px;
		font-size:18px;
		line-height:22px;
		color:#285479;
	}
	
	.roros .cloud-text{
		margin-top:40px;
		position:relative;
	}

	.roros .cloud-text img{
		display:none;
	}

	.roros .cloud-text p{
		float:left;
		width:100%;
		margin-left:0px;
		color:#285479;
	}
	
	.brands{
		float:left;
		border-top:1px solid #ebe9e9;
		width:100%;
		margin-top:36px;
		padding-top:26px;
	}

	.brands h3,
	.brands .h3{
		color:#900001;
		font-size:20px;
		float:none;
	}

	.brands .all-brands{
		width:100%;
		margin-bottom:46px;
		float:none;
		display:inline;
		vertical-align: middle;
	}

	.brands .all-brands img{
		float:none;
		display:block;
	}
	
	.brands .all-brands img#roros-image{
		margin-left:30px;
	}
	
	footer{
		width:100%;
		background:#e4e8e8;
		display:bock;
		float:none;
		border-top:3px solid #285479;
		padding:26px 0;
	}

	footer .fooInner{
		margin:0 auto;
		width:100%;
		padding:0px 16px;
	}

	footer .fooInner ul{
		margin-right:0px;
		float:none;
	}

	footer .fooInner ul li{
		float:none;
		margin-bottom:8px;
	}
	
	footer .fooInner ul li:first-child{
		text-align:center;
	}

	footer .fooInner ul li a{
		color:#285479;
		display:block;
		text-align:center;
	}

	footer .fooInner .help{
		width:100%;
		float:none;
		color:#285479;
	}

	footer .fooInner .help p{
		margin:0px;
		text-align:center;
	}
	
	footer .fooInner .help small{
		margin:0px;
		display:block;
		text-align:center;
	}

	footer .fooInner .logo-bottom{
		width:277px;
		float:none;
		margin:0 auto;
		margin-top:10px;
	}

	footer .fooInner .logo-bottom img{
		width:100%;
	}

	footer .fooInner .logo-bottom .fb-bottom{
		width:16%;
		float:right;
		margin-top:12px;
	}

	footer .fooInner .logo-bottom p{
		margin:0px;
		margin-top:12px;
		color:#285479;
	}
	
	.side-menu-complete{
		display:none;
	}
	
	.all-items{
		float:none;
		width:98%;
		margin-top:40px;
		color:#285479;
	}
	
	.item{
		width:100%;
		height:auto;
		float:left;
		margin-bottom:10px;
	}

	.item img{
		border:1px solid #ebe9e9;
		float:left!important;
		margin-right:16px;
	}
	
	.item span{
		float:left;
		clear:both;
		margin-top:6px;
		color:#900001;
		margin-left:108px;
	}

	.item span img{
		border:none!Important;
		margin-right:8px;
}

	.item .item-description{
		margin-left:10px;
		margin-top:-8px;
		width:auto;
		height:160px;
		float:left!important;
		border-bottom:none!important;
		border-top:none;
		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease;
		position:relative;
	}

	.item p{
		margin-top:4px;
		float:none;
	}

	.item .item-price{
		float:left;
		margin:0px;
	}

	.item small{
		float:left;
		width:auto;
		font-size:14px;
		margin-top:20px;
		position:relative;
		margin-left:-50px;
	}

	.item .nineteen{
		float:left;
		margin-top:0px!important;
		margin-top:18px;
		position:relative;
		margin-left:50px;
		margin-top:-12px!important;
	}

	.item .btn{
		float:left;
		margin-right:0px;
		margin-left:0px;
		clear:both;
		width:auto;
		text-align:center;
		margin-top:-6px;
	}

	.item:hover .item-description{
		border-bottom:1px solid #ebe9e9;
		border-top:none;
	}

	.all-pages{
		width:auto;
		float:right;
		margin-bottom:32px;
		margin-top:16px;
		padding-top:8px;
	}

	.all-pages a{
		padding:8px 12px;
		padding-right:14px;
		margin-left:6px;
		margin-right:0px;
		cursor:default;
		font-weight:600;
	}

	.all-pages a:hover{
		background:#285479;
	}

	.all-pages .not-active{
		background:#ebe9e9;
		color:#285479;
		cursor:pointer;
	}

	.all-pages .not-active:hover{
		background:#285479;
		color:#fff;
	}

	.side-menu-complete-mobile{
		width:100%;
		margin-top:0px;
		float:none;
		display:block;
	}

	.side-menu-complete-mobile ul{
		margin-top:0px;
	}
	
	.shop-info li:first-child a{
		-webkit-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
	}

	.shop-info li:last-child a{
		-webkit-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
	}
	
	.side-menu-complete-mobile .is-cat{
		border:1px solid #285479;
		color:#fff;
	}
	
	.side-menu-complete-mobile .is-cat:hover{
		background:#fff!important;
		border:1px solid #285479;
		color:#285479;
	}
	
	.item-detail h1,
	.item-detail .h1{
		font-size:26px;
		margin:14px 0px;
		color:#900001;
		float:left;
		clear:both;
	}

	.item-detail{
		float:none;
		width:100%;
		margin-top:26px;
		color:#285479;
	}

	.item-detail p{
		clear:both;
		float:left;
	}

	.item-detail small{
		clear:both;
		float:left;
	}

	.item-detail img{
		float:left;
		clear:both;
		margin-top:0px!important;
		-webkit-box-shadow: 0 0 3px 1px rgba(000,000,000,.25);
		box-shadow: 0 0 3px 1px rgba(000,000,000,.25);
		-webkit-border-radius: 2px 2px 2px 2px;
		border-radius: 2px 2px 2px 2px;
		border:1px solid #fff;
	}

	.item-detail .all-details{
		float:left;
		width:100%;
		margin-top:26px;
		padding-bottom:16px;
		border-top:none;
		border-bottom:none;
	}

	.item-detail .with-rectangle{
		float:right;
		width:724px;
		margin-top:26px;
		padding-bottom:16px;
		border-top:1px solid #ebe9e9;
		border-bottom:1px solid #ebe9e9;
	}

	.item-detail .all-details p{
		font-size:18px;
		line-height:22px;
		margin-top:0px;
	}

	.item-detail .all-details form{
		position:relative;
		clear:both!important;
		min-height:260px;
		width:100%;
		margin-top:26px!important;
	}

	.item-detail .all-details form p{
		float:left;
	}

	.item-detail .all-details form p.menge{
		margin-right:0px;
		float:left;
		width:80px;
		margin-top:40px;
	}
	
	.varianten{
		left:0;
	}
	
	.my-variant{
		left:0;
		float:left;
		margin-top:85px;
		margin-left:-79px;
	}
	
	.into-cart{
		margin-left:0px!important;
		width:100%;
		margin-right:3%!important;
		text-align:center;
	}
	
	.back-top-parent{
		float:left;
		clear:both;
	}
	
	.price-detail{
		
	}
	
	.ui-btn{
		color:transparent!important;
	}
	
	#count-item{
		width:80px;
		float:left;
		margin-top:60px!important;
		-webkit-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
		border:1px solid #ebe9e9;
		font-family:'Lato', Arial, Sans-Serif;
		text-align:right;
		padding-right:8px;
		position:absolute;
		left:0;
		margin-left:76px;
	}

	.item-detail .all-details form select{
	}

	.item-detail .all-details .price-detail{
		clear:both;
		margin-top:52px;
		float:left;
	}

	.item-detail .all-details small{
		float:left;
	}

	.item-detail .all-details .wrapped-as-present{
		margin-right:26px;
		float:left;
	}

	#as-present{
		position:absolute;
		right:0;
		top:0;
		margin-top:106px;
		margin-left:230px;
		width:16px;
		height:16px;
	}

	.item-detail .all-details .make-a-pillow{
		margin-right:26px;
		float:left;
		color:#900001;
	}

	.item-detail .all-details .make-a-pillow img{
		float:left;
		margin:0px;
		border:none!important;
		-webkit-box-shadow:none;
		box-shadow:none;
		-webkit-border-radius:none;
		border-radius:none;
		margin-right:8px;
		margin-top:-6px;
	}

	#as-pillow{
		position:absolute;
		right:0;
		top:0;
		margin-top:138px;
		margin-left:230px;
		width:16px;
		height:16px;
	}

	.btn.into-cart{
		float:left;
		margin-top:16px;
		clear:both;
	}

	.btn.reminder-list{
		float:left;
		margin-top:16px;
		margin-left:0px;
		background:#ebe9e9;
		color:#285479;
		width:100%;
		text-align:center;
	}

	.btn.reminder-list:hover{
		background:#f1f1f1;
	}
	
	.choose-btn{
		float:left;
		width:100%;
		text-align:center;
		margin-top:16px;
		margin-left:0px;
	}

	form.product-mail{
		float:left;
		width:100%;
		height:460px;
		clear:both;
		margin-top:26px;
	}

	form.product-mail p{
		display:block;
		float:none;
	}

	form.product-mail input{
		height:32px;
		padding-left:6px;
		font-family:'Lato', Arial, Sans-Serif;
		font-size:18px;
		color:#285479;
		margin-top:16px;
		-webkit-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
		border:1px solid #c2c2c2;
	}

	form.product-mail input.small-input{
		width:100%;
		float:none;
		margin-right:12px;
	}

	form.product-mail input.right-input{
		margin-right:0px!important;
	}

	form.product-mail textarea{
		width:100%;
		height:160px!important;
		-webkit-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
		border:1px solid #c2c2c2;
		font-family:'Lato', Arial, Sans-Serif;
		font-size:18px;
		color:#285479;
		margin-top:16px;
		padding-left:6px;
	}

	form.product-mail #submit-product-detail{
		color:#fff;
		margin-top:0px;
		border:none;
		float:left;
		margin-right:0px;
		margin-bottom:26px;
		padding-left:0px;
		font-size:16px;
		margin-left:0px;
		width:100%;
	}
		
	.item-detail .all-details p{
		width:100%;
	}
	
	.pic_main{
		
	}
	
	
	
	
	.contact-all-overlay{
	background:#fff;
	width:100%;
	height:auto;
	position:absolute;
	z-index:9999999!important;
	border-bottom:4px solid #900001;
	padding:0px 16px;
	
}
	
.contact-all-inner{
	width:100%;
	height:auto;
	margin:0 auto;
}	

.contact-all-inner img{
	float:left;
	margin-bottom:26px;
	margin-top:10px;
}

.contact-all-inner h4,
.contact-all-inner .h4{
	clear:both;
	font-size:26px;
	color:#900001;
	font-weight:200;
}

.contact-all-inner .contact-all-text{
	float:none;
	width:100%;
}

.contact-all-inner .close-contact{
	float:right!important;
	color:#900001;
	background:url(../img/close.png) no-repeat right center;
	padding-right:26px;
	cursor:pointer;
}

.contact-all-inner form{
	float:none;
	width:100%;
}

.contact-all-inner form input{
	width:100%;
	margin-bottom:12px;
	font-family:'Lato', Arial, Sans-Serif;
	font-size:18px;
	padding-left:6px;
	height:32px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #cecece;
}
.contact-all-inner form textarea{
	width:100%;
	height:140px!important;
	font-family:'Lato', Arial, Sans-Serif;
	font-size:18px;
	padding-left:6px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #cecece;
}

#contact-all-submit{
	border:none!important;
	width:50%;
	padding-left:12px;
	float:none;
	display:block;
	margin-right:0px;
	margin-top:12px;
}

.ui-input-btn{
	position:relative;
}

table.form{
	float:none;
	width:100%;
	position:absolute;
	left:0;
	margin-left:10px;
	height:1900px;
}

.ordersteps{
	margin-top:40px; 
}

.user-login{
	margin-top:26px;
	margin-left:0px;
	float:left;
	width:100%;
	height:2000px;
}

.user-login a{
	font-size:14px;
}

.user-login a:hover{
	color:#a70001;
}

.user-login-btn{
	position:relative;
	margin-bottom:26px;
	margin-top:6px;
}

.user-login-btn .btn{
	position:absolute;
	left:0;
}

.form td{
	height:60px!important;
}

.form-input{
	padding:0px;
	height:32px;
	float:left;
}

.form-input input{
	width:100%;
	font-family:'Lato', Sans-Serif;
	padding-left:4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #ebe9e9;
	height:32px;
	background:#fff;
	float:left;
	margin-right:4px;
	margin-bottom:4px;
	padding:0px;
}

.account_header{
	margin-top:32px!important;
	position:absolute;
}

.noticelist{
	position:absolute;
	bottom:0;
}

.user-settings{
	position:absolute;
	bottom:0;
}

.item-detail .all-details form select{
	position:absolute;
	right:0;
	margin-top:110px;
	width:156px;
	height:32px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:1px solid #ebe9e9;
	font-family:'Lato', Arial, Sans-Serif;
}














/* ==========================================================================
   PAGE: KLAPPKARTEN M.O.B.I.L.E.
   ========================================================================== */

.all-pages{
	width:auto;
	float:left;
	margin-bottom:32px;
	margin-top:16px;
	padding-top:8px;
}

.all-pages a{
	margin-right:10px;
	margin-left:0px;
}
   
.all-cards-top{
	width:100%;
	height:auto;
	float:left;
	margin:26px 0px;
	margin-top:40px;
}	

.all-cards-top h1,
.all-cards-top .h1{
	margin:0px 0px;
	width:100%;
	font-size:26px;
	color:#900001;	
	margin-bottom:26px;
}

.all-cards-top p{
	color:#285479;
}

.all-cards{
	width:100%;
	height:auto;
	float:left;
}

.card-item{
	width:125px;
	height:auto;
	color:#285479;
	margin-right:22px;
	margin-bottom:36px;
	float:left;
	cursor:pointer;
}

.last-card-item{
	margin-right:0px;
}

.card-item p{
	border-top:1px solid #ebe9e9;
	padding-top:16px;
	width:100%;
	margin-top:16px;
	line-height:8px;
}

.card-item small{
	margin:0px;
}

.card{
	width:125px;
	height:170px;
	float:left;
	border:1px solid #fff;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	-webkit-box-shadow: 0 0 3px 1px rgba(000,000,000,.5);
	box-shadow: 0 0 3px 1px rgba(000,000,000,.5);
	overflow:hidden;
}

.card-detail{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	z-index:99999;
	background:#285479;
	margin-top:120px;
	display:none;
	border-top:4px solid #900001;
	border-bottom:4px solid #900001;
}

.card-view{
	width:630px;
	height:auto;
	margin:0 auto;
	margin-top:26px;
	margin-bottom:26px;
	display:none;
	color:#fff;
}

.card-view p{
	margin:0px;
	width:100%;
	margin-top:20px;
	float:right;
	text-align:right;
}

.card-view .card-price{
	margin-top:8px;
	width:100%;
	text-align:right;
	font-size:16px;
}

.card-view .shipping-label{
	text-align:right;
	margin-top:0px;
	width:100%;
	font-size:12px;
}

.card-view small{
	margin:0px;
	text-align:right;
	margin-top:0px;
	float:right;
	width:100%;
}

.card-view span{
	float:right;
	margin-bottom:0px;
	font-size:14px;
	padding-right:26px;
	background:url(../img/close.jpg) no-repeat right center;
	height:20px;
	cursor:pointer;
}

.card-btn{
	background:#fff;
	float:right;
	margin-top:6px;
	padding:4px 6px;
	font-size:16px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	color:#900001;
}

/* ==========================================================================
   Styles for jQuery Flip-Cards Plugin
   ========================================================================== */
	
.card-holder .uc-container{
	width: 260px;
	height: 370px;
	position:relative;
	margin-left:180px;
	-webkit-box-shadow: 0 0 4px 1px rgba(000,000,000,.5);
	box-shadow: 0 0 4px 1px rgba(000,000,000,.5);
} 

.card-holder .uc-container img{
	float:right;
}

.card-holder .uc-single, 
.card-holder .uc-final,
.card-holder .uc-initial-content,
.card-holder .uc-back,
.card-holder .uc-front {
	background: #fff url(../images/paper.jpg) repeat center center;
}

.card-holder span.clickme {
    color:#900001;
    cursor: pointer;
	background:#fff;
	position:absolute;
	right:0;
	padding:6px 12px;
	height:32px;
	margin:6px 6px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(000,000,000,.5);
	box-shadow: 0 0 2px 2px rgba(000,000,000,.5);
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}

.card-holder .scrollwrap {
    width: 100%;
    height: 100%;
    padding: 0px;
    overflow: hidden;
    position: absolute;
    color: #224092;
    cursor: pointer;
	-webkit-box-shadow: 0 0 4px 1px rgba(000,000,000,.5);
	box-shadow: 0 0 4px 1px rgba(000,000,000,.5);
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}

.card-holder .close {
    position: absolute;
}

.uc-initial-content {

}
.uc-final-content {

}































}

@media only screen and (min-width: 1025px) and (max-width: 1400px){

	#top{
		margin-bottom:60px;
	}

	.cart-fixed{
		position:fixed;
		z-index:999;
		background:#e4e8e8;
		width:100%;
		height:36px;
		bottom:0;
		margin-bottom:0%;
		padding-left:0;
		padding-right:0px;
		padding-top:0px;
		-webkit-box-shadow: 0 -2px 4px 0 rgba(000,000,000,.5);
		box-shadow: 0 -2px 4px 0 rgba(000,000,000,.5);
	}

	.count-output{
		width:auto;
		height:32px;
		background:#fff;
		-webkit-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
		margin-bottom:0px;
		margin:0px 10px;
		float:right;
		margin-top:2px;
	}

	.count-output p{
		width:100%;
		padding:0px 10px;
		text-align:center;
		font-size:16px;
		padding-top:4px;
		color:#900001;
	}

	.cart-fixed .btn{
		width:auto;
		text-align:center;
		margin-bottom:0px;
		margin-top:2px;
		margin-left:10px;
		display:block;
		float:left;
		font-size:16px;
		float:right;
	}

	.to-shop{
		background:#900001;
	}

	.to-shop:hover{
		background:#a70001;
	}

	.to-contact{
		margin-top:2px;
	}
	
	footer .fooInner .logo-bottom{
		width:277px;
		float:right;
		margin:0 auto;
		margin-top:10px;
		padding-bottom:40px;
	}
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}


/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}




.no-selling{
	width:100%;
	background:#f3f3f3;
	position:fixed;
	z-index:99999;
	bottom:0;
	padding-top:4px;
	border-top:1px solid #efefef;
}  

.no-selling-inner{
	width:1024px;
	margin:0 auto;
} 

.no-selling-inner img{
	float:left;
	margin-right:6px;
}

.no-selling-inner p{
	float:left;
	margin:0px;
	font-size:14px;
	line-height:16px;
	padding-bottom:18px;
	padding-top:4px;
}

.btn-note{
	background:#285479;
	color:#fff;
	margin: 0 0 6px 6px;
	padding:4px 16px;
	float:right;
	text-decoration:none;
}