/* base.css */

/* Inhalt zentrieren für IE-Browser */
body { text-align: center;}
div.viewport {text-align: left;}
/* Inhalt zentrieren für IE-Browser */


/* Globale Einstellungen */

body {
  background-color: white;
}

div.viewport {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
  border: 0px solid;
  margin-bottom: 30px;
}

div.header {
  position: relative;
  width: auto;
  height: 120px;
  border-bottom: 0px solid;
  margin-bottom: 5px;
}

div.header .left {
  position: absolute;
  left: 3px;
  bottom: 2px;
}

div.header .right {
  position: absolute;
  right: 0px;
  bottom: 0px;
  font-family: helvetica;
  font-weight: bold;
  font-size: 15px;
}

.grizzle {
  height: 20px;
  overflow: hidden;
  line-height: 1px;
  font-size: 1px;
}

.grizzle img {
  width: 21px;
  height: 4px;
  margin: 1px;
  margin-left: 2px;
  margin-right: 2px;
}

div.navigationTop {
  position: relative;
  width: auto;
  height: 40px;
  font-family: helvetica;
  font-size: 14px;
  margin-bottom: 60px;
}

div.navigationTop a:link {
  color: black;
  text-decoration: none;
  border-top: 2px solid white;
  border-bottom: 2px solid white;
}

div.navigationTop a:visited {
  color: black;
  text-decoration: none;
  border-top: 2px solid white;
  border-bottom: 2px solid white;
}

div.navigationTop a:hover {
  color: black;
  text-decoration: none;
  border-top: 2px solid black;
  border-bottom: 2px solid white;
}

/* Top-Links in den jeweiligen Rubriken unterstreichen */

body.home div.navigationTop a.home:link, body.home div.navigationTop a.home:visited {
  border-bottom: 2px solid black;
}

body.programm div.navigationTop a.programm:link, body.programm div.navigationTop a.programm:visited {
  border-bottom: 2px solid black;
}

body.reihen div.navigationTop a.reihen:link, body.reihen div.navigationTop a.reihen:visited {
  border-bottom: 2px solid black;
}

body.archiv div.navigationTop a.archiv:link, body.archiv div.navigationTop a.archiv:visited {
  border-bottom: 2px solid black;
}

body.galerie div.navigationTop a.galerie:link, body.galerie div.navigationTop a.galerie:visited {
  border-bottom: 2px solid black;
}

body.foerderverein div.navigationTop a.foerderverein:link, body.foerderverein div.navigationTop a.foerderverein:visited {
  border-bottom: 2px solid black;
}

body.kontakt div.navigationTop a.kontakt:link, body.kontakt div.navigationTop a.kontakt:visited {
  border-bottom: 2px solid black;
}

div.navigationTop .left {
  position: absolute;
  left: 0px;
  bottom: 2px;
}

div.navigationTop .right {
  position: absolute;
  right: 0px;
  bottom: 2px;
}

div.row {
  position: relative;
  padding-left: 3px;
  padding-left: 0px;  /* 26.1.2010 */
  border-bottom: 0px solid orange;
  font-family: helvetica;
  margin-bottom: 20px;
}

body.home .row {
  margin-bottom: 30px;
}

body.reihen .row {
  margin-bottom: 40px;
}

div.row .left {
  width: 580px;
}

div.row .right {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 280px;
}

div.headline {
  font-family: georgia;
  font-style:italic;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid;
  font-weight: bold;
}

.right div.headline {
  font-weight: normal;
}

h1, h2, h3, h4 {
  margin: 0;
  font-weight: normal;
  font-family: helvetica;
}

h1, h2, h3, h4 {
  font-size: 14px;
  line-height: 22px;
}

p, td {
  font-size: 14px;
  line-height: 22px;
}

td {
  vertical-align: top;
}

div.row a:link {
  color: black;
  text-decoration: none;
  border-bottom: 1px solid black;
}

div.row a:visited {
  color: black;
  text-decoration: none;
  border-bottom: 1px solid black;
}

div.row a:hover {
  color: black;
  text-decoration: none;
  border-bottom: 1px dashed black;
}

