/* ___________________________________

\\ This system/site was made by:
\\ marx_robin@hotmail.com
\\ http://www.bellerophon.be/robin

_________________________________________ */

/* --------------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------- ALGEMEEN ---------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------------------*/

	*
	{
		padding:0;
		margin:0;
	}

	html, body
	{
		background-color: #000;

		margin: 0;
		padding: 0;
		height: 100%;
		width: 100%;

		text-align: center;
		font-size: 0.9em;
		font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
		color: #000;

		line-height: 1.2em;
	}

	img{
		border: none;
	}

	table{
		border-collapse: collapse;
	}

	.txt_small{
		font-size: 0.8em;
	}

	.txt_norm{
		font-size: 1.0em;
	}	

	.txt_big{
		font-size: 1.2em;
	}

	.align_right{
		text-align: right;
	}

	.align_center{
		text-align: center;
	}

	.highlight{
		font-weight: bold;
	}

	.clearer
	{
		clear: both;
	}


/* -------------------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------- PAGINA OPBOUW ---------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------------------*/


	#container
	{
		margin-bottom: -100px;
	}

	.center_container
	{
		width:704px;
		text-align:left;
		margin:0 auto;
	}

	.clearer
	{
		clear: both;
	}

	img
	{
		border: 0px;
	}

		.outer
		{
			color: #FFF;
		}

		.outer a, .outer a:link, .outer a:visited, .outer a:active{
			color: #FFF;
		}

		.outer a:hover{
			color: #FFF;
			text-decoration: none;
		}

/* -----------------------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------- HEADER ---------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------------*/


	#bodybg_top
	{
		text-align: center;
		background: url('images/bodybg_top.jpg') top left repeat-x #6d0502;
		height: 114px;
		/*padding-bottom:20px;*/
	}

		#outer_header
		{
			height: 50px;
			padding-top: 25px;
		}

/* -----------------------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------- CONTENT ---------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------------*/

	#bodybg_middle
	{
		text-align:center;
		background: url('images/bodybg_middle.jpg') top left repeat-x #6d0502;
	}

	#content
	{
		background:#FFF;
		border:2px solid #CCC;
		position:relative;
		top:-64px;
		z-index:10;
	}

		#inner_header
		{
			height: 188px;
		}

			#contact_data
			{
				float: left;
				text-align: right;

				height: 60px;
				width: 195px;

				font-size: 0.85em;
				line-height: 1.3em;

				padding: 0 3px 0 0;

			}

			#logo
			{
				float: left;
				background: url('images/logo.jpg') top left no-repeat #000;

				width: 483px;
				height: 60px;
			}

			.bicolor_line
			{
				/*width: 100%;*/
				height: 4px;
				width: 690px;
				margin-left: 5px;

				background: url('images/bicolor_line.gif') top left repeat-x #FFF;

				font-size: 2px; /* IE 6.0 */
			}

			#banner
			{
				background: url('images/header_banner.jpg') top left no-repeat #FFF;
				height: 124px;
				width: 690px;

				margin-left: 5px;
			}

		#menu_table
		{
			margin: 5px 5px 0 5px; 
			text-align: center;
			border-collapse: collapse;

			width: 690px;
			border-bottom: 5px solid #000;
		}

			#menu_row
			{
				height: 50px;
				background: url('images/menu_bg.jpg') top left repeat-x #000;
				color: #FFF;
				font-weight: bold;
				font-size: 1.2em;
				
			}

			.menu_item
			{
				cursor: hand;

				border-right: 2px solid #393939;
				border-left: 2px solid #484848;
			}

				.menu_item a
				{
					text-decoration: none;
					color: #FFF;

					display: block;
					width: 100%;
					height: 33px;

					padding-top: 20px;
				}

				.menu_item a:link, .menu_item a:visited, .menu_item a:active
				{
					color: #FFF;
					background-color: none;
				}

				.menu_item a:hover
				{
					background: url('images/menu_selected_bg.jpg') top left repeat-x #F00;
				}

		#content_text
		{
			padding: 10px;
			color: #000;
		}

			#column_left
			{
				position: relative; /* IE 6.0 */

				float: left;
				width: 170px;

				border: 2px solid #FFF;
			}

				#column_left_header
				{
					color: #FFF;
					font-size: 0.9em;

					height: 25px;
					padding-top: 25px;
					padding-left: 5px;

					background: url('images/menu_selected_bg.jpg') top left repeat-x #F00;
				}

				.sidemenu_bigitem
				{
					height: 75px;
					background: url('images/sidemenu_bigitem_bg.jpg') top left repeat-x #FFF;
				}

					.sidemenu_icon
					{
						height: 50px;
						width: 50px;
						margin-top: 12px;
						margin-left: 7px;

						float: left;
					}

					.sidemenu_link
					{
						float: left;
						width: 100px;

						margin-top: 20px;
						padding-left: 10px;
					}

					.sidemenu_link a
					{
						/*float: left;

						width: 100px;*/
						color: #000;
						text-decoration: none;

						font-size: 1.3em;

						/*display: block;*/
					}

					.sidemenu_link a:hover
					{
						color: #F00;
					}

			#column_right
			{
				position: relative; /* IE 6.0 */

				float: left;
				width: 480px;

				padding: 10px;
				padding-left: 15px;
			}

				#column_right p
				{
					text-align: justify;
				}

				#column_right h1
				{
					color: #cc0202;
					margin: 10px 3px 15px 5px;

					font-size: 1.5em;
				}

				#column_right a
				{
					color: #F00;
					text-decoration: underline;
				}

				#column_right a:hover
				{
					text-decoration: none;
				}

				.borderimg
				{
					border: 4px solid #a2a2a2;
					margin: 15px 7px;
				}

