@charset "utf-8";
@import "base.css";

body {
  background:#000 url(../images/testbg.jpg) no-repeat center top;
}
#wrap {
  position:relative;
  width:960px;
  margin:auto;
  overflow:hidden;
  padding:0 10px 10px;
}
#header {
  position:relative;
  padding-top:20px;
  padding-bottom:20px;
  height:200px;
}
  #header h1 {margin:0;}
    #header h1 a {
      width:310px;
      height:200px;
      overflow:hidden;
      display:block;
      position:absolute;
      text-indent:-9999em;
      left:20px;
      top:20px;
    }
  #header #nav {
    list-style:none;
    margin:0;
    padding:0;
    overflow:auto;
    float:right;
    margin-top:140px;
    -moz-box-shadow:2px 2px 5px #011;
    -webkit-box-shadow:2px 2px 5px #011;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;

  }
    #nav li {display:inline;float:left}
      #nav li a {
        background:rgba(255,255,255,0.15);
        float:left;display:inline;
        padding:20px 23px;
        background:rgba();
        font-variant:small-caps;
        font-size:15px;
        line-height:20px;
        text-decoration:none;

      }
        #nav li a:hover,
        #nav li a:focus {
          background:rgba(20,30,30,0.3);
          color:#f7f28c;
        }
        .home #nav li a.navhom,
        .historie #nav li a.navhis,
        .acts #nav li a.navact,
        .artists #nav li a.navart,
        .organisatie #nav li a.navorg,
        .tickets #nav li a.navtic {
          text-decoration:underline;
        }
        #nav :first-child a {
          -moz-border-radius-topleft:2px;
          -moz-border-radius-bottomleft:2px;
          -webkit-border-top-left-radius:2px;
          -webkit-border-bottom-left-radius:2px;
        }
        #nav :last-child a,
        #nav .last a {
          font-weight:700;
          color:#f7f28c;
          -moz-border-radius-topright:2px;
          -moz-border-radius-bottomright:2px;
          -webkit-border-top-right-radius:2px;
          -webkit-border-bottom-right-radius:2px;
        }
