/* ___________________________________

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

_________________________________________ */

/* --------------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------- ALGEMEEN ---------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------------------*/
	* {
		margin: 0;
		padding: 0;

		outline-style: none; /*firefox hack*/
	}

	html, body {

		background-color: #8ca5cd;

		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;
	}

/*	a:link { }
	a:visited { }
	a:hover { }
	a:active { } */

	.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 {

		position: relative;
		width: 790px;

		text-align: left;

		margin: 0 auto;
	}

	/* nodig voor aangepaste table-trick. IPV met tables bekomen we dit met css door de footer onderaan de file te zetten, maar 
	met css absoluut bovenaan te zetten. De header heeft een standaard hoogte ( hier 260 px ) en als we dan de echte inhoud een margin-top
	van 260 meegeven, staat alles ogenschijnlijk op de goede plaats, maar google ziet de header onderaan de pagina, en de inhoud veel verder naar voor */

	#main_header{
		position: absolute;
		top: 0;
		left: 0;
	}

	#main_content{
		padding-top: 260px; /* niet margin, want daar kan firefox niet goed mee overweg. padding werkt in alles */
	}



/* -----------------------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------- TABLES EN BORDERS ---------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------------*/

	.corner{
		width: 15px;
		height: 15px;

		/*border: 1px solid #FFF;*/
	}

	.corner_topLeft{ background: #8ca5cd url("images/corner_topLeft.gif") top left no-repeat; font-size: 0.2em;  }
	.corner_topRight{ background: #8ca5cd url("images/corner_topRight.gif") top left no-repeat; font-size: 0.2em;  }
	.corner_bottomLeft{ background: #8ca5cd url("images/corner_bottomLeft.gif") top left no-repeat; font-size: 0.2em;  }
	.corner_bottomRight{ background: #8ca5cd url("images/corner_bottomRight.gif") top left no-repeat; font-size: 0.2em;  }

	.side_top{background: #8ca5cd url("images/side_top.gif") top left repeat-x; height: 15px; font-size: 0.2em; }
	.side_left{background: #8ca5cd url("images/side_left.gif") top left repeat-y; width: 15px; font-size: 0.2em;  }
	.side_right{background: #8ca5cd url("images/side_right.gif") top left repeat-y; width: 15px; font-size: 0.2em;  }
	.side_bottom{background: #8ca5cd url("images/side_bottom.gif") top left repeat-x; height: 15px; font-size: 0.2em;  }

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

	.side{
		background-color: #000;
	}

/* -----------------------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------- HEADER ---------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------------*/
#nu_inschrijven_header{
	position: absolute; 
	bottom : 0px; 
	left : 0px;

	padding: 5px;
}

#contact_header{
	position: absolute; 
	bottom : 0px; 
	right : 0px;

	padding: 5px;
}

#header_image{
	position: relative; 
	width: 548px; 
	height: 229px; 
	
	background: url('images/header.jpg');
}

#header_left{
	width: 186px; 
	height: 229px;
	/* staan voor alles op 0, maar toch geeft hij rare dingen bij deze header als je ze weglaat */
	padding: 0;
	margin: 0;
}

/* ----------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------- MENU ---------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------*/

	#menu_title{
		padding-left: 20px;
		font-size: 1.4em;
		font-weight: bold;
	}

	/* MAIN CATEGORIES */
	ul#menu{
		list-style: disc url("images/pijltje.gif") inside;

		vertical-align: middle;
		
		padding: 10px 20px 10px 10px;

		min-width: 156px;
	}

	ul#menu li{
		font-size: 1.5em;
		line-height: 1.4em;

		padding-left: 3px;
	}

	ul#menu li a{
		color: #000;
		text-decoration: none;
	}

	ul#menu li a:hover{
		color: #00F;
		text-decoration: underline;
	}



	/* SUBCATEGORIES */
	ul#menu ul{
		margin: 2px 0 5px 0;
	}

	ul#menu ul li{
		list-style: none none inside;
		font-size: 1.2em;
		line-height: 1.4em;

		padding-left: 20px;
	}

	/* CURRENTLY SELECTED MENU ITEMS */

		/* main categories */
		ul#menu li a.current{
			color: #00F;
		}

		/* subcategories */
		ul#menu ul li a.current{
			font-weight: bold;
		}

	#breadCrumbs{
		padding-left: 20px;
	}


	#font_resize a, #font_resize a:link, #font_resize a:visited, #font_resize a:active{
		color: #000;
	}

	#font_resize a:hover{
		color: #FFF;
	}

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

h1.main_title{
	background: #999;/*#9faab0;*/
	color: #FFF;

	padding: 7px;
	margin: 5px;

	font-size: 1.4em;
}

.inhoud
{
	padding: 5px 15px;
	font-size: 1.0em;

	min-width: 520px;
}

.inhoud img{
	margin: 4px 4px 2px 4px;
}

.inhoud ul, .inhoud ol{
	margin: 5px 10px;
}

img.left{
	float: left;
	margin: 2px 10px 5px 2px;

	border: 4px solid #FFF;
}

img.right{
	float: right;
	margin: 2px 2px 5px 10px;

	border: 4px solid #FFF;
}

#back_to_top{
	float: left;
	padding: 5px;
}

#nu_inschrijven_content{
	float: right;
	padding: 5px;

}

/* -------------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------- 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: 500px;
	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{
	
}

/* -------------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------- FOOTERS ---------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------------*/

#footer_left{
	margin-left: 10px;
}

#footer_left #logo_halen{
	float: left;
}

#footer_left #tekst{
	float: left; 
	text-align: center; 
	padding-top: 22px; 
	padding-left: 3px; 
	font-size: 0.9em;
}

#footer_right{
	margin-left: 10px;
	text-align: center;
}