html {
	height: 100.1%;
}

body {
	font: 10pt/145% 'georgia', 'lucida grande', 'trebuchet ms', 'verdana', 'arial', sans-serif;
	color: #222;

	margin: 0px;
	padding: 0px;
	
	background: #343434 url('backstripesDGray2.gif');
}


#systemWorking {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	display: none;
	
	padding: 1px 4px 1px 2px;
	font-size: 0.9em;
	
	color: #f8850a;
}


/*
#switch {
	width: 860px;
	margin: 0px auto -16px auto;
	padding: 0px;
	color: #f4f4f4;
}
*/
#switch {
	position: relative; 
	width: 808px;
/*	float: left; */
	text-align: right;
	margin: 0px;
	padding: 0px;
	color: #f4f4f4;
	
/*	border: 1px solid #ccc; */
}
#switch img, #switch a img {
	float: right;
	margin: 0px;
	padding: 0px;
/*	border: 1px solid #ccc; */
}





#pageheader {
	width: 800px;
	margin: 0px auto 0px auto;
	padding: 0px;
	
/*	border-bottom: 4px solid #09f; */
}

/* 
 *	pianist, komponist, paedagoge
 */
#pageheader span {
	display: block;

	font: 31px/33px 'Georgia', "Times New Roman", serif;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 4px 0px 4px 0px;
	padding: 30px 0 2px 0;
	color: #4f4f4f;
/*	color: #c0e8fa; */
}
/* 
 *	stefan litwin
 */
#pageheader h2 {
	padding: 0;

	float: right;
	margin: 12px 0px;
	font: 64px/44px 'Georgia', "Times New Roman", serif;
	font-weight: normal;
	letter-spacing: -3px;
	color: #efffe0;
}
#pageheader h2 a {
	color: #efffe0;
	text-decoration: none;
}









#breadcrump {
	margin: 0px;
	padding: 0px;
	height: 28px;
	background: #c0e8fa;
	border-bottom: 1px solid #999;
}
#breadcrump h3 {
	width: 860px;
	margin: 0px auto 0px auto;
	
	padding: 4px 0px;
}










#page {
	width: 860px;
	margin: 0px auto 0px auto;
	padding: 0px;
}




a {
	color: #069;	/*	399ebd		00a7d4	06f	0D97CC	 00A0D9 */
	text-decoration: none;
}
a:visited {
	color: #069;		/* 369		49669C */
}
a:active {
	color: #069;
}
a:hover {
	color: #069;		/* 49669C */
	text-decoration: underline;
}

a.dark {
	color: #222;
}



ul li, ul li ul li {
	list-style: none;
	margin: 2px 0px;
}

li.bullet {
	list-style: square;
	margin: 2px 0px;
}











ul#nav {
/*	width: 342px; */
	width: 342px; 
	width: 426px; 
	float: right; 

	margin: 0px;
	padding: 0px;

/*	border: 1px solid #446e00; */
}
ul#nav li {
	margin: 5px 0px;
	padding: 0px;
	font: 1.3em 'lucida grande', 'trebuchet ms', 'verdana', 'arial', sans-serif;
	text-align: right; 

	list-style: none;
	list-style-image: none;

/*	border: 1px solid #446e00; */

	width: 170px;
	float: left;
	
	margin-left: 42px;
}
ul#nav li a {
/*	display: block; */
	
	text-decoration: none;

	color: #efffe0;
}
ul#nav li a:hover { 
/*	color: #446e00; */
	color: #c0e8fa;
}
ul#nav li.active a {
/*	color: #446e00; */
	color: #c0e8fa;
}

ul#nav li span { 
	font-family: 'helvetica neue', 'lucida grande', 'trebuchet ms', 'verdana', 'arial', sans-serif;
	color: #AFDE51; 
}

ul#nav li span {
/*	visibility: hidden; */
	display: none; 
	
	float: right;
	text-align: right;
	padding: 0px 0px 0px 8px;
}









#top {
	height: 178px;
	height: 186px;
	background: url('KlavierProfil2.jpg') no-repeat 0px 0px; 

	margin: 4px 0px 0px 0px;
	padding: 12px 28px;

	border-bottom: 3px solid #c8880a;
}



#top img {
	float: left;
	margin: -12px -28px;
}


#top h3 {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	font: 1.5em 'georgia', 'lucida grande', 'trebuchet ms', 'verdana', 'arial', sans-serif;
	color: #446e00;

	margin-left: 140px;
}
#top h3 span {
	font: 1.5em 'georgia', 'lucida grande', 'trebuchet ms', 'verdana', 'arial', sans-serif;
	color: #efffe0;
}

#top p {
	float: left;
	
/*	width: 412px; */
	
	margin: 4px 0px 0px 0px;
	padding: 0px;
	
	text-align: justify;
	line-height: 130%;
