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

/*Definition der Tags*/
TD,DIV,TABLE,P { font-size: 12; font-family: Arial; }

/*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: #999999; border-width: 1px; background-color: #CCCCCC;	font-family: Arial; color: #656666; }
.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:0;
	padding:0;
	/* overflow:auto; */
	text-align:center;
	}

html, body {
	height:100%;
	margin:0;
	padding:0;
	}

html {
	margin-bottom:0.01em;
	}

body {
	/* background-color:#122372; */
	}

div#blockMain {
	width: 1165px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-color:#fff;
	border-left:1px solid #122372;
	border-right:1px solid #122372;
	border-bottom:1px solid #122372;
	}


div#Welcome { background:#fff; margin: 5px 15px 0; }
div#frameHeader { width: 1165px; background:#fff; margin:0; padding:0; overflow:hidden; }
div#frameNavigation { float:left; width:210px; height:100%; background-color:#122372; margin: 0 0 0; }
div#smallBasket { background:#fff; margin:0; margin-top:5px; }

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


div#frameContent {
	float:left;
	width:900px;
	margin:0;
	padding:0;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	background-color:#fff;
	/* background: #fff url(../theme/images/background/content_shade.gif) repeat-x 0 0; */
	}
* html div#frameContent {width:788px;}

.ContentGroupTitle {
	width:100%;	
	margin:0;
	padding:0;
	padding-bottom:6px;
	border-bottom:1px solid #CCC;
	}

.ContentGroupTitle h1 {
	margin:0;
	padding:0;
	font-size:1.6em;
	font-weight:bold;
	color:#333;
	}


/* - - - - - - - - - - - - - - - - - - - -
  H E A D E R (Kopf-Frame)
- - - - - - - - - - - - - - - - - - - - */
#headNav table#headNavTable       { width: 100%; }
#headNav td#headNavTableRow01     { height: 38px; white-space: nowrap; background-color:#122372; }
#headLogo     { height:100px; background: url(../theme/images/background/header.jpg) no-repeat 0 0; }
#logo { z-index: 0; position: absolute; margin-top:100px; } /* top: 10px; left: 20px; */

#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 { float:right; margin:0; margin-top:12px; margin-right:6px; padding:0; }
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  { float:left; width:120px; height:38px; white-space:nowrap; background-color:#122372; }

div#headLanguage a { display:block; height:38px; padding-left:15px; padding-right:15px; padding-top:10px; white-space: nowrap; 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; }

.headLanguage { display:block; height:38px; padding-left:15px; padding-right:15px; padding-top:10px; white-space: nowrap; font-weight: bold; font-size: 12px; color: #fc0303; text-align: center; text-decoration: none; outline: 0; }


/* Formatierung Rubriken (z.B. Home, Kontakt, Partner-Login, ...)
-----------------------------------------------------------------*/
ul#nav-primaryA             { margin:0; padding:0; padding-left:245px; padding-top:10px; 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: #009EE0; 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:#fff; }

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: 900px; background: #fff; margin:0; padding:0; white-space:nowrap; }
#TestDiv { width: 480px; display: block; margin:0; padding:0; white-space:nowrap; }
#WelcomeDivLeft { width: 680px; float: left; margin:0; padding:0; margin-right: 5px; }
#WelcomeDivRight { width: 200px; float: right; margin:0; padding:0; }
#WelcomeDivLeft img { margin:0; padding:0; margin-bottom: 15px; }

div#WelcomeDivInit { float:left; width:950px; margin:0; padding:0; padding-top:20px; white-space:nowrap; background-color: #122372; }
div#WelcomeDivInit #WelcomeDivLeft { width: 680px; float:left; margin:0; padding:0; padding-left:30px; margin-right: 5px; background-color: #122372; }
div#WelcomeDivInit #WelcomeDivRight { width: 200px; float:right; margin:0; padding:0; background-color: #122372; }
div#WelcomeDivInit #WelcomeDivRight a { color:#009EE0; }

.TableWelcomeLeft { width: 100%; border:0; border-collapse: collapse; margin: 0 0 10px; }
.TableWelcomeRight { width: 100%; border: 0px 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; }

.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 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; }
#WelcomeContentTable td.SubGroupEmpty { width: 10px; }
#WelcomeContentTable .WelcomeGroupName a { color: #fff; }

/* 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; }
div#smallBasket a { margin-left: 15px; fon-size:12px; color: #009EE0; font-weight: bold; }
div#smallBasketContent { margin-top: -5px; }

#BasketDivBottom { width: 190px; float:left; margin:0; margin-left:10px; padding:0; color:#009EE0; }
* html #BasketDivBottom { margin-left:5px; }
.TableBasketBottom { width: 100%; border: 1px solid #88969F; border-collapse: collapse; margin:0; margin-bottom: 3px; }
.CellTitleBasketBottom { padding-left: 5px; font-weight: bold; color:#009EE0; height: 27px; border:0; border-bottom: 1px solid #88969F; }

.CellContentBasketBottom { padding: 5px; background-color:#122372; }
.CellContentBasketBottom a { display: block; font-weight: bold; color:#009EE0; text-decoration:underline; margin-bottom:5px; }
.CellContentBasketBottom a:hover { font-weight: bold; color:#FFF; text-decoration:none; }


/* - - - - - - - - - - - - - - - - - - - -
  S E A R C H  F I E L D
- - - - - - - - - - - - - - - - - - - - */
#searchBlock { margin:0; padding-left:15px; padding-top:5px; 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: #009EE0; 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; }

#WrapperSubGroup {float:left; width:780px;}
/* #ContentDivSubGroup {width: 560px;} */
#ContentDivGroup table { width:100%; } /* 650px */
#ContentDivGroup td.CellTitleGroup { width: 210px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #FFCC00; }

#ContentDivRight { float:right; width:200px; margin:0; padding:0; }


#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;
}





