/* 

 * geel: #ffcc33

 * geel 20%: #33290a

 * rood: #990000

 * rood 20%: 1f0000

 * */ 



div#frame{

	margin: 0 auto;

	width: 950px;

	text-align: left;

	background-color: #000000;

	padding-left: 8px;

	padding-right: 8px;

}



/* PLAYER */



div#player{

	width: 950px;

	height: 530px;

}



/* CONTENT */



div#content{

	width: 758px;

	background: #000 url('../img/content_line.jpg') no-repeat;

	float: left;

}

div#content ul{
	font-size: 12px;
}

div#content p{

	margin: 10px;

	margin-left: 25px;

	

	font-family: Trebuchet MS;

	font-size: 16px;

	font-weight: bold;

	line-height: 140%;

}

div#content p.text{

	margin: 10px;

	margin-left: 25px;

	

	font-family: Arial;

	font-size: 13px;

	font-weight: normal;

	line-height: 140%;

}



div#content a, div#content p a{

	text-decoration: underline;

}



div#content table{

	margin-left: 25px;

}

div#content table td{

	vertical-align: top;

	border-bottom : 1px #33290a solid;

	margin-right: 5px;

}



/* MENU */



div#menu{

	width: 191px;

	height: 200px;

	background-color: #000;

	float: left;

}



ul.menu{

	list-style: none;

	padding: 0;

	margin: 0;

	margin-top: 35px;

}



ul.menu li{

	height: 23px;

}



ul.menu li a{

	font-family: Trebuchet MS;

	font-size: 13px;

	background: #000000;

		

	width: 167px;

	

	display:block;

	text-align: right;

	

	border-bottom : 1px #000 solid;

	border-top : 1px #000 solid;

}	



ul.menu li a.active{

	font-weight: bold;	

}



ul.menu li a:hover{

	border-bottom : 1px #33290a solid;

	border-top : 1px #1f0000 solid;

}



/* FOOTER */



div#footer{

	margin-left: 25px;

	margin-top: 25px;

}



div#footer1, div#footer2{

	float: left;

	width: 350px;

	background: #1f0000 url('../img/footer_line.jpg') repeat-x;

	padding: 5px;

}



div#footer2{

	text-align: right;

}



div#content h2.notice{

	text-align: center; 

	background: #1f0000 url('/resources/img/h2-bg.jpg') no-repeat; 

	border-top: 1px solid #333;

}