div#languages {
	display:inline;
	position:absolute;
	top:2%;
	right:2%;
}

div#languages img {
	border: 1px solid white
}

div#languages img:hover {
	border: 2px solid white
}

div#top {
	background-color: #aabbcc;
	width: 100%;
	text-align:center;
}

div#nav {
	font-size:small;
}

div#nav p {
	padding:0px;
	line-height:50%;
	margin:0px;
}

div#nav h1 {
	font-weight:bold;
	font-size:small;
	padding:0px;
	margin:0px;
	
}

div#topmenu {
	font-size:small;
	border-bottom: 1px solid #aabbcc;
	text-align:center;
	width:100%;
}

div#topmenu ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
	margin-top:0.5%;
	margin-bottom:0.5%;
}

div#topmenu ul li {
	display:inline;	
	padding-left: 1%;
	padding-right:1%;
	padding-top:0px;
	padding-bottom:0px;
}

div#left {
	width: 12em;
	float:left;
	margin-right:2em;
	min-width:12em;
	max-width:20%;
}
div#nav {
	border-right: 1px solid #aabbcc;
	padding-left: 1em;
	padding-right:1em;	
	margin-bottom:2em;
	text-align:center;
}

div#nav p {
	padding:0px;
	margin-top:1em;
	margin-bottom:1em;
}
div#hidden {
	visibility:hidden;
}

div#main {
	margin-left:14em;
}

div#main.noleft {
	margin-left:0px;
}

body {
	margin:1%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;

}
a:link {
	color: #aabbcc;
	text-decoration: none;
}
a:visited {
	color: #8899aa;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a:active {
	color: #000000;
	text-decoration: none;
}
h1 {
	font-size: large;
	font-weight: bold;
	text-align: center;
}
h2 {
	font-size: medium;
	font-weight: bold;
}

div#main td {
	text-align:center;
	border:1px solid black;
	padding-left:1em;
	padding-right:1em;
}

div#main table.invisible td {
	text-align:left;
	border:0px;
}

div#main a img {
	border:0px;
}

div#main img.fr {
	float:right;
	padding-left:1%;
	max-width:50%;
}

div#main img.fl {
	float:left;
	padding-right:1%;
	max-width:50%;
}