* {
margin: 0;
padding: 0;
}

html {
background: url(bilder/hintergrund.gif);
color: #000;
font: 70%/1.2 verdana, arial, helvetica, sans-serif;
}

body {
text-align: center;
}

h1 {
padding-left: 15px;
padding-top: 5px;
font-family: Trebuchet MS, helvetica, arial, verdana sans-serif;
font-size: 33px;
font-weight: normal;
margin-bottom: -50px;
padding-top: 50px;
}

h1#fwk {
background: url(bilder/headfwk.jpg) no-repeat;
}

h1#ffw{
background: url(bilder/headffw.jpg) no-repeat;
}

h1#fwk-ffw {
background: url(bilder/headfwkffw.jpg) no-repeat;
}

h1 a, div#nav-1 li, div#nav-1 li a {
text-decoration: none;
/*text-indent: -999em;*/
}

h1 a {
display: block;
height: 120px;
width: 770px;
}

div#haupt {
background: #FFF url(bilder/nav-schatten.gif) repeat-y;
margin: auto;
overflow: hidden;
text-align: left;
width: 770px;
}

div#haupt > div#inhalt { /* nur MOSe */
height: 437px;
overflow: auto;
}


/* _____Navigation 1_______ */

div#nav-1 {
background: #BF0909;
height: 14px;
position: relative;
}

div#nav-1 ul {
list-style: none;
right: 25px;
/*left: 65px;*/
position: absolute;
}

div#nav-1 li {
float: left;
height: 26px;
margin-right: 5px;
width: 109px;
}
div#nav-1txt{
padding-left: 15px;
padding-top: 8px;
font-family: Times, serif;
font-size: 14px;
font-weight: bold;
}

div#nav-1 li a {
display: block;
height: 100%;
text-decoration: none;
background: url(bilder/button.gif);
}

div#nav-1 li, div#nav-1 li a:focus, div#nav-1 li a:hover, div#nav-1 li a:active, div#nav-1 li >a#aktuell {
background: url(bilder/button-an.gif);
}

/* _____Navigation abt_______ */

div#nav-abt {
position: relative;
}

div#nav-abt ul {
list-style: none;
right: 80px;
/*left: 65px;*/
position: absolute;
margin-top: -10px;
}

div#nav-abt li {
float: left;
height: 26px;
margin-right: 5px;
width: 109px;
}
div#nav-abttxt{
padding-left: 15px;
padding-top: 8px;
font-family: Times, serif;
font-size: 14px;
font-weight: bold;
}

div#nav-abt li a {
color: #FFF;
display: block;
height: 100%;
text-decoration: none;
background: url(bilder/button.gif);
}

div#nav-abt li, div#nav-abt li a:focus, div#nav-abt li a:hover, div#nav-abt li a:active, div#nav-abt li >a#aktuell {
background: url(bilder/button-an.gif);
color: #BF0909;

}


/*_________Navigation 2______________*/
div#nav-2 {
background: url(bilder/nav-hintergrund.jpg) #BF0909;
float: left;
height: 462px;
width: 150px;
}

div#nav-2 ul#unten {
border-bottom: 1px solid #FFF;
list-style: none;
}

div#nav-2 ul#oben {
margin-top: 41px;
list-style: none;
}

div#nav-2 li, div#nav-2 li a {
color: #FFF;
text-align: right;
}

div#nav-2 li {
border-top: 1px solid;
font-size: 10pt;
height: 27px;
width: 150px;
}

div#nav-2 li a, div#nav-2 li span {
line-height: 25px;
display: block;
font-weight: normal;
height: 27px;
padding-right: 18px;
text-decoration: none;
}

div#nav-2 li a:focus, div#nav-2 li a:hover, div#nav-2 li a:active, div#nav-2 li span, div#nav-2 li a#aktuell  {
font-weight: bold;
background: url(bilder/nav-highlight-ie.png);
}

div#nav-2 li > a:focus, div#nav-2 li > a:hover, div#nav-2 li > a:active, div#nav-2 li > span, div#nav-2 li >a#aktuell  { /* nur MOSe */
background: url(bilder/nav-highlight.png);
}


/*_____________Navigation 3____________*/
div#nav-3 ul {
border-bottom: 0px solid #FFF;
margin-top: 0px;
border-top: 0px;
padding-top: 0px;
list-style: none;
}

div#nav-3 li, div#nav-3 li a {
color: #FFF;
text-align: right;
}

div#nav-3 li {
border-top: 1px solid;
font-size: 10pt;
height: 27px;
}

div#nav-3 li a, div#nav- li span {
font-weight: normal;
font-style: italic;
background: url(bilder/nav-highlight2.png);
padding-right: 8px;
text-decoration: none;
}

