div#shopContent{width:650px;}
img{margin:0; padding:0;}
*{font-family:arial, verdana, sans-serif; font-size:12px;}


/***** Formatierung Seitenüberschrift *****/
table.shopPageHeadline{border:1px solid #ccc; border-bottom:0; width:100%; padding:0; margin:0;}
table.shopPageHeadline td{color:#666; font-weight:bold; vertical-align:middle; font-size:13px;padding:0 0 0 15px; line-height:23px;}
table.shopPageHeadline td.shopPageHeadlineCrumbs{vertical-align:middle; text-align:right; line-height:23px; font-weight:normal;}
table.shopPageHeadline td.shopPageHeadlineCrumbs table{float:right; margin:0 10px 0 0;}
table.shopPageHeadline td.shopPageHeadlineCrumbs td.finished{color:#669900; padding:0; margin:0;}
table.shopPageHeadline td.shopPageHeadlineCrumbs td.iconFinished{padding:0 3px 0 6px; margin:0;}
table.shopPageHeadline td.shopPageHeadlineCrumbs td.iconFinished div{width:9px; height:9px; border:1px solid #669900;}
table.shopPageHeadline td.shopPageHeadlineCrumbs td.iconFinished div div{width:5px; height:5px; background:#669900; margin:1px;}
table.shopPageHeadline td.shopPageHeadlineCrumbs td.pending{color:#ccc; padding:0; margin:0;}
table.shopPageHeadline td.shopPageHeadlineCrumbs td.iconPending{padding:0 3px 0 6px; margin:0;}
table.shopPageHeadline td.shopPageHeadlineCrumbs td.iconPending div{width:9px; height:9px; border:1px solid #ccc;}
table.shopPageHeadline td.shopPageHeadlineCrumbs td.iconPending div div{width:5px; height:5px; background:#ccc; margin:1px;}

/***** Formatierung Grüne Überschriften *****/
table.shopBlockHeadline{border-left:1px solid #ccc; border-right:1px solid #ccc; background:#669900; color:#fff; width:100%; padding:0; margin:0; line-height:24px;}
table.shopBlockHeadline td{vertical-align:top; text-align:left; font-weight:bold; line-height:24px; padding:0 0 0 15px;}
table.shopBlockHeadline td span.normalFontWeight{font-weight:normal;}
td.shopBlockHeadlineFirst{width:430px;}
td.shopBlockHeadlineArticleImage{width:138px;}
td.shopBlockHeadlineArticleDescription{}
td.shopBlockHeadlineArticleDetails{width:190px;}

/***** Formatierung Graue Überschriften *****/
table.shopBlockHeadline2{border-left:1px solid #ccc; border-right:1px solid #ccc; background:#999; color:#fff; width:100%; padding:0; margin:0; line-height:24px;}
table.shopBlockHeadline2 td{vertical-align:top; text-align:left; font-weight:bold; line-height:24px; padding:0 0 0 15px;}
table.shopBlockHeadline2 td span.normalFontWeight{font-weight:normal;}


/*************************************************************************************************************/
/***** AB HIER "1.WARENKORB" ***/
/*************************************************************************************************************/

/***** Formatierung Block einzelnes Produkt *****/
table.shopBasketArticle{border:1px solid #ccc; width:100%; padding:0; margin:0;}
table.shopBasketArticle td{padding:0; margin:0;}
table.shopBasketArticle td{vertical-align:top; text-align:left;}
td.shopBasketArticleImage{width:81px;}
td.shopBasketArticleImage img{border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
td.shopBasketArticleDescription{width:365px;}
td.shopBasketArticleDescription h3{margin:10px 0 0 8px; padding:0;}
td.shopBasketArticleDescription h4{margin:0 0 0 8px; padding:0;}
td.shopBasketArticleDescription p.details{margin:0 0 0 8px; padding:0;}
td.shopBasketArticleDescription p.details strong{font-weight:bold;}
td.shopBasketArticleDescription p.price{margin:20px 0 0 8px; padding:0;}
td.shopBasketArticleDescription p.price strong{font-weight:bold; color:#669900;}
td.shopBasketArticleDescription p.itemNumber{margin:0 0 0 8px; padding:0;}
td.shopBasketArticleValue{width:199px; background:#efefef; margin:0; padding:0;}
td.shopBasketArticleValue p.priceVatIncl{margin:10px 10px 0 0; padding:0; text-align:right;}
td.shopBasketArticleValue p.priceVatIncl strong{color:#669900; font-weight:bold;}
td.shopBasketArticleValue p.priceVatExcl{margin:0 10px 0 0; padding:0; text-align:right;}
td.shopBasketArticleValue p.priceVatExcl strong{color:#669900; font-weight:normal;}
td.shopBasketArticleValue p.availability{margin:5px 10px 0 0; padding:0; text-align:right; font-weight:bold;}
td.shopBasketButtonEdit{background:#ccc; line-height:24px;}
td.shopBasketButtonEdit a{padding:0 0 0 3px; display:block; text-decoration:none; color:#666;}
td.shopBasketButtonEdit a strong{padding:0 0 0 23px; background:url(button_triangle_grey.gif) no-repeat 13px center;}
td.shopBasketButtonDelete{background:#ccc; line-height:24px;}
td.shopBasketButtonDelete a{padding:0 14px 0 0; display:block; text-decoration:none; color:#666; text-align:right;}
td.shopBasketButtonDelete a strong{padding:0 0 0 10px; background:url(button_triangle_grey.gif) no-repeat left center;}

/***** Formatierung Summierung der Warenwerte *****/
table.shopBasketArticleSummary{width:100%; padding:0; margin:10px 0 0 0;}
table.shopBasketArticleSummary td.empty{padding:0; margin:0; border:0; vertical-align:top; text-align:left; width:250px;}
td.shopBasketArticleSummaryGrey{color:#666; width:200px; text-align:right; line-height:20px; border-bottom:1px solid #ccc;}
td.shopBasketArticleSummaryGreen{color:#669900; width:200px; text-align:right; line-height:20px;  border-bottom:1px solid #ccc;}
td.shopBasketArticleSummaryGreen strong{font-weight:bold;}
td.shopBasketArticleSummaryBlack{color:#000; width:200px; text-align:right; line-height:20px; border-bottom:1px solid #ccc;}
td.shopBasketArticleSummaryBlack strong{font-weight:bold}  
td.shopBasketButtonContinue{background:#999; width:199px; line-height:24px; border-right:1px solid #fff; border-top:15px solid #fff;}
td.shopBasketButtonContinue a{display:block; background:url(shopping_cart.gif) no-repeat 174px center; text-decoration:none; color:#fff;}
td.shopBasketButtonContinue a strong{padding:0 0 0 23px; background:url(button_triangle_white.gif) no-repeat 13px center;}
td.shopBasketButtonCheckout{background:#669900; width:200px; line-height:24px; border-top:15px solid #fff;}
td.shopBasketButtonCheckout a{display:block; background:url(shopping_cart.gif) no-repeat 174px center; text-decoration:none; color:#fff;}
td.shopBasketButtonCheckout a strong{padding:0 0 0 23px; background:url(button_triangle_white.gif) no-repeat 13px center;}


/*************************************************************************************************************/
/***** AB HIER "2.Kundendaten" ***/
/*************************************************************************************************************/

/***** Formatierung Formulartabelle *****/
table.shopFormTable{border:1px solid #ccc; width:100%; padding:15px 0; margin:0 0 15px 0;}
table.shopFormTable span.required{color:#669900; font-size:16px;}
td.shopFormLabel{width:80px; padding:0 5px 0 15px;}
td.shopFormInput{padding:5px 0;}
td.shopFormInputRadio{padding:5px 5px 5px 15px; margin:0; font-weight:bold; vertical-align:middle;}
td.shopFormInputRadio input{padding:0 3px 0 0 ; margin:0 3px 0 0; vertical-align:text-top;}
td.shopFormInput input.oneOfTen{width:29px; margin:0 3px 0 0; padding:0;}
td.shopFormInput input.twoOfTen{width:44px; margin:0 3px 0 0; padding:0;}
td.shopFormInput input.threeOfTen{width:59px; margin:0 3px 0 0; padding:0;}
td.shopFormInput input.fourOfTen{width:74px; margin:0 3px 0 0; padding:0;}
td.shopFormInput input.fiveOfTen{width:89px; margin:0 3px 0 0; padding:0;}
td.shopFormInput input.sixOfTen{width:104px; margin:0 3px 0 0; padding:0;}
td.shopFormInput input.sevenOfTen{width:119px; margin:0 3px 0 0; padding:0;}
td.shopFormInput input.eightOfTen{width:134px; margin:0 3px 0 0; padding:0;}
td.shopFormInput input.nineOfTen{width:149px; margin:0 3px 0 0; padding:0;}
td.shopFormInput input.tenOfTen{width:185px; margin:0 3px 0 0; padding:0;}
td.shopFormInput input.birthdayDay{width:20px; margin:0 3px 0 0; padding:0;}
td.shopFormInput input.birthdayMonth{width:20px; margin:0 3px 0 0; padding:0;}
td.shopFormInput input.birthdayYear{width:40px; margin:0 3px 0 0; padding:0;}
td.shopFormLegendRequired{vertical-align:bottom; padding:5px;}

table.shopControllerTable{width:100%; margin:0 0 25px 0;}
table.shopControllerTable span.required{color:#669900; font-size:16px;}
table.shopControllerTable td{line-height:24px; padding:0 0 0 5px;}
table.shopControllerTable a{float:right; display:block; background:#669900; width:200px; text-decoration:none; color:#fff;}
table.shopControllerTable a strong{padding:0 0 0 23px; background:url(button_triangle_white.gif) no-repeat 13px center;}

table.shopSummaryTable{border:1px solid #ccc; width:100%; padding:15px 0 0 0; margin:0 0 15px 0;}
table.shopSummaryTable span.required{color:#669900; font-size:16px;}
td.shopSummaryLabel{width:80px; padding:0 5px 0 15px;}
td.shopSummaryInput{width:217px; padding:5px 0; font-weight:bold;}
td.shopSummaryController a{float:right; display:block; background:#ccc; width:200px; text-decoration:none; color:#666; line-height:24px; text-align:right;}
td.shopSummaryController a strong{padding:0 20px 0 10px; background:url(button_triangle_grey.gif) no-repeat 0 center;}
td.shopSummaryHeadline{font-weight:bold; padding:0 5px 20px 15px;}


table.shopSummaryArticle{border:1px solid #ccc; width:100%; padding:0 0 10px 0; margin:0 0 5px 0;}
table.shopSummaryArticle td{padding:0; margin:0;}
table.shopSummaryArticle td{vertical-align:top; text-align:left;}
td.shopSummaryArticleImage{width:81px;}
td.shopSummaryArticleDescription{width:365px;}
td.shopSummaryArticleDescription h3{margin:10px 0 0 8px; padding:0;}
td.shopSummaryArticleDescription h4{margin:0 0 0 8px; padding:0;}
td.shopSummaryArticleDescription p.details{margin:0 0 0 8px; padding:0;}
td.shopSummaryArticleDescription p.details strong{font-weight:bold;}
td.shopSummaryArticleDescription p.price{margin:20px 0 0 8px; padding:0;}
td.shopSummaryArticleDescription p.price strong{font-weight:bold;}
td.shopSummaryArticleDescription p.itemNumber{margin:0 0 0 8px; padding:0;}
td.shopSummaryArticleValue{width:199px; margin:0; padding:0;}
td.shopSummaryArticleValue p.priceVatIncl{margin:10px 10px 0 0; padding:0; text-align:right;}
td.shopSummaryArticleValue p.priceVatIncl strong{font-weight:bold;}
td.shopSummaryArticleValue p.priceVatExcl{margin:0 10px 0 0; padding:0; text-align:right;}
td.shopSummaryArticleValue p.priceVatExcl strong{font-weight:normal;}
td.shopSummaryArticleValue p.availability{margin:5px 10px 0 0; padding:0; text-align:right; font-weight:bold;}

table.shopSummaryControllerTable{width:100%; margin:10px 0 15px 0;}
table.shopSummaryControllerTable td{line-height:24px; padding:0 0 0 5px;}
table.shopSummaryControllerTable a{float:right; display:block; background:#ccc; width:200px; text-decoration:none; color:#666; text-align:right;}
table.shopSummaryControllerTable a strong{padding:0 20px 0 10px; background:url(button_triangle_grey.gif) no-repeat 0 center;}

table.shopSummaryArticleSummary{width:100%;}
td.shopSummaryArticleSummaryGrey{color:#666; width:200px; text-align:right; line-height:20px; border-bottom:1px solid #ccc;}
td.shopSummaryArticleSummaryBlack{color:#000; width:200px; text-align:right; line-height:20px; border-bottom:1px solid #ccc;}
td.shopSummaryArticleSummaryBlack strong{font-weight:bold}  
td.shopSummaryButtonCheckout{background:#669900; width:200px; line-height:24px; border-top:15px solid #fff;}
td.shopSummaryButtonCheckout a{display:block; background:url(shopping_cart.gif) no-repeat 174px center; text-decoration:none; color:#fff;}
td.shopSummaryButtonCheckout a strong{padding:0 0 0 23px; background:url(button_triangle_white.gif) no-repeat 13px center;}
td.shopSummaryButtonCheckoutLegend{padding-right:10px; text-align:right; font-weight:bold; line-height:24px; border-top:15px solid #fff; color:#666;}

table.shopAfterBuyTable{border:1px solid #ccc; width:100%; padding:0; margin:0 0 5px 0;}
table.shopAfterBuyTable td{padding:15px;}
table.shopAfterBuyTable td.shopController{padding:0;}

td.shopController a{float:right; display:block;  background:#669900 url(shopping_cart.gif) no-repeat 174px center; width:200px; text-decoration:none; color:#fff; line-height:24px;}
td.shopController a strong{padding:0 0 0 23px; background:url(button_triangle_white.gif) no-repeat 13px center;}


table.shopList1Article{border:1px solid #ccc; width:100%; padding:0; margin:0 0 5px 0;}
table.shopList1Article td{padding:0; margin:0;}
table.shopList1Article td{vertical-align:top; text-align:left;}
td.shopList1ArticleImage{width:160px;}
td.shopList1ArticleImage img{border:1px solid #ccc; border-left:0; border-top:0;}
td.shopList1ArticleImage p.zoom{padding-left:10px;}
td.shopList1ArticleImage p.zoom strong{font-weight:bold; font-size:16px; color:#669900;}
td.shopList1ArticleDescription{}
td.shopList1ArticleDescription h3{margin:10px 0 0 8px; padding:0;}
td.shopList1ArticleDescription h4{margin:0 0 0 8px; padding:0;}
td.shopList1ArticleDescription p.details{margin:0 0 0 8px; padding:0;}
td.shopList1ArticleDescription p.details strong{font-weight:bold;}
td.shopList1ArticleDescription p.price{margin:20px 0 0 8px; padding:0;}
td.shopList1ArticleDescription p.price strong{font-weight:bold; color:#669900;}
td.shopList1ArticleDescription p.itemNumber{margin:0 0 0 8px; padding:0;}
td.shopList1ArticleDescription p.descriptionText{margin:20px 0 0 8px; padding:0;}
td.shopList1ArticleDetails{width:200px; background:#efefef; margin:0; padding:0;}
td.shopList1ArticleDetails table{width:180px; margin:10px 10px 0 10px; padding:0;}
td.shopList1ArticleDetails table td{padding:0 0 10px 0;}
td.shopList1ArticleDetails table input{width:30px; margin-left:5px;}
td.shopList1ArticleDetails table select{min-width:50px; margin-left:5px;}
td.shopList1ArticleDetails table strong{font-weight:bold; color:#669900;}
td.shopList1ArticleDetails table td.alignRight{text-align:right;}
td.shopList1ArticleDetails table td.shopLabel{width:45px;}
td.shopList1ArticleDetails table td.shopPrice{padding-top:20px; text-align:right; vertical-align:top;}
td.shopList1ArticleDetails table td.shopPrice p{float:left; margin:0; padding:0;}

div.shopList2 {width:680px; padding-top:22px;}
div.shopList2 div.article{width:200px; padding:0; text-align:center; float:left; margin:0 23px 0 0;}
div.shopList2 div.article table{width:156px; height:156px; border:1px solid #ccc; margin:0; padding:22px;}
div.shopList2 div.article table td.articleImage{width:156px; height:156px; text-align:center; vertical-align:middle;}
div.shopList2 div.article table img{border:0;}
div.shopList2 div.article p {width:200px; text-align:center;}
div.shopList2 div.article p a{display:block; text-decoration:none; color:#000; font-weight:bold; width:200px; text-align:center;}
div.shopList2 br.clear{clear:both;}


table.shopList3{width:100%; border:1px solid #ccc; margin-top:10px;}
td.shoplist3ArticleDescription{vertical-align:top;}
td.shoplist3ArticleDescription *{margin:0 0 0 8px; padding:0;}
td.shoplist3ArticleDescription h3{margin:10px 0 0 8px; padding:0;}
td.shoplist3ArticleDescription h4{margin:0 0 0 8px; padding:0;}
td.shoplist3ArticleDescription p{margin:0 0 0 8px; padding:0;}
td.shopList3ArticleImage{width:81px;}
td.shopList3ArticleImage img{border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
td.shopList3ArticleValue{width:199px; background:#efefef; margin:0; padding:0;}
td.shopList3ArticleValue p.priceVatIncl{margin:10px 10px 0 0; padding:0; text-align:right;}
td.shopList3ArticleValue p.priceVatIncl strong{color:#669900; font-weight:bold;}
td.shopList3ArticleValue p.priceVatExcl{margin:0 10px 0 0; padding:0; text-align:right;}
td.shopList3ArticleValue p.priceVatExcl strong{color:#669900; font-weight:normal;}
td.shopList3ArticleValue p.availability{margin:5px 10px 0 0; padding:0; text-align:right; font-weight:bold;}