/* @font-face {
 font-family: yourFontName ;
  src: url( /location/of/font/FontFileName.ttf ) format("truetype");
}
*/

/*
magenta: #EC008D
rgb(236,0,141)

/* Saisonfarben */
.farbe2011 {background-color:#EC008D;color:#DCDCDE;}
.farbe2010 {background-color:saddlebrown;color:rgb(0,206,231);}
.farbe2009 {background-color:rgb(0,206,231);color:rgb(0,64,64);}
.farbe2008 {background-color:rgb(223,223,223);}
.farbe2007 {background-color:rgb(162,173,27);}
.farbe2006 {background-color:orange;}
.farbe2005 {background-color:pink;}

body,html,div,img { border:0px;margin:0px;padding:0px; }

body {
  background-color:white;
  font-family:verdana,sans-serif;
  font-size:100.01%;
  background-image:url(2011_logo.png);
  background-repeat:no-repeat;
  background-position:133px 160px;}


#accordion h2 {cursor:pointer;}

#intro {border: 1px dotted silver; padding: 5px; border-radius:15px;font-family:serif;background-color:white;color:#5F5F5F;}

div,pd,td,li, #main
   { font-size:11px; }
h1 { font-size:135%; }
h2 { font-size:105%; }
h3 { font-size:100%; }
b  { font-size:10px; }

.indent {margin-left:2em;}
.reader {line-height:1.6em;}
#mus_bio{line-height:1.6em;}

#mypage {
  width:740px;
  margin-left: 160px;
  padding: 0px;
  background-image:url(bg_streifen.png);
  background-repeat:repeat-y;
  }

#header {
  margin-top:2em;
  margin-left: 160px;
  width:740px;
  background-color:rgb(236,0,141);
  background-image:url(2011_balken.png);
  background-repeat:no-repeat;
  height:107px;
  clear:both;
}

/* fließend: */
#menu     { width:200px; margin:0px; padding:0px; float:left; }
#menu ul  { list-style-type:none; }
#menu li  {
  margin-left:0.4em;
  margin-top:1.2em;
  height:2em;
  background-color:rgba(236,0,141,0.3);
  width:120px;
}
#menu a {
  color:black;
  font-weight:bold;
}

#menu2 {display:none;}
#pKonzert #menu2, #pBio #menu2 {
  width:200px;
  position:absolute;
  top:156px;left:848px;
  font-size:10px;
  display:block;}
#menu2 a {
  text-decoration:none;
  color: rgb(240,0,146); background-color:#eee; letter-spacing:.2em; padding:.5em;
}


#main     { margin:0px 0px 0px 200px; padding: 2em; min-height:560px;}
.spacer   { line-height:0px;}
#footer   { clear:both; margin:0px; padding-left:2em;}

/* zum Binnenfloaten */
.leftcol  { width:160px;float:left; }
.rightcol { margin-left:162px; }
.clear    { clear:both;line-height:0px; }

/* Farben und Hintergründe */
/* body      { background-color:rgb(137,97,53); color:#444;} */
/* body      { background-color:#DCDCDE; color:#444;} */
.linie    { border-top: solid 1px rgb(236,0,141);} /* 2011/12: magenta */

#mypage   { background-color:#bbb;}
#main     { background-color:#eee; border-left:1px solid rgb(236,0,141);}
#footer   { background-color:silver; border-top:2px solid grey;}

/* Braun 2010/2011 : rgb(137,97,53) */
/* Blau 2010/2011 : rgb(134,206,213) */
/* Link-Farbe: das Blau 2010/2011, für besseren Kontrast linear um 100 reduziert */
a         { color:rgb(34,106,113);text-decoration:none; }
a:hover   { color:rgb(34,106,113);text-decoration:underline; }
a:active  { color:rgb(34,106,113);text-decoration:underline; }
a:focus   { color:rgb(34,106,113);text-decoration:underline; }

#pTermine .rightcol
          { margin-bottom:3em; }
#pImpressum p, #pService p
          { margin-left:4em; }
.pcol     { margin-left:4em; }
.alphabar
          { border-bottom: solid 2px rgb(236,0,141);
            margin: 2em 0em;
            padding: .5em; }

#termin {
  margin-bottom:0.6em;
}

#pKonzert .linie {
  margin-top:0.4em;
  margin-bottom:1em;}

#pHome #home
  { color: rgb(240,0,146); background-color:#eee; letter-spacing:.2em; padding:.5em; }
#pImpressum #impressum
  { color: rgb(240,0,146); background-color:#eee; letter-spacing:.2em; padding:.5em; }
#pService #service
  { color: rgb(240,0,146); background-color:#eee; letter-spacing:.2em; padding:.5em; }
#pTermine #termine
  { color: rgb(240,0,146); background-color:#eee; letter-spacing:.2em; padding:.5em; }
#pSitemap #sitemap
  { color: rgb(240,0,146); background-color:#eee; letter-spacing:.2em; padding:.5em; }
#pMusiker #musiker
  { color: rgb(240,0,146); background-color:#eee; letter-spacing:.2em; padding:.5em; }
#pArchiv #archiv
  { color: rgb(240,0,146); background-color:#eee; letter-spacing:.2em; padding:.5em; }

.navbar ul {
  list-style-type:none;
}
.navbar li {
  display:inline;
  margin-right: 0.5em;
}

.navbar a {padding:0.5em;text-decoration:underline;font-weight:bold;}

#pBio img {
 display:block;
 overflow:hidden;
 }

/*
#preview {
 position:absolute;
 top:42px;
 left:852px;
 background-color:white;
 width:162px;
 height:420px;z-index:99;
 font-size:10px;
 overflow-y:scroll;
 padding:0.2em;
 border-left:solid 1px gray;
 border-top:solid 3px gray;
 border-bottom: 1px solid gray;
 color:#4F4F4F;
}

#preview h2, #preview em {
  font-style:normal;
  color:rgb(236,0,141);
}
*/