@charset "iso-8859-1";

* {
	margin: 0;
	padding: 0;
	}

html, body {
	color: #000;
	/* \*/ height: 100%; /* IE MAC ignores */
	} 
body {
	/* \*/ height: 100%; /* IE MAC ignores */
	font-size: 100.1%;
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0;
	min-width: 1000px;
	} 
* html body {
	margin: 0;
	behavior: url("/style/csshover.htc");
}
table {
	font-size: 11px;
	line-height: 13pt;
}
#wrap {
	margin: 0;
	position: relative;
	height: 100%;
	font-size: 11px;
	text-align: center;
	}
#middle {
	position: relative;
	height: auto;
	width: 1000px;
	min-height: 100%; 
	background: white;
	margin: 0 auto;
	text-align: left;
	background-image: url("/images/design/bg.gif");
	background-repeat: no-repeat;
}
* html #middle {
	/* \*/ height: 100%; /* IE MAC ignores */
	}
/** common **/
.clearer {
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}
/** elements **/
#header {
	width: 1000px;
	height: 57px;
	background-color: #1A171B;
}
#logo, #logo_am, #logo_ut, #logo_dh {
	position: absolute;
	display: block;	
	left: 639px;
	top: 71px;
	height: 100px;
	width: 350px;
	background-image: url("/images/design/logo.gif");
}
#logo_am {
	background-image: url("/images/design/logo_amsterdam.gif");
}
#logo_ut {
	background-image: url("/images/design/logo_utrecht.gif");
}
#logo_dh  {
	background-image: url("/images/design/logo_den_haag.gif");
}
#menu_pic1 {
	position: absolute;
	display: block;
	left: 38px;
	top: 207px;
	height: 114px;
	min-height: 1%;
	width: 134px;
}
#menu_pic2 {
	position: absolute;
	display: block;
	left: 38px;
	top: 339px;
	height: 114px;
	min-height: 1%;
	width: 134px;
}
#menu_pic3 {
	position: absolute;
	display: block;
	left: 38px;
	top: 471px;
	height: 114px;
	min-height: 1%;
	width: 134px;
}
#menu_pic4 {
	position: absolute;
	display: block;
	left: 38px;
	top: 603px;
	height: 132px;
	min-height: 1%;
	width: 134px;
}

#left_column {
	float: left;
	width: 750px;
	margin-top: 150px;
}
html>body #minheight{
	float:right;
	width:0px;
	height:678px;
}
#right_column {
	padding-top: 157px;
	float: right;
	width: 247px;
}
/** menu **/
#menu
{
	position: relative;
	background: #fff;
	min-height: 478px;
	padding-bottom: 43px;
}
* html #menu {
	height: 521px;
}
#to_home {
	position: absolute;
	bottom: 20px;
	left: 19px;
}
#to_home a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	font-size:11px;
}
#to_home a:hover {
	color: #4FA600;
}
#menu ul, #menu ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
#menu ul
{
	position: relative;
	padding: 0;
}
#menu ul li
{
	position: relative;
	margin-bottom: 9px; 
	/* \*/ margin-bottom: 0px; /* IE MAC ignores */
}
#menu ul li a
{
	position: relative;
	display: block;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 0px 21px 19px;
}
* html #menu ul li a /* hide from IE5.0/Win & IE5/Mac */
{
	/* \*/ height: 1%; /* IE MAC ignores */
}
* html #menu ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}
#menu ul li a
{
	color: #000;
	font-size:11px;
}
#menu ul li a:hover, #menu ul li #current_main
{
	color: #4FA600;
}
#menu ul li:hover a
{
		color: #4FA600;
}
#menu ul li:hover ul a
{
		color: #000;

}


	#menu ul ul, #menu li:hover ul ul {
		/* \*/ display:none; /* IE MAC ignores */
	}
	#menu ul ul, #menu li:hover ul ul {
		padding: 0; 
		/* \*/ 	padding: 35px 0 25px 0; /* IE MAC ignores */
	}
	#menu ul ul li {
		margin-bottom: 0px;
		/* \*/ 	margin-bottom: 5px; /* IE MAC ignores */
	}
	#menu ul ul li a {
	position: relative;
	display: block;
		padding: 2px 7px 3px 3px;
		background: #4FA600;
		color: #000;
		text-align: right; 
		font-size:10px;
	}
	#menu ul ul li a:hover {
		color: #FFF;
	}
	#menu li {
		position:relative;
		z-index:9;
		border-bottom: 2px solid #fff;
	}
		#menu li.folder	{ padding-bottom: 0px; }		
		#menu li.folder	{ }		
		#menu li.folder ul {
		/* \*/ position:absolute; /* IE MAC ignores */
		margin-top: -16px;
		/* \*/ 	margin-top: 0; /* IE *//* IE MAC ignores */
		margin-left: -110px;
		/* \*/ 	margin-left: 0; /* IE *//* IE MAC ignores */
		/* \*/ 	left:-111px; /* IE *//* IE MAC ignores */
		/* \*/ 	top:0px; /* IE MAC ignores */
			width: 111px;
		}		






	
	/* hovers with specificity */
	
	#menu li.folder:hover { z-index:10; }		
		

	#menu li:hover ul, #menu li:hover li:hover ul {
		display:block;
		background: #fff;
		padding: 0;
		margin: 0;
	}
	#menu li:hover ul li {
		margin-bottom: 0px;
		background-color: #fff;
	}

