/* Achtergrond - Lichte blauw	= #DDEEFF */
/* Titels = Fel blauw			= #3399FF */
/* Menu- Donkder blauw			= #226699 */
/* Links - Oranje				= #FF8844 */

/* H1 = Title            */
/* H2 = Top Header       */
/* H3 = Sub header       */
/* H4 = Paragraaf header */

body, tbody, td, th, p, .p
{
	padding: 0px;
	font-weight: normal;
	font-size: x-small;
	vertical-align: top;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

body
{
	margin: 0px;
	scrollbar-arrow-color: #FF8844;
	scrollbar-base-color: #DDEEFF;
	scrollbar-shadow-color: #DDEEFF;
	scrollbar-3d-light-color: #226699;
	scrollbar-face-color: #226699;
	scrollbar-dark-shadow-color: #226699;
	scrollbar-highlight-color: #226699;
}

INPUT, TEXTAREA
{
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

th
{
	font-weight: bold;
}

td, th, div.WorkArea
{
	padding: 8px;
}

td.tight, th.tight
{
	padding: 0px;
}

a, a:link, a:visited, a:active
{
 	color:#FF8844;
	font-weight: bold;
 	text-decoration: none;
}

a:hover
{
 	color:#FF8844;
	text-decoration: underline;
}

.Small
{
	font-size: xx-small;
}

.TopBody
{
	margin: 0px;
	border-top: 3px solid #000000;
	border-right: 3px solid #000000;
	border-left: 3px solid #000000;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	background: url(images/bg8menu.jpg) #226699 fixed;
}

.TopCell
{
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}

.MenuBody
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-left: solid 3px #000000;
	border-top: solid 3px #000000;
	border-bottom: solid 3px #000000;
	background: url(images/bg8menu.jpg) #226699 0% -83px fixed;
}

.MenuTable
{
	height: 100%;
	width: 100%;
}

.MenuTitle
{
	background: url(images/bg8title.jpg) #3399ff 0% -83px;
	color: #FFFFFF;
	height: 40px;
	border-bottom: solid 3px #000000;
	white-space: nowrap;
	background-color: #3399FF;
	vertical-align: middle;
	padding: 3px;
}

.MainBody
{
	border-top: 3px solid #000000;
	border-bottom: 3px solid #000000;
	border-left: 3px solid #000000;
	background: url(images/bg8background.jpg) #ddeeff -161px -83px fixed;
}

.EntreeBody
{
	margin: 0px;
	border-top: 3px solid #000000;
	border-bottom: 3px solid #000000;
	border-left: 3px solid #000000;
	background: url(images/bg8background.jpg) #ddeeff 0px -83px fixed;
}

.MainTable
{
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #000000;
	height: 100%;
	width: 100%;
}

.MainTitle
{
	border-bottom: solid 3px #000000;
	height: 40px;
	white-space: nowrap;
	background-color: #3399FF;
	color: #FFFFFF;
	vertical-align: middle;
	padding: 3px;
	background: url(images/bg8title.jpg) #3399ff -161px -83px;
}

.MainSubTitle
{
	border-top: solid 3px #000000;
	border-bottom: solid 3px #000000;
	height: 40px;
	white-space: nowrap;
	background-color: #3399FF;
	color: #FFFFFF;
	vertical-align: middle;
	padding: 3px;
	background: url(images/bg8title.jpg) #3399ff -161px -83px;
}

.MainText
{
	height: 100%;
}

input.button
{
	color: #FFFFFF;
	font-weight: bold;
	background-color: #FF8844;
}

h1, h2, h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/* H1.Title is used for the title "HomoInfo" in the top-frames */
h1.Title
{
	color: #FFFFFF;
	font-size: x-large;
	letter-spacing: 8px;
	word-spacing: 16px;
}	

/* H1 is used for all page-titles inside the special bar on top of every page */
h1
{
	color: #FFFFFF;
	font-size: medium;
}	

/* H2 is used for all chapter captions. The color is light-blue and text is larger. Spacing is large. */
h2
{
	color: #3399FF;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: small;
}

/* H3 is used for all sub-chapter captions. The color is light-blue and text-size is normal. Spacing is normal. */
h3
{
	color: #3399FF;
	text-align: left;
	margin-top: 8px;
	margin-bottom: 4px;
	font-size: x-small;
}

p
{
	color: #000000;
	margin-top: 0px;
	margin-bottom: 10px;
}

/* Footers */

h3.Footer, p.Footer
{
	text-align: right;
}

/* Looks like a link */
span.link
{
	font-weight: bold;
 	color:#FF8844;
}

images
{
	border: 0;
}

ol
{
	margin-top: 0px;
	margin-left: 24px;
}

ul
{
	margin-left: 16px;
}

ul.sub
{
	margin-left: 16px;
	list-style-type: square;
}

li.bold
{
	font-weight: bold;
}

.Link, .Link:link, .Link:visited, .Link:active, .Link:hover
{
 	text-decoration: none;
}

images.NoAccess
{
	position: relative;
	border: 0px;
}

p.Author, p.Source
{
	text-align: right;
	font-size: xx-small;
	margin-top: 10px;
	margin-bottom: 0px;
}

table.Author
{
	margin-bottom: 10px;
}

td.Author
{
	font-size: xx-small;
	padding: 0px;
}

div.Counter
{
	position: absolute;
	right: 8px;
	bottom: 2px;
}

p.Counter
{
	text-align: right;
	margin-top: 10px;
	margin-bottom: 0px;
}

p.Comment
{
	font-size: xx-small;
	font-style: italic;
	margin-top: 4px;
	margin-bottom: 4px;
}

.Quotes
{
	text-align: center;
	font-size: xx-small;
}

.Quote
{
	font-style:italic;	
}

.Quotee
{
}

div.ForumQuote
{
	font-size: xx-small;
	margin: 0px;
	padding: 8px;
	padding-left: 45px;
	padding-right: 45px;
	background-image: url(images/quotes.gif);
	background-position: 0px 10px;	
	background-repeat: no-repeat;	
}

/***** Trees *****/

table.TreeNode
{
	border: 0px;
	padding: 0px;
}

td.TreeIcon,td.TreeNode,td.TreeText
{
	border: 0px;
	padding: 0px;
	vertical-align: middle;
	text-align: left;
}

td.TreeIcon
{
	width: 16px;
}

td.TreeNode
{
	width: 16px;
}

div.TreePostback
{
}

/* All Texts */
nobr.TreeText, nobr.TreeText0, nobr.TreeText1, nobr.TreeText2, nobr.TreeTextHover, nobr.TreeTextHover0, nobr.TreeTextHover1, nobr.TreeTextHover2, nobr.TreeTextSelected, nobr.TreeTextSelected0, nobr.TreeTextSelected1, nobr.TreeTextSelected2, nobr.TreeTextHoverSelected, nobr.TreeTextHoverSelected0, nobr.TreeTextHoverSelected1, nobr.TreeTextHoverSelected2
{
	font-size: small;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
}

/* All Texts with Hover */
nobr.TreeTextHover,nobr.TreeTextHover0,nobr.TreeTextHover1,nobr.TreeTextHover2,
nobr.TreeTextHoverSelected,nobr.TreeTextHoverSelected0,nobr.TreeTextHoverSelected1,nobr.TreeTextHoverSelected2
{
	text-decoration: underline;
}

/* All Texts with level 0 */
nobr.TreeText0,nobr.TreeTextHover0,
nobr.TreeTextSelected0,nobr.TreeTextHoverSelected0
{
	font-size: x-small;
	font-weight: bold;
}

/* All Texts with level 1 */
nobr.TreeText1,nobr.TreeTextHover1,
nobr.TreeTextSelected1,nobr.TreeTextHoverSelected1
{
	font-size: xx-small;
	font-weight: bold;
}

/* All Texts with level 2 */
nobr.TreeText2,nobr.TreeTextHover2,
nobr.TreeTextSelected2,nobr.TreeTextHoverSelected2
{
	font-size: xx-small;
}

/* All Texts with selection */
nobr.TreeTextSelected, nobr.TreeTextSelected0, nobr.TreeTextSelected1, nobr.TreeTextSelected2, nobr.TreeTextHoverSelected, nobr.TreeTextHoverSelected0, nobr.TreeTextHoverSelected1, nobr.TreeTextHoverSelected2
{
	color: #FFFFFF;
	background-color: #FF8844;
}

hr
{
	height: 3px; 
	border:solid 3px #226699;
	margin-top: 0px;
	margin-bottom: 10px;
}

hr.Small
{
	height: 3px; 
	border:solid 3px #226699;
	height: 1px;
	margin-top: 0px;
	margin-bottom: 10px;
}

.google, .google:active, .google:visited, .google:link, .google:hover
{
	color: #3399FF;
	font-size: 6pt;
	padding: 0px;
	text-decoration: none;
	font-weight: normal;
}