
body{
	font-family:		Verdana, sans-serif;
	background:			#ffffff;
	padding:			0px;
	margin:				0px;

	scrollbar-arrow-color:			#2b1256;
	scrollbar-base-color:			#ffffff;
	scrollbar-dark-shadow-color:	#ffffff;
	scrollbar-3dlight-color:		#2b1256;
	scrollbar-face-color:			#ffffff;
	scrollbar-highlight-color:		#ffffff;
	scrollbar-shadow-color:			#ffffff;
	scrollbar-darkshadow-color:		#2b1256;
}

h1 {
	font-size:			16px;
}

h3 {
	font-size:			14px;
}

h4 {
	font-size:			12px;
}

a {	
	font-size:			12px;
}

/* Main outer positioning div */
#poststamp_border {
	position:			relative;
	background:			#ffffff;
	margin:				auto;
	width:				889px;
	height:				580px;

}

	/* Header image */
	#header_positioner {
		position:		relative;
		margin:			auto;
	}

	/* Menu buttons */
	#button_school {
		position:		absolute;
		left:			0px;
	}
	#button_lessen {
		position:		absolute;
		left:			127px;
	}
	#button_agenda {
		position:		absolute;
		left:			254px;
	}
	#button_nieuws {
		position:		absolute;
		left:			381px;
	}
	#button_fotos {
		position:		absolute;
		left:			508px;
	}
	#button_personeel {
		position:		absolute;
		left:			635px;
	}

	/* Menu's */
	a.menu_link {
		color:			#000000;
		font-size:		10px;
		letter-spacing:	-1px;
		text-decoration:none;
	}
	a.menu_link:hover {
		text-decoration:underline;
	}

	#menu_school, #menu_lessen {
		position:		absolute;
		top:			152px;
		width:			126px;
	}
	#menu_school {
		left:			0px;
	}
	#menu_lessen {
		left:			127px;
	}
		.menu_table{
			width:			126px;
		}
		.menu_school_item, .menu_lessen_item,
		.menu_td_2, .menu_td_3, .menu_td_4, .menu_td_5, .menu_td_6, .menu_td_7 {
			height:			24px;
			padding-left:	4px;
		}
		.menu_school_item {
			background:		#fbe8ca;
		}
		.menu_lessen_item {
			background:		#dbf9bb;
		}

		.menu_td_2 {
			background:		#fbe8ca;
		}
		.menu_td_3 {
			background:		#dbf9bb;
		}
		.menu_td_4 {
			background:		#c0eafe;
		}
		.menu_td_5 {
			background:		#ff97d6;
		}
		.menu_td_6 {
			background:		#fff5a4;
		}
		.menu_td_7 {
			background:		#ffaa95;
		}

	/* General styles */
	#two_col_0, #two_col_1, #three_col_0, #three_col_1, #three_col_2,
	#two_col_0_wide, #two_col_1_wide
	{
		font-size:		12px;
		line-height:	16px;

		text-align:		left;
	}

	/* 2 Column style */
	#two_col_0, #two_col_0_wide {
		position:		absolute;

		width:			253px;
		height:			404px;

		left:			0px;
		top:			152px;

		padding-top:	48px;

		overflow:		auto;
	}
	#two_col_1, #two_col_1_wide {
		position:		absolute;

		width:			507px;
		height:			404px;

		left:			254px;
		top:			152px;

		padding-top:	48px;
		padding-right:	20px;

		overflow:		auto;
	}
	#two_col_0_wide {
		width:			126px;
	}
	#two_col_1_wide {
		left:			127px;
		width:			634px;
	}

	/* 3 collumn style */
	#three_col_0 {
		position:		absolute;

		width:			126px;
		height:			404px;

		left:			0px;
		top:			152px;

		padding-top:	48px;

		overflow:		auto;
	}
	#three_col_1 {
		position:		absolute;

		width:			126px;
		height:			404px;

		left:			127px;
		top:			152px;

		padding-top:	48px;

		overflow:		auto;
	}
	#three_col_2 {
		position:		absolute;

		width:			507px;
		height:			404px;

		left:			254px;
		top:			152px;

		padding-top:	48px;
		padding-right:	20px;

		overflow:		auto;
	}

	/* 'Search' box on the right */
	#right_box {
		position:		absolute;
		width:			127px;
		height:			428px;
		right:			0px;
		top:			128px;

		background:		#cec8e0;
	}
		#search_items {
			position:		absolute;
			top:			66px;
			left:			2px;

			font-size:		10px;
			text-align:		left;
		}
			#search_items input.text_normal, #search_items input.text_last {
				border:			1px solid black;
				width:			105px;
				height:			14px;

				margin-bottom:	16px;
			}
			#search_items input.text_last {
				margin-bottom:	6px;
			}
			#search_items input.submit_image {
			}
		#search_image {
			position:		absolute;
			bottom:			0px;
			left:			0px;
		}

	/* Colored footers */
	#footer_school, #footer_school_plain {
		position:		absolute;
		left:			0px;
		bottom:			0px;

		background:		#F7A501;
		width:			126px;
		height:			24px;
	}
		#footer_school_plain {
			background:		#ffffff;
		}
	#footer_lessen, #footer_lessen_plain {
		position:		absolute;
		left:			127px;
		bottom:			0px;

		background:		#99ff32;
		width:			126px;
		height:			24px;
	}
		#footer_lessen_plain {
			background:		#ffffff;
		}
	#footer_agenda, #footer_agenda_plain {
		position:		absolute;
		left:			254px;
		bottom:			0px;

		background:		#68ccfe;
		width:			126px;
		height:			24px;
	}
		#footer_agenda_plain {
			background:		#2b1256;
		}
	#footer_nieuws, #footer_nieuws_plain {
		position:		absolute;
		left:			381px;
		bottom:			0px;

		background:		#e20085;
		width:			126px;
		height:			24px;
	}
		#footer_nieuws_plain {
			background:		#2b1256;
		}
	#footer_fotos, #footer_fotos_plain {
		position:		absolute;
		left:			508px;
		bottom:			0px;

		background:		#ffe401;
		width:			126px;
		height:			24px;
	}
		#footer_fotos_plain {
			background:		#2b1256;
		}
	#footer_personeel, #footer_personeel_plain {
		position:		absolute;
		left:			635px;
		bottom:			0px;

		background:		#ff3300;
		width:			126px;
		height:			24px;
	}
		#footer_personeel_plain {
			background:		#2b1256;
		}
	#footer_right {
		position:		absolute;
		left:			762px;
		bottom:			0px;

		background:		#2b1256;
		width:			127px;
		height:			24px;
	}
	/* Plain footers */

	/* Portal page specifics */
	#portal_main_description {
		font-family:		Arial, sans-serif;
		letter-spacing:	0px;
		line-height:	12px;
		font-size:		10px;
		margin:			0px;
		overflow:		auto;
	}
		#portal_main_description a {
			font-size:		11px;
		}
	#portal_bottom_left_content,
	#portal_bottom_right_content {
		display:		block;
		float:			left;
		width:			253px;
		height:			115px;

		padding:		0px;
		margin:			5px 0px 0px 0px;
	}
		#portal_bottom_left_content {
		}
		#portal_bottom_right_content {
			line-height:	10px;
		}
			#portal_bottom_right_content p {
				margin:			0px;
				padding:		0px;
			}

			#portal_bottom_right_content ul {
				margin:			4px auto 10px 16px;
			}
				#portal_bottom_right_content ul li {
					margin:			2px 0px 2px 0px;
				}

	/* Gallery */
	.gallery_container {
		position:		relative;
		margin-top:		-35px;
	}
		.gallery_container br {
			clear:			left;
		}
		.gallery_container .header,
		.gallery_container .header_wide {
			float:			left;
			background:		#ffe401;
			width:			126px;
			height:			24px;

			padding:		0px;
			margin:			0px;
			padding-left:	4px;
			padding-top:	4px;
		}
			.gallery_container .header_wide {
				width:			380px;
			}
		.gallery_container .header_spacer {
			float:			left;
			background:		#ffffff;
			width:			1px;

			padding:		0px;
			margin:			0px;
		}
		.gallery_container .image,
		.gallery_container .image_spacer {
				float:			left;
				height:			106px;
		}
			.gallery_container .image {
				background:		#ffffff;
				width:			126px;
				
				padding:		0px;
				margin:			0px;
			}
				.gallery_container .image .image_pos {
					width:			100%;
					height:			100%;
				}
				.gallery_container .image p {
					font-size:		10px;
					font-weight:	700;
					padding:		0px;
					margin:			4px;
				}
			.gallery_container .image_spacer {
				background:		#ffe401;
				width:			1px;
			}
		.gallery_container .footer_line {
			float:			left;
			background:		#ffe401;
			width:			127px;
		}

		.gallery_container .footer {
			width:			500px;
			float:			left;
			padding:		0px;
			margin:			0px;
			margin-top:		4px;
			font-size:		11px;
		}
		.gallery_container a {
			color:			#000000;

		}

	#album_overview {
		position:		absolute;
		left:			508px;
		top:			13px;
		width:			126px;
	}
		.album_overview_item {
			background:		#fefce3;
			float:			left;
			width:			126px;
			height:			24px;

			padding-top:	2px;
			padding-left:	2px;
			margin-bottom:	1px;
		}

		.album_overview_item a {
			color:			black;
			text-decoration:none;
			font-size:		10px;
		}
			.album_overview_item a:hover {
				text-decoration:underline;
			}
			.album_overview_item a.selected {
				text-decoration:underline;
			}

	/* Bread Crumbs */
	.breadcrumbs {
		color:			#f4a500;
		word-spacing:	6px;
	}
		.breadcrumbs a, .breadcrumbs font {
			font-size:		10px;
			color:			black;
			text-decoration:none;
		}
		.breadcrumbs a.first, .breadcrumbs font.first {
			color:		#f4a500;
		}
			.breadcrumbs a:hover {
				text-decoration:underline;
			}



.mod_custom_text {
	font-family:		Arial, sans-serif;
}

.tdinput {
    padding:            4px 4px 10px 4px;
}
.tdvalue input {
    width:              200px !important;
    border:             1px solid black;
}


