* {
  padding: 0;
  margin:  0;
  font-family: Verdana,'Trebuchet MS', Sans-serif;
}

body {
  background: #fff url(img/menuback.gif) left center repeat-y;
  font-size:   9pt;
  height: 100%;
}


#header {
  color: #fff;
  background: #c80000 url(img/header.jpg) left center no-repeat;
  height: 100px;
  width: 100%;
}

#header h1 {
  display: none;
}

#header span {
  font-size: 10pt;
  display: block;
  position: absolute;
  top: 80px;
  left: 154px;
}

#header span a {
  color: #fff;
}


#menu {
  position: absolute;
  left: 0px;
  top: 100px;
  width: 150px;
  min-height: 150px;
  z-index: 2;
}

#menu div {
  font-size: 9pt;
  color: #fee;
  padding: 10px 10px 40px 10px;
  background: url(img/menutop_home.jpg) left top no-repeat;
}

#menu div.nieuws {
  background: url(img/menutop_nieuws.jpg) left top no-repeat;
}

#menu div.agenda {
  background: url(img/menutop_agenda.jpg) left top no-repeat;
}


#menu h2 {
  text-align: right;
  color: #fee; /*#ffaf14;*/
  
  /* The default div in menu has a padding of 10 px,
   * but we'd like to have the title a little closer
   * to the edge than the text: */
  margin-right: -5px;
  
  margin-bottom: 1em;
  font-weight: bold;
}

#menu h3 {
  margin-top: 5px;
  font-size: 12pt;
}

#menu a.button {
  color:   #fff;
  border:  1px #FFF solid;
  padding: 0px 4px;
}

#menu ul {
  padding-left: 1.5em;
  list-style: circle;
  list-style-image: url(img/bullet.gif);
}

#menu ul.links {
  /* Only after text, there will be an extra margin,
   * In any other case, the element above already has
   * a margin and it will make this margin invisible: */
  margin-top: 0.5em;
}

#menu 
ul.links li {
  padding-bottom: 0.5em;
}

#menu ul li a {
  color: #fee;
}

#menu ul li.afterSep {
  padding-top: 0.5em;
}


#content {
  padding: 10px 20px 10px 170px;
  text-align: justify;
  position: relative;
  z-index: 1;
}

#content.index {
	padding-right: 235px;
}

#content div.newsItem, #content div.comments {
  border: 1px solid;
  border-color: #800 #eee #eee #800;
  margin-bottom: 2.5em; /*1.5em;*/
  margin-top: 1.6em; /*-8px;  /* Opheffen ruimte h3 */
  font-size: 8pt;
  line-height: 12pt;	 
}

#content div.newsItem h2 {
  margin-top: -1.4em; /*0pt;*/
  margin-left: -.3em;
}
#content div.newsItem form {
  margin-top: -2.7em;
  margin-left: -7px;
  margin-right: 0;/*-7px;*/
  padding: 1px;
  background:transparent;
  border: none;
}

#content div.newsItem {
  padding: 0.5em;
}

#content div.newsItem form input.h2, #content form input.h2 {
  font-size: 14pt;
  font-family: Georgia;
  font-weight: bold;
  color: #800;
  margin-bottom: .5em;
  width: 100%;
  clear:both;
  display: block;
}

#content form textarea {
  border: 1px #800 solid;
  background:#ff8;
}

#content form span.cat select, #content form span.cat select option {
	font-family:Georgia, fantasy, serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000;
	background: #ff8;
}
#content form span.cat select {
	margin-bottom: .5em;

	border: 1px #888 solid;
}

div.comments span {
  border-bottom: 1px #8C8C8C solid;
  display: block;
  padding: 0 0.5em;
}

#content div.comments {
  height: 10em;
  overflow: scroll;
}

#content div.newsItem p.topbar, #content p.toolbar {
  text-align: right;
  padding: 0 1em;
  font-size: 8pt;
  background: #eee;
  margin-bottom: 0.5em;
  display: block;
}
#content p, #content li {
	line-height: 130%;
}

#content p.toolbar {
  border: 1px #c80000 solid;
}

#content p.toolbar span {
  display: block;
  float: left;
}

#content p.toolbar img {
  vertical-align: bottom;
  border: none;
}

#content div.newsItem p.topbar img {
  vertical-align: bottom;
  border: none;
}

