body {
    padding: 0;
    margin: 0;
    background: #0b1427;
    background-image: url(../images/bg.gif);
    background-position: top;
    background-repeat: repeat-x;
    text-align: center;
    font: normal 12px arial;
}
#schatten {
    margin-left: auto;
    margin-right: auto;
    padding: 0 40px;
    width: 960px;
    background-image: url(../images/schatten.png);
    background-position: top;
    background-repeat: no-repeat;
}

#container {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    text-align: left;
    background: #ffffff;
    background-image: url(../images/bg_sidebar.gif);
    background-position: right;
    background-repeat: repeat-y;
}
#head {
    height: 118px;
    background-image: url(../images/bg_head.jpg);
}
#head div.logo {
    position: absolute;
    height: 120px;
    width: 300px;
    display: block;
}
#head div.address {
    margin-top: 10px;
    margin-left: 700px;
    position: absolute;
    width: 200px;
}
#head div.address p {
    font: normal 12px arial;
    color: #4079bd;
    text-shadow: 0 -1px 0 #000;
}
#navigation {
    padding: 30px 0 0 12px;
    background-image: url(../images/bg_navigation.jpg);
}
#navigation a {
    display: block;
    float: left;
    padding: 9px 15px 7px 15px;
    color: #815000;
    text-decoration: none;
    background-image: url(../images/bg_nav_a.gif);
    background-repeat: repeat-x;
    font: normal 11px arial;
}
#navigation a:hover {
    color: #ffffff;
    background: #603a00;
}
#navigation span.end {
    display: block;
    float: left;
    height: 30px;
    width: 19px;
    background-image: url(../images/bg_nav_end.gif);
}



#content {
    padding: 1px 35px 20px 35px;
    width: 610px;
    float: left;
    font-family: arial;
    background-image: url(../images/bg_content.gif);
    background-position: top;
    background-repeat: repeat-x;
}
#content span.breadcrumb {
    display: block;
    padding: 9px 0 10px 30px;
    background-image: url(../images/bg_breadcrumb.gif);
    font: normal 11px arial;
    color: #888888;
}
#content span.breadcrumb a {
    text-decoration: none;
    color: #888888;
}
#content span.breadcrumb a:hover {
    color: #000000;
}


#content h1 {
    font: normal 3em arial;
    letter-spacing: -1px;
    color: #888888;
}

#content h2 {
    font: normal 2em arial;
}

#content h3 {
    padding: 5px 5px 5px 60px;
    font: bold 1.2em arial;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: #f3cc7d;
    background-image: url(../images/bg_h2.jpg);
    background-position: left;
    background-repeat: no-repeat;
    color: #822c08;
}
#content p {
    font: normal 12px arial;
}
#content a {
    text-decoration: none;
    color: #cc6600;
}

div.programm_cover_thumb {
    float: left;
    width: 105px;
    padding: 5px;
}

div.programm_cover_thumb span {
    width: 85px;
    display: block;
    padding: 10px;
    background-image: url(../images/bg_programm_cover_thumb.gif);
    background-position: top;
    background-repeat: no-repeat;
    line-height: 0;
}
div.programm_cover_thumb img {

}
div.programm_cover_thumb a {

    display: block;
}






img.cover_thumb_float {
    margin-top: 32px;
    margin-right: 5px;
    border: 1px solid #cccccc;
}



div.startseite_cover {
    width: 190px;
    float: left;
}
div.startseite_cover span {
    width: 170px;
    display: block;
    padding: 10px;
    background-image: url(../images/bg_programm_cover.gif);
    background-position: top;
    background-repeat: no-repeat;
    line-height: 0;
}
div.startseite_cover img{
    line-height: 0;
}
div.startseite_beschreibung {
    margin-left: 210px;
}




#monatsplan {

}


span.termine_monat {
    display: block;
    padding: 5px;
    width: 102px;
    float: left;
    font-size: 2em;
    color: #888888;
}
#monatsplan div.termine_liste {
    margin-left: 136px;
    padding-left: 0px;
    border-bottom: 1px solid #cccccc;
}
.termine_monat_spacer {
    padding: 10px 0;
}



#programm_beschreibung {
    float: left;
    width: 400px;
}
#programm_cover {
    margin-left: 420px;
}
#programm_cover span {
    display: block;
    float: left;
    padding: 10px;
    background-image: url(../images/bg_programm_cover.gif);
    background-position: top;
    background-repeat: no-repeat;
    line-height: 0;
    width: 170px;
    height: 240px;
}
#programm_cover img{
    position: absolute;
    display: block;
    width: 170px;
    height: 240px;
}





#besetzung {
    padding: 10px 0;
}

div.besetzung_left {
    width: 270px;
    float: left;
}

div.besetzung_right {
    margin-left: 300px;
}

dl.besetzung {
    width: 270px;
    margin: 0;
    padding: 0;
    font: normal 12px arial;
}

dl.besetzung dt {
    width: 132px;
    float: left;
    margin: 0 0 0 0;
    padding: 2px;
    border-top: 1px solid #cccccc;
    font-weight: bold;
}

