@charset "UTF-8";

/** HIDING FOCUSRING */
*:active,
a { outline: none; }

*:focus { -moz-outline-style: none; }
*:-moz-any-link:focus {
 outline: none;
}

body
{
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	background-color: #000;
	background-attachment: fixed;
	overflow-y: scroll;
	background-image: url(bilder/hintergrundverlauf.jpg);
}

body { overflow-y: auto\9 }

#container
{
	width: 900px;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center 207px;
	background-image: url(bilder/bilder.jpg);
	padding: 0px;
	background-color: #000;
	box-shadow: 2px 2px 20x rgb(0,0,0);
	-webkit-box-shadow: 2px 2px 20px rgb(0,0,0);
	-moz-box-shadow: 2px 2px 20px rgb(0,0,0);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#header
{
	background-repeat: no-repeat;
	background-position: center top;
	width:900px;
	text-align: center;
	margin: auto;
	left: 0px;
	background-color: #FFF;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

#header img
{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#navi
{
	background-color: #CC006A;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	/*	background-image: url(bilder/menue-back.jpg);
*/	background-repeat: repeat-x;/*	text-shadow:  1px 1px 2px rgb(100,100,100);
	-webkit-text-shadow: 1px 1px 2px rgb(100,100,100);
	-moz-text-shadow: 1px 1px 2px rgb(100,100,100);*/
}

#navi li
{
	display: inline;
	list-style-type: none;
	font-size: 16px;
}

#navi ul li a
{
	padding-right: 14px;
	padding-left: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
}

#navi ul li a:hover { color: #000; }


#navi ul
{
	margin: 0px;
	padding: 0px;
}

#header h1
{
	padding: 0px; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

#mainContent
{
	padding-top: 325px;
	padding-right: 90px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 14px;
	line-height: 120%;
	text-align: left;
	margin-left: 90px;
	background-attachment: scroll;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center bottom;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right: 30px;
	width: auto;
}

#mainContent p,
#mainContent li
{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 14px;
	line-height: 125%;
	color: #B3B3B3;
	letter-spacing: 0em;
	word-spacing: 0em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#mainContent h2
{
	font-size: 30px;
	color: #ADAD24;
	margin-top: 5px;
	text-align: left;
	margin-bottom: 24px;
	font-weight: normal;
	text-transform: none;
	font-variant: normal;
	font-style: normal;
	line-height: 33px;
}

#mainContent h3
{
	font-size: 22px;
	margin-top: 55px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
	color: #E17BA5;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	line-height: 21px;
}

#footer
{
	background-image: none;
	background-repeat: repeat-x;
	background-position: center bottom;
	clear: both;
	text-align: right;
	font-size: 12px;
	margin: 0px;
	padding: 25px;
}

#footer p
{
	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	color: #FFF;
	line-height: 16px;
}

#mainContent a
{
	color: #FFF;
	text-decoration: underline;
}

#mainContent a:visited { color: #FFF; }

#mainContent a:hover
{
	color: #CC006A;
	text-decoration: underline;
}

td
{
	text-align: left;
	margin-left: 0px;
	padding-right: 30px;
	padding-left: 0px;
}

Table,
tr
{
	text-align: left;
	margin-left: 0px;
	padding-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#mainContent li
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-left: 16px;
	list-style-image: none;
	list-style-type: none;
	background-image: url(bilder/list-eckig.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	font-size: 14px;
}

#header
{
	position: fixed;
	top: 0;
	z-index: 90;
	margin-left: -450px;
	left: 50%;
}

/*IE-Hacks*/

*:first-child + html #header
{
	position: relative;
	text-align: center;
	z-index: 90;
}

* html #header
{
	text-align: center;
	position: relative;
	top: inherit;
	z-index: 90;
	margin-right: auto;
	margin-left: auto;
	left: auto;
}

*:first-child + html #mainContent { padding-top: 110px; }

*:first-child + html #header
{
	z-index: 90;
	margin-right: 0;
	margin-left: 0px;
	left:0;
}

* html #header
{
	text-align: left;
	position: relative;
	top: inherit;
	z-index: 90;
	left: 0px;
}

* html #mainContent { padding-top: 65px; }

* html #container { background-position: center top; }

*:first-child + html #container { background-position: center top; }

* html #sidebar1
{
	text-align: left;
	top: inherit;
	z-index: 80;
	left: 0px;
}

*:first-child + html #sidebar1
{
	text-align: left;
	z-index: 80;
	margin-right: 0;
	margin-left: 0px;
	left:0;
	padding-top: 20px;
}

/*IE-Hacks* Ende */





h4
{
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-style: normal;
	color: #FFF;
	margin-top: 2em;
	text-transform: uppercase;
}

#mainContent img { }

.bildrechts
{
	float: right;
	margin-bottom: 14px;
	margin-left: 14px;
}

#mainContent .bildrechts-ohnerand
{
	float: right;
	margin-bottom: 50px;
	margin-left: 50px;
	border: none;
	margin-top: 0px;
	margin-right: 0px;
}

.clear { clear: both; }

.bildmitte { text-align:center; }

address { padding-left: 18px; }

#sidebar1
{
	float: left;
	width: 100px;
	font-size: 14px;
	margin-right: 15px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 20px;
	position: fixed;
	top: 300px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #C1C1C1;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	left: inherit;
	font-weight: bold;
}

#sidebar1 ul li ul
{
	display:none;
	margin-top: 5px;
	margin-bottom: 5px;
}

#sidebar1 ul li ul a,
#sidebar1 ul li ul a:visited { color:grey; }

#sidebar1 ul li ul a:hover { color:#51af2f; }

#sidebar1 ul li ul li
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#ueber-uns #sidebar1 ul li ul { display:block; }

#partner #sidebar1 ul li ul { display:block; }

#sidebar1 ul li
{
	margin-top:8px;
	list-style-type: none;
	text-align: right;
	padding: 0px;
	margin-left: 0px;
}

#sidebar1 ul
{
	list-style-type: none;
	text-align: right;
	padding: 0px;
	margin-left: 0px;
}

#mainContent blockquote p
{
	font-style: italic;
	color: #83AD88;
	text-align: right;
	font-family: "PALATINO LINOTYPE", PALATINO, Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
}

a,
a:visited
{
	color: #FFF;
	text-decoration: none;
}

a:hover { color:#CC006A; }

#start a[href="index.html"] { color:white; }

#ueber-uns a[href="ueber-uns.html"] { color:black; }

#dozenten a[href="dozenten.html"] { color:black; }

#news a[href="news.html"] { color:black; }

#preise a[href="preise.html"] { color:black; }

#unterricht a[href="unterricht.html"] { color:black; }

#tipps a[href="tipps.html"] { color:black; }

#news a[href="news.html"] { color:black; }

#kontakt a[href="kontakt.html"] { color:black; }



#sidebar1 ul li ul { display:none; }

#ueber-uns #sidebar1 ul li ul.ueber-uns { display:block; }

#ueber-uns #sidebar1 ul li ul.partner { display:none; }

#partner #sidebar1 ul li ul.partner { display:block; }

#partner #sidebar1 ul li ul.ueber-uns { display:none; }

blockquote
{
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

#mainContent #untermenue
{
	float: right;
	background-color: #F6F6F6;
	font-size: 12px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
	padding: 10px;
	margin-bottom: 15px;
	margin-left: 20px;
}

#mainContent #untermenue li
{
	font-size: 14px;
	background-image: none;
}

#mainContent #untermenue ul
{
	list-style-type: none;
	text-align: right;
	padding: 0px;
	list-style-image: none;
	margin: 0px;
}
#container #mainContent .klein a  { color: #B3B3B3; }

#mainContent #untermenue ul li
{
	margin-top:6px;
	list-style-type: none;
	text-align: center;
	padding: 0px;
	margin-left: 0px;
	list-style-image: none;
}

.floatright
{
	float: right;
	margin-bottom: 15px;
	margin-left: 20px;
}


#mainContent .teaser p,
#mainContent p.teaser
{
	font-size: 18px;
	color: #E6E6E6;
}

#footer a,
#footer a:visited
{
	color: #999;
	text-decoration: underline;
}

#footer a:hover { color:#CC006A; }

#mainContent .AccordionPanelContent p { /* [disabled]font-size:14px;
*/ }

.keyboard
{
	background-image:url(bilder/pict1686-keyboard.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.piano
{
	background-image:url(bilder/img_0024-klavier-.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.Drums
{
	background-image:url(bilder/pict2324-drums.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.E-Guitar
{
	background-image:url(bilder/gitarre.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.AcousticGuitar
{
	background-image:url(bilder/gitarre-pict0534.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.musikalische-frueherziehung
{
	background-image:url(bilder/Peace-309196MKRNCM111137GGCWTZHR.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.Voice
{
	background-image:url(bilder/DSC04807-voice.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.blockfloete
{
	background-image:url(bilder/4379663722_539e3b8965_b-Blockfloete-Theresa-Pewal.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.band50
{
	background-image:url(bilder/apple-records-beatles-9028.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}


.cajon
{
	background-image: url(bilder/cajon-DSC06671.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}


.paedagogen
{
	background-image:url(bilder/j0409064-nylon-gitarre.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

strong
{
	text-transform:uppercase;
	color: #FFF;
}

#mainContent table tr td h3
{
	margin-top: 30px;
	font-size:20px;
}

.mini-navi
{
	background-image: none;
	list-style-image: none;
	list-style-type: none;
	text-align: center;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.mini-navi li
{
	display:inline;
	background-image: none;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.dozent { margin-right:305px; }


.bildlinks {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#mainContent p.klein { font-size: 9px; }