@charset "ISO-8859-1";

body { 
margin:0px; 
width:843px; 
padding:34px; 
background:#f4f3f0; 
font-family:verdana; 
font-size:14pt; 
color:#000000; 
text-align:justify; 
 }

/* 
#4d3405
#5d3415 
#606040 
#d5cdbf 
#e9e9ef 
--- 
dcd6cb 
c2b6a1 

e9e8e5 
fcf6eb 
ece6db 

 */ 


a:link 
	{ 
color: #69696f; text-decoration:underline; 
	} 
a:active 
	{ 
color: #b4a58b; text-decoration:none; 
	} 
a:visited 
	{ 
color: #59595f; text-decoration:underline; 
	} 
a:hover 
	{ 
color: #a0a080; text-decoration:underline; 
	}

a.nodecolink, 
a.nodeco 
	{ 
text-decoration:none; 
color:#000000; 
cursor:text; 
	} 

a:link.nodecohelp, 
a:active.nodecohelp, 
a:visited.nodecohelp, 
a:hover.nodecohelp 
	{ 
text-decoration:none; 
color:#000000; 
cursor:help; 
	} 

img 	
	{ 
border-style:none; 
	} 

img.videolink, 
img.videolinkgr, 
img.videolinkkl 
	{ 
vertical-align:middle; 
border-style:none; 
	} 

img.videolink, 
img.videolinkgr 
	{ 
width:30px; height:32px; 
	} 

img.videolinkkl 
	{ 
width:15px; height:16px; 
	} 

img.audiolink 
	{ 
width:32px; height:28px; 
vertical-align:middle; 
border-style:none; 
	} 

.border, 
.borderdark, 
.borderline 
	{ 
vertical-align:middle; 
border-style:solid; 
border-width:1px; 
	} 

.border 	
	{ 
border-color:#f9f8f5 #e0e0e0 #e0e0e0 #f9f8f5; 
	} 

.borderdark 
	{ 
border-color:#ffffff #888888 #888888 #ffffff; 
	} 

.borderline 
	{ 
border-color:#f9f8f5 #e0e0e0 #e0e0e0 #f9f8f5; 
	} 

#headkl 
	{ 
width:843px; height:34px; 
border-style:solid; 
border-width:1px; 
border-color:#f9f8f5 #e0e0e0 #e0e0e0 #f9f8f5; 
background:#F5F6FA; 
color:#bbbbbb; 
	} 

#logokl 
	{ 
width:89px; height:34px; 
	} 

#ueberschriftkl 
	{ 
position:relative; top:-4px; left:55px; 
font-size:19pt; 
font-weight:bold; 
text-align:center; 
letter-spacing:13px; 
display:inline; 
	} 

#ueberschriftkl a, 
#ueberschriftkl a:link.nodecohelp, 
#ueberschriftkl a:active.nodecohelp, 
#ueberschriftkl a:visited.nodecohelp, 
#ueberschriftkl a:hover.nodecohelp 
	{ 
text-decoration:none; 
color:#bbbbbb; 
cursor:help; 
	} 

#ueberschriftkl span 
	{ 
font-size:7pt; 
letter-spacing:0px; 
vertical-align:middle; 
font-weight:normal; 
color:#bbbbbb; 
	} 

#uebsklmusiker 
	{ 
font-size:7pt; 
letter-spacing:0px; 
color:#bbbbbb; 
	} 


h1, 
h2, 
h3, 
h4 
	{ 
font-variant:small-caps; 
text-align:center; 
	} 

h1 
	{ 
font-size:1.7em; 
color:#d0d0d0; 
letter-spacing:7px; 
	} 

h1 a:link.nodecohelp, 
h1 a:visited.nodecohelp, 
h1 a:hover.nodecohelp, 
h1 a:active.nodecohelp 
	{ 
color:#d0d0d0; 
	} 

