/*------------------------------------------------------------------------------
@tested browser: 	Firefox: 3.x, Firefox 2.x, Opera 9.5, Safari 3.1.2, IE7, IE6
@min res: 			1024x768
@author:        	Jan Nischan (@email: jan@arrowinapple.de)
------------------------------------------------------------------------------*/

html, body, h1, h2, h3, h4, h5, h6,
fieldset, form, p, ul, ol, li, dl, dt, dd,
address, abbr, table, td, tr, img, legend, blockquote, label {
margin: 0;
padding: 0;
border: 0;
line-height:normal;
font-style: normal;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

body {background: #E7C8BA;}

legend, hr, .accessibility {display: none;}
ul, li, ol {list-style: none;}

a {color: #E7C8BA; text-decoration: none;}
a:hover {border-bottom:1px dotted #E7C8BA;}

#orpheus {
width: 1006px; height:768px;
padding:20px 10px 10px;
margin: 10px auto;
font-size: 11px;
position: relative;
background: #3E4863 url(../images/bg.jpg) repeat-x;
color:#E7C8BA; overflow:hidden;}

#pageNavi {text-align: center;}
#pageNavi li {font-size:12px; display:inline; margin: 0 9px; padding:0 15px;}
#pageNavi a {font-weight: bold; line-height:30px;}

#content {background: url(../../../orpheus_relaunch/images/teaser.gif) no-repeat 50% 20px; padding-top:130px;}

#pressestimmen {
	height: 230px;
	overflow: auto;
}
#content, #content * {line-height:16px;}
#content p {margin-bottom: 1.3em;}
#content h2, #content h3 {font-size: 16px; margin-bottom:.8em; line-height:normal;}
#content h3 {font-size:14px;}
#content .col1 strong {font-weight:normal;}
#content a, #content .marked {color:#C59B89;}
#content .col2 img {margin-right:10px; margin-bottom:10px; border:1px solid #000;}

#content .col1, #content .col2 {padding:30px; width:423px; height:528px; }
#content .col1 { left:30px; position: absolute; text-align: right;}
#content .col1 p {margin-bottom:3em;}
#content .col2 { right: 30px; overflow: auto; position: absolute;background: #383F5B;}

.startseite #content {background: none;}
.startseite #content p {height:0; position: absolute; width:100%; background-repeat: no-repeat; background-position: 0 0; overflow: hidden; left: 513px;}
.startseite #content p.beschreibung {bottom:260px; background-image: url(../images/beschreibung.gif); padding-top:65px; margin-left:-312px;}
.startseite #content p.ortUndZeit {top:83px; background-image: url(../images/ort-und-zeit.gif); padding-top:106px; margin-left:-248px;}
.startseite #content p.werUndWas {top:265px; background-image: url(../images/wer-und-was.gif); padding-top:139px; margin-left:-318.5px;}
.startseite #content p.zusatzvorstellungen {top:205px; overflow: visible; height:auto; padding: 10px; background: #C30; color:#FFF; left:0; text-align:center;}
.startseite #content p.zusatzvorstellungen a {color:#ffff00;}

.konzept #content .col1 {left:153px; width:300px;}
.konzept #content .col1 p img {margin-left:10px;}

.kuenstler #content .col1 {text-align: left;}
.kuenstler .artistIndex {float:left; width:190px; margin-right:20px; font-size:12px;}
.kuenstler .artistIndex li {margin-bottom:1.3em; font-weight:bold;}
*+html .kuenstler .artistIndex li {margin-bottom: 1em; zoom:1;}
* html .kuenstler .artistIndex li {margin-bottom: 1em; zoom:1;}

.kuenstler .artistIndex li strong {display:block;}
.kuenstler .artistPortraits  li img {display:block;}
.kuenstler .artistPortraits  li {clear:both; padding-bottom:3.3em;}

.termine_tickets table {border:0; float:right;}
.termine_tickets table thead {display:none;}
.termine_tickets table td {text-align: left; padding-left: 27px; white-space: nowrap;}
.termine_tickets .ticketOnline {
display:block; text-align: center;
position: absolute; top:85px; left:70px;
background: url(../images/ticketOnline.gif) no-repeat 50% 20px;
width:142px; height:90px;
}
.termine_tickets .ticketOnline:hover {border:0;}
.termine_tickets .ticketHotline {position: relative;}
.termine_tickets .ticketHotline em {font-size:10px; font-style:normal;}
.termine_tickets .ticketHotline img {border:0 !important; position: absolute;right:0; top:0;}
.termine_tickets .ticketHotline span {font-size:18px; padding: 5px 0; display:block; font-weight:bold; color:#C59B89;}


.fotos #content .col1 {width:300px;}
.fotos #content .col2 {width:546px; background-color:transparent;}
.fotos #content .fotoListe {width:534px; overflow: hidden;}
.fotos #content .col1 em {font-style: normal;}
.fotos #content .fotoListe ul {width:540px;}
.fotos #content .fotoListe li {float:left; margin: 0 2px 10px; height:233px;}
.fotos #content .fotoListe li.small {height:130px;}
.fotos #content .fotoListe li a{display:block; padding:3px; background-color:#FFF; width: 124px; text-align: center; line-height: normal; color:#333;}
.fotos #content .fotoListe li a:hover {border:0; background: #FFF url(../images/stripes.gif); color:#C30;}
.fotos #content .fotoListe li img {width:124px; border:0; margin:0; margin-bottom:2px;}
.fotos .fotosVon {display: block; position: absolute; bottom:0; right:30px;}

.presse #content, .partner #content {width:100%;} /* ie */
.presse #content .col1,
.partner #content .col1 {width: auto; position: static; text-align: center; left: auto;}

.partner #content .medienpartner {padding-bottom:4em;}
.partner #content ul {text-align: center;}
.partner #content ul li {display:inline; padding:0 10px; line-height:64px;}
.partner #content ul li img {vertical-align: middle;}
.partner #content ul li span {display:none;}


.partner #content ul li a:hover {border:0;}

.impressum #content .col1 p {margin-bottom: 1.3em;}
.impressum #content .col2 {background-color:transparent;}