/* Cafegames CSS Document */
html
{
	height:				100%; 
}


body /* normal font */
{
	color: 				#999999;
	font-family:		Arial, 
						Verdana, 
						Helvetica, 
						sans-serif;
	font-size:			11px;
	line-height:		1.4em;
	margin-top: 		0;
	margin-left: 		0;
	background-color:	#333333;
	height:				100%;
}


h1
{
	color:				#ff6633; 
	font-size:			12px; 
	font-weight:		bold;
	margin:				0px
						0px
						0px
						0px;
}

h2
{
	color:				#ff6633; 
	font-size:			12px; 
	font-weight:		bold;
	margin:				0px
						0px
						0px
						0px;
}

h3
{
	color:				#ff6633;
	font-size:			28px;
	font-family:		Verdana, Helvetica, sans-serif;
	font-weight:		700;
	margin-top:			0px;
}

p
{
	margin:				0px 
						0px 
						0px 
						0px;
}

hr
{
	height: 			1px;
	border-top: 		1px dashed #666666;
	border-bottom:		0px;
	border-left: 		0px;
	border-right: 		0px;
	margin: 			8px 
						0px 
						8px 
						0px;
}
A:link, A:visited, A:active
{
	color:				#CECECE;
	text-decoration:	none;	
	outline:			none;
}
A:focus 
{ 
	-moz-outline-style: none; 
}
A:hover
{
	color:				#CECECE;
	text-decoration:	underline;	
}
img
{
	border:				none;
	display:			block;
}


ul
{
	margin:				0px 
						0px 
						0px 
						0px;
	padding:			0px 
						0px 
						0px 
						15px;
}

li
{
	color:				#ff5511;
	line-height:		1.5em;
	margin:				0px 
						0px 
						0px 
						0px;
	padding:			0px 
						0px 
						0px 
						10px;

}
.litext
{
	color:				#999999;
}
div#overallcontainer
{
	top:				8px;
	margin-left:		auto;
	margin-right:		auto;
	width:				965px;
	clear:				both;
	position:			relative;
	z-index:			0;
}


div#header
{
	background-color:	#ff6633;
	width:				965px;
	height:				49px;
	
}

div#sitecontainer
{
	top:				8px;
	position:			relative;
	width:				965px;
	height:				558px;
	background-image:  	url(../images/container_background.jpg);
	background-repeat:	repeat-x;
	z-index:			10;
}


div#contentcontainer
{
	top:				0px;
	left:				189px;
	position:			absolute;
	width:				590px;
	height:				479px;
	color:				#ffffff;
	background-image:  	url(../images/content_background.jpg);
	background-repeat:	no-repeat;
	z-index:			1;
}

div#search
{
	position:			absolute;
	top: 				59px;
	left: 				4px;
}

div#search_form_background
{
	position:			absolute;
	top:				0px;
	left:				24px;
	width: 				135px;
   	height:				20px;	
	background-image: 	url(../images/zoekveld.jpg);
	background-repeat:	no-repeat;
	z-index:			50;
}

#custom_search_field
{
	position:			absolute;
	top:				4px;
	left:				5px;
	width: 				115px;
   	height:				15px;	
	border:				0px;
	padding: 			0px 
						0px 
						0px 
						0px;
    margin: 			0px 
						0px 
						1px 
						5px;
	font-family: 		Arial, Verdana, Helvetica;
	
	font-size: 			11px;
	color: 				#666666;

	
}
#custom_search_button
{
	position:			absolute;
	border:				0px;
	float:				left;
	top:				28px;
	left:				80px;
	width: 				50px;
	height: 			22px;
	padding: 			0px 0px 0px 0px;
    margin: 			0px 0px 0px 5px;
	background-color:	#b2b2b2;
	font-family: 		Helvetica, Verdana, Arial;
	font-weight: 		bold;
	font-size: 			10px;
	color: 				#000000;
	background-image: 	url(../images/zoekbutton.jpg);
	
}
div#content
{
	top:				59px;
	left:				0px;
	position:			absolute;
	z-index:			25;
	color:				#999999;
	
}

div#content_left
{
	top:				0px;
	left:				6px;
	position:			absolute;
	z-index:			30;
	color:				#999999;
	width:				287px;
	height:				414px;
	
}
div#content_right
{
	top:				0px;
	/*left:				333px;*/
	left:				309px;
	position:			absolute;
	z-index:			30;
	color:				#999999;
	width:				275px;
	/*width:			212px;*/
	height:				414px;
	overflow:			hidden;
}


div#text_left
{
	left:				30px;
	width:				231px;
	height:				414px;
	text-align:			justify;
	position:			absolute;
	
}
div#scrollunit
{
	left:				14px;
	width:				235px;
	height:				414px;
	overflow:			hidden;	
	position:			absolute;
	text-align:			justify;
}



div#scrollLinks
{
	visibility:			hidden;
}
div#scrollUp
{
	top:				59px;
	right:				6px;
	position: 			absolute;
	z-index:			30;
}
div#scrollDown
{
	bottom:				6px;
	right:				6px;
	position: 			absolute;
	z-index:			30;
}
div#footer
{
	top:				12px;
	position:			relative;
	width:				965px;
	font-size:			11px;
	color:				#999999;
}
#footer  A:link {text-decoration: none; color: #999999;}
#footer  A:visited {text-decoration: none; color: #999999;}
#footer  A:active {text-decoration: none; color: #999999;}
#footer  A:hover {text-decoration: none; color: #ffffff;}		

