/* style information */
		
		
		body,
		html,
		#mainWrapper {
			background-color: #000000;
		}
		
		#mainWrapper {
			background-image: url('background.jpg');
			background-repeat: no-repeat;
			background-position: bottom left;
		}
		
		#pageHeader {
			background-color: #000000;
			color: #000000;
			filter:alpha(opacity=90);
			-moz-opacity:.90;
			opacity:.90;
		}
		
		#pageHeader #HeaderContent {
			font-family: Georgia;
			color: #000000;
			font-size: 26px;
		}
		
		#HeaderMessage {
			font-family: Georgia;
			color: #FFFFFF;
			font-size: 20px;
			padding: 100px 6px 3px 9px;
		}		
		.textContent {
			font-family: Georgia;
			font-size: 18px;
			color: #ffffff;
			background-color: #222222;
			filter:alpha(opacity=80);
			-moz-opacity:.80;
			opacity:.80;
			padding: 4px 6px 3px 9px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border: 1px solid #000;
		}
		
		.mobyHeader {
			background-color: #222222;
			-moz-border-radius: 10px 10px 0 0;
			z-index: 40;
		}
		
		.mobyBlock {
			
			filter:alpha(opacity=90);
			-moz-opacity:.90;
			opacity:.90;
		}
		
		.mobyTitle {
			font-family: Georgia;
			font-size: 17px;
			color: #f1f1f1;
			z-index: 40;
		}
		
		.textInfo span {
			background-color: #eeeeee;
			color: #111111;
			font-family: Georgia;
			font-size: 14px;
			padding: 2px;
			z-index: 20;
		}
		
		.textInfo span.fancyTime span,
		.textInfo span.fancyTime {
			background-color: #0093d6;
			color: #eeeeee;
			font-size: 10px;
			z-index: 20;
		}
		
		
		.mobyAvatar img {
			-moz-border-radius: 0 10px 0 0;
		}
		
		.mobycontent {
			background-color: #222222;
			text-align: center;
		}
		
		a:link,
		a:visited,
		a:active {
			color: #dddddd;
			text-decoration: none;
		}
		
		#pauseScreen {
			background-color: #0093d6;
		}
		
		
		
		/* metrics */
		
		body,
		html,
		#mainWrapper {
			width: 100%;
			height: 100%;
			margin: 0px;
			padding: 0px;
			overflow: hidden;
		}
		
		table,tr,td,th{
			width: 100%;
			height: 100%;
			margin: 0px;
			border: 0px;
			padding: 0px;
			text-align: center;
			vertical-align: middle;
		}
		
		#mainWrapper {
			overflow: hidden;
		}
		
		
		#pageHeader {
			height: 18%;
			overflow: hidden;
		}
		
		#Logo {
			float: left;
			margin: 15px 20px 10px 35px;
		}
		
		#pageHeader #HeaderContent {
			padding: 15px 10px 0px 20px;
		}
		
		#pageContent {
			height: 83%;
			width: 100%;
			overflow: hidden;
			margin: 1% 0px 0px 0px;
		}
		
		/* textstream css */
		#textStream {
			height: 80%;
			float: left;
			margin: 0px;
			padding: 17px 0px;
			width: 53%;
			margin: 0px 0px 0px 2%;
		}
		
		.textBlock {
			float: left;
			margin: 0px;
			width: 100%;
			height: 115px;
		}
		
		.textAvatar {
			width: 15%;
			max-width: 15%;
			margin: 0px;
			padding: 0px;
			float: left;
			height: 85px;
			overflow: hidden;
			text-align: right;
		}
		
		.textAvatar img {
			max-width: 45px;
			max-height: 45px;
			float: right;
			margin: 4px 0px;
			clear: both;
			display: block;
		}
		
		.textContent {
			width: 80%;
			margin: 0px 0px 10px 0px;
			float: right;
			max-height: 600px;
			height: 85px;
		}
		
		
		
		.textContent img {
			vertical-align: middle;
		}
		
		/* mobystream css */
		
		#mobyStream {
			float: right;
			width: 39%;
			margin: 0px;
			padding: 0px;
			margin: 0px 2% 0px 0px;
			height: 100%;
		}
		
		.mobyBlock {
			margin: 0px 0px 20px 0px;
			height: 70%;
			overflow: hidden;
		}
		
		.mobyHeader {
			height: 15%;
			clear: both;
		}
		
		.mobyTitle {
			padding: 12px 0px 6px 15px;
			min-width: 100px;
			height: 60px;
		}
		
		.mobyAvatar {
			float: right;
			clear: both;
		}
		
		.textInfo {
			text-align: right;
			font-weight: bold;
			float: right;
			width: 100%;
			clear: both;
		}
		
		
		/*
			Plaatje algemeen (rechts, groot)
		*/
		
		.mobyPointer {
			width: 100%;
			height: 100%;
		}
		
		.mobycontent {
			width: 100%;
			height: 85%;
			margin-top: -17px;
		}
		
		.mobycontent img {
			margin-left: auto;
			margin-right: auto;
		}
		
		img.tall {
			height: 100%;
		}
		
		img.wide {
			width: 100%;
		}
		
		.mobysmallwrapper_tall {
			
		}
		
		.mobysmallwrapper_wide {
			
		}
		
		/* 
			plaatjes onder
		*/
		#smallImages {
			width: 39%;
			height: 30%;
			overflow: hidden;
			position: absolute;
		}
		
		#smallImages div,
		#smallImages {
			padding: 0px;
			border: none;
		}
		
		.mobysmall {
			float: left;
			width: 0%;
			height: 100%;
			margin: 0px;
			display: block;
			overflow: hidden;
			text-align: center;
		}
		
		.mobysmallwrapper_tall,
		.mobysmallwrapper_wide{
			overflow: hidden;
		}
		
		.mobysmallwrapper_tall {
			width: 700%;
			height: 100%;
			margin:  0px -300% 0px -300%;
		}
		
		.mobysmallwrapper_wide {
			width: 100%;
			height: 700%;
			position: relative;
			top: -350%;
		}
		
		.mobysmallwrapper_wide img {
			position: relative;
			margin-top: 325%;
		}
		
		.mobysmallspacer {
			float: left;
			width: 5%;
			height: 100%;
			margin: 0px;
			display: block;
		}
		
		/*
			overig
		*/
		.hidden {
			display: none;
		}
		
		#ImagePreloader {
			margin: 0px;
			padding: 0px;
			height: 0px;
			width: 0px;
			position: absolute;
			overflow: hidden;
			border: none;
		}
		
		a,
		a img {
			border: none;
		}
		
		#pauseScreen {
			position: absolute;
			right: 0px;
			top: 15%;
			width: 0%;
			height: 85%;
		}