*  {padding:0;margin:0;}

html	{font-family: Verdana, Arial, Helvetica, sans-serif;}

body 	{display:block;
		height:100%;/* voor lightview*/
		margin-left: auto;margin-right:auto;margin-top:10px;
		color:#ddd;
		background: #222 url("../images/BGRND.png") fixed center ;
		/*overflow-y:scroll;*/ overflow:hidden;
		text-align:center;font-size:11px;}

ul	{ list-style-type: square;margin: 0px;padding:0px; }
li a	{font-size:12px;color:#ff0;margin:0;}

/*  links*/

a			{text-decoration:none;}
a:link			{color:#f90;}
a:visited		{color:#f90;}
a:hover			{color:#fff;font-weight:bold;}
a:active		{color:#f90;}

.menu a			{font-weight:bold;}
.menu a:link		{color:#7a3;}
.menu a:visited		{color:#7a3;}
.menu a:hover		{color:#fc0;}
.menu a:active		{color:#ff0;}

.submenu a		{font-weight:bold;}
.submenu a:link		{color:#aa3;}
.submenu a:visited	{color:#aa3;}
.submenu a:hover	{color:#fc0;}
.submenu a:active	{color:#ff0;}

.nav a:link		{color:#9f3;}
.nav a:visited		{color:#9f3;}
.nav a:active		{color:#ff0;}

/*.over a:hover	{z-index:10;background-image: url('entersite.gif');cursor: pointer; }*/

/* classes */

.container	{width:804px;/*height:548px; voor lightview*/background:transparent;
			padding:0;margin:auto;position:relative;}

.main		{height:532px;border:2px solid #000;background:#222;position:relative;}

/*.text	{font-size:11px;margin-top:10px;color:#ccc;}*/

.bottomline	{border:2px solid #000;background:#000;} /* bottom of every page */

.menubar	{position:relative;float:left;
			width:120px;height:100%;
			background:#222;
			color:#9f0;
			margin-left:10px;
			filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}

.menu	{position:absolute;left:10px;color:#9f0;font-size:12px;text-align:left;margin:10px;z-index:10;}
			
.menu li 	{color:#ff0;
			margin-top:0px;margin:0px;padding-left:20px;border-left:3px solid #390;
			line-height:14px;display:block;}
.submenu	{font-weight:bold;}

#here		{color:#fff;font-weight:bold;}

.messbox	{position:absolute;left:0px;top:0px;z-index:10;
			width:640px;
			background: #444;
			margin-top:10px;margin-left: 110px;
			filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;
			border-left:5px solid #222;}

.titel			{position:absolute;left: 120px;top:5px;
			text-align:left;font-size:40px;z-index:5;color:#fff;
			}

.start		{position:absolute;left: 300px;/*filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;*/
			border-left:5px solid #333;
			padding:2px 5px;
			font-weight:bold;font-size:12px;z-index:25;
			background:#555;}

.start a	{color:#ccc;}
.start a:hover	{color:#fff;}

.start:hover	{background:#482;
			border-left:5px solid #123;}

.instruct	{position:absolute;top:15px;left:400px
			;width:340px;height:80px;
			text-align: left;}	
			
.message	{position:absolute;left: 110px;top:10px;z-index:20;
			width:620px;height:100px;
			text-align:left;font-size:12px;
			padding:10px;
			}
			
.copy		{position:absolute; left:130px;top:150px;z-index:25;
			font-size:160px;font-weight:bold;color:#fdb;
			filter:alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1;}
			
.copy:hover	{filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;color:#fdb;}

/* gallery pages */
			
.galdiv		{position:absolute;top:2px;left:2px;margin-top:36px;margin-left:150px;}

.gal		{color:#666;font-size:12px;text-align:center;}
.gal td		{width:80px;height:80px;border:1px solid #666;}
.gal img	{border:0;}
.nav td		{color:#666;font-size:12px;height:20px;border:0;}