/* 
Default-Stylesheet für bonnpiano.de 
*/

html, body, div, p, td, input {
  font-size:100%;
  font-family:verdana,georgia,sans-serif;
  font-weight:normal;
}

/* layout */
body {
  margin:0;
  padding:0;
  border:0;
  background-color: white;
  /*
  background-image: -moz-linear-gradient(top, silver 0%, gray 90%);
  background-image: -webkit-linear-gradient(top, silver 0%, gray 90%);
  background-image: -o-linear-gradient(top, silver 0%, gray 90%);
  background-image: -ms-linear-gradient(top, silver 0%, gray 90%);
  background-image: -linear-gradient(top, silver 0%, gray 90%);
  */
  background-image: -webkit-linear-gradient(top, silver, whitesmoke 500px);
  background-image: -moz-linear-gradient(top, silver, whitesmoke 500px);
  background-image: -ms-linear-gradient(top,  silver, whitesmoke 500px);
  background-image: -o-linear-gradient(top, silver, whitesmoke 500px);
  background-image: linear-gradient(to bottom, silver, whitesmoke 500px);
}

#page {
  max-width: 1024px;
  margin: 0 auto;
  background-image: url(banner.jpg);
  background-repeat: no-repeat;
  border: 0px;
}

#header  {
  border-bottom: 3px solid gold;
  margin-bottom: 22px;
}

#menu_top {text-align: right;}
#menu_top ul {list-style-type: none;}
#menu_top li {display:inline;}

#menu {
  border:0;
  float:left;
  width:200px;
  background-color: gray;
  opacity:0.8;
  padding-bottom: .5em;
}

#content {
  float:left;
  margin-left:10px;
  margin-bottom: 10px;
  width:600px;
  overflow-x:visible;
  min-height:800px;
  padding-left: 20px;
  padding-right: 15px;
  padding-bottom: 15px;
}

#info {
  font-size: 80%; 
  margin-left:845px;
  margin-top:70px;
  width:180px;
  border:0;  
}

#footer {
  clear: both;
  background-image: url(banner.jpg);
  background-repeat: no-repeat;
}

/* Abbildungen: Breite */
p.pic, p.bigPic {
  font-size: x-small;
}

.bigPic img {
 width:430px;
  }

/*
.bigPic img:hover {
  width:auto;
}
*/


/* colors */
h1 {color:whitesmoke;}

h2,h3,h4,h5,h6 {
  color:darkslategray;
  font-family: "lucida sans unicode", "lucida grande", verdana, sans-serif;
  font-weight: normal;
  font-size: 11px;
}

h2 {
  font-size:13pt;
  background-color: white;
  /*text-align: right;*/
  /*background-image: url(rgn-noise.png);*/
  letter-spacing: 0.2em;
  
  text-rendering: optimizeLegibility;
}

h3 {
  font-size:13px;
  margin-left: -15px;
}

a {
  color:darkslategray;
}

#bodyText + p {
  text-align: right;
}
#menu ul {
  list-style-type: none;
  margin:0;
  padding:0;
  line-height:1.6em;
  font-size:10px;
}

#menu li  {
  font-size:10pt;
  color: gold;
  margin-left: 2em;
}

#menu li.spacer {
  color:gray;
  margin-left: 1em;
  background-color:whitesmoke;
  line-height:1.2em;
  margin-top: .3em;
}

#menu li a {
  color: white;
  text-decoration: none;
}

#content, #info  {
  background-color: whitesmoke;
  -moz-box-shadow: 0 0 1em gray;
  -webkit-box-shadow: 0 0 1em gray;
  box-shadow: 0 0 1em gray;
}

#info p {
  padding:1em;
}

#footer  {
  border-top: 2px solid whitesmoke;
  color:white;
  padding:1em;
}

#footer a {color:gold;}


.data p {
  background-color: #fff;
  border-radius: 4px;
  padding: 0.4em;
  font-size: 90%;
}

/* Tabellen */
tr { vertical-align:top; }
td { text-align:left; }
.data th { opacity: .3;}

