﻿/* amenity 2010 shopsite basics stylesheet */

/* padding and margin reset */
fieldset {
	margin: 0;
	padding:0;
	list-style:none;
	font-style:normal;
	border: none;
}
form {
	margin: 0;
	padding:0;
	list-style:none;
	font-style:normal;
	border: none;
}
th {
	margin: 0;
	padding:0;
	list-style:none;
	font-style:normal;
	border: none;
}
td {
	margin: 0;
	padding:0;
	list-style:none;
	font-style:normal;
	border: none;
}
tr {
	margin: 0;
	padding:0;
	list-style:none;
	font-style:normal;
	border: none;
}
table {
	margin: 0;
	padding:0;
	list-style:none;
	font-style:normal;
	border: none;
}
address {
	margin: 0;
	padding:0;
	list-style:none;
	font-style:normal;
	border: none;
}
blockquote {
	margin: 0;
	padding:0;
	list-style:none;
	font-style:normal;
	border: none;
}
h6 {
	margin: 0;
	padding:0;
	list-style:none;
	font-style:normal;
	border: none;
}
h5 {
	margin: 0;
	padding:0;
	list-style:none;
	font-style:normal;
	border: none;
}
h4 {
	margin: 0;
	padding:0;
	list-style:none;
	font-style:normal;
	border: none;
}
h3 {
	margin: 0;
	padding:0;
	list-style:none;
	font-style:normal;
	border: none;
}
h2 {
	margin: 0;
	padding:0;
	list-style:none;
	font-style:normal;
	border: none;
}
h1 {
	margin: 0;
	padding:0;
	list-style:none;
	font-style:normal;
	border: none;
}
dd {
	margin: 0;
	padding:0;
	list-style:none;
	font-style:normal;
	border: none;
}
dt {
	margin: 0;
	padding:0;
	list-style:none;
	font-style:normal;
	border: none;
}
dl {
	margin: 0;
	padding:0;
	list-style:none;
	font-style:normal;
	border: none;
}
ol {
	margin: 0;
	padding:0;
	list-style:none;
	font-style:normal;
	border: none;
}
li {
	margin: 0;
	padding:0;
	list-style:none;
	font-style:normal;
	border: none;
}
ul {
	margin: 0;
	padding:0;
	list-style:none;
	font-style:normal;
	border: none;
}
p {
	margin: 0;
	padding:0;
	list-style:none;
	font-style:normal;
	border: none;
}
body {
	margin: 0;
	padding:0;
	list-style:none;
	font-style:normal;
	border: none;
}
html {
	margin: 0;
	padding:0;
	list-style:none;
	font-style:normal;
	border: none;
}
img {
	border:none;
}
a {
	text-decoration:none;
	color:#2d2f36;
}
a:hover{
	text-decoration:underline;
}
.clearer {
	height:10px;
	font-size:1px;
	clear:both;
}

/* Basic HTML Elements Setting */
body {
	height:100%;
}
html {
	height:100%;
}
body {
	font-size:0.75em;
	font-family:"Trebuchet MS", Calibri, Tahoma, Arial, sans-serif;
}
h6 {
	font-family:"Trebuchet MS", Calibri, Tahoma, Arial, sans-serif;
	font-weight:bold;
}
h5 {
	font-family:"Trebuchet MS", Calibri, Tahoma, Arial, sans-serif;
	font-weight:bold;
}
h4 {
	font-family:"Trebuchet MS", Calibri, Tahoma, Arial, sans-serif;
	font-weight:bold;
}
h3 {
	font-family:"Trebuchet MS", Calibri, Tahoma, Arial, sans-serif;
	font-weight:bold;
}
h2 {
	font-family:"Trebuchet MS", Calibri, Tahoma, Arial, sans-serif;
	font-weight:bold;
}
h1 {
	font-family:"Trebuchet MS", Calibri, Tahoma, Arial, sans-serif;
	font-weight:bold;
}
h1 {
	font-size:1.825em;
}
h3 {
	font-size:1.5em;
}
h2 {
	font-size:1.5em;
}
h6 {
	font-size:1.1em;
}

h5 {
	font-size:1.1em;
}

h4 {
	font-size:1.1em;
}

