/*
*  - KLEUREN -
*  achtergrond: blauw: #96A7BA;
*  link: grijs: #555555;
*  rago-groen: #379B96;
*  scheidingslijnen: geel: #DDDFB7;
*/



/* ***** DEFAULT SETTINGS ***** */
a, body, input, select, textarea, td, th {
	font-family: Verdana, Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

a {
	color: #555555;
}

a:hover {
	cursor: hand;
	text-decoration: underline;
}

a img {
	border-style: none;
}

body {
	background-color: #96A7BA;
	color: #000000;
	text-align: center;
}

hr {
	height: 1px;
	width: 60%;
}

span.point {
	color: #379B96;
	font-weight: bold;
}
/* ***** END DEFAULT SETTINGS ***** */



/* ***** FRAMES ***** */
table.content1, table.footer1, table.footer2, table.header1, table.header2 {
	border-collapse: collapse;
	border-width: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}

table.header1 td {
	background-image: url(./../image/bgHeader01.jpg);
	font-size: 20px;
	height: 53px;
	text-indent: 175px;
	vertical-align: middle;
}

table.header2 td {
	background-image: url(./../image/bgHeader02.jpg);
	height: 125px;
	padding-left: 11px;
	text-indent: 5px;
	vertical-align: bottom;
}

table.content1 td {
	background-image: url(./../image/bgBody01.jpg);
	padding: 12px;
	vertical-align: top;
}

table.footer1 td {
	background-image: url(./../image/bgFooter01.jpg);
	height: 40px;
	text-align: center;
	vertical-align: middle;
}

table.footer2 td {
	background-image: url(./../image/bgFooter03.jpg);
	height: 65px;
	text-align: center;
	vertical-align: middle;
}

div.emptyframe {
	float: left;
	vertical-align: top;
	width: 105px;
}

div.frame1 {
	float: left;
	vertical-align: top;
	width: 200px;
}

div.frame2 {
	float: left;
	padding-left: 7px;
	vertical-align: top;
}

div.frame2 a {
	color: #379B96;
	font-weight: bold;
}

div.frame2 table td{
	background-image: none;
	padding: 2px;
}

div.frame2 table.list {
	border-color: #96A7BA;
	border-style: solid;
	border-width: 1px;
}

div.frame2 table.list th{
	background-image: none;
	background-color: #96A7BA;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px;
}

div.bigframe {
	width: 870px;
}

div.smallframe {
	width: 665px;
}

/* ***** END FRAMES ***** */



/* ***** MENUBAR AND TITLE ***** */
div.title1 {
	font-size: 16px;
	line-height: 26px;
	padding-left: 15px;
}

table.MenuBar2 {
	border-collapse: collapse;
	border-width: 0px;
	margin-left: auto;
	margin-right: auto;
}

table.MenuBar2 td {
	background-image: none;
	border-color: #DDDFB7;
	border-style: solid;
	border-bottom-width: 0px;
	border-left-width: 2px;
	border-right-width: 0px;
	border-top-width: 0px;
	height: 15px;
	padding: 0px;
	padding-left: 14px;
	text-align: left;
	vertical-align: top;
	width: 150px;
}
/* ***** END MENUBAR AND TITLE ***** */



/* ***** MENU ***** */
div.titlebar1 {
	background-image: url(./../image/bgTitlebar01.jpg);
	font-size: 14px;
	height: 30px;
	line-height: 28px;
	padding: 0px;
	padding-left: 0px;
	width: 200px;
}

div.titlebar1 a {
	font-size: 14px;
	line-height: 28px;
}
/* ***** END MENU ***** */



/* ***** SUBFRAME ***** */
div.subframe1 {
	float: right;
	width: 400px;
}

div.suberror {
	color: #FF0000;
	font-weight: bold;
}

div.subheader1 {
	color: #FFFFFF;
	background-image: url(./../image/bgAdres01.jpg);
	font-size: 12px;
	font-weight: bold;
	height: 31px;
	line-height: 29px;
	text-align: right;
	width: 400px;
}

div.subcontent1 {
	background-image: url(./../image/bgAdres02.jpg);
	text-align: left;
	width: 400px;
}

div.subfooter1 {
	background-image: url(./../image/bgAdres03.jpg);
	height: 30px;
	text-align: left;
	width: 400px;
}
/* ***** END SUBFRAME ***** */



/* ***** SCHOOL DETAIL & OVERVIEW & REGIO ***** */
div.DetailDirectie {
	font-size: 12px;
	line-height: 30px;
	text-align: right;
}

div.DetailNaam {
	font-size: 16px;
	line-height: 28px;
}

div.DetailSlagzin {
	font-size: 12px;
	padding-left: 40px;
}

table.Detail {
	width: 100%;
}

table.Detail td.DetailNaamZin {
	vertical-align: middle;
}

table.Detail td.DetailFoto {
	text-align: left;
}

table.Detail td.DetailFoto img {
	height: 269px;
	width: 430px;
}

table.Detail td.DetailInfo {
	width: 404px;
}

table.Detail td.DetailLogo {
	text-align: right;
	width: 400px;
}

table.Detail td.DetailLogo img{
	height: 180px;
	width: 200px;
}

table.DetailFile {
	width: 665px;
}

table.Overview td.OverviewInfo {
	padding: 0px;
	text-align: left;
	width: 260px;
}

table.Overview td.OverviewInfo hr{
	height: 1px;
	text-align: left;
	width: 20px;
}

table.Overview td.OverviewLogo {
	padding: 0px;
	width: 72px;
}

table.Overview td.OverviewLogo img {
	height: 65px;
	width: 65px;
}

table.Regio {
	/*background-image: url(./../image/bgRegio01.jpg);*/
	border-collapse: collapse;
	border-color: #96A7BA;
	border-style: solid;
	border-width: 1px;
	width: 100%;
}

table.Regio td {
	vertical-align: middle;
	width: 25%;
}

table.Regio th {
	border-color: #96A7BA;
	border-style: none;
	border-width: 1px;
	font-size: 14px;
	height: 28px;
}
/* ***** END SCHOOL DETAIL & OVERVIEW & REGIO ***** */



/* ***** CONTENT ***** */
table.contact {
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	width: 600px;
}
/* ***** END CONTENT ***** */



/* ***** ERRORFRAME ***** */
table#fraWarning {
	background: url('./../image/bgWarning.gif');
	height: 104%;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 102%;
}