table.data {
  width:100%;
  background-color: gold;
  font-size:10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.odd {background-color: silver;}
.even {background-color: whitesmoke;}

.concerts_headline {
  padding-top:2em;
}
.concerts_item {
   margin-top:3em;
  /*
   padding-left:200px;
   min-height: 82px;
   background-repeat:no-repeat;
   background-position: -30px 0px;
  */
   background-color: #dcdcdc;
   overflow-y: hidden;
}
.concerts_item h3 {
   font-size: 12pt !important;
   margin-left: 0 !important;
}

.concerts_item img {
  float:left;
  margin-right: 6px;
  border: 0px;
  color: white;
}
.itemImg {
  float:left;
  margin-right: 6px;
  border: 0px;
  width: 70px;
  overflow: hidden;
}

.data.label {
  display: inline;
  float: left;
  width: 200px;
  background-color: whitesmoke;
}

/* Typographie */
body {
  font-family:Verdana,sans-serif;
  font-weight:normal;
  font-size:11pt;
  text-align: left;
}

#bodyText  {
   padding-left: 2em;
   padding-left: 1.2em;
   line-height:1.5em;
}

#bodyText p {
  line-height: 1.6em;
}

#content ul {
  background-color: white;
  list-style-type: none;
/*  margin-left: 1em;
  margin-right: 2em;*/
  padding: 1.2em;

}

ul.bodyText {
  text-indent:-1em;
}

ul.bodyText li {
  line-height:130%;
  margin-top:11px;
}

ul.narrow li {
  line-height:130%;
  margin-top:0px;
}

#content li {
  line-height:130%;
}

.bodyText li:before {
  content:"\00BB \0020";
}

cite {
  display:block;
  line-height: 1.5em;
  padding-left:2em;
  padding-right:2em;
}

ul.pagemap {
  margin-top: 2em; 
  list-style-type: none;
}

sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}
sub { top: 0.4em; }

.postIt {
  position:absolute;
  top:120px;
  left:120px;
  width:300px;
  background-color: floralwhite;
  padding:1em;
  visibility:hidden;
}

#anreise {width:700px;}
#unterkunft {width:700px;}
#imageChoice a:hover {cursor:hand;}

table.concert  {
  margin:0 auto;
}
.concert td, .concert th {
  padding-top: 1em;
 /* font-family:georgia; */
 /* font-variant-numeric: oldstyle-nums;*/
 -moz-font-feature-setting: "smcp=1";
}
.concert th {
  letter-spacing:0.2em;
  text-align:center;
}
.concert .right {
  padding-right:2em;
}

.indentOut {
  padding-left:1em;
  text-indent: -1em;
}

.concert em {
  font-weight: bold;
  font-style: normal;
  color:darkslategray;
}
.concert li {
  margin-top: 1.6em;
}
.concert .indent {
  margin-left: 2em;
  margin-top:0.2em;
  font-size: 90%;
}
.capital {font-size:large;color:silver;}
.center {text-align: center;}
/* auch in koelnklavier.de */
.clear {clear:both;}
.credits {font-size: 80%; padding: 8px 2px 4px 2px;}
.error {color:black;background-color: orange;}
.f_left {float:left; width:8em; text-align: right;padding-right:1.2em;}
.white {background-color: #ffffff;}

.intro {
  text-align: right;
  white-space: pre-line;
}
.nowrap { white-space:nowrap; }
.right  { text-align:right; }
.up  {
  padding-right:2em;
  text-align:right;
  font-size:x-small;
}
.bg { background-color:#f0f0f0; }
td.anm {font-style: italic;}

.alpha {
  background-color: silver;
  line-height: 1em;
  font-size: 80%;
  padding: 2px !important;
  text-align: right;
  width: 100%;
}
ul.alpha li { 
  display: inline;
  margin-right: 0.5em;
}
ul.werke {
  font-size: 80%;   
}

.werke li {
  margin-bottom: 1.3em;
}
/* -------- ende ******* */