#content div.newsItem p.bottombar {
  text-align: right;
  padding: 0 1em;
  margin-top: 0.5em;
}

#footer {
  padding: 2px 10px;
  margin: 0 -20px;
  margin-top: 10px;
  text-align: right;
  font-size: 7pt;
  border-top: 1px #800000 solid;
}

a {
  color: #800;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  color: #c80000;
}

h2, h2 a {
  color: #a60000; /*#c80000;*/
  font-size: 14pt;
  font-family: Georgia, fantasy, serif;
  margin-bottom: 5px;
}




#content h3 {
  margin-top: 1em;
  margin-bottom: 0;

text-align: left;
font-weight: bold;
  font-size: 12pt;
}

h4 {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 12pt;
  
}

hr {
  display: none;
}


img.photo {
  border: 1px #000000 solid;
  margin: 0.5em;
}

p.photoRight, p.photoLeft, p.photo {
  display: block;
  position: relative;
  padding: 1px;
  background: #000;
  z-index: 4;
}

p.photoRight img, p.photoLeft img, p.photo img {
  border: none;
}

p.photoLeft span, p.photoRight span, p.photo span {
  margin: 0 2px;
  font-style: italic;
  color: #fff;
}



p.photoRight {
  margin: 0 0 0 0.5em;
  float: right;
  text-align: right;
}

p.photoLeft {
  margin: 0 0.5em 0 0;
  float: left;
  text-align: left;
}

p.photo span {
/*  display: none;*/
background: #000;
display:block;
margin-top:-4px;
}
p.photo {
background: transparent;
text-align: center;
}
p.photo img {
  border: 1px #000 solid;
  margin: 4px 0;
}

div.foto {

margin: 4px auto;
padding: 0;	
clear: both;
width: 552px;
text-align: center;
background: #000;
}

div.foto img {
  margin: 1px;
}

div.foto span {
  padding: 2px;
  display: block;
  margin: 0;
  color: #fff;
  font-style: italic;
}
div.foto p {
  width: 550px;
margin-left: auto;
margin-right: auto;
}
div.foto span {
text-align: left;
}



hr.clear {
  clear: both;
  display: block;
  height: 0;
  border: none;
}

span.clear {
  clear: both;
  display: block;
  height: 0;
  width: 0;
}

p.infobar {
  text-align: right;
  padding: 0 1em;
}


/********* REFORMATTED UNTIL HERE ******************************/

ul {
  padding-left: 1em;
  list-style: square;
}


p.pageSelect {
  text-align: center;
  font-weight: bold;
  margin: 0 -7px;
  font-size: 8pt;
}

p.pageSelect img {
  vertical-align: bottom;
  border: none;
}

form {
/*  border: 1px #8C0000 solid;
  background: #F0F0F0;
  padding: 5px;*/
}

input {
  border: 1px #8C8C8C solid;
  background: #ff8;
  padding: 1px;
}

form.edits {
 text-align:right;
  padding:1px;
 background: #FFFFBB;
} 

form.edits input {
 background: #dddd99;
}

input.button {
  border: 2px outset;
}

textarea {
  background: #fff;
  border: 1px #000 solid;
  width: 100%;/*50em;*/
 height: 10em;
display:block;
font-size: 9pt;
}


table {
  border: 1px #C80000 solid;
  border-collapse: collapse;
  /*background: #F0F0F0;*/
}

table th, table td {
  padding: 1px 5px;
  border: 1px #C80000 solid;
  vertical-align: top;
  font-size: 9pt;
  text-align: left;
}

table th {
  border-bottom: 3px #C80000 double;
  color: #C80000;
}






div.gallery, div.photo {
  padding: 0;
  border: 0;
  margin: 0;
  white-space: nowrap;



}

div.photo span.gt {
  display: block;
  margin-bottom: .5em;
  text-align: center;
}

div.gallery span.gt {
  display: block;

  float: left;
  width: 25%;
  margin-bottom: 1em;
  text-align: center;
}

div.thumbRow {
  float: left;
  margin: 0 .5em  .5em 0;
  
  border: 1px #c80000 solid;
  background: #eeeeee;
  padding: 0 .5em;

}

div.thumbRow span, span.gthalf {
  display: block;
  





  margin-bottom: .5em;


  text-align: center;

}

h3 {
 padding: 0;
 margin: 0;
}

