/**
 * Screen, Projection and Print stylesheet
 * TANZ Bremen 2008
 *
 * @version	 1.1
 * @modified 2008-01-04
 * @author	 <hw@vorderdeck.de>
 */

/**
 * @media	screen, projection
 *
 */

@media screen,projection {

/**
 * Initials & reset
 * -----------------
 */

html {
font-size : 100%;
}
body {
margin : 0;
padding : 0;
color : #444;
text-align : center;
font : x-small/18px 'Helvetica Neue',Arial,clean,sans-serif;
}
table {
font-size : inherit;
font : 100%;
}

/**
 * Tags
 * -----------------
 */

h1 {
color : #000;
font-size : 180%;
line-height : 18px;
text-transform : uppercase;
font-family : 'HelveticaNeue-CondensedBold','Helvetica Neue',Arial,clean,sans-serif;
background : #fff;
border-top : 1px solid #000;
border-bottom : 1px solid #000;
}
h2, h3, h4, h5, h6 {
font-size : 100%;
}
h2 {
color : #b3005d;
text-transform : uppercase;
}
p, h1,h2, h3, h4, ul, ol, dl, blockquote, table {
margin : 0 0 18px 0;
padding : 0;
}
h3 {
text-transform : uppercase;
}
h3, h4, h5, h6 {
margin : 0;
}
h3, h4 {
color : #000;
font-style : normal;
}
a {
color : #b3005d;
text-decoration : none;
border-bottom : 1px solid #b3005d;
}
a:focus,a:hover,a:active {
color : #000;
background : #f7e5ee;
}
a img {
border : none;
}
hr {
border : none;
height : 1px;
margin : 0 0 17px 0;
border-bottom : 1px solid #cbdb00;
}
blockquote {
font-style : italic;
margin-left : -24px;
padding-left : 24px;
background : url(../../media/shared/bg/rdquo.gif) no-repeat 0 .3em transparent;
}
blockquote em {
display : block;
color : #404040;
text-align : right;
font-size : 92%;
font-style : normal;
font-weight : bold;
}

/**
 * Grid
 * -----------------
 */

.skip {
position : absolute;
top : -1000em;
}
#container {
position : relative;
margin : 0 auto;
margin-top : -1px;
width : 780px;
min-height : 488px;
text-align : left;
background : url(../../media/shared/bg/main.gif) no-repeat 50% 0 #fff;
border-top : 1px solid #fff;
}
#top {
height : 80px;
padding : 0;
margin : 18px 40px 82px 0;
text-align : right;
}
#top a, #top em {
float : right;
height : 80px;
width : 225px;
display : block;
color : #fff;				/* IE     */
font : 0px/0 sans-serif;	/* Safari */
text-indent : -3000px;
letter-spacing : -100em; 	/* Opera  */
background : url(../media/shared/tanz_bremen_2008.gif) no-repeat 0 0 transparent;
border : none;
}
#content {
width : 360px;
min-height : 342px;
float : right;
font-size : 120%;
}
#preface {
width : 360px;
min-height : 12em;	/* push below menu */
margin-left : 420px;
font-size : 120%;
}
#full-content {
margin-left : 20px;
color : #000;
font-size : 120%;
}
.left {
float : left;
width : 380px;
padding-left : 20px;
background : url(../../media/shared/bg/trans.gif) 0 0 transparent;
}
.right {
margin-left : 400px;
background : url(../../media/shared/bg/trans.gif) 0 0 transparent;
}
#footer {
clear : both;
height : 60px;
margin : 36px 20px 0 20px;
font-size : 100%;
text-transform : uppercase;
background : url(../../media/shared/bg/footer.gif) no-repeat 0 100% #fff;
}
#footer a {
color : #444;
border : none;
}
#footer a:hover {
border-bottom : 1px solid #000;
}
#footer span {
display : none;
}

/**
 * Menu
 * -----------------
 */

#menu {
top : 16px;
position : fixed;
margin : 0;
padding : 0;
list-style : none;
font-size : 180%;
font-family : 'HelveticaNeue-Condensed','Helvetica Neue',Arial,clean,sans-serif;
}
#wide > #container > #menu {
position : absolute;
}
#menu li  {
margin : 0 0 8px 0;
padding : 0;
list-style : none;
}
#menu a, #menu em {
padding : 0 6px 0 0;
color : #000;
font-style : normal;
line-height : 28px;
text-transform : uppercase;
text-decoration : none;
letter-spacing : 1px;
background : #fff;
border : none;
}
#menu em, #menu li.current a {
color : #b3005d;
}
#menu a:hover {
text-decoration : underline;
}
#menu ul {
margin : -4px 0 0 0;
padding : 0 4px 4px 0;
font-size : 56%;
background : #fff;
}
#menu ul li {
margin : 0;
padding : 0;
}
#menu ul a, #menu ul em {
line-height : 18px;
}
#menu li.current ul a {
display : block;
padding : 0 0 0 10px;
color : #000;
background : url(../../media/shared/bg/dots.gif) no-repeat 0 50% transparent;
}
#menu li.current ul em {
display : block;
padding : 0 0 0 10px;
background : url(../../media/shared/bg/dots.gif) no-repeat 0 50% transparent;
}

