/* - - - - - - - - - - - - - - - - - - - -
  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:#485569; }
A:visited { text-decoration: none; color:#485569; }
A:active { text-decoration: none; color:#485569; }
A:hover { text-decoration: underline; color:#485569; }

/*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 { background: #fff; margin: 5px 15px 0; }
body#Welcome { background: #fff; margin: 5px 15px 0; }
body#frameHeader { background: #fff; margin: 0 0 0; overflow: hidden; }
body#frameNavigation { background: #fff; margin: 0 0 0; overflow: auto; }
/* body#frameNavigation { background: #fff url(../theme/images/background/bkgNavVertical.jpg) repeat-y 0 0; margin: 0 0 0; overflow: hidden; } */
body#smallBasket { background:#fff; margin:0; margin-top:5px; overflow: hidden; }
body#iframeBasket { background:#ECEEF4; }
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-x 100% 0; overflow: hidden; }
body#frameShadowRight { background: #fff 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:100px; left:0; width: 100%; }
#headNav td#headNavTableRow01     { z-index: 4; height: 38px; white-space: nowrap; background: url(../theme/images/background/bkgNavHorizontal.jpg) repeat-x 0 0; }
#headBar                          { z-index: 2; position: absolute; top:100px; left: 185px; width: 100%; height: 38px; }

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

#headSearch { z-index: 4; position: absolute; top: 126; left: 685px; height: 38px; white-space: nowrap; color: #105245; 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; }

div#headAddress { z-index:12; position:absolute; width:1024px; top:10px; left:880px; }
div#headAddress table, div#headAddress td, div#headAddress a { color:#fff; font-size: 10px; font-weight: bold; }


/* Formatierung Sprachen
-----------------------------------------------------------------*/
div#headLanguage  { z-index: 4; position: absolute; top:100px; left:0; width:0px; height: 38px; white-space: nowrap; background: url(../theme/images/background/bkgNavHorizontal.jpg); }
div#headLanguage a { display:block; height:38px; padding-left:15px; padding-right:15px; padding-top:10px; white-space: nowrap; background: no-repeat 0 11px; font-weight: bold; font-size: 12px; color: #fc0303; text-align: center; text-decoration: none; outline: 0; }
div#headLanguage a.active,
div#headLanguage a:hover { color: #DEC582; text-decoration: bold; }


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

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


/* - - - - - - - - - - - - - - - - - - - -
  S T A R T S E I T E
- - - - - - - - - - - - - - - - - - - - */
#WelcomeDiv { width: 780px; display: block; margin:0; padding:0; white-space:nowrap; }
#TestDiv { width: 480px; display: block; margin:0; padding:0; white-space:nowrap; }
#WelcomeDivLeft { width: 560px; float: left; margin:0; padding:0; margin-right: 5px; }
#WelcomeDivRight { width: 200px; float: right; margin:0; padding:0; }

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