/*	color: #efffe0; */

	width: 272px;
	margin-left: 140px;
	color: #446e00;
}

:lang(de)    { quotes:"\201E" "\201C" "\201A" "\2018"; }
:lang(de-DE) { quotes:"\00BB" "\00AB" "\203A" "\2039"; }
:lang(de-CH) { quotes:"\00AB" "\00BB" "\2039" "\203A"; }
:lang(en)    { quotes:"\201C" "\201D" "\2018" "\2019"; }
:lang(fr)    { quotes:"\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A"; }

q:before { content:open-quote; }
q:after { content:close-quote; }
q q:before { content:open-quote; }
q q:after { content:close-quote; }


address {
	margin: 8px 0px;
}

img {
	border: none;
}




h2.headline {
	font: 32px/34px 'Georgia', "Times New Roman", serif;
	font: 31px/33px 'Georgia', "Times New Roman", serif;
	font-weight: normal;
	letter-spacing: -1px;
	margin: -28px 0 30px 0;
	margin: -28px 0 24px 0;
	padding: 0 0 6px 0;
}
/*
h3 {
	font: 20px/23px Georgia, "Times New Roman", serif;
	font-weight: normal;
	margin: 0 0 15px 0;
	padding: 0px;
	width: 100%;
	display: block;
	float: left;
	clear: both;
}
*/
span.headlineBG {
	display: block;
	font: 100px/70px 'Georgia', "Times New Roman", serif;
	font: 86px/60px 'Georgia', "Times New Roman", serif;
	font: 83px/57px 'Georgia', "Times New Roman", serif;
	letter-spacing: -9px;
	letter-spacing: -7px;
	color: #eaeaea;
		color: #e5e5e5;
	font-weight: normal;
	margin: 8px 0px;
	padding: 0;
}










#contentwrapper {
	margin: 0px;
	padding: 0px 28px 12px 28px;
	
	background: #f3f3f3;

	border-top: 1px solid #963;
	border-bottom: 3px solid #963;
}

#content {
	width: 412px;
	float: left;

/*	border: 1px solid #ccc; */
}

#content h3, #sidebar h3 {
	margin: 8px 0px 0px 0px;
	padding: 0px;
/*	font: italic 1.6em 'georgia', 'lucida grande', 'trebuchet ms', 'verdana', 'arial', sans-serif; */
	font: italic 20px 'georgia', 'lucida grande', 'trebuchet ms', 'verdana', 'arial', sans-serif;
	color: #94c700;
}
#content p, #sidebar p {
	text-align: justify;
	line-height: 145%;
}

#content div.separator, #sidebar div.separator {
	clear: both;

	width: 50%; 
	margin: 22px auto; 
	border-top: 1px solid #f3f3f3;  
}



#sidebar {
	width: 342px;
	float: right;
	
/*	border: 1px solid #ccc; */
}
#sidebar img {
	padding: 16px 0px 0px 0px;
}








/* neu neu neu neu neu */
dl.std {
	margin-bottom: 24px;
}
dl.std dd.spacer {
	margin: 16px 0px;
	border-top: 1px dotted #ddd; 
}
dl.std dt {
	float: left;
	text-align: right;
	width: 52px;
	margin: 0px 12px 0px 0px;
	font-weight: normal; 
	color: #777;
/*	border: 1px solid #ccc; */
}
dl.std dt img {
	float: right;
}
#sidebar dl.std dt img {
	padding: 0px;		/* wegen #sidebar img, die grossen, die haben ein padding */
}
dl.std dd {
	float: left;
	
	color: #222;
	margin: 0px 0px 2px 0px;
/*	border: 1px solid #ccc; */
}
#sidebar dl.std dd {
	width: 264px;
}
#content dl.std dd {
	width: 342px;
}



/*
 *	repertoire
 */
dl.repertoire {
	margin-top: 0px;
}
dl.repertoire dt {
	font-weight: bold;
	margin: 16px 0px 4px 0px;
}
dl.repertoire dt img {
	float: right;
}
dl.repertoire dd {
	margin: 0px 0px 4px 0px;
}






/*
 *	audio
 */
 
dl.audio {
	margin-top: 21px;
}
dl.audio dt {
/*	clear: both; */
	font-weight: bold;
	margin: 0px 0px 4px 0px;
}
dl.audio dt img {
/*	float: right; */
}
/*
dl.audio dd img {
	float: right; 
	padding-left: 8px;
}
*/
dl.audio dt img {
	float: right; 
	padding-left: 8px;
}
dl.audio dd {
	margin: 0px 0px 16px 0px;
}







dl.foto {
	margin-top: 12px; 
}

dl.foto dt {
	width: 182px;
	float: left;

	font-weight: normal;
	font-size: 10px;
	color: #777;

	margin: 0px;
	padding: 4px;

	border: 1px solid #94c700;
}