/** FONTS **/
h1 {
	font-size: 12pt;
}
h2 {
	font-size: 8pt;
}
h3 {
	font-size: 8pt;
}
h4 {
	font-size: 8pt;
}
h5 {
	font-size: 8pt;
}
h6 {
	font-size: 8pt;
}


/** CLASSES **/

.DefaultPage {
	position: relative;
	margin: 0 0 0 190px;
	padding: 0 0 50px 0;
	line-height: 13pt;
	width: 440px;
	min-height: 478px;
}
* html .DefaultPage {
	height: 528px;
}
.PhotoPage {
	position: relative;
	margin: 0 0 0 38px;
	padding: 0 0 50px 0;
	line-height: 13pt;
	width: 592px;
	min-height: 478px;
	background: white; 
}
* html .PhotoPage {
	height: 528px;
}


.HomePage {
	position: absolute;
	top:57px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 13pt;
	width: 630px;
	min-height: 678px;
}
* html .HomePage {
	height: 718px;
}
#home_news_list {
	position: absolute;
	bottom: 10px;
	left: 18px;
	width: 608px;
	z-index: 1;
}
#teaser_table td {
	width: 152px;
	font-size: 9px;
	font-weight: bold;
}
#teaser_table td img {
	margin-bottom: 3px;
	border: 0;
}
#teaser_table td a {
	color: #4FA600;
	text-decoration: none;
}
.DefaultPage_form {
	margin: 0 0 30px 55px;
	line-height: 13pt;
}
#page {
	width: 440px;
}
#page_form {
	width: 560px;
}


.DefaultPage a {
	color: #000;
	text-decoration: underline;
}
.DefaultPage a:hover {
	color: #4FA600;
	text-decoration: underline;
}
.DefaultPage ul, .DefaultPage ol {
	margin: 3px 0;
}
.DefaultPage ul li {
	margin-left: 16px;
}
.DefaultPage ol li {
	margin-left: 30px;
}
.DefaultPage #my_submenu {
	position: absolute;
	bottom: 15px;
	left: 0px;
}
.DefaultPage #my_submenu a {
	margin-right: 20px;
}
.news_title {
	margin: 5px 0;
}
.news_footer {
	margin: 5px 0 15px 0;
	text-align: right;
}

