@charset "utf-8";

/* Webfont Einbindung: Myriad Regular */

@font-face {
    font-family: 'MyriadWebRegular';
    src: url('../webfonts/myriad-webfont.eot');
    src: url('../webfonts/myriad-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/myriad-webfont.woff') format('woff'),
         url('../webfonts/myriad-webfont.ttf') format('truetype'),
         url('../webfonts/myriad-webfont.svg#MyriadWebRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Typography */
body {
	background-image: url(../images/ground-body.png);
	background-color: #f2f2f2;
	background-repeat: repeat-x;
	font-family: 'MyriadWebRegular', Arial, sans-serif;
	color: #666;
}

a {color: #623024;}
a:hover {color: #f00;}


/* Die Top-Navigation */
#nav ul {
	float:right;
	list-style-type:none;
}
#nav ul li {
	float: left;
}
#nav, #nav ul li a, #footer {
	background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #2c2c2c 51%, #131313 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(51%,#2c2c2c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#2c2c2c 51%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4c4c4c 0%,#2c2c2c 51%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4c4c4c 0%,#2c2c2c 51%,#131313 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4c4c4c 0%,#2c2c2c 51%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */

}
#nav ul li a {
	display: block;
	width:120px;
	text-align:center;
	text-decoration: none;
	margin: 0 1px 0 0;
	padding:3px 0;
	font-size: 0.9em;
	color: #ccc;
}
#nav ul li a:hover, #nav ul li a.current {
	color: #f00;
background: #898989; /* Old browsers */
background: -moz-linear-gradient(top,  #898989 0%, #565656 51%, #3a3a3a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#898989), color-stop(51%,#565656), color-stop(100%,#3a3a3a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #898989 0%,#565656 51%,#3a3a3a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #898989 0%,#565656 51%,#3a3a3a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #898989 0%,#565656 51%,#3a3a3a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #898989 0%,#565656 51%,#3a3a3a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#898989', endColorstr='#3a3a3a',GradientType=0 ); /* IE6-9 */

}

/* Die Sidebar-Navigation */
#Sidebar ul {
	list-style-type:none;
	margin-top:14px;
}
#Sidebar ul li {
	margin: 0;
}
#Sidebar ul li a {
	display: block;
	text-decoration: none;
	margin: 0;
	font-size: 1em;
	line-height:1.6em;
	color: #666;
}
#Sidebar ul li a:hover, #Sidebar ul li a.current {
	color: #7623024;
}
#Sidebar ul.sub {margin:2px 0 0 0; }
#Sidebar ul.sub li ul {margin:0 0 6px 0; }
#Sidebar li li a {
	display: block;
	text-decoration: none;
	margin: 0;
	font-size: 0.8em;
	padding:0 0 0 8px;
	margin-bottom:4px;
	color: #999;
}

/* Der Inhalt */
h1, h2, h3 {
	font-family: Verdana, sans-serif;
	color: #623024;
	margin-top: 12px;
	margin-bottom: 24px;
}
h3 {border-bottom: 1px solid #760000;}
#Content p {
	padding:0 12px 12px 0;
}

	/* Galerie */
	#player {margin:auto;border:1px solid #efefef;}
	#player img {display:none;}
	#player img.show {display:inline;}
	#content {margin: auto;}
	#notenblattGalerie {max-width:600px;}
	/*#notenblattGalerie h1 {max-width:520px;margin:10px auto;font-size:2em;}
	#notenblattGalerie h2 {padding-left:80px;font-size:1.6em;margin-bottom:14px;}*/
	#controlImage {width:26px;height:18px;background: url(../images/control-image-transparent.png) no-repeat;cursor:pointer;position:relative;top:10px;left:523px;}
	#controlImage:hover {width:26px;height:18px;background: url(../images/control-image-transparent_over.png) no-repeat;cursor:pointer;position:relative;top:10px;left:524px;}
	.copy {color:#623024;float:left;margin-top:8px;}
	.clear {clear:both;}

/* Die Fusszeile */
#footer #adresse p, #footer #copy p {
	font-family: 'MyriadWebRegular', Arial, sans-serif;
	color: #ccc;
	font-size: 0.9em;
	line-height:1.4em;
	margin:8px 24px;
}