body {
  text-align: center;
  background-color: #333333;
  font-size: 10pt;
  font-family: verdana;
  overflow: auto;
}
  
.heading1 {
  text-align: center;
  font-family: verdana, arial;
  font-size:18px;
  margin: 10px;
}  
  
h1.home {
  text-align: center;
  font-family: verdana, arial;
  font-size:24px;
  margin: 5px;
}

h3.home {
  text-align: center;
  font-family: verdana, arial;
  font-size:16px;
  margin: 5px;
}  
  
img {
  border: 0px;
}

table {
/*  border-collapse: collapse; */
  border-spacing: 1px;
  margin-left: 2%;
  width: 95%;
}

td {
  border: 0px solid #ff1ec6;
  padding-left: 2px;
}

table.withBorders td, table.fotoCollectie td {
  border-width: 1px;
}
  
#container {
  width: 940px;
  margin: 3px auto 0px auto;
  text-align: left;
  position: relative;
}

/* BEGIN TOP */
#topContainer {
  width: 100%;
  height: 150px;
}

#topLogo {
  width: 124px;
  height: 100%;
  float: left;
}

#topRight {
  width: 816px;
  height: 100%;
  float: right;
}

#topRightTop {
  height: 45px;
}

#topRightBottom {
  background: #ffc3d2;
  width: 806px;
  height: 90px;
  border-top: 10px #ff1ea6 solid;
  border-right: 10px #ff1ea6 solid;
  border-bottom: 5px #ff1ea6 solid;
}

#menuSpacer {
  height: 62px;
}
#menuSpacer img { margin-left: 20px; display: inline;}
#img1x11 {
    position: absolute;
    top: 7px;
    right: 80px;
}

#menu {
  margin-left: 2px;
  height: 28px;
  border: 0px;    
  overflow: hidden;
} 
#menu ul { list-style-type: none; margin: 0px; padding: 0px; float: right; }
#menu ul li { float: left; }
/* END TOP */

#middleRightContainer {
  height: 481px;
  background: #ffc3d2;
/*  width: 869px;
  float: right;*/
  border: 10px #ff1ea6 solid;
  border-top: 0px;
  margin-left: 51px;
  padding-bottom: 0px;
}

#middleContainerAdminGedeelte {
  background: #ffc3d2;
}

#foto {
  width: 168px;
  height: 481px;
  float: right;
  border-left: 5px #ff1ea6 solid;
  margin-left: -5px;
}

#content {
  overflow-y: auto;
  overflow-x: hidden;
  height: 474px;
  width: 691px;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 5px;
}

#footer {
  font-size: 8pt;
  color: #666;
  text-align: right;
  padding-top: 2px;
  margin-right: 175px;
}

#footer a {
  color: #666; text-decoration: none;
}
/* END MIDDLE */


