body {
/*      background: #fff;*/
      background: #fff url("img/groovepaper_@2X.png");
/*      margin: 217px 0 0 0;*/
      margin: 0;
      font-family: Geneva,Arial,Helvetica,sans-serif;
/*      font-family: 'Exo 2',Geneva,Arial,Helvetica,sans-serif;*/
/*      font-size: 22px;
      font-family: 'Encode Sans Expanded';*/
      color: #000;
}
h2 {
/*      font: bold 1.60em Geneva,Arial,Helvetica,sans-serif;*/
      width: 300px;
      margin-top: 9px;
      margin-bottom: 25px;
/*      background: #3a7601;
      background-color: rgba(58,118,1,0.5);*/
      background-color: rgba(227,190,68,0.5);
/*      border: 3px solid #E3BE44;*/
      border: 3px solid #477AD3;
      border-radius: 20px;
      box-shadow: 2px 4px 5px #666;
      color: #222;
/*      color: #886838;
      color: white;*/
      text-align: center;
      text-shadow: 0 0 2px #eee, 0 0 4px #eee;
/*      text-shadow: 0 0 1px black, 0 0 2px black, 0 0 3px black, 0 0 4px black;*/
/*      text-shadow: 0 0 2px black, 0 0 4px black, 0 0 4px black;*/
      line-height: 140%;
      letter-spacing: 1px;
}
h3.agenda {
/*      font: bold 1.60em Geneva,Arial,Helvetica,sans-serif;
      width: 300px;
      margin-top: 9px;
      margin-bottom: 25px;*/
/*      background: #3a7601;*/
/*      background-color: rgba(58,118,1,0.5);
      border: 3px solid #3A7601;
      border-radius: 20px;
      color: white;
      text-align: center;*/
      color: #886838;
      text-shadow: 0 0 1px white, 0 0 1px black;
      line-height: 140%;
      letter-spacing: 1px;
      margin-left: 50px;
}
p {
      margin-left: 30px;
      margin-right: 30px;
      font: normal 17px/22px Geneva,Arial,Helvetica,sans-serif;
/*      font-size: 17px;
      line-height: 22px;*/
      line-height: 140%;
}
p.left {
      text-align: left;
      margin-top: 20px;
      padding: 0 20px;
      min-width: 400px;
      max-width: 820px;
}
p.right {
      width: 80%;
      margin-top: 5px;
      font-size:20px;
      text-align: right;
      border: 0px solid black;
}
p.bold {
      font-weight: bold;
}
p.space {
      letter-spacing: 1px;
}
p.overons {
      font: normal 18px/26px Geneva,Arial,Helvetica,sans-serif;
      margin-top: 20px;
      padding: 0 20px;
      min-width: 400px;
      max-width: 820px;
/*      font-size: 17px;
      line-height: 22px;
      line-height: 140%;*/
}
font.rood { 
      color: #ff0000;
}
iframe {
      border:0;
      margin:0;
      display:block;
}
input.jscolor {
      width: 55px;
      margin-top: 40px;
      margin-right: 20px;
      float: right;
}
.clear {
      clear: both;
      height: 0px;
      overflow: hidden;
}
div.pagina {
      background: none;
      width: 100%;
      height: 99%;
      border: none;
}
div#outerlogo {
      width: 100%;
/*      height: 197px;*/
      height: 237px;
      margin-bottom: 10px;
      background: #5692FB;
      border-radius: 0 0 34px 34px;
}
div#innerlogo {
      width: 80%;
/*      height: 187px;*/
      height: 227px;
      background: #fff url('img/grunge_wall_@2X.png');
      border-radius: 0 0 24px 24px;
}
div.logoimg {
      position: absolute;
      top: 0;
/*      left: 30px;
      display: inline-block;*/
      z-index: 15;
      background: transparent url('img/logo-akk-031a.jpg');
      background-repeat: no-repeat;
      background-position: center;
      border-radius: 0px 0px 20px 20px;
      width: 230px;
      height: 100px;
      box-shadow: 2px 4px 5px #666;
      color: #000;
      margin-top: 0px;
      margin-right: 30px;
      margin-left: 34px;
      padding: 0;
      overflow: auto;
}
div.logoimg2 {
      float: right;
/*      display: inline-block;*/
      z-index: 10;
      background: transparent url('img/IMG_1450b3.JPG');
      background-repeat: repeat-x;
      border-radius: 0px 0px 20px 20px;
      width: 65%;
      height: 100px;
      box-shadow: 2px 4px 5px #666;
      color: #000;
      margin-top: 0px;
      margin-right: 34px;
      padding: 0px;
      overflow: hidden;
}
div.logotxt {
      float: right;
      z-index: 100;
      margin: 10px 30px 0 0;
      font-size:40px;
      font-weight: bold;
      font-style: italic;
      letter-spacing: 1px;
      white-space: nowrap;
      color: #E7F4FF;
      text-shadow: 0 0 4px black, 0 0 4px black, 0 0 4px black;
}
div.logotxt2 {
      float: right;
      z-index: 100;
      margin: 10px 30px 0 0;
      font-size:22px;
      font-weight: bold;
      font-style: italic;
      letter-spacing: 1px;
      white-space: nowrap;
      color: #E7F4FF;
      text-shadow: 0 0 4px black, 0 0 4px black, 0 0 4px black;
}
div#outercontent {
      width: 100%;
      background: #477AD3;