.PhotoPage .photoalbum_table {
	position: absolute;
	left: 0;
	top: -1px;
}
.PhotoPage #albums_table {
	position: absolute;
	left: 304px;
	top: -1px;
}
.PhotoPage #albums_table table td, .DefaultPage #albums_table2 table td {
	width: 140px;
	height: 36px;
}
.PhotoPage #albums_table table td a, .DefaultPage #albums_table2 table td a {
	font-weight: bold;
	color: #000;
}
.PhotoPage #albums_table table #current_album a {
	font-weight: bold;
	color: #4FA600;
}
.PhotoPage #albums_table table td a:hover, .DefaultPage #albums_table2 table td a:hover {
	font-weight: bold;
	color: #4FA600;
}
.PhotoPage .no_image {
	padding: 20px;
}
#photo_nav_left {
	float: left;
	padding-left: 30px;
}
#photo_nav_center {
	text-align: center;
}
#photo_nav_right {
	float: right;
	padding-right: 30px;
}
#photo_bottom {
	position: absolute;
	bottom: 15px;
	left: 304px;
}
.page_nav{
	font-weight: bold;
}
.page_nav a {
	color: #000;
}
.page_nav a:hover {
	color: #4FA600;
}
.page_nav #current_page_nav {
	color: #4FA600;
}
.center {
	text-align: center;
}
.photoalbum_table td {
	height: 132px;
	width: 152px;
}
/** default form **/
	.defaultform {
	}
	.defaultform fieldset {
		border: 0px;
		border-width: 1px 0;
		border-color: black;
		border-style: solid;
		padding: 10px 0;
	}
	.defaultform label {
		float: left;
		width: 150px;
		padding: 3px 0 0 0;
		margin: 3px 0 0 0;
		clear: both;
	}
	.defaultform input, .defaultform select, .defaultform textarea {
		font-family: arial, sans-serif;
		font-size: 100%;
		margin: 6px 0 0 0;
	}
	.defaultform #submit{
		margin-top: 10px;
	}
	.defaultform .save_button {
		text-align:right;
	}
/**  **/
/** form footer **/
	.form_footer {
		text-align:right;
		font-weight: bold;
		font-size: 85%;
	}
	.form_footer a {
		text-decoration: none;
	}
	.form_footer a:hover{
		text-decoration: underline;
	}
/**  **/
/** contact form **/
	.contactform {
		position: absolute;
		left: 0;
		top: 132px;
		min-height: 378px;
		background-color: #4FA600;
	}
	* html .contactform {
		/* \*/ height: 378px; /* IE MAC ignores */
		
	}
	.contactform fieldset {
		border: 0px;
		border-width: 0;
		padding: 20px 15px;
	}
	.contactform label {
		float: left;
		width: 135px;
		padding: 5px 0 0 0;
		margin: 3px 0 0 0;
		color: white;
		clear: both;
	}
	.contactform .spacer {
		position: relative;
		min-height: 26px;
		padding-top: 4px;
		
	}
	* html .contactform .spacer {
		height: 24px;
	}
	.contactform input, .contactform select, .contactform textarea {
		font-family: arial, sans-serif;
		font-size: 100%;
	}
	.contactform .submit{
		margin: 0;
		margin-top: 10px;
		border: 0;
		background-color: #4FA600;
		cursor: pointer;
		font-weight: bold;
		font-size: 13px;
	}
	.contactform .save_button {
		text-align:right;
	}
	.contactform_header {
		font-weight: bold;
		color: #000;
	}
	.contactform_content {
		color: #fff;
		margin: 5px 0;
		padding-right: 20px;
	}
	.contactform #naam, .contactform #email, .contactform #telefoon, .contactform #voornaam, .contactform #tussenvoegsel, .contactform #achternaam, .contactform #straat, .contactform #postcode, .contactform #woonplaats, .contactform #naam_leerling {
		border: 0;
		width: 270px;
		height: 19px;
		/* \*/ padding-top:5px; /* IE MAC ignores */
		/* \*/ padding-left:5px; /* IE MAC ignores */
		line-height: 24px;
	}
	* html .contactform #naam, * html .contactform #email, * html .contactform #telefoon, * html .contactform #voornaam, * html .contactform #tussenvoegsel, * html .contactform #achternaam, * html .contactform #straat, * html .contactform #postcode, * html .contactform #woonplaats, * html .contactform #naam_leerling {
		/* \*/ line-height: 120%; /* IE MAC ignores */
		/* \*/ height: 24px; /* IE MAC ignores */
	}
	.contactform #locatie, .contactform #soort_leerling, .contactform #geslacht {
		width: 270px;
	}
	* html .contactform #locatie, * html .contactform #soort_leerling, * html .contactform #geslacht {
	}
	.contactform #locatie option {
		padding-left: 5px;
	}
	.contactform #berichttekst, .contactform #contactvia {
		border: 0;
		width: 270px;
		height: 129px;
		/* \*/ padding-top:5px; /* IE MAC ignores */
		/* \*/ padding-bottom:5px; /* IE MAC ignores */
		/* \*/ padding-left:5px; /* IE MAC ignores */
	}
	* html .contactform #berichttekst, * html .contactform #contactvia {
		/* \*/ height: 129px; /* IE MAC ignores */
		overflow: auto;
	}