/* NIEUWS, AGENDA PAGINA */
a.NotViewedLink  {text-decoration: none; color:#0000dd}
a.NotViewedLink:hover, a.ViewedLink:hover {text-decoration: underline; color:#000000}
a.ViewedLink     {text-decoration: none; color:#000000; font-weight: bold;}

.AgendaKop		{font-weight:bolder; text-align:center;}
/* END NIEUWS, AGENDA PAGINA */

/* FOTO'S, GASTENBOEK PAGINA*/
 .HeaderCel          { color: #000000;  font-weight: bold }
 .ContentCel         { color: #000000;  }
 .FooterCel          { color: #000000;  font-weight: bold }

 a.Header:link 		 { color: #000000; text-decoration: none }
 a.Header:visited 	 { color: #000000; text-decoration: none }
 a.Header:hover 	 { color: #000000; text-decoration: underline } 

 a.Nav:link          { color: #3F658F; text-decoration: none }
 a.Nav:visited       { color: #3F658F; text-decoration: none }
 a.Nav:hover         { color: #333333; text-decoration: underline }
 
 #itemContainer {
   width: 550px;
   text-align: center;
   margin: 0px auto;
 }
 
 #collectionItem {
   margin: 3px 0px 15px 0px;
 }
 
 #itemHeader {
   background-color: #ff90c1;
   text-align: center;
   font-size: medium;
   font-weight: bold;
 } 
 
 #itemContent {
   margin: 3px 0px;
   text-align: left;
 }
 
 #itemFooter {
   width: 100%;
   background-color: #ff90c1;
   text-align: left;
   font-size: smaller;
   font-weight: bold;
 }
 
 #collectieIcon {
   padding: 0px 5px 0px 0px; 
   width: 64px; 
   float: left;
 }
 
 .fotoboekCell {
   text-align: center; 
   width: 25%; 
   padding: 3px;
 }
 
 #fotoboekFoto {
   display: block; 
   margin: auto;
 }

 div#gastenboekCont div {
   border-color: #666;
   border-style: solid;
 }

 td.smilieTd {
   border: 0px;
   padding-left: 10px;
 }
 
 img.smilie { 
   cursor: pointer;
 }
 
 #gastenboekEntry {
    width: 80%;
    background-color: #ffc3d2;
    text-align: left;
    border: 0px;
    margin: 3px auto 15px auto;
 }

/* END FOTO'S, GASTENBOEK PAGINA*/



.textTD
{
  padding:10px;
}

#textBorder {
  width: 95%;
  margin: 0px auto;
  border: 0px solid #ff1ec6;
  text-align: left;
  padding: 2px;
}

#textCenter {
  text-align: center;
}

img.imgFloatRight {
	float: right;
  margin-left: 3px;
}

img.imgFloatLeft {
	float: left;
  margin-right: 3px;
}

div.nieuwsEntry {
  width: 80%;
  background-color: #ffc3d2;
  text-align: left;
  border: 0px;
  margin: 3px auto 15px auto;
}
 
div#nieuwsCont div {
  border-color: #666;
  border-style: solid;
}



div#ledenContainer {
	width: 500px;
	font-family: arial;
}
div.lidEntry {
	min-height: 180px;
	border: solid black;
	padding: 4px 4px;
	margin: 100px 0px 15px 0px;
	border-width: 2px 2px;
}
div.lidEntry.first_lid {
	margin-top: 15px;
}
div.lidFotos {
	float: right;
	width: 24%;
	margin: 0px 0px 0px 10px;
}
div.lidFotos img {
	width: 100%;
	margin: 3px 0px;
}
table.lid_algemene_info {
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	width: auto;
	border-spacing: 0px;
}
table.lid_algemene_info tr {
	margin: 0px;
	padding: 0px;
}
table.lid_algemene_info tr.odd {
	margin: 0px;
	padding: 0px;
	background: #f4bbc9;
}
table.lid_algemene_info td {
	margin: 0px;
	padding: 0px 15px 0px 0px;
}
div.naam {
	font-size: 19px;
	font-weight: bold;
	margin: 1px 0px;
}
div.instrument {
	font-size: 15px;
	font-weight: bold;
	margin: 2px 0px 5px 0px;
}
div.lidVragen {
	margin-top: 1em;
}
div.lidVragen div.even, div.lidVragen div.odd {
	margin-top: 3px;
}
div.lidVragen div.odd {
	background: #f4bbc9;
}
h1.sectieMuzikanten {
	font-size: 25px;
	font-weight: bold;
	margin: 0px;
}
div.sectieSpacer {
	margin: 200px 0px 0px 0px;
}

div.opmerking {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	width: 300px;
	background-color: #dd1d91;
	text-align: left;
	padding: 2px;
/*	top: -1000px;
	left: -1000px;
	display: none;*/
}
div.opmerkingHeader {
	padding: 2px;
	color: #ffffff;
}
div.opmerkingText {
	padding: 2px;
	background-color: #ffceec;
}

ul.ledenOpsomming {
	margin: 0px 0px 10px 0px;
	padding-left: 40px;
}
h3.ledenHeader {
	margin: 6px 0px;
	font-size: 16px;
}

div#ledenOverzicht {
	margin: 0px;
	padding: 0px;
}

div#ledenOverzicht a {
	color: black;
	text-decoration: none;
}
div#ledenDetail {
	clear: both;
	margin-top: 500px;
}
div#ledenOverzicht a:hover {
	color: #ff1ea6;
	text-decoration: underline;
}
.aangepast {
	background-color: #60cf60;
}
.nietMeerOpAgenda {
	background-color: #fc5d5d;
}
.nietMeerOpAgenda td {
	text-decoration: line-through;
}
.clearRight {
	clear: right;
}
.clearLeft {
	clear: left;
}
.clearBoth {
	clear: both;
}