/* $TopStyle:URL=http://www.drachenfliegenlernen.de/plans_public/theme/upcoming_events.css$ */

/*body {
  background-color: #99a;  
  font-family: Verdana, arial, sans-serif;
  margin:0; 
 }
*/

/*
#debug_info {
  padding:5px;
  clear:both;
  border:solid 1px #aaa;
}
*/

/* styles for list mode */
ul.upcoming_events {
  border:solid 1px #000;
  padding:0;
  margin:5px;
}

ul.upcoming_events li {
  list-style-type:none;
  cursor:pointer;
  margin:10px 0 0 0;
  padding:0;
  clear:left;
  font-size:9px;
}

ul.upcoming_events li a{
  text-decoration:none;
  color:#ffe;
  margin:2px;
}


ul.upcoming_events li .date{
  text-align:right;
  display:block;
  float:right;
  clear:right;
 font-size:9px;
}

ul.upcoming_events li .icon{
  border:0;
  margin-left:3px;
  margin-right:3px;
  vertical-align:middle;
}

ul.upcoming_events li .title {
  border:solid 1px #aaa;
  text-align:left;
  margin-left:5px;
  padding:3px;
  
}

/* styles for table mode */
table.upcoming_events {
  border:solid 1px #ccc;
  margin:0px; /* 3px-5px, 6,10,1 */
  padding:0;
  color:white;
  background-color: #e9e9f1;
}

table.upcoming_events td {
  margin:0;
  padding:0.2em;
  clear:right;
  font-size: 0.9em;
  text-align: right;
  /* Abstand der Textboxen mit Eventbeschreibung: 6,1 */
}

table.upcoming_events td.merged_events.date{
  white-space:nowrap;
  vertical-align:top;
}
table.upcoming_events td.merged_events{
  margin-top:1em; /* org 1 */
  margin-bottom:1em; /* org 1 */
}

table.upcoming_events td .merged_event {
  margin-top:1em; /* org 1 */
  margin-bottom:1em; /* org 1 */
}

table.upcoming_events td a{
  text-decoration:none;
  color:#000;
  margin:0px; /* org 5 */
  text-align: right;
}


table.upcoming_events td .date{
  /*text-align:right;*/
  white-space: nowrap;
  /* float:right;*/
  /*clear:left;*/
  color: #00047A;
  font-weight: bold;
  font-size: 10px;
  text-align: right;
}

table.upcoming_events td .icon{
  border:0;
  margin-left:2px;
  margin-right:5px;
  vertical-align:middle;
}

table.upcoming_events td .title {
  border: 1px #8c90f3;
  text-align:left;
  float:left;
  margin-left:1px; /* Rand links 3 */
  margin-top:2px; /* Rand oben? */
  margin-bottom:2px; /* org 3 */
  padding: 4px; /* Stärke farblicher Kasten um Events Text 1,2,3,6,5 */
  color: #ffffff;
  font-weight: normal;
  font-size: 1em;
  
}