span.gt img, div.thumbRow img {
  border: 3px #fff;
  border-style: none ridge ridge none;
}

p.gp {
  text-align: center;
  font-size: 11pt;
  font-weight: bold;
}

p.gp img {
  border: 5px #fff;
  border-style: none ridge ridge none;
}

div.newsItem h4 {

text-align:left;

margin-top: 10px;
}

div.news {
	position:absolute;
	right: 0em;
	top: 0em;

/*	float: right;*/
	background: #F0F0F0;
	border: 1px #800000;
        border-style: none  none solid solid;
	width: 200px;

	margin-left: 2em;
	padding: 0.3em;
        padding-left: 0.5em;
	vertical-align: top;
	text-align: left;
	z-index: 5;
}

#content div.news h3 {
	margin-top: 0;
}

div.news p {
	padding-top: 1em;
}

em {
  display: block;
  position: relative;
  margin-top: -1.5em;
  left: 15em;
}

ul.programma {
  margin-left: 10px;
  margin-top: 1em;
}
ul.programma li {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  }
ul.legenda li {
float: left;
margin-right: 50px;
}

ul.programma li.v {
  list-style-image: url(img/bulletv.png);
}
ul.programma li.h {
  list-style-image: url(img/bulleth.png);
}

ul.programma li.m {
  list-style-image: url(img/bulletm.png);
}

ul.programma li.hm {
  list-style-image: url(img/bullethm.png);
}
ul.programma li.mm {
  list-style-image: url(img/bulletmm.png);
}
ul.programma li.m_m {
  list-style-image: url(img/bulletm_m.png);
}

/* NEWS v2.0 */
div.nws  {
margin: 4px 0;
padding: 4px 1em;
background: #efefef;
z-index: 0;
border: 1px #ccc solid;

}
div.nws h5 a.title {
  font-family: Georgia, fantasy, serif;
  font-size: 11pt;
  font-weight:bold;
  z-index: 4;
}
div.nws p {
clear:both;
margin-left: 1em;
margin-right: 1em;
line-height:125%;
margin-bottom:0;
}

span.link {
display:block;
float:right;
line-height: 19pt;
}

span.invisible {
  display: none;
}

div.nws h5 {
float: left;
margin-bottom: .5em;
}
span.cat {
float:left;
}

span.dt {
float: right;
}
span.dt, span.cat {
font-family:Georgia, fantasy, serif;
font-size: 10pt;
font-weight: bold;
color: #888;
margin-bottom: .5em;
}

#content div.newsItem, #content div.comments, #content div.photoItem {
  border: 1px solid;
  border-color: #800 #eee #eee #800;
  margin-bottom: 1.5em;
}

#content div.newsItem, #content div.photoItem {
  padding: 0.5em;
}
#content div.newsItem p.topbar, #content div.photoItem p.topbar, #content p.toolbar {
  text-align: right;
  padding: 0 1em;
  font-size: 8pt;
  background: #eee;
  margin-bottom: 0.5em;
  display: block;
}
#content div.newsItem p.topbar img, #content div.photoItem p.topbar img {
  vertical-align: bottom;
  border: none;
}
#content div.agendaItem {
  border: 1px solid;
  border-color: #800 #eee #eee #800;
  margin-bottom: 1.5em;
  padding: 0.5em;
}

#content div.agendaItem h5 {
  color: #a60000;
  font-size: 14pt;
  font-family: Georgia, fantasy, serif;
  margin-bottom: 5px;
  background: #eee;
  padding-left: 0.5em;
  padding-top: 2pt;
  padding-bottom: 2pt;
  padding-right: 0.5em;
  height: 15pt;
  position: relative;
}

#content div.agendaItem p.dateblock {
  text-align: right;
  padding-right: 0.5em;
/*  padding-top: -7pt;*/
  top: 0pt;
  padding-bottom: 2px;
  margin-bottom: 0.2em;
  margin-top: -16pt;
  display: block;
  font-size: 11pt;
  font-weight: bold;
  color: #808080;
  font-family: Georgia, fantasy, serif;
  position:  relative;
}

form.login {
text-align:right;
margin-top: 0.5em;
}

form.login input.pswd {
	width: 120px;
}

form.login input.button {
	border: 2px outset;
	margin: 5px 0;
}

tr.jaarwinnaar td {
  font-weight: bold;
}