@charset "utf-8";

body  {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* het is een goede gewoonte om de instellingen voor margin (marge) en padding (opvulling) van het element body op nul in te stellen en daarmee op de standaardinstellingen van de verschillende browsers */
	padding: 0;
	text-align: center; /* hiermee centreert u de container (het hoofdobject) in IE 5*-browsers Vervolgens wordt de tekst ingesteld op de standaardinstelling van links uitlijnen in de kiezer #container */
	color: #5d3529;
}

.disabled{
	color:#999999;
	margin: 0; 
	padding: 0;
}
.enabled{
	color:#000000;
	margin: 0;
	padding: 0;
}
body h1{
	font: 200% "Times New Roman", Times, serif;
	font-weight:bold;
}
body td h1{
	font: 200% "Times New Roman", Times, serif;
	font-weight:bold;
}
body h2{
	font:120% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
body td h2{
	font:120% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.twoColFixRt #container {
	width: 732px;  /* door het gebruik van 20 pixels minder dan een volledige breedte van 800 pixels ontstaat ruimte voor de randen van het browservenster (vaak aangeduid met “browser chrome”) en wordt een horizontale schuifbalk vermeden */
	background: #FFFFFF;
	text-align: left; /* hiermee wordt de instelling text-align: center voor het element body genegeerd. */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 5px 5px 5px 5px;
	border:#CCCCCC solid 1px;
}
.twoColFixRt #sidebar1 {
	
	width: 219px; /* in op standaards gebaseerde browsers of in de op standaards gebaseerde modus van Internet Explorer omvat de feitelijke breedte van dit element div naast de breedte tevens waarden voor padding (opvulling) en border (rand) */
	background: #f6f3ef; /* de achtergrondkleur wordt weergegeven over de lengte van de inhoud in de kolom, maar niet verder */
	padding: 15px 10px;
	border: 1px solid #A99074;
	margin-right: 3px;
}

.twoColFixRt #sidebar1 a {
	text-decoration:underline;
	color:#5d3529;
}
.twoColFixRt #sidebar1 a:hover 
{ 
	text-decoration:underline;
	color:#5d3529;
}
.twoColFixRt #sidebar1 ol
{
	padding-left:15px;
}
.twoColFixRt #sidebar1 ul
{
	padding-left:15px;
}
.twoColFixRt #footer {
	float:right;
	padding-right:4px;
	height:20px;
	width:690px;
	text-align:right;
	padding-top:9px;
} 

.twoColFixRt #sign{
	float:left;
	width:32px;
	height:35px;
	background-repeat:	no-repeat;
	background-position:center;
	background-image:url(/Images/Default/Sign.gif);
}

.twoColFixRt #footer a:hover{
	text-decoration:underline;
	color:#5d3529;
} 
.twoColFixRt #footer a{
	text-decoration:none;
	color:#5d3529;
} 
.twoColFixRt #mainContent {
	margin-right: 4px;/*227px;*/ /* de rechtermarge van dit element div maakt de kolom aan de rechterzijde van de pagina – de kolomruimte blijft gehandhaafd, ongeacht de hoeveelheid inhoud die het element div voor sidebar1 bevat. U kunt deze marge verwijderen als u de tekst van het element div voor #mainContent de ruimte van #sidebar1 wilt laten opvullen wanneer de inhoud van #sidebar1 eindigt. */

	padding: 15px 10px; /* vergeet niet dat onder padding (opvulling) wordt verstaan de ruimte binnen in het vak van het element div, terwijl margin (marge) betrekking heeft op de ruimte buiten het vak van het element div */
	border: 1px solid #A99074;
	background: #f6f3ef;
	width:462px;
} 
.twoColFixRt #overview {
	margin-right: 4px;/*227px;*/ /* de rechtermarge van dit element div maakt de kolom aan de rechterzijde van de pagina – de kolomruimte blijft gehandhaafd, ongeacht de hoeveelheid inhoud die het element div voor sidebar1 bevat. U kunt deze marge verwijderen als u de tekst van het element div voor #mainContent de ruimte van #sidebar1 wilt laten opvullen wanneer de inhoud van #sidebar1 eindigt. */
	float:right;
	padding: 15px 10px; /* vergeet niet dat onder padding (opvulling) wordt verstaan de ruimte binnen in het vak van het element div, terwijl margin (marge) betrekking heeft op de ruimte buiten het vak van het element div */
	border: 1px solid #A99074;
	background: #f6f3ef;
	width:706px;
	height:auto;
} 
.twoColFixRt #overview a {
	text-decoration:underline;
	color:#5d3529;
}
.twoColFixRt #overview a:hover 
{ 
	text-decoration:underline;
	color:#5d3529;
}
.twoColFixRt #overview h2{
	padding-left: 29px;
	padding-right:20px;
} 

.twoColFixRt #overview p{
	padding-left:29px;
	padding-right: 20px;
}
.twoColFixRt #overview table h2{
	padding-left: 0px;
	padding-right:20px;
	margin-bottom:2px;
	margin-top:0px;
	padding-top:-3px;
} 
.twoColFixRt #overview table p{
	padding-left: 0px;
	padding-right:20px;
	margin-top:2px;
	margin-bottom:2px;
} 
.twoColFixRt #mainContent p{
	padding-left:29px;
	padding-right: 20px;
} 
.twoColFixRt #mainContent form{
	padding-left:29px;
	padding-right: 20px;
} 
.twoColFixRt #mainContent h2{
	padding-left: 29px;
	padding-right:20px;
} 
.twoColFixRt #mainContent table h2{
	padding-left: 0px;
	padding-right:20px;
	margin-bottom:2px;
	margin-top:0px;
	padding-top:-3px;
} 
.twoColFixRt #mainContent table p{
	padding-left: 0px;
	padding-right:20px;
	margin-top:2px;
	margin-bottom:2px;
} 
.twoColFixRt #mainContent a {
	text-decoration:underline;
	color:#5d3529;
}
.twoColFixRt #mainContent a:hover 
{ 
	text-decoration:underline;
	color:#5d3529;
}
.fltrt { /* dit exemplaar van class kan worden gebruikt om een element aan de rechterzijde van uw pagina te laten zweven. Het zwevende element moet voorafgaan aan het element dat, op de pagina, naast het zwevende element moet staan. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* dit exemplaar van class kan worden gebruikt om een element aan de linkerzijde van uw pagina te laten zweven. */
	float: left;
	margin-right: 8px;
	font-size: 14px;
}
.clearfloat { /* dit exemplaar van class moet op een element div of break zijn geplaatst en dient het laatste element te zijn vóór de afsluiting van een container (hoofdobject) die op zijn beurt een zwevend object volledig dient te bevatten */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.mainMenu {
	float: left;
	margin-right: 0px;
	width: 730px;
	height: 30px;
	text-align: center;
	vertical-align: top;
}
.mainMenu a { 
	text-decoration:none;
	color:#5d3529; 
}
.mainMenu a:hover 
{ 
	text-decoration:underline;
	color:#5d3529;
}
.mainMenuItem {
	float: left;
	margin-right: 7px;
	width: 114px;
	font-size: 11px;
	text-align: center;
}
#smallMenu a { 
	text-decoration:none;
	color:#5d3529; 
}
#smallMenu a:hover 
{ 
	text-decoration:underline;
	color:#5d3529;
}