/**
 * GLOBALS 
 */

* { padding: 0; margin: 0; border: 0; }

a { outline: none; }

html,body { 
	height: 100%;
	margin: 0; 
	padding: 0;
}

body { 
	text-align: center; 
	margin: 0; 
	padding: 0; 
	background-color: #eaeaea;	
}

#holder { 
	position: relative;
	width: 922px;
	height: 100%;
	margin: 0 auto;
	background: #eaeaea url(../layout/holder.jpg) repeat-y top left;
}

#container {
	position: relative;
	width: 900px;
	height:auto !important;
	height:100%; 
	min-height:100%; 
	margin: 0 auto;
	padding: 1px;
	text-align: left;
	background-color: #ffffff;
}

/**
 * MENU
 */

#menu {
	background-color: #535353;
	width: 900px;
}

#menu ul {
	padding: 5px 0;
	margin-top: 0px;
	margin-left: 0;
	margin-bottom: 0px;
	font: bold 12px Arial, Verdana, Tahoma;
	text-align: center;
}

#menu ul li {
	list-style: none;
	margin: 0;
	display: inline;
	background: url(../layout/menu_border.jpg) no-repeat top right;
}

#menu ul li a {
	padding: 3px 20px;
	margin: 0px;
	text-decoration: none;
}

#menu ul li a:link {
	color: #FFFFFF;
}

#menu ul li a:visited {
	color: #FFFFFF;
}

#menu ul li a:hover {
	color: #989797;
	background: #4a4a4a url(../layout/menu_border.jpg) no-repeat top right;
}

#menu ul li a#current {
	border-bottom: 2px solid #999;
}

/**
 * SUBMENU
 */

#submenu {
	position: relative;
	width: 900px;
	height: 20px;
	margin-top: 1px;
	background-color: #3b79ac;
}

.groupnav {
	display: none;
	padding-top: 2px;
	font: normal 11px Arial, Verdana, Tahoma;
	color: #dbe7ec;
}

.groupnav a {
	color: #dbe7ec;
	text-decoration: none;
}

.groupnav a:hover {
	color: #a6c4d1;
}

#groupnav2 { padding-left: 20px; }
#groupnav3 { padding-left: 165px; }
#groupnav4 { padding-left: 300px; }
#groupnav5 { padding-left: 465px; }
#groupnav6 { padding-left: 460px; }
#groupnav7 { float: right; padding-right: 55px; }
#groupnav8 { float: right; padding-right: 20px; }

/**
 * HEADER
 */

#head {
	font: italic 30px Verdana, Arial, Tahoma;
	color: #ffffff;
	position: relative;
	width: 900px;
	height: 150px;
	margin-top: 1px;
	background: #3b79ac url(../layout/left.jpg) no-repeat top left;
}

/**
 * CONTENT
 */

#balk {
	position: relative;
	width: 900px;
	padding: 2px 0 3px 0;
	margin-top: 1px;
	background-color: #cccccc;
	font: normal 11px Arial, Verdana, Tahoma;
	color: #000000;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
}

#balk span {
	color: #000000;
	padding-left: 15px;
}

#balk span a {
	color: #000000;
	text-decoration: none;
}

#balk span a:hover {
	text-decoration: underline;
}

#balkonder {
	position: relative;
	width: 900px;
	height: 1px;
	margin-top: 1px;
	background: #cccccc;
}

#content {
	position: relative;
	width: 870px;
	margin: 15px 15px 15px 15px;
	font: normal 11px Arial, Verdana, Tahoma;
}

#content h1 {
	font-size: 14px;
	font-weight: bold;
	color: #535353;
}

#content_full {
	position: relative;
	width: 870px;
	height: auto !important;
	height: 642px;
	min-height: 642px;
}

#content_full_all {
	position: relative;
	width: 870px;
	height: auto !important;
	height: 642px;
	min-height: 642px;
}

#content_full_all a {
	font: bold 11px Arial, Verdana, Tahoma;
	text-decoration: none;
	color: #3b79ac;
}

#content_full_all a:hover {
	text-decoration: underline;
}

#homenieuwsback {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 870px;
	height: 185px;
	background: #ffffff url(../layout/nieuwsback.jpg) no-repeat top left;
	border-bottom: 1px solid #ebebeb;
}

#contentnieuws a {
	font: normal 11px Arial, Verdana, Tahoma;
	width: 400px;
	height: 168px;
	position: absolute;
	top: 10px;
	left: 50px;
	color: #444444;
	text-align: justify;
	text-decoration: none;
}

#contentnieuws a:hover {
	font: normal 11px Arial, Verdana, Tahoma;
	width: 400px;
	height: 168px;
	position: absolute;
	top: 10px;
	left: 50px;
	color: #999999;
	text-align: justify;
}

#contentnieuws span {
	font: bold 13px Arial, Verdana, Tahoma;
}

