body {
       font-family: Arial, Helvetica, sans-serif;
       height: 100%;
       margin: 0px;
       padding: 0px;
       text-align: center;
       background-color: #000000;
}

#mittig {
        position: relative;
        width: 1000px;
        margin: 50px auto;
        padding: 0px;
        text-align: center;
        background: #cdbe9d url(../bilder/kino.jpg) no-repeat 0px 51px;
}

#kopf {
        position: relative;
        width: 1000px;
        height: 44px;
        padding: 28px 0px;
        text-align: right;
        background: url(../bilder/proflexx.gif) no-repeat top left;
}

#inhalt {
        position: relative;
        width: 94%;
        margin: 0px;
        padding: 3%;
}

#dias {
        position: relative;
        width: 53%;
        padding: 0px;
        text-align: left;
        float: left;
        background: url(../bilder/dias03.jpg) no-repeat top left;
}

#rechts {
        position: relative;
        width: 43%;
        padding: 0px 0px 0px 3%;
        text-align: left;
        float: right;
}

#text {
        position: relative;
        padding: 5% 0px 2% 0px;
        text-align: left;
        clear: both;
}

#box {
        position: relative;
        width: 220px;
        height: 130px;
        padding: 7px;
        text-align: left;
        background: url(../bilder/box.png) no-repeat top left;
        float: left;
}

#pfeil {
        position: relative;
        width: 84%;
        height: 80px;
        padding: 40px 8%;
        text-align: left;
        background: url(../bilder/pfeil.png) no-repeat top left;
}

#pfeil1 {
        position: relative;
        width: 100%;
        height: 40px;
        padding: 12px 0px 0px 20px;
        text-align: left;
        background: url(../bilder/pfeil1.png) no-repeat top left;
}

#pfeil2 {
        position: relative;
        width: 100%;
        height: 40px;
        padding: 12px 0px 0px 20px;
        text-align: left;
        background: url(../bilder/pfeil2.png) no-repeat top left;
}

#pfeil3 {
        position: relative;
        width: 100%;
        height: 40px;
        padding: 12px 0px 0px 20px;
        text-align: left;
        background: url(../bilder/pfeil3.png) no-repeat top left;
}

#pfeil4 {
        position: relative;
        width: 100%;
        height: 40px;
        padding: 12px 0px 0px 20px;
        text-align: left;
        background: url(../bilder/pfeil4.png) no-repeat top left;
}


p
{
        font-size: 14px;
        color: #000;
        text-align: left;
        line-height: 20px;
        margin: 0px;
        margin-bottom: 10px;
}

a
{
        font-size: 14px;
        line-height: 20px;
        text-decoration: none;
        margin: 0px;
        color: #003cff;
}

a:hover, a:active, a.navi:hover, a.navi:active
{
        color: #ff0000;
}

a.navi
{
        padding: 0px 20px 0px 0px;
        color: #c9b18b;
}
a.navia
{
        padding: 0px 20px 0px 0px;
        color: #ff0000;
}

.text
{
        font-size: 14px;
        text-align: left;
        line-height: 18px;
}

li   {
     font-size: 14px;
     color: #000;
     font-weight: normal;
     line-height: 20px;
     text-align: left;
     padding: 0px;
     }

ul   {
     margin-top: 2px;
     margin-bottom: 15px;
     margin-left: -10px;
     }
ol   {
     margin-top: 0px;
     margin-bottom: 10px;
     margin-left: -10px;
     }

h1
{
        font-size: 20px;
        line-height: 24px;
        font-weight: bold;
        text-align: left;
        color: #000;
        margin: 0px 0px 10px 0px;
}

h2
{
        font-size: 16px;
        line-height: 22px;
        font-weight: bold;
        text-align: left;
        color: #000;
        margin: 0px 0px 6px 0px;
}

h3
{
        font-size: 14px;
        line-height: 18px;
        font-weight: bold;
        text-align: left;
        color: #000;
        margin: 0px;
}

.next
{        position: absolute;
         top: 0;
         left: 0;
         opacity: 0;
         filter:alpha(opacity=0);
}