body {
  background: #00798F;

  background-image: url(imgsback/flowers.jpg);
  background-position: 50% 100%;   
  background-repeat: repeat-x;
  background-attachment: fixed;

  margin: 0;
  font-size: 90%;
  font-family: sans-serif;
  color: #00798F;

  text-align: center;

}

img {
  border: 0px;
}

pre {
  font-size: 90%;
  font-family: sans-serif;
  color: #00798F;
}

a {
  color: #00798F; 
}

#white {

  text-align: left;

  position: relative;
  top: 50px;

  width: 780;

/*  min-height: 90%;		*/
  height: auto !important;	
  height: 90%;			

  margin-left: auto;
  margin-right: auto;
  margin: auto;
  background: #FFFFFF;
}

#dropmenudiv{
position:absolute;
border-bottom-width: 0;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
color: #00798F;
width: 100%;
display: block;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
/*font-weight: bold;*/
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: white;
font-weight: bold;
color: #FFBA00;
}

#pscroller1{
  float: left;
width: 410px;
height: 150px;
margin: 15px;
padding: 5px;
}

#pscroller1 a{
  font-size: 110%;
  text-decoration: none;
  color: #FFBA00;
}

#pscroller1 h2{
  font-size: 70%;
  color: #B0D4DA;
  padding:0px;
  margin:0px;
}


#calendar {
  margin: 5px 25px 25px 25px;
  /*margin: 15px;*/
  float: right;
}


#calendarmeetings {

  margin: 15px 15px 15px 50px;
  float: right;
}

#vandaag {
  border: 1px;
  text-align: center;
  color: #FFBA00;
  background: #00798F;
  font-weight: bold;

}

#spdate {
  text-align: center;
  color: #FFBA00;
  font-weight: bold;

}

.calendar-month{
  font-size: 110%;
  color: #FFBA00;
  background: #00798F;
}


#content {
  min-height: 480px;
  clear: both;
  margin: 15px;
  text-align: justify;
}

#content2 {
min-height: 20px;
/*  clear: both;*/

  margin: 290px 20px 50px 20px;
  text-align: justify;
}

#content H1{
  font-size: 110%;
  color: #FFBA00;

}

#footer {

  background: #FFFFFF;

  position: relative;
  height:30px;
  margin-top:50px; 

  text-align: center;
  color: #B0D4DA;
  font-family: sans-serif;
  font-size: 70%;


}

/* --------------------------------------datepicker------------------------------------------*/


/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
  font-size: 90%;
  font-family: sans-serif;
  color: #00798F;
	text-align: center;
  background: #F4F4F4;

	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {

	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {

	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;

	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #FFBA00;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #FFBA00;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}


         .thdrcell {
            background:#F3F0E7;
            font-family:arial;
            font-size:12px;
            font-weight:bold;
            padding:5px;
            border-bottom:1px solid #C8BA92;
         }
         
         .tdatacell {
            font-family:arial;
            font-size:12px;
            padding:5px;
            background:#FFFFFF
         }
         
         .dvhdr1 {
            background:#F3F0E7;
            font-family:arial;
            font-size:90%;
            font-weight:bold;
            border:1px solid #C8BA92;
            padding:5px;
            width:150px;
         }
         
         .dvbdy1 {
            background:#FFFFFF;
            font-family:arial;
            font-size:100%;
            border-left:1px solid #C8BA92;
            border-right:1px solid #C8BA92;
            border-bottom:1px solid #C8BA92;
            padding:5px;
            width:150px;
         }
         
         .pgdiv {
         width:320;
         height:250;
         background:#E9EFF4;
         border:1px solid #C4D5E3;
         padding:10px;
         margin-bottom:20;
         font-family:arial;
         font-size:12px;
         }