/* index.html Basis-Platzierungselemente */
/*SB_Stage ist das Hauptelement zur mittigen Platzierung und umgibt im Template alle anderen Tags*/
#SB_Stage { 
	clear:both;
	width:960px;
	border:none;
	background-color:#FFFFFF;
	margin:0 auto 0 auto;
}
#SB_HeaderGroup {
	clear:both;
	width:100%;
}
/* ------------------------------ */
/* Header_FuntionRow enthält die Links zum Konto zu den AGB, zum Warenkorb etc.*/
/* ------------------------------ */
.SB_HeaderFunctionRow { 
	margin:0 auto 0 auto;
	height:20px;
	font-size:0.85em;
	font-weight:bold;
	background-color:#FFFFFF;
	margin:0;
}
.SB_HeaderFunctionRowItemLeft { 
	float:left;
	margin:5px 20px 0 15px;
	height:15px;
	color:#555555;
}
.SB_HeaderFunctionRowItemLeft a{
	text-decoration:none;	
	color:#555555;
}
.SB_HeaderFunctionRowItemLeft a:hover{
	text-decoration:underline;	
}

.SB_HeaderFunctionRowItemRight { 
	float:right;
	margin:5px 15px 0 20px;
	height:15px;
	color:#555555;
}
.SB_HeaderFunctionRowItemRight a{
	text-decoration:none;	
	color:#555555;
}
.SB_HeaderFunctionRowItemRight a:hover{
	text-decoration:underline;	
}


/* ------------------------------ */
/* Ende Header_FunctionRow */
/* ------------------------------ */

/* ------------------------------ */
/* Header_InfoRow enthält die aktuelle Hintergrundgrafik, die großen textuellen Hinweise und das transparente Logo zum Homepage-Klick*/
/* ------------------------------ */
.SB_HeaderInfoRow { 
	clear:both;
	width:100%;
	height:140px;
	background-image:url('img/global/header/header_bar.jpg');
	margin:0 0 0 0;
}
.SB_HeaderInfoRowBox {
	float:right;
	width:400px;
	height:70px;
	margin:28px 30px 8px 0;
	color:#FFFFFF;
}
.SB_HeaderInfoRowItem {
	height:16px;
	margin:0 0 5px 0;
}
.SB_HeaderInfoRowImage {
	float:left;
	width:250px;
	height:100px;
	margin:0 0 0px 0;
}
/* ------------------------------ */
/* Ende Header_InfoRow */
/* ------------------------------ */

/* ------------------------------ */
/* Header_NavigationRowRow enthält die umgebenden Elemente für die Navigation, die genauen Elemente werden browserabhänngig über weitere Stylesheets definiert*/
/* ------------------------------ */

.SB_HeaderNavigationRow { 
	width:100%;
	height:20px;
	position:relative;
	background-color:#2d2f36;
}
/* ------------------------------ */
/* Ende Header_NavigationRow */
/* ------------------------------ */

/* ------------------------------ */
/* NavTailGroup enthält die BrotkrumenAngabe zum aktuellen Ort innerhalb der Shopstruktur sowie einen weiteren Direktlink zum Warenkorb */
/* ------------------------------ */

.SB_NavTrailGroup { 
	clear:both;
	width:100%;
	height:20px;
	border:none;
	margin:10px 0px 5px 1px;
	padding:0;
}
.SB_NavTrailItem { 
	float:left;
	color:#2d2f36;
	font-size:0.85em;
}
.SB_NavTrailCartImage { 
	float:right;
	margin:0 5px 0 0;
}
.SB_NavTrailCartText{ 
	float:right;
	color:#2d2f36;
	font-size:0.85em;
	margin:0 2px 0px 0;
}
/* ------------------------------ */
/* Ende Header_InfoRow */
/* ------------------------------ */
.SB_CopyrightNote{
	width:960px;
	margin:0 auto 0 auto;
	font-size:0.75em;
	color:#666666;
	text-align:right;
}
.SB_CopyrightNote a{
	color:#666666;
}
.SB_CopyrightNote a:hover{
	color:#666666;
	text-decoration:none;
}
/* ------------------------------ */
/* ContentGroup bildet den Rahmen für alle tatsächlichen Inhalte, sowohl auf der Startseite als auch auf untergeordenten Seiten */
/* ------------------------------ */
.SB_ContentGroup { 
	clear:both;
	width:100%;
	border:none;
	margin:0px 0 130px 0;
	padding:0;
	position:relative;
}
/* ------------------------------ */
/* Ende ContentGroup */
/* ------------------------------ */

