/* - - - - - - - - - - - - - - - - - - - -
  M A S T E R - S T Y L E S
- - - - - - - - - - - - - - - - - - - - */

/*Definition des Bodys*/
BODY
{
    MARGIN-TOP: 15px;
    MARGIN-LEFT: 15px;
    COLOR: #333333;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #FFFFFF;
    BACKGROUND-ATTACHMENT: fixed;
    BACKGROUND-IMAGE: url();
    BACKGROUND-REPEAT: no-repeat
}


/*Definition der Tags*/
TD,DIV,TABLE,P {color: #333333; font-size: 11px; font-family: Verdana}
HR {color: #999999;height: 1; border-style: solid;}
H1 {color: #000000; font-size: 14px; font-family: Arial; font-weight: bold; font-style: normal;}
H2 {color: #000000; font-size: 14px; font-family: Arial; font-weight: bold; font-style: normal;}
H3 {color: #000000; font-size: 12px; font-family: Arial; font-weight: bold; font-style: normal;}

/*Definition der Links*/
A:link {text-decoration: none; color:#485569}
A:visited {text-decoration: none; color:#485569}
A:active {text-decoration: none; color:#485569}
A:hover {text-decoration: underline; color:#485569}

/*Definition der Klassen*/
.clsTitlePage {color: #000000; font-size: 14px; font-family: Arial; font-weight: bold; font-style: normal;}
.classButton {border-style: ridge; border-color: #CCCCCC; border-width: 1px; background-color: #CCCCCC;	font-family: Verdana; color: #333333;}
.cls_FrameColor {background-color:#CCCCCC; color:#656666}
.cls_Line {background-color:#999999}
.clsBasket
{
	BORDER-LEFT: #999999 1px solid;    
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	PADDING-LEFT: 6px;
	background-color: #FFFFFF;
	font-weight: normal;
	COLOR: #333333;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana;
}

#frmborder{
	background-color: #FFFFFF;
	border-style:none;
	font-family: Verdana;
	font-size: 11px;
	color: #333333;
	overflow:hidden;
	}
body { background: #fff; margin: 5px 15px 0; }
body#Welcome { background: #fff; margin: 5px 15px 0; }
body#frameHeader { background: #FCC300; margin: 0 0 0; overflow: hidden; }
body#frameNavigation { background: #fff url(../theme/images/background/bkgNavVerticalTop.jpg) repeat-x 0 0; margin: 20px 0 0; overflow: hidden; }
body#smallBasket { background: #FFF9E5; margin: 0 0 0; overflow: hidden; }
body#iframeBasket { background: #FFF9E5; }
body#frameFooter { background: #FCC300; margin: 0 0 0; overflow: hidden; margin-left: 20px; margin-right: 20px; }

body#frameNavShadow { margin: 0; padding: 0; }
body#frameNavShadow { background: url(../theme/images/background/shadowLeft.jpg) no-repeat 0 0; overflow: hidden; }
body#frameDivider   { background: #ccc; margin: 0 0 0; }
body#frameContentShadow { margin: 0; padding: 0; }
body#frameContentShadow div#conShadow { margin: 0 0 0; padding: 0 0 0; width: 100%; height: 30px; line-height: 30px; background: url(../theme/images/background/shadowContentTop.jpg) repeat-x 0 0; overflow: hidden; }

body#frameShadowLeft { background: url(../theme/images/background/shadowLeft.jpg) repeat-y 100% 0; overflow: hidden; }
body#frameShadowRight { background: url(../theme/images/background/shadowRight.jpg) repeat-y 0 0; overflow: hidden; }


/* - - - - - - - - - - - - - - - - - - - -
  H E A D E R (Kopf-Frame)
- - - - - - - - - - - - - - - - - - - - */
#headNav table#headNavTable       { z-index: 3; position: absolute; top: 121px; left: 185px; width: 100%; }
#headNav td#headNavTableRow01     { z-index: 4; height: 30px; white-space: nowrap; }
#headBar                          { z-index: 2; position: absolute; top: 121px; left: 0; width: 985px; height: 30px; background: url(../theme/images/background/bkgNavHorizontal.jpg) repeat-x 0 0; }

#headLogo     { z-index: 2; position: absolute; top: 0; left: 0; width: 985px; height: 120px; background: url(../theme/images/background/header.jpg) no-repeat 0 0; }
#logo { z-index: 0; position: absolute; top: 5px; left: 835px; }
#logo a	{ display: block; width: 100px; height: 100px; outline: none; }

#headSearch { z-index: 4; position: absolute; top: 126; left: 685px; height: 30px; white-space: nowrap; color: #fff; font-weight: bold; font-size: 10px; }
#headSearch table#headSearchTable { margin:0; padding:0; white-space: nowrap; vertical-align: middle; font-weight: bold; font-size: 12px; color: #3F1B00; }

/* Formatierung Sprachen
-----------------------------------------------------------------*/
div#headLanguage { z-index: 4; position: absolute; top: 128; left: 20px; width: 200px; height: 20px; white-space: nowrap; color: #fff; font-weight: bold; font-size: 10px; }
div#headLanguage a { margin:0; padding:0 10px; color: #fff; font-weight: bolder; font-size: 10px; line-height: 19px; text-decoration: none; outline: 0; }
div#headLanguage a.active,
div#headLanguage a:hover { color: #3F1B00; text-decoration: underline; }


/* Formatierung Rubriken (z.B. Home, Kontakt, Partner-Login, ...)
-----------------------------------------------------------------*/
ul#nav-primaryA             { margin: 0; padding: 0; list-style: none; }
ul#nav-primaryA li          { float: left; margin: 0; padding: 0; }
ul#nav-primaryA li a        { display: block; height: 30px; padding: 10px 15px 3px 15px; white-space: nowrap; background: url(../theme/images/background/navHorizontalDivider.gif) no-repeat 100% 2px; font-weight: bold; font-size: 12px; color: #3F1B00; text-align: center; text-decoration: none; outline: 0; }
* html ul#nav-primaryA li a { width: 10px; } /* IE hack */

ul#nav-primaryA li.over,
ul#nav-primaryA li.active   { background: url(../theme/images/background/navHorizontalActive.jpg) repeat-x 0 0; }


/* - - - - - - - - - - - - - - - - - - - -
  S T A R T S E I T E
- - - - - - - - - - - - - - - - - - - - */
#WelcomeDiv { width: 675px; display: block; }
#WelcomeDivLeft { width: 510px; float: left; margin-right: 5px; }
#WelcomeDivRight { width: 160px; float: right; }

.WelcomeTopic { width: 100%; border: none; border-collapse: collapse; margin: 0 0 0; background: #fff url(../theme/images/welcome/illWelcome.jpg) no-repeat 0 0; }
.WelcomeTopicF { width: 100%; border: none; border-collapse: collapse; margin: 0 0 0; background: #fff url(../theme/images/welcome/illWelcomeF.jpg) no-repeat 0 0; }
.WelcomeTopicI { width: 100%; border: none; border-collapse: collapse; margin: 0 0 0; background: #fff url(../theme/images/welcome/illWelcomeI.jpg) no-repeat 0 0; }
.CellWelcomeTopic { height: 221px; padding-left: 15px; color: #fff; }

.TableWelcome { width: 100%; border: 1px solid #FFCC00; border-collapse: collapse; margin: 0 0 10px; }
.CellTitleBar { height: 5px; line-height: 5px; background-color: #FFCC00; }
.CellTitle { padding-left: 5px; font-weight: bold; height: 22px; background: url(../theme/images/background/bkgBarTitle.jpg) repeat-x 0 0; border-bottom: 1px solid #FFCC00; }
.CellContent { padding: 5px; }


#ContentDiv img, #ContentDivSubGroup img, #ContentTableList img { border: 1px solid #485569; }
#ContentDivSubGroup td.WelcomeGroupName { width: 650px; margin-left: 5px; font-weight: bold; height: 21px; background: #fff url(../theme/images/background/bkgWelcomeSubGroupName.jpg) no-repeat 1px 0; }
#ContentDivSubGroup td.SubGroupEmpty { width: 10px; background-color: #fff; }
#ContentDivSubGroup .WelcomeGroupName a { color: #fff; }

/*
.TableWelcome { width: 100%; border: 0; border-collapse: collapse; margin: 0 0 15px; }
.CellTitleBar { height: 5px; line-height: 5px; background-color: #CCCCCC; }
.CellTitle { padding-left: 10px; vertical-align: top; line-height: 30px; font-weight: bold; font-size: 16px; color: #536A7F; height: 48px; background: url(../theme/images/background/bkgTitle.jpg) no-repeat 0 0; }
.CellContent { padding: 5px; }
*/

/* Topic Table */
.topic-table td hr      { display: block; margin: 2px 0; padding: 0; height: 1px; line-height: 1px; border: 0; border-top: 1px; background: transparent url(../theme/images/background/line-h.gif) 0 50% repeat-x; }


/* Promotion Artikel (Textbaustein) */
table.TablePromotion       { border-collapse: collapse; }
table.TablePromotion td    { padding: 0 0 5px; }
table.TablePromotion td h4 { margin: -18px 0 0; background: url(../theme/images/background/navHeadRowDivider.gif) 0px 100% repeat-x; font: bold 13px/20px Arial, Helvetica, sans-serif; }

hr		{ margin: 7px 0; padding: 0; border: 0 none; border-top: 1px solid #999; height: 1px; }
* html hr	{ margin: 0; background: transparent url(../theme/images/background/navHeadRowDivider.gif) 0 50% repeat-x; } /* for IE */


/* - - - - - - - - - - - - - - - - - - - -
  W A R E N K O R B (UNTEN)
- - - - - - - - - - - - - - - - - - - - */
div#smallBasket { height: 23px; line-height: 23px; background: url(../theme/images/background/bkgBarMember.jpg) no-repeat 0 0; }
div#smallBasket a { margin-left: 15px; color: #333; font-weight: bold; }
div#smallBasketContent { margin-top: -5px; }


/* - - - - - - - - - - - - - - - - - - - -
  S E A R C H  F I E L D
- - - - - - - - - - - - - - - - - - - - */
#searchBlock { margin-left: 6px; color: #313F4F; font: bold 12px/16px Arial, Helvetica, sans-serif; }
#searchBlock .inputSearchField	      { width: 115px; height: 20px; vertical-align: middle; border: 1px solid #999; background: #fff; color: #333; font: 11px/17px Arial, Helvetica, sans-serif; }
* html #searchBlock .inputSearchField { padding: 2px 3px; } /* IE hack */
#searchBlock img                      { vertical-align: middle; }
#searchTable table {  }


/* - - - - - - - - - - - - - - - - - - - -
  N A V I G A T I O N (LINKS)
- - - - - - - - - - - - - - - - - - - - */
#navlist { width: 100%; margin: 15px 0; border-collapse: collapse; }

/* lists */
ul#nav-secondary,
ul#nav-secondary ul { margin: 0; margin-left: 15px; padding: 0; list-style: none; }

/* ul#nav-secondary { margin: 15px 0 0 0; } */
ul#nav-secondary ul { padding: 0 0 0 10px; }

/* nav list-items */
ul#nav-secondary li { border-bottom: 1px solid #ccc; background: #fff; }
ul#nav-secondary li.over,
ul#nav-secondary li.active { background: #fff; }

/* subnav list-items */
ul#nav-secondary ul li,
ul#nav-secondary ul li.over,
ul#nav-secondary ul li.active { border: 0; }

/* nav links */
ul#nav-secondary li a { display: block; padding: 2px 5px 2px 15px; color: #3F1B00; font: bold 12px/16px Arial, Helvetica, sans-serif; text-decoration: none; outline: 0; }
* html ul#nav-secondary li a { height: 1px; } /* for IE */
ul#nav-secondary li.over a,
ul#nav-secondary li.active a { color: #3F1B00; background: #FCC300 url(../theme/images/common/navArrowBlack.gif) 8px 50% no-repeat; }

#boxMember { background: url(../theme/images/background/bkgInputMember.jpg) repeat-x 0 0; }
#boxMember .inputTextField { width: 135px; height: 20px; vertical-align: middle; border: 1px solid #999; background: #fff; color: #333; font: 11px/17px Arial, Helvetica, sans-serif; }
#boxMember td { padding-left: 30px; font-weight: bold; font-size: 10px; color: #3F1B00; }
#boxMember td#boxMemberTitle { height:20px; background: url(../theme/images/background/bkgBarMember.jpg) no-repeat 0 0; font-size: 12px; }
#boxMember td#boxMemberButton { padding-right: 15px; }
.butMemberLogin { padding: 3px 10px; border:0; color: #fff; background: url(../theme/images/common/bkgButton.jpg) repeat-x 0 0; font: bold 10px/15px Verdana, Geneva, Arial, Helvetica, sans-serif; }



/* - - - - - - - - - - - - - - - - - - - -
  C O N T E N T
- - - - - - - - - - - - - - - - - - - - */

/* Liste und Detail Produkte
-----------------------------------------------------------------*/
#ContentDiv { width: 650px; }
#ContentDiv td.CellTitleBar, td.CellTitle { width: 650px; }
#ContentDiv td.ContentLongDescription { width: 100%; }
#ContentDiv h5 { font-size: 12px; line-height: 12px; font-weight: bold; margin-bottom: 0; vertical-align: bottom; border: 0; }
#ContentDiv p { margin-top: 5px; }
/* #ContentDiv img, #ContentDivSubGroup img, #ContentTableList img { border: 1px solid #333; margin-left: 5px; } */

#ContentDivGroup table { width: 650px; }
#ContentDivGroup td.CellTitleGroup { width: 100%; font-size: 14px; font-weight: bold; border-bottom: 1px solid #FFCC00; }

#ContentDivSubGroup td.SubGroupName { width: 650px; padding-left: 5px; font-weight: bold; height: 22px; background-color: #fff; border-bottom: 1px solid #CCCCCC; }
#ContentTableList { width: 650px; }
/*
#ContentTableList td.ListCol01 { width: 110px; background: url(../theme/images/background/navHeadRowDivider.gif) 0px 100% repeat-x; }
#ContentTableList td.ListCol02 { width: 200px; padding-left: 5px; background: url(../theme/images/background/navHeadRowDivider.gif) 0px 100% repeat-x; }
#ContentTableList td.ListColSpace { width: 40px; }
*/

th.col-smallImage,
td.col-smallImage       { width: 150px; padding: 5px; text-align: center; }
th.col-smallImage       { border-top: 1px solid #ccc; }
td.col-smallImage img   { margin: 5px; border: 1px solid #485569; }
td.col-smallImage span  { font-size: 10px; }

th.col-shortDesc,
td.col-shortDesc        { width: 450px; padding: 5px 5px 5px 0; text-align: left; }
th.col-shortDesc        { border-top: 1px solid #ccc; border-bottom: 1px solid #485569; }
td.col-shortDesc p      { margin: 0 0 5px; }
td.col-shortDesc table  { margin: 0 0 5px; }

th.col-price,
td.col-price            { padding: 5px; text-align: right; }
/* th.col-price            { border-top: 1px solid #e9ecf2; border-bottom: 1px solid #628dce; } */


/* Merkmale zu Artikel (Textbaustein)
-----------------------------------------------------------------*/
table.TableAttribute       { border-collapse: collapse; }
table.TableAttribute td    { width: 675px; padding: 0 0 5px; }
table.TableAttribute td h4 { margin: -18px 0 0; background: url(../theme/images/background/navHeadRowDivider.gif) 0px 100% repeat-x; font: bold 13px/20px Arial, Helvetica, sans-serif; }


/* Varianten Tabelle
-----------------------------------------------------------------*/
#TableVariant {  }
#TableVariant td#CellTitleBar { height: 5px; line-height: 5px; background-color: #CCCCCC; }
td.TableVariantLabel { background-color: #EEEEEE; border-bottom: 1px solid #CCCCCC; font-weight: bold; }
tr.TableVariantValue { margin: -18px 0 0; background: url(../theme/images/background/navHeadRowDivider.gif) 0px 100% repeat-x; }


/* Fusszeile (Textbaustein)
-----------------------------------------------------------------*/
#ContentDivFooter { width: 675px; }


a.linkStyle {
	color: #000000;
	text-decoration: none;
}
a.linkStyle:link, a.linkStyle:visited {
	border-bottom: 1px dashed #aab94b;
}
a.linkStyle:hover, a.linkStyle:active {
	border-bottom: 1px solid #aab94b;
}
.notunderline { text-decoration: none}
.pageHeading {
	padding: 2px 10px;
	width: 550px;
	background-color: #aab94b;
	color: #FFFFFF;
}
.catalogueHeading {
	margin: 0 10px;
	border-bottom: 1px solid #aab94b;
	padding: 2px 0;
	width: 540px;
}
.tableHeading {
	background-color: #aab94b;
	color: #ffffff;
}
.contentParagraph {
	padding-left: 10px;
	width: 550px;
}
#list ul {
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
}
#list li {
	margin: 0;
	padding-bottom: 10px;
}
#list a {
	margin-left: 10px;
	padding: 2px 2px 2px 15px;
	background-image:  url(../html/rechteck.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	text-decoration: none;
}
#list a:link span, #list a:visited span{
	border-bottom: 1px dashed #aab94b;
}

#list a:hover span, #list a:active span{
	border-bottom: 1px solid #aab94b;
}
.backLink {
	border-bottom: 1px dashed #aab94b;
}
.thumbnail {
	border: 0px solid #999999;
	margin-left: 5px;
}