#inventeers A:link {text-decoration: none; color: #f16333;}
#inventeers A:visited {text-decoration: none; color: #f16333;}
#inventeers A:active {text-decoration: none; color: #f16333;}
#inventeers A:hover {text-decoration: underline; color: #f16333;}

div#menu
{
	top:				0px;
	position:			absolute;
	width:				965px;
	height:				42px;
	color:				#999999;
	background-repeat:	no-repeat;
	background-image:  	url(../images/menu_background.jpg);
	padding:			0px
						0px
						0px
						0px;
	margin:				0px
						0px
						0px
						0px;	
	z-index:			30;
}

#uppermenu
{
	font-weight:		700;
	font-size:			12px;
	left:				195px; 
	width:				578px; 
	height:				21px;
	top:				0px;
	position:			absolute; 
	line-height:		21px;
	background-image:	url(../images/menu_main_slice.jpg);
	background-repeat:	repeat-x;
	padding:			0px
						0px
						0px
						0px;
	margin:				0px
						0px
						0px
						0px;				
	z-index:			40;
}
#uppermenu_table
{
	padding:			0px
						0px
						0px
						0px;
	margin:				0px
						0px
						0px
						0px;		
	width:				100%;
}

.inactive_uppermenu_cell a:link 		{ color: #666666; text-decoration: none; }
.inactive_uppermenu_cell a:visited	{ color: #666666; text-decoration: none; }
.inactive_uppermenu_cell a:active	{ color: #666666; text-decoration: none; }
.inactive_uppermenu_cell a:hover		{ color: #666666; text-decoration: none; }

.active_uppermenu_cell a:link 		{ color: #000000; text-decoration: none; }
.active_uppermenu_cell a:visited		{ color: #000000; text-decoration: none; }
.active_uppermenu_cell a:active		{ color: #000000; text-decoration: none; }
.active_uppermenu_cell a:hover		{ color: #000000; text-decoration: none; }


.inactive_uppermenu_cell
{
	font-family:		Arial, 
						Helvetica, 
						Verdana,
						sans-serif;
	text-transform:		uppercase;
	height:				21px;
	vertical-align:		center;
	text-align:			center;
	line-height:		21px;
	padding:			0px 
						12px
						0px
						12px;	
	border-right:		1px solid #848484; 
	color:				#666666;
	cursor:				pointer;
	cursor:				hand;
}
.active_uppermenu_cell
{
	font-family:		Arial, 
						Helvetica, 
						Verdana,
						sans-serif;
	text-transform:		uppercase;
	height:				21px;
	vertical-align:		center;
	text-align:			center;
	line-height:		21px;
	padding:			0px 
						12px
						0px
						12px;	
	border-right:		1px solid #848484; 
	color:				#000000;
	cursor:				pointer;
	cursor:				hand;	
}
#lowermenu
{
	left:				195px; 
	width:				578px; 
	height:				21px; 
	top:				21px;
	position:			absolute; 
	font-size:			12px; 
	font-weight:		700;
	background-color:	#797979; 
	color:				#ffffff;
	z-index:			35;
}
#lowermenu_table
{
	padding:			0px
						0px
						0px
						0px;
	margin:				0px
						0px
						0px
						0px;		
	width:				100%;
}

.inactive_lowermenu_cell a:link 		{ color: #FFFFFF; text-decoration: none; }
.inactive_lowermenu_cell a:visited	{ color: #FFFFFF; text-decoration: none; }
.inactive_lowermenu_cell a:active	{ color: #FFFFFF; text-decoration: none; }
.inactive_lowermenu_cell a:hover		{ color: #FFFFFF; text-decoration: none; }

.active_lowermenu_cell a:link 		{ color: #FFFFFF; text-decoration: none; }
.active_lowermenu_cell a:visited		{ color: #FFFFFF; text-decoration: none; }
.active_lowermenu_cell a:active		{ color: #FFFFFF; text-decoration: none; }
.active_lowermenu_cell a:hover		{ color: #FFFFFF; text-decoration: none; }

.inactive_lowermenu_cell
{
	height:				21px;
	vertical-align:		center;
	text-align:			center;
	line-height:		21px;
	padding:			0px 
						12px
						0px
						12px;	
	color:				#FFFFFF;
	cursor:				pointer;
	cursor:				hand;
}
.active_lowermenu_cell
{
	height:				21px;
	vertical-align:		center;
	text-align:			center;
	line-height:		21px;
	padding:			0px 
						12px
						0px
						12px;	
	color:				#FFFFFF;
	cursor:				pointer;
	cursor:				hand;	
	background-color:	#333333;	
}

#search_all_details
{
	width: 				563px;
	padding:			0px 0px 0px 0px;
    margin: 			5px 0px 0px 15px;
	font-family: 		Arial, Verdana, Helvetica;
	font-weight:		normal;
	font-size: 			11px;
	color: 				#999999;
	position:			relative;
	float: 				left;
	border: 			0px;
	border-style: 		solid;
	/*border-color: 		#aaaaaa;*/
}

table.search_all_details td {
	color: #999999;
}

/*
#search_all_details  A:link {color: #D0D0D0;}
#search_all_details  A:visited {color: #D0D0D0;}
#search_all_details  A:active {color: #666666;}
#search_all_details  A:hover {color: #666666	;}		

	
#search_all_details_article a:link   {color: #FFFFFF;font-weight:bold;}
#search_all_details_article a:visited {color: #FFFFFF;font-weight:bold;}
#search_all_details_article a:active  {color: #D0D0D0;font-weight:bold;}
#search_all_details_article a:hover {color: #D0D0D0;font-weight:bold;}		

*/