/* - - - - - - - - - - - - - - - - - - - -
  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: 12;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #FFFFFF;
    BACKGROUND-ATTACHMENT: fixed;
    BACKGROUND-IMAGE: url();
    BACKGROUND-REPEAT: no-repeat;
	}

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

/*Link Definitionen*/
A:link { text-decoration: none; color:#660000; }
A:visited { text-decoration: none; color:#133958; }
A:active { text-decoration: none; color:#990000; }
A:hover { text-decoration: underline; color:#990000; }

/*Klassen Definitionen*/
.clsTitlePage { color: #000000; font-size: 14; font-family: Arial; font-weight: bold; font-style: normal; }
.classButton { border-style: ridge; border-color: #CCCCCC; border-width: 1px; background-color: #CCCCCC;	font-family: Arial; 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: 12;
	FONT-FAMILY: Arial;
	}

#frmborder{
	background-color: #FFFFFF;
	border-style: none;
	font-family: Arial;
	font-size: 12;
	color: #333333;
	overflow: hidden;
	}
body#Welcome { background: #fff; margin: 6px 5px 0; }
body#frameHeader { background: #fff; margin: 0 0 0; overflow: hidden; }
body#frameNavigation { background: #fff; margin: 0 0 0; overflow: hidden; background: url(../theme/images/background/navShadowTop.gif) repeat-x 0 0; }
body#smallBasket { background: #fff; margin: 0 0 0; overflow: hidden; }

body#frameNavShadow { margin: 0; padding: 0; }
body#frameNavShadow { background: url(../theme/images/background/navShadowRight.gif) repeat-y 0 0; overflow: hidden; }
body#frameContentShadow { margin: 0; padding: 0; }
body#frameContentShadow div#conShadow { margin: 0 0 0; padding: 0 0 0; width: 710px; height: 10px; line-height: 10px; background: url(../theme/images/background/shadowContentTop.jpg) repeat-x 0 0; }


/* - - - - - - - - - - - - - - - - - - - -
  H E A D E R (Kopf-Frame)
- - - - - - - - - - - - - - - - - - - - */
/*z-index: 2; position: absolute; top: 22px; left: 160px; width: 684px;*/
#headNav table#headNavTable { z-index: 2; position: absolute; top: 69px; left: 148px; width: 684px; }

#headNav td#headNavTableRow01 { height: 23px; /* background: url(../theme/images/background/bkgNavHorizontalRow01.jpg) repeat-x 0 0; */ }
#headNav td#headNavTableRow02 { display:none; height: 23px; background: url(../theme/images/background/bkgNavHorizontalRow02.jpg) repeat-x 0 0; }
#headNav td#headNavTableRowDivider { display:none; height: 1px; line-height: 1px; background: transparent url(../theme/images/background/navHeadRowDivider.gif) 0px 100% repeat-x; }

#headNav td#headNavTableShadowTop { height: 4px; line-height: 4px; /* background: transparent url(../theme/images/background/navHeadShadowTop.jpg) 0px 100% repeat-x; */ }
#headNav td#headNavTableShadowBottom { height: 6px; line-height: 6px; /* background: url(../theme/images/background/navHeadShadowBottom.gif) 0px 100% repeat-x; */ }
#headNav td#headNavTableShadowRight { height: 1px; line-height: 1px; widht: 5px; /* background: transparent url(../theme/images/background/navHeadShadowRight.gif) 0px 50% repeat-y; */ }

#headLogo     { z-index: 2; position: absolute; top: 18px; left: 6px; width: 860px; height: 57px; background: url(../theme/images/background/logo2009.gif) no-repeat 0 0; }
#logo { z-index: 0; position: absolute; top: 2px; left: 6px; width: 275px; height: 42px; }
#logo a	{ display: block; width: 275px; height: 42px; outline: none; }

#headBar      { z-index: 1; position: absolute; top: 72px; left: 0; width: 864px; height: 29px; background: url(../theme/images/background/bkgHeadBar.jpg) no-repeat 0 0; }

/* Formatierung Rubriken (z.B. Home, Kontakt, Partner-Login, ...)
-----------------------------------------------------------------*/
ul#nav-primaryA, ul#nav-primaryB { margin: 0; padding: 0; list-style: none; }
ul#nav-primaryA li, ul#nav-primaryB li { float: left; margin: 0; padding: 0; }
ul#nav-primaryA li a, ul#nav-primaryB li a { display: block; padding: 3px 15px 3px 15px; font-weight: bold; font-size: 12px; color: #333; text-align: center; text-decoration: none; white-space: nowrap; outline: 0; }
* html ul#nav-primaryA li a { width: 10px; } /* IE hack */
* html ul#nav-primaryB li a { width: 10px; } /* IE hack */

ul#nav-primaryA li a:hover, ul#nav-primaryB li a:hover { color: #990000; }
ul#nav-primaryA li a.active, ul#nav-primaryB li a.active { color: #990000; }

/* Formatierung Sprachen
-----------------------------------------------------------------*/
td#headNavLanguage { display:none; padding-right: 30px; font-weight: bold; font-size: 11px; color: #333; text-decoration: none; white-space: nowrap; outline: 0; }
td#headNavLanguage a { font-weight: bold; font-size: 11px; color: #333; }

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

.TableWelcome { width: 500px; border: 1px solid #CCCCCC; border-collapse: collapse; margin:0; margin-bottom:10px; padding:0; }
.TableWelcomeRight { width: 160px; border: 1px solid #CCCCCC; border-collapse: collapse; margin:0; margin-bottom:10px; padding:0; }

.CellTitleBar { height: 5px; line-height: 5px; background-color: #CCCCCC; }
.CellTitle { padding-left: 5px; font-weight: bold; height: 22px; background-color: #EEEEEE; border-bottom: 1px solid #CCCCCC; }
.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 */


div#DivWelcomeLeft { float:left; width:248px; min-width:248px; height:150px; min-height:150px; border:0; margin-right:5px; margin-bottom:10px; border: 1px solid #CCCCCC; overflow:hidden; }
div#DivWelcomeLeft .DivTitleLeft { padding-left: 5px; font-weight: bold; color:#105245; height: 25px; vertical-align: middle; background: #DBE5E3; border:0; }
div#DivWelcomeLeft .DivContent { padding: 0; padding-top: 10px; padding-right: 5px; padding-left: 5px; }
div#DivWelcomeLeft .DivContent ul { margin: 0; margin-left: 0px; padding: 0; list-style: disc; }
div#DivWelcomeLeft .DivContent ul li { margin-left: 0; padding-left: 10px; }



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

div#smallBasketContent { margin-top: -10px; }


/* - - - - - - - - - - - - - - - - - - - -
  S E A R C H  F I E L D
- - - - - - - - - - - - - - - - - - - - */
#searchBlock .inputSearchField	      { width: 115px; height: 20px; margin-left: 6px; 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; }


/* - - - - - - - - - - - - - - - - - - - -
  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; 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: #333; font: bold 12px/16px Arial, Helvetica, sans-serif; text-decoration: none; outline: 0; background: url(../theme/images/common/navArrowBlack.gif) 8px 50% no-repeat; }
* html ul#nav-secondary li a { height: 1px; } /* for IE */
ul#nav-secondary li.over a,
ul#nav-secondary li.active a { color: #fff; background: #999 url(../theme/images/common/navArrowWhite.gif) 8px 50% no-repeat; }


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

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

#ContentDivSubGroup td.SubGroupName { width: 200px; padding-left: 5px; font-weight: bold; height: 22px; background-color: #EEEEEE; border-bottom: 1px solid #CCCCCC; }
#ContentDivSubGroup td.SubGroupEmpty { width: 10px; background-color: #fff; }

#ContentTableList { width: 675px; }
#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; }


/* 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;
}