.TreeMenu {                                                      /* General   */
  font-family     : Verdana, Arial, Helvetica, sans-serif;
  font-size       : 11px;
  color           : #000000;
  display:block;
  /* white-space     : nowrap; */
}

.TreeMenu a {                                                    /* Links     */
  text-decoration: none;
  color: #009EE0;
  font: bold 11px/15px Verdana, Arial, Helvetica, sans-serif;
}

.TreeMenu img {                                                  /* Images    */
  border          : 0px;             
  vertical-align  : middle;
}


*.Node_0, *.Selected_0 {                               /* Indent=0  */
  display: block;
  margin-left: 18px;
  padding: 3px 5px 3px 0px;
  outline: 0;
  list-style: none;
  /* border-top: 1px solid #e2e3d9; */
  border-bottom: 1px solid #fff;
  /* background: transparent url(../theme/images/common/navArrow.gif) 0px 50% no-repeat; */
  font-size       : 11px;
  font-weight     : bold;
  font-style      : normal;
  /* padding-left    : 18px; */
}

*.Node_0:hover, *.Selected_0:hover {
  color           : #fff;
  text-decoration : none; 
  /* background: transparent url(../theme/images/common/navArrow_hover.gif) 0px 50% no-repeat; */
}

.TreeMenu a:visited, .TreeMenu a:link {
	color:#009EE0;
	text-decoration:none;
	}

.TreeMenu a:hover {
	color:#fff;
	text-decoration:none;
	}


*.Item_0:hover {
}

*.Node_1, *.Selected_1, *.Item_1 {                               /* Indent=1  */
  font-size       : 11px;
  font-weight     : bold;
  font-style      : normal;
  margin-left    : 2px;
  padding-left: 8px;
  /* background: transparent url(../theme/images/common/icoGroup.gif) 0px 50% no-repeat; */
}


*.Node_1:hover, *.Selected_1:hover {
  color           : #fff;
  text-decoration : none;
  /* background: transparent url(../theme/images/common/navArrow_hover.gif) 0px 50% no-repeat; */
  /* background: transparent url(../theme/images/common/navArrow_hover.gif) 0px 8px no-repeat; */
  }

*.Item_1:hover { }

*.Node_2, *.Selected_2, *.Item_2 {                               /* Indent>1  */
  font-size       : 11px;
  font-weight     : bold;
  font-style      : normal;
  margin-left    : 15px;
  padding-left    : 7px;
  /* background: transparent url(../theme/images/common/icoGroup.gif) left 50% no-repeat; */
  }

*.Node_2:hover, *.Selected_2:hover {
  color           : #fff;
  text-decoration : none;
  /* background: transparent url(../theme/images/common/navArrow_hover.gif) 0px 50% no-repeat; */
  }

*.Item_2:hover { }

*.Selected_0 li a {
  color:#fff;
  /* color: 99CCCC; background: transparent url(../theme/images/common/navArrow.gif) 0px 8px no-repeat; */
  }

*.Selected_1, *.Selected_2
{ 
/* color: 99CCCC; background: transparent url(../theme/images/common/navArrow.gif) 0px 6px no-repeat; */
}

.TreeMenu ul li ul li {
	font-size       : 11px;
	font-weight     : normal;
	padding-left: 10px;
	/* border-bottom   : 1px solid #fff; */
	display         : block;
	vertical-align  : middle;
	min-height:16px;
	background: transparent url(../theme/images/common/icoGroup.gif) 0 5px no-repeat;
	}

.TreeMenu ul li {
	font-size       : 11px;
	font-weight     : normal;
	padding-left: 10px;
	/* border-bottom   : 1px solid #fff; */
	display         : block;
	vertical-align  : middle;
	min-height:16px;
	background: transparent url(../theme/images/common/icoGroup.gif) 0 5px no-repeat;
	}