/************** TICKER ***************/

.marquee {
    background-color: #FFFFFF;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
}

.marquee a {
    color: red;
    text-decoration: none;
}

.marquee a:hover {
    color: red;
    text-decoration: underline;
}

/***********************/

.zorgtoeslag {
    padding: 5px;
    padding-bottom: 15px;
}

.zorgtoeslag a {
    color: #FF0000;
}

body {
	background-color: #ffffff;
	font-family: Arial, sans serif;
	font-size: 12px;
	color: #000000;
       /*
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
*/
}

body a {color: #5B8DCD; text-decoration: none;}
body a:hover {text-decoration: underline;}

table {
	background-color: #ffffff;
	font-family: Arial, sans serif;
	font-size: 12px;
	color: #000000;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

th {font-family: Arial; font-size:12px; text-align=left; font-weight:normal; bgcolor:ffffff; color: #000000;}
td {font-family: Arial; font-size:12px; bgcolor:ffffff; color: #000000;}
td.top {vertical-align: top;}
td a {color: #5B8DCD; text-decoration: none;}
td a:hover {text-decoration: underline;}
th a {color: #ffffff; text-decoration: none;}
th a:hover {text-decoration: underline;}
form {padding: 0px; margin: 0px;}
.title {font-family: Arial; font-size:11pt; font-weight:bold; color: #000000;}

table {
    font-family: sans-serif;
    font-size: 12px;
    box-sizing:border-box;
    -moz-box-sizing:border-box ;
}

input,select, textarea {
    border: 1px #b1b1b0 solid;
    background-color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    color: #000000;
}

.input_mand {
    border: 1px #b1b1b0 solid;
    background-color: #f1f1f0;
    font-family: Arial;
    font-size: 12px;
    color: #000000;
}

/* tooltip */
.tooltip {
    FONT-family: courier;
    FONT-SIZE: 11px;
    TEXT-DECORATION: bold;
    border: 1px solid black;
    border-color: #b1b1b0;
    padding: 1px;
    background-color: #f1f1f0;
    color: #000000;
}

#dhtmltooltip {
    position: absolute;
    width: 300px;
    border: 1px solid #b1b1b0;
    padding: 4px;
    background-color: #FFFFFF;
    visibility: hidden;
    z-index: 100;
}

.header a {
    display: block;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid rgb(177, 177, 176);
    color: #b1b1b0;
    text-decoration: none
}

.header a:hover {
    text-decoration: underline;
}

.content {
    padding: 5px;
    height: 98%;
    overflow-y: scroll;
}
.contentNews {
  height: 86%;
}
/*        ------   Menu Make-up    --------            */
.menu {
	font-family:  sans-serif;
	font-size: 14px;
	background-color: #ffffff;
	border: 1px solid #b1b1b0;
	width: 100%;
}

.menu a {
	text-decoration: none;
	text-align: left;
	color: #919190;
	padding: 4px 5px 5px;
}

.menu li {
	margin: 2px;
	padding: 1px;
}

.menu li:hover {
	background-color: #ddd;
	padding: 0;
	border: 1px solid #ccc;
}

/* 	we can't use 100% because LIs have margin and padding (although latter is more important) */
.menu li {
	width: 96%;
}

.menu li ul {
	color: #000;
	background-color: #fff;
	border: 1px solid #ccc;
	width: 180px;
}

.menu li ul a {
	text-align: left;
	padding-left: 5px;
}


/*
		------   Specific fixes	(thank to W3C for these) --------			

		I'm gonna move the submenus 5px up
		5px works fine here and it is roughly calculated as:
			padding-bottom + margin-bottom + border-bottom of the LI
			+
			*-top values of the LI
			
		Mostly it needs a bit of trial and error.
		Basic idea is to remove the scrollbar when menu script re-positioning is applied.
		Of course, script could take care of that, but that takes too much code - this is easier.
*/
.menu li ul {
	margin-top: -1px;
}