/* Allgemeine Angaben  */

a:link { color: white; text-decoration:none; }
a:visited { color:silver; text-decoration:none; }
a:hover,a:active,a:focus { color:red; text-decoration:none; }

body {background-image: url(http://www.bassclef.de/bassclef/bkgd.jpg);}


/* Angaben für Menu */
td.menucell a, span.currentmenutext, span.currentsubmenutext { font-family:Arial,Helvetica,sans-serif; }

td.currentcell { width:14%; height:40px; background-color:#000000; text-align:center; vertical-align:middle; }
td.menucell {
     width:14%; height:40px;
     background-color:#000000; background-image:url(bcs.gif); background-repeat:no-repeat; background-position:left 50%;
     text-align:left; vertical-align:middle; padding-left:30px;
}

td.menucell a {
     font-size:10pt; display:block; width:100%; height:16px; margin:0; padding:0; border:none; text-decoration:none;
}

div.SubMenuContainer,div.SubMenu { width:100px; border:none; margin:0; padding:0; background-color:#000000; }
div.SubMenu { display:none; }

td.menucell a:link, #SubMenu a:link { color:white; }
td.menucell a:visited, #SubMenu a:visited { color:silver; }
td.menucell a:hover, #SubMenu a:hover { color:red; }
td.menucell a:active, #SubMenu a:active { color:yellow; }

span.currentmenutext { font-size:14pt; color:white; }
span.currentsubmenutext { font-size:10pt; color:white; font-weight:bold; }
span.currentmenutext:hover, span.currentsubmenutext:hover { color:gray; cursor:wait; cursor:not-allowed; }

img.submenumarker { border:none; margin-left:12px; }

/* Angaben für externe Anwendungen (Gästebuch usw.) */

#ContentCell {
   vertical-align:top; padding:0;
}

#Content {
   display:block; width:100%; height:100%;
   margin:0; padding:0; padding-top:5mm;
   text-align:left;  font-size:12px;
}

#Content div, #Content span, #Content p, #Content td, #Content a, #Content #Inputs, #Content #InputFalta { 
   font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}

#Content #Headline { display:block; font-weight:bold; font-size:16px; line-height:18px; margin:0px; }

#Content div, #Content span, #Content b, #Content p, #Content td, #Content #Inputs { 
   color:black; font-size:12px;
}

#Content small {
   font-size:11px;
}

#Content #Element {
  border:1px dashed silver; padding:8px; margin-top:5px; margin-bottom:5px;
}

#Content #Element:hover {
  border:1px solid silver; 
}

#Content #InhaltsKopf {
  margin-bottom:8px;
}

#Content #InhaltsFuss {
  margin-top:8px;
}

#Content a.ButtonLike {
   padding:4px; 
   font-size:12px;
}

#Content fieldset {
  border:1px solid gray; margin:0; padding:3px; margin-top:12px; 
}

#Content legend {
  margin-left:8px; padding:4px; padding-top:1px; padding-bottom:1px;
  border:1px solid gray;
  color:white; background-color:black;
}

#Content #ButtStandard, #Content a.ButtonLike:link, #Content a.ButtonLike:visited {
  border:1px solid silver; border-right:1px solid white; border-bottom:1px solid white;
  color:white; background-color:black;
}

#Content #ButtStandard:hover, #Content a.ButtonLike:hover {
  border:1px solid white; border-right:1px solid silver; border-bottom:1px solid silver;
  color:white; background-color:transparent;
  cursor:pointer;
}

#Content #Inputs, #Content #InputFalta {
   padding:2px; padding-left:4px; margin-bottom:8px; width:100%;
   font-size:12px; color:white;
   border:1px dashed white; 
   background-color:transparent;
}

#Content #Inputs:hover {
   border:1px solid white;
   cursor:pointer;
}

#Content #Inputs:focus {
   border:1px solid #A64550; background-color:black;
}

#Content #InputFalta {
   border:1px solid black; background-color:red; color:yellow;
}

#Content input[type=checkbox] { cursor:pointer; }

#Content a.AudioButton {
  display:block; width:100px; margin-bottom:4px;
  background-image:url(mp3-link.gif); background-repeat:no-repeat; background-position:left bottom;
  text-align:left; padding-left:20px;
  color:white;
}

#Content a.AudioButton:hover {
   background-color:black; color:white;
}