/**
 * Screen, Projection and Print Styles
 * TANZ Bremen 2010
 *
 * @version	 1.0
 * @modified 2010-02-06
 */

/**
 * @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 sans-serif;
text-shadow : 0px 1px 1px rgba(255,255,255,.8);
}
table {
font-size : inherit;
font : 100%;
}

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

p, h1,h2, h3, h4, ul, ol, dl, blockquote, table {
margin : 0 0 18px 0;
padding : 0;
}
h1 {
position : relative;
margin-right : -20px;
color : #000;
font-size : 180%;
line-height : 18px;
text-transform : uppercase;
font-family : 'HelveticaNeue-CondensedBold','Arial Narrow',Arial,sans-serif;
background : #fff;
border-top : 1px solid #000;
border-bottom : 1px solid #000;
}
h2, h3, h4, h5, h6 {
font-size : 100%;
}
h2 {
margin : 9px 0;
color : #d4021d;
text-transform : uppercase;
}
h3+h2 {
margin : 0 0 18px 0;
}
h3 {
text-transform : uppercase;
}
h2 span, h3 span {
text-transform : none;
}
h3, h4, h5, h6 {
margin : 0;
}
h3, h4 {
color : #000;
font-style : normal;
}
a {
color : #d4021d;
text-decoration : none;
background : #fff;
border-bottom : 1px solid #d4021d;
}
a:focus,a:hover,a:active {
color : #000;
background : #fbece4;
}
#content a {
-webkit-transition : background .4s linear, color .4s linear;
}
a img {
border : none;
}
hr {
border : none;
height : 1px;
margin : 0 0 17px 0;
border-bottom : 1px solid #d4021d;
}
blockquote {
font-style : italic;
margin-left : -24px;
padding-left : 24px;
background : url(../../media/shared/bg/rdquo.gif) no-repeat 0px 1px transparent;
}
blockquote em {
display : block;
color : #404040;
text-align : right;
font-size : 92%;
font-style : normal;
}

/**
 * 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 : 16px 38px 82px 0;
text-align : right;
}
#top a, #top em {
float : right;
display : block;
height : 80px;
width : 225px;
color : #fff;				/* IE     */
font : 0px/0 sans-serif;	/* Safari */
text-indent : -3000px;
letter-spacing : -100em; 	/* Opera  */
background : url(../media/shared/tanz_bremen_2010.gif) no-repeat 0 0 transparent;
border : none;
}
#content {
float : right;
width : 340px;
padding-right : 20px;
min-height : 342px;
font-size : 120%;
}
#preface {
width : 340px;
min-height : 15em;	/* push below menu */
_height : 15em;
margin-left : 420px;
font-size : 120%;
}
#full-content {
margin : 0 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;
_position : absolute;
margin : 0;
padding : 0;
list-style : none;
font-size : 180%;
font-family : 'Helvetica Neue',Arial,sans-serif;
}
#wide > #container > #menu {
position : absolute;
}
#menu ul {
box-shadow : 3px 3px 4px #333;
-moz-box-shadow : 3px 3px 4px #333;
-webkit-box-shadow : 3px 3px 4px #333;
}
#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;
box-shadow : 4px 3px 4px #333;
-moz-box-shadow : 4px 3px 4px #333;
-webkit-box-shadow : 4px 3px 4px #333;
}
#menu em, #menu li.current a {
color : #d4021d;
}
#menu a:hover {
text-decoration : underline;
}
#menu ul {
margin : -4px 0 0 0;
padding : 0 4px 4px 0;
font-size : 62%;
background : #fff;
}
#menu ul li {
margin : 0;
padding : 0;
}
#menu ul a, #menu ul em {
_float : left;
line-height : 18px;
letter-spacing : normal;
}
#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;
box-shadow : none;
-moz-box-shadow : none;
-webkit-box-shadow : none;
}
#menu li.current ul em {
display : block;
padding : 0 0 0 10px;
background : url(../../media/shared/bg/dots.gif) no-repeat 0 50% transparent;
box-shadow : none;
-moz-box-shadow : none;
-webkit-box-shadow : none;
}
#menu li.current ul li.current a {
color : #d4021d;
}

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