#content {
  position:relative;
  float:right;
  width:710px;
  color:#fff;
}
  #content h2 {
    position:relative;
    background:rgba(255,255,255,0.3);
    color:#f4ed3a;
    font-weight:bold;
    padding:20px;
    font-size:20px;
    text-transform:uppercase;
    line-height:20px;
    margin:0 0 20px;
    -moz-box-shadow:2px 2px 5px #011;
    -webkit-box-shadow:2px 2px 5px #011;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
  }
    #content h2 span {
      font-size:12px;
      text-transform:none;
      position:absolute;
      line-height:20px;
      top:20px;
      right:20px;
      color:#fff;
    }
      #content h2 span a {
        padding-left:20px;
      }
        #content h2 span a.active {
          color:#fff;
          text-decoration:none;
        }
  #content h3 {
    background:rgba(255,255,255,0.3);
    color:#f4ed3a;
    font-weight:bold;
    padding:20px;
    font-size:15px;
    text-transform:uppercase;
    line-height:20px;
    margin:0 0 20px;
    -moz-box-shadow:2px 2px 5px #011;
    -webkit-box-shadow:2px 2px 5px #011;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
  }
  #content p {
    background:rgba(255,255,255,0.3);
    color:#fff;
    padding:20px;
    margin:0 0 20px;
    clear:both;
    -moz-column-count:2;
    -moz-column-gap:20px;
    -moz-box-shadow:2px 2px 5px #011;
    -webkit-box-shadow:2px 2px 5px #011;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
  }
  #content .largetext {
    background:rgba(255,255,255,0.3);
    color:#fff;
    padding:20px;
    margin:0 0 20px;
    clear:both;
    -moz-column-count:2;
    -moz-column-gap:60px;
    -webkit-column-count:2;
    -webkit-column-gap:60px;
    -moz-box-shadow:2px 2px 5px #011;
    -webkit-box-shadow:2px 2px 5px #011;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
  }
      #content .largetext p {
      background:0;
      color:#fff;
      margin:0 0 20px;
      padding:0;
      -moz-column-count:1;
      -moz-column-gap:0;
      -webkit-column-count:1;
      -webkit-column-gap:0;
      -moz-box-shadow:none;
      -webkit-box-shadow:none;
      -moz-border-radius:0;
      -webkit-border-radius:0;
    }
    #content p.block {
      background:rgba(255,255,255,0.15);
      float:left;
      width:190px;
      clear:none;
      -moz-column-count:1;
      -webkit-column-count:1;
      min-height:160px;
    }
  #content img,
  #content .cycle {
    background:rgba(255,255,255,0.15);
    padding:20px;
    margin:0 0 20px;
    display:block;
    width:420px;
    height:160px;
    -moz-box-shadow:2px 2px 5px #011;
    -webkit-box-shadow:2px 2px 5px #011;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
  }
    #content .imageleft {float:left;clear:left;margin-right:20px;}
    #content .imageright {float:right;margin-right:0}
    #content .cycle {overflow:hidden;}
    #content .cycle img {
      padding:0;margin:0;
      -moz-box-shadow:none;
      -webkit-box-shadow:none;
      -moz-border-radius:0;
      -webkit-border-radius:0;
    }
  #content .deelnemers {
    color:#fff;
    background:rgba(255,255,255,0.15);
    padding:20px;
    margin:0 0 20px;
    display:block;
    width:190px;
    float:right;
    min-height:160px;
    -moz-box-shadow:2px 2px 5px #011;
    -webkit-box-shadow:2px 2px 5px #011;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
  }
  #content .deelnemers ul {margin-bottom:0;}
  #content .deelnemersleft {float:left;}
    #content .deelnemers h3 {
      margin:0 0 20px;
      color:#8f87c0;
      line-height:20px;
      font-size:13px;
      font-weight:bold;
      text-transform:uppercase;
      background:0;padding:0;
      -moz-box-shadow:none;
      -webkit-box-shadow:none;
    }

  #content .youtubes {
    background:rgba(255,255,255,0.15);
    color:#fff;
    padding:20px 20px 20px 0px;
    margin:0 0 20px;
    clear:both;
    -moz-box-shadow:2px 2px 5px #011;
    -webkit-box-shadow:2px 2px 5px #011;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    overflow:hidden;
  }
  #content .youtubes .video {
  float:left;
  width:210px;
  margin-left:20px;
  }
    #content .youtubes embed,
    #content .youtubes object {
      width:210px;
      height:158px;
    }
    #content .youtubes h4 {
      color:#8f87c0;
      background:rgba(0,0,0,0.5);
      margin:0;
      font-weight:bold;
      line-height:20px;
      font-size:14px;
      text-align:center;
      -moz-border-radius-topleft:2px;
      -webkit-border-top-left-radius:2px;
      -moz-border-radius-topright:2px;
      -webkit-border-top-right-radius:2px;
    }
  #content .acts {
    float:left;
    margin-right:20px;
    width:345px;
    margin-bottom:20px;
    clear:left;
  }
  #content .acts2 {margin-right:0;clear:none;}
    #content .acts h3 {
      margin-bottom:0;
      -moz-border-radius:0;
      -webkit-border-radius:0;
      -moz-border-radius-topleft:2px;
      -webkit-border-top-left-radius:2px;
      -moz-border-radius-topright:2px;
      -webkit-border-top-right-radius:2px;
    }
    #content .acts ul {
      -moz-border-radius:2px;
      -webkit-border-radius:2px;
      -moz-border-radius-topleft:0;
      -webkit-border-top-left-radius:0;
      -moz-border-radius-topright:0;
      -webkit-border-top-right-radius:0;
      background:rgba(255,255,255,0.15);
      -moz-box-shadow:2px 2px 5px #011;
      -webkit-box-shadow:2px 2px 5px #011;
      padding-top:15px;
      padding-bottom:15px;
      list-style:none;
      margin:0;
    }
      #content .acts ul li {
        display:block;
        margin-bottom:0;

      }
      #content .acts ul li a {
        font-weight:bold;
        display:block;
        font-size:13px;
        padding:5px 20px;
        text-transform:uppercase;
        text-decoration:none;
      }
      #content .acts ul li a:hover,
      #content .acts ul li a:focus  {
        background:rgba(0,0,0,0.5);
      }
      #content .acts ul li a strong {
        text-decoration:underline;
      }
      #content .acts ul li a span {
        text-decoration:none;
        font-size:12px;
        color:#fff;
        text-transform:none;
        display:block;
      }

  #content .artistslist {
    width:100%;margin-right:0;
  }
    #content .artistslist ul {
      -moz-border-radius:2px;
      -webkit-border-radius:2px;
      -webkit-column-count:3;
      -moz-column-count:3;
    }
    #content .artistslist ul li {
      page-break-inside:avoid;
    }

  #content form {
    overflow:hidden;
  }
    #content form fieldset {
      width:345px;
      float:left;
      margin-right:20px;
    }
      #content form fieldset.rightfieldset {margin-right:0;}

  #content form .personal {
    padding:20px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    background:rgba(255,255,255,0.15);
    -moz-box-shadow:2px 2px 5px #011;
    -webkit-box-shadow:2px 2px 5px #011;
  }

    #content form button {
      display:block;
      background:#00BDF6;
      color:#000;
      text-decoration:none;
      border:0;
      text-align:center;
      font-weight:bold;
      font-size:18px;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
      line-height:40px;
      height:40px;
      width:100%;
    }
      #content form button:hover,
      #content form button:focus {
        background: #000;
        color:#00BDF6;
      }

  #content input {
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
  }

  .showlist {
    list-style:none;
    padding:15px 0;margin:0;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    background:rgba(255,255,255,0.15);
    -moz-box-shadow:2px 2px 5px #011;
    -webkit-box-shadow:2px 2px 5px #011;
    margin-bottom:20px;
  }
  .showlist li {
    position:relative;
    overflow:hidden;
    padding:10px 20px;
  }
  .showlist li.alt {
    background:rgba(0,0,0,0.5);
  }
  .showlist li select {
    margin-top:15px;
    float:right;
  }
  .showlist li label {
    height:auto;
    position:relative;
    display:block;
    cursor:default;
    float:left;width:60%;
  }
  .showlist label span {
    display:block;
    font-weight:bold;
  }
  .showlist label strong {
    text-transform:uppercase;
    display:block;
    font-size:13px;
    font-weight:bold;
    color:#F4ED3A;
  }

