/**************************************************/
/*    CSS Document Ruhrfestspiele                 */
/*    Print Ausgabe                              */
/*    Erstellt: 19.01.2009 - Jens Rautner         */
/*    Geändert: 19.01.2009 - Jens Rautner       */
/**************************************************/


/* ---------- Allgemein Anfang ---------- */
html, body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
}


body {
    /*background-image: url(/bilder/layout/background.jpg);*/
    background-attachment: fixed;
    background-repeat: no-repeat;
    /*background-color: #000000;*/
}

ul {
    padding: 0px;
    margin: 10px 0px 10px 25px;
}

a{
    color: #E2001A;
}

#bgpEmedia {
    display: none;
}

.shadowLeft {
    display: none;
    background-image: url(/bilder/layout/shadow_left.png);
    background-position: top right;
    background-repeat: repeat-y;
}

* html .shadowLeft {
    display: none;
    filter:progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/bilder/layout/shadow_left.png', sizingMethod='scale');
    background:none;
}

.shadowRight {
    display: none;
    background-image: url(/bilder/layout/shadow_right.png);
    background-position: top left;
    background-repeat: repeat-y;
}

* html .shadowRight {
    display: none;
    filter:progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/bilder/layout/shadow_right.png', sizingMethod='scale');
    background:none;
}

.bgCell {
    height: 100%; 
    width: 705px;
    vertical-align: top; 
    text-align: center; 
    /*background-color: #ff0000;*/
}
.contentContainer {
    padding-left: 16px;
    padding-right: 16px;
    text-align: left;
    background-color: #ffffff;
    vertical-align: top;
}

h1 {
    color: #e20020;
    font-size: 28px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 12px;
}

h2 {
    color: #000000;
    font-size: 18px;
    margin: 0px 0px 3px 0px;
    font-weight: normal;
}

h3 {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 0px 3px 0px;
}

p {
    margin: 0px 0px 14px 0px;
}

.error {
    color: #c20009;
}

.unsichtbar {
    display: none;
}
/* ---------- Allgemein Ende ---------- */



/* ---------- Navigation Anfang ---------- */
.headNav {
    height: 37px;
    background-color: #ffffff;
}
.headNav ul {
    display: none;
    text-align: center;
    margin: 0px;
    padding: 0px;
    margin-left: 270px;
}
.headNav li {
    display: inline;
    float: left;
    background-image: url(/bilder/layout/trenner_headnav.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
}
.headNav .firstHeadLi {
    padding-left: 0px;
    background-image: none;
}
.headNav li a {
    color: #000000;
    text-decoration: none;
    font-size: 12px;
}
.mainNav {
    padding-top: 7px;
    padding-bottom: 5px;
    padding-left: 10px;
}
.mainNav ul {
    display: none;
    margin: 0px;
    padding: 0px;
}
.mainNav li {
    display: inline;
    float: left;
}
.subnavCell {
    display: none;
    width: 190px;
    padding-left: 16px;
    padding-top: 30px;
}
.contentCell {
    padding-top: 24px;
}
.nav2 {
    background-color: #bfe7f7;
    padding-top: 16px;
    padding-bottom: 10px;
    width: 174px;
    margin-bottom: 14px;
}

.nav2 ul {
    margin: 0px;
    padding: 0px;
}
.nav2 li {
    list-style: none;
    padding-left: 25px;
}
.nav2 .activ {
    background-image: url(/bilder/layout/subnav_activ.gif);
    background-repeat: no-repeat;
    background-position: 5px 2px;
}
.nav2 .nav2Div {
    margin-bottom: 8px;
}
.nav2 a {
    width: 134px;
    display: block;
    color: #000000;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    text-transform: uppercase;
}
.nav2 .activ a {
    background-color: #000000;
    color: #ffffff;
}

.nav2 li li
{
    padding-left: 0px;
    padding-top: 6px;
}

.nav2 ul.lev2 a
{
    color: #000000;
    background-color: #C0E7F8;
    font-size: 11px;
    font-weight: normal;
    padding: 2px 0px 2px 14px; 
    width: 128px;
    text-transform: none;
}
.lev2 .activ
{
    background-image: none;
}

.lev2 li.activ a
{
    color: #000000;
    background-color: #FFFFFF;   
    font-weight: bold;
}


.footerNav ul {
    margin: 0px;
    padding: 0px;
}
.footerNav li {
    display: inline;
    background-image: url(/bilder/layout/trenner_footernav.gif);
    background-repeat: no-repeat;
    background-position: 4px;
    padding-left: 9px;
}
.footerNav .firstFooterLi {
    padding-left: 0px;
    background-image: none;
}
.footerNav li a {
    color: #000000;
    text-decoration: none;
    font-size: 12px;
}
/* ---------- Navigation Ende ---------- */



/* ---------- Kopf & Footer Anfang ---------- */
#head {
    background-color: #ffffff;
    width: 854px;
    height: 85px;
    float: left;
}
.headTable {
    display: none;
    width: 670px;
    background-color: #7fceef;
    /*margin-bottom: 28px;*/
}
.headTablePrint {
    display: block;
}
.claFooter {
    display: none;
    height: 1px;
    background-color: #fff;
}
.logo {
    padding-left: 40px;
    padding-top: 11px;
    width: 208px;
}
.searchCell {
    margin-top: 14px;
    background-color: #bfe7f7;
    height: 109px;
    width: 462px;
}
.searchDiv {
    display: none;
    text-align:right; 
    margin-right: 15px;
    margin-top: 50px;
}
.searchHead {
    text-align: left;
    font-size: 12px;
    font-weight: bold;
}
.searchField {
    width: 116px;
    height: 13px;
    border: 1px solid #bebfc1;
    font-size: 11px;
    margin-right: 4px;
}
.searchLink a{
    display: block;
    color: #000000;
    text-decoration: none;
    background-image: url(/bilder/layout/pfeil_mehr_rot.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
    padding-top: 2px;
    height: 16px;
}
#footer {
    margin-top: 30px;
    margin-bottom: 16px;
}
.footerBlue {
    color: #00a0e3;
}

