/**************************************************/
/*    CSS Document Theater Oberhausen             */
/*    Print Ausgabe                               */
/*    Erstellt: 18.06.2010 - Andreas Walch        */
/*    Geändert: 13.08.2010 - Andreas Walch        */
/**************************************************/

    * {
        /*margin: 0;
        padding: 0;*/
    }

    html,
    body {
        font-family: Arial, Geneva, Verdana, Helvetica;
        font-size: 14px;
        line-height: 130%;
        color: #574438;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    body {
        width: 100%;
        min-height: 100%;
        /*float: left;*/
    }

    img {
        /*display: block;*/
    }
    
    p {
        margin: 0 0 6px 0;
        padding: 0;
    }

    p + p {
        margin: 0 0 6px 0;
        padding: 0;
    }

    th,
    td {
        vertical-align: top;
    }
    
    form {
        padding: 0px;
        margin: 0px;
    }

    ul {

    }

    li {

    }
    
    input, textarea, select {
        font-family: Arial, Geneva, Verdana, Helvetica;
        font-size: 11px;
        margin: 0;
        padding: 0:
    }
    
    a:link,
    a:visited,
    a:active {
        color: #fbba00;
        text-decoration: none;
    }
    
    a:hover {
        color: #fbba00;
        text-decoration: none;
    }

    .fWhite a:link,
    .fWhite a:visited,
    .fWhite a:active,
    .fWhite a:hover {
        color: #ffffff;
    }

    h1 {
        font-size: 30px;
        font-weight: bold;
        line-height: 34px;
        margin: 0 0 8px 0;
        padding: 0;
    }

    h1.claBig {
        font-size: 50px;
        line-height: 54px;
    }

    h1 a:link,
    h1 a:visited,
    h1 a:active,
    h1 a:hover {

    }
    
    h2 {
        font-size: 20px;
        font-weight: bold;
        line-height: 23px;
        margin: 0 0 8px 0;
        padding: 0;
    }

    h2 a:link,
    h2 a:visited,
    h2 a:active,
    h2 a:hover {

    }

    h3 {
        font-size: 15px;
        font-weight: bold;
        margin: 0;
        padding: 0;
    }

    h3 a:link,
    h3 a:visited,
    h3 a:active,
    h3 a:hover {

    }

    h4 {
    
    }

    h4 a:link,
    h4 a:visited,
    h4 a:active,
    h4 a:hover {

    }

    .claFClock {
        font-size: 22px;
        font-weight: bold;
    }

    .claFTitle {
        font-size: 18px;
        font-weight: normal;
        line-height: 21px;
    }

    .claFPicText {
        font-size: 13px;
        font-weight: bold;
        line-height: 20px;
    }

    .clafSubTitle {
        font-size: 16px;
    }

    hr {

    }

    .bg
        background-color: #ffffff;
    }

    .claMiddlePage {
        width: 1000px;
        margin: 0 auto;
    }

    .claPage {
        min-height: 100%;
        width: 1000px;
        margin: 0 auto;
        height: 100%;
        position: relative;
    }

    .claBGl {
        width: 1000px;
        min-height: 100%;
        height: 100%;
        float: left;
        margin: 0;
        padding: 0;
    }

    .claBGr {
        width: 1000px;
        min-height: 100%;
        height: 100%;
        float: left;
        margin: 0;
        padding: 0;
    }
    
    .claContent {
        padding: 0 0 0 8px;
        height: auto;
        min-height: 100%;
    }

    .claBGImage {
        display: none;
    }