/* -----------------------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------- FOOTER ---------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------------*/

	#bodybg_bottom
	{
		text-align:center;
		background: url('images/bodybg_bottom.jpg') top left repeat-x #000;	
		height:60px;
		position:relative;
		top:-104px;
		padding-top:50px;

		margin-bottom: -100px;
	}

		#outer_footer
		{
			text-align: center;
			width: 100%;
		}

	#content_borders
	{
		border: 5px solid #FFF;
		border-style: none solid;	
	}

/* -------------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------- FORMS ---------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------------*/

.formStyle1 input, .formStyle1 textarea, .formStyle1 select{
	float: left;
	border: 1px solid #999;
	padding: 3px;
	width: 160px;
	margin-bottom: 10px;
	background-color: #FFF;
}

.formStyle1 textarea{
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	height: 200px;
}

.formStyle1 label{
	float: left;
	padding: 3px;
	width: 135px;
	text-align: right;
	clear: left;
}

.formStyle1 .button{
	background-color: #FFF;
	width: 250px;

	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;

	cursor: pointer;
}


.formStyle2 input, .formStyle2 textarea, .formStyle2 select{
	/*float: left;*/
	border: 1px solid #999;
	padding: 3px;
	width: 400px;
	margin-bottom: 10px;
	margin-top: 10px;
	background-color: #FFF;
}

.formStyle2 select{
	width: 50%;
}

.formStyle2 textarea{
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
	/*height: 500px;*/
	height: 120px;
}

.formStyle2 label{
	/*float: left;*/
	
	/*width: 100px;*/
	/*text-align: right;*/
	/*clear: left;*/
}

.formStyle2 .button{
	background-color: #FFF;
	width: 250px;

	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;

	cursor: pointer;
}

.formStyle2 .checkbox{
	width: 30px;
	/*background-color: #ffff03;*/
	border: none;
	margin: 0;
	margin-right: 5px;
	padding: 0;

	outline-style: none;
}

.formStyle2_radio label{
}

.formStyle2_radio input{
	
}

.formStyle2 .box{
	border: 2px solid #FFF;

	background: #ffff03 url("images/content_bg.jpg") top left repeat-x;

	padding: 10px;
	margin: 10px;
}

.formStyle_editPage input, .formStyle_editPage textarea, .formStyle_editPage select{
	/*float: left;*/
	border: 1px solid #999;
	padding: 3px;
	width: 450px;
	margin-bottom: 10px;
	margin-top: 10px;
	background-color: #FFF;
}

.formStyle_editPage textarea{
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
	height: 500px;
}

.formStyle_editPage label{
	/*float: left;*/
	
	/*width: 100px;*/
	/*text-align: right;*/
	/*clear: left;*/
}

.formStyle_editPage .button{
	background-color: #FFF;
	width: 250px;

	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;

	cursor: pointer;
}

.formStyle_editPage .checkbox{
	width: 30px;
	background-color: #ffff03;
	border: none;
	margin: 0;
	margin-right: 5px;
	padding: 0;

	outline-style: none;
}

.formStyle_editPage_radio label{
}

.formStyle_editPage_radio input{
	
}