body {
  background-color:white;
  margin:25px 0px 0px 25px;
  padding:0px;
  text-align:left;
  color:#FFFFFF;
  color:#000000;
  font-family:Verdana,Arial,Helvetica,Monaco,sans-serif;
  font-size:11px;
}

#pageTitle {
  position:absolute;
  left:25px;
  top:25px;
  width:950px; /* 845px; */
  height:107px;
  border:0px solid white;
  background-color:white;
}

#titleArea {
  margin:0px;
  padding:0px;
  background-color:white;
 }

#pageContent {
  position:absolute;
  left:25px;
  top:170px;
  width:950px;
  background-color:white;
}

#leftColumn {
  position:absolute;
  left:0px;
  top:0px;
  width:230px;
  margin:0px 0px 0px 5px;
  padding:0px;
}

#contentColumn {
  position:absolute;
  left:255px;
  top:-15px;
  width:430px;
  margin:0px;
  border-left:1px solid silver;
  border-right:1px solid silver;
  padding:0px 12px 0px 12px;
  color:#000000;
  font-size:12px;
  line-height:16px;
}

#rightColumn {
  position:absolute;
  left:721px;
  top:-15px;
  width:227px;
  margin:0px;
  padding:0px;
}

#footer {
  background-color:#efefef;
  margin-top:2.5em;
  padding-right:1em;
  text-align:right;
}

/* keine Anzeige bei Einzelsatz */
#record + #footer {
   visibility:hidden;
}

a[href^="http:"], a[href^="mailto:"] {
  color:navy;
  font-size:10px;
  font-weight:normal;
  text-decoration:none;
}

a {
  color:#3F3F3F; /* black; */
  font-size:10px;
  font-weight:bold;
  text-decoration:none;
}

a.artistlink {
  font-weight:normal;
}

a:visited {
  color:#3F3F3F; /* black; */
  font-size:10px;
  font-weight:bold;
  text-decoration:none;
}

