/* style.css - David Mages  */

body{
background: url(./bilder/bg5.jpg);
font: 14px, serif; 
margin: 0;
padding: 0;
}
/*
font: 1em Verdana, sans-serif; letter-spacing: 0px;}
font: italic 1.05em Georgia, Times, serif;}
font: 18px Georgia, Times, serif; overflow: hidden;
font: 1em Georgia, Times, serif; letter-spacing: 1px;}
{
*/
#xx {

width: 800px;
margin: 0 auto;
padding:-10px 0 0 0;
border: 0px solid black;

}

/* ------- TOPNAV ---*/

	#topNav {
		background: transparent url(./bilder/kopf800.jpg) no-repeat top left;
		margin: 0 ;
		padding: 0 ;
		height: 198px;
		width: 800px;
	}

	#nav {
		position: relative;
		top: 173px;
		left: 240px;   
		height: 80px;
		width: 800px;
	}

	#nav li ul, #nav li ul {	
		margin: 0;		
		padding: 0;
	}

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-right: 5px;   /* 15  */
	}

	#nav li ul {
		display: none;
	}

	#nav li ul li {
	padding-right: 0;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		top: 25px;
		left: -240px;     /* für ie -260px    fox -240px     --------------------------  */
		* left: -280px;  
		padding-left: 0px;
		background: #224d6f;
		height: 35px;
		width: 800px;    
		padding-left:  0px;  
		border: 0px solid black;	
	}

	#nav li.on ul {
background: transparent url(./bilder/link-bg.gif) repeat-x top left;
		margin-top: 0px;		
	}

	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		background: #224d6f;
	}

	#nav li a {
		color: #224d6f;
		font-weight: bold;
		display: block;
		width: 93px;
		padding: 0;		
	}

	#nav li.on a {
		color: #F99E16;
	}

	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #f90;
		width: auto;
		margin: 0px;
		padding: 9px 5px 0 10px;		
		border-left: 0px solid white;
	}


	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
		background: #224d6f ;
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}

	#nav li.off a:hover, #nav li.on a:hover { 
		color: #f90;
	}

	/*do the image replacement*/

	#nav li span {
		position: absolute;
		left: -9384px;
	}

	#liInfo a, #liBands a, #liInstrumente a, #liKurse a, #liKontakt a {
		display: block;
		position: relative;
		height: 26px;
		background: url(./bilder/bk-dropdownMap.gif) no-repeat; /*contains all hover states*/
	}

/*first, put the initial states in place*/

#liInfo a {
	background-position: 0 0;
}

#liBands a {
	background-position: -102px 0;
}

#liKurse a {
	background-position: -204px 0;
}

#liInstrumente a {
	background-position: -306px 0;
}

#liKontakt a {
	background-position: -408px 0;
}



#liInfo.on a {
 	background-position: 0px -37px;
} 

#liBands.on a {
 	background-position: -102px -37px;
} 
 
#liKurse.on a {
 	background-position: -202px -37px;
} 

#liInstrumente.on a {
 	background-position: -306px -37px;
} 
 
#liKontakt.on a {
 	background-position: -408px -37px;
}
  






/*hover states*/

#liInfo a:hover, #liinfo:hover a, #liinfo.over a {
	background-position: 0 -73px;
}

#liBands a:hover, #liBands:hover a, #liBands.over a {
	background-position: -102px -73px;
}

#liKurse a:hover, #liKurse:hover a, #liKurse.over a {
	background-position: -204px -73px;
}

#liKontakt a:hover, #liKontakt:hover a, #liKontakt.over a {
	background-position: -406px -73px;
}

#liKonzerte a:hover, #libands:hover a, #libands.over a {
	background-position: -408px -73px;
}


/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;
	background:  #224d6f  ;
	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: small;
}		

#nav li.on ul a {
background: transparent url(./bilder/link-bg.gif) repeat top left; 
/* 	background: #F99E16;   */
}
	
.clo {
   column-count: 2;
   column-gap: 20px;
} 
	
#hauptbox{
margin:0;
padding-top:33px;
border: 0px solid green;
}


#inhaltbox{
text-align:justify;
color: black;
clear:both;
margin:0;
padding:15px 30px 0 50px;
border: 0px solid green;
background: url(./bilder/bg-inhalt-b.jpg) repeat-y top left;
column-count:2;
}

.unten{
height:15px;
clear:both;
margin:0;
padding:0;
border: 0px solid green;
background: url(./bilder/bg-inhalt-unten.jpg) repeat top left;
}


.cd { 
font: 1.05em Verdana, monospace;
line-height: 1.5em;
background: url(./bilder/pre.jpg) no-repeat top right;
border-top: 2px solid #D6A21E;
border-bottom: 2px solid #D6A21E;  
}

.cd a{
color: red;
border: none;
}


.prea { 
float:left;
display:block;
margin:0 50px 20px 0; 
padding:10px 5px 0px 15px;
font: 1.0em Verdana, monospace;
line-height: 1.3em;
background: url(./bilder/pre.jpg) no-repeat top right;
border-top: 2px solid #D6A21E;
border-bottom: 2px solid #D6A21E;  
}
/* ----SCHRIFTEN-----  */

h3 {
font-size:x-large;
margin:0;
padding: 15px 0 0 0;
}

.c h3 {
text-align:center;
padding-bottom: 10px;
}

h4 {
margin:0;
padding: 15px 0 0 0;
}

p {
color:#1B1B1B;
margin: 0;
padding: 5px 30px 15px 0;
font-size:16px;
}

/* pre, code {font: 1.05em Courier, monospace;}  */
pre { 
display:block;
font: 1.05em Verdana, monospace;
line-height: 1.5em;
background: url(./bilder/pre.jpg) no-repeat top right;
border-top: 2px solid #D6A21E;
border-bottom: 2px solid #D6A21E;  
}
pre strong {font-size: 1em; font-weight: bold;}


/*   Wenn SONGS in mitte   */
.songs_2  {
font: 12px Verdana, monospace;
width:220px;
margin: 15px 0;
padding: 5px ;
background: url("./bilder/bg-songs_1.gif") top left;
border-top: 1px solid #ffeeee;
border-left: 1px solid #ffeeee;
border-bottom: 1px solid #6B6B6B;
border-right: 1px solid #6B6B6B; 
}

.songs_2 p {
text-align:center;
font-weight: bold;
display:block;
line-height: 1.5em;
margin: 0;
padding: 0;
}



.songs  {
font: 12px Verdana, monospace;
width:150px;
margin: 5px auto;
padding: 5px 0 0;
background: url("./bilder/bg-songs_1.gif") blue;
border-top: 2px solid #6B6B6B;
border-left: 2px solid #6B6B6B;
border-bottom: 2px solid #ffeeee;
border-right: 2px solid #ffeeee; 
}

.songs p {
text-align:center;
font-weight: bold;
display:block;
line-height: 1.5em;
margin-bottom: -10px;
padding: 0;
}

.songs table{
margin-bottom:-15px;
padding:0;
}


table {
text-align:left;
}

#inhaltbox a {
color: black;
text-decoration: none;}

.links {
float:left; 
 width:250px;  /*    fox 250   */         --------------------  */
* width:290px;       /*  for ie 6: 290 */     
/* height: 507px; */
margin: -15px 0 0 -20px;
padding: 0px  ; 
background: transparent; 
border: 0px solid blue;
}

.rechts {
margin: 0;
padding: 10px 5px 5px 260px;
/*background: url(./bilder/bg-links.jpg) top right repeat-y; */
}