/* Start of CMSMS style sheet 'Spanvöggel - main' */
body,
html{
	margin:0;
	padding:0;
	background-color:#FFCC00;

}
body {
	min-width:720px;
	color: #333333;
	font-family: Verdana;
	font-size:10pt;
}
td {
	color: #333333;
	font-family: Verdana;
	font-size:10pt;
}
div#kop {
	position:absolute;
	display:block;
	top: 0px;
	left: 0px;
	width:100%;
	height:104px;
	background-image:url(images/ocv-de-spanvoggel_back.png);
	background-repeat:repeat-x;
	z-index:10;
}
body>div#kop {
	position:fixed;
}
/* set a left margin to compensate for IE/Win always making room for a scrollbar */
div#middlewrap {
/* set left margin and bottom padding for IE5/Win */
	padding:50px 0 0 0;
	margin-left:0;
/* set left margin and bottom padding for others */
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin-left:16px;
	padding-bottom:50px;
}
/* set left margin for modern browsers */
body>div#middlewrap {
	margin-left:0;
}
div#middle {
	width:720px;
	margin:0 auto;
}
div#content {
	color: #333333;
	font-family: Verdana;
	font-size:10pt;
	position:relative;
	top:145px;
	left:0px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	z-index:0;
}
#logo {
	position:absolute;
	display:block;
	width:209px;
	height:166px;
	right:0px;
	top:10px;
	background-image:url(images/ocv-de-spanvoggel_logo.png);
	background-repeat:no-repeat;
	z-index:40;
}
#naam {
	position:absolute;
	display:block;
	width:778px;
	height:104px;
	left:0px;
	top:0px;
	background-image:url(images/ocv-de-spanvoggel_01.png);
	background-repeat:no-repeat;
	z-index:40;
}
#menu_achtergrond {
	position:absolute;
	display:block;
	top: 104px;
	left: 0px;
	width:100%;
	height:42px;
	background-image:url(images/ocv-de-spanvoggel_04.png);
	background-repeat:repeat-x;
	z-index:20;
}
#zoeken {
	position:absolute;
	display:block;
	top: 112px;
	right: 25px;
	width:350px;
	height:42px;
	z-index:20;
}
#menu {
	position:absolute;
	display:block;
	top: 110px;
	left: 0px;
	width:100%;
	height:26px;
	z-index:20;
}
#schaduw {
	width:100%;
	height:50px;
	position:absolute;
	left:0px;
	top:145px;
	background-image:url(images/schaduw.png);
	background-repeat:repeat-x;
	z-index:10;
}
#confettie{
	width:100%;
	height: 43px;
	position:fixed;
	display: block;
	left:0px;
	bottom:1px;
	background-image:url(images/confettie.png);
	background-repeat:repeat-x;
	z-index:30;
}
#balk{
	width:100%;
	height: 21px;
	position:fixed;
	display: block;
	background-color:#FFCC00;
	left:0px;
	bottom:0px;
	z-index:29;
}
a.content:link {
	color: #2f89c9;
	text-decoration: none; 
}
a.content:visited {
	color: #2f89c9;
	text-decoration: none; 
}
a.content:hover {
	color: #ff0000;
	text-decoration: underline;
}
#content H1 {
	font-family: Verdana;
	font-size:12pt;
	font-weight:bold;
	text-decoration: underline;
	text-align: left;
}
#content H2 {
	font-family: Verdana;
	font-size:12pt;
	font-weight:bold;
	text-decoration: underline;
	text-align: left;
}
#content H3 {
	font-family: Verdana;
	font-size:10pt;
	font-weight:bold;
	text-decoration: underline;
}

/*
 Default/example stylesheet for the CMSMS Guestbook module.
This may be overwritten when the module is upgraded and it will be deleted when 
the module is uninstalled, so make a copy if you want to modify it.
*/

 /* Style pagination */

.cms-guestbook-pagination_header {
	margin: .5em 0;
}
.cms-guestbook-pagination_nav {
	font-weight: bold;
	margin: .5em 0;
}
.cms-guestbook-pagination_nav a {
    font-weight: normal;
}

/* Style the guestbook */

/* Style each entry */
.cms-guestbook-entry
{
	border: 1px solid #069;
	margin-bottom: 1em;
}

/* Style the message header */
.cms-guestbook-entry-header
{
	background: #cc0000;
	color: white;
	border: 1px solid black;
	margin: 1px;
}

/* Style the actual message */
.cms-guestbook-entry-text 
{
	background: #eee;
	padding: .5em;
	color: black;
}

/* Show the postdate on the right */
.cms-guestbook-entry-posted 
{
	float: right;
	font-size: smaller;
}

/* Style message header links */
.cms-guestbook-entry-header a {
	color: white;
} 
.cms-guestbook-entry-header a:hover {
	color: black;
} 
		  
/* Style the sender name */
.cms-guestbook-entry-sendername
{
	font-weight: bold;
}

/* Style the E-mail link */
.cms-guestbook-entry-email {
	font-size: normal;
}
		      
/* Style the senders homepage link */
.cms-guestbook-entry-homepage
{
	font-size: normal;
	margin: 2px;
	margin-bottom: 0;
}

/* The some smileys links */
.cms-guestbook-somesmileys a
{
	margin-right: .5em;
	background: #eee;
}

/* Calendar opmaak */

#calendar-list
{
	color: #333333;
	font-family: Verdana;
	font-size:10pt;
	text-align: left;
}
#calendar-prev
{
	color: #333333;
	font-family: Verdana;
	font-size:10pt;
	text-align: left;
}
#calendar-next
{
	color: #333333;
	font-family: Verdana;
	font-size:10pt;
	text-align: left;
}
#calendar-event
{
	color: #333333;
	font-family: Verdana;
	font-size:10pt;
	text-align: left;
}
#calendar-date-from
{
	color: #333333;
	font-family: Verdana;
	font-size:10pt;
	text-align: left;
}
#calendar-date-title
{
	color: #333333;
	font-family: Verdana;
	font-size:10pt;
	text-align: left;
}
#calendar-summary
{
	color: #333333;
	font-family: Verdana;
	font-size:10pt;
	text-align: left;
}
#calendar-summary-title
{
	color: #333333;
	font-family: Verdana;
	font-size:10pt;
	text-align: left;
}
a.rood:link
{
	color: #ffffcc;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
}
a.rood:visited {
	color: #ffffcc;
	font-weight: bold;
	text-align: left;
}
a.rood:hover {
	color: #000000;
	text-decoration: overline;
	text-align: left;
}

/* Nieuws opmaak */

div#news {
  margin: 2em 0 1em 1em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #000; 
  background: #FFE9AF; 
}

div#news h2 {
   line-height: 2em;
   background: #fff;
}

.NewsSummary {
    padding: 0.5em 0.5em 1em; /* padding for the news article summary */
    margin: 0 0.5em 1em 0.5em; /* margin to the bottom of the news article summary */
    border-bottom: 1px solid #ccc;
    text-align:left; 
}

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
  text-align:left; 
 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
    text-align:left; 
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
  text-align:left; 
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
  text-align:left; 
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
  text-align:left; 
 }

.NewsSummaryMorelink a:link {
	color: #ffffcc;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
}

.NewsSummaryMorelink a:visited{
	color: #ffffcc;
	font-weight: bold;
	text-align: left;
}

.NewsSummaryMorelink a:hover{
	color: #000000;
	text-decoration: overline;
	text-align: left;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/
/* End of 'Spanvöggel - main' */