/*
theater.kungerkiez.de, 2011.
*/

/**** Misc Tags ****/

* {
 margin: 0px;
 padding: 0px;
}
html {overflow-y:scroll;} 
body {
 background: white;
 font-family: serif;
}

a img{ border: 0px; }

a { text-decoration: none;}

/**** Span class's *****/

.br { clear: both;}
.pink { color: #c60000;}
.small { font-size: x-small;}
.large { font-size: xx-large;}
.right { float: right;}
.left { float: left;}
.center { margin: 0 auto; text-align: center;}

img.right
{
  margin-left: 2em;
  margin-top: 2em;
  margin-bottom: 2em;
}

/**** Site Container ****/

#container
{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
  min-width: 800px;
  max-width: 1000px;
}

/**** Content ****/

#content
{
  width: 100%;
  overflow: visible;
  display: none;
}

#content a
{
  color: #c60000;
}

#content a:hover
{
  color: #ff0000;
  text-decoration: underline;
}

#content ul {padding-left:1.5em}

#content h2
{
  font-family: Helvetica, Arial, Geneva, Verdana, sans-serif;
  color: #000;
  padding-top: 20px;
  padding-bottom: 10px;
  font-size: xx-large;
}

#content h3
{
  font-family: Helvetica, Arial, Geneva, Verdana, sans-serif;
  padding-top: 1em;
  clear: both;
}

/**** Logo ****/

#logo
{
  margin-top: 20px;
  height: 150px;
  margin-bottom: 20px;
  min-width: 800px;
  width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
}
#logo img
{
  margin: 0px;
  padding: 0px;
}
#logo img.klein {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 25px;
  margin-bottom: 25px;
}
#logo div {
  margin: 0 0 0 150px;
}
#logo div div {
  margin: 0px;
  padding: 0px;
  width: 25%;
  float: left;
  vertical-align: middle;
}
#logo div div img {
  margin: 0px;
  padding: 0px;
  float: right;
}
/**** Columns ****/
div.left-column {
  float: left;
  width: 75%;
  padding: 0px;
  margin: 0px;
}
div.thinner {
  float: left;
  width: 580px;
  padding: 0px;
  margin: 0px;
}
div.right-column {
  float: right;
  width: 25%;
  padding: 0px;
  margin: 0px;
  text-align: right;
}
div.right-column h2 {
  margin-bottom: 5px;
}
/**** Navlist ****/

.navlist
{
  font-family: Helvetica, Arial, Geneva, Verdana, sans-serif;
  float: left;
  width: 100%;
  margin-bottom: 2em;
  text-align: center;
}

.navlist ul {
  list-style: none;
  display: table;
  margin: 0px auto;
}

.navlist li {
  float: left;
  padding-right: .3em;
  padding-left: .3em;
  border-right: solid 1px;
}
.navlist li.last {
  float: left;
  border-right: none;
}

.navlist li a{
 color: #959596;
 padding-left: 1px;
 padding-right: 1px;
}

.navlist li a:hover {
 color: black;
}

.navlist li a.active {
 color: black;
}


/**** Ensemble ****/
div.ensemble {
  margin-left: 0;
  margin-right: 0;
  padding-top: 1em;
  margin-bottom: 80px;
  width: 100%;
}
.ensemble div.idcard {
  width:          135px;
  height:         135px;
  float:          left;
  margin-right:   2px;
  margin-left:    2px;
  margin-top:     2px;
  margin-bottom:  2px;
  overflow:       hidden;
  text-align:     center;
  vertical-align: bottom;
}
.ensemble div.idcard div.name {
  font-size: large;
  font-weight:    bold;
  color:          #000;
  padding-left: 5px;
  font-family: Helvetica, Arial, Geneva, Verdana, sans-serif;
}
.ensemble .idcard img
{
  float:        left;
  width: 135px;
  height: 135px;
  position: relative;
  top:0;
  left: 0;
}
.ensemble .idcard .details
{
  display: none;
  position: relative;
  bottom: 130px;
  left: 0px;
  z-index: 1;
  width:        130px;
  text-align:     left;
  font-size: x-small;
}
.ensemble .idcard .details ul
{
  text-align: right;
  padding: 0px;
  list-style-position: outside;
  list-style: none;
}
.ensemble .idcard .details a
{
  font-weight: normal;
  color: black;
}

