body {
  margin:0px;
  padding:0px;
  font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
  font-size:101%;
  background-color:#FFFFFF;
  background-image:url(bilder/brassmen_hintergrund.jpg);
  background-repeat:repeat;
}

abbr {
  cursor:help;
}

.brassmen {
  font-family:"Bahamas", "Trebuchet MS", Verdana, Arial, sans-serif;
}

.rechtsbuendig {
  text-align:right;
}

.linksbuendig {
  text-align:left;
}

.zentriert {
  text-align:center;
}

/********** Kopfbereich **********/
div#kopf {
  width:100%;
  left:0px;
  text-align:center;
  top:0px;
}

/********** ab hier Hauptnavigation **********/
div#nav {
  border-bottom:2px solid #CC0000;
  margin:0 0 0 -2.4em;
}

.nav {
  color:#000000;
  font-size:84%;
  text-align:center;
  background-color:#FFFFFF;
  line-height:1.8em;
  font-weight:bolder;
}

.nav ul {
  list-style-type:none;
  display:inline;
  text-align:left;
}

.nav ul li {
  display:inline;
  text-align:left;
}

.nav ul li a {
  color:#000000;
  text-decoration:none;
}

.nav ul li a:hover {
  color:#ffffff;
  background:#CC0000;
  border-bottom:0.3em solid #CC0000;
  border-top:0.3em solid #CC0000;
}

.nav ul li.angewaehlt {
  text-indent:0;
  color:#ffffff;
  background:#CC0000;
  border-bottom:0.3em solid #CC0000;
  border-top:0.3em solid #CC0000;
  cursor:help;
}

div#logo {
  text-align:center;
  padding-bottom:2em;
}

div#logo a {
  text-decoration:none;
  color:#CC0000;
  border-bottom:0.2em solid #CC0000;
  font-weight: bolder;
}

div#logo a:hover {
  background-color:#FFFFFF;
}


/********** ab hier Inhalt **********/
div#inhalt {
  height:96%;
  left:0px;
  margin:0 276px 0 60px;
  max-width:36em;
  text-align:left;
  font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
  font-size:91%;
  color:#000000;
  line-height:144%;
}

div#inhalt h1 {
  font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
  font-size:210%;
  color:#000000;
  font-weight:bolder;
  line-height:120%;
}

div#inhalt h2 {
  font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
  color:#000000;
  font-weight:bolder;
  font-size:150%;
}

div#inhalt h3 {
  line-height:1em;
  font-weight:bolder;
  font-size:108%;
  line-height:120%;
  margin-bottom:0.3em;
}

div#inhalt a {
  text-decoration:none;
  color:#CC0000;
  border-bottom:0.2em solid #CC0000;
  font-weight: bolder;
}

div#inhalt a:hover {
  background-color:#FFFFFF;
}

div#inhalt dl {
  margin:0 0 0 0;
  padding:0 0 0 0;
}

div#inhalt dt {
  font-weight:bold;  
}


div#inhalt table {
  max-width:36em;
  padding:0;
  margin:0;
}

div#inhalt table caption {
  font-weight:bold; 
  text-align:center;
}

div#inhalt th,td {
  vertical-align:top;
  text-align:left;
  padding:0 0.6em 0 0.4em;
}

div#inhalt th {
  color:#ffffff;
  background:#CC0000;
}

div#inhalt ul {
  line-height:1.8em;
}

div#inhalt ul.audio {
  list-style-image:url(http://www.brassmen.de/bilder/note.gif);
}

div#inhalt ul.auge {
  list-style-image:url(http://www.brassmen.de/bilder/auge.gif);
}

div#inhalt ul.artikel {
  list-style-image:url(http://www.brassmen.de/bilder/artikel.gif);
}

div#inhalt img.vorschau {
  float:left;
  margin:0 12px 12px 0;
}

div#inhalt a img.vorschau {
  border: 2px solid #703a0e;
  -moz-opacity:0.72;
  filter:alpha(opacity=72);  
}

div#inhalt a:hover img.vorschau {
  border: 2px solid #fadaab;
  -moz-opacity:1;    
}

div#inhalt img.foto {
  margin:1em 1.2em 1em 0;
  border: 2px solid #fadaab;  
}

div#inhalt input.text, textarea {
  border:1px solid #CC0000;
  background-color:#fff;
}

div#inhalt textarea {
  overflow:auto;
}

div#inhalt input.text {
  height:1.44em;
  margin-bottom:0.4em;
}

div#inhalt input.button {
  color:#000000;
  background-color:#fadaab;
  border:2px solid #CC0000;
  font-weight:bold;
  height:2em;
  cursor:pointer;
}

div#inhalt input.button a:hover{
  color:#ffffff;
  background-color:#CC0000;
}

.brandaktuell {
  font-size:150%;
  color:#CC0000;
  font-weight:bolder;
}


/********** Mosaik **********/
div#mosaik {
  font-size:84%;
  float:right;
  width:250px;
  margin:0 1em 2.4em 1em;
}

/********** Fußbereich **********/
div#fuss {
  clear:both;
  left:0px;
  bottom:0px;
  width:100%;
  height:100%;
  background-color:#fadaab;
}

div#fussnav {
  border-top:2px solid #CC0000;
  margin:0 0 0 -2.4em;
  border-bottom:2px solid #CC0000;
}

/********** Aktuelles - Zeitungsartikel **********/
div#aktuelles {
  width:100%;
  text-align:center;
  font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
  font-size:91%;
  color:#000000;
  line-height:144%;
}

div#artikel {
  text-align:center;
}

/********** Druckversion **********/

@media print  { 
  div#fuss,div#nav {
  display:none;
  visibility:hidden;
  }
}