#contentagenda {
	font: normal 11px Arial, Verdana, Tahoma;
	width: 230px;
	height: 165px;
	position: absolute;
	top: 10px;
	left: 490px;
	color: #999999;
	text-decoration: none;
}

#contentagenda a {
	color: #444444;
	text-decoration: none;
}

#contentagenda a:hover {
	color: #999999;
	text-decoration: none;
}

#contentfoto {
	font: normal 5px Arial, Verdana, Tahoma;
	width: 104px;
	height: 164px;
	position: absolute;
	top: 10px;
	left: 746px;
}

#connieuws {
	background: #EFB451;
	position: absolute;
	bottom: 108px;
	left: 0px;
}

ul#connieuws {
	border-top: 1px solid #E99E1E;
	border-bottom: 1px solid #E99E1E;
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 870px;
}

ul#connieuws li {
	display:inline;
	float: left;
	margin:0px;
	padding:2px;
	}

ul#connieuws li a {
	font: bold 14px Arial, Verdana, Tahoma;
	color: #3b79ac;
	text-decoration: none;
	margin: 0px;
	padding: 4px;
}

ul#connieuws li a:hover {
	text-decoration: underline;
	margin: 0px;
	padding: 4px;
}

/**
 * ALGEMEEN
 */

.fout {
	padding-left: 235px;
}

.fout table {
	font: normal 11px Arial, Verdana, Tahoma;
	color: #ffffff;
 	width: 400px;
	border: 1px solid #000000;
	background-color: #ff0000;
}

#onderdeel {
	font: italic 11px Arial, Verdana, Tahoma;
	color: #ff0000;
}

#namen {
	font: bold 11px Arial, Verdana, Tahoma;
	color: #000000;
}

.tabel {
	font: normal 11px Arial, Verdana, Tahoma;
	padding-left: 235px;
}

.tabel table {
	font: normal 11px Arial, Verdana, Tahoma;
	color: #535353;
 	width: 400px;
	border: 1px solid #3b79ac;
	background-color: #f4f4f4;
}

.tabel table a {
	text-decoration: none;
	color: #535353;;
}

.tabel table a:hover {
	text-decoration: underline;
}

.tabel table span {
	font: bold 13px Arial, Verdana, Tahoma;
	color: #ffffff;
}

.tabeltext {
	font: normal 11px Arial, Verdana, Tahoma;
	color: #000000;
	border: 1px solid #3b79ac;
}

.tabelselect {
	font: normal 11px Arial, Verdana, Tahoma;
	color: #000000;
	border: 1px solid #3b79ac;
	width: 127px;
}

.tabelradio {
	border: 0;
}

.tabelcheckbox {
	border: 0;
}

.tabelsubmit {
	font: bold 11px Arial, Verdana, Tahoma;
	padding: 2px;
	width: 200px;
	color: #ffffff;
	background-color: #535353;
	border: 0;
}

.paginanum {
	font: normal 12px Arial, Verdana, Tahoma;
	width: 400px;
	text-align: center;
}

.paginanum span {
	color: #cccccc;
}

.paginanum a {
	text-decoration: none;
	color: #535353;
}

.paginanum a:hover {
	text-decoration: underline;
}


.contacttabel {
	border: 0px solid #000000;
	width: 600px;
	margin-left: 20px;
}

.contacttabel span {
	font: bold 11px Arial, Verdana, Tahoma;
}

.contactsub {
	font: bold 11px Arial, Verdana, Tahoma;
	color: #3b79ac;
}

.conttabel {
	border: 0px solid #000000;
	width: 200px;
	margin-left: 20px;
}

.conttabel2 {
	border: 0px solid #000000;
	width: 500px;
	margin-left: 20px;
}

.conttabel span {
	font: bold 11px Arial, Verdana, Tahoma;
}

.bold {
	font: bold 11px Arial, Verdana, Tahoma;
}

#personen {
	display: none;
	width: 450px;
	border: 1px solid #999999;
	background-color: #cccccc;
	padding: 5px;
}

#personen1 {
	display: none;
	width: 450px;
	border: 1px solid #999999;
	background-color: #cccccc;
	padding: 5px;
}

.koppen {
	color: #ffffff;
	font-weight: bold;
}

.huistab {
	border: 1px solid #000000;
	width: 350px;
	margin-left: 20px;
}

.huistab span {
	font: bold 11px Arial, Verdana, Tahoma;
}

/**
 * LESROOSTER
 */

#tables span {
	font: normal 11px Arial, Verdana, Tahoma;
	margin-left: 35px;
}

#tables table {
	width: 800px;
	margin-left: 35px;
	border: 1px solid #cfcfcf;
	background-color: #f4f4f4;
}

/**
 * AGENDA
 */

#agenda {
	width: 600px;
	margin-left: 130px;
}

#agenda table a {
	color: #000000;
	text-decoration: none;
}

