div.csvshop_area {

font-family: arial, sans-serif;

font-size: 15px;

line-height: 1.3em;

margin: 16px 0;

}



div.csvshop_area p {

padding: 0;

margin: 6px 0;

}



div.csvshop_area input {

-moz-appearance: none;

-webkit-appearance: none;

appearance: none;

border: none;

}



.csvshopAnchor {

height: 30px;

}



div.csvshopClearer {

clear: both;

}



.csvshop_message {

color: #920;

font-weight: 700;

}



.csvshopPreis {

background: #910;

color: #fff;

font-weight: 700;

white-space: nowrap;

border-radius: 3px;

padding: 2px 6px;

}



input.csvshopSubmit {

background: url(button.jpg) repeat-x;

color: #333;

font-family: arial, sans-serif;

font-size: 14px;

font-weight: 400;

border: 1px solid #aaa!important;

border-radius: 3px;

padding: 3px 6px 3px 6px;

margin: 9px 0 0 0;

}



.csvshopWarning {

background: #910; 

color: #fff; 

font-weight: 700; 

text-align: center; 

border-radius: 3px; 

padding: 6px 16px; 

margin: 6px 0;

}



div.csvshopItem a:link {color: #369; text-decoration: none;}

div.csvshopItem a:visited {color: #369; text-decoration: none;}

div.csvshopItem a:hover {color: #c60; text-decoration: underline;}

div.csvshopItem a:active {color: #c60; text-decoration: underline;}

div.csvshopItem a:focus {color: #c60; text-decoration: underline;}







/* teaser */



div.csvshopTeaser {

width: 270px;

height: 500px;

float: left;

background: #fff;

border: 1px solid #aaa;

border-radius: 5px;

padding: 0;

margin: 3px;

overflow: auto;

}



div.csvshopTeaser h1, div.csvshopTeaser h2, div.csvshopTeaser h3, div.csvshopTeaser h4 {

min-height: 50px;

background: #333;

color: #ddd;

font-family: arial, sans-serif;

font-size: 16px;

line-height: 1.4em;

text-align: center;

letter-spacing: 0;

border-radius: 0;

padding: 6px 12px;

margin: 0;

}



img.csvshopTeaserImage {

max-width: 100%; 

float: left;

margin: 0;

}



div.csvshopTeaserNoImage {

width: 100%; 

float: left; 

background: #ddd;

color: #333;

text-align: center;

padding: 60px 0;

margin: 0;

}



div.csvshopTeaserData {

min-width: 236px; 

float: left; 

padding: 6px 10px 2px 10px; 

}



p.csvshopTeaserReadMore {

float: right; 

text-align: right;

font-weight: 700;

white-space: nowrap;

padding: 6px 10px!important; 

margin: 0!important; 

}







/* items */



div.csvshopItem {

background: #fff;

color: #333;

font-family: arial, sans-serif;

font-size: 15px;

line-height: 1.3em;

border: 1px solid #aaa!important;

border-radius: 3px;

padding: 9px 16px;

margin: 9px 0 0 0;

}



.csvshopItemImage {

width: 360px;

max-width: 100%; 

float: left; 

color: #333;

border: 0px solid #aaa;

padding: 0;

margin: 8px 20px 8px 0;

}



div.csvshopItemNoImage {

width: 360px;

max-width: 100%; 

float: left; 

background: #ddd;

color: #333;

text-align: center;

border: 1px solid #aaa;

padding: 100px 0;

margin: 8px 20px 8px 0;

}



.csvshopItemFromDatafile {

width: 360px;

max-width: 100%; 

float: left;

padding: 0;

margin: 8px 20px 8px 0;

}



div.csvshopItemAddToCart {

width: 250px;

max-width: 100%; 

float: left;

padding: 0;

margin: 8px 20px 8px 0;

}



.csvshopItemAvail {

width: 300px;

max-width: 100%;

padding: 0 0 8px 0;

}



.csvshopSmile {

clear: both;

float: left; 

margin: 3px 8px 2px 0; 

}



select.csvshopItemVariant {

min-width: 160px; 

background: #fff; 

border: 3px solid #c60; 

border-radius: 3px; 

padding: 3px 4px;

}



input.csvshopItemStckz {

width: 36px;

max-width: 36px;

text-align: right;

border: 3px solid #c60!important;

border-radius: 3px;

padding: 2px 4px 3px 4px;

}



.csvshopItemArrow {

font-size: 18px;

font-weight: 900;

}



div.csvshopBacklink {

display: table;

background: url(button.jpg) repeat-x;

font-family: arial, sans-serif;

font-size: 15px;

font-weight: 700;

white-space: nowrap;

border: 1px solid #aaa;

border-radius: 3px;

padding: 1px 9px;

margin: 9px 0 9px 0;

}







/* cart */



.csvshopCartImage {

max-width: 30%;

max-height: 96px;

float: right;

border: 0px solid #aaa;

margin: 6px 0 6px 16px;

}



input.csvshopCartStckz {

width: 36px;

max-width: 36px;

text-align: right;

border: 2px solid #aaa!important;

border-radius: 3px;

padding: 2px 4px 3px 4px;

}



img.csvshopCart {

float: left; 

margin: 0 9px 0 6px;

}



div.csvshopGotoCart {

clear: both;

padding: 3px 0;

margin: 6px 0 0 0;

}



.csvshopCartItemFirstline {

font-weight: 700;

}



.csvshopCartTotalPrice {

font-weight: 700;

white-space: nowrap;

}



.csvshopCartNobreak {

white-space: nowrap;

}







/* counter */



.csvshopCounter {

clear: both;

text-align: center; 

font-weight: 700;

padding: 3px 0;

margin: 0;

}





/* page navigation */



div.csvshopPagenav {

clear: both;

text-align: center; 

padding: 3px 0;

margin: 0;

}



.csvshopBoxArrow {

text-align: center;

font-size: 20px; 

font-weight: 700; 

padding: 0 9px;

}



.csvshopBoxInactive {

text-align: center;

width: 16px;

font-weight: 400;

border-bottom: 2px solid transparent;

padding: 0 3px;

margin: 0 3px;

}



.csvshopBoxActive {

text-align: center;

width: 16px;

font-weight: 700;

border-bottom: 2px solid;

padding: 0 3px;

margin: 0 3px;

}



.zoom_csvshopTeaserImage {

  transition: transform .2s; /* Animation */

}


.zoom_csvshopTeaserImage:hover {

  transform: scale(1.25); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */

}



.zoom_csvshopItemImage {

  transition: transform .2s; /* Animation */

}


.zoom_csvshopItemImage:hover {

  transform: scale(1.25); /* (450% zoom - Note: if the zoom is too large, it will go outside of the viewport) */

}




@media (max-width: 870px) {

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

div.csvshopItemNoImage {width: auto!important; max-width: 100%; margin: 9px 0;}

.csvshopItemFromDatafile {padding: 12px 0 6px 0;}

.csvshopItemAvail {padding: 0 0 12px 0;}

div.csvshopItemAddToCart {margin: 10px 0;}

div.csvshopTeaser {width: 270px; height: 400px;}


}


@media (max-width: 570px) {

div.csvshop_area {margin: auto;}


}