h2 
	{ 
font-size:1.5em; 
letter-spacing:5px; 
color:#898989; 
	} 

h2 a:link.nodecohelp, 
h2 a:visited.nodecohelp, 
h2 a:hover.nodecohelp, 
h2 a:active.nodecohelp 
	{ 
color:#898989; 
	} 

h3 
	{ 
font-size:1.2em; 
color:#343434; 
letter-spacing:2px; 
	} 

h3 a:link.nodecohelp, 
h3 a:visited.nodecohelp, 
h3 a:hover.nodecohelp, 
h3 a:active.nodecohelp 
	{ 
color:#343434; 
	} 

.center 
	{  
text-align:center; 
	}

.hrsmall 
	{  
margin-left:17%; 
width:38%;  
	}

.markred 
	{ 
background:#FFD6D4; 

	} 

/* 
background-height:19px; 
Die Eigenschaft background-height existiert nicht

red H3 S62 B38 dunkel #612825
red H3 S7 B89 hell #E3D4D3
*/

.markblue 
	{ 
background:#D4DFFF; 
	} 

/*
blue H225 S62 B38 dunkel #253461 
blue H225 S7 B89 hell #D3D7E3
*/

.markgreen 
	{ 
background:#E1FFB5; 
	} 

.markyello 
	{ 
background:#F2E8C9; 
	} 

.markgrey 
	{ 
background:#e8e8e8; 
	} 

.markred, 
.markblue, 
.markgreen, 
.markyello, 
.markgrey 
	{ 
padding:0px 3px 0px 3px; 
	} 

/*
violet H268 S62 B38 dunkel #412561 
violet H268 S7 B89 hell #DAD3E3
*/

div.unterthema 
	{  
border-style:solid; 
border-width:1px; 
border-color:#ffffff #c0c0c0 #c0c0c0 #ffffff; 
text-align:center; 
font-weight:bold; 
background:#eaeaea; 
color:#333333; 
float:left; 
position:relative; left:-8px; top:-5px; 
margin-right:13px; 
padding:17px; 
	}

div.letterscale 
	{  
border-style:solid; 
border-width:1px; 
border-color:#ffffff #c0c0c0 #c0c0c0 #ffffff; 
text-align:center; 
background:#ffffff; 
color:#000000; 
display:inline; 
padding:2px 3px 2px 11px; 
	}

div.letterchord 
	{  
border-style:solid; 
border-width:1px; 
border-color:#ffffff #c0c0c0 #c0c0c0 #ffffff; 
text-align:center; 
background:#e8e8e8; 
color:#000000; 
display:inline; 
padding:2px 2px 2px 11px; 
	}

img.lettertone-b 
	{
width:8px; height:28px; 
position:relative; top:5px; left:0px; 
	} 

div.lerntip 
	{  
border-style:solid; 
border-width:1px; 
border-color:#ffffff #c0c0c0 #c0c0c0 #ffffff; 
text-align:center; 
background:#f0f0e0; 
color:#000033; 
float:left; 
margin-right:23px; 
padding:17px; 
font-family:comic sans ms; 
	}

img.hinweisimg 
	{
width:20px; height:20px; 
vertical-align:middle; 
	} 

div.assoziationdrum 
	{  
border-style:solid; 
border-width:1px; 
border-color:#ffffff #c0c0c0 #c0c0c0 #ffffff; 
background:#e8e8e8; 
padding:17px; 
	} 

div.assoziation 
	{  
border-style:solid; 
border-width:1px; 
border-color:#ffffff #c0c0c0 #c0c0c0 #ffffff; 
text-align:center; 
background:#d0d0d0; 
color:#333333; 
float:left; 
margin-right:23px; 
padding:3px 17px 3px 17px; 
font-family:comic sans ms; 
	} 