/* ------------------------------ */
/* StartpageContent sind die Inhalte, die auf der Startseite angezeigt werden */
/* ------------------------------ */
.SB_StartPageContentLeft{
	float:left;
	width:680px;
	margin:0 30px 0 0;
}
.SB_StartPageContentLeftPromotion {
	clear:both;
	width:100%;	
}
.SB_StartPageContentLeftPromotionImageLeft {
	float:left;
	width:330px;
	margin:20px 10px 20px 0;	
}
.SB_StartPageContentLeftPromotionImageRight {
	float:left;
	width:330px;
	margin:20px 0 20px 10px;	
}
.SB_StartPageContentFullImage {
	float:left;
	width:680px;
	margin:20px 0 20px 10px;	
}

.SB_StartPageContentLeftPromotionText {
	width:100%;
	margin:20px 0 0 0;
	font-size:1em;
	text-align:justify;	
}


.SB_StartPageContentRight{
	float:left;
	width:250px;
	margin:0 0 0 0;
}
.SB_StartPageContentRightItem{
/*	margin:10px 0 30px 0;*/
	padding:10px 0 30px 0;
}
.SB_StartPageContentRightItemTextOnly{
	margin:5px 1px 0px 1px;
	font-size:0.85em;
	text-align:justify;
}
.SB_StartPageContentRightItemImage{
	float:left;
	margin:5px 10px 0px 0px;
	width:90px;
	height:90px;
}
.SB_StartPageContentRightItemText{
	margin:5px 0px 0px 1px;
	font-size:0.85em;
	text-align:justify;
	vertical-align:bottom;
}
/* ------------------------------ */
/* Ende StartpageContent */
/* ------------------------------ */

/* ------------------------------ */
/* FooterGroup enthält alle nicht produkt bezogenen Links zu allen Teilbereichen wie PresseService, AGB etc. */
/* ------------------------------ */
.SB_FooterGroup { 
	clear:both;
	width:100%;
	height:130px;
	border:none;
	margin:0 0 0 0;
	padding:30px 0 20px 0;
}
.SB_FooterItem {
	float:left;
	width:130px;
	margin:0 30px 0 0;
	color:#666666;
}
.SB_FooterItemLink a{
	float:left;
	width:130px;
	margin:3px 0 0 0;
	font-size:0.85em;
	text-decoration:none;
}
.SB_FooterItemLink a:hover{
	text-decoration:underline;
}

.SB_FooterInfoImage{
	float:right;
	width:320px;
	margin:0px 0 0 0;
}
/* ------------------------------ */
/* ENDE FooterGroup  */
/* ------------------------------ */

.SB_VATInfoLine {
	clear:both;
	width:100%;
	color:#666666;
	font-size:0.75em;
	padding:10px 0 10px 0;
}


.SB_SeparatorLine {
	clear:both;
	width:100%;
	height:1px;
	background-color:#2d2f36;
}
.SB_FullWidthButton {
	width:100%;
	text-align:right;
	margin:20px 0 20px 0;
}

/* ------------------------------ */
/*Produkt-Listing-Stylesheet für alle Shopbereiche*/
/* ------------------------------ */
.PL_3ProductsList {
	width:680px;
	margin:0 0px 0 0;
	padding:30px 0 0 0;
}
.PL_5ProductsList {
	clear:both;
	width:100%;
	padding:30px 0 0 0;	
}

/* Die Unterscheidung zwischen den 3er -und 5er items bezieht sich nur auf die Margins, um dort eine ansehnliche Verteilung hinzubekommen*/
.PL_ProductItem3 {
	float:left;
	width: 168px;
	margin:30px 50px 0px 5px;
	border:0;
}
.PL_ProductItem5 {
	float:left;
	width: 168px;
	margin:25px 12px 15px 5px;
	border:0;
}

.PL_ProductItem a:hover {
	text-decoration:underline;
}
.PL_ProductItemImage {
	float:left;
	width:90px;
	height:90px;
	overflow:hidden;
	margin:0 10px 0 0;
}
.PL_ProductItemLink {
	float:left;
	width:68px;
	height:90px;
	font-size:0.85em;
	vertical-align:bottom;
}
/* Und noch eine Unterscheidung - diesmal mit einem 2er-ProductItem für die Suchergebnis-Seite */