/**
 * Content styles
 * -----------------
 */

#language {
position : absolute;
margin : 0;
margin-top : -54px;
}
#content img {
display : block;
}
.aside {
position : relative;
float : left;
clear : both;
margin-left : -240px;
width : 220px;
color : #000;
font-size : 92%;
font-style : italic;
}
.outer {
margin-left : -400px;
width : 380px;
}
.outer * {
opacity : .7;
}
.aside h3 {
margin-top : 36px;
padding-bottom : 18px;
background : #fff;
}

a.ticketlink {
}

.summary {
color : #000;
}
.production {
color : #000;
background : #fcfcfc;
border-right : 20px solid #f3f3f3;
}

#prices {
color : #000;
}
#fees {
width : 100%;
border-collapse : collapse;
border : 2px solid #cbdb00;
}
#fees th,#fees td {
border-right : 1px solid #cbdb00;
border-bottom : 1px solid #cbdb00;
}
#fees th {
background-color : #f5f8cc;
border-bottom : 2px solid #cbdb00;
border-right : 2px solid #cbdb00;
}
#fees th.category {
font-weight : normal;
}
#prices dt {
clear : both;
float : left;
width : 7em;
padding-left : 1em;
background-color : #f5f8cc;
border-right : 2px solid #b3005d;
border-bottom : 2px solid #b3005d;
}
#prices dd {
margin-left : 8.2em;
padding-left : 1em;
background : #f7e5ee;
border-top : 1px solid #fff;
border-bottom : 1px solid #cbdb00;
}

.datelist dt {
color : #000;
clear : both;
float : left;
width : 9em;
}
.datelist dd {
margin-left : 9em;
}

#plan dt {
clear : both;
margin-top : 18px;
color : #000;
}
#plan .date {
display : block;
position : relative;
width : 140px;
text-align : right;
margin : -1em 0 0 -160px;
color : #000;
font-size : 150%;
font-family : 'HelveticaNeue-CondensedBold','Helvetica Neue',Arial,clean,sans-serif;
}
#plan .time {
position : relative;
float : left;
margin-left : -160px;
width : 140px;
text-align : right;
background : url(../../media/shared/bg/trans.gif) 0 0 #f5f8cc;
}
#plan .location a {
color : #000;
border : none;
text-decoration : underline;
}
#plan dd {
margin : 0;
font-weight : bold;
}
#plan .title {
text-transform : uppercase;
}
#plan .type {
letter-spacing : 1px;
}

#program-table {
width : 100%;
empty-cells : show;
line-height : 13px;
background : url(../../media/shared/bg/trans.gif) 0 0 transparent;
border-collapse : collapse;
border : 2px solid #cbdb00;
}
#program-table td, #program-table th {
padding : 3px;
border-right : 1px solid #cbdb00;
border-bottom : 1px solid #cbdb00;
}
#program-table th {
text-align : center;
}
#program-table thead th {
width : 14%;
border-bottom : 2px solid #cbdb00;
}
#program-table tbody th {
border-right : 2px solid #cbdb00;
}
#program-table .date {
display : block;
}
#program-table .time {
color : #000;
font-size : 92%;
}
#program-table .title {
display : block;
line-height : 16px;
font-weight : bold;
}
#program-table .location {
font-size : 92%;
background-color : #f5f8cc;
}
#program-table .location a {
color : #000;
}
#program-table .type {
display : block;
font-size : 92%;
text-transform : uppercase;
}
#program-table hr {
margin : 6px -2px;
border-color : #cbdb00;
}
#program-table tfoot td {
padding : 0;
}
#program-table tfoot span {
display : block;
border-top : 1px solid #cbdb00;
padding : 6px;
}

#premieres dt {
margin-top : 18px;
color : #000;
font-weight : bold;
}
#premieres dd {
margin : 0;
}
#premieres a {
font-weight : bold;
}
.td-left {
background-color : #f7e5ee;
}
.td-right {
background-color : #f5f8cc;
}

/**
 * end media screen
 *
 */

}

/**
 * @media print
 *
 */
 
@media print {

body {
font : 9pt/1.5 'Helvetica Neue',Helvetica,Arial,sans-serif;
}
* {
color : #000;
background : #fff;
}
.skip,#menu,#footer,.aside {
display : none;
}
hr,table,th,td {
border : 1px solid #000;
border-collapse : collapse;
}

}
/**
 * end media print
 *
 */