body, html {margin:0; padding:0; height: 100%}

body, td, th, textarea{
	font-family: arial, helvetica, sans-serif;}

body {
	background: url('images/bg_body.jpg') left repeat-y;
	font-size: 100%;
	padding-bottom: 10px}

/* Extra div om bij weinig tekst in content toch het hele rechtervlak te vullen: */
div#container {
	height: 100%; 
	margin-left: 8em;
	padding:0;
	max-width: 1300px;
	background: url('images/bg_content.jpg') left repeat-y;}	

img#menu_top {position: absolute; top:0; left: 0}

div#content {
	background: url('images/bg_content.jpg') left repeat-y;
	padding-top: 10px; padding-left: 15px; padding-right: 15px; padding-bottom: 20px}

div#menu {
	padding-top: 100px;
	/* background: #96A7BC url('images/bg_menu_top.jpg') top left no-repeat; */
	background-color: #96A7BC;
	width: 7em;
	left: 7px;
	top: 5px;
	position: absolute;
	text-align: center;}	

h1, h2, h3, h4 {font-weight: bold; color: #8B919D; background-color: transparent;}
h1 {
	font-size: 150%;}
h2 {
	font-size: 110%;
	margin-bottom:-.5em}
h3 {
	font-size: 100%;
	margin-bottom:-.5em}
h4 {
	font-size: 95%;
	margin-bottom:-.5em}

b, strong, span.strong, p.strong, .vet {
	font-weight: bold;
	font-size: .9em;
	color: #583898;
	background-color: transparent;}
p.warning, span.warning, .rood, p.rood {color:red}
p.grijs, .grijs {color: gray}
.blauw {color: blue}


sup {
  position: relative;
  top: -1ex;
  vertical-align:baseline;
  font-size: 80%;}

.rechts {float:right; margin-left:15px; margin-bottom: 10px;}
.links {float:left; margin-right:15px;}
td.tdrechts, td.num {text-align: right}
td.tdlinks {text-align: left}
.center {text-align: center;}
.hide {display: none}
.noshow {visibility: hidden}

/*Opmaak van bedrijfsnaam in tekst */
span.r {
	color: #583898;
	background: transparent;
	font-weight: bold;}
span.f {
	color: #8B919D;
	background: transparent;}

img {border: none}

table {
	width: 100%;
	border-collapse: collapse}

a {color: #583898; background: transparent;}
a:visited {color: #583898; background: transparent;}
a:hover {
	color: #F0AA30; 
	background: transparent;
	text-decoration: none}	

div.menusub {text-align: center}

div#menu a, div.menusub a {
	color: #FFFFFF;
	background: #7475AA;
	text-decoration: none;
	font-family: arial narrow, sans-serif;
	font-size: 1.1em;
	border-left: 2px solid #D7DCE9;
	border-top: 2px solid #D7DCE9;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	width: 90%;
	padding-top: 0px;
	padding-bottom: 0px;
	display: block}
div#menu a:active, div.menusub a:active {color: #FFFFFF; background-color: #7475AA;}
div#menu a:visited, div.menusub a:visited {color: #FFFFFF; background: #7475AA;}
div#menu a:hover, div.menusub a:hover {
	color: #FFFFFF; 
	background-color: #929EBC;
		border-left: 2px solid #000000;
	border-top: 2px solid #000000;
	border-right: 2px solid #D7DCE9;
	border-bottom: 2px solid #D7DCE9;}	
div.menusub a {display: inline; text-align: center; font-size: 1em; padding-left: 8px; padding-right: 8px;
	line-height: 1.6em; white-space: nowrap;}
div#isgelijk a {margin: 0 5px 0 5px}
div#menu .separate {display: none}

/* Tabel wordt in overzicht_updates_inc.php gebruikt: */
table#upd_overzicht {width: 30em; font-size: .9em}
table#upd_overzicht th {border: 1px solid #CCC; white-space: nowrap}
table#upd_overzicht td {padding-left: 3px}
	
div#menubottom {
	text-align: center;
	font-size: 90%;
	clear: both}
div#menubottom .separate {color: #583898; background: transparent;}