/* © <http://www.klavier-noten.com/>, Berlin 2009–2010 */

body { 
	font-family: arial, sans-serif; 
	background-image:url("http://www.klavier-noten.com/aktuelles/4.jpg");
	background-repeat: repeat-x; 
	}

a, a:link { 
	color: #0008bb; 
	text-decoration: underline; 
	}

a:hover { 
	background-color: #0008ff; 
	color: #fff; 
	text-decoration: none; 
	}

/*
a img { 
	padding-bottom: 0; 
	}
*/
/* hilft nicht :-(( */

div#kopf, 
div#fuss { 
	font-size: 0.8em; 
	border: 1px solid #aaaaee; 
	border-radius: 1em; 
	-moz-border-radius: 1em; 
	text-align: center; 
	color: #555; 
	box-shadow: 10px 10px 5px #ccc; 
	-moz-box-shadow: 10px 10px 5px #ccc; 
	/* overflow: hidden; */ /* nur wenn "float: left" für das führende <img> */
	/* opacity: 0.8; */
	background-color: #fff; 
	clear: left; 
	}

div#kopf ul li {
	display: inline; 
	list-style-type: none; 
	margin: 0 1em 0 0; 
	padding: 0; 
	}

div#fuss ul li { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	}

div#kopf img, 
div#fuss img { 
	border: 0; 
	}

div#kopf a, 
div#fuss a { 
	text-decoration: none; 
	}

div#inhalt { 
	width: 58em; 
	overflow: hidden; 
	margin: 24px 0; 
	}

div#sp1 { 
	float: left; 
	width: 15em; 
	margin-right: 1em; 
	
	border-right: 1px dotted #99d; 
	
	font-size: 0.8em; 
	color: #555; 
	}

div#haupt { 
	width: 42em; 
	float: left; 
	margin-right: -10em; 
	}

div#haupt { 
	min-width: 50%; 
	line-height: 1.45; 
	}

div#haupt h2 { 
	color: #8888ff; 
	font-family: georgia, times, "times new roman", serif; 
	text-shadow: #999 .035em .035em .05em; 
	font-size: 2em; 
	font-weight: normal; 
	}

div#haupt h2:first-child { 
	margin-top: 0; 
	}

div#haupt h2 + h3 { 
	color: #8888ff; 
	font-family: georgia, times, "times new roman", serif; 
	text-shadow: #999 .035em .035em .05em; 
	font-size: 1.4em; 
	font-weight: normal; 
	margin-top: -0.7em; 
	}

div#sp1 form { 
	margin-bottom: 3em; 
	}

div#haupt p, 
div#haupt li { 
	color: #333; 
	}

ul.navi { 
	background-color: #eef; 
	font-size: 0.8em; 
	list-style-type: none; 
	margin: 0 0 1em 0; 
	padding: 2px 5px; 
	}

ul.navi li { 
	margin: 0 0.75em 0 0; 
	padding: 0; 
	display: inline; 
	}

p.update { 
	font-size: 0.8em; 
	font-style: italic; 
	}
	
span.update { 
	color: #777; 
	font-size: 0.8em; 
	font-weight: bold; 
	}

div#sp1 hr { 
	border: 0; 
	margin: 0.75em 0 1em 0; 
	border-bottom: 1px dotted #99d; 
	}

div#sp1 hr + iframe {
	margin-top: 1.5em; 
	}

div#werbung {
	float: right; 
	text-align: right; 
	}