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


/*grundlagen------------------------------------------------*/
html body {font-family: verdana; font-size:12px; color:#555555; font-weight:normal; text-align:left; height:100%; margin:0; padding:0;} /*height:100% brauchts für das fensterfüllende bg-image */
p {padding:0; margin:0;}

/* hauptelemente--------------------------------------------*/

#content {position:relative; z-index:2; margin:0 auto; padding: 20px 30px 0px 30px; width:840px;} /*hauptbehälter, zentrierung */
#nav {padding-bottom:50px; margin-bottom:18px; border-bottom:dotted 2px #555555; text-align:right;}
#nav_index {padding-bottom:50px; margin-bottom:0px; border-bottom:dotted 2px #ffffff; text-align:right;}
#image_content {padding-bottom:20px; margin-top:20px; border-bottom:dotted 2px #555555; text-align:left;}
#text_content {padding-bottom:20px; margin-top:20px; border-bottom:dotted 2px #555555; text-align:left; line-height:20px; padding-right:120px;}
#last_content {padding-bottom:20px; margin-top:20px; border-bottom:dotted 0px #555555; text-align:left; line-height:20px; padding-right:0px; text-align:right;}





/* formatierung---------------------------------------------*/
h1 {font-family: verdana; font-size:12px; font-weight:normal; float:left; margin:0; padding:0;  text-transform:uppercase;}

.index_image {margin-bottom:8px;}
.sound_player {}
.maechler {font-size:8px;}
.top {float:left;}

table.audio td {line-height:1em; height:30px; vertical-align:middle; padding-top:1px; padding-left:5px;}


/* listen--------------------------------------------------*/

/*ul li { margin-left:0; padding-left:0; list-style-type:none; line-height:18px; display:inline;}*/
/*#liste { margin:0px;}*/

ul#navigation {margin: 0; padding: 0; text-align: left; float:left; margin-top:9px;}
ul#navigation li {list-style: none; display: inline; font-size:12px;}

/* farben------------------------------------------------- */

.grau {color:#555555;}
.rot {color:#FF0000;}
.blau {color:#003399;}
.gruen {color:#0a9717;}
.gelb {color:#ffc000;}
.magenta {color:#e2007a;}
.dunkelrot {color:#82122f;}
.orange {color:#f28c00;}
.songbook_09 {color:#a70078;}
.songbook_10 {color:#a7cd72;}
.songbook_11 {color:#9fc6eb;}
.songbook_12 {color:#ff5102;}
.songbook_13 {color:#008f4a;}
.songbook_14 {color:#85ba44;}



/* navigation----------------------------------------------*/

a:link, a:visited, a:active {text-decoration:none;}
a:hover {color:#555555;text-decoration:underline;}

/*a.underline:link, a.underline:visited, a.underline:active {color:#555555; text-decoration:none;}
a.underline:hover {color:#555555;text-decoration:underline;}*/

a.grau:link, a.grau:visited, a.grau:active {text-decoration:none; color:#555555;}
a.grau:hover {text-decoration:underline; color:#555555;}

/*Kennzeichnung aktiver Seiten------------------------------*/

#index #index_menu, #projekt #projekt_menu, #upload #upload_menu, #aktuell #aktuell_menu, #links #links_menu, #kontakt #kontakt_menu, #heft_00 #heft_00_menu {color: #555555; text-decoration:underline; text-transform:none;}
a.main:link, a.main:visited, a.main:hover, a.main:active{font-weight:normal; color:#555555; padding:1px 1px 1px 0px;text-decoration:none;border-bottom:0px solid #ffffff; text-transform:none;}
a.main:hover{text-decoration:underline; text-transform:none;}


/*überblendnavigation in index------------------------------*/

	  
    /* Style-Reset */
	#navi { list-style-type:none; margin:0; padding:0; }
    
    /* LI bekommen BG-Bild und Groessen */
    #navi li { display:block; width:860px; height:76px; background:url(../image/navigation_02.jpg) no-repeat; margin:8px 0; }
	
    /* A bekommen BG-Bild und Groessen */
    #navi li a  { display:block; width:860px; height:76px; background:url(../image/navigation_02.jpg) no-repeat; }
	
    /* Einfacher Hover-Effekt, der ohne JS funktioniert 
    #navi li a:link, #navi li a:visited { opacity:0.00001; }
    #navi li a:hover, #navi li a:active { opacity:1; }*/
    
    /* Texte verstecken */
    #navi li a span { display:block; width:0; height:0; overflow:auto; }
    
    /* LI-Bilder ausrichten */
    #navi #nav1 { background-position:0 0; }
    #navi #nav2 { background-position:-860px 0; }
    #navi #nav3 { background-position:-1720px 0; }
    #navi #nav4 { background-position:-2580px 0; }
	#navi #nav5 { background-position:-3440px 0; }
	#navi #nav6 { background-position:-4300px 0; }
	#navi #nav7 { background-position:-5160px 0; }
	#navi #nav8 { background-position:-6020px 0; }
	#navi #nav9 { background-position:-6880px 0; }
	#navi #nav10 { background-position:-7740px 0; }
	#navi #nav11 { background-position:-8600px 0; }
	#navi #nav12 { background-position:-9460px 0; }
	#navi #nav13 { background-position:-10320px 0; }
	#navi #nav14 { background-position:-11180px 0; }
	#navi #nav15 { background-position:-12040px 0; }


    
    /* A-Bilder ausrichten */
    #navi #nav1 a { background-position:0 -76px;}
    #navi #nav2 a { background-position:-860px -76px;}
    #navi #nav3 a { background-position:-1720px -76px; }
    #navi #nav4 a { background-position:-2580px -76px; }
	#navi #nav5 a { background-position:-3440px -76px;}
	#navi #nav6 a { background-position:-4300px -76px;}
	#navi #nav7 a { background-position:-5160px -76px;}
	#navi #nav8 a { background-position:-6020px -76px;}
	#navi #nav9 a { background-position:-6880px -76px;}
	#navi #nav10 a { background-position:-7740px -76px;}
    #navi #nav11 a { background-position:-8600px -76px;}
	#navi #nav12 a { background-position:-9460px -76px;}
	#navi #nav13 a { background-position:-10320px -76px;}	
	#navi #nav14 a { background-position:-11180px -76px;}	
	#navi #nav15 a { background-position:-12040px -76px;}