/**
 * CSS Definitionen für www.johannischer-chor.de
 * 
 * (c) 2004-2006 Johannischer Chor Berlin e.V.
 */

body
{
  margin: 0px;
  padding: 0px;
  background: #fff url(/gfx/blue_gradient_back.png) repeat-x top;
  font-size: 12px;
  line-height: 133%;
  color: #000;
  font-family: arial, helvetica, sans-serif;
  text-align: center;
}

.centered
{
  text-align: center;
}

a
{
  color: #8AC7FC;
  font-weight: bold;
  text-decoration: none;
}


a:visited
{
  color: #618BB0;
}

a:hover
{
  color: #D6B376;
  text-decoration: underline;
}

a:active
{
  color: #FCE68B;
}

#content
{
/*  background: transparent url(back.gif) repeat-y top left;*/
  background-color: #FCFCFC;
  margin: 0px auto;
  margin-top: 10px;
  padding: 0px 20px 0px 20px;
  width: 720px;
  text-align: left;
  border: 1px dotted #888;
}

#content h1,h2,h3
{
  color: #76A9D6;
}

#content p:first-letter
{
  color: #618BB0;
  font-weight: bold;
  font-size: 13px;
}

#menu
{
  background-color: #B09361;
  position: relative;
  top: 10px;
  right: -80px;
  z-index: 1;
  float: right;
  margin: 0px 0px 15px -75px;
  padding: 10px; 
  border: 1px solid #000;
  text-align: left;
}

#menu h2
{
  font-size: 14px;
  color: #FCE68B;
}

#menu h3#member
{
  padding-left: 20px;
  background: url(/gfx/icons/locked.gif) no-repeat top left;
  font-size: 13px;
  color: #FCE68B;
}

#menu ul
{
  margin: 0px 6px;
  padding: 0px;
  list-style-type: none;
}

#menu li
{
  margin: 0px;
  padding: 1px 2px;
}

#menu li:hover
{
/*  background-color: #8AC7FC;*/
  background-color: #618BB0;
}

#menu a
{
  padding-left: 20px;
  color: #FFF;
}

#menu a#mem
{
  padding-left: 1px;
}

#menu a:hover
{
  color: #FCE68B;
}

#menu div.link
{
  width: 110px;
  height: 16px;
}

#menu div#portal
{
  background: url(/gfx/icons/portal_gray.gif) no-repeat left top;
}

#menu div#portal:hover
{
  background: url(/gfx/icons/portal.gif) no-repeat left top;
}

#menu div#geschichte
{
  background: url(/gfx/icons/geschichte_gray.gif) no-repeat left top;
}

#menu div#geschichte:hover
{
  background: url(/gfx/icons/geschichte.gif) no-repeat left top;
}

#menu div#konzerte
{
  background: url(/gfx/icons/konzerte_gray.gif) no-repeat left top;
}

#menu div#konzerte:hover
{
  background: url(/gfx/icons/konzerte.gif) no-repeat left top;
}

#menu div#shop
{
  background: url(/gfx/icons/shop_gray.gif) no-repeat left top;
}

#menu div#shop:hover
{
  background: url(/gfx/icons/shop.gif) no-repeat left top;
}

#menu div#galerie
{
  background: url(/gfx/icons/galerie_gray.gif) no-repeat left top;
}

#menu div#galerie:hover
{
  background: url(/gfx/icons/galerie.gif) no-repeat left top;
}

#menu div#gbuch
{
  background: url(/gfx/icons/gbuch_gray.gif) no-repeat left top;
}

#menu div#gbuch:hover
{
  background: url(/gfx/icons/gbuch.gif) no-repeat left top;
}

#menu div#forum
{
  background: url(/gfx/icons/forum_gray.gif) no-repeat left top;
}

#menu div#forum:hover
{
  background: url(/gfx/icons/forum.gif) no-repeat left top;
}

#menu div#links
{
  background: url(/gfx/icons/links_gray.gif) no-repeat left top;
}
#menu div#links:hover
{
  background: url(/gfx/icons/links.gif) no-repeat left top;
}

#menu div#impressum
{
  background: url(/gfx/icons/impressum_gray.gif) no-repeat left top;
}

#menu div#impressum:hover
{
  background: url(/gfx/icons/impressum.gif) no-repeat left top;
}

#menu div#mem_news
{
  background: url(/gfx/icons/mem_news_gray.gif) no-repeat left top;
}

#menu div#mem_news:hover
{
  background: url(/gfx/icons/mem_news.gif) no-repeat left top;
}

#menu div#mem_down
{
  background: url(/gfx/icons/mem_down_gray.gif) no-repeat left top;
}

#menu div#mem_down:hover
{
  background: url(/gfx/icons/mem_down.gif) no-repeat left top;
}

#content dt
{
  color: #B09361;
  font-weight: bold;
}

#content dd
{
  margin: 4px 0px 10px 20px;
}

p#footer
{
  font-size: 10px;
  text-align: right;
  color: #999;
  clear: both;
}

p#footer:first-letter
{
  font-size: 10px;
  font-weight: normal;
  color: #999;
}

input
{
  margin-left: 20px;
  border: 1px solid #618BB0;
  padding: 2px;
}

input.error
{
  background-color: #FEE;
  border: 1px solid red;
}

input.optional
{
  border-style: dotted;
}

p.error
{
  background-color: #FEE;
  padding: 5px;
}

p.condensed
{
  margin-top: 2px;
  margin-bottom: 2px;
}

span.highlighted
{
  font-weight: bold;
}

table
{
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
}

td
{
  vertical-align: top;
  background-color: #fff;
  padding: 2px;
  border: 1px solid black;
}

div.dirchooser
{
  max-height: 12em;
  overflow: auto;
  border: 1px dashed #666;
  width: 600px;
}

table.dirchooser
{
  width: 100%;
}

table.dirchooser td
{
  vertical-align: middle;
  background-color: #fff;
  border: 0;
  border-bottom: 1px dotted #DDD;
  padding: 1px;
}

table.dirchooser td.selected
{
  background-color: #B09361;
  color: #FFF;
}

ul.filelist
{
  list-style-type: none;
}

ul.filelist li:hover
{
  background-color: #EEE;
}

ul.filelist form
{
  display: inline;
}

ul.filelist form input
{
  border: 0;
}