@import url("/css/default/OService-default.css"); /* Style voor de OS service pagina's, Pil / Diabetes / Herhaal */ 
@import url("/css/default/default-consumed.css"); /* Style voor de Consumed pagina's */
@import url("/css/default/default-datalist.css"); /* Style voor de Datatables */ 
@import url("/css/default/default-headers.css");  /* Style voor de grootte van de Headers */

/* Design -----------------------------*/
HTML {
}
BODY {
/*   behavior:  url(../css/csshover.htc);  Alleen activeren bij gebruik van een uitklapbaarmenu */
	background-image:url(../images/seaquarium/bodybg.jpg);
	background-position: right 250px;
	background-color : #ffefe6;
	background-repeat: no-repeat;
	font-size : 12px;
	color : #B6A299;
}
BODY TD {
	font-size : 12px;
	color : #B6A299;
}
.lefttabs div {
	width : 150px;
	display : inline;
	font-size : 10px;
	position : absolute;
	display : none;
}
.uppertabs div {
	width : 150px;
	display : inline;
	font-size : 10px;
	position : absolute;
	display : none;
}
.wrapper {
}
.maintable {
}
.mainleft {
}
.mainright {
}
.siteheader {
}
.siteheader H1 {
}

.sitefooter {
}
.sitefooterleft {
}
.sitefooterleft a:link,
.sitefooterleft a:active,
.sitefooterleft a:visited {
}
.sitefooterleft a:hover {
}

.sitefooterright {
}
.sitefooterright a:link,
.sitefooterright a:active,
.sitefooterright a:visited {
}
.sitefooterright a:hover {
}
.lefttop {
}
.righttop {
}

/* Powered ------------------------------- */
.powered {
}
.powered a:link,
.powered a:active,
.powered a:visited {
}
.powered a:hover {
}

/* Content  ----------------------------------------------*/
.content_area {
	border-left : solid 1px #B6A299;
	color : #B6A299;
    font-family : arial;
	font-size : 12px;
}
.content_area a:link,
.content_area a:active,
.content_area a:visited {
}
.content_area a:hover {
}
/* Navigatie Classes ------------------------------- */ 
/* ONDERSTAAND CLASSES ALLEEN GEBRUIKEN VOOR EEN UITKLAPBAAR MENU 
   Voeg bij de body tag "behavior:  url(../css/csshover.htc);" toe in de class.

div#nav {
	width: 190px; 
	white-space : nowrap;
	border-top :  solid 1px white;
	font-size : 12px;
	margin :0px;
	padding :0px;
}
div#nav ul {
	margin: 0; 
	padding: 0; 
	white-space : nowrap;
	font-size : 12px;
}
div#nav li {
	position: relative;
	list-style: none;
	margin: 0;
	border-bottom :  solid 1px #ffffff;
	white-space : nowrap;
	padding : 7px 5px 0px 0px;
	height : 30px;
	vertical-align : center;
	text-align : left;
	background-image : url(../images/wassenaar/blokjeroze.jpg);
	background-repeat : no-repeat;
	background-position : 10 center;
}
div#nav li:hover {
	padding : 7px 5px 0px 0px;
	height : 30px;
	background-color : #263997;
	background-image : url(../images/wassenaar/blokjeroze.jpg);
	background-repeat : no-repeat;
	background-position : 5 center;
}
div#nav li.submenu {
	border-bottom :  solid 1px #ffffff;
	text-align : right;

}
div#nav li.submenu:hover {
	display :block;
	background-color : #263997;

}
div#nav li a {
	text-decoration: none; 
}
div#nav>ul a {
	width: auto;
}
div#nav ul ul {
	background-color : #263997;
	position: absolute; 
	top: 0; 
	left: 190px;
	display: none;
	width : 200px;
}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {
	display:block;
}
div#nav li.submenu {

}
div#nav li:hover a.lefttabs_selected {
	color : #ffffff;
}
div#nav li:hover a.lefttabs_notselected {
	color : #ffffff;
}
*/ 
/* lefttabs --------------------------------------------- */
.lefttabs_table {
}