#footerSponsors {
    font-size: 10px;
}
#head_print,
#footer_print {
    display: none;
    visibility: hidden;
}
/* ---------- Kopf & Footer Ende ---------- */



/* ---------- Startseite Anfang ---------- */
/* ---------- Startseite Ende ---------- */



/* ---------- Folgeseite Anfang ---------- */
/* ---------- Folgeseite Ende ---------- */



/* ---------- Veranstaltungen Anfang ---------- */
#containerEvent {
    width: 664px;
}
.ortPfeil {
    float: left;
    width: 30px;
    padding-left: 10px;
}
.ortName {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 3px;
    padding-bottom: 0px;
    background-color: #e2001a;
    text-transform: uppercase;
}
.listEvent {
    display: block;
    margin-left: 40px;
    border-bottom: 1px dashed #000000;
    height: 24px;
    vertical-align: middle;
}
.listEventName {
    float: left;
    font-size: 12px;
    padding-left: 6px;
    padding-top: 3px;
    text-transform: uppercase;
}
.listEventDetails {
    margin-right: 8px;
}
.listEventDetails a{
    text-decoration: none;
    font-weight: bold;
    color: #000000;
    padding-right: 22px;
    padding-top: 5px;
    background-image: url(/bilder/layout/pfeil_mehr_rot.gif);
    background-repeat: no-repeat;
    background-position: right 5px;
    display: block;
    height: 24px;
}
#shortnews {
    
}
.detailContent {
    border-bottom: 1px dashed #000000;
    margin-left: 40px;
    margin-top: 0px;
    background-color: #f4f4f4;
}
.detailTable {
    padding-top: 12px;
    margin-left: 6px;
    font-size: 11px;
    padding-bottom: 20px;
}
.listEventFoot {
    clear: both;
    margin-left: 40px;
}
.preistabelle {
    font-weight: bold;
    display: inline;
    padding-left: 24px;
    background-position: 1px 1px;
    background-repeat: no-repeat;
}
.kartenLink a {
    font-weight: bold;
    text-decoration: none;
    padding-left: 24px;
    background-position: 0px 1px;
    background-repeat: no-repeat;
}
.dpOrt{
    position: absolute;
    width: 179px;
    color:#ffffff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 2px;
}
.dpTitel {
    color:#ffffff;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
}
.dpUntertitel {
    color:#ffffff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: normal;
    margin-top: 2px;
}
.dpEinleitung {
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 18px;
    margin-top: 15px;
}
.dpLeftCol {
    font-size: 11px;
    line-height: 16px;
    vertical-align: top;
    padding-top: 25px;
    padding-left: 10px;
    padding-right: 5px;
}
/* ---------- Veranstaltungen Ende ---------- */

/* ---------- Kalender Anfang ---------- */
.kalDayName {
    font-size: 14px;
}
.kalDayDate {
    font-size: 18px;
    font-weight: bold;
}
/* ---------- Kalender Ende ---------- */

/* ---------- Formularfelder Anfang ---------- */
/* ---------- Formularfelder Ende ---------- */  

/* ---------- Text-Styles Anfang ---------- */
.claHighlightRed {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 3px;
    padding-bottom: 0px;
    background-color: #e2001a;
    text-transform: uppercase;
}

.claHighlightBlue {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 3px;
    padding-bottom: 0px;
    background-color: #009ee0;
    text-transform: uppercase;
}

.claHighlightBlack {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 3px;
    padding-bottom: 0px;
    background-color: #000000;
    text-transform: uppercase;
}

.claDate {
    font-size: 10px;
    line-height: 130%;
}

.claMehrRed {
    margin-right: 8px;
}
.claMehrRed a:link,
.claMehrRed a:visited,
.claMehrRed a:active,
.claMehrRed a:hover {
    text-decoration: none;
    font-weight: bold;
    color: #000000;
    padding-right: 22px;
    padding-top: 5px;
    background-image: url(/bilder/layout/pfeil_mehr_rot.gif);
    background-repeat: no-repeat;
    background-position: right 5px;
    display: block;
    height: 24px;
}

