
/* ------ STYLESHEET VOOR DE KLANTEN-WEBSITE ------ */


/* ------ Algemeen ------ */
BODY, TD     		{ color : #3f3f3f; font-family: Verdana, Arial, sans-serif; font-size:10pt;  }
BODY     		{ background: #eaeaea; }

 .ContentTekst	{ line-height : 16px; padding-bottom:20px;font-size: 10pt; font-family: verdana; color: #3f3f3f;}
 .boven					{ padding-left:20px; background:white; background-image: url(/website/afbeeldingen/layout/backTop.jpg); height:75;} 
 .Midden				{ background:white ;background-image: url(/website/afbeeldingen/layout/backcontent.gif);font-size:8pt; font-family:Tahoma; color:#333333; }
 .koptitels				{ padding-left:20px; padding-top:5px;padding-bottom:30px;background-image: url(/website/afbeeldingen/layout/backtitels.gif);font-size:8pt; font-family:Tahoma; color:#333333; }
 .Left			{ width:2;background:#000066; }
 .Right		{ width:2;background:#000066; }
 .Achtergrond 	{ background:#eaf1ff; }
 .WebframeOut 	{ height: 100%; width:750px; }
 .Webframe 	{ height: 100%; width:100%; background:#e8eeff; }
 .Onder		{ height:25px;}
 .Nav1balk		{ height: 24; }
 .Contentlinks {    }
 
 /* De hyperlink in de tabel heeft dezelfde stijl als de tekst op de pagina. */
 .Content		{ background:white;padding-left:10px; padding-right:20px;  }
 a.Contentlink {font-weight:normal; color : #3f3f3f; font-family: Verdana, Arial, sans-serif; font-size:11px;  text-decoration:none;}
 a.Contentlink:hover{font-weight:normal; color : #3f3f3f; font-family: Verdana, Arial, sans-serif; font-size:11px; text-decoration:none;}
 a.contentlink:visited {font-weight:normal; color : #3f3f3f; font-family: Verdana, Arial, sans-serif; font-size:11px; text-decoration:none;}
.productlink 
{
color : #3f3f3f; font-family: Verdana, sans-serif, Arial, sans-serif; font-size:11px; font-weight:normal;text-decoration:none;
}
 
.subkopForm 	{  background-color: gray; background-image: url(/website/afbeeldingen/layout/Nav1actief.jpg);  }  
.subkopFormTxt 	{ width: 100%; color :  white;font-family: Verdana, sans-serif, Arial, sans-serif; font-size:9pt; font-weight:bold; }  
.required  		{  color : red;	font-family: Verdana, sans-serif, Arial, sans-serif; font-size:9pt;  }     
.koptekst		{  width: 100%; height: 25 ;color : #cd3301; font-family: Verdana, sans-serif, Arial, sans-serif; font-size:18px; font-weight:bold;  letter-spacing:1;}  
.kopnav2		{  color : #3f3f3f;	font-family: Verdana, sans-serif, Arial, sans-serif; font-size:17px; font-weight:bold; }     
.titel		 	{  color : #cd3301; font-family: Verdana, sans-serif, Arial, sans-serif; font-size:18px; font-weight:bold;  letter-spacing:1;}  
.tabelkop		{  cursor:hand;background-color: #3f3f3f; background-image: url(/website/afbeeldingen/layout/Nav1actief.jpg); color : white; font-family: Verdana, sans-serif, Arial, sans-serif; font-size:11px;  }  
.accountbalk	{  background-color: #e1e1e1; background-image: url(/website/afbeeldingen/layout/zoek.jpg); color : black; font-family: Verdana, sans-serif, Arial, sans-serif; font-size:10px; font-weight:bold; }  
.zoek			{  background-color: #e1e1e1;  color : black; font-family: Verdana, sans-serif, Arial, sans-serif; font-size:10px; font-weight:bold; }  
.AanbCel		{  color : #3f3f3f; font-family: Verdana, sans-serif, Arial, sans-serif; font-size:11px;  } 
.AanbCelHome	{  color : #3f3f3f; background-image: url(/website/afbeeldingen/layout/vakhome.jpg); 	font-family: Verdana, sans-serif, Arial, sans-serif; font-size:11px;  } 
.gewijzigd		{ text-decoration: none; background: #ffdfcc ;color : black; font-size: 9px; padding:0px ;padding-left:3px; padding-right:3px; border-style:solid; border-width : 1px; border-color:#b30000; }
  .scontent		{  background-color: white;  color : black;	font-family: Verdana, sans-serif, Arial, sans-serif; font-size:11px; font-weight:normal; }  
  .contentOnderwerp {  background-color: white;  color : #cd3301;	font-family: Verdana, sans-serif, Arial, sans-serif; font-size:14px; font-weight:normal; }  
 .Contentrechts 		{ width:30; background:#e9e9e9;background-image: url(/website/afbeeldingen/layout/backleft.jpg);}

.nav1Achtergrond			{ height:21;text-align:center;padding-left:50px; background-image: url(/website/afbeeldingen/layout/Nav1achtergrond.jpg);  }
.nav1actief					{ width:100;text-align:center;padding: 2px 5px 2px 5px; background:gray;	background-image: url(/website/afbeeldingen/layout/Nav1actief.jpg); color : white;	font-family: sans-serif, Arial, sans-serif;	font-size:9pt; font-weight : bold; font-style: normal; }     
.nav1NietActief				{ width:100;text-align:center;padding: 2px 5px 2px 5px; color : black;	font-family: sans-serif, Arial, sans-serif;	font-size:9pt; font-weight : bold; font-style: normal; }     
.nav1NietActiefOver			{ width:100;text-align:center;cursor:hand; padding: 2px 5px 2px 5px; background:white;	 color : black;	cursor : hand; font-family: sans-serif, Arial, sans-serif;	font-size:9pt; font-weight : bold; font-style: normal; }     
.nav1NietActiefOut			{ width:100;text-align:center;padding: 2px 5px 2px 5px; color : black;	font-family: sans-serif, Arial, sans-serif;	font-size:9pt; font-weight : bold; font-style: normal; }     
.nav1Rest					{ background-image: url(/website/afbeeldingen/layout/Nav1achtergrond.jpg);}     


  .Nav1TitelHoofdbalk:hover { font-family: Arial, sans-serif; font-size: 11px; color:black; text-decoration:none; }
 /* 
 	Bij een hover over de niet actieve rubriek maar wel over de td,
	zal de hyperlink van kleur veranderen.
 */
 .nav1NietActiefOver a.Nav1TitelHoofdbalk	{ color:black; text-decoration:none;}
 .Nav1TitelHoofdbalk	{font-family: Arial, sans-serif; font-size: 11px; color:black; text-decoration:none;}
 .Nav1TitelSubbalk, .Nav1TitelSubbalk:hover	{ color:gray; text-decoration:none;  font-size: 9px; font-weight:normal; }
 
 .Subnav1NietActiefOver	a.Nav1TitelSubbalk { color: black;}
 /* kleur van items in submenu's */
 .Subnav1NietActiefOver	a.Nav1TitelSubbalk:hover { color: black;}

/* Navigatiebalk2 */
.nav2Achtergrond			{ width:180; }
.nav2actief					{ padding:5px;padding-left:9;background:white; color : #cd3301;	font-family: sans-serif, Arial, sans-serif;	font-size:11px; font-weight:bold;font-style: normal; }     
.nav2NietActief				{  padding:5px;padding-left:9;background:white;padding-left:9; color : gray;	font-family: sans-serif, Arial, sans-serif;	font-size:11px; font-weight:bold;font-style: normal; }     
.nav2Over					{  padding:5px;padding-left:9;background:white;padding-left:9; color : black;	cursor : hand; font-family: sans-serif, Arial, sans-serif;	font-weight:bold;font-size:11px; font-style: normal; }     
.nav2NietActiefOver			{  padding:5px;padding-left:9;cursor:hand;background:white; color : black;	font-family: sans-serif, Arial, sans-serif;	font-size:11px; font-weight:bold;font-style: normal; }     

a.nav2nietactief		   {  padding:5px;padding-left:9;text-decoration:none;color : #5b5b5b;	font-family: sans-serif, Arial, sans-serif; font-size:11px; font-weight : bold; font-style: normal; }     
a.nav2nietactief:hover	   { padding:5px;padding-left:9; text-decoration:none;color : black;	font-family: sans-serif, Arial, sans-serif; font-size:11px; font-weight : bold; }     



 .itembalk				{ height:22; background:#e0e0e0;background-image: url(/website/afbeeldingen/layout/BackContentItems.gif); color:white; }     

  
/* ---- LayOut ---------------- */



  .Header		{ color : #066f4e; font-family: Tahoma, Arial, sans-serif; font-weight : bold; font-size:25px;   }

/* ---- Tekst ---------------- */

  .Concept			{ height:20; background: white ;color : red; font-size: 14px; font-weight:bold; padding:1px ;padding-left:5px; padding-right:5px; border-style:solid; border-width : 1px; borderborder-color:red; }
  .ConceptSmall		{ background: white ;color : red; font-size: 8px; padding:1px ;padding-left:3px; padding-right:3px; border-style:solid; border-width : 1px; borderborder-color:red; }
  

/* ---- Navigatie ---------------- */

/* Navigatie1 */

  .Nav1Voor				{ padding-left:139; width:139; }     
  .Nav1Tussen			{ background:gray;padding-left:1px;width:1px ;}    
  .Nav1Na				{ width:100% ; }

/*   Uitklapmenu  */
 .menu					{  }
 .SubNav1Voor			{ }
 .uitklapNav1			{ background:#cd3301; width:170;}
 .Subnav1NietActief		{padding-left:5px;padding-top:2px;padding-bottom:3px;background:white; color:gray; font-size:10px;}
 .Subnav1NietActiefOver	{padding-left:5px; padding-top:2px;padding-bottom:3px;background:#e1e1e1; font-size:10px;color:black;}
  
 
/* Navigatie2 */

  .Nav2Achtergrond		{  width:180; text-align:left; }
  .Nav2Voor				{  height:30; }
  .Nav2Tussen			{  height:1 ;background:silver; }   
  .Nav2Na				{  height:0px; }
  
/* InlogBlok */

  .InlogAchtergrond		{  height:20; background:#cd3301; }
  .InlogVoor			{  height:30; background:#eaeaea; }
  .Inlog				{  padding-top:3px;padding-bottom:3px;padding-left:10px;color:black; font-family: Tahoma, sans-serif; text-align:left; font-size: 10 px; }
  .InlogFailure			{  height:20;background:white; border-color: black; border-width : 1px; border-style: solid; font-size: 10 px; color:black;}
  .InlogTussen			{  height:1; background:black; } 
  .InlogVeld			{  height: 18px; width:115px; background : white; font-size: 10px; color: black; border-color: black; padding: 2px 2px 2px 2px; border-width : 1px; border-style: solid; }
  .InlogBut				{  height: 16px; width:60px;  text-align:center; cursor:hand; background : gray; font-size: 9pt; color: white;font-weight:bold; border-color: black; border-width : 1px; border-style: none; }
  .inlogWebnaam			{  color:#cd3301;font-size:18px;padding-right:20px;padding-top:10px;padding-bottom:10px;}
  .InlogBig				{  padding-top:3px;padding-bottom:3px;padding-left:10px;color:white; font-family: verdana, sans-serif; text-align:left; font-size: 12 px; }
  .InlogBigNa			{  height:30; background:#eaeaea; }

/* ---- Sjablonen ---------------- */

  .achtergrondarchief	{ background:#ebebeb; background-image: url(/website/afbeeldingen/layout/Nav1actief.jpg);color:white; }     
  .subkop				{ padding-left:5px; background:#ebebeb; background-image: url(/website/afbeeldingen/layout/Nav1actief.jpg);color : white;	font-family: sans-serif, Arial, sans-serif; font-weight : bold; font-size:11px;  }     
  .itemtitel			{  padding-top:10px; color : #004e9b; font-family: sans-serif, Arial, sans-serif; font-weight : bold; font-size:14px;  }     
  .horlijn				{ height:0 }     
  .opsomcontent			{ height:25px; padding-top:4px;  color:black;}   

  .rij1					{background:#e8e8ff;}
  .rij2 				{background:#d9eeff;}
  .rijOver				{background:#fed1a9;}
  .rijActief			{background:silver;}
  
  a.opsom 				{  text-decoration:none; color: #cd3301 ;}
  a.opsom:hover 		{  text-decoration:underline; color: black; }
 
/* ------ Formulier ------- */
.standaardveld	
	{
	font-family: Verdana, sans-serif, Arial, sans-serif; 
	padding 		: 2px 2px 2px 2px;
	height			: 20px;
	background		: white;
	background-image: url(/website/afbeeldingen/layout/achtergrondveld.gif); background-repeat: repeat-x;
	border-color 	: gray;
	border-style 	: solid;
	font-size		: 11px;
	border-width 	: 1px;
	}

.standaardveldCategorie	
	{
	font-family: Verdana, sans-serif, Arial, sans-serif; 
	padding 		: 2px 2px 2px 2px;
	height			: 20px;
	background		: white;
	background-image: url(/website/afbeeldingen/layout/achtergrondveld.gif); background-repeat: repeat-x;
	border-color 	: gray;
	border-style 	: solid;
	font-size		: 10px;
	border-width 	: 1px;
	}	

.standaardbutton	
	{
	font-family: arial, sans-serif, Arial, sans-serif; 
	height			: 20px;
	background		: #cd3301;
	border-color 	: gray;
	border-style 	: solid;
	font-size		: 11px;
	font-weight		: bold;
	border-width 	: 1px;
	color			: white;
	cursor		: pointer;
	}

.inlogbutton	
	{
	height			: 18px;
	background		: white;
	border-color 	: white;
	border-style 	: solid;
	font-size		: 8pt;
	border-width 	: 1px;
	color			: white;
	}
	
.standaardveldover
	{
	font-family: Verdana, sans-serif, Arial, sans-serif; 
	padding 		: 2px 2px 2px 2px;
	height			: 20px;
	background		: white;
	background		: lightyellow;
	border-color 	: #910000;
	border-style 	: solid;
	font-size		: 11px;
	border-width 	: 1px;
	}
.standaardveldfout
	{
	font-family: Verdana, sans-serif, Arial, sans-serif; 
	padding 		: 2px 2px 2px 2px;
	height			: 20px;
	background		: pink;
	border-color 	: #003399;
	border-style 	: solid;
	font-size		: 11px;
	border-width 	: 1px;
	}

/* Special */

.Horlijn {  background-color: #cd3301;}  
.copyright {  color : #3f3f3f;	font-family: Verdana, sans-serif, Arial, sans-serif; font-size:10px;  }   

.horlijnContent	{  height:1px;background-color: silver; }
.NewsHome		{  letter-spacing:0px;background-color: #cd3301; background-image: url(/website/afbeeldingen/layout/Nav1actief.jpg); color : white;	font-family: Verdana, sans-serif, Arial, sans-serif; font-size:10px; font-weight:bold; }  
.alert		{  letter-spacing:0px;background-color: #cd3301; background-image: url(/website/afbeeldingen/layout/Newshome.jpg); color : white;	font-family: Verdana, sans-serif, Arial, sans-serif; font-size:10px; font-weight:bold; }  


.TabelRijAanb 		{  background-color: white; color : black; font-family: Verdana, sans-serif, Arial, sans-serif; font-size:10px;  }  
.TabelRijAanbHistorisch 		{  background-color: #e1e1e1; color : black; font-family: Verdana, sans-serif, Arial, sans-serif; font-size:10px;  }  
.TabelRijAanbOver 	{
	background-color: #fff1d5;
	color : white;
	font-family: Verdana, sans-serif, Arial, sans-serif;
	font-size:10px;
	
}
.hometekst	{
	color : #3f3f3f;
	font-family: Verdana, sans-serif, Arial, sans-serif;
	font-size:10pt;
	letter-spacing:1px;
	line-height : 16px;
}  

.info	{
	background-color: white;
	padding 		: 5px 5px 5px 5px;
	color : #3f3f3f;
	font-family: Verdana, sans-serif, Arial, sans-serif;
	font-size:11px;
	letter-spacing:1px;
	line-height : 14px;
}  


.regulartekst	{
	color : #3f3f3f;
	font-family: Verdana, sans-serif, Arial, sans-serif;
	font-size:12px;	
	letter-spacing:0px;
	line-height : 17px;

}  

.foutmelding	{
	color : red;
	font-family: Verdana, sans-serif, Arial, sans-serif;
	font-size:9pt;	
	letter-spacing:0px;
	line-height : 20px;
}  

.trans	{
background-color: #eaeaea; background-image: url(/website/afbeeldingen/layout/AchtergrondContent.jpg);
}  

.home	
	{
	background		: #f6f6f6;
	background-image: url(/website/afbeeldingen/layout/achtergrond_home.jpg);
	}  

.HomeMenu {  color : #090969;	font-family: Verdana, sans-serif, Arial, sans-serif; font-size:12px;  }   




a.accounthref				{  text-decoration:none; color : black;	font-family: Arial, sans-serif; font-size:10px; font-weight:none; letter-spacing:1px;}
a.accounthref:hover			{  text-decoration:underline; color : #cd3301;	font-family: Arial, sans-serif; font-size:10px; font-weight:none; letter-spacing:1px;}

a.contactmail				{  text-decoration:underline; color : #cd3301;	font-family: Arial, sans-serif; font-size:11px; font-weight:normal; letter-spacing:1px;}
a.contactmail:hover			{  text-decoration:underline; color : black;	font-family: Arial, sans-serif; font-size:11px; font-weight:normal; letter-spacing:1px;}


a.paging 					{ border-style : solid; border-width : 1px; border-color : gray; text-decoration: none; height:18; padding : 1px 5px 1px 5px; background-color: silver; color :black ; font-family: Verdana, sans-serif, Arial, sans-serif; font-size:10px; font-weight:bold; }  
a.paging:hover  			{ border-color : #cd3301; text-decoration: none; padding : 1px 5px 1px 5pxx; background-color: #fee6d3; color : #cd3301; font-family: Verdana, sans-serif, Arial, sans-serif; font-size:10px; font-weight:bold; }  
.pageActive 		 		{ border-style : solid; border-width : 1px; border-color : white; text-decoration: none; padding : 1px 5px 1px 5px; height:18; background-color: #cd3301; color : white; font-family: Verdana, sans-serif, Arial, sans-serif; font-size:10px; font-weight:bold; }  

.LinkSmall			 	{ text-decoration:none; color :black ;	font-family: sans-serif, Arial, sans-serif; font-size:10px; font-weight : bold; font-style: normal; }     
.LinkSmall:hover	 	{  color : #cd3301;	font-family: sans-serif, Arial, sans-serif; font-size:10px; font-weight : bold; font-style: normal; }     


a 							{  text-decoration:underline; color :#cd3301 ;	font-family: Verdana, sans-serif, Arial, sans-serif; font-size:11px; letter-spacing:0px; font-weight:bold; }
a:hover 					{  color :#000000 ;	font-family: Verdana, sans-serif, Arial, sans-serif; font-size:11px;  }

a.homelinks 				{  text-decoration:none; color : #cd3301;	font-weight:normal; font-family: Verdana, sans-serif, Arial, sans-serif; font-size:9px;  }
a.homelinks:hover 			{  color : black;	font-family: Verdana, sans-serif, Arial, sans-serif; font-size:9px;  }

a.MenuActief				{  text-decoration:none; color : black;	font-family: Arial, sans-serif; font-size:11px; font-weight:bold; letter-spacing:0px;}
a.MenuActief:hover	 		{  color : darkred; font-family: Arial, sans-serif; font-size:11px; }

a.MenuNietActief				{  text-decoration:none; color : white;	font-family: Arial, sans-serif; font-size:11px; font-weight:bold; letter-spacing:1px;}
a.MenuNietActief:hover	 	{  color : white; font-family: Arial, sans-serif; font-size:11px; }

a.Nav1ActiefLinks			{  text-decoration:none; color : white;	font-family: Arial, sans-serif; font-size:11px; font-weight:bold; letter-spacing:1px;}
a.Nav1ActiefLinks:hover 	{  color : white; font-family: Arial, sans-serif; font-size:11px; }

a.Nav1NietActiefLinks		{  text-decoration:none; color : black;	font-family: Arial, sans-serif; font-size:11px; font-weight:bold; letter-spacing:1px;}
a.Nav1NietActiefLinks:hover {  color : black; font-family: Arial, sans-serif; font-size:11px; }

a.Nav2ActiefLinks			{  text-decoration:none; color : #cd3301;	font-family: Arial, sans-serif; font-size:11px; font-weight:bold; letter-spacing:1px;}
a.Nav2ActiefLinks:hover 	{  color : #cd3301; font-family: Arial, sans-serif; font-size:11px; }

a.Nav2NietActiefLinks		{  text-decoration:none; color : gray;	font-family: Arial, sans-serif; font-size:11px; font-weight:bold; letter-spacing:1px;}
a.Nav2NietActiefLinks:hover {  color : black; font-family: Arial, sans-serif; font-size:11px; }


/* scrollbar 
  body
  {
  scrollbar-arrow-color: white;
  scrollbar-3dlight-color: white;
  scrollbar-highlight-color: #e6edff;
  scrollbar-face-color: #cd3301;
  scrollbar-shadow-color: gray;
  scrollbar-darkshadow-color: #00354f;
  scrollbar-track-color: #ebebeb; 
  }
 */