div.csvshop_area {
background: #;
max-width: 100%;
font-family: arial, sans-serif;
font-size: 15px;
line-height: 1.3em;
padding: 20px 0;
margin: 16px auto;
}

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: 20px;
margin: -48px 0 48px 0;
}

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;
cursor: pointer;
}

input.csvshopSubmitAdd {
background: #071;
color: #fff;
font-family: arial, sans-serif;
font-size: 14px;
font-weight: 700;
border: 2px solid #071!important;
border-radius: 3px;
padding: 3px 6px 3px 6px;
margin: 9px 0 0 0;
cursor: pointer;
}

input.csvshopSubmitAdd:hover {
background: #091;
border: 2px solid #091!important;
}

.csvshopWarning {
background: #910; 
color: #fff; 
font-weight: 700; 
text-align: center; 
border-radius: 3px; 
padding: 6px 16px; 
margin: 6px 0;
}



/* teaser */

div.csvshopTeaser h2:hover {color: #f90; text-decoration: none;}

div.csvshopTeaser {
width: 256px;
height: 360px;
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: none;
background: #333;
color: #fff;
font-family: 'times new roman', serif;
font-size: 20px;
font-weight: 400;
line-height: 1.4em;
text-align: center;
letter-spacing: 0;
border-radius: 0;
padding: 6px 12px;
margin: 0;
}

img.csvshopTeaserImage {
display: block;
max-width: 100%; 
margin: 0 auto 9px auto;
}

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 {
max-width: 1130px;
background: #fff;
color: #333;
font-family: arial, sans-serif;
font-size: 15px;
line-height: 1.3em;
border: 1px solid #aaa;
border-radius: 3px;
padding: 9px 16px;
margin: 9px auto 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: 50%; 
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: 48%; 
*/
float: left;
padding: 0;
margin: 8px 4% 8px 0;
}

div.csvshopItemAddToCart {
width: 360px;
max-width: 50%; 
float: left;
padding: 0;
margin: 8px 0 8px 0;
}

div.csvshopContinueShopping {
float: left;
font-weight: 700;
padding: 18px 0 0 0;
}

div.csvshopGotoCart {
float: left;
padding: 0 0 0 16px;
margin: 0;
}

div.csvshopGotoCart a {
display: block; 
float: left;
padding: 10px 0 0 0;
}

div.csvshopGotoCart span {
display: block; 
float: left; 
font-weight: 700;
padding: 8px 0 0 0;
margin: 0;
}

div.csvshopGotoCart img {
display: block; 
float: left; 
margin: 0 0 0 9px;
}

.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 */

.csvshopCart {
max-width: 1000px;
margin: 0 auto 0 0;}

.csvshopCartImage {
max-width: 30%;
max-height: 96px;
float: right;
border: 0px solid #aaa;
border-radius: 5px;
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;
}

.csvshopCartItemFirstline {
font-weight: 700;
}

.csvshopCartTotalPrice {
font-weight: 900;
white-space: nowrap;
}

.csvshopCartNobreak {
white-space: nowrap;
}



/* counter */

.csvshopCounter {
clear: both;
text-align: center; 
font-weight: 700;
padding: 9px 0;
margin: 0;
}



/* page navigation */

div.csvshopPagenav {
clear: both;
display: table;
background: #fff;
text-align: center; 
border: 1px solid #aaa;
border-radius: 30px;
padding: 1px 0 2px 0;
margin: 3px auto;
}

.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;
}



/* BACKEND */

.csvshop_adminArea {
font-family: arial, sans-serif;
}

.csvshop_adminArea h4 {
clear: both;
margin: 36px 0 0 0;
}

div.csvshop_admin_input {
display: table; 
width: 150px;
float: left; 
padding: 6px 0;
margin: 0 11px 9px 0;
}

div.csvshop_admin_input input {
width: 90%;
border: 1px solid #999;
padding: 3px 5px;
}

.csvshop_adminSubmit {
float: left;
background: #060;
color: #fff;
font-weight: 700;
border: 3px solid #fff;
border-radius: 5px;
padding: 4px 8px 5px 8px;
margin: 6px 16px 36px 0;
}

.csvshop_adminSubmit:hover {
background: #c50;
}

.csvshop_adminHint {
color: #900;
font-weight: 400;
}

div.csvshop_items_textarea_container {
padding: 0;
margin: 0 0 9px 0;
width: 300px;
min-width: 100%;
overflow: auto;
}

.csvshop_items_textarea {
width: 2500px;
min-width: 300px; 
height: 320px; 
font-family: courier new, monospace; 
font-size: 14px;
line-height: 1.6em;
padding: 9px;
margin: 0;
}

.csvshop_admin_message_success {
background: #060; 
color: #fff; 
text-align: center; 
font-weight: 700; 
border: 3px solid #fff; 
padding: 12px;
margin: 100px 0 60px 0;
}

.csvshop_admin_message_error {
clear: both;
max-width: 400px;
background: #c00; 
color: #fff; 
font-weight: 400; 
border-radius: 3px;
padding: 6px 9px;
margin: 6px 0;
}



/* Links */

div.csvshop_area a:link {color: #369; text-decoration: none;}
div.csvshop_area a:visited {color: #369; text-decoration: none;}
div.csvshop_area a:hover {color: #c60; text-decoration: none;}
div.csvshop_area a:active {color: #c60; text-decoration: none;}
div.csvshop_area a:focus {color: #c60; text-decoration: none;}

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: none;}
div.csvshopItem a:active {color: #c60; text-decoration: none;}
div.csvshopItem a:focus {color: #c60; text-decoration: none;}

div.csvshopBacklink a:link {color: #146; text-decoration: none;}
div.csvshopBacklink a:visited {color: #146; text-decoration: none;}
div.csvshopBacklink a:hover {color: #c60; text-decoration: none;}
div.csvshopBacklink a:active {color: #c60; text-decoration: none;}
div.csvshopBacklink a:focus {color: #c60; text-decoration: none;}



/* responsive 

@media (max-width: 1800px) {
div.csvshop_area {width: 800px; margin: 0 auto;}
}
*/

@media (max-width: 959px) {
div.csvshop_area {width: 530px; margin: 0 auto;}
}


@media (max-width: 860px) {
img.csvshopItemImage {width: auto; max-width: 100%;}
div.csvshopItemNoImage {width: 240px!important; max-width: 100%; padding: 40px 0; margin: 9px 0;}
div.csvshopItemFromDatafile {width: 100%; max-width: 100%; padding: 12px 0 6px 0;}
div.csvshopItemAddToCart {width: 100%; max-width: 100%;}
.csvshopItemAvail {padding: 0 0 12px 0;}
div.csvshopItemAddToCart {margin: 10px 0;}
}

@media (max-width: 619px) {
div.csvshop_area {width: 264px; margin: 0 auto;}
}