.SR_2ProductsList {
	clear:both;
	width:100%;
	padding:30px 0 0 0 ;	
}
.SR_ProductItem {
	float:left;
	width:450px;
	margin:25px 12px 30px 5px;
	border:0;
}
.SR_ProductItemImage {
	float:left;
	width:90px;
	height:90px;
	overflow:hidden;
	margin:0 10px 0 0;
}
.SR_ProductItemName {
	width:100%;
}
.SR_ProductItemText {
	width:100%;
}
.SR_ProductItemPrice {
}
/* ENDE SUCHERGEBNIS*/



/* ------------------------------ */
/* ENDE Produkt-Listing*/
/* ------------------------------ */

/* ------------------------------ */
/* Hauptkategorie-Elemente*/
/* ------------------------------ */
.MC_Group {
	clear:both;
	width:100%
}
.MC_SubcategoryList {
	float:left;
	width:680px;
	margin:0 20px 0 0;
	padding:20px 0 20px 0;
}
.MC_SubcategoryListItem {
	float:left;
	width:150px;
	height:30px;
	margin:0 20px 20px 0;
	font-weight:bold;
}
.MC_SubCategoryListItemImage {
	float:left;
	width:30px;
	height:30px;
	margin:0 10px 0 0;
}
.MC_SubCategoryListItemText {
	float:left;
	width:110px;
	height:30px;
	margin:5px 0 0 0;
	font-size:1em;
	font-weight:normal;
	vertical-align:middle;
}
.MC_CategoryDescriptionText {
	float:left;
	width:260px;
	padding:20px 0 20px 0;
	text-align:justify;
	font-size:1em;
}
/* ------------------------------ */
/* ENDE Hauptkategorie-Elemente*/
/* ------------------------------ */

/* ------------------------------ */
/* Unterkategorie-Elemente*/
/* ------------------------------ */
.SC_Group {
	clear:both;
	width:100%
}
.SC_CategoryDescriptionImage {
	float:left;
	width:150px;
	height:150px;
	margin:20px 30px 0 0;
}

.SC_CategoryDescriptionText {
	float:left;
	width:780px;
	text-align:justify;
	font-size:1em;
	margin:20px 0px 0 0;	
}
/* ------------------------------ */
/* ENDE Unterkategorie-Elemente*/
/* ------------------------------ */

/* ------------------------------ */
/* Produktinformationselemente sind alles was auf einer einzelnen Artikelseite auftaucht*/
/* ------------------------------ */
.PI_ProductInformationGroup {
	clear:both;
	width:100%;
	margin:20px 0 0px 0;
	padding:0 0 30px 0;
}
.PI_ContentLeft {
	float:left;
	width:300px;
	margin:0 30px 0 0;
	text-align:center;
	font-size:0.85em;
	color:#666666;	
}
.PI_ContentLeftMainImage {
	float:left;
	width:300px;
	height:300px;
}
.PI_ContentLeftSubImage {
	float:left;
	width:90px;
	height:90px;
	margin:15px 5px 0 5px;
}
.PI_ContentRight {
	float:left;
	width:630px;
	margin:0;
}
.PI_ContentRightArticleNum {
	width:100%;
	color:#666666;
	font-size:0.85em;
	text-align:right;
}
.PI_ContentRightDescriptionText {
	width:100%;
	font-size:1em;
	text-align:justify;
}
.PI_ContentRightFurtherInformationGroup {
	width:100%;
	margin:30px 0 30px 0;
	
}
.PI_ContentRightFurtherInformationLeft {
	float:left;
	width:350px;
	margin:0 30px 30px 0;
}
.PI_ContentRightFurtherInformationRight {
	float:left;
	width:250px;
	margin:0 0px 30px 0;
	text-align:right;
	
}
/* ------------------------------ */
/* ENDE Produktinformationselemente/
/* ------------------------------ */