#language {
position : absolute;
margin : 0;
margin-top : -54px;
}
#content img {
display : block;
}
.side img {
cursor : -moz-zoom-in;
cursor : -webkit-zoom-in;
border : 1px solid #444;
}
.aside {
position : relative;
float : left;
clear : both;
margin-left : -240px;
_margin-left : -120px;
width : 220px;
color : #000;
font-size : 92%;
font-style : italic;
}
.outer {
margin-left : -400px;
_margin-left : -400px;
width : 380px;
}
.outer * {
opacity : .7;
}
.aside h2 {
color : #000;
font-style : normal;
background : #fff;
}

.summary {
color : #000;
background : #fcfcfc;
}
.production {
margin : 0 -20px;
padding : 0 20px;
color : #000;
background : #fcfcfc;
border-right : 20px solid #f3f3f3;
_border-right-width : 40px;
}

.video {
margin-top : 20px;
margin-bottom : 20px;
}
.video object, .video embed {
box-shadow: rgb(46, 51, 60) 0px 4px 20px;
-moz-box-shadow: rgb(46, 51, 60) 0px 4px 20px;
-webkit-box-shadow: rgb(46, 51, 60) 0px 4px 20px;
}

#prices {
color : #000;
}
#prices table {
width : 100%;
}
#prices th,#prices td {
width : 30%;
margin : 2px;
padding : 2px 4px;
border-right : 1px solid #d4021d;
border-bottom : 1px solid #d4021d;
}
#prices th {
background-color : #f7d8c8;
border-bottom : 2px solid #d4021d;
border-right : 2px solid #d4021d;
}
#prices th.category {
font-weight : normal;
}


#program-table {
width : 100%;
empty-cells : show;
line-height : 1.3;
background : url(../../media/shared/bg/trans.gif) 0 0 transparent;
border-collapse : collapse;
border : 1px solid #d4021d;
}
#program-table td, #program-table th {
width : 13%;
padding : 2px;
text-align : center;
border-right : 1px solid #f7d8c8;
border-bottom : 1px solid #f7d8c8;
}
#program-table th {
text-align : center;
background : white;
background : rgba(255,255,255,.9);
}
#program-table thead th {
border-bottom : 1px solid #f7d8c8;
}
#program-table thead th:first-child {
background : #d4021d;
}
#program-table tbody th {
border-right : 1px solid #f7d8c8;
}
#program-table td {
font-size : 92%;
-webkit-transition : background-color .2s linear;
}
#program-table td:hover {
background-color : rgba(0,0,0,.05);
}
#program-table .date {
display : block;
}
#program-table .time {
color : #000;
}
#program-table .title {
display : block;
line-height : 16px;
font-weight : bold;
}
#program-table .location {
font-size : 92%;
}
#program-table .location a {
color : #000;
font-style : italic;
background : white;
border-bottom : 1px solid white;
}
#program-table .type {
display : block;
font-size : 92%;
text-transform : uppercase;
}
#program-table hr {
margin : 6px -2px;
border-color : #f7d8c8;
}
#program-table tfoot td {
padding : 0;
}
#program-table tfoot span {
display : block;
border-top : 1px solid #f7d8c8;
padding : 6px;
}

.partners {
text-align : center;
}
.partners img {
margin : 36px auto;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a, #jquery-lightbox a img {
background : transparent;
border: none;
}
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev { 
left: 0; 
float: left;
}
#lightbox-nav-btnNext { 
right: 0; 
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px; 
color: #666;
overflow : hidden;
}
#lightbox-container-image-data #lightbox-image-details { 
width: 70%; 
float: left; 
text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block; 
clear: left; 
padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
width: 66px; 
float: right;
padding-bottom: 0.7em;	
}


/**
 * 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
 *
 */