/* ------------------------------------------------------------ */
/* © by webtekk . heinz schilling . webdesign . winterthur      */
/*                                                              */
/* datum: 10.11.2008                                            */
/* version: 1.0                                                 */
/* ------------------------------------------------------------ */


/* global tags */
body  { background-color: #e633e6; margin: 0; padding: 0; z-index: 1; width: 100%; height: 100%; border: 0; }
p  { margin: 0; padding: 0; border: 0; }
input  { margin: 0; padding: 0; border: 0; }

/* error */
#frameError { top: 200px; left: 230px; z-index: 11; position: fixed; width: 450px; border: 3px solid #f96; background-color: white; padding: 20px; }
p.errorHeader { color: #FFB989; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 18px; }
p.errorText  { color: #FFB989; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 18px; }

/* layout */
#frameLogo { top: 55px; right: 22px; z-index: 21; position: fixed; text-align: right; }
#frameNaviTop { top: 120px; right: 86px; z-index: 21; position: fixed; text-align: right; }
#frameNaviBottom { bottom: 34px; right: 86px; z-index: 21; position: fixed; text-align: right; }
#frameStripe  { background-color: white; position: fixed; z-index: 21; top: 0; left: 0; width: 110px; height: 100%; border-right: 3px solid #f96; }
#frameAnimImgTop { position: fixed; z-index: 31; top: 208px; left: 89px; }
#frameAnimImgMiddle { position: fixed; z-index: 31; top: 322px; left: 89px; }
#frameAnimImgBottom { position: fixed; z-index: 31; top: 436px; left: 89px; }

#frameProductImgTop { position: fixed; z-index: 31; top: 136px; left: 49px; }
#frameProductImgBottom { position: fixed; z-index: 31; top: 376px; left: 49px; }

/* content */
#frameHome { top: 200px; left: 130px; z-index: 11; position: absolute; width: 450px; }
#frameList { top: 200px; left: 230px; z-index: 11; position: absolute; width: 450px; }
#frameProduct { top: 200px; left: 320px; z-index: 11; position: absolute; width: 360px; }
#frameBasket { top: 200px; left: 230px; z-index: 11; position: absolute; width: 450px; }
#frameText { top: 200px; left: 230px; z-index: 11; position: absolute; width: 450px; }

img.lineList { margin-left: -16px; margin-bottom: 20px; }

p.pageHeader { color: #FFB989; font-size: 16px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 18px; }

p.listHeader { color: #FFB989; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 18px; margin-bottom: 4px; clear: both; }
p.listHeader a { color: #FFB989; text-decoration: none; border-bottom:  #FFB989 1px solid; }
p.listDescription  { color: white; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 18px; margin-bottom: 12px; }
p.listDescription a { color: white; text-decoration: none; border-bottom:  white 1px solid; }

p.listOrder  { float: left; color: white; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 18px; margin-bottom: 30px; }
p.listButton { text-align: right; line-height: 18px; }

p.back { color: white; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 18px; margin-bottom: 30px; clear: both; }
p.back a { color: white; text-decoration: none; border-bottom:  white 1px solid; }

table.home { width: 100%; border: 0; margin-bottom: 30px; line-height: 18px; }
td.homeImg { width: 50%; padding-bottom: 10px; }
td.homeText { padding-bottom: 20px; vertical-align: top; color: white; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; }
td.homeText a { color: white; text-decoration: none; border-bottom: 1px solid white; }

input.quantity { padding: 2px; border: 1px white solid; background-color: #e633e6; color: white; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; }
input.standard { padding: 2px 4px 2px 4px; border: 1px white solid; background-color: #e633e6; color: white; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; }
a.button { padding: 2px 4px 2px 4px; border: 1px white solid; background-color: #e633e6; color: white; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: none; }
/*button.standard { border: 1px white solid; background-color: #e633e6; color: white; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; height: 20px; }
*/
table.basket { line-height: 32px; width: 100%; border: 0; margin-bottom: 30px; }
td.basketHeader { color: white; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; border-bottom: 2px solid #FFB989; }
td.basketContent { color: white; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; }
td.basketContent a { color: white; text-decoration: none; border-bottom: 1px solid white; }
td.alignRight { text-align: right; }
td.basketSum { color: #FFB989; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: bold; border-top: 2px solid #FFB989; border-bottom: 2px solid #FFB989;}

table.order { line-height: 24px; width: 100%; border: 0; margin-bottom: 24px; }
td.orderHeader { color: white; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; border-bottom: 2px solid #FFB989; }
td.orderContent { color: white; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; }
td.orderSubtotal { color: white; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; border-top: 2px solid #FFB989; }
td.orderSum { color: #FFB989; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: bold; border-top: 2px solid #FFB989; border-bottom: 2px solid #FFB989;}

p.ordererHeader { color: #FFB989; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 18px; margin-bottom: 4px; clear: both; }
table.orderer { line-height: 24px; width: 100%; border: 0; margin-bottom: 24px; }
td.ordererContent { color: white; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; }
input.orderer { padding: 2px; border: 1px white solid; background-color: #e633e6; color: white; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; }
textarea.orderer { padding: 2px; border: 1px white solid; background-color: #e633e6; color: white; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; }

p.listSpareparts { color: white; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 18px; margin-bottom: 8px; }
p.listSpareparts a { color: white; text-decoration: none; border-bottom:  white 1px solid; }