.claMehrBlue {
    margin-right: 8px;
}
.claMehrBlue a:link,
.claMehrBlue a:visited,
.claMehrBlue a:active,
.claMehrBlue a:hover {
    text-decoration: none;
    font-weight: bold;
    color: #000000;
    padding-right: 22px;
    padding-top: 5px;
    background-image: url(/bilder/layout/pfeil_mehr_blau.gif);
    background-repeat: no-repeat;
    background-position: right 5px;
    display: block;
    height: 24px;
}

.claMehrBlack {
    margin-right: 8px;
}
.claMehrBlack a:link,
.claMehrBlack a:visited,
.claMehrBlack a:active,
.claMehrBlack a:hover {
    text-decoration: none;
    font-weight: bold;
    color: #000000;
    padding-right: 22px;
    padding-top: 5px;
    background-image: url(/bilder/layout/pfeil_mehr_schwarz.gif);
    background-repeat: no-repeat;
    background-position: right 5px;
    display: block;
    height: 24px;
}

/* ---------- Text-Styles Ende ---------- */       

/* ---------- Blöcke Anfang ---------- */

    .claBlockImg {
        float: left;
        margin-right: 10px;
        height: 100%;
    }

    .claTrennerRed {
        background-image: url(/bilder/layout/trenner_rot.gif);
        background-repeat: repeat-x;
    }

    .claTrennerBlue {
        background-image: url(/bilder/layout/trenner_blau.gif);
        background-repeat: repeat-x;
    }

    .claTrennerBlack {
        background-image: url(/bilder/layout/trenner_schwarz.gif);
        background-repeat: repeat-x;
    }

/* ---------- Blöcke Ende ---------- */ 


/* ---------- Startseite Anfang ---------- */ 

.newsBackLight * {
    color: #000;
}

.newsBackDark * {
    color: #fff;
}

.newsBackLight h2,
.newsBackDark h2 {
    font-size: 13px;
}

.newsBackLight .txtShort,
.newsBackDark .txtShort {
    font-size: 11px;
}

/* ---------- Startseite Ende ---------- */ 

/* ---------- Formulare Anfang ---------- */
.contactForm {
 
}
.contactForm input.text {
 width: 190px;
}
   
.contactForm textarea {
 width: 518px; 
 height: 75px;
}                                        
/* ---------- Formulare Ende ---------- */   

/* ---------- Kalender Anfang ---------- */
.kalender {
    width: 174px;
    background-color: #009ee0;
}
.kalenderHead {
    color: #FFFFFF;
    font-size: 14px;
    background-color: #009ee0;
}
.kalenderHead td
{
    padding: 8px;
}
.kalTable {
    background-color: #c0e8f8;
}
td.kalAllLink
{
    padding: 0px;
    text-align: right;
}
td.kalAllLink a
{
    background-color: #69C6ED;
    text-transform: uppercase;
    padding: 0px 24px 0px 5px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    background-image: url(/bilder/layout/pfeil_unten_blau.gif);
    background-repeat: no-repeat;
    background-position: right -2px;
}
.dayHead {
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    color: #ffffff;
    background-color: #000000;
    height: 23px;
}
.dayCell {
    text-align: right;
    font-size: 10px;
    height: 16px;
}
.dayCell a {
    display: block;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    padding-right: 2px;
    margin-left: 3px;
}
.aktiv {
    border: 1px solid #000000;
}
.inaktiv {
    border: 1px solid #c0e8f8;
}
.dayCellWE a {
    color: #e2001a;
}
.dayCellWE .aktiv {
    border: 1px solid #e2001a;
}
/* ---------- Kalender Ende ---------- */                                                            
/* ---------- Sitemap Anfang ---------- */

.claSitemapLevel0 {
    margin: 0px;
    padding: 0px;
}

.claSitemapLevelLi0 {
    list-style: none;
    margin-bottom: 10px;
}
.claSitemapLevelLi0 a {
    text-decoration: none;
    text-transform: uppercase;
}
.claSitemapLevelLi0 h2 {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
}
.claSitemapLevelLi1 {
    list-style: none;
    margin-bottom: 2px;
}
.claSitemapLevelLi1 a {
    color: #000000;
    text-decoration: none;
    text-transform: uppercase;
}
.claSitemapLevel2 {
    margin-top: 2px;
    margin-bottom: 2px;
}
.claSitemapLevelLi2 {
    list-style: none;
}
.claSitemapLevelLi2 a {
    color: #000000;
    text-decoration: none;
    text-transform: uppercase;
}
/* ---------- Sitemap Ende ---------- */  


/* ---------- Suchergebnis Anfang ---------- */

.suchTxt p {
    margin: 0 0 0 0;
}

/* ---------- Suchergebnis Ende ---------- */     

/* ---------- Auflistungen Anfang ---------- */
.someActive .rowInactive {
    display: none;
}
/* ---------- Auflistungen Ende ---------- */