body {
	text-align: center;
	color: #fff;		
	font: 12px Arial, sans-serif;
	background-color: #090604;
	}

@font-face {
	font-family: 'TradeGothic';
	src: url('tradegothic-webfont.eot');
	src: local('TradeGothic'), local('TradeGothic'), url('tradegothic-webfont.ttf') format('truetype'), url('tradegothic-webfont.svg#webfontJqbl40V6') format('svg');
	font-weight: normal;
	font-style: normal;
	}	
		
table {
	font: 12px Arial, sans-serif;
	}

a {
	color: #ff6400;
	text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
		}

p {
	margin: 0; margin-bottom: 10px;
	}						
	
/*** style for specific classes ***/

.logo {
	position: absolute;
	bottom: -7px; right: 0;
	behavior: url('iepngfix.htc');
	}

.logo10jr {
	position: absolute;
	bottom: -18px; right: -1px;
	behavior: url('iepngfix.htc');
	}		

.scroll {
	overflow: auto;
	scrollbar-3dlight-color: #fff;
	scrollbar-arrow-color: #1f1607;
	scrollbar-base-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-face-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-shadow-color: #fff;
	}

input, select, textarea {
	font: 12px Arial, sans-serif;
	border: solid 1px #090604;
	background: #fff;
	}
	
.button {
	color: #fff;
	text-align: center;
	cursor: pointer;
	border: 0;
	background: #ff6400;
	}

/*** style for headers ***/

h1 {
	margin: 0;
	color: #ff6400;
	font-family: 'TradeGothic', Arial, sans-serif;
	font-size: 22px;
	}

h2 { 
	font-family: 'TradeGothic', Arial, sans-serif;
	font-size: 22px;
	}

	#textblock h2 {
		margin: 0; padding: 3px 5px 0;
		color: #fff;
		background-color: #ff6400;		
		}

/*** style for site layout ***/

#site {
	position: relative;
	margin: 0 auto; margin-top: 10px;
	width: 990px;
	background-color: #090604;
	}

#content {
	position: relative;
	margin: 0 auto; padding: 0 15px 6px 0;
	width: 860px!important; width: 875px; height: 485px!important; height: 491px;
	}						

.about {
	position: absolute;
	top: 325px; left: 5px;
	overflow: hidden;
	padding: 6px;
	width: 468px; height: 73px;
	text-align: left;
	color: #fff;
	}

	.about h1 {
		margin: 0; padding: 0;
		font-size: 12px;
		font-weight: normal;
		color: #ff6400;
		text-transform: none;
		}

#newsitems {
	position: absolute;
	top: 5px; right: 12px;
	overflow: auto;
	padding: 6px;
	width: 610px!important; width: 610px; height: 410px;
	text-align: left;
	filter: alpha(opacity=100);
	opacity: 1;
	}

	#newsitems h2 {
		margin: 0;
		color: #ff6400;
		}

	#newsitems h3 {
		font-size: 100%;
		}		

/*** style for alert ***/

#alertbg {
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
	z-index: 50;
	filter: alpha(opacity=75);
	opacity: 0.75;
	background: #666;	
	}

	#alerttext {
		position: absolute;
		left: 0; top: 0;
		width: 100%;
		text-align: center;
		z-index: 99;
		}

		#alerttext div {
			position: relative;
			overflow: auto;
			margin: 0 auto; margin-top: 36px; padding: 12px; padding-bottom: 24px;
			width: 523px!important; width: 547px; 
			text-align: left;
			border: solid 1px #5c402c; border-right: solid 2px #5c402c; border-bottom: solid 2px #5c402c;
			background: #fff;	
			}				

.close {
	position: absolute;
	right: 12px; bottom: 6px;
	}												

/*** style for menu ***/