div.punkt1 
	{  
border-style:solid; 
border-width:1px; 
border-color:#c0c0c0 #888888 #888888 #c0c0c0; 
text-align:center; 
background:#d0d0d0; 
color:#333333; 
float:left; 
margin-right:19px; 
padding:3px; 
font-family:comic sans ms; 
font-weight:bold; 
width:19px; height:19px; 
font-size:0.9em; 
	}

div.beispiel, 
div.beispiel-inline 
	{  
border-style:solid; 
border-width:1px; 
border-color:#ffffff #c0c0c0 #c0c0c0 #ffffff; 
text-align:center; 
background:#efe8e0; 
color:#5f5850; 
padding:3px 7px 3px 7px; 
font-family:comic sans ms; 
	}

div.beispiel 
	{  
float:left; 
margin-right:23px; 
	}

div.beispiel-inline 
	{  
display:inline; 
margin-right:11px; 
	}

.beispiel a:link.nodecohelp, 
.beispiel a:active.nodecohelp, 
.beispiel a:visited.nodecohelp, 
.beispiel a:hover.nodecohelp 
	{ 
text-decoration:none; 
color:#5f5850; 
cursor:help; 
	} 

span.roemisch 
	{
font-family:times new roman; 
font-size:1.2em; 
	} 

table 
	{
border-style:solid; 
border-width:0px 1px 1px 0px; 
border-color:#ffffff #c0c0c0 #c0c0c0 #ffffff; 
background:#ffffff; 
	} 

#headline th 
	{ 
text-align:center; 
background:#eeeeee; 
border-style:solid; 
border-color:#d0d0d0; 
border-width:1px 1px 2px 1px; 
font-size:8pt; 
  	} 

tr.hell th, 
tr.hell td 
	{
background:#e9e8e5; 
	} 

tr.dunkel th, 
tr.dunkel td 
	{
background:#e4e3e0; 
	} 

tr.headline th 
	{
background:#e8e8e8; 
	} 

th 
	{
border-style:solid; 
border-width:0px 1px 1px 0px; 
border-color:#ffffff #c0c0c0 #c0c0c0 #ffffff; 
padding:13px; 
	} 

td 
	{
border-style:solid; 
border-width:0px 1px 1px 0px; 
border-color:#ffffff #c0c0c0 #c0c0c0 #ffffff; 
padding:10px; 
	} 

ul.lefter 
	{
position:relative; top:0px; left:-23px; 
text-align:left; 
	} 


span.cursorhelp 
	{ 
cursor:help; 
text-decoration:underline; 
  	} 

img.fragezeichen 
	{ 
cursor:help; 
width:20px; height:20px; 
vertical-align:middle; 
  	} 

img.hinweis 
	{ 
width:20px; height:20px; 
vertical-align:middle; 
  	} 

#medien  
	{ 
width:700px; 
max-width:700px; 
border-style:solid; 
border-width:2px; 
border-color:#888888; 
border-collapse:collapse; 
  	} 

#medien th 
	{ 
border-style:solid; 
border-width:1px; 
border-color:#d0d0d0; 
padding:13px; 
text-align:center; 
  	} 

#medien td 
	{ 
border-style:solid; 
border-width:1px; 
border-color:#d0d0d0; 
padding:13px 20px 13px 25px; 
  	} 

#medien th.vorschau, 
#medien td.vorschau 
	{ 
background:#e0e0e0; 
  	} 

#medien th.descri, 
#medien td.descri 
	{ 
background:#ececec; 
  	} 

#medien th.bemerkungen, 
#medien td.bemerkungen
	{ 
background:#e8e8e8; 
  	} 

.medientd144 td 
	{ 
min-width:144px; 
max-width:144px; 
  	} 

.akksym
	{ 
font-size:17pt; 
font-weight:bold; 
  	} 


.noml
	{ 
width:17px; height:16px; 
  	} 


span.pfeilrechz 
	{ 
font-size:35pt;
float:right; 
  	} 

span.hoch 
	{ 
font-size:0.8em; 
vertical-align:top; 
  	} 


