/* bremer shakespeare company */

html {
height: 100%;
background: url(../img/shared/ws.jpg) no-repeat 620px 0 #fff fixed;
}
body {
width : 76em;
height: 100%;
margin: 0;
padding: 0;
font: x-small/18px 'Lucida Grande','Trebuchet MS', arial, sans-serif;
_font : xx-small;
background: url(../img/shared/html.gif) repeat-y left top #fbfbef;
}
html > body {
height : auto !important;
min-height : 100%;
position : absolute; /* Safari */
}
input, textarea, select {
font: 100% 'Lucida Grande','Trebuchet MS', arial, sans-serif;
}
table {
font-size : inherit;
font : 100%;
}
h1 {
margin : 0 0 18px 0;
color: #603;
font-size : 163%;
line-height : 1;
}
h2 {
color: #006;
margin : 18px 0;
font-size: 120%;
line-height : 1;
}
h3 {
color: #006;
}
h3,h4,h5,h6 {
margin: 0;
font-size: 100%;
}
p, ul, ol {
margin: 0 0 18px 0;
}
ul {
list-style: square;
}
hr {
height: 1px;
margin: 18px 0;
color: #c63;
background: #c63;
border : none;
}
a {
color : #006;
text-decoration : underline;
}
a:hover {
text-decoration: none;
}
a img {
border : none;
}
fieldset {
margin : 0;
padding : 0;
border : none;
}
.hide {
top : -1000em;
position : absolute;
}

/* containers */

#top {
top : 0;
left : 0;
position : absolute;
width: 76em;
height: 18em;
}
#logo {
float : left;
}
#container {
margin : 0 140px;
padding-top : 18em;
}
#wrapper {
float : left;
width : 99%;
}
#content {
z-index : 99;
position : relative;
margin : 12px 12px 60px 12px;
font-size : 110%;
}
#right {
float : right;
width: 140px;
padding-top : 12px;
font-size : 110%;
}
#clear {
clear : both;
visibility: hidden;
}
/* header + dropdowns */

#menu, #menu li, #menu ul {
margin: 0;
padding: 0;
list-style: none;
text-shadow : 1px 1px 1px rgba(0,0,0,.4);
}
#menu {
height : 18em;
overflow : hidden;
text-transform : lowercase;
}
* html #menu {
border-bottom : 1px solid #fbfbef; /* IE needs border for overflow:hidden */
}
#menu li {
width: 16em;
float: left;
}

#menu a,#menu em {
height: 2.6em;
padding: 6px 0 4px 12px;
font-size : 150%;
font-style : normal;
display: block;
color: #fff;
text-decoration: none;
}
#menu em {
color : #ccc;
}
li#home {
width : 140px;
background : url(../img/shared/bsc.gif) no-repeat left top transparent;
}
li#home a {
text-indent : -100em;
height : 140px;
padding : 0;
}
#menu li#spielplan a,#menu li#spielplan ul {
background: #903;
}
#menu li#company a, #menu li#company ul {
background: #B31E00; /*#F03*/
}
#menu li#news a,#menu li#news ul {
background: #C63;
}

/* second level*/

#menu li ul {
height : 300px;	/* to make it long enough */
float: none;
display: none;
}
#menu li:hover ul {
display: block;
}
#menu li li {
padding: 0 1em!important;
width : 14em;
float: none;
}
#menu li li a, #menu li li em {
display: block;
height: auto;
width : 100%;
padding: 0;
border-top: 1px dotted #fbfbef;
font-size: 120%;
line-height: 1.8;
}
#menu li li a:hover {
text-decoration : underline;
}

/* submenu */

ul#submenu {
margin: 0;
padding: 0;
width: 140px;
font-size : 120%;
list-style: none;
line-height : 27px;
text-transform: lowercase;
background : #f5f5dc;
}
#submenu a,#submenu em {
display: block;
padding: 0 15px;
color: #006;
font-style : normal;
text-decoration: none;
border-bottom: 1px solid #efefcd;
}
* html #submenu a, * html #submenu em {
width : 110px;
}
#submenu a:hover,#submenu li.current em {
color: #fff;
background: #006;
}
#submenu #imprint {
margin-top: 4em;
}
#submenu #fcbk {
margin-top: 3em;
}
#submenu li img {
vertical-align : text-bottom;
}
#submenu dfn {
display : block;
font-size : 92%;
margin-top : -1em;
}
ul#submenu i {
display : block;
margin-bottom : -.5em;
text-transform : none;
}

/* sidebar */

#right img {
display : block;
margin-bottom : 18px;
}

/* stuff */

dl.news dt, dl.topnews dt {
font-style : italic;
}
dl.topnews dt {
padding : 9px 0;
border-top: 1px solid #f5f5dc;
background: url(../img/shared/readon.gif) no-repeat 99% 50%;
}
dl.topnews dt.selected {
background : none;
}
dl.topnews dt:hover {
background-color : #fff;
}
dl.news dt strong, dl.topnews dt {
color : #c63;
font-style : normal;
}
dl.topnews dt {
color: #603;
font-weight : bold;
font-size : 120%;
border-bottom: 1px solid #603;
}
dl.news dd, dl.topnews dd {
margin : 0;
}

dl.topnews dd {
margin-top : 9px;
border-bottom: 1px solid #fff;
}


dl.news .readon {
margin : 0 0 9px 0;
padding : 0 0 9px 0;
text-align: right;
border-bottom: 1px solid #c63;
}

dl.news dd.readon a  {
padding-right: 16px;
background: url(../img/shared/readon.gif) no-repeat right 40%;
color: #006;
text-decoration: none;
}

dl.news dd.readon a:hover {
text-decoration: underline;
}

#program {
width : 100%;
margin : 0 0 18px 0;
border-collapse : collapse;
empty-cells : show;
}

#program th, #program td {
text-align: left;
vertical-align: top;
padding: 4px 4px 4px 0;
}
#program th {
text-transform : uppercase;
background: #f5f5dc;
border-bottom : 1px solid #c63;
}
#program td {
border-bottom : 1px solid #f5f5dc;
}
#program #col-date {
width : 15%;
}
#program #col-title {
width : 70%;
}
#program #col-tickets {
width : 15%
}
.date {}
.date strong {}
.location {}
.summary {}
.tickets {}

#productions {
margin : 0;
padding : 0;
list-style : none;
}
#productions li {
margin : 0 0 18px 0;
padding : 0;
}
#productions li strong {
text-transform : uppercase;
}

#ensemble, #ensemble li {
margin : 0;
padding : 0;
list-style : none;
}
#ensemble li {
float : left;
width : 140px;
margin : 18px 0 0 0;
line-height : 1;
}
#ensemble div {
height : 140px;
overflow : hidden;
}

#citation {
margin : 0;
padding : 0;
color : #c93;
font : italic bold 150%/27px 'Lucida Grande','Lucida Sans','Trebuchet MS',Arial,sans-serif;
}

.people {
margin : 0;
padding : 0;
list-style : none;
}
.people li {
margin : 0 0 2px 0;
padding : 0;
}
.people li a {
text-transform : uppercase;
}
.people em {
display : block;
}