/*      background: #3A7601;
      background: #3A7601 url('img/verloop-002-1.jpg');
      background: #3A7601 url('img/felt-grn01.jpg');*/
      border-radius: 34px;
      color: #111;
      margin-top: -4px;
      overflow: auto;
}
div#innercontent {
      width: 70%;
      background: #fff url('img/grunge_wall_@2X.png');
      border-radius: 24px;
      color: #111;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-left: 120px;
      margin-right: 120px;
      padding: 20px;
      overflow: auto;
}
span.menu {
      background-image: url('img/button08d.png');
      display: inline-block;
      width: 140px;
      height: 25px;
      border-radius: 10px;
      font: bold 15px Geneva,Arial,Helvetica,sans-serif;
      color: white;
      text-shadow: 0 0 4px black, 0 0 4px black;
      letter-spacing: 1px;
      padding-top: 5px;
      margin: 7px 10px;
      box-shadow: 2px 4px 5px #666;
}
span.menu:hover {
/*      background-color: rgba(255,255,255,0.5);*/
      background-image: url('img/button08d1.png');
}
span.menu a {
      color: white;
      text-decoration: none;
}
span.selected {
      background-image: url('img/button08d1.png');
      border: 1px solid #5692fb;
      cursor: default;
}

div.news, div.agenda {
      border: 3px solid #477AD3;
      border-radius: 20px;
      min-width: 400px;
      max-width: 820px;
      text-align: left;
      padding: 0 20px;
      margin: 0 0 20px 0;
      background-color: rgba(255,255,255,0.5);
}

span.newstitle {
      display: inline-block;
      margin-top: 20px;
      margin-bottom: 20px;
      margin-left: 30px;
      font: bold 18px Geneva,Arial,Helvetica,sans-serif;
      letter-spacing: 0.5px;
/*      font: bold 1.20em Geneva,Arial,Helvetica,sans-serif;
        display: inline-block;
        float: left;
        margin-left: 0px;*/
}
span.newsdate {
      display: inline-block;
      float: right;
      width: 160px;
      margin-top: 23px;
      font: bold 16px Geneva,Arial,Helvetica,sans-serif;
/*      font: bold 1.0em Geneva,Arial,Helvetica,sans-serif;*/
      color: #9C6921;
}

div.agendacontainer {
      width: 610px;
      text-align: left;
      line-height: 170%;
      padding: 3px;
      margin-left: 100px;
      margin-bottom: 35px;
      border-top: 2px solid #886838;
}

span.agendadag {
      width: 50px;
      display: inline-block;
      border-bottom: 2px dotted #886838;
}

span.agendadatum {
      padding-left: 1px;
      width: 50px;
      display: inline-block;
      border-bottom: 2px dotted #886838;
}

span.agendabeschrijving {
      padding-left: 1px;
      width: 490px;
      display: inline-block;
      border-bottom: 2px dotted #886838;
}

span.agendaextra {
      padding-left: 1px;
      width: 604px;
      display: inline-block;
      text-align: center;
      border-bottom: 2px dotted #886838;
}

span.noborder {
      border-bottom: none;
}

div.gallerycontainer {
      height: 100%;
      width: 700px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 25px;
      margin-bottom: 25px;
}

ul.gallery {
	list-style: none;
/*        overflow: hidden;*/
}

ul.gallery li a {
	float: left;
	margin: 0px 5px 3px 0px;
	padding: 10px 10px 15px 10px;
	background: #f9f9f9;
	border: 1px solid #999;
	-moz-box-shadow: 0px 2px 15px #333;
	position: relative;
        text-decoration: none;
}

ul.gallery li a.pic-1 {
	z-index: 1;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
}
ul.gallery li a.pic-2 {
	z-index: 5;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
}
ul.gallery li a.pic-3 {
	z-index: 2;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
}
ul.gallery li a.pic-4 {
	z-index: 3;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
}
ul.gallery li a.pic-5 {
	z-index: 5;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
}
ul.gallery li a.pic-6 {
	z-index: 1;
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
}

ul.gallery li a:hover {
	background: #F3F3D2;
	border: 1px solid #777;
	z-index: 10;
	-moz-box-shadow: 3px 5px 15px #333;
}

ul.gallery li a img {
      width: 300px;
      height: 169px;
      margin-bottom: 10px;
}