#sidebar {
  float:left;
  width:230px;
  min-height:40px;
}
  #sidebar .video {
    background:rgba(255,255,255,0.1);
    padding:20px;
    margin-bottom:20px;
    -moz-box-shadow:2px 2px 5px #011;
    -webkit-box-shadow:2px 2px 5px #011;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
  }
    #sidebar embed,
    #sidebar object,
    #sidebar .oembed {
      display:block;
      width:190px;
      height:158px;
    }
    #sidebar h4 {
      color:#8f87c0;
      background:rgba(0,0,0,0.5);
      margin:0;
      font-weight:bold;
      line-height:20px;
      font-size:14px;
      text-align:center;
      -moz-border-radius-topleft:2px;
      -webkit-border-top-left-radius:2px;
      -moz-border-radius-topright:2px;
      -webkit-border-top-right-radius:2px;
    }
    #sidebar img {
      padding:0;margin:0;display:block;
    }
  #sidebar .cta {}
      #sidebar h3 {
      padding:5px;
      color:#abe;
      background:rgba(0,0,0,0.8);
      margin:0;
      line-height:20px;
      font-size:14px;
      -moz-border-radius-topleft:2px;
      -webkit-border-top-left-radius:2px;
      -moz-border-radius-topright:2px;
      -webkit-border-top-right-radius:2px;
      text-align:right;
    }
    #sidebar h3 span {
      font-weight:bold;
    }
  #sidebar p {margin:0;}
  #sidebar .button {
    display:block;
    background:#00BDF6;
    color:#000;
    text-decoration:none;
    border:10px solid #000;
    text-align:center;
    font-weight:bold;
    font-size:18px;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;
    line-height:40px;
  }
    #sidebar .button:hover,
    #sidebar .button:focus {
      background: #000;
      color:#00BDF6;
    }
  #sidebar p.text {
    color:#fff;
    padding:20px;
    background:rgba(255,255,255,0.1);
    -moz-box-shadow:2px 2px 5px #011;
    -webkit-box-shadow:2px 2px 5px #011;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    margin-bottom:20px;
  }
#footer {
  padding:20px;
  height:20px;
  background:rgba(255,255,255,0.1);
  clear:both;
  font-size:10px;
  line-height:20px;
  color:#eee;
  -moz-box-shadow:2px 2px 5px #011;
  -webkit-box-shadow:2px 2px 5px #011;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
}
  #footer #subnav {
    list-style:none;
    padding:0;float:left;
    margin:0;
  }
    #subnav li {float:left;display:inline;}
      #subnav li a {
        float:left;padding:0 10px;
        }
  #footer p {
    float:right;
    margin:0;
  }

  .errorlist {
    text-align:center;
    list-style:none;
    margin-left:0;
    padding:4px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    background:#c60;
  }


  .rightfieldset .errorlist {
    height:19px;
    position:absolute;
    right:19px;
    width:120px;
    text-align:center;
    list-style:none;
    margin:0;
    padding:4px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    background:#c60;
  }

  span.notice {
    position:absolute;
    margin:0;
    padding:4px;
    color:#00BDF6;
    width:120px;
    height:57px;
    text-align:right;
    font-weight:bold;
  }