html {
	overflow-y: scroll; /* firefox scrollbar fix */
}

body {
	background-color: #06354D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #06354D;
	margin-top: 0px;
}

td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #06354D;
}


p.superkop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #06354D;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #06354D;
	font-weight: light;
	margin-right: 10px;
	margin-left: 24px;
   margin-top: 1em;
	margin-bottom: 0px;
}


h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #06354D;
	font-weight: bold;
   margin-top: 1em;
   margin-bottom: 3px;
	margin-left: 7px;
}

p.paragraaf {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #06354D;
	line-height: 16px;
	margin-top: 0em;
	margin-bottom: 0;
	margin-left: 7px;
}


p.inleidendetekst {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #06354D;
	line-height: 16px;
	font-weight: bold;
   margin-top: 1em;
	margin-bottom: 0;
	margin-left: 7px;
}

.buttonhoofdnavigatie {
	margin-left: 7px;
}


	
/*knoppen hoofdnavigatie bovenin de pagina*/
a.buttonhoofdnavigatie {
	color:				#FFFFFF;
	font-size:			13px;
	text-decoration:	none;
/*	font-weight: bold; */
}

a.buttonhoofdnavigatie:link { /*niet bezochte hyperlinks*/
	color:				#FFFFFF; /*Voorgrondkleur wit */
	font-size:			13px; /*lettergrootte px*/
	text-decoration:	none; /*niet onderstrepen */
/*	font-weight: bold; */
}

a.buttonhoofdnavigatie:visited { /* voor bezochte hyperlinks*/
	color:				#FFFFFF; /*Voorgrondkleur wit */
	font-size:			13px; /*lettergrootte px*/	
	text-decoration:	none; /*niet onderstrepen */
/*	font-weight: bold; */
}

a.buttonhoofdnavigatie:hover { /* voor de hyperlinks die worden aangewezen ofwel mouse-over*/
	color:				#FFFFFF; /*Voorgrondkleur zwart */
	font-size:			13px; /*lettergrootte px*/
	cursor:				pointer; /*Aanwijzer weergeven als handje*/
	text-decoration:	none; /*niet onderstrepen */
	font-weight: bolder;
}

a.buttonhoofdnavigatie:active { /* voor de actieve hyperlink*/
	color:				#FFFFFF; /*Voorgrondkleur wit */
	cursor:				pointer; /*Aanwijzer weergeven als handje*/
	text-decoration:	none; /*Niet onderstrepen */
/*	font-weight: bolder; */
}


.buttonsubnavigatie {
	font-size:   10px;
	margin-left: 20px;
}

a.buttonsubnavigatie {
	color:				#FFFFFF;
	font-size:   10px;
	text-decoration:	none;
/*	font-weight: bold; */
}

a.buttonsubnavigatie:link { /*niet bezochte hyperlinks*/
	color:				#FFFFFF; /*Voorgrondkleur wit */
	font-size:   10px;
	text-decoration:	none; /*niet onderstrepen */
/*	font-weight: bold; */
}

a.buttonsubnavigatie:visited { /* voor bezochte hyperlinks*/
	color:				#FFFFFF; /*Voorgrondkleur wit */
	font-size:   10px;
	text-decoration:	none; /*niet onderstrepen */
/*	font-weight: bold; */
}

a.buttonsubnavigatie:hover { /* voor de hyperlinks die worden aangewezen ofwel mouse-over*/
	color:				#FFFFFF; /*Voorgrondkleur zwart */
	font-size:   10px;
	cursor:				pointer; /*Aanwijzer weergeven als handje*/
	text-decoration:	none; /*niet onderstrepen */
	font-weight: bolder;
}

a.buttonsubnavigatie:active { /* voor de actieve hyperlink*/
	color:				#FFFFFF; /*Voorgrondkleur wit */
	cursor:				pointer; /*Aanwijzer weergeven als handje*/
	text-decoration:	none; /*Niet onderstrepen */
/*	font-weight: bolder; */
}

.selected-menuitem {
	font-weight: bold;
}









.datum {
	font-style: italic;
	background-position: right;
}

.li {
	list-style-image:  url(file:///D|/Ritme%20van%20de%20oceaan/sites/MariavanVelsen/images/bullet.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: -2px;

}

/*links: navigatie op een pagina, bijvoorbeeld links een externe website*/
a.buttonlink {
	color:				#000099;
	font-size:			12px; /*lettergrootte px*/
	text-decoration:	underline; /*onderstrepen */
}

a.buttonlink:link { /*niet bezochte hyperlinks*/
	color:				#000099;
	font-size:			12px; /*lettergrootte px*/
	text-decoration:	underline; /*onderstrepen */
}

a.buttonlink:visited { /* voor bezochte hyperlinks*/
	color:				#009900;
	font-size:			12px; /*lettergrootte px*/
	text-decoration:	underline; /*onderstrepen */
}

a.buttonlink:hover { /* voor de hyperlinks die worden aangewezen ofwel mouse-over*/
	color:				#009900;
	font-size:			12px; /*lettergrootte px*/
	cursor:				pointer; /*Aanwijzer weergeven als handje*/
	text-decoration:	underline; /*onderstrepen */
}

a.buttonlink:active { /* voor de actieve hyperlink*/
	color:				#009900;
	cursor:				pointer; /*Aanwijzer weergeven als handje*/
	text-decoration:	none; /*Niet onderstrepen */
}


/*wordt gebruikt als Lees verder*/
a.buttonleesverder {
	font-size:			11px;
	color:				#000000;
	font-weight:		normal;
	text-decoration:	underline;
	text-align:			right;
	background-position: right;


}

a.buttonleesverder:link {
	font-size:			11px;
	color:				#000000; /*zwart*/
	cursor:				pointer; /*Aanwijzer weergeven als handje*/
	font-weight:		bold;
	text-decoration:	underline;
	text-align:			right;}

a.buttonleesverder:hover {
	font-size:			11px;
	color:				#000000;
	cursor:				pointer; /*Aanwijzer weergeven als handje*/
	font-weight:		bold;
	text-align:			right;
	text-decoration:	underline;}

a.buttonleesverder:active {
	font-size:			11px;
	color:				#FF0000;
	cursor:				pointer; /*Aanwijzer weergeven als handje*/
	font-weight:		bold;
	text-align:			right;
	text-decoration:	underline;
}
	

error {
	color:				#DC143C;
}