@charset "utf-8";
/* CSS Document */

/* HTML-Tags */
body {
	background-image:url(pics/Notenblatt_Hintergrund_neu.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

a img {
	border:none;
}

a, a:visited {
color:#0000cc;
}

h1 {
	text-align:center;
	margin:auto;
	font-size:35px;
	font-family:"Frankenstein", Calibri, Arial;
	letter-spacing:4px;
	color:#bc0718;
}

/* IDs */
#body {
	margin:auto;
	width:1000px;
	height:auto;
}

#navigation {
	margin-top:68px;
	width:200px;
	height:auto;
}

#menue {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	margin:none;
	letter-spacing:1px;
	line-height:30px;
}

#menue li {
	list-style-type:none;
	height:30px;
}

#menue li a {
	color:#bc0718;
	text-decoration:none;
}

#menue li a:hover, #menue li a.menu-current {
	background-image:url(pics/note_aktiv.png);
	background-repeat:no-repeat;
	background-position:-5px;
	padding-left:25px;
	text-shadow:-4px -4px 5px #FFFFFF, -2px -2px 5px #FFFFFF, 4px 4px 5px #FFFFFF, 2px 2px 5px #FFFFFF;
	filter:glow(color: #FFFFFF, strength: 10); 
}


#content {
	float:right;
	width:790px;
	height:838px;
}

#content_bg {
	background-image:url(pics/Noten_Hintergrund.png); 
	background-repeat:no-repeat;
	position:absolute;
	z-index:1;
	width:740px;
	height:820px;
	margin-left:25px;
	margin-top:-26px;
}

#content_front {
	background-image:url(pics/Noten_Wir-Musikanten.png);
	background-repeat:no-repeat;
	position:absolute;
	z-index:3;
	width:680px;
	height:785px;
	margin-left:55px;
}

#content_text {
	overflow:auto;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	margin:45px;
	height:695px;
}

#copyright, #copyright a {
	color:#bc0718;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin-top:790px;
	padding-bottom:15px;
	text-shadow:-4px -4px 5px #FFFFFF, -2px -2px 5px #FFFFFF, 4px 4px 5px #FFFFFF, 2px 2px 5px #FFFFFF;
	text-decoration:none;
}

#copyright a:hover {
	text-decoration:underline;
}


#facebook {
	margin-top:25px;
	margin-left:40px;
}

#amazon {
	margin-top:10px;
	margin-left:65px;
}
/* Class */

.float_left {
	float: left;
}

.Schriftzug {
	margin-left:65px;
	margin-top:15px;
}

/** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * 
 * CookieNotice.css
 *
 * @category Template
 * @copyright Manuela v.d.Decken <manuela@isteam.de>
 *  @author Manuela v.d.Decken <manuela@isteam.de>
 * @license  http://www.gnu.org/licenses/gpl.html GPL License
 * @version 0.0.1
 * @lastmodified 19.09.2015
 * @since File available since 04.07.2015
 * @description switch off the cookie notice for n days
    (by default after 7 days the cookie will be removed again) 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 format the cookie notice 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#CookieNotice {
    box-sizing: border-box; position: fixed; left: 0; top: 0; right: 0; 
    bottom: 0; padding: 15px; background-color: rgba(120, 120, 120, 0.6); 
    display: none; z-index: 9999;
}
#CookieNoticeBar {
    position: relative; top: 30%; background-color: rgba(244,239,195,0.8); 
    text-align: center; color: #777; font-size: 0.9em; padding: 6px 4px; 
    border-radius: 6px; border: solid 1px red;
}
#CookieNoticeClose {
    float:right; background: #ff0000; color: #ffffff; font-weight: bold; 
    width: 1.525em; cursor: pointer; border-radius: 4px;
}
#CookieNoticeInfo {}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/