/* CSS Stylesheet */

body				{

					/*

						Fontsettings zitten in de body-tag zodat deze voor het hele document gelden

					*/

					margin:0px;

					background-color:#FFFFFF;

					font-family:Helvetica;

					font-size:12px;

					color:#000000;

					text-align:left;

					}



.frame				{

					/*	

						Frame-DIV (relative) voor alle andere DIV's zodat deze gepositioneerd worden ten opzichte van deze DIV,

						zodat alleen dit frame hoeft te worden gecentreerd.

						

						NOG CHECKEN VOOR MSIE

					*/

					position:relative;

					width:970px;

					margin-left:auto;

					margin-right:auto;

					border:none;

					}



					.home				{

										/*

											Home-DIV voor de home buttons.

										*/

										position:absolute; 		/* Moet niet gecentreerd */

										top:15px;				/* Vanaf het FRAME-DIV niet vanaf de browserrand */

										left:0px;				/* Vanaf het FRAME-DIV niet vanaf de browserrand */

										}



/* =====================================================================================================================

SPLASH PAGE

===================================================================================================================== */

					.splash				{

										position:relative; 		/* Voor het auto-centreren */

										top:100px;				/* Verticaal centreren werkt niet */

										width:970px;

										margin-left:auto;

										margin-right:auto;

										}



					.copyright			{

										position:relative; 		/* Voor het auto-centreren */

										top:150px;				/* Verticaal centreren werkt niet */

										margin-left:auto;

										margin-right:auto;

										}



					.bottom				{

										position:relative;

										float:left;

										}



/* =====================================================================================================================

DESCRIPTION

===================================================================================================================== */

					.desc_text			{

										position:absolute;		/* Moet niet gecentreerd */

										left:40px;				/* Vanaf het FRAME-DIV niet vanaf de browserrand */

										top:30px;				/* Vanaf het FRAME-DIV niet vanaf de browserrand */

										width:350px;

										text-align:left;		/* Tekst links uitlijnen omdat er een <CENTER>-tag in de code staat */

										}



					.desc_image			{

										position:absolute;		/* Moet niet gecentreerd */

										left:426px;				/* Vanaf het FRAME-DIV niet vanaf de browserrand */

										top:30px;				/* Vanaf het FRAME-DIV niet vanaf de browserrand */

										width:529px;

										height:553px;

										text-align:left;		/* Tekst links uitlijnen omdat er een <CENTER>-tag in de code staat */

										}



/* =====================================================================================================================

SYSTEM

===================================================================================================================== */

					.vocabulary			{

										position:absolute;		/* Moet niet gecentreerd */

										left:55px;				/* Vanaf het FRAME-DIV niet vanaf de browserrand */

										top:30px;				/* Vanaf het FRAME-DIV niet vanaf de browserrand */

										width:220px;

										text-align:left;		/* Tekst links uitlijnen omdat er een <CENTER>-tag in de code staat */

										}

					.system				{

										position:relative;		/* Moet niet gecentreerd */

										top:30px;

										left:0px;				/* Vanaf het FRAME-DIV niet vanaf de browserrand */

										width:650px;

										text-align:left;		/* Tekst links uitlijnen omdat er een <CENTER>-tag in de code staat */

										}

					.lesson1			{

										position:relative;		/* Moet niet gecentreerd */

										left:0px;				/* Vanaf het FRAME-DIV niet vanaf de browserrand */

										width:100%;

										text-align:left;		/* Tekst links uitlijnen omdat er een <CENTER>-tag in de code staat */

										}

					.lesson2			{

										position:relative;		/* Moet niet gecentreerd */

										left:0px;				/* Vanaf het FRAME-DIV niet vanaf de browserrand */

										width:100%;

										text-align:left;		/* Tekst links uitlijnen omdat er een <CENTER>-tag in de code staat */

										}

					.lesson3			{

										position:relative;		/* Moet niet gecentreerd */

										left:0px;				/* Vanaf het FRAME-DIV niet vanaf de browserrand */

										width:100%;

										text-align:left;		/* Tekst links uitlijnen omdat er een <CENTER>-tag in de code staat */

										}

					.lesson4			{

										position:relative;		/* Moet niet gecentreerd */

										left:0px;				/* Vanaf het FRAME-DIV niet vanaf de browserrand */

										width:100%;

										text-align:left;		/* Tekst links uitlijnen omdat er een <CENTER>-tag in de code staat */

										}

					.lesson5			{

										position:relative;		/* Moet niet gecentreerd */

										left:0px;				/* Vanaf het FRAME-DIV niet vanaf de browserrand */

										width:100%;

										text-align:left;		/* Tekst links uitlijnen omdat er een <CENTER>-tag in de code staat */

										}

					.lesson6			{

										position:relative;		/* Moet niet gecentreerd */

										left:0px;				/* Vanaf het FRAME-DIV niet vanaf de browserrand */

										width:100%;

										text-align:left;		/* Tekst links uitlijnen omdat er een <CENTER>-tag in de code staat */

										}



/* =====================================================================================================================

MODELS

===================================================================================================================== */

					.models_text		{

										position:absolute;		/* Moet niet gecentreerd */

										left:55px;				/* Vanaf het FRAME-DIV niet vanaf de browserrand */

										top:30px;				/* Vanaf het FRAME-DIV niet vanaf de browserrand */

										width:250px;

										text-align:left;		/* Tekst links uitlijnen omdat er een <CENTER>-tag in de code staat */

										}



					.models				{

										position:absolute;		/* Moet niet gecentreerd */

										left:315px;				/* Vanaf het FRAME-DIV niet vanaf de browserrand */

										top:30px;				/* Vanaf het FRAME-DIV niet vanaf de browserrand */

										width:655px;

										text-align:left;		/* Tekst links uitlijnen omdat er een <CENTER>-tag in de code staat */

										}



					iframe.models		{

										position:relative;

										left:0px;

										top:0px;

										width:210px;

										height:310px;

										margin:0px;

										padding:0px;

										overflow:hidden;

										border:none;

										}

					.backside			{

										position:absolute;

										top:10px;

										left:10px;

										width:180px;

										height:220px;

										overflow:auto;

										font-size:10px;

										}



/* =====================================================================================================================

EPISODES

===================================================================================================================== */

					.episodes			{

										position:absolute;		/* Moet niet gecentreerd */

										left:55px;				/* Vanaf het FRAME-DIV niet vanaf de browserrand */

										top:30px;				/* Vanaf het FRAME-DIV niet vanaf de browserrand */

										width:280px;

										text-align:left;		/* Tekst links uitlijnen omdat er een <CENTER>-tag in de code staat */

										}

					.ep_content			{

										position:absolute;		/* Moet niet gecentreerd */

										left:335px;				/* Vanaf het FRAME-DIV niet vanaf de browserrand */

										top:30px;				/* Vanaf het FRAME-DIV niet vanaf de browserrand */

										width:650px;

										height:1800px;

										text-align:left;		/* Tekst links uitlijnen omdat er een <CENTER>-tag in de code staat */

										border:none;

										}





/* =====================================================================================================================

CONTACT

===================================================================================================================== */

					.contact			{

										position:absolute;		/* Moet niet gecentreerd */

										left:40px;				/* Vanaf het FRAME-DIV niet vanaf de browserrand */

										top:30px;				/* Vanaf het FRAME-DIV niet vanaf de browserrand */

										width:970px;

										}



td					{

					vertical-align:top;		/* Alle tabels worden bovenaan uitgelijnd */

					}

a					{

					text-decoration:none;	/* Geen underline voor links */

					}



img, div			{

					border:none;			/* Geen randen om alle images en DIVjes */

					}