@charset "UTF-8";
/* CSS Document */

body {
	font-size: 14px;
	margin: 0;
	padding: 0;
	
}

body, h1, h2, h3, h4, h5, p, td, tr, table {
	font-family: Arial, Helvetica Neue, Helvetica, GillSans, Gill-Sans, Verdana, sans-serif;
	font-weight:lighter;
	color: #4A596C;
	color: #000;
	text-align: justify;
}

table, td, tr{ 
vertical-align: top;
}

body, p,table, td, tr {
	font-size: 9pt;	
}

h1, h2, h3, h4, h5, p {
	margin: 0;
	margin-bottom: 5px;
}

body, html {
	height: 100%;
	width: 100%;
}

img {
	border: none;
}

a {
	color: #4A596C;
	color: #000;
}

#rollover {
	position: absolute;
	right: 10px;
	bottom: 10px;
}


#menu {
	width: 250px;
	height: 462px;
	position: absolute;
	right: 10px;
	top: 25px;
	text-align: right;
}

#menu ul {
	padding: 0;
	margin: 0;
}

#menu ul li a {
	width: 250px;
	height: 35px;
	background-repeat: no-repeat;
	display: block;
}

#menu ul li a span {
	display: none;
}

#menu ul li.journal a {
	background-image: url('images/menu/journal_off.png');
}

#menu ul li.journal.selected a, #menu ul li.journal a:hover {
	background-image: url('images/menu/journal_on.png');
}

#menu ul li.pieces a {
	background-image: url('images/menu/pieces_off.png');
}

#menu ul li.pieces.selected a, #menu ul li.pieces a:hover {
	background-image: url('images/menu/pieces_on.png');
}

#menu ul li.moments a {
	background-image: url('images/menu/moments_off.png');
}

#menu ul li.moments.selected a, #menu ul li.moments a:hover {
	background-image: url('images/menu/moments_on.png');
}

#menu ul li.labs a {
	background-image: url('images/menu/labs_off.png');
}

#menu ul li.labs.selected a, #menu ul li.labs a:hover {
	background-image: url('images/menu/labs_on.png');
}

#menu ul li.co a {
	background-image: url('images/menu/co_off.png');
}

#menu ul li.co.selected a, #menu ul li.co a:hover {
	background-image: url('images/menu/co_on.png');
}

#menu ul li.about a {
	background-image: url('images/menu/about_off.png');
}

#menu ul li.about.selected a, #menu ul li.about a:hover {
	background-image: url('images/menu/about_on.png');
}

#links a {
	text-decoration: none;
}

#links a:hover {
	text-decoration: underline;
}

#links {
	width: 200px;
	position: absolute;
	right: 20px;
	top: 300px;
	text-align: right;
}


#copyright {
	
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size:8px;
	text-align: right;
}

#menu ul, #menu ul li {
	display: block;
}

#container {
	padding: 40px;
	max-width: 572px;
}

.blogitem {
	text-align:justify;
	
	font-weight:lighter;
	font-size: 20px;
	width: 572px;	
}

img.lijn {
	padding: 20px 0;
}
	
.moments img {
	padding: 0 10px 10px 0;
}

.textbox {
	font-size: 9pt;
	width: 350px;
	height: 100px;
	overflow:scroll;
}