.TableWelcomeLeft { width: 100%; border:0; border-collapse: collapse; margin: 0 0 10px; }
.TableWelcomeRight { width: 100%; border: 1px solid #88969F; border-collapse: collapse; margin:0; margin-bottom: 3px; }
.TableWelcomeMusikschule { width: 100%; border: 1px solid #88969F; border-collapse: collapse; margin:0; margin-bottom: 3px; }
.TableInfoRight { width: 192px; border: 1px solid #88969F; border-collapse: collapse; margin:0; margin-bottom: 3px; }

/* .CellTitleBar { height: 5px; line-height: 5px; background-color: #FFCC00; } */
.CellTitleLeft { padding-left: 5px; font-weight: bold; color:#105245; height: 25px; vertical-align: middle; background: #DBE5E3; border:0; }
.CellTitleRight { padding-left: 5px; font-weight: bold; color:#3B3B53; height: 27px; background: url(../theme/images/background/bkgBarTitle.jpg) repeat-x 0 0; border:0; border-bottom: 1px solid #88969F; }
.CellTitleMusikschule { padding-left: 5px; font-weight: bold; color:#3B3B53; height: 40px; background: url(../theme/images/background/bkgBarTitleMusikschule.jpg) repeat-x 0 0; border:0; border-bottom: 1px solid #88969F; }


.CellContent { padding: 5px; background: url(../theme/images/background/navRowDividerDotted.gif) repeat-x 0 100%; }
.CellContent ul { margin: 0; margin-left: 0px; padding: 0; list-style: none; }
.CellContent ul li { margin-left: 0; padding-left: 10px; background: url(../theme/images/common/navBoxGreen.gif) no-repeat 0px 0.5em; }
.CellContent a { display: block; font-weight: bold; color:#105245; text-decoration:underline; margin-bottom:5px; }
.CellContent a:hover { font-weight: bold; color:#4BA09D; text-decoration:none; }

.CellContentRight { padding: 5px; }
.CellContentRight a { display: block; font-weight: bold; color:#105245; text-decoration:underline; margin-bottom:5px; }
.CellContentRight a:hover { font-weight: bold; color:#4BA09D; text-decoration:none; }

div#DivWelcomeLeft { float:left; width:210px; min-width:210px; border:0; margin-right:10px; }
div#DivWelcomeLeft .DivTitleLeft { padding:0; padding-top:5px; padding-left:5px; font-weight:bold; color:#105245; height:25px; vertical-align:middle; background: #DBE5E3; border:0; }
/* div#DivWelcomeLeft .DivContent { padding: 5px; } */
div#DivWelcomeLeft .DivContent ul { margin: 0; margin-left: 0px; padding: 0; list-style: none; }
div#DivWelcomeLeft .DivContent ul li { margin-left: 0; padding-left: 10px; background: url(../theme/images/common/navBoxGreen.gif) no-repeat 0px 0.5em; }
div#DivWelcomeLeft .DivContent a { display: block; padding:0; padding-bottom:5px; font-weight: bold; color:#105245; background: url(../theme/images/background/navRowDividerDotted.gif) repeat-x 0 100%; }
* html div#DivWelcomeLeft .DivContent a { height: 1px; } /* for IE */

div#DivWelcomeLeft .DivContent a:hover { font-weight: bold; color:#4BA09D; text-decoration:none; }


#ContentDiv img, #WelcomeContentTable img, #ContentTableList img { border: 0px; }
#WelcomeContentTable {width:560px;}
#WelcomeContentTable td.WelcomeGroupName { width: 180px; margin-left: 5px; font-weight: bold; height: 21px; background: #fff; }
#WelcomeContentTable td.SubGroupEmpty { width: 10px; background-color: #fff; }
#WelcomeContentTable .WelcomeGroupName a { color: #fff; }

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

/*
.TableWelcome { width: 100%; border: 0; border-collapse: collapse; margin: 0 0 15px; }
.CellTitleBar { height: 5px; line-height: 5px; background-color: #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 */


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

#BasketDivBottom { width: 190px; float: right; margin:0; padding:0; }
.TableBasketBottom { width: 100%; border: 1px solid #88969F; border-collapse: collapse; margin:0; margin-bottom: 3px; }
.CellTitleBasketBottom { padding-left: 5px; font-weight: bold; color:#3B3B53; height: 27px; background: url(../theme/images/background/bkgBarTitle.jpg) repeat-x 0 0; border:0; border-bottom: 1px solid #88969F; }

.CellContentBasketBottom { padding: 5px; background:#ECEEF4; }
.CellContentBasketBottom a { display: block; font-weight: bold; color:#105245; text-decoration:underline; margin-bottom:5px; }
.CellContentBasketBottom a:hover { font-weight: bold; color:#4BA09D; text-decoration:none; }


/* - - - - - - - - - - - - - - - - - - - -
  S E A R C H  F I E L D
- - - - - - - - - - - - - - - - - - - - */
#searchBlock { margin:0; padding-left:15px; padding-top:15px; height:63px; color: #313F4F; font: bold 12px/16px Arial, Helvetica, sans-serif; background: url(../theme/images/background/bkgSearch.jpg) no-repeat 0 0; }
#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 { margin-left:15px; margin-top:15px; }


/* - - - - - - - - - - - - - - - - - - - -
  N A V I G A T I O N (LINKS)
- - - - - - - - - - - - - - - - - - - - */
#navlist { width: 183px; margin: 15px 0; margin-left:2px; 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 { background: #fff; border-bottom: 1px solid #ccc; } */
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: #105245; font: bold 12px/16px Arial, Helvetica, sans-serif; text-decoration: none; outline: 0; background: url(../theme/images/background/navRowDividerDotted.gif) repeat-x 0 100%; }
* html ul#nav-secondary li a { height: 1px; } /* for IE */
ul#nav-secondary li.over a,
ul#nav-secondary li.active a { color: #4BA09D; }
/* ul#nav-secondary li.active a { color: #4BA09D; background: #485569 url(../theme/images/common/navArrowWhite.gif) 8px 50% no-repeat; } */



/* - - - - - - - - - - - - - - - - - - - -
  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: 210px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #FFCC00; }

#ContentDivLeft { float: left; margin:0; padding:0; margin-right: 5px; }
#ContentDivSubGroup td.SubGroupName { width: 30%; 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; } */


table.TablePromotion { width: 180px; }


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