/* Loginbox */
.login 				{ position: relative }
.loginHeadline	{ color: #fff; font-size: 18px; padding: 7px 0 0 10px }
.loginName		{ color: #fff; padding: 13px 0 0 10px }
.loginfield			{ width: 123px; background-color: #E5EFF8; border: 1px solid white; height: 20px; padding: 3px 0 0 3px }
.login a				{ color: #13354B; padding-left: 10px; background-image: url(../images/point.gif); background-position: left 4; background-repeat: no-repeat }
.login a:hover	{ color: #13354B }
#meldung			{ color: #ff0000; width: 290px; height: 30px; padding: 0px 5px; text-align: center; position: relative; top: 0 }
:root #meldung			{ width: 280px }

/* Gruppenansicht */
.shopTopProduct							{ margin-top: 10px; float: left; width: 280px; height: 150px; background-image: url(../images/bg_topproducts.gif); background-position: left top; background-repeat: no-repeat }
.shopTopProduct a						{ color: #fff; font-size: 15px; font-weight: normal }
.shopTopProduct a:hover				{ color: #fff; font-size: 15px; font-weight: normal }
.shopTopProduct .image				 { padding-left: 10px; width: 120px; float: left }
.shopTopProduct .topProductText	 { padding: 10px 8px; position: relative; width: 120px; float: left }
.shopTopProduct .topProductText .title		{  }
.shopTopProduct .topProductText .text		{ width: 130px; margin-top: 5px; color: #fff }
.shopTopProduct .topProductText .button	{ position: absolute; bottom: -10; right: 10 }

.ShopTopProductSep						{ width: 20px; float: left }

/* Ausgabe der Produkte */
.shopProduct									{ float: left; height: 140px }
.shopProduct a								{ color: #47A4DF; font-weight: normal }
.shopProduct a:hover					{ color: #47A4DF; font-weight: normal }
.shopProduct .image						{ float: left; margin-right: 5px }
.shopProduct .ProductText				{ float: left; padding: 0px 3px; position: relative; width: 144px }
.shopProduct .ProductText .title		{  }
.shopProduct .ProductText .text		{ margin-top: 5px; color: #000 }
.shopProduct .ProductText .button	{ margin-top: 10px; margin-left: 60px }

.ShopProductSep							{ margin: 0 12px; height: 140px; background-image: url(../images/product_sep.gif); background-repeat: repeat-y; float: left; width: 8px }
:root .ShopProductSep					{ margin: 0 6px }

.ShopProductSepRow					{ clear: both; margin: 8px 0; width: 580px; background-image: url(../images/product_sep_row.gif); background-repeat: repeat-x }

/* Produktdetailansicht */
.shopDetail									{ width: 580px }
.shopDetail .leftBox						{ float: left; width: 292px }
.shopDetail .seperator					{ margin: 0 20px; float: left; background-image: url(../images/product_sep.gif); background-repeat: repeat-y; height: 250px; width: 8px }
.shopDetail .rightBox						{ float: right; width: 240px; text-align: center }

.ShopPrice										{ margin: 15px 0 10px 64px; clear: both }
.ShopPrice .label							{ float: left; margin-right: 10px }
.ShopPrice .item							{ float: left; font-weight: bold; font-size: 13px }
.ShopPrice .reseller						{ font-weight: normal; text-decoration: line-through }

/* Warenkorb klein */
.warenkorb									{ clear: both }
.warenkorb .einheit						{ font-weight: bold; display: block; text-align: left; margin-left: 64px; margin-bottom: 4px }
.warenkorb .anzahl						{ float: left; text-align: right; margin-left: 64px; margin-right: 5px }
.warenkorb .anzahl select				{ background-color: #E5EFF8; border: 1px solid #48A6DC; width: 50px; }
.warenkorb .add							{ float: left }
.warenkorb .variant						{ margin-left: 64px; margin-bottom: 10px; text-align: left }
:root .warenkorb .variant				{ padding-top: 10px }
.warenkorb .variant select				{ background-color: #E5EFF8; border: 1px solid #48A6DC }
.warenkorb .variant option				{ padding: 0 3px }

.status											{ border-bottom: 1px solid #A6BDCB; margin-bottom: 8px; padding-bottom: 5px }

/* Warenkorb gross */
.warenkorb_gross							{ width: 480px }
.warenkorb_gross .item					{ clear: both; margin: 2px 0}
.warenkorb_gross	.anzahl				{ float: left; margin-right: 4px; width: 70px }
.warenkorb_gross .titel					{ float: left; width: 321px }
.warenkorb_gross .betrag				{ float: left; text-align: right; width: 65px  }
.warenkorb_gross .delete				{ float: right; clear: right; width: 10px; padding-top: 5px }
.warenkorb_gross .amount			{ float: right; padding-right: 20px }

/* Warenkorb gross Buttons */
.warenkorb_navi							{ width: 480px; clear: both; padding-top: 10px }
.warenkorb_navi .left						{ float: left }
.warenkorb_navi .right					{ float: right }
.warenkorb_navi a							{ background-color: #E5EFF8; color: #000; font-weight: normal; display: block; border: 1px solid #48A2E0; padding: 2px 15px }
.warenkorb_navi a:hover				{ color: #000; font-weight: normal }

/* Kassa */
.customer								{ margin-top: 35px }
.shipping								{ margin-top: 10px }
.kassa_navi							{ margin-top: 20px; }
.kassa_navi a						{ background-color: #E5EFF8; color: #000; font-weight: normal; border: 1px solid #48A2E0; padding: 2px 15px; float: right }
.kassa_navi a:hover				{ color: #000; font-weight: normal }

/* Bewertungssystem */
.rating								{ background-color: #EDF4F9; }
.rating .headline					{ background-color: #CBE2F0; color: #47A4DF; font-weight: bold; padding: 5px 8px; border: 1px solid white }
.rating a							{ color: black }
.rating a:hover					{ color: black }
.rating #blockRating			{ display: none }
.rating .left						{ float: left; width: 120px; padding: 0 }
.rating .right						{ float: left; padding: 0 }
.rating div							{ padding: 2px 8px }
.rating textarea, select		{ width: 350px; padding: 0; margin: 0 }
.rating .link						{ margin: 3px 0; border-bottom: 1px solid white; padding: 3px 8px }

.customer_ratings				{ margin-top: 10px; margin-bottom: 5px}
.customer_ratings .content	{ background-color: #CBE2F0; border: 1px solid white; padding: 5px 0; margin-bottom: 10px }
.customer_ratings div		{ padding: 0 8px; margin: 0 }
.customer_ratings .kommentar { clear: both; padding-top: 5px }

/* Block Drop-down*/
.cmsBlock a					  { text-decoration: none; background-image: url("../images/dropdown.gif"); background-repeat: no-repeat; background-position: left center; display: block; padding-top: 13px; padding-left: 10px; width: 292px; height: 50px }
.cmsBlock a:hover		  { text-decoration: none; background-image: url("../images/dropup.gif"); background-repeat: no-repeat; background-position: left center; display: block; padding-top: 13px; padding-left: 10px; width: 292px; height: 50px }
:root .cmsBlock a					   { text-decoration: none; background-image: url("../images/dropdown.gif"); background-repeat: no-repeat; background-position: left center; display: block; padding-top: 13px; padding-left: 10px; width: 292px; height: 37px }
:root .cmsBlock a:hover		   { text-decoration: none; background-image: url("../images/dropup.gif"); background-repeat: no-repeat; background-position: left center; display: block; padding-top: 13px; padding-left: 10px; width: 292px; height: 37px }
.cmsBlockContent			{}