*				{
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:18px;
				color:#ffffff;
				}

html, body			{
				width:100%;
				height:100%;
				margin:0;
				padding:0;
				background-color:#F9E1B0;
				text-align:center;
				background-image:url(../img/body_bg.gif);
				background-repeat:repeat-y;
				background-position:center;
				}

html				{
				/* firefox */
				overflow-y: scroll;
				}

#container			{
				position:relative;
				width:934px;
				height:100%;
				text-align:left;
				margin:0 auto 0 auto;
				padding:0 5px 0 5px;
				background-image:url(../img/main_bg.gif);
				background-repeat:no-repeat;
				background-position:top center;
				}

#top				{
				width:934px;
				height:88px;
				margin:0;
				padding:0;
				background-image:url(../img/top.jpg);
				background-repeat:no-repeat;
				background-position:top left;
				clear:both;
				}

#logo_top			{
				margin:21px 0 0 23px;
				}

#navigatie			{
				width:676px;
				height:17px;
				margin:0;
				padding:0 27px 0 0;
				float:left;
				overflow:hidden;
				text-align:right;
				}


#maincontainer			{
				width:662px;
				min-height:419px;
				padding:24px 26px 22px 15px;
				float:left;
				background-image:url(../img/interieur1.jpg);
				background-repeat:no-repeat;
				background-position:top left;
				overflow:hidden;
				}

#main				{
				width:644px;
				margin:4px;
				padding:5px;
				background-color:#2E1412;
				overflow:hidden;
				filter:alpha(opacity=86);
				opacity:0.86;
				-moz-opacity:0.86;
				overflow:visible;
				}

#maincontent			{
				position:relative;
				z-index:2;
				min-height:280px;
				padding:20px 20px 20px 156px;
				border:1px;
				border-style:solid;
				border-color:#714221;
				background-repeat:no-repeat;
				background-position:bottom left;
				filter:alpha(opacity=100);
				opacity:1.00;
				-moz-opacity:1.00;
				}

#rechts				{
				width:208px;
				height:426px;
				margin:0;
				padding:27px 10px 15px 13px;
				background-image:url(../img/schoolbord.jpg);
				background-repeat:no-repeat;
				background-position:top left;
				float:right;
				text-align:center;
				}

#webdesignerlinks			{
				margin-top:23px;
				width:100%;
				height:26px;
				text-align:left;
				padding-left:74px;
				}

#webdesignerlinks a, #webdesignerlinks a:link, #webdesignerlinks a:hover, #webdesignerlinks a:visited 	{
											text-decoration:none;
											}

#bordagenda			{
				/* kader waarin foto van agendaitem op schoolbord geplaatst wordt */
				width:200px;
				height:175px;
				margin-top:38px;
				text-align:center;
				}

#bordfotoalbum			{
				/* kader waarin foto van fotoalbumitem op schoolbord geplaatst wordt */
				width:200px;
				height:100px;
				text-align:center;
				}

.error				{
				font-weight:bold;
				color:#EB1300;
				}

.kader				{
				width:100%;
				clear:both;
				}

h1				{
				font-weight:bold;
				text-transform:uppercase;
				font-size:14px;
				color:#F9E1B0;
				margin:0 0 0 0;
				}

h2				{
				font-weight:bold;
				font-size:13px;
				color:#F9E1B0;
				margin:0 0 0 0;
				}

hr				{
				width:100%;
				height:1px;
				color:#F9E1B0;
				margin:10px 0 10px 0;
				}

img				{
				border:0;
				}

img[align="left"]			{
				float:left;
				margin:0 10px 3px 0;
				}

img[align="right"]			{
				float:right;
				margin:0 0 3px 10px;
				}

table				{
				border-collapse:collapse;
				border:0;
				}

a, a:link				{
				text-decoration:underline;
				}

a:hover				{
				text-decoration:none;
				}

input[type="text"], textarea		{
				background-color:#F9E1B0;
				color:#361714;
				border-width:1px;
				border-style:solid;
				border-color:#714221;
				}

input[type="submit"]		{
				font-weight:bold;
				color:#361714;
				}

.autosize				{
				display: table;
				}

.autosize > div			{
				display: table-cell;
				}

.vak				{
				float:left;
				width:100%;
				margin:0 0 1px 0;
				padding:0;
				background-color:#612926;
				overflow:visible;
				}

.vak a				{
				display:block;
				width:100%;
				height:100%;
				text-decoration:none;
				}

.vak a:link, .vak a:visited, .vak a:active, .vak a:hover	{
						text-decoration:none;
						width:100%;
						height:100%;
						overflow:hidden;
						}

.tiny				{
				font-size:10px;
				line-height:15px;
				}