.lefttabs_selected {
}
.lefttabs_selected a:link,
.lefttabs_selected a:active,
.lefttabs_selected a:visited {
}
.lefttabs_selected a:hover {
}

.lefttabs_notselected {
}
.lefttabs_notselected a:link,
.lefttabs_notselected a:active,
.lefttabs_notselected a:visited {
}
.lefttabs_notselected a:hover {
}

/* uppertabs --------------------------------------------- */
.uppertabs_table {
}

.uppertabs_selected {
}
.uppertabs_selected a:link,
.uppertabs_selected a:active,
.uppertabs_selected a:visited {
}
.uppertabs_selected a:hover {
}

.uppertabs_notselected {
}
.uppertabs_notselected a:link,
.uppertabs_notselected a:active,
.uppertabs_notselected a:visited {
}
.uppertabs_notselected a:hover {
}

/* Nieuws box --------------------------------------------*/
.newsbox_table {
}
.newsbox_header {
}
.newsbox_content {
}
.newsbox_content a:link,
.newsbox_content a:active,
.newsbox_content a:visited {
}
.newsbox_content a:hover {
}
.newsbox_footer {
}

/* Nieuws box --------------------------------------------*/
.box_table {
}
.box_header {
}
.box_content {
}
.box_content a:link,
.box_content a:active,
.box_content a:visited {
}
.box_content a:hover {
}
.box_bullet {
}
.box_more {
}
.box_footer {
}

/* Headers en titels ----------------------------------------------- */
H1,H2,H3,H4,H5,H6 { 
	font-weight : bold;
}
.bo_header {
	font-weight : bold;
}
.content_header {
	font-weight : bold;
}
.news_title {
	font-weight : bold;
}
.content_title {
}
/* Evapi ------------------------------------------------------------ */ 