dl.besetzung dd {
    float: left;
    width: 130px;
    margin: 0 0 0 0;
    padding: 2px;
    border-top: 1px solid #cccccc;
}

#presse {
    padding: 10px 0;
}
dl.presse {
    width: 270px;
    margin: 0;
    padding: 0;
    font: normal 12px arial;
}
dl.presse dt {
    width: 132px;
    float: left;
    margin: 0 0 0 0;
    padding: 2px;
    border-top: 1px solid #cccccc;
    font-weight: bold;
}
dl.presse dd {
    width: 464px;
    margin: 0 0 0 136px;
    padding: 2px;
    border-top: 1px solid #cccccc;
}
#presse a {
    padding-left: 20px;
    background-image:url(../images/icons/presse_link.gif);
    background-position: left;
    background-repeat: no-repeat;
}



#termine {
    padding: 10px 0;

}
span.termine_monat {
    display: block;
    padding: 5px;
    width: 102px;
    float: left;
    font-size: 2em;
    color: #888888;
}
#termine div.termine_liste {
    margin-left: 136px;
    padding-left: 0px;
    border-bottom: 1px solid #cccccc;
}
.termine_monat_spacer {
    padding: 10px 0;
}


#kommentare {
    padding: 10px 0;
}
dl.kommentare {
    margin: 0;
    padding: 0;
    font: normal 12px arial;
}
dl.kommentare dt {
    display: block;
    margin: 0;
    padding: 10px;
    color: #888888;
    background: #efefef;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}
dl.kommentare dd {
    display: block;
    margin: 0 0 15px 0;
    padding: 10px;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}
dl.kommentare span {
    padding-left: 20px;
    color: #000000;
    background-image:url(../images/icons/user-comment.gif);
    background-position: left;
    background-repeat: no-repeat;
}





#schauspieler {
    padding: 10px 0;
}
.schauspieler_info {
    padding: 10px;
    background-image: url(../images/bg_schauspieler_info.jpg);
    background-position: top;
    background-repeat: no-repeat;
}

span.schauspieler {
    display: block;
    padding: 5px 0;
    width: 118px;
    float: left;
    font-weight: bold;
}
#schauspieler div.foto {
    display: block;
    padding: 23px 22px 25px 22px;
    height: 112px;
    margin-top: 5px;
    background-image:url(../images/ensemble/foto_rahmen.jpg);
}
#schauspieler div.foto_galerie  {
    display: block;
    float: left;
    padding: 23px 22px 25px 22px;
    width: 74px;
    height: 142px;
    margin: 5px 15px;
    background-image:url(../images/ensemble/foto_rahmen.jpg);
    background-repeat: no-repeat;
    cursor: pointer;
}
#schauspieler div.foto_galerie p {
    margin-top: 5px;
    color: #888888;
}

#schauspieler div.vita {
    margin-left: 136px;
    padding-left: 0px;
}


div.pressemeldung {
    padding: 10px 20px;
    background: #efefef;
    background-image: url(../images/bg_paper.gif);
    background-position: top;
    background-repeat: no-repeat;
}



#sidebar {
    width: 250px;
    padding: 10px 15px;
    float: right;
}

#sidebar div.today {
    padding: 5px 10px 15px 15px;
}
#sidebar div.today h2, #sidebar div.sidebar_box h2{
    font: normal 18px arial;
}

#sidebar div.sidebar_cover {
    width: 193px;
    height: 261px;
    padding: 27px 4px 6px 27px;
    background-image: url(../images/bg_cover_sidebar.gif);
}


#sidebar div.sidebar_box {
    padding: 10px 15px;
    background: #ffffff;
    background-image: url(../images/bg_content.gif);
    background-position: top;
    background-repeat: repeat-x;
    color: #888888;
    border: 1px solid #cccccc;
}
#sidebar div.sidebar_box a {
    font-weight: bold;
    text-decoration: none;
    color: #cc6600;
}
#sidebar div.sidebar_box a:hover {
    color: #000000;
}

#sidebar span.sidebar_icon {
    display: block;
    width: 45px;
    height: 35px;
    float: right;
}

#sidebar span.ico_guestbook {
    background-image: url(../images/sidebar_box/gustebook.png);
}
#sidebar span.ico_newsletter {
    background-image: url(../images/sidebar_box/newsletter.png);
}
#sidebar span.ico_anfahrt {
    background-image: url(../images/sidebar_box/anfahrt.png);
}
#sidebar span.ico_gutschein {
    background-image: url(../images/sidebar_box/gutschein.png);
}





#subnavigation {
    width: 250px;
}

#subnavigation ul
{
    display: block;
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    padding-bottom: 9px;
    background-image: url(../images/bg_sidebar_schatten.png);
    background-position: bottom;
    background-repeat: no-repeat;
}
#subnavigation li {
    display: inline;
}


#subnavigation a
{
    display: block;
    background: #555f88;
    padding: 5px 10px 5px 25px;
    margin-bottom: 1px;
    color: #ffffff !important;
    text-decoration: none;
    background-image: url(../images/bg_subnavigation.gif);
    background-position: left;
    background-repeat: no-repeat;
}

