/*  Style sheet for zebriel.dk  */

/* 
 * Updated in february 2003 to use relative font sizes
 * This is possible using a variety of hacks exploiting parsing erros 
 * in various browsers. To learn more refer to:
 *     http://diveintoaccessibility.org/examples/fontsize.html
 *     http://diveintoaccessibility.org/day_26_using_relative_font_sizes.html
 *     http://www.alistapart.com/stories/sizematters/
 *
 */


	h1
	{
		font-size: 14px;		/* font size used by NS4 */
	}

	.normal,
	.facts h1,
	td,
	h2
	{
		font-size: 12px;		/* font size used by NS4 */
	}
	
	.item,
	.itemselected,
	.item2,
	.itemselected2,
	.navbar,
	.navlink,
	.navarrow,
	.facts, 
	.imgtext,
	.footer,
	.small {
		font-size: 10px;		/* font size used by NS4 */
	}
	
	/*/*/a{}
	
	body h1 
	{
		font-size: small;		/* false value for WinIE4/5 */
		voice-family: "\"}\"";	/* trick WinIE4/5 into thinking the rule is over */
		voice-family: inherit;	/* recover from trick */
		font-size: medium;		/* intended value for better browsers */
	}
	html>body h1 
	{
		font-size: medium;		/* be nice to Opera */
	}

	body .normal,
	body .facts h1,
	body td, 
	body h2 
	{
		font-size: x-small;		/* false value for WinIE4/5 */
		voice-family: "\"}\"";	/* trick WinIE4/5 into thinking the rule is over */
		voice-family: inherit;	/* recover from trick */
		font-size: small;		/* intended value for better browsers */
	}
	html>body .normal,
	html>body .facts h1,
	html>body td, 
	html>body h2
	{
		font-size: small;		/* be nice to Opera */
	}

	body .item,
	body .itemselected,
	body .item2,
	body .itemselected2,
	body .navbar,
	body .navlink,
	body .navarrow,
	body .facts,
	body .imgtext,
	body .footer,
	body .small 
	{
		font-size: xx-small;		/* false value for WinIE4/5 */
		voice-family: "\"}\"";	/* trick WinIE4/5 into thinking the rule is over */
		voice-family: inherit;	/* recover from trick */
		font-size: x-small;		/* intended value for better browsers */
	}
	html>body .item,
	html>body .itemselected,
	html>body .item2,
	html>body .itemselected2,
	html>body .navbar,
	html>body .navlink,
	html>body .navarrow,
	html>body .facts,
	html>body .imgtext,
	html>body .footer,
	html>body .small 
	{
		font-size: x-small;		/* be nice to Opera */
	}
	/* */


/*
 * 
 * After all this silly font size stuff, we proceed to the real style definitions
 *
 */ 

/*
	DIV {
		border: 1px solid red;
	}
	TABLE {
		border: 1px solid #5050aa;
	}
*/
	
	BODY, H1, H2 {
		font-family: arial, helvetica, sans-serif;
		background-color: black;
	}
	BODY {
		color: #cccccc;
		padding-top: 0px;
		margin-top: 6px;
/*
		background-color: #666677;
		padding: 0px;
		margin: 0px;
*/
	}
/*
	#maintable {
		background-color: black;
		padding: 10px;
		margin-top: 6px;
	}
*/
    #maintable {
    	margin-left: 5%;
    }
	H1 {
		font-weight: bold;
		color: white;
		margin-top: 10px;
		margin-bottom: 4px;
		padding: 0px;
	}
	H2 {
		font-weight: bold;
		color: white;
		margin-top: 20px;
		margin-bottom: 4px;
		padding: 0px;
	}
	
	.normal,
	.small
	{
		color: #cccccc;
	}

	A {
		color: white;
		background-color: transparent;
		text-decoration: underline;
	}
	A:hover {
		color: red;
		background-color: transparent;
		text-decoration: underline;
	}

	.facts {
		padding-top: 16px;
		text-align: center;
	}
	.facts H1 {
		margin: 0px;
		padding: 0px;
	}