div#nav-3 li a:focus, div#nav-3 li a:hover, div#nav-3 li a:active, div#nav-3 li span, div#nav-3 li a#aktuell  {
font-weight: bold;
background: url(bilder/nav-highlight3.png);
}

div#nav-3 li > a:focus, div#nav-3 li > a:hover, div#nav-3 li > a:active, div#nav-3 li > span , div#nav-3 li >a#aktuell { /* nur MOSe */
background: url(bilder/nav-highlight3.png);
}



/*___________________ Inhalt ________________*/
div#inhalt {
height: 50px;
float: left;
padding: 10px 0 15px 25px;
width: 620px; /* nur IE 5.x */
width/**/:/**/ 595px;
*+width: 620px; /* nur IE 7 */ 
overflow-y: auto;
overflow-x: auto;
height: 456px; /* nur IE 5.x */
height/**/:/**/ 462px;
text-align: center;
}




/*_____________ Tabellen _______________*/

div#inhalt table{
/*border: 1px solid black;*/
font-size: 12px;
width: 500px;
margin-left: auto;
margin-right: auto;
}




div#inhalt table#fwkmusiker, div#inhalt table#ffwmitglieder{
text-align: center;
}

div#inhalt table#main{
color: #BF0909;
list-style: none;
text-align: centre;
width: auto;
font-size: 8pt;
}

div#inhalt table#galerie{
text-align: centre;
width: auto;
}

div#inhalt table#bilder{
text-align: centre;
width: auto;
}

div#inhalt table#fwk, div#inhalt table#ffw{
color: #BF0909;
font-size: 10pt;
width: auto;
}

div#inhalt table#gb{ 
font-size: 12px;
width: 377px;
margin-left: auto;
margin-right: auto;
}
div#inhalt table#gaestebuch{

border-right: #BF0909 1px solid;
border-top: #BF0909 1px solid;
border-left: #BF0909 1px solid;
border-bottom: #BF0909 1px solid;
border-collapse: collapse;
border-spacing: 0;
}

div#inhalt table#einsatz{

border-right: #BF0909 1px solid;
border-top: #BF0909 1px solid;
border-left: #BF0909 1px solid;
border-collapse: collapse;
border-spacing: 0;
}

div#inhalt table#bildereinsatz{
width: 500px;
border-right: #BF0909 1px solid;
border-left: #BF0909 1px solid;
border-collapse: collapse;
border-spacing: 0;
}


div#inhalt table#kontakt{
width: auto;
margin-left: auto;
margin-right: auto;
}
div#inhalt table#link{
width: auto;
margin-left: auto;
margin-right: auto;
}

/*____________Tabelle Überschrift______________*/
div#inhalt table th{
font-size: 11pt;
font-weight: bold;
font-variant: small-caps;
color: #BF0909;
padding-top: 20px;
padding-bottom: 10px;
}




/*______________Tabelle Feld________________*/


div#inhalt table#fwkchronik td#left{
text-align: center;
vertical-align: top;
color: #BF0909;
font-weight: bold;
padding: 5px;
}
div#inhalt table#fwkchronik td#right{
text-align: justify;
padding: 5px;
}
div#inhalt table#fwkmusiker td, div#inhalt table#ffwmitglieder td{
padding: 10px;
}
div#inhalt td#zeile{
text-align: center;
}
div#inhalt table#fwktermine td, div#inhalt table#ffwtermine td{
padding-right: 5px;
padding-left: 5px;
padding-bottom: 10px;
vertical-align: top;
}
div#inhalt table#fwktermine td#datum, div#inhalt table#ffwtermine td#datum{
text-align: center;
width: 10px;
}
div#inhalt table#fwk td, div#inhalt table#ffw td{
padding-right: 10px;
vertical-align: top;
}
div#inhalt table td#uhrzeit1{
width: 70px;
}
div#inhalt table td#uhrzeit2{
width: 93px;
}
div#inhalt table td#gaestebuchtext, div#inhalt table td#einsatztext{
background: #ffffff;
padding: 10px;
text-align: justify;

}
div#inhalt table td#gaestebuchlinkstop, div#inhalt table td#einsatzlinkstop{
text-align: left;
background: url(bilder/tabletop.jpg) repeat-x #BF0909;
color: #ffffff;

}
div#inhalt table td#gaestebuchrechtstop, div#inhalt table td#einsatzrechtstop{
text-align: right;
background: url(bilder/tabletop.jpg) repeat-x #BF0909;
color: #ffffff;
}
div#inhalt table td#gaestebuchlinksbottom, div#inhalt table td#einsatzbottom{
text-align: left;
background: url(bilder/tablebottom.jpg) bottom repeat-x #BF0909;
color: #ffffff;

}
div#inhalt table td#gaestebuchrechtsbottom{
text-align: right;
background: url(bilder/tablebottom.jpg) bottom repeat-x #BF0909;
color: #ffffff;
}
div#inhalt table td#einsatzlinkstop, div#inhalt table td#einsatzrechtstop{
font-weight: bold;

}