dl.foto dt.left {
	float: left;
	clear: both;

	margin: 0px 8px 12px 0px;
	padding: 4px 4px 8px 4px;
}
dl.foto dt.right {
	float: right;

	margin: 0px 0px 12px 12px;
	padding: 4px 4px 8px 4px;
}

dl.foto dt img {
	width: 182px;
	margin-bottom: 4px;
}

dl.foto dd {
	float: left;
}






ul.foto {
	margin: 8px 0px 0px 0px;
	padding: 0px;
}
ul.foto li {
	float: left;
	width: 112px;
	border: 1px solid #ccc;
	
	margin: 4px 8px 0px 0px;
	padding: 4px 4px;
}
ul.foto li img {
	width: 112px;
}
ul.foto li span {
	font-size: 10px;
	color: #777;
}








img.fleft {
	float: left;
	padding: 12px 12px 2px 0px;
}
img.fright {
	float: right;
	padding: 12px 0px 2px 12px;
}


















fieldset {
	margin: 12px 0px 8px 0px;
	padding: 4px 8px;
	border: none;
/*	border-left: 3px solid #ddd; */
}

fieldset.error {
	border-left: 3px solid #933;
	font-weight: bold;
}
fieldset.error legend {
	color: #933;
}

fieldset.status {
	border-left: 3px solid #C7E700;
	font-weight: bold;
}
fieldset.status legend {
	color: #C7E700;
}

fieldset.comment {
	border-left: 3px solid #f90;
}

fieldset.tag {
	border-left: 3px solid #c7e700;
}

fieldset legend {
	color: #446e00;
	text-transform: uppercase;
}



/* formatierungs-buttons fuer das textfeld */
fieldset ul.toolbar {
	list-style: none;
	list-style-image: none;
	width: 436px;
	height: 25px;
	border: 1px solid #eee; 
	margin: 0px;
	padding: 0px 0px 0px 8px;
	background: #f5f6eb url('toolbar/toolbar.start.gif') no-repeat 0px 2px; 
}
fieldset ul.toolbar li {
	float: left;
	height: 25px;
	font-size: 0.9em;
}
fieldset ul.toolbar li.separator {
	width: 10px;
	background: #f5f6eb url('toolbar/toolbar.separator.gif') no-repeat 2px 2px; 
}
fieldset ul.toolbar li a img {
	padding: 1px;
	border: 1px solid #f5f6eb;
}
fieldset ul.toolbar li a:hover img {
	background: #d4ebf2;
	border: 1px solid #399ebd;
}

fieldset #toolbarInfo {
	width: 436px;
	margin-top: 2px;
	padding: 2px 4px;
	border: 1px solid #f37914;
	background: yellow;
	font-size: 0.9em;
}





input.field, textarea {
/*	float: right; */
	width: 320px;
	margin: 4px 0px;
	padding: 2px 2px;
	font-family: 'lucida grande', 'tahoma', 'verdana', 'arial', sans-serif;
	border: 1px solid #ddd;
	background: #fff url('bgInput.gif') no-repeat -1px -1px; 
}
textarea.mContent {
	height: 152px;
}
input.field:focus, textarea:focus {
	border: 1px solid #446e00;
}
input.btn {
	margin: 4px 0px 0px 12px;
	padding: 0px;
}

















#footer {
	padding: 0px 12px;
/*	background: #343434; */
	color: #4c4c4c;
}
#footer ul {
	margin: 0px 0px 4px 0px;
	padding: 4px 0px;
	list-style: none;
	list-style-image: none;
}
#footer ul li {
	float: left;
	padding: 0px 12px;
	border-right: 1px solid #4c4c4c;
}
#footer ul li a {
	color: #5c5c5c;
}










ul#navi {
/*	width: 342px; */
	margin: 8px 0px;
	padding: 0px;

/*	border: 1px solid #446e00; */
}
ul#navi li {
	margin: 5px 0px;
	padding: 0px;
	font: 1.3em 'lucida grande', 'trebuchet ms', 'verdana', 'arial', sans-serif;
	text-align: left; 

	list-style: none;
	list-style-image: none;

}
ul#navi li a {
/*	display: block; */
	
	text-decoration: none;

	color: #c0e8fa;
	color: #069;	/*	399ebd		00a7d4	06f	0D97CC	 00A0D9 */
}
ul#navi li a:hover { 
/*	color: #446e00; */
	color: #c0e8fa;
}
ul#navi li.active a {
/*	color: #446e00; */
	color: #c0e8fa;
}

ul#navi li span {
	display: none; 
}












div.fright {
	float: right;
}





br.clear {
	clear: both;
}
span.hidden {
	visibility: hidden;
}
.light {
	color: #999;
}

.nowrap {
	white-space: nowrap;
}