
body, p, td, a, span, div, select, input, textarea, option {

font-family: arial, helvetica, sans-serif;
color: #333;

}

html{ height: 100%; }
body{ position: absolute; padding: 0px; margin: 0px; width: 100%; height: 100%; font-size: 80%; line-height: 160%; }
table { border-collapse: collapse; margin: 0px; }
form{ margin: 0px; }
ul{ list-style: square outside; margin: 0px 0px 0px 15px; padding: 0px 0px 15px 0px; color: #000000; }
li{}
td{ padding: 0px; text-align: left; vertical-align: top; }
a { text-decoration: underline; }
a:hover { text-decoration: underline; }
p { }
img { border: 0px; }

h1, h2, h3, h4, h5, h6{ margin: 0px 0px 10px 0px; }

div#main{ visibility: hidden; }
/* div#header{ position: absolute; overflow: hidden; background: #c10024 url('../images/back_header.gif') top left repeat; } */
div#header{ position: absolute; overflow: hidden; background: #333; }
div#viewer{ position: absolute; overflow: hidden; }
div#panel { position: absolute; overflow: hidden; background: #ccc url('../images/back_panel.gif') top left repeat-y; }
div#tabs{ position: absolute; overflow: hidden; background: #333 top left no-repeat; }
div#footer{ position: absolute; overflow: hidden; background: #333; text-align: center; }
div#toggleDiv { position: absolute; overflow: hidden; cursor: pointer; background: url('../images/toggle_bot.gif') #7F7F7F bottom no-repeat; }

div#tabs img#toggle { display: block; margin: 4px 0px 14px 4px; }
div#tabs img.tab{ display: block; width: 25px; }

div#header table{ width: 100%; height: 100%; }
div#header td { vertical-align: middle; text-align: left;}
div#header h1 { margin: 0px 0px 0px 50px; color: #fff; font-weight: bold; font-size: 1.4em; }

div#footer table{ width: 100%; height: 100%;}
div#footer td { vertical-align: middle; white-space: nowrap; }
div#footer img{ vertical-align: middle; }
div#footer td#footer_left { text-align: right; width: 45%; padding-right: 20px; }
div#footer td#footer_center { text-align: center; color: #fff; }
div#footer td#footer_right{ text-align: left; width: 45%; padding-left: 10px;}

div#caption_text{ font-size: 0.8em; }

div.separator { height: 20px; border-bottom: 1px solid #666; margin: 0px 0px 20px 0px; }
table.index { }
table.index td{ padding: 0px 10px 10px 0px; text-align: center; vertical-align: top;}
table.index img { margin-bottom: 5px; display: block; }
table.index a { font-size: 0.8em; text-decoration: none; line-height: 100%; }

table.loading { visibility: visible; }

ul.searchresult a { text-decoration: none; }
ul.searchresult a:hover { text-decoration: underline; }

input.button{ vertical-align: middle; margin-right: 5px; background: #999; color: #fff; }

#tabs .albumTab {
	cursor: pointer;
	left: 0px;
	position: absolute;
	width: 25px;
	z-index: 1;
}
#tab_album {
	height: 94px;
	top: 0px;
}
#tab_index {
	height: 70px;
	top: 90px;
}
#tab_bijschrift {
	height: 107px;
	top: 154px;
}
#tab_gerelateerd {
	height: 77px;
	top: 255px;
}
#tab_zoeken {
	height: 59px;
	top: 328px;
}