div#inhalt table#galerie td#headline{
font-variant: small-caps;
color: #BF0909;
font-size: 11pt;
font-weight: bold;
text-align: center;
padding-top: 25px;

}
div#inhalt table#galerie td#link{
padding-top: 5px;
}

div#inhalt table#bilder td{
padding: 5px;
text-align: center;
}
div#inhalt table#bildereinsatz td{
padding: 10px;
text-align: center;
}

div#inhalt table#kontakt td{
text-align: center;
}
div#inhalt td#link{
text-align: center;
vertical-align: center;
color: #BF0909;
font-weight: bold;
padding: 5px;
}
div#inhalt td#link2{
text-align: left;
vertical-align: center;
color: #BF0909;
font-weight: bold;
padding: 5px;
}




/*_______________Tabelle Zeile__________*/
div#inhalt table tr#grau{
color: #999999;
font-style: italic;
}
div#inhalt table tr#gaestebuch{

}
tr#center{
text-align: center;
}










/*___________________Paragraph________________*/

div#inhalt p{
padding: 6px;
*+padding: 4px;
width: 500px;
margin-left: auto;
margin-right: auto;
text-align: justify;
}
div#inhalt p#headline1{
font-variant: small-caps;
color: #BF0909;
font-size: 11pt;
font-weight: bold;
text-align: center;
padding-top: 25px;
}
div#inhalt p#headline2{
color: #BF0909;
font-size: 10pt;
/*font-weight: bold;*/
font-style: italic;
text-align: center;
}
div#inhalt p#gbnav{
text-align: center;
padding: 20px;
}


div#inhalt p#bild{
text-align: center;
width: 550px;
}

div#inhalt p#einav{
text-align: center;
padding: 20px;
}







/*_______________Links_____________________*/
div#inhalt a{
color: #BF0909;
}
div#inhalt a#info{
color: #FFF;
}
div#inhalt table#gaestebuch a{
color: #FFF;
}
div#inhalt a#gb{
text-decoration: none;
}
div#inhalt a#gb:hover, div#inhalt a#gbaktuell:hover{
text-decoration: underline;
}
div#inhalt a#gbaktuell{
text-decoration: none;
font-weight: bold;
}
a#galerie{
font-size: 11pt;
}
a#link{
vertical-align: center;
font-variant: small-caps;
text-decoration: none;
color: #BF0909;
font-size: 11pt;
font-weight: bold;
text-align: center;
padding-top: 25px;
}

div#inhalt a#ei{
text-decoration: none;
font-size: 10pt;
}
div#inhalt a#ei:hover, div#inhalt a#eiaktuell:hover{
text-decoration: underline;
}

div#inhalt a#eiaktuell{
text-decoration: none;
font-weight: bold;
font-size: 10pt;
}






/*______________Liste_____________*/

div#inhalt ul#fehler{
color: #BF0909;
}
ul#galerie{
text-align: left;
}





/*______________Listenelement_____________*/

div#inhalt li#fehler{
color: #BF0909;
}
li#galerie{
padding: 5px;
}



/*_________Bilder_________*/

/*div#inhalt div#bild {
float: left;
background: url(bilder/shadow.gif) bottom right no-repeat;
margin-right: 5px;
}

div#bild img {
background: #FFF;
border: 1px solid #979797;
left: -5px;
padding: 3px;
position: relative;
top: -5px;
}*/

img#bilder{
/*max-width: 160px;*/
/*width:expression(this.width > 160 ? "160px" : this.width);*/
}

div#inhalt div#bild2 {
float: left;
background: url(bilder/shadow.gif) bottom right no-repeat;
margin-right: 5px;
left: -5px;
top: -5px;
}

div#inhalt div#bild {
float: left;
background: #FFF;
border: 1px solid #979797;
left: -5px;
position: relative;
top: -5px;
}

div#bild img {
background: #FFF;
border: 3px solid #FFF;
*+border-bottom: 1px solid #FFF;

position: relative;


}







div#fusszeile {
clear: left;
color: #FFF;
}

div#fusszeile, a#aux:focus, a#aux:active {
background: url(bilder/foot.jpg) #BF0909;
border-bottom: 5px solid;
display: block;
height: auto;
padding: 8pt 0;
text-align: center;
top: 0;
width: 770px;
}

a {
color: #FFF;
}

a#aux {
height: 1px;
overflow: hidden;
position: absolute;
top: -999em;
width: 1px;
}


/*_______________Lightbox___________*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/images/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}