html, body, td, input, select, div, ul, button, p, span {
	font-size: 10px;
	font-family: Verdana, arial, Helvetica, sans-serif;
}

html, body {
	margin:0px;
	padding:0px;
	height: 100%;
	width: 100%;
}

a {
	color:#000;
	text-decoration:underline;
	cursor: pointer;
	cursor: hand;
	white-space: nowrap;
}

a:hover {
	text-decoration:none;
}

a:focus {
     -moz-outline: 0px solid lime; /* Firefox 1.0x */
     outline: 0px solid lime; /* Firefox nightly builds, DeerPark dev. releases */
     outline-offset 0px;  /* Firefox nightly builds, DeerPark dev. releases */
}

img {
	border: 0;
}

div {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

iframe {
	overflow-y: hidden;
	overflow-x: scroll;
}

div#wrapper {
	height:100%;
	padding:0px;
}

table#table1 {
	height: 100%;
	width: 100%;
	margin:0px;
	padding:0px;
}

table#table1 td {
	vertical-align: middle;
	text-align: center;
}

div#index {
	position: relative;
	margin: 0 auto;
	width:595px;
	text-align:right;
}

table#table2 {
	height: 100%;
	width: 100%;
	margin:0px;
	padding:0px;
	border: 2px dashed #949494;
	border-spacing: 0px;
}

table#table2 td {
	vertical-align: middle;
	text-align: center;
}


div#outer {
	position: relative;
	margin: 0 auto;
	width: 800px;
	height: 600px;
	text-align: center;
	border:1px dashed #949494;
}

div#inner {
	position:absolute;
	top:60px;
	left:80px;
	width:642px;
	height:482px;
	margin:0px;
	padding:0px;
	border:1px dashed #949494;
	overflow:hidden;
}

div#text {
	padding:4em;
}

div#error {
	padding:4em;
	color:#cc0000;
}

div#loading {
	position:absolute;
	top:548px;
	left:80px;
	padding-left:15px;
	background: url("http://3plex.org/3/img/loading.gif") center left no-repeat;
}

div#oneliner {
	position:absolute;
	top:548px;
	left:80px;
	padding-left:15px;
	background: url("http://3plex.org/3/img/loading.gif") center left no-repeat;
}


/* top_left menu */

div#plex_logo a {
	position:absolute;
	top:60px;
	left:5px;
	width:70px;
	height:112px;
	background: url("http://3plex.org/3/img/plex_logo.gif") 0px 0 no-repeat;
}

div#plex_logo a:hover, div#plex_logo a.selected {
	background-position: -70px 0;
}


/* bottom_left menu */

div#bottom_left {
	position:absolute;
	top:299px;
	left:5px;
	width:70px;
}

div#np3_logo a {
	float:left;
	width:100%;
	height:61px;
	background: url("http://3plex.org/3/img/np3_logo.gif") 0px 0 no-repeat;
}

div#np3_logo a:hover, div#np3_logo a.selected {
	background-position: -70px 0;
}


div#gras_logo a {
	float:left;
	width:100%;
	height:61px;
	background: url("http://3plex.org/3/img/gras_logo.gif") 0px 0 no-repeat;
}

div#gras_logo a:hover, div#gras_logo a.selected {
	background-position: -70px 0;
}


div#info_button a {
	float:left;
	width:100%;
	height:61px;
	background: url("http://3plex.org/3/img/info_button.gif") 0px 0 no-repeat;
}

div#info_button a:hover, div#info_button a.selected {
	background-position: -70px 0;
}

div#archief_button a {
	float:left;
	width:100%;
	height:61px;
	background: url("http://3plex.org/3/img/archief_button.gif") 0px 0 no-repeat;
}

div#archief_button a:hover, div#archief_button a.selected {
	background-position: -70px 0;
}


/* top_right menu */

div#top_right {
	position:absolute;
	top:60px;
	left:725px;
	width:72px;
}

div#plex_button a {
	float:left;
	width:100%;
	height:17px;
	background: url("http://3plex.org/3/img/plex_button.gif") 0px 0 no-repeat;
}

div#plex_button a:hover, div#plex_button a.selected {
	background-position: -89px 0;
}

div#wie_button a {
	float:left;
	width:100%;
	height:17px;
	background: url("http://3plex.org/3/img/wie_button.gif") 0px 0 no-repeat;
}

div#wie_button a:hover, div#wie_button a.selected {
	background-position: -89px 0;
}

div#wat_button a {
	float:left;
	width:100%;
	height:17px;
	background: url("http://3plex.org/3/img/wat_button.gif") 0px 0 no-repeat;
}

div#wat_button a:hover, div#wat_button a.selected {
	background-position: -89px 0;
}

div#waar_button a {
	float:left;
	width:100%;
	height:17px;
	background: url("http://3plex.org/3/img/waar_button.gif") 0px 0 no-repeat;
}

div#waar_button a:hover, div#waar_button a.selected {
	background-position: -89px 0;
}

div#waarom_button a {
	float:left;
	width:100%;
	height:17px;
	background: url("http://3plex.org/3/img/waarom_button.gif") 0px 0 no-repeat;
}

div#waarom_button a:hover, div#waarom_button a.selected {
	background-position: -89px 0;
}

div#prog_button a {
	float:left;
	width:100%;
	height:17px;
	background: url("http://3plex.org/3/img/prog_button.gif") 0px 0 no-repeat;
}

div#prog_button a:hover, div#prog_button a.selected {
	background-position: -89px 0;
}

div#log_button a {
	float:left;
	width:100%;
	height:17px;
	background: url("http://3plex.org/3/img/log_button.gif") 0px 0 no-repeat;
}

div#log_button a:hover, div#log_button a.selected {
	background-position: -89px 0;
}

div#pdf_button a {
	float:left;
	width:100%;
	height:17px;
	background: url("http://3plex.org/3/img/pdf_button.gif") 0px 0 no-repeat;
}

div#pdf_button a:hover, div#pdf_button a.selected {
	background-position: -89px 0;
}

div#links_button a {
	float:left;
	width:100%;
	height:17px;
	background: url("http://3plex.org/3/img/links_button.gif") 0px 0 no-repeat;
}

div#links_button a:hover, div#links_button a.selected {
	background-position: -89px 0;
}

div#faq_button a {
	float:left;
	width:100%;
	height:17px;
	background: url("http://3plex.org/3/img/faq_button.gif") 0px 0 no-repeat;
}

div#faq_button a:hover, div#faq_button a.selected {
	background-position: -89px 0;
}


/* bottom_right menu */

div#bottom_right {
	position:absolute;
	top:490px;
	left:725px;
	width:45px;

}

div#cam1_button a {
	float:left;
	width:100%;
	height:18px;
	background: url("http://3plex.org/3/img/cam1_button.gif") 0px 0 no-repeat;
}

div#cam1_button a:hover, div#cam1_button a.selected {
	background-position: -55px 0;
}

div#cam2_button a {
	float:left;
	width:100%;
	height:18px;
	background: url("http://3plex.org/3/img/cam2_button.gif") 0px 0 no-repeat;
}

div#cam2_button a:hover, div#cam2_button a.selected {
	background-position: -55px 0;
}

div#cam3_button a {
	float:left;
	width:100%;
	height:18px;
	background: url("http://3plex.org/3/img/cam3_button.gif") 0px 0 no-repeat;
}

div#cam3_button a:hover, div#cam3_button a.selected {
	background-position: -55px 0;
}
/* end of */


.show { display:block; }
.hide { display:none; }