html { height: 100%; width: 100%; }
body { color: black;	background: white;  margin: 0px;  padding: 0px;  font-family: Lucida Bright, Tahoma, Verdana, Arial, Helvetica, sans-serif;  height: 100%;  width: 100%; background-image: url(../img/bg.jpg); background-repeat: repeat-y; }
form { width:100%; height:100%;}

/*-------------------------------------------------------------------------------------------------
 Basis definities
-------------------------------------------------------------------------------------------------*/

p,th,td,a	{ font-size: .9em; line-height: 1.4; text-align: left; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.1em; }   

table			{ padding: 0px; margin: 0px; border : none; }
td,th			{ text-align: left; vertical-align: top; padding: 0px; margin: 0px; font-size: 0.8em; }
th				{ padding: 0em 1em 0em 0em; font-weight: normal; }
p					{ margin: 0em 0px .9em 0px; line-height: 1.4; }
h1				{ color: #66c; font-size: 20px; font-weight: normal; margin: 0px 0px 20px 0px; letter-spacing: 0.2em; }
h2				{ color: #66c; font-size: 16px; font-weight: normal; margin: 0px 0px 20px 0px; letter-spacing: 0.2em; }
h3				{ color: #66c; font-size: 14px; font-weight: bold;   margin: 0px 0px 10px 0px; letter-spacing: 0.1em; }
h1.nieuw	{ margin-top: 20px; }

/*-------------------------------------------------------------------------------------------------
 Speciale definities voor grafieken
-------------------------------------------------------------------------------------------------*/

div#grafiek	td				{ text-align: center; vertical-align: bottom; padding: 0px; margin: 0px; font-size: 0.8em; }
div#grafiek th				{ text-align: center; vertical-align: bottom; padding: 0px; margin: 0px; font-size: 0.8em; }

/*-------------------------------------------------------------------------------------------------
 Definities voor menu
-------------------------------------------------------------------------------------------------*/

.menu_item				{ color: #666; }
.menu_selitem			{ color: #7D83FF; font-weight: bold; }
div#menu					{ position: absolute; top: 95px; left: 0px; width: 200px; height: 300px; z-index: 100; }

/*-------------------------------------------------------------------------------------------------
 Definities voor schermopbouw                                                                    
-------------------------------------------------------------------------------------------------*/

td#kop			{ height: 70px; border-bottom: solid 5px #77d; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#CFD1FF', gradientType='1'); background-color: #FFE7B3; }
td#kop h1		{ color: #348; font-size: 30px; font-weight: normal; margin: 10px 0px 0px 20px; letter-spacing: 0.2em; }

td#inhoud		{ padding: 20px 10px 20px 230px; }

table#bottom			{ background-color: #77d; border-top: solid 1px #666; }
table#tblOmhullend {border:solid 0px #000000; width:100%; height:100%; }
td#bottom_top			{ background-color: #fff;	height: 8px; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#aaaaaa', endColorStr='#ffffff', gradientType='0'); }
td#copyright			{ font-size: .7em; color: #fff; height: 20px; text-align: left; border-top: solid 1px #666; margin: 0em; padding: 0em 0em 0em 1em; }
td#about					{ height: 20px; text-align: right; border-top: solid 1px #666; margin: 0em; padding: 0em; }
td#about	a				{ font-size: .8em; color: #bbf; margin: 0em 1em 0em 0em; padding: 0em; font-weight: normal; }
td#about	a:hover	{ font-size: .8em; color: #fff; }

/*---------------------------------------------------------------------------------------------------
Definities voor de grafiek met verticale staven
-------------------------------------------------------------------------------------------------*/

table#tblHits													{ background-image: url(../img/hit_table_bg_200.gif); background-repeat: repeat-x; }
table#tblHits td											{ font-size: 7pt; text-align: left; padding-top: 10px; color: #335; }
table#tblHits td.legenda							{ padding-top: 0px; }
table#tblHits td.legenda_lijn					{ border-top: solid 1px #404040; height: 5px; vertical-align: top; padding-top: 0px; }
table#tblHits td.legenda_links_top		{ background-color: #fff; vertical-align: top; padding:  5px 5px 0px 0px; text-align: right; border-right: solid 1px #404040; }
table#tblHits td.legenda_links_bottom { background-color: #fff; vertical-align: top; padding:  0px 5px 0px 0px; text-align: right; }

table#div_inhoud					{ padding: 0px; margin: 0px; border : none; }

/*---------------------------------------------------------------------------------------------------
Definities voor de grafiek met horizontale staven
-------------------------------------------------------------------------------------------------*/

table#tblHitsHor													{ background-image: url(../img/hit_table_bg_hor.gif); background-repeat: repeat; }
table#tblHitsHor td												{ font-size: 7pt; text-align: left; padding-top: 0px; color: #335;  }
table#tblHitsHor td.legenda								{ padding-top: 0px; }
table#tblHitsHor td.legenda_lijn					{ border-top: solid 1px #404040; height: 5px; vertical-align: top; padding-top: 0px; }
table#tblHitsHor td.legenda_lijn_links		{ border-top: solid 1px #404040; height: 5px; vertical-align: top; padding-top: 0px; text-align:left; }
table#tblHitsHor td.legenda_lijn_rechts		{ border-top: solid 1px #404040; height: 5px; vertical-align: top; padding-top: 0px; text-align:right; }
table#tblHitsHor td.legenda_links_top			{ background-color: #fff; vertical-align: top; padding:  5px 5px 0px 0px; text-align: right; border-right: solid 1px #404040; }
table#tblHitsHor td.legenda_links_bottom	{ background-color: #fff; vertical-align: top; padding:  0px 5px 0px 0px; text-align: right; }

table#div_inhoud					{ padding: 0px; margin: 0px; border : none; }

/*---------------------------------------------------------------------------------------------------
Definities voor de grafiek met horizontale staven
-------------------------------------------------------------------------------------------------*/

table#dgUsers														{  }
table#dgUsers td												{ font-size: 10pt; text-align: left; padding-top: 0px; color: #335; width:155px }

div#logout						{ text-align:right; padding: 0px 10px 10px 0px;  }
div#logout a					{ color: #fff; text-decoration:none				}
div#logout a:hover		{ color: #77d; text-decoration:underline  }

/*---------------------------------------------------------------------------------------------------
Definities m.b.t. de grid-overzichten
-------------------------------------------------------------------------------------------------*/

.grid								{ border: solid 1px #77d; width: 500px; }
.grid	td						{ padding: 0px 15px 0px 5px;  }
.grid	a							{ color: #CDCEF3; font-weight: bold; text-decoration: none; }
.grid	a:hover				{ color: #fff; }
.gridheader					{ background-color: #77d; color: #fff; }
.gridheader	a				{ color: #fff; font-weight: bold; text-decoration: none; cursor: default; }
.gridheader	a:hover	{ color: #fff; }
.gridfooter					{ background-color: #99d; color: #fff; font-weight: bold; }
.griditem						{ background-color: #eee; }
.gridgridaltitem		{ background-color: #ddd; }