/* home.html */

div.terminblock {
  padding-left: 60px;
}

table.info {
  margin-top: 20px;
}

table.info td.kategorie {
  font-weight: bold;
}

table.info td.data {
  padding-left: 10px;;
}

table.sponsoren td {
  line-height: 12px;
  vertical-align: middle;
}

table.sponsoren a:link {
  text-decoration: none;
  border-bottom: 0px;
}

table.sponsoren a:visited {
  text-decoration: none;
  border-bottom: 0px;
}

table.sponsoren a:hover {
  text-decoration: none;
  border-bottom: 0px;
}


/* Termin-Ankündigungs-Block */

h4.datum { font-weight: bold;}
h4.gast { font-weight: bold;}
h3.titel { font-weight: bold; margin-top: 3px; margin-top: 8px;}

.terminblock h3.titel, .terminblock h4.untertitel {font-size: 18px;}

span.reihe, span.profession { font-weight: normal }

body.home h4.datum { padding-left: 3px; }
body.home h4.gast { padding-left: 3px; }
body.home h3.titel { padding-left: 3px; }
body.home h4.untertitel { padding-left: 3px; }


/* programm.html */

body.programm .item {
  padding-bottom: 10px;
  margin-bottom: 10px;
}

/*
.item h4.datum { padding-left: 3px; font-weight: bold;}
.item h4.gast { padding-left: 3px; font-weight: bold;}
.item h3.titel { padding-left: 3px; font-weight: bold; margin-bottom: 3px;}
.item h4.untertitel { padding-left: 3px; }
.item span.reihe, .item span.profession { font-weight: normal }
*/

.item a:link {
  color: black;
  text-decoration: none;
  border-bottom: 1px solid black;
}

.item a:visited {
  color: black;
  text-decoration: none;
  border-bottom: 1px solid black;
}

.item a:hover {
  color: black;
  text-decoration: none;
  border-bottom: 1px dashed black;
}

.programm h4.untertitel {
  /*color: red;*/
  margin-bottom: 10px;
}

.item .left, .item .right {
  border-top: 1px solid; /* margin-top: 10px; */
}

/* archiv.de */

body.archiv span.name { font-weight: bold; }
body.archiv span.profession { font-size: 90%; }
body.archiv .right span.profession { font-size: 90%; }
body.archiv .right span.vorname { font-size: 90%; }
body.archiv  span.titel { font-weight: bold; font-style: italic; }
body.archiv  div.termin { position: relative; border-top: 1px dashed rgb(100,100,100); }
body.archiv  div.media { position: absolute; right: 0px; top: 15px; font-size: 10px; font-weight: bold;}
body.archiv a.titel:link {font-weight: bold; font-style: italic;}
body.archiv a.titel:visited {font-weight: bold; font-style: italic;}
body.archiv a.titel:hover {font-weight: bold; font-style: italic;}

body.archiv h4.datum { font-weight: normal;}
body.archiv h4.gast { font-weight: bold;}
body.archiv h3.titel { font-weight: bold; font-style: italic; margin-bottom: 0px;}
body.archiv h4.untertitel { padding-left: 0px; }
body.archiv span.reihe, body.archiv span.profession { font-weight: normal }

body.archiv h4.quelle { text-align: left; }

body.archiv #mediaspace {margin-top: 8px; margin-bottom: -8px;}

body.archiv .left .headline {margin-top: 60px;}
body.archiv .left /*.headline*/ .first {margin-top: 0px;}

body.archiv .right .headline {margin-top: 20px;}
body.archiv .right /*.headline*/ .first {margin-top: 0px;}

/* Presse-Link i.d. rechten Spalte auf den Archivseiten */

body.archiv div.presselink {}

body.archiv div.presselink p.header {}

body.archiv div.presselink span.titel {font-style: italic; }

body.archiv div.presselink p.teaser {font-size: 80%; margin-top: -10px;}

/* presse.html */

body.presse .right p {
  font-size: 11px;
  line-height: 14px;
  margin-top: 4px;
  margin-bottom: 20px;
}