/*Grunddesign*/

body{
  font-family:Arial, Helvetica, Sans-Serif;
  background-color:lavender;

}

#container {
  margin:10px auto;
  left:50%;
  top:10px;
  width:770px;
  height:520px;
  background-color:#D3CFC0;
  border:1px solid black;
}

#banner{
  height:100px;
  background-image:Url('Banner.jpg');
  background-repeat:no-repeat;
  background-position:top left;
  border-bottom:1px solid gray;
}

#menu{
  padding-left:15px;
  padding-right:10px;
  padding-top:8px;
  padding-bottom:10px;

  margin-right:10px;
  float:left;
  width:130px;
  height:401px;
  border-right:1px solid gray;
  /*background-image:Url('Notenlinien.gif');
  background-repeat:no-repeat;
  background-position:bottom left;*/
  background-color:silver;
  vertical-align:top;
  /*padding-top:15px;
  padding-left:12px;*/
  line-height:1.6em;
}

#menu a{
  text-decoration:none;
  font-weight:bold; 
  font-size:0.8em;
  color:black;
  border-bottom:1px solid #70293E;
  border-left:1px solid #70293E;
  background-color:silver;
  padding-left:2px;
}

#menu a:hover{
  color:#70293E;
  background-color:#D3CFC0;
}

#menu #submenu{
  line-height:1.2em;
}

#menu #submenu a{
  margin-left:15px;
  font-weight:normal;
  font-size:0.7em;
  color:black;
  border-bottom:1px solid #70293E;
  border-left:1px solid #70293E;
  background-color:silver;
  padding-left:3px;
}

#menu #submenu a:hover{
  font-weight:bold;
}

#content{
  padding-left:10px;
  padding-right:10px;
  padding-top:8px;
  padding-bottom:10px;

  height:401px;
  overflow:auto;
}

/*Einzeldesigns*/

h1{
  color:#70293E;
  font-weight:bold;
  font-size:1em;
}

h2{
  color:#555555;
  margin-top:20px;
  margin-bottom:-5px;
  font-weight:bold;
  font-size:1em;
}

h3{
   color:black;
   font-weight:bold;
   font-size:0.9em;
   margin-top:15px;
   /*margin-bottom:-5px;*/
}

p, td{
  font-size:0.8em;
}

p.RezensionZeitungDatum{
   font-style:italic;
}

p.RezensionTitel{
   font-size:1.2em;
   font-weight:bold;
}

p.RezensionUntertitel{
   font-size:1.0em;
   font-weight:bold;
}

p.RezensionZusammenfassung{
   font-weight:bold;
}

p.RezensionArtikel{}

p.RezensionTopLink{
   text-align:center;
}

p.Veranstaltungen{
   text-indent:-10px;
   padding-left:10px;
}

th{
   text-align:left;
}

a, a:active, a:visited{
   color:blue;
   text-decoration:none;
}

a:hover{
   text-decoration:underline;
}

.font_klein{
   font-size:0.7em;
}

img{
   border-style:none;
}

img.cd{
   border:1px solid gray;
   margin-right:8px;
}

/*Formulare*/

#formular td{
  font-size:0.8em;
}

#formular td.label{
   width:280px;
}

#formular td.fehler, .fehler{
   color:red;
   font-weight:bold;
}

#formular input.radio{}

#formular input.text{
   border:1px solid black;
   background-color:silver;
   font-weight:bold;
   font-family:Arila,Helvetica,Sans-serif;
   width:280px;
}

#formular textarea{
   border:1px solid black;
   background-color:silver;
   font-weight:bold;
   font-family:Arila,Helvetica,Sans-serif;
   text-align:left;
   width:280px;
   height:150px;
   font-size:0.9em;
}

input.button{
   border:1px outset black;
   background-color:silver;
   text-align:center;
}

select{
   border:1px solid black;
   font-family:Arial,Helvetica,sans-serif;
   font-size:0.9em;
   /*font-weight:normal;*/
   background-color:silver;
}

.bg2{
   background-color:#AAAAAA;
}



/*Tabellen*/

table.kontakt{
   width:430px;
}

#uebersicht{
   /*border:1px solid #777777;*/
   background-color:silver;
}

#uebersicht td.daten{
  font-weight:bold;
}

#uebersicht th{
  text-align:left;
  font-size:0.9em;
}

#cdtipps tr, #literatur tr{
   vertical-align:top;
}