iframe.notentasten, 
iframe.notentasten2reih, 
iframe.notentasten843 
	{ 
position:relative; top:0px; left:0px; 
border-style:solid; 
border-width:1px; 
border-color:#ffffff #c0c0c0 #c0c0c0 #ffffff; 
	} 

iframe.notentasten 
	{ 
width:698px; height:242px; 
	} 

iframe.notentasten843 
	{ 
width:843px; height:242px; 
	} 

iframe.notentasten2reih 
	{ 
width:698px; height:377px; 
	} 

iframe.noten2reih987 
	{ 
width:987px; height:244px; 
position:relative; left:-34px; 
	} 



iframe.akkordbild 
	{ 
width:141px; height:123px; 
position:relative; top:0px; left:0px; 
border-style:solid; 
border-width:1px; 
border-color:#ffffff #c0c0c0 #c0c0c0 #ffffff; 
	} 

iframe.gitgriffbild 
	{ 
width:233px; height:144px; 
border-style:solid; 
border-width:1px; 
border-color:#ffffff #c0c0c0 #c0c0c0 #ffffff; 
	} 


div.audio 
	{ 
width:55px; height:34px; 
border-style:solid; 
border-width:1px; 
border-color:#ffffff #c0c0c0 #c0c0c0 #ffffff; 
text-align:center; 
background:#e8e8e8; 
margin-left:23px; 
padding:4px; 
display:inline; 
	}


.audioimg, 
.audioimgkl 
	{ 
border-style:solid; 
border-width:1px; 
border-color:#ffffff #c0c0c0 #c0c0c0 #ffffff; 
vertical-align:middle; 
display:inline; 
cursor:help; 
	}

.audioimg 
	{ 
width:55px; height:34px; 
	}

.audioimgkl 
	{ 
width:34px; height:21px; 
	}


span.dreieck, 
span.kleinwelle, 
span.grosswelle 
	{ 
vertical-align:middle; 
  	} 

span.dreieck 
	{ 
font-size:11pt;
  	} 

span.kleinwelle 
	{ 
font-size:11pt; 
  	} 

span.grosswelle 
	{ 
font-size:13pt; 
  	} 

span.note 
	{ 
font-size:19pt; 
  	} 


.tonbeispiel 
	{ 
width:89px; height:55px; 
vertical-align:middle; 
  	} 

.tonbeispielkl 
	{ 
width:55px; height:34px; 
vertical-align:middle; 
  	} 

.tonbeispielmini 
	{ 
width:34px; height:21px; 
vertical-align:middle; 
  	} 

div.audiokl 
	{ 
width:47px; height:29px; 
border-style:solid; 
border-width:1px; 
border-color:#ffffff #c0c0c0 #c0c0c0 #ffffff; 
background:#e0e5e3; 
margin:2px; 
padding:3px; 
	}

span.dreieckkl, 
span.kleinwellekl, 
span.grosswellekl 
	{ 
vertical-align:middle; 
  	} 

span.dreieckkl 
	{ 
font-size:7pt;
  	} 

span.kleinwellekl 
	{ 
font-size:9pt; 
  	} 

span.grosswellekl 
	{ 
font-size:11pt; 
  	} 

span.notekl 
	{ 
font-size:13pt; 
  	} 

#unten1 
	{ 
position:absolute; top:610px; left:377px; 
letter-spacing:5px; 
	} 

.centerunten1 
	{  
letter-spacing:7px; 
	}

tt 
	{ 
font-size:11pt; 
letter-spacing:2px; 
  	} 

tt.updatt 
	{ 
margin-left:11px; 
margin-top:11px; 
	} 

tt.updattunten1 
	{ 
font-size:8pt; 
letter-spacing:0px; 
margin-left:11px; 
margin-top:11px; 
	} 

#unten3 
	{ 
position:absolute; top:591px; left:89px; 
letter-spacing:3px; 
	}