/* ------------------------------ */
/* ContentPageGroup - enthält die Strukturierung für alle Elemente, die als Textcontent vorliegen (DB-Content, AGB, etc)*/
/* ------------------------------ */
.SB_ContentPageGroup {
	clear:both;
	width:100%;
	margin:0 0 30px 0;
}
.SB_ContentPageLeft {
	float:left;
	width:630px;
	margin:0 30px 0 0;
}
.SB_ContentPageRight {
	float:left;
	width:300px;
	margin:20px 0 0 0;
}
.SB_ContentPageFull {
	width:100%;
}
.SB_ContentText {
	width:100%;
	margin:20px 0 0 0;
	text-align:justify;
}
.SB_ContentNewsImage{
	width:300px;
	margin:0px 0 0 0;
	font-size:0.75em;
	text-align:center;
	color:#666666;
}
.SB_ContentItem {
	float:left;
	width:450px;
	margin:20px 20px 0 0;	
}
.SB_ContentItemImage {
	float:left;
	width:90px;
	height:90px;
	margin:10px 20px 0 0;
}
.SB_ContentItemText {
	float:left;
	width:340px;
	margin:10px 0 0 0;
	text-align:justify;
	font-size:1em;
}
.SB_SupplierItem {
	float:left;
	width:450px;
	margin:20px 20px 0 0;	
}
.SB_SupplierItemImage {
	float:left;
	width:150px;
	height:100px;
	margin:10px 20px 0 0;
}
.SB_SupplierItemText {
	float:left;
	width:280px;
	margin:10px 0 0 0;
	text-align:justify;
	font-size:1em;
}

/* ------------------------------ */
/* ENDE ContentPageGroup */
/* ------------------------------ */

/* ------------------------------ */
/* ShoppingCart */
/* ------------------------------ */
.SB_ShoppingCartGroup {
	clear:both;
	width:100%;
	margin:20px 0 0 0;
}
.SB_ShoppingCartContentsList {
	float:left;
	width:680px;
	margin:0 30px 0 0;
}
.SB_ShoppingCartInfoBox {
	float:left;
	width:250px;
	margin:0 0 30px 0;
	text-align:justify;
}
.SB_ShoppingCartItem {
	clear:both;
	width:100%;
	margin:10px 0 10px 0;
	vertical-align:middle;
}
.SB_ShoppingCartItemImage {
	float:left;
	width:90px;
	margin:0 10px 0 0;
}
.SB_ShoppingCartItemAmount {
	float:left;
	width:60px;
	margin:0 10px 0 0;
	text-align:center;
}
.SB_ShoppingCartItemDescription {
	float:left;
	width:290px;
	margin:0 10px 0 0;
}
.SB_ShoppingCartItemPrice {
	float:left;
	width:60px;
	margin:0 10px 0 0;
}
.SB_ShoppingCartItemSum {
	float:left;
	width:60px;
	margin:0 10px 0 0;
}
.SB_ShoppingCartItemRemove {
	float:left;
	width:60px;
	margin:0 10px 0 0;
	text-align:center;
}
.SB_ShoppingCartSum {
	clear:both;
	width:680px;
	margin:10px 0 0 0;
	text-align:right;
}
.SB_ShoppingCartButtons {
	clear:both;
	width:100%;
	margin:30px 0 80px 0;
	text-align:right;
}
.SB_ShoppincartButtonLeft {
	float:left;
	width:340px;
	height:30px;
	text-align:left;
}
.SB_ShoppincartButtonRight {
	float:left;
	width:340px;
	height:30px;
	text-align:right;
}

.SB_ShoppingCartRemark {
	clear:both;
	width:100%;
	text-align:justify;
}

/* ------------------------------ */
/* ENDE ShoppingCart */
/* ------------------------------ */

