body {  
        background-color:#000000;
	color:#A2ABD2;
	margin: 0;
}

a,
a:visited {
	color:#fff;
}
a:hover {
	color:#A2ABD2;
}
.Block {
	background-color: #A2ABD2;
	padding: 5px;
	color: black;
}	

.Block a:hover {
	color:#000;
}
#Header {
	text-align: right;
}

#Menu {
	width: 180px;
	float: left;
}

#Content {
	/* Set overflow to hidden to force a new block-formatting-context. (See 9.4.1 of CSS21)
	   Set float to left, because this enables correct behaviour for IE for some reason */
	overflow: hidden; 
	float: left;
}

/* Disable float for compliant browsers (at least FF), since it breaks on * FF. */
html>body #Content { 
	float: none; 
}

#InformationPart {
	padding: 5px 15px;
	font-size: 18pt;
	color: red;
}

#MainPart {
	/* Use scrollbars when needed */
	overflow: auto;
}

#ButtonsPanel {
	padding: 5px;
}

.pntDetailsTable .pntNormal {
	/* Preserve whitespace within (event) details pages. */
	white-space: pre;
}

form .pntDetailsTable .pntNormal {
	/* But not in the editing interface, since that messes up the
	 * layout. */
	white-space: normal;
}