/*** General styles -------------------------------------------------- ***/

html, body
	{	margin: 0px; padding: 0px; }

body
	{	background-color: #FFFFFF;
		font-family: Tahoma; font-size: 12px; color: #000000; }

/* DESIGN of <DIV> TAGS ----------------------------------------------- */

#header
	{	width: 100%; }

#logo
	{	float: left; width: 180px; height: 80px; }

#header-title
	{	position: absolute; top: 25px; left: 200px; /* width: 100%; */
		font-weight: bold; font-style: italic; font-size: 25pt; color: #4682B4; }

#flags-rectangle
	{	float: right; height: 80px; width: 150; }

#flags
	{	position: absolute; top: 30px; right: 40px; }

#content-container
	{	display: table; width: 1000px; height: 1px; /*  bug in IE */ 
		border-top: 1pt solid black; }

#right
	{	float: right; /*height: 100%;*/ width: 150px; /* Bij wijziging ook width van center en central-table-width aanpassen*/
		border-top: 0pt solid black; border-left: 1pt solid black; padding: 0px; background-color: #ffffff /*#FFF8DC*/; }

#left
	{	float: left; height: 100%; width: 180px; /* Bij wijziging ook width van center en central-table-width aanpassen*/
		border-right: 1pt solid black ; padding-top: 10px; background-color: #4682B4; }

#center-area
	{	margin-right: 160px; margin-left: 190px;  /* Bij wijziging ook width van left, right en central-table-width aanpassen*/
		padding: 10px; line-height: 16px; text-align: left;}
/*
#center-text
	{	width: 100%; } */

#footer
	{	border-top: 1pt solid black; padding: 5px;
		font-size: 9pt; color: #8B0000; font-style: italic; 
		text-align: center; }

#menu
	{	margin-left: -25px; text-align: left; }

#menu ul 
	{	list-style-position: outside; list-style-type: none; }

#submenu
	{	margin-left: -20px; }

#submenu ul 
	{	list-style-position: outside; list-style-type: none; }

#login
	{	width: 175px; /* Aanpassen bij wijziging width in #left*/
		font-size: 10pt; text-align: right; }

#search
	{	width: 175px; /* Aanpassen bij wijziging width in #left*/
		font-size: 10pt; text-align: center; }

#witte-balk
	{	height: 3px; }

#edit
	{	float: right; }

/* WIDTH of CENTRAL TABLES -------------------------------------------------- */

.central-table-width
	{	width: 600px; } /* Bij wijziging ook width van center aanpassen*/

/* DESIGN of MENU ITEMS, LOGIN ----------------------------------------- */

a.menu-item
	{	font-size: 12pt; color: #FFD700; font-weight: bold; text-decoration: none; }

a.submenu-item
	{	font-size: 10pt; color: #FFD700; font-weight: bold; text-decoration: none; }

.login-form, .ok-button
	{	font-size: 10pt; color: #000000; font-weight: normal;}

/* DESIGN of LABELS for WEBMASTER INPUT and HOOVER COLOR ---------------- */

.label
	{	font-size: 11pt; color: #8B0000; font-weight: bold; }

a:hover 
	{	color: #191970 /* #00008B */;}

/* DESIGN of AGENDA ITEMS ---------------------------------------------- */

.agenda-date
	{	font-size: 13pt; font-style: italic; }

.agenda-name
	{	font-size: 13pt; color: #8B0000; font-weight: bold; }

.agenda-description 
	{	font-size: 11pt; color: #000000; }

/* DESIGN of ARTICLE -------------------------------------------------- */

#category-article
	{	font-size: 14pt; color: #8B0000; font-weight: bold;
		text-align: center;  }

.title-article
	{	font-size: 13pt; color: #8B0000; font-weight: bold;
		text-align: left; }

.author-article
	{	font-size: 13pt; color: #000000; font-style: normal; }

.date-article
	{	font-size: 13pt; color: #000000; font-style: italic; }

.subtitle-article
	{	font-size: 12pt; color: #000000; font-weight: normal; font-style: italic; }

.intro-article
	{	font-size:11pt; color: #8B0000; font-weight: normal; }

.body-article
	{	font-size:11pt; color: #000000; font-weight: normal;
		text-align: left; }

/* DESIGN of ARTICLES in LIST ------------------------------------------ */

.title-article-in-list
	{	font-size: 12pt; color: #8B0000; font-weight: bold; }

.author-article-in-list, .date-article-in-list
	{	font-size: 12pt; color: #000000; font-style: italic; }

.subtitle-article-in-list
	{	font-size: 11pt; color: #8B0000; font-weight: normal; }

.intro-article-in-list
	{	font-size:11pt; color: #000000; font-weight: normal; }

/* DESIGN of PAGE ----------------------------------------------------- */

#name-page
	{	font-size: 14pt; color: #8B0000; font-weight: bold;
		text-align: center; }

#intro-page
	{	font-size:11pt; color: #8B0000; font-weight: normal; }

#body-page
	{	padding-bottom: 10px;
		font-size:11pt; color: #000000; font-weight: normal;
		text-align: left; }

/* DESIGN of UPLOAD in LIST -------------------------------------------- */

.upload-title-in-list
	{	font-size: 11pt; color: #8B0000; font-weight: bold; }

.upload-description-in-list
	{	font-size: 11pt; color: #000000; font-weight: normal; }

/* OPMAAK OUD >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

a 	{	text-decoration:none;
		color: #8B0000; }

.label
	{	font-size: 11pt; color: #000000; font-weight: bold; }

.label2 
	{	font-size: 11pt; color: #8B0000; font-weight: normal; }

a:hover 
	{	color: #8B0000; }

#edit-area 
	{	text-align: left; }
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

		<title>
			 - 
		</title>
		<meta name="Generator" content="EditPlus">
		<meta name="Author" content="Mendel van 't Riet">
		<meta name="copyright" content="Dit HTML-template is auteursrechtelijk beschermd.">
		<meta name="language" content="dutch">
		<meta name="robots" content="index, follow">
		<meta name="Keywords" content="Lectoraat, ICT, Onderwijsinnovatie, Onderwijs, Hogeschool, Windesheim, Zwolle">
		<meta name="Description" content="Dit is de website van het lectoraat ICT en Onderwijsinnovatie van de Hogeschool Windesheim te Zwolle.">
		<link rel="stylesheet" href="/css.php" type="text/css">
	</head>
<body>

<div align="center"><div style="padding: 0px">
	<div style="position: relative; top: 0px; left: 0px; width: 1000px; border: 1px solid black; "><div style="padding: 0px">

	<div id="header"><div style="padding: 0px">
		<div id="flags-rectangle"><div style="padding: 0px">
					</div></div>
		<div id="logo"><div style="padding: 5px">
			<img src="/image.php?fileID=" height="70" width="170" border=0 /></div>
		</div></div>
		<div id="header-title"><div style="padding: 0px">
			
		</div></div>
		<!-- Hier stonden eerst de flags -->
	</div></div>

	<div id="content-container"><div style="padding: 0pt;">

		<div id="right"><div style="padding: 0px;">
			<img src="image.php?fileID=" height="107" width="150" />
			<div style="height: 5px;"><div style="padding: 0px;">
			</div></div>
			<img src="image.php?fileID=" height="107" width="150" />
			<div style="height: 5px;"><div style="padding: 0px;">
			</div></div>
			<img src="image.php?fileID=" height="107" width="150" />
		</div></div>

		<div id="left">
			<div id="menu">
				<ul>
										<li>
						<div style="border: 1pt solid black; background-color: #4682B4; width: 155px; ">
						<div style="padding: 3pt; ">					
							<a class="menu-item" href="./agenda.php">Agenda</a>
						</div>
						</div>
						<div style="background-color: #4682B4; height: 1pt; ">
						<div style="padding: 0pt; ">
						</div>
						</div>
					</li>
																			</ul>
			</div>
			<div id="login">
								<form method="post" action="./login.php">
					Username 
					<input size="10" name="username" type="text" /><br>
					Password 
					<input size="10" name="password" type="password" /><br>
					<input value="OK" type="submit" />
				</form>
							</div>
			<div id="search">
				<!-- SEARCH form. -->
				<form name="f" action="./search.php" method="get">
					<input size="10" name="query" maxlength="40" type="text" />
					<input value=" Zoeken " type="submit" />
				</form>
				<!-- END SEARCH form. -->
			</div>
		</div>

		<div id="center-area">
			<div id="center-text">
							</div>
			<div id="witte-balk">
			</div>
			<div id="footer">
				
			</div>
		</div>
	</div></div>

	</div></div>
</div></div>

</body>
</html>