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

body {
	margin: 0;
	padding: 0;
	background: #B9BBBD;
	background-image: url(../img/bgBody.jpg);
	background-repeat: repeat-x;
	color: #000000;
}

form {width: 100%;}

.con {
	height: 100%;
	padding: 0;
	border-top: none;
	
	width:100%;
	margin:auto;
	font-size:110%;
}

table.tblCon											{ border-collapse: collapse; margin: 0; padding: 0; border: none 4px blue;   vertical-align: top; width: 100%; height: 100%;  }
table.tblCon td.tdCon							{ border-collapse: collapse; margin: 0; padding: 0; border: none 4px yellow; vertical-align: top; background-color: Transparent; }
table.tblCon td.tdConFooter				{  }

table.tblConHome									{ border-collapse: collapse; margin: 0; padding: 0; border: none 1px blue;   vertical-align: top; width: 100%; height: 100%;  }
table.tblConHome td.tdCon					{ border-collapse: collapse; margin: 0; padding: 0; border: none 1px yellow; vertical-align: top; background-color: Transparent; }
table.tblConHome td.tdConFooter		{  }


div#header							{	width: 955px; height: 80px; margin: 0 auto; padding: 0px; background-color: Transparent; border: none 1px purple; }
div#top									{	width: 955px;	margin: 0 auto;	padding: 0;	background-color: Transparent; border: none 1px purple; }
div#inhoud							{	width: 955px;	margin: 0 auto;	padding: 0;	background-color: Transparent; border: none 1px purple; }
div#citaat							{	width: 955px;	height: 136px; overflow: hidden; margin: 0px auto 0px auto;	padding: 0;	background-color: Transparent; border: none 1px purple; }

td.tdInhoud							{ background-color: #fff; vertical-align: top; border-bottom: solid 1px #919396; padding-bottom: 10px; background-image: url(../img/bgInhoud.jpg); background-repeat: repeat-x; }

.header a.headerLogo		{ margin: 10px 0px 0px 15px; padding: 0; display: block; width: 370px; line-height: 90px; text-decoration: none;  }

.navigatie							{	position: relative; padding: 0px; margin: 0px; z-index: 2; top: 0px; left: 0px; width: 955px; height: 16px; padding-bottom:2px; overflow: hidden; border: none 1px green; }

div#inhoudLeft					{ float: left;  overflow: hidden; width: 368px; }
div#inhoudRight					{ float: right; overflow: hidden; width: 574px; }

.afbeelding							{ display: block; width: 420px; height: 150px; overflow: hidden; margin: 0 0 20px 0; background-image: url(../img/visualTemplate1.jpg); text-align: right; }
.afbeelding	span.quote	{ display: block; margin: 50px 30px 20px 0; font-size: 28px; font-weight: bold; color: #fff; line-height: normal; }

.footer									{	width: 955px; margin: 6px auto 0px auto;	padding: 0;	}

div#subMenu		{ text-align:right; margin-top:5px; height: 310px; width: 250px; display: block; overflow: hidden; }


/*--------------------------------------------------------------------------------------
 stijlen voor items in de top-balk
----------------------------------------------------------------------------------------*/

.logoContainer							{ float: left; font-size: 10px; color: #fff; }
#logo_stoffels							{ width:234px; height:43px; float:left; background:url(../img/logoStoffelsTalen.jpg) bottom center no-repeat; text-indent:-9999px; }
#topMenu										{ float:right; color: #0D3692; font-weight:bold; padding-top: 16px; }
#topMenu td									{ padding: 0; margin: 0; }
#topMenu a									{ font-size: 11px; color: #fff; text-decoration: none; font-weight: normal; width: 70px; display: block; margin: 0; padding: 0; line-height: 16px; }
#topMenu a:hover						{ text-decoration: underline; }
#topMenu a.flagEnglish			{ background:url(../img/flag_ENG.jpg); background-position: 56px 3px; background-repeat: no-repeat; }
#topMenu a.flagDeutsch			{ background:url(../img/flag_DEU.jpg); background-position: 56px 2px; background-repeat: no-repeat; }
#topMenu td.tekst						{ font-size: 11px; color: #fff; text-decoration: none; font-weight: normal; width: 56px; margin: 0; padding: 0; line-height: 14px; }
#topMenu td.invoer input		{ border: solid 1px #9FCE3D; width: 120px; height: 14px; font-size: 11px; font-family: Arial Helvetica; }
#topMenu .btnSearch					{ margin: 2px 0 0 4px; }

/*--------------------------------------------------------------------------------------
 stijlen voor het hoofd-menu
----------------------------------------------------------------------------------------*/

div#menu ul										{ padding: 0; margin: 0; list-style: none; width: 955px; float: left; }
div#menu ul li								{ float: left; list-style: none;}
div#menu ul a									{ display: block; font-size: 12px; text-decoration: none; line-height: 18px; color: #fff; margin: 0px 0px 0px 0px; width: 191px; text-align: center; }
div#menu ul a:hover						{ text-decoration: none; color:#000000; background-color: #919396; }
div#menu ul a.focused					{ color:#000000; background-color: #919396; }

/*--------------------------------------------------------------------------------------
 stijlen voor het sub-menu
----------------------------------------------------------------------------------------*/

div#submenuContent											{ float: right; width: 176px; height: 300px; }

div#subMenu ul													{ padding: 0; margin: 0; }
div#subMenu li													{ padding: 0 0 0 0; margin: 0; list-style:none; }
div#subMenu a														{ font-size: 11px; text-decoration: none; line-height: 20px; color:#919396; margin: 0px 4px 0px 0px; padding: 0px 20px 0 0; }
div#subMenu a:hover											{ text-decoration: none; color:#000000;}

div#subMenu															{ text-align: left; position: absolute; margin: 0; overflow: hidden; width: 180px; z-index: 0; }
div#subMenu a:hover,
div#subMenu a.active:hover							{ text-decoration: underline; color:#000000;}
div#subMenu a.active										{ font-weight: bold; color:#000000;}
div#subMenu .slide ul										{ }
div#subMenu .expandLeft									{ }
div#subMenu .expanded										{ }
div#subMenu a:hover .expandLeft, div#menu a.focused:hover .expandLeft	{ }
div#subMenu a.focused .expandLeft				{ }
div#subMenu .first											{ }
div#subMenu .level1											{ padding-left: 2em; }
div#subMenu .level1 .link								{ }
div#subMenu .level1 a										{ }
div#subMenu .level1 li									{ }
div#subMenu .item .link .text						{ padding-right:20px; background-image: url(../img/arrow.gif); background-position:right; background-repeat:no-repeat;}

/*--------------------------------------------------------------------------------------
 stijlen voor de citaten
----------------------------------------------------------------------------------------*/
												
div#citaat img								{	float: left; margin: -1px 20px 0 180px; }
div#citaat div.citaat					{ float: right; display: block; width: 574px;	margin: 50px 0 0 0; font-size: 15px; line-height: 22px; color: #919396; font-style: italic; }