body {
            background:      #202020  url(img/background.jpg) repeat-x  top;
            font-family:'KinostarCnRegular','arial'
        }
        .ink-grid{
            max-width:1000px;
            padding: 0px;
            margin-top: 0px;
            background-color:white;

            }

           header {
            padding: 0em 0;
            margin-bottom: 2em;

            }
            header h1 {
                font-family:'LeagueGothicRegular';
                text-transform:uppercase;
                font-size:50px;
                color:black;
                line-height:50px;
}
            header h2 {
                font-family:'LeagueGothicRegular';
                text-transform:uppercase;
                font-size:20px;
                color:white;
                font-weight: normal;
                margin-top:0px;
}
            header .grau{
                color: Silver
            }
           header a {
             color:white;
           }
           header a:hover {
             color:white;
           }

           header h1 small:before  {
                content: "|";
                margin: 0 0.5em;
                font-size: 1.6em;
           }
           .datumgross{
                font-family:'LeagueGothicRegular';
                text-transform:uppercase;
                font-size:20px;
                color:white;
                font-weight: normal;
          }
          .datumklein{
                font-family:'LeagueGothicRegular';
                text-transform:uppercase;
                font-size:20px;
                color:white;
                font-weight: normal;
          }
          .datumbalken{
            background-color:#b50006;
            padding-left:20px;
          }

           .filmbox100{
             margin:auto !important;
             border:   1px  solid DarkGray;
             padding-bottom:20px;
             -webkit-box-shadow: 0px 7px 13px rgba(50, 50, 50, 0.69);
             -moz-box-shadow:    0px 7px 13px rgba(50, 50, 50, 0.69);
             box-shadow:         0px 7px 13px rgba(50, 50, 50, 0.69);
           }

           .filmbox100 h3{
                font-family:'LeagueGothicRegular';
                text-transform:uppercase;
                font-size:30px;
                font-weight: normal;
                margin:auto;
                margin-bottom:20px;
                margin-top:10px;
           }
           .filmbox100 a {
            color:DimGray;
            font-weight:bold;
           }
           .filmbox100 a:hover {
            color:Silver;
           }

          .inhaltcontainer{
             margin-top:10px;

           }

           .inlinevideo{
             max-width:720px;
             margin-bottom:20px;
           }

           .inlineposter{
             width:20%;
             min-width:150px;
             padding-left:10px;
             padding-top:5px;
             margin-bottom:20px;
             float:left;
           }

           .inlineposter p{
           font-size:0.8em;
           }

           .filmposter {
             border:1px;
             border-color:black;
             border-style:solid;
           }

           .posterkleinbox{

             margin-top:0px;
             margin-bottom:10px;

           }
           .textkleinbox{
            height:380px;
            overflow: auto;

  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 0;
  padding-top: 0
}
           .kastenabstand{
             margin-bottom:40px;
           }

           footer {
            background: #303030;
            color: #0003;
            height:100px;
           }
           footer p {
            padding: 0.5em 1em 0.5em 0;
            margin: 0;
           }
           footer a {
            color:white;
           }
           footer a:hover {
            color:Silver;
           }


  .vodlogo{
      float: left;

      margin:10 20 10 0;
      text-align: center;
    }

   .vodlogosmall{
      float: none;

      margin:0;
      text-align: left;
    }
    .dvd_text{
      margin-left:10px;
    }





/* LARGE SCREENS */
@media screen and (min-width: 960px) {
    /* your css goes here */
}

/* MEDIUM SCREENS */
@media screen and (min-width: 650px) and (max-width: 959px) {
    /* your css goes here */
}

/* SMALL SCREENS */
@media screen and (max-width: 649px) {
    /* your css goes here */
}