#subnavigation a:link, .navlist a:visited
{
    color: #f9f8f2;
    text-decoration: none;
}

#subnavigation a:hover
{
    background-color: #323a5c;
    background-image: url(../images/bg_subnavigation_hover.gif);
    background-position: left;
    background-repeat: no-repeat;
}


div.box_schatten {
    display: block;
    height: 10px;
    background-position: top;
    background-repeat: no-repeat;
    background-image: url(../images/bg_sidebar_schatten.png);
}


div.sponsoren {
}

div.sponsoren span.sponsor {
    margin: 5px;
    display: block;
    float: left;
    border: 1px solid #cccccc;
}



#footer {
    margin-left: auto;
    margin-right: auto;
    padding-top: 55px;
    padding-bottom: 20px;
    width: 960px;
    text-align: center;
    background-image: url(../images/bg_footer.gif);
    background-position: top center;
    background-repeat: no-repeat;
}

#footer p {
    margin: 0;
    font: normal 12px arial;
    color: #2d3649;
}
#footer a {
    text-decoration: none;
    color: #2d3649;
}
#footer a:hover {
    text-decoration: none;
    color: #ffffff;
}

.clear {
    clear: both;
}



dl.two_col_500 {
    width: 500px;
    margin: 0;
    padding: 0;
}

dl.two_col_500 dt {
    width: 130px;
    float:left;
    display: block;
    margin: 0 0 0 0;
    padding: 2px 0;

}

dl.two_col_500 dd {
    width: 370px;
    float:left;
    display: block;
    margin: 0 0 0 0;
    padding: 2px 0;
}






tr.vorstellung_liste_id4 {
    background: #e7e7f2;
}


















a.add_comment {
    padding-left: 20px;
    background-image:url(../images/icons/add-comment.gif);
    background-position: left;
    background-repeat: no-repeat;
}

a.wikipedia {
    padding-left: 20px;
    background-image:url(../images/icons/wikipedia.gif);
    background-position: left;
    background-repeat: no-repeat;
}

a.buy_ticket {
    display: block;
    width: 14px;
    height: 14px;
    background-image:url(../images/icons/add_to_cart.gif);
    background-repeat: no-repeat;
}

span.ausverkauft {
    display: block;
    width: 14px;
    height: 14px;
    background-image:url(../images/icons/cant_add_to_cart.gif);
    background-repeat: no-repeat;
}


span.lastminute {
    display: block;
    width: 14px;
    height: 14px;
    background-image:url(../images/icons/lastminute.gif  );
    background-repeat: no-repeat;
}



span.grey {
    color: #888888;
}








.cursor {
  cursor: pointer;
}
.cursor:hover {
    background-color: #deaf4f !important;
}

























div.form-container {
    margin-top: 20px;
    font: normal 12px arial;
}

p.legend {
    margin-bottom: 1em;
}
p.legend em {
    color: #cc0000;
    font-style: normal;
}

div.errors {
    margin: 0 0 10px 0;
    padding: 5px 10px;
    border: #FC6 1px solid;
    background-color: #FFC;
}
div.errors p {
    margin: 0;
}
div.errors p em {
    color: #cc0000;
    font-style: normal;
    font-weight: bold;
}

div.form-container form p {
    margin: 0;
}
div.form-container form p.note {
    margin-left: 170px;
    font-size: 90%;
    color: #333333;
}
div.form-container form fieldset {
    margin: 10px 0;
    padding: 10px;
    border: #dddddd 1px solid;
}
div.form-container form legend {
    font-weight: bold;
    color: #666666;
}
div.form-container form fieldset div {
    padding: 0.25em 0;
}

div.form-container label,
div.form-container span.label {
    margin-right: 10px;
    padding-right: 10px;
    width: 150px;
    display: block;
    float: left;
    text-align: right;
    position: relative;
}
div.form-container label.error,
div.form-container span.error {
    color: #CC0000;
}
div.form-container label em,
div.form-container span.label em {
    position: absolute;
    right: 0;
    font-size: 120%;
    font-style: normal;
    color: #cc0000;
}
div.form-container input.error {
    border-color: #cc0000;
    background-color: #ffeeff;
}

div.form-container input:focus,
div.form-container input.error:focus,
div.form-container textarea:focus {
    background-color: #efefef;
    border-color: #cccccc;
}

div.form-container div.controlset label,
div.form-container div.controlset input {
    display: inline;
    float: none;
}

div.form-container div.controlset div {
    margin-left: 170px;
}
div.form-container div.buttonrow {
    margin-left: 180px;
}


div.lastminute_container {
    width: 250px;
    padding: 0;
    text-align: center;
}

div.lastminute_container a.lastminute {
    display: block;
    width: 250px;
    height: 91px;
    background: url(../images/lastminute.png) center top no-repeat;
    margin-bottom: 10px;
}
div.lastminute_container p {
    padding-left: 35px;
    text-align: left;
    margin: 0 0 1px 0;
}
div.lastminute_container a {
    color: #000000;
    font-size: 1.2em;
    font-weight: normal;
    text-decoration: none;
}