/* TH {
	font-size : 11px;
	font-weight : bold;
}
.evBody
{
    COLOR: #1AC2F1;
	font-family : arial;
	font-size : 11px;
}
A.evMainMenu:link {
	font-family : arial;
	font-size : 11px;
}
A.evMainMenu:active {
	FONT-SIZE: 12pt;
	font-family : arial;
	font-size : 11px;
}
A.evMainMenu:visited {
    FONT-SIZE: 12pt;
	font-family : arial;
	font-size : 11px;
}
A.evItemMenu:link {
    FONT-SIZE: 10pt;
	font-family : arial;
	font-size : 11px;
}
A.evItemMenu:active {
	font-family : arial;
	font-size : 11px;
}
A.evItemMenu:visited {
	font-family : arial;
	font-size : 11px;
}
A.evActionMenu:link,
A.evActionMenu:active,
A.evActionMenu:visited {
	color : #1AC2F1;
	font-family : arial;
	font-size : 11px;
}
A.evActionMenu:hover{
	color : #0F6BB4;
	font-family : arial;
	font-size : 11px;
}
.evTitle {
    COLOR: #1AC2F1;
    FONT-SIZE: 20pt;
    FONT-WEIGHT: bold;
	font-family : arial;
	font-size : 11px;
}
.evHeading1 {
    COLOR: #1AC2F1;
    FONT-WEIGHT: bold;
	font-family : arial;
	font-size : 11px;
}
.evHeading2 {
    COLOR: #1AC2F1;
    FONT-WEIGHT: bold;
	font-family : arial;
	font-size : 11px;
}
.evHeading3 {
    FONT-WEIGHT: bold;
	font-family : arial;
	font-size : 11px;
}
.evStatus {
    FONT-WEIGHT: bold;
	font-family : arial;
	font-size : 11px;
}
.evStatusError {
    COLOR: red;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
	font-family : arial;
	font-size : 11px;
}
.evNote {
    FONT-STYLE: italic;
	font-family : arial;
	font-size : 11px;
}
.evError {
    COLOR: red;
    FONT-SIZE: 10pt;
	font-family : arial;
	font-size : 11px;
}
.evFormLabel {
	FONT-WEIGHT: bold;
	font-family : arial;
	font-size : 11px;
}
.evTextBox {
	font-family : arial;
	font-size : 11px;
}
.evTextArea{
	font-family : arial;
	font-size : 11px;
}
.evSelect {
	font-family : arial;
	font-size : 11px;
}
.evRadioLabel {
    FONT-WEIGHT: bold;
	font-family : arial;
	font-size : 11px;
}
.evCheckBoxLabel { 
	FONT-WEIGHT: bold;
	font-family : arial;
	font-size : 11px;
}
.evPassword {
   FONT-SIZE: 10pt;
	font-family : arial;
	font-size : 11px;
}
.evReadOnly {
    FONT-WEIGHT: bold;
	font-family : arial;
	font-size : 11px;
}
.evTh {
	FONT-WEIGHT: bold;
    TEXT-ALIGN: left;
	background-color : #E4ECF7;
	white-space : nowrap;
	font-family : arial;
	font-size : 11px;
	border : solid 1px #0F6BB4;
}
.evTd {
    TEXT-ALIGN: left;
	vertical-align : top;
	font-family : arial;
	font-size : 11px;
}
.evFirstTd {
    FONT-WEIGHT: bold;
    TEXT-ALIGN: left;
	font-family : arial;
	font-size : 11px;
}
.evLabelTd {
    FONT-WEIGHT: bold;
    TEXT-ALIGN: right;
    VERTICAL-ALIGN: top;
	background-color : #E4ECF7;
	font-family : arial;
	font-size : 11px;
}
.evDataTd {
    TEXT-ALIGN: left;
    VERTICAL-ALIGN: top;
	font-family : arial;
	font-size : 11px;
}
.evSubmit {
    FONT-WEIGHT: bold;
	font-family : arial;
	font-size : 11px;
}
.evTd A:link,
.evTd A:active,
.evTd A:visited {
	font-family : arial;
	font-size : 11px;
}
.evTd A:hover {
	font-size : 11px;

    COLOR: #0F6BB4;
	font-family : arial;
}
.Header {
	font-weight : bold;
	white-space : nowrap;
	background-color : #E4ECF7;
	font-family : arial;
	border : solid 1px #0F6BB4;
	font-size : 11px;
	text-align : center;

}

.header TD {
	white-space : nowrap;
	font-family : arial;
	border : solid 1px #0F6BB4;
	border-collapse : collapse;
	padding : 6px 5px 6px 5px;
	font-size : 11px;
	text-align :center;
	margin : 10px;
}
.Header a:link,
.Header a:active,
.Header a:visited {
	color : #1AC2F1;
	font-family : arial;
	padding : 0px 5px 3px 0px;
	font-size : 11px;
}
.Header a:hover{
	color : #0F6BB4;
	font-family : arial;
	padding : 0px 5px 3px 0px;
	font-size : 11px;
}
.Link_object_link {
	color : #1AC2F1;
	font-family : arial;
	font-size : 11px;
}
.on {
	background-color : white;
	vertical-align : top;
	font-family : arial;
	font-size : 11px;
	border-right : this solid 1px #007a5f;
	border-left : this solid 1px #007a5f;
	padding : 2px 5px 2px 10px;
}
.on TD {
	padding : 2px 5px 2px 10px;
}
.off {
	background-color : #E4ECF7;
	vertical-align : top;
	font-family : arial;
	font-size : 11px;
	border-right : this solid 1px #007a5f;
	border-left : this solid 1px #007a5f;
	padding : 2px 5px 2px 10px;
}
.off TD {
	padding : 2px 5px 2px 10px;
}
.Table_header {
	background-color : #E4ECF7;
	font-weight : bold;
	font-family : arial;
	border : solid 1px #0F6BB4;
	font-size : 11px;
}
.Table_data {
	vertical-align : top;
	font-family : arial;
	font-size : 11px;
}
*/