/* ------------------------------ */
/* Checkout */
/* ------------------------------ */
.LI_LoginGroup {
	clear:both;
	width:100%;
}
.LI_LoginItem {
	float:left;
	width:440px;
	margin:30px 40px 30px 0;	
}
.LI_LoginItemImage {
	float:left;
	width:64px;
	height:64px;
	margin:10px 20px 10px 0;
}
.LI_LoginItemText {
	float:left;
	width:346px;
	margin:10px 10px 10px 0;
	text-align:justify;
}
.LI_LoginItemButton {
	float:left;
	width:100%;
	text-align:right;
	margin:10px 0 10px 0;
}
.LI_LoginItemInputItem {
	float:left;
	width:346px;
	margin:10px 0 10px 0;
}
.LI_LoginItemInputItemText {
	float:left;
	width:120px;
	text-align:left;
}
.LI_LoginItemInputItemField {
	float:left;
	width:226px;
	text-align:right;
}
.CO_CheckoutGroup {
	clear:both;
	width:100%;
}
.CO_ShippingItemGroup {
	clear:both;
	width:100%;
	margin:20px 0 20px 0px;
	padding:0 0 10px 0;
}
.CO_ShippingItem {
	float:left;
	width:100%;
	margin:8px 0 8px 0px;
}
.CO_ShippingItemText {
	float:left;
	width:300px;
	margin:20px 30px 0 0;
}
.CO_ShippingLineItem {
	clear:both;
	width:600px;
	margin:10px 0 40px 0;
	background-color:#FFFFCC;
}
.CO_ShippingLineItemOption {
	float:left;
	width:40px;
	margin:0 20px 0 0;
}
.CO_ShippingLineItemDescription {
	float:left;
	width:460px;
	margin:0 20px 0 0;
}
.CO_ShippingLineItemPrice {
	float:left;
	width:40px;
	margin:0 20px 0 0;
}



/* ------------------------------ */
/* EndeCheckout */
/* ------------------------------ */

/* ------------------------------ */
/* Account */
/* ------------------------------ */
.CA_CreateAccountGroup {
	clear:both;
	width:100%;
}
.CA_AccountItemGroup {
	float:left;
	width:440px;
	margin:20px 20px 20px 0px;
}
.CA_AccountItem {
	float:left;
	width:100%;
	height:20px;
	margin:8px 0 8px 0px;
	font-weight:bold;
}
.CA_AccountItemText {
	float:left;
	width:160px;
}
.CA_AccountItemInput {
	float:left;
	width:260px;
}

/* ------------------------------ */
/* ENDE Account */
/* ------------------------------ */

/* ------------------------------ */
/* Sitemap */
/* ------------------------------ */

.SM_SitemapGroup {
	clear:both;
	width:100%;
}
.SM_MainCategoryItem {
	float:left;
	width:150px;
	height:220px;
	margin:0 20px 30px 0;
}
.SM_SubCategoryItem {
	width:280px;
	margin:0 0px 0 0px;
	padding:0 0 0 20px;
}
/* ------------------------------ */
/* ENDE Sitemap */
/* ------------------------------ */


/* ------------------------------ */
/* Search */
/* ------------------------------ */
/* ------------------------------ */
/* ENDE Search */
/* ------------------------------ */

/* LEGACY-FORATIERUNGEN */
#accountproductList {
	width:305px;
	margin: 0 auto 0 auto;
	background-color:#FFFFFF;
	border: 0px solid black;
	text-align:center;
}

#accountBox {
	clear:both;
	width: 100%;
	border: 0 px solid #000000;
	}
#accountHeader h1 {
	width:689px;
	font-size: 20px;
	text-align:left;
	font-weight:bold;
	margin: 10px 0px 0 10px;
	text-transform:none;
}
#accountWelcomeBox {
	width: 440px;
	margin: 0 0 20px 10px;
	float:left;
}
#accountProductBox {
	width: 440px;
	margin: 0 0 20px 10px;
	float:left;
}

#accountSettingsBox {
	width: 440px;
	margin: 0 0 20px 10px;
	float:left;
}
#accountOrdersBox {
	width: 440px;
	margin: 0 0 20px 10px;
	float:left;
}
#accountNewsBox {
	width: 440px;
	margin: 0 0 20px 10px;
	float:left;
}
#accountWelcomeTitle h2 {
	text-align:left;
	font-size: 16px;
	font-weight:bold;
	width: 440px;
	margin: 0 0 15px 0px;
	text-decoration: underline;
	float:left;
}
#accountWelcomeText {
	text-align:left;
	font-size: 12px;
	font-weight:regular;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color:#000000;
	margin: 0 0 20px 0;
}
#accountLoginBox {
	width: 325px;
	height:150px;
	margin: 0 0 20px 10px;
	float:left;
}
#accountLoginFormText {
	width: 85px;
	margin: 5px 0 5px 0px;
	float:left;
}
#accountLoginFormInput {
	width: 200px;
	margin: 5px 0 5px 0px;
	float:left;
}