b {  color:#4F4F4F; /* black; */}

h4 {
  color:#767676;
  font-size:12px;
  font-weight:bold;
  font-stretch:expanded
}

h2 {
  font-size:20px;
  color:#4f4f4f; /*black;*/
  border-bottom:6px solid #5E8CC0;
  text-transform:lowercase;
  font-weight:normal;
  line-height:20px;
  margin-bottom:2em;
  padding-left:20px;
}

h2.event, h2.presenter {
  margin-bottom:0px;
}

h2.event + h3 {
  color:silver;
  text-transform:lowercase;
}

h3 {
  color:#767676;
  font-size:14px;
  font-weight:bold;
  text-transform:none;
  border:0px;
  font-family:Verdana,Arial,Helvetica,Monaco,sans-serif;
}

h3 {
  padding-left:20px;
}

.reader {
  font-size:10px;
  line-height:14px;
  margin-left:20px;
}

.spacer {
  line-height:0.3em;
}

.categories {
  font-size:11px;
  color:gray;
  line-height:1.2em;
  margin-top:1em;
  margin-bottom:1em;
  text-align:right;
}

.alpha {
  text-align:right;
  margin-bottom:3em;
}

tt {
  border-bottom:3px solid #779ad2;
  width:100%
}

input {
  color:#767676;
  font-size:10px;
  font-weight:bold;
  font-stretch:normal;
  width:160px;
  background:#F0EEF0;
}

select {
  color:#767676;
  font-size:10px;
  font-weight:normal;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  width:65px;
  font-stretch:narrow;
}

i {
  border-bottom:3px solid #779ad2;
  width:100%
}

.versatz {
  position:relative;
  left:40px;
}

.versatz2 {
  position:relative;
  left:0px;
}

.menuArea {
  height:22px;
  margin:0 4px 0 4px;
  padding:0px;
  border:1px solid white;
  background-color:#009AED;
}

.columnHeader {
  height:45px;
  margin:5px 5px 5px 0px;
  padding:0px;
  border:1px solid white;
  background-color:#009AED;
}

.columnSelector {
  margin:0px 0px 0px 0px;
  padding:0px;
  border-left:1px solid white;
  font-size:10px;
  color:black;
  font-weight:bold;
}

.columnSelector img {
  margin:0px;
  padding:0px;
  border:none;
}

.columnSeparator {
  height:43px;
  margin:5px 5px 5px 0px;
  padding:0px;
  border:1px solid white;
  background-color:#009AED;
}

.selectedGenre {
  color:#009AED;
 }

.doubleColumn {
  position:absolute;
  left:258px;
  top:0px;
  width:680px;
  margin:0px;
  padding:0px;
  border:2px;
 }

.themePicture {
  width:202px;
  height:9px;
  margin:0px 0px 5px 0px;
  padding:0px;
  border:1px solid white;
}

.themeContent {
  width:228px;
  height:600px; /* 399 */
  margin:0px;
  padding:2px 2px 2px 3px;
  border:1px solid white;
  color:black;
  font-size:10px;
  line-height:16px;
  overflow:auto;
}

.eventCriteria {
  height:45px;
  width:408px;
  margin:0px 0px 5px 0px;
  padding:0px;
}

.criteriaBoxLeft,.criteriaBoxRight {
  float:left;
  height:18px;
  border:1px solid white;
  background-color:#009AED;
  color:white;
  font-size:10px;
  font-style:normal;
  font-weight:200;
}

.criteriaBoxRight
{width:200px;
margin:0px}

.criteriaBoxLeft
{width:199px;
margin:0 5px 5px 0px}

/* Einzelsätze */
#recordAddress  { margin:0px; padding:0px; font-size:10px; border-top:20px; }
#recordArtist   { margin:0px; padding:0px; font-size:10px; border-top:20px; }
#recordEvent    { margin:0px; padding:0px; font-size:10px; border-top:20px; }
#recordLocation { margin:0px; padding:0px; font-size:10px; border-top:20px; }

#recordPic   { border:0px;}
/* #recordHead  { border-bottom: 3px solid #5E8CC0; line-height:12px; font-weight:bold; color:#4f4f4f;} */
#recordBody  { line-height:14px; }

/* Listen */
.addressList  { overflow-y:hidden; overflow-x:hidden; font-size:10px;}
.artistList   { overflow-y:hidden; overflow-x:hidden; font-size:10px;}
.eventList    { overflow-y:hidden; overflow-x:hidden; font-size:10px;}
.locationList { overflow-y:hidden; overflow-x:hidden; font-size:10px;}
.overviewList { overflow-y:hidden; overflow-x:hidden; font-size:10px;}

.listEntry { margin:32px 0px 12px 0px; padding:0px; clear:both; }
/* overflow-x vererbt sich nicht korrekt, daher hier wiederholen */
.listPic   { width:120px; height:84px; float:left; overflow-x:hidden;}
.listHead  { margin-left:124px; border-bottom: 3px solid #5E8CC0; line-height:11px;}
.listBody  { margin-left:124px; padding-left:2em;}

.eventHeader    { height:20px; margin:0px; padding:0px; border-bottom:1px solid white; }
.eventGenre     { width:72px; }
.eventTitle     { position:relative; float:left; width:230px; height:20px; left:159px; top:-74px;
  color:#4f4f4f; /*black;*/
  font-size:10px; font-style:normal; line-height:12px; padding:0px; }

.addressHeader { margin-top:2em; line-height:12px; border-bottom:3px solid #779ad2;
  color:#4f4f4f; /*black;*/
  font-size:10px; font-weight:normal;
  padding:0px
}


.navigatorPages {
  float:left;
  font-size:10px;
}

.navigatorPages ul {
  list-style:none;
  padding:2px 3px 2px 0px;
  margin-top:2px;}

.navigatorPages li {
  display:inline;
  padding:0px 4px 0px 4px;
  margin:0px 1px 0px 0px;
  text-align:center;
  color:gray;
  border:1px solid #2f2d3d;
}

.activeEntry {
 color: #5E8CC0;
}