table.fraMessage {
	background-color: #FFFFFF;
	border-collapse: collapse;
	border-color: gray;
	border-style: solid;
	border-width: 1px;
	color: #000000;
	width: 300px;
}

table.fraMessage th {
	background-color: gray;
	color: #FFFFFF;
	font-weight: bold;
}

table.fraMessage td {
	padding: 5px;
}

table.ErrorMSG {
	background-color: lightyellow;
	border-color: darkyellow;
	border-style: solid;
	border-width: 1px;
	width: 500px;
}

table.ErrorMSG td {
	color: red;
	padding: 5px;
	padding-left: 30px;
}
/* ***** END ERRORFRAME***** */



/* ***** KALENDER ***** */
table.calendar {
	border-collapse: collapse;
}

table.calendar, table.calendar td, table.calendar th {
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
}

table.calendar td, table.calendar th {
	text-align: center;
}

table.calendar td.empty {
	background-color: #CCCCCC;
}

table.calendar td.selectday {
	background-color: #96D6BA;
	color: #000000;
}

table.calendar td.today {
	background-color: #96A7BA;
	color: #000000;
}

table.calendar td.WeekNr, table.calendar td.WeekNr a {
	color: #AAAAAA;
}

table.calendar td a, table.calendar th a {
	color: #000000;
	font-weight: normal;
}

table.calendar th {
	background-color: lightyellow;
}

table.calendar th a {
	color: #FFFFFF;
	font-weight: bold;
}

table.calendar th.title, table.calendar th.title a {
	background-color: #96A7BA;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}
/* ***** END KALENDER ***** */



/* ***** ***** */
div.frame2 table th {
	font-size: 12px;
	text-align: left;
}
/* ***** ***** */



/* ***** ***** */
.FooterInfo {
	float: left;
	width: 850px;
}

.FooterHelp {
	float: right;
	height: 32px;
	position: relative;
	right: 10px;
	width: 32px;
}

span.categorie {
	font-size: 14px;
	font-weight: bold;
}

.schaduw {
	font-size: 10px;
	font-weight: bold;

	filter:dropshadow (OffX=2, OffY=2, Color='#cccccc');
	letter-spacing: 2px;
}

.IndentText1 {
	text-indent: 27px;
}

.IndentText2 {
	text-indent: 35px;
}