/* ---------- Farben Allgemein Anfang ---------- */
    .bgBlue01    { background-color: #70aaad; }
    .bgBlue02    { background-color: #008779; }
    .bgBlue03    { background-color: #a9cccd; }
    .bgGreen01   { background-color: #b1c903; }
    .bgGrey01    { background-color: #c4bcb8; }
    .bgBrown01   { background-color: #574438; }
    .bgBrown02   { background-color: #836855; }
    .bgWhite     { background-color: #ffffff; }
    .bgBlack     { background-color: #000000; }
    .bgRight     { background-color: #c4bcb8; }
    .bgEmedia    { background-color: #a3df2f; }

    .fBlue01    { color: #70aaad; }
    .fBlue02    { color: #008779; }
    .fBlue03    { color: #a9cccd; }
    .fGreen01   { color: #b1c903; }
    .fGrey01    { color: #c4bcb8; }
    .fBrown01   { color: #574438; }
    .fBrown02   { color: #836855; }
    .fWhite     { color: #ffffff; }
    .fBlack     { color: #000000; }
    .fRed01     { color: #ff0000; }

    .claFRightTitle1 { color: #70aaad; }
    .claFRightTitle2 { color: #70aaad; }
/* ---------- Farben Allgemein Ende ---------- */



/* ---------- Kopf Anfang ---------- */
    .claHead {
        display: none;
    }
/* ---------- Kopf Ende ---------- */



/* ---------- Navigation Anfang ---------- */
    .claNav0 {
        display: none;
    }

    .claSubNav {
        display: none;
    }

    .claLi1 a:link,
    .claLi1 a:visited,
    .claLi1 a:active,
    .claLi1 a:hover,
    .claLi1Active a:link,
    .claLi1Active a:visited,
    .claLi1Active a:active,
    .claLi1Active a:hover {
        font-size: 16px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
    }
/* ---------- Navigation Ende ---------- */



/* ---------- Mitte Anfang ---------- */
    .claMainContent {
        width: 1000px;
        margin: 0;
        padding: 27px 0 52px 0;
    }

    #claSearch {
        width: 596px;
        padding-right: 404px;
    }

    .cla1SPsonder {
        width: 320px;
        float: left;
        margin: 0 20px 0 0;
    }

    .cla1SP {
        width: 192px;
        float: left;
        margin: 0 10px 0 0;
    }

    .cla2SP {
        width: 394px;
        float: left;
        margin: 0 10px 0 0;
    }

    .cla3SP {
        width: 596px;
        float: left;
        margin: 0 10px 0 0;
    }

    .cla4SP {
        width: 798px;
        float: left;
        margin: 0 10px 0 0;
    }

    .cla5SP {
        width: 1000px;
        margin: 0 0 0 0;
        float: left;
    }
    
    .claCalendar {
        display: none;
    }

    #heute,
    #kalender,
    .claStueck {
        display: none;
    }

    .claNewsContent {
        padding: 10px;
    }

    .claNewsContentList {
        padding: 10px;
    }

    .claSPText {
        width: 172px;
        padding: 10px;
    }

    .claLeftNavi {
        display: none;
    }

    .claRight {
        display: none;
    }

    .claRight a:link,
    .claRight a:visited,
    .claRight a:active,
    .claRight a:hover {
        color: #ffffff;
        font-weight: bold;
        text-decoration: none;
        padding: 1px 15px 1px 2px;
    }

    .claRollen a:link,
    .claRollen a:visited,
    .claRollen a:active,
    .claRollen a:hover {
        color: #70aaad;
    }

    .claStuLink a:link,
    .claStuLink a:visited,
    .claStuLink a:active,
    .claStuLink a:hover {
        color: #70aaad;
    }

    .claRegieLink a:link,
    .claRegieLink a:visited,
    .claRegieLink a:active,
    .claRegieLink a:hover {
        color: #574438;
    }

    .claUPicLink {
        width: 147px;
        float: left;
    }

    .claUPicLink a:link,
    .claUPicLink a:visited,
    .claUPicLink a:active,
    .claUPicLink a:hover {
        font-size: 13px;
        font-weight: bold;
        color: #b1c903;
        text-decoration: none;
    }

    .claFEnsemble {
        font-size: 12px;
        color: #574438;
    }

    .claFEnsembleLink a:link,
    .claFEnsembleLink a:visited,
    .claFEnsembleLink a:active,
    .claFEnsembleLink a:hover {
        font-size: 15px;
        font-weight: bold;
        color: #574438;
        text-decoration: none;
    }

    .claLinkPfeil a:link,
    .claLinkPfeil a:visited,
    .claLinkPfeil a:active,
    .claLinkPfeil a:hover {
        background: transparent url('/bilder/layout/linkpfeil_gruen.png') no-repeat right -2px;
        padding: 0 29px 0 0;
        font-size: 20px;
        line-height: 120%;
        font-weight: normal;
        text-decoration: none;
    }

    * html .claLinkPfeil a:link,
    * html .claLinkPfeil a:visited,
    * html .claLinkPfeil a:active,
    * html .claLinkPfeil a:hover {
        background: transparent url('/bilder/layout/linkpfeil_gruen.gif') no-repeat right -2px;
    }


    .claSearchLink a:link,
    .claSearchLink a:visited,
    .claSearchLink a:active,
    .claSearchLink a:hover {
        font-size: 15px;
        font-weight: bold;
        color: #574438;
        text-decoration: none;
    }

    .claFormBox {

    }

    .claFormLeft,
    .claFormRight {
        width: 50%;
        float: left;
    }

    .claLabel {
        width: 180px;
        float: left;
    }

    .claField {
        float: left;
    }

    .claField input,
    .claField textarea,
    .claField select {
        border: 1px solid #c2c2c2;
    }

    .claCheckbox {
        margin: 0;
        padding: 0;
    }

    .claSiteNavi {
        margin: 5px 0 0 0;
        padding: 0 0 0 10px;
        float: left;
    }

    .claSiteNavi .pageNav {
        font-weight: bold;
        padding: 0 0 3px 0;
        margin: 0 6px 0 0;
    }
/* ---------- Mitte Ende ---------- */



/* ---------- Fusszeile Anfang ---------- */
    .claFooter {
        display: none;
    }

    .claFooterLogo {
        width: 370px;
        height: 30px;
        margin: 0 0 0 12px;
        float: left;
    }

    .claFooterLinks {
        width: 89px;
        height: 34px;
        margin: 6px 9px 0 0;
        float: right;
        vertical-align: bottom;
    }

    .claFooterLinks a {
        padding: 0 0 0 8px;
    }

    /* CLEAR FIX */
    .clearfix: after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .clearfix {
        display: inline-block;
    }
    /* Bereich nicht für IE-mac Anfang */
    * html .clearfix { height: 1%;}
    .clearfix {display: block;}
    /* Bereich nicht für IE-mac Ende */
/* ---------- Fusszeile Ende ---------- */

    .claHeadPrint,
    .claFooterPrint {
        display: block;
    }

    .clabgpEmedia {
        display: none;
        visibility: hidden;
    }

    .claEdit {
        background-color: #FFFFFF;
        border: 1px #A9A9A9 solid;
        width: 100%;
    }

    .claEditHead{
        color: #000000;
        font-size: 12px;
        font-weight: normal;
        line-height: 16px;
        padding: 5px; 
    }

    .claEditbar {
        border-top: 1px #A9A9A9 solid;
        background-color: #DFF4B6;
        text-align: right;
    }

    .claEditButton {
        position: absolute;
        top: 20px;
        left: 20px;
        padding: 3px;
        border: 1px solid black;
        z-index: 1;
    }

    .claNoBorder input {
        border: 0px;
    }

    .claTextfeld input {
        width: 250px;
    }

    .claSubCat {
        padding-left: 20px;
        display: none;
    }

    .claBorderBotttom {
        border-bottom: 1px #A9A9A9 solid;
    }