#agenda table a:hover {
	text-decoration: underline;
}

#agendainfo {
	width: 600px;
	margin-left: 135px;
}

#agendainfo a {
	font: bold 12px Arial, Verdana, Tahoma;
	color: #535353;
	text-decoration: none;
}

#agendainfo a:hover {
	text-decoration: underline;
}

#agendainfo table {
	width: 100%;
	margin-bottom: 5px;
	border: 1px solid #cfcfcf;
	background-color: #f4f4f4;
	font: normal 11px Arial, Verdana, Tahoma;
}

#agendainfo span {
	font: bold 11px Arial, Verdana, Tahoma;
}

/**
 * NIEUWS
 */

#nieuws {
	width: 600px;
	margin-left: 130px;
}

#nieuws table a {
	color: #000000;
	text-decoration: none;
}

#nieuws table a:hover {
	text-decoration: underline;
}

#nieuwsinfo {
	width: 600px;
	margin-left: 135px;
}

#nieuwsinfo a {
	font: bold 12px Arial, Verdana, Tahoma;
	color: #535353;
	text-decoration: none;
}

#nieuwsinfo a:hover {
	text-decoration: underline;
}

#nieuwsinfo table {
	width: 100%;
	margin-bottom: 5px;
	border: 1px solid #cfcfcf;
	background-color: #f4f4f4;
	font: normal 11px Arial, Verdana, Tahoma;
}

#nieuwsinfo span {
	font: bold 11px Arial, Verdana, Tahoma;
}

/**
 * FOTO'S
 */

#fotos {
	width: 600px;
	margin-left: 130px;
}

#fotos table a {
	color: #000000;
	text-decoration: none;
}

#fotos table a:hover {
	text-decoration: underline;
}

.fotosinfo {
	width: 600px;
	margin-left: 135px;
}

.fotosinfo a {
	font: bold 12px Arial, Verdana, Tahoma;
	color: #535353;
	text-decoration: none;
}

.fotosinfo a:hover {
	text-decoration: underline;
}

.fotosinfo table {
	width: 100%;
	margin-bottom: 5px;
	border: 1px solid #cfcfcf;
	background-color: #f4f4f4;
	font: normal 11px Arial, Verdana, Tahoma;
}

.fotosinfo span {
	font: bold 11px Arial, Verdana, Tahoma;
}

#fotonav {
	text-align: center;
	font: bold 12px Arial, Verdana, Tahoma;
	color: #cccccc;
}

#fotonav a {
	font: bold 12px Arial, Verdana, Tahoma;
	color: #535353;
	text-decoration: none;
}

#fotonav a:hover {
	text-decoration: underline;
}

.fototable {
	width: 600px;
	margin-left: 135px;
}

.fototable a {
	font: normal 10px Arial, Verdana, Tahoma;
	color: #535353;
	text-decoration: none;
}

.fototable a:hover {
	text-decoration: underline;
}

.fototable span {
	color: gray;
}

#fototoe a {
	font: bold 13px Arial, Verdana, Tahoma;
	color: #535353;
	text-decoration: none;
}

#fototoe a:hover {
	text-decoration: underline;
}
/**
 * GASTENBOEK
 */

#gbberichten {
	font: bold 12px Arial, Verdana, Tahoma;
	padding-left: 235px;
	color: #535353;
}

#gbberichten a {
	font: normal 12px Arial, Verdana, Tahoma;
	text-decoration: none;
	color: #535353;
}

#gbberichten a:hover {
	text-decoration: underline;
}

#gbberichten table {
	font: normal 11px Arial, Verdana, Tahoma;
	width: 400px;
	border: 1px solid #cccccc;
	background-color: #f4f4f4;
	color: #535353;
}

#gbberichten table a {
	font: bold 11px Arial, Verdana, Tahoma;
	color: #535353;
	text-decoration: none;
}

#gbberichten table a:hover {
	text-decoration: underline;
}

/**
 * ROOD HOMEPAGE
 */

#roodhome {
	font: bold 14px Arial, Verdana, Tahoma;
	color: #ff0000;
}

#roodhome a {
	font: bold 14px Arial, Verdana, Tahoma;
	color: #ff0000;
	text-decoration: none;
}

#roodhome a:hover {
	font: bold 14px Arial, Verdana, Tahoma;
	color: #ff0000;
	text-decoration: underline;
}

/**
 * FOOTER
 */

#footer {
	position: relative;
	width: 900px;
	height: 23px;
	background: url(../layout/footer.jpg) no-repeat top left;
	overflow: hidden;
}

#footer span {
	float: left;
	padding: 5px 0 0 15px;
	font: normal 11px Arial, Verdana, Tahoma;
	color: gray;
}

#footer .knoppen {
	float: right;
	text-align: right;
	padding: 8px 15px 0 0;
	font: normal 11px Arial, Verdana, Tahoma;
}