/**** Orgas ****/
div.orgas {
  margin-left: 0;
  margin-right: 0;
  padding-top: 1em;
  margin-bottom: 80px;
}
.orgas div.idcard {
  width:          500px;
/*  height:         200px;*/
  float:          left;
  margin-right:   2px;
  margin-left:    0px;
  margin-top:     2px;
  margin-bottom:  2px;
  overflow:       hidden;
  text-align:     left;
  vertical-align: top;
}
.orgas div.idcard div.name {
  font-size: x-large;
  font-weight:    bold;
  color:          #000;
  padding-top: .5em;
  padding-left: .1em;
  font-family: Helvetica, Arial, Geneva, Verdana, sans-serif;
}
img.icon
{
  vertical-align: middle;
  width: 16px;
  height: 16px;
}
.orgas .idcard img.face
{
  float:        left;
  width: 135px;
  height: 135px;
}
.orgas .idcard .details
{
  float: left;
  text-align:     left;
  font-size: x-small;
}
.orgas .idcard .aufgabe
{
  padding-left: 1em;
  padding-top: .5em;
  font-size: large;
}
.orgas .idcard ul.projects
{
  float: right;
  text-align: right;
  padding: 0px;
  list-style-position: outside;
  list-style: none;
}
.orgas .idcard ul.kontaktdaten
{
  color: #959596;
  float: left;
  text-align: left;
  padding-left: .5em;
  list-style-position: outside;
  list-style: none;
}
.orgas .idcard ul.kontaktdaten li
{
  padding-left: 2em;
}
.orgas .idcard ul.kontaktdaten img.icon
{
  padding-right: .2em;
}
.orgas .idcard .details a
{
  font-weight: normal;
  color: black;
}

/**** Macbeth Ensemble ****/
#macbeth-ensemble {
  margin-left: 2em;
  width: 550px;
}
#macbeth-ensemble div.idcard {
  width:          240px;
  height:         110px;
  float:          left;
  margin-right:   10px;
  margin-left:    0px;
  margin-top:     10px;
  margin-bottom:  10px;
  padding-right:  5px;
  overflow:       hidden;
  text-align:     left;
  vertical-align: top;
}
#macbeth-ensemble div.idcard div.name {
  font-weight:    bold;
  color:          #000;
  font-family: Helvetica, Arial, Geneva, Verdana, sans-serif;
}
#macbeth-ensemble div.idcard div.rolle {
  color:          #503905;
}
#macbeth-ensemble div.idcard-hover {
  border-right:   5px solid #c60000;
}
#macbeth-ensemble .idcard img
{
  float:        left;
  width:        100px;
  margin-right: 5px;
  min-height:   110px;
}

.partner-liste
{
  list-style: none;
}
.partner-liste li
{
  overflow: hidden;
  padding-top: 1em;
  padding-bottom: 1em;
  width: 100%;
  font-weight: bold;
  height: 150px;
}
.partner-liste img
{
  padding-right: 1em;
  float: left;
  border: none;
  vertical-align: middle;
}
.partner-liste span
{
  margin-top: 2em;
  vertical-align: middle;
}
.partner-liste li:nth-child(even)
{
  text-align: right;
}
.partner-liste li:nth-child(even) img
{
  float: right;
  padding-right: 0px;
  padding-left: 1em;
}
h2.stueck, h3.stueck
{
  font-weight: normal;
}
div.stueckdaten
{
  padding-top: 1em;
  padding-bottom: 1em;
}
div.stueckdaten .titel
{
  font-style: italic;
  padding-left: 1em;
}
div.stueckdaten .wert
{
}
ul.stueckdaten
{
  list-style: none;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
}
ul.stueckdaten li em
{
  font-style: normal;
/*  font-family: Helvetica, Arial, Geneva, Verdana, sans-serif;*/
}
/**** Picasa Web Album ****/
/* Picasa Web - #picasa DIV.item MUST BE FIRST!!! accessed as rules[0] by JavaScript!!! */
#picasa div {
  width:120px; height:160px;
  float:left;
  margin:3px;
  overflow:hidden;
  text-align:center;
  vertical-align:top;
  color:#666;
}


/**** Footer ****/

#footer {
 text-align: center;
 color: #666;
 margin-top: 30px;
 font-size: x-small;
 }