/**  **/
/** kennismakingsgesprek form **/
	.contactform2 {
		position: absolute;
		left: 0;
		top: 264px;
		min-height: 378px;
		background-color: #4FA600;
	}
	* html .contactform2 {
		/* \*/ height: 378px; /* IE MAC ignores */
		
	}
	.contactform2 fieldset {
		border: 0px;
		border-width: 0;
		padding: 20px 15px;
	}
	.contactform2 label {
		float: left;
		width: 135px;
		padding: 5px 0 0 0;
		margin: 3px 0 0 0;
		color: white;
		clear: both;
	}
	.contactform2 .spacer {
		position: relative;
		min-height: 26px;
		padding-top: 4px;
		
	}
	* html .contactform2 .spacer {
		height: 24px;
	}
	.contactform2 input, .contactform2 select, .contactform2 textarea {
		font-family: arial, sans-serif;
		font-size: 100%;
	}
	.contactform2 .submit{
		margin: 0;
		margin-top: 10px;
		border: 0;
		background-color: #4FA600;
		cursor: pointer;
		font-weight: bold;
	}
	.contactform2 .save_button {
		text-align:right;
	}
	.contactform_header {
		font-weight: bold;
		color: #000;
	}
	.contactform_content {
		color: #fff;
		margin: 5px 0;
		padding-right: 20px;
	}
	.contactform2 #naam, .contactform2 #email, .contactform2 #telefoon, .contactform2 #voornaam, .contactform2 #tussenvoegsel, .contactform2 #achternaam, .contactform2 #straat, .contactform2 #postcode, .contactform2 #woonplaats, .contactform2 #naam_leerling {
		border: 0;
		width: 270px;
		height: 19px;
		/* \*/ padding-top:5px; /* IE MAC ignores */
		/* \*/ padding-left:5px; /* IE MAC ignores */
		line-height: 24px;
	}
	* html .contactform2 #naam, * html .contactform2 #email, * html .contactform2 #telefoon, * html .contactform2 #voornaam, * html .contactform2 #tussenvoegsel, * html .contactform2 #achternaam, * html .contactform2 #straat, * html .contactform2 #postcode, * html .contactform2 #woonplaats, * html .contactform2 #naam_leerling {
		/* \*/ line-height: 120%; /* IE MAC ignores */
		/* \*/ height: 24px; /* IE MAC ignores */
	}
	.contactform2 #locatie, .contactform2 #soort_leerling, .contactform2 #geslacht {
		width: 270px;
	}
	* html .contactform2 #locatie, * html .contactform2 #soort_leerling, * html .contactform2 #geslacht {
	}
	.contactform2 #locatie option {
		padding-left: 5px;
	}
	.contactform2 #berichttekst, .contactform2 #contactvia {
		border: 0;
		width: 270px;
		height: 129px;
		/* \*/ padding-top:5px; /* IE MAC ignores */
		/* \*/ padding-bottom:5px; /* IE MAC ignores */
		/* \*/ padding-left:5px; /* IE MAC ignores */
	}
	* html .contactform2 #berichttekst, * html .contactform2 #contactvia {
		/* \*/ height: 129px; /* IE MAC ignores */
		overflow: auto;
	}
/**  **/