/*
	.labelfacts {
		color: #888888; 
		background-color: transparent;
		font-size: 9pt;
	}
	
	.error {
		color: rgb(217,0,0);	
		background-color: transparent;
	}
*/  
	.vspace {
	  	height: 20px;
	}
	.vspace2x {
	  	height: 40px;
	}
	#contentdiv {
		border: 1px solid #666677;
		padding: 20px;
		padding-bottom: 10px;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	.imgtable {
		border: 1px solid #666677;
	}
	.cell {
		padding: 4px;
	}
	.innercell {
	}
	.imglabel, .imgtext {
	  	font-family: arial, helvetica, sans-serif;
	  	color: #cccccc;
	  	background-color: transparent;
	 }
	 .imglabel {
	  	font-weight: bold;
	  	font-size: 90%;
	  	padding-top: 8px;
	}
	.imgtext {
		font-weight: normal;
		padding-top: 0px;
	}
	.imglabel A {
		color: #cccccc;
	  	background-color: transparent;
		text-decoration: none;
	}
	.imglabel A:hover {
		color: red;
	  	background-color: transparent;
		text-decoration: underline;
	}
	.contentimg {
		margin-left: 10px;
	}


/*                                          */
/*  Style sheet for zebriel.dk (left menu)  */
/*                                          */
	
	.leftmenu .itemselected2, .leftmenu .item2 {
		padding-left: 20px;
	}
	.leftmenu .itemselected2, .leftmenu .item2,
	.leftmenu .itemselected, .leftmenu .item {
		font-family: verdana, geneva, arial, helvetica, sans-serif;
		font-weight: bold;
		padding-top: 8px;
	}
	.leftmenu .itemselected2, .leftmenu .itemselected2 A,
	.leftmenu .itemselected, .leftmenu .itemselected A {
		color: rgb(160,200,240);	/* dark bluish */
		background-color: transparent;
		text-decoration: none; 
	}
	.leftmenu .item2, .leftmenu .item2 A,
	.leftmenu .item, .leftmenu .item A {
		color: rgb(92,134,176);  	/* bright bluish */
		background-color: transparent;
		text-decoration: none;
	}
	
	.leftmenu2 .item A:hover,
	.leftmenu .item A:hover,
	.leftmenu2 .itemselected2 A:hover,
	.leftmenu .itemselected A:hover
	{
		color: white;
		background-color: transparent;
		text-decoration: underline;
	}

/*                                                                       */
/*  Style sheet for zebriel.dk (navigation links including breadcrumps)  */
/*                                                                       */

	.navlink, .navarrow {
		/* don't set font color: this will make Opera use */
		/* this color instead of the A:hover color :-(    */
		font-family: arial, helvetica, sans-serif; 
		font-weight: bold;
	} 
	.navlink, .underline, .underline A {
		text-decoration: underline;
	}
	.nounderline, .nounderline A, A.nounderline {
		text-decoration: none;
	}
	A.nounderline:hover, .nounderline A:hover {
		color: red;
		text-decoration: none;
	}
	h1 .navlink, h1 .navlink A
	{
		color: #cccccc;
		text-decoration: none;
	}
	h1 .navlink 
	{
		padding-left: 20px;
	}
	
	.navbar, 
	.navbar .selected
	{
		font-family: arial, helvetica, sans-serif;
		font-weight: bold;
	}
	.navbar {
		color: #cccccc;
	  	background-color: transparent;
	}
	.navbar .selected, 
	.navbar .selected A
	{
/*		color: rgb(160,200,240);*/
		color: #cccccc;
	  	background-color: transparent;
	}
	.navbar A 
	{
/*		color: rgb(92,134,176);	/* bright bluish */
		color: #cccccc;
	  	background-color: transparent;
		text-decoration: none;
	}
	.footer, .footer A {
		color: #cccccc;
		background-color: transparent;
		text-decoration: none;
		padding-top: 10px;
	}