@charset "UTF-8";
html {
  border: 0;
}
@font-face {
  font-family: 'ar_cenaregular';
  src: url('arcena-webfont.eot');
  src: url('arcena-webfont.eot?#iefix') format('embedded-opentype'), url('arcena-webfont.woff') format('woff'), url('arcena-webfont.ttf') format('truetype'), url('arcena-webfont.svg#ar_cenaregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
#wrapper {
  margin: 0 auto;
  width: 960px;
  background-image: url(pleinfeest-rest.jpg);
}
#home #wrapper {
  background-image: url(pleinfeest-home.jpg);
}
body {
  font-family: 'ar_cenaregular';
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 31px;
  line-height: 1;
  background: #faee51;
  /* Old browsers */

  background: -moz-radial-gradient(center, ellipse cover, #faee51 0%, #f9ea12 20%, #ffffff 60%, #90d2e7 100%, #90d2e7 100%);
  background: -webkit-radial-gradient(center, ellipse cover, #faee51 0%, #f9ea12 20%, #ffffff 60%, #90d2e7 100%, #90d2e7 100%);
  background: -o-radial-gradient(center, ellipse cover, #faee51 0%, #f9ea12 20%, #ffffff 60%, #90d2e7 100%, #90d2e7 100%);
  background: -ms-radial-gradient(center, ellipse cover, #faee51 0%, #f9ea12 20%, #ffffff 60%, #90d2e7 100%, #90d2e7 100%);
  background: radial-gradient(ellipse at center, #faee51 0%, #f9ea12 20%, #ffffff 60%, #90d2e7 100%, #90d2e7 100%);
}
header ul {
  list-style-type: none;
  display: block;
  margin: 3px auto;
  padding: 0;
  width: 960px;
  clear: both;
}
header li a {
  float: left;
  list-style-type: none;
  display: block;
  position: relative;
  top: -56px;
  text-align: center;
  padding: 8px 4px 9px 4px;
  margin: 0;
  vertical-align: middle;
  text-decoration: none;
  background-color: #ced604;
  background: -moz-linear-gradient(top, #e3e788 0%, #ced604 50%);
  background: -webkit-linear-gradient(top, #e3e788 0%, #ced604 50%);
  background: -o-linear-gradient(top, #e3e788 0%, #ced604 50%);
  background: -ms-linear-gradient(top, #e3e788 0%, #ced604 50%);
  background: linear-gradient(to bottom, #e3e788 0%, #ced604 50%);
  color: #000;
  width: 184px;
}
header li.active a,
header li a:hover {
  background-color: #931d7e;
  background: -moz-linear-gradient(top, #e7b8d6 0%, #931d7e 50%);
  background: -webkit-linear-gradient(top, #e7b8d6 0%, #931d7e 50%);
  background: -o-linear-gradient(top, #e7b8d6 0%, #931d7e 50%);
  background: -ms-linear-gradient(top, #e7b8d6 0%, #931d7e 50%);
  background: linear-gradient(to bottom, #e7b8d6 0%, #931d7e 50%);
  color: #fff;
}
header nav {
  margin: 0 auto;
}
#Kop {
  float: left;
  display: block;
  font-size: 95px;
  color: #652482;
  top: 15px;
  left: 17px;
  position: relative;
  width: 548px;
}
#Datum {
  float: left;
  display: block;
  font-size: 46px;
  color: #612180;
  top: 8px;
  left: 17px;
  position: relative;
  width: 548px;
}
#Amelands {
  float: left;
  display: block;
  font-size: 65px;
  color: #f49700;
  left: 17px;
  top: -72px;
  position: relative;
  width: 378px;
}
#Joany {
  float: left;
  display: block;
  width: 242px;
  margin: 214px 0 0 34px;
}
#dorY {
  float: left;
  display: block;
  width: 157px;
  margin: 183px 0 0 37px;
}
#Theater {
  float: left;
  display: block;
  width: 417px;
  margin: 303px 0 0 47px;
}
#Kinderen {
  float: right;
  display: block;
  width: 307px;
  margin: 15px 33px 0 0;
}
#kader {
  float: left;
  display: block;
  margin: 0px 0 0 90px;
  width: 372px;
  height: 612px;
  font-size: 36px;
}
.Tijd {
  color: #fff;
  margin: 14px 0 0 0;
}
.Prog {
  color: #631d5c;
  text-shadow: -2px 0 #ffffff, 0 2px #ffffff, 2px 0 #ffffff, 0 -2px #ffffff;
}
.Eten {
  color: #f6e808;
  margin: 14px 0 0 0;
  text-shadow: -2px 0 #000000, 0 2px #000000, 2px 0 #000000, 0 -2px #000000;
}
footer {
  width: 960px;
}
.logologo {
  display: block;
}
.logologo img {
  border: 4px solid #5bb130;
  margin: 0 0 37px 0;
  border-radius: 19px;
}
#Ontstaan {
  border: 4px solid #652482;
  margin: -40px 0 37px 37px;
  border-radius: 19px;
  padding: 37px;
  background-color: #931d7e;
  color: #fff;
  width: 806px;
  text-align: justify;
}
#Ontstaan a {
  text-decoration: none;
  background-color: #652482;
  color: #fff;
  border-radius: 9px;
  padding: 0 5px;
}
#Contact {
  border: 4px solid #269ad5;
  margin: -40px 0 37px 247px;
  border-radius: 19px;
  padding: 57px 37px 17px 37px;
  background-color: #64cef5;
  color: #000;
  width: 386px;
  text-align: justify;
}
#Contact a {
  text-decoration: none;
  background-color: #269ad5;
  color: #fff;
  border-radius: 9px;
  padding: 0 5px;
}
#Contact li {
  margin: 0 0 15px 0;
}
#gallery {
  width: 910px;
  height: 910px;
  margin: 25px 0 0 25px;
  padding: 0 25px 25px 0;
  position: relative;
}
#apestaartje {
  color: #ec3285;
  display: block;
  position: relative;
  top: -25px;
  font-size: 236px;
  line-height: 161px;
}
.pic,
.pic a {
  width: 140px;
  height: 140px;
  overflow: hidden;
}
.pic {
  position: absolute;
  border: 5px solid #fff;
  border-bottom: 18px solid #fff;
  -moz-box-shadow: 2px 2px 3px #111;
  -webkit-box-shadow: 2px 2px 3px #111;
  box-shadow: 2px 2px 3px #111;
}
.pic a {
  text-indent: -999px;
  display: block;
}
.drop-box {
  width: 240px;
  height: 130px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: url(img/drop_box.png) no-repeat;
}
.drop-box.active {
  background-position: bottom left;
}
label,
input {
  display: block;
  padding: 3px;
}
label {
  font-size: 10px;
}
fieldset {
  border: 0;
  margin-top: 10px;
}
#url {
  width: 240px;
}