@charset "utf-8";

body
{
    font-family         : Arial, Helvetica,sans-serif;
}

.bg
{
    background-image    : url('../images/black-819x1.jpg');
    background-color    : #F9F9F9;
    background-repeat   : repeat-y;
    background-position : left top;
}

#main-theme
{
    position            : absolute;
    z-index             : -1;
    top                 : 0;
    left                : 0;
    width               : 819px;
    height              : 762px;
    background-image    : url('../images/background.jpg');
    background-repeat   : no-repeat;
    background-position : left top;
}

/* Konzert-Text */
#konzert-text
{
    text-align  : justify;
    font-size   : 1.5em;
}
#konzert-titel
{
    font-weight   : bolder;
    border-bottom : 2px dashed lightgray;
}
#konzert-datum
{
    padding-top         : 5px;
    padding-bottom      : 5px;
}
#konzert-interpret
{
    text-align    : center;
    border        : 1px dotted red;
}
#konzert-beschreibung
{
    padding       : 3px;
    margin-bottom : 10px;
    border        : 1px solid lightgray;
    border-top    : 0px;
    font-size     : smaller;
}

#konzert-beschreibung ul
{
    margin          : 0;
    padding         : 0;
}
#konzert-beschreibung ul li
{
    list-style-type : none;
    font-weight     : bolder;
}
#konzert-beschreibung ol li
{
    list-style-type : decimal;
    margin-left     : 20px;
    font-weight     : lighter;
}
#konzert-beschreibung ol li ul li
{
    list-style-type : disc;
    margin-left     : 20px;
    font-weight     : lighter;
    font-size       : smaller;
}
#konzert-beschreibung ul ul,ol
{
    padding-bottom  : 10px;
}

#konzert-beschreibung ul ul li
{
    margin-left     : 20px;
    font-weight     : lighter;
}

#sticker
{
    position            : absolute;
    top                 : 450px;
    left                : 100px;
    z-index             : 1;
}

#sticker img
{
    width               : 250px;
    border              : 0px;
}


/* Heading */

#sectionHeading
{
    /* border              : 1px solid red; */
    text-align      : right;
    font-size       : large;
}

/* Navigation */

.nav-main-item
{
    background-image    : url('../images/button-normal.jpg');
    width               : 136px;
    height              : 49px;
    background-repeat   : no-repeat;
    background-position : left top;
    color               : #FFFFFF;
    font-weight         : bold;
    text-align          : center;
    display             : table-cell;
    vertical-align      : middle;
    font-size           : larger;
}

.nav-main-item-aktiv
{
    background-image    : url('../images/button-active.jpg');
    width               : 136px;
    height              : 49px;
    background-repeat   : no-repeat;
    background-position : left top;
    color               : #FFFFFF;
    font-weight         : bold;
    text-align          : center;
    display             : table-cell;
    vertical-align      : middle;
    /* padding-left        : 20px; */
    font-size           : larger;
}

.nav-main-item a
{
    font-weight     : bold;
    color           : #FFFFFF;
    text-decoration : none;
}

.nav-main-item a:active
{
    font-size   : larger;
}

.nav-main-item a:link
{
    font-weight     : bold;
    color           : #FFFFFF;
    text-decoration : none;
}

.nav-main-item a:hover
{
    color           : gray;
}

.nav-main-item-aktiv a
{
    font-weight     : bold;
    color           : #FFFFFF;
    text-decoration : none;
}

.nav-main-item-aktiv a:active
{
    font-size   : larger;
}

.nav-main-item-aktiv a:link
{
    font-weight     : bold;
    color           : #FFFFFF;
    text-decoration : none;
}

.nav-main-item-aktiv a:hover
{
    color           : gray;
}


ul#nav-konzerte {
  margin    : 0;
  padding   : 0;
  /* display   : block; */
}
ul#nav-konzerte li {
 /* display: inline; */ /* Shows each item side-by-side */
  display:inline-table;
  list-style-type: none; /* Gets rid of the bullet points */
}

ul#nav-konzerte .nav-konzerte-spacer
{
    padding-left    : 10px;
    padding-right   : 10px;
}

#nav-main
{
    padding-left    : 10px;
    padding-top     : 10px;
}

#ajax-target
{
    padding-top     : 30px;
}


.text_24 
{
    font-family     : Arial, Helvetica,sans-serif;
    font-size       : 24px;
    font-weight     : bold;
    text-align      : left;
}

.text_14
{
    font-family     : Arial, Helvetica,sans-serif;
    font-size       : 14px;
    font-weight     : bold;
    text-align      : left;
}

.text_12 
{
    font-family     : Arial, Helvetica,sans-serif;
    font-size       : 12px;
    font-weight     : bold;
    text-align      : left;
}

.transparent-left-to-right, .content-text
{
    /* border              : 1px solid red; */
    background-image    : url('../images/transparenter_verlauf_ltr_F9F9F9_200px_1024px.png');
    background-repeat   : repeat-y;
    padding-left        : 40px;
}

.justify
{
    text-align          : justify;
}

.red
{
    color               : red;
}

#bilder-liste-top-down img
{
    padding-bottom      : 10px;
}

#konzert-menu-jahre
{
    font-size: large;
    list-style-type : none;
}

#konzert-menu-jahre-item
{
    font-size       : large;
}

.nav-konzerte-item
{
   font-size: larger;
}