#menu {
	position: absolute;
	left: 0; top: 0;
	margin: 0; padding: 0;
	list-style: none;
	font-family: 'TradeGothic';
	}
			
	#menu li {
		position: absolute;
		display: block;
		behavior: url('iepngfix.htc');
		background: url('../Webmasters/Images/bg_block.png') no-repeat;
		}

		#menu li a {
			position: relative;
			display: block;
			width: 73px; height: 73px;
			color: #fff;
			}

			#menu li a:hover {
				color: #090604;
				text-decoration: none;
				background: url('../Webmasters/Images/bg_block_over.gif') no-repeat;
				}						

			#menu li a span {
				position: absolute;
				bottom: 1px; right: 3px;
				display: block;
				cursor: pointer;
				}

			#menu li a.active {
				width: 152px; height: 152px;
				}

				#menu li a.active:hover {
					background: none;
					}								
			
				#menu li a.active span {
					position: absolute;
					bottom: 2px; right: 6px;
					}																							

		#menu .block1 {
			display: none;
			}

			#menu .block1_active {
				display: none;
				  }						

			#menu .block2 {
				left: 91px; top: 12px;
				background-color: #ee1c25;
				}

				#menu .block2_active, #menu .block3_active, #menu .block4_active, #menu .block5_active,
				#menu .block6_active, #menu .block7_active, #menu .block8_active {
					left: 249px; top: 12px;
					width: 152px; height: 152px;
					text-align: right;
					font-size: 24px;
					background-color: #ee1c25;
					background-image: url('../Webmasters/Images/bg_block_large.png'); 
					background-repeat: no-repeat;
					}						

			#menu .block3 {
				left: 170px; top: 12px;
				background-color: #9e9fa3;
				}

				#menu .block3_active {
					background-color: #9e9fa3;								
					}							

			#menu .block4 {
				left: 12px; top: 91px;
				background-color: #b4d56f;
				}

			#menu .block4_active {
				background-color: #b4d56f;								
				}							

			#menu .block5 {
				left: 91px; top: 91px;
				background-color: #e8c19e;
				}

				#menu .block5_active {
					background-color: #e8c19e;
					}						

			#menu .block6 {
				left: 170px; top: 91px;
				background-color: #af8a77;
				}

				#menu .block6_active {
					background-color: #af8a77;								
					}							

			#menu .block7 {
				left: 12px; top: 170px;
				background-color: #ff6400;
				}

				#menu .block7_active {
					background-color: #ff6400;								
					}						

			#menu .block8 {
				left: 91px; top: 170px;
				background-color: #00bcf2;
				}

				#menu .block8_active {
					background-color: #00bcf2;								
					}																						
	
/*** style for submenu ***/

#submenu {
		position: absolute;
		left: 249px; top: 170px;
		margin: 0; padding: 0;
		width: 152px; height: 73px;
		text-align: right;
		list-style: none;
		border: solid 1px #ff6400; border-left: 0; border-right: 0;				
		}
           
	#submenu li {
		margin: 5px 0; padding: 0;
		}				

		#submenu li a {
			color: #fff;
			text-decoration: none;
			}					

			#submenu li a:hover {
				color: #ff6400;
				}

/*** style for textblock ***/

#textblock {
	position: absolute;
	right: 12px; bottom: 12px;
	overflow: hidden;
	width: 451px!important;width: 456px;
	height: 468px; 
	padding: 0 5px 0 0;
	text-align: left;
	}

#textblock2 {
	position: absolute;
	bottom: 12px; left: 170px;
	overflow: auto;
	text-align: left;
	width: 231px;
	}
	
#textblock_wide {
	position: absolute;
	right: 12px; bottom: 12px;
	overflow: hidden;
	width: 600px!important;width: 600px;
	height: 468px; 
	padding: 0 5px 0 0;
	text-align: left;
	}		
		
/*** style for portfolio ***/

#portfolio {
	position: absolute;
	left: 170px; top: 170px;
	overflow: auto;
	margin: 0; padding: 0 6px 0 0;
	width: 219px!important;width: 231px; 
	height: 310px;
	text-align: left;
	list-style: square;
	list-style-position: inside;	
	}

#sitename {
	position: absolute;
	left: 170px; bottom: 12px;
	margin: 0; padding: 0; padding-top: 20px;
	width: 231px; height: 73px;
	text-align: left;
	color: #fff;
	font-size: 150%;
	list-style: none;
	background: #aea097;
	}

		#sitename li {
				display: none; overflow: hidden;
				width: 194px; 
				text-align: center;
				}	

				#sitename li.up {
						position: absolute;
						top: 0; right: 0;
						display: block;
						width: 36px; height: 36px;					
						}

						#sitename li.up a {
								display: block;
								width: 36px; height: 36px;
								background: url('../Webmasters/Images/scroll_up.gif') no-repeat;
								}												

				#sitename li.down {
						position: absolute;
						bottom: 0; right: 0;
						display: block;
						width: 36px; height: 36px;
						}

						#sitename li.down a {
								display: block;
								width: 36px; height: 36px;
								background: url('../Webmasters/Images/scroll_down.gif') no-repeat;
								}							

								#sitename li.up a span, #sitename li.down a span {
										display: none;
										}

/*** style for sitedescription ***/

#sitedescription {
	position: absolute;
	top: 12px; right: 12px;
	overflow: auto;
	width: 389px; height: 468px;
	text-align: left;
	}

	#sitedescription #images {
		position: relative;
		}
			
		#sitedescription #images #screenshot {
			width: 295px;
			float: left;
			overflow: hidden;
			}
			
		#sitedescription #images #logos {
			text-align: right;
			margin-right: 1px;
			}

			.screen1 {
				margin: 0 0 6px 0;
				}

			.screen2 {
				position: absolute;
				right: 0; top: 79px;
				}

			.screen3 {
				position: absolute;
				right: 0; top: 158px;
				}																	

	#sitedescription p {
		margin: 10px 0;
		}

	#sitedescription strong {
		text-transform: uppercase;
		}										

/*** style for news ***/

.newsitem {
	position: absolute;
	top: 12px; right: 12px;
	overflow: auto;
	width: 389px; height: 468px;
	margin: 0; padding: 0; padding-right: 6px;
	text-align: left;
	}

	.newsitem dt {
		margin: 0; padding-top: 3px;				
		font-size: 75%;
		text-align: right;
		border-top: dashed 1px #5c402c;
		}

		.newsitem dt.first {
			padding: 0;
			border-top: none;
			}				
				
.title {
	text-transform: uppercase;
	font-weight: bold;
	}
			
	.newsitem dd {
		margin: 0; padding: 0;
		}

		.newsitem dd.last {
			margin-bottom: 12px;
			}

/*** style for form ***/

#form th {
	text-align: left;
	}							

/*** style for footer ***/

#footer {
	margin: 26px auto 0 auto !important; margin: 0; margin-top: 26px; padding: 0;
	width: 850px; height: 10px;	
	list-style: none;
	text-align: left;
	font-family: 'TradeGothic', Arial, sans-serif;
	font-size: 13px;		
	}

	#footer li {
		display: inline;
		margin: 0; padding: 0 5px;
		}

		#footer li a {
			color: #fff;
			}
			
/*** style for Silverlight footer ***/

#placeholder_footermenu {
	margin: 0 auto 0 60px !important; margin: 0; margin-left: 60px; padding: 0;
	}

/*** style for 10 jaar ***/

#jukebox {
	position: absolute;
	right: 12px; bottom: 12px;
	z-index: 100;
	overflow: auto;
	width: 495px; height: 468px; 
	padding: 0;
	text-align: left;
	background: url('../Webmasters/Images/bg_jukebox.jpg') left center no-repeat; 
	}	

	#placeholder_Jukebox {
		position: absolute;
		right: 92px; top: 171px;
		z-index: 900;
		margin: 0;
		width: 350px; height: 150px;
		}		

	#jukebox_overlay_top {
		position: absolute;
		right: 77px; top: 174px;
		z-index: 999;		
		display: block;
		width: 357px; height: 22px;
		background: url('../Webmasters/Images/jukebox_overlay.png') left top no-repeat; 
		}	
	
	#jukebox_overlay_right {
		position: absolute;
		right: 77px; top: 174px;
		z-index: 999;			
		display: block;
		width: 35px; height: 111px;
		background: url('../Webmasters/Images/jukebox_overlay.png') right top no-repeat; 
		}	

	#jukebox_overlay_bottom {
		position: absolute;
		right: 109px; top: 268px;
		z-index: 999;			
		display: block;
		width: 325px; height: 24px;
		background: url('../Webmasters/Images/jukebox_overlay.png') left bottom no-repeat; 
		}	
	
	#jukebox_overlay_left {
		position: absolute;
		right: 394px; top: 174px;
		z-index: 999;			
		display: block;
		width: 40px; height: 111px;
		background: url('../Webmasters/Images/jukebox_overlay.png') left top no-repeat; 
		}