/* Ten eerste zullen we de element types definieren , daarna zullen de classes gedefinieerd worden. */
/* -------------------------------------------------------------------------------------------------------------------------------------------- */

body 
	  {
	  color: #000066;   /* tekstkleur is donkerblauw */
	  font-size: 8pt;   /* tekstgrootte */
	  font-family: Arial;  /* lettertype */
	  scrollbar-face-color: #EEEEEE; 
	  scrollbar-arrow-color: #006699; 
	  scrollbar-base-color: #222222;
	  }
h1
	{
	color: #606060;
	font-size: 12px;
	font-family: Arial;
	font-weight:bold;
	}
	
h2
	{
	color: #000066;
	font-size: 12px;
	font-family: Arial;
	font-weight:bold;
	}

h3
	{
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	width: 179px;
	line-height: 15px;
	text-align: left;
	display: block;
	}
	
select 
 	  {
 	  color: #000066; 
 	  font-size: 8pt; 
 	  font-family: Trebuchet MS, Verdana, Arial; 
 	  border: 1px solid #DBDBDB; 
 	  background-color: #f5f5f5; 
 	  width: 127px;
 	  }
 	  
input.aanhef
	  {
 	  color: #000066; 
 	  font-size: 8pt; 
 	  font-family: Trebuchet MS, Verdana, Arial; 
 	  width: 20px;
 	  }
 	  
 input.formulier
 	  {font-family: Arial;
	  font-size: 8pt;
	  color: #000066;
	  border: 1px solid #DBDBDB; 
	  background-color: #f5f5f5;
	  }
 
 	  
/*   standaard tabelopmaak */

table 
	  { 
      text-align: justify;  /* zorgt ervoor dat de tekst in alle tabellen wordt uitgelijnd. Als dit niet het geval moet zijn, dan wordt hiervoor een aparte class gedefinieerd. */
	  border: solid 0px #DBDBDB;  /* op alle tabellen wordt standaard een lichtgrijze rand gezet. */
      border-collapse: collapse; 
      }

table.border 
	  { 
      border: solid 1px #000066;  /* op alle tabellen wordt standaard een lichtgrijze rand gezet. */
      border-collapse: collapse; 
      }
  	
table.menu
	  {border: solid 0px;
	  font-family: Arial;
	  font-size: 9pt;
	  padding-top: 1px;
	  }
	  
textarea
	  {font-family: Arial;
	  font-size: 8pt;
	  color: #000066;
	  border: 1px solid #DBDBDB; 
	  background-color: #f5f5f5;
	  }
	  
.menuborder
	  {
	  border: solid 1px #DBDBDB;
	  }
	  
table.menu_hoofd
	  { position: absolute;
	  top: 0px;
	  width: 150px;
	  font-family: Arial;
	  font-size: 9pt;
	  font-weight: bold;
	  background-image: url(pictures/handenschudden_links.gif);
	  padding-left: 14px;
	  padding-top: 8px;
	  border: solid 0px #DBDBDB;
	  }

table.contact
	  {font-family: Arial;
	  font-size: 9pt;
	  color: #000066;
	  }

td.contact
	  {font-family: Arial;
	  font-size: 9pt;
	  color: #000066;
	  padding-left: 4px;
	  }

	  
table.cms_nieuwsbericht
      {
       font-family: Arial;
	   color: #000066;
	  
	  }
	  	 
table.openingstijden 
	  {
	  color: #000066;
 	  font-size: 9pt; 
	  font-family: Arial;
	  }

table.postleft
	  {margin-left: 5px;
	  }
	  
table.postright
	  {float: right;
	  }

table.banner
	  {margin-top: 0px;
	  position: absolute; top: 1px;
	  
	  }
	  
td.border-links
	  {
	 
	  border-right: solid 0px;
	 
	  border-left: solid 2px #000066;
	  }
	  
td.border-rechts
	  { border-right: solid 2px #000066;}
	  
td.border-boven
	  { border-top: solid 2px #000066;}
	  
td.border-onder
	  {border-bottom-color: #000066;
	  border-bottom-width: 2px;
	  }
	  
td.border-top
	  { border-top: solid 2px #000066;
	  border-right:  solid 2px #000066;
	  border-left:  solid 2px #000066;
	  }
	  
td.border-bottom
	  { border-left: solid 2px #000066;
	  border-bottom: solid 2px #000066;
	  border-right:  solid 2px #000066;
	  font-family: Myriad Pro;
	  font-size: 7pt;
	  font-weight: bolder;
	  color: #f5f5f5;
	  padding-left: 9px;
	  }
	  
td.contact_klein
 	  { 
  	  padding-left: 6px;
  	  font-size: 8pt; 
	  font-family: Arial;
	  }


	  
/*   opmaak voor het gebruik van links */

a:link 
	  {
	  color: #666666; 
	  cursor: hand;
	  }

a:visited 
	  {
 	  color: #666666;
	  cursor: hand;
	  }  

a:hover 
 	  {
	  color: #000066;
	  cursor: hand;
	  }
		
a.email:link
	 {color: #000066;
	 text-decoration: none;
	 }
	 
a.email:visited
	  {color: #000066;
	  text-decoration: none;
	  }
	  
a.email:active
	  {color: #000066;
	  text-decoration: none;
	  }

a.email:hover
	  {color: #606060;
	  text-decoration: none;
	  }

a.footer:link
	 {color: #ffffff;
	 text-decoration: none;
	 }
	 
a.footer:visited
	  {color: #ffffff;
	  text-decoration: none;
	  }
	  
a.footer:active
	  {color: #ffffff;
	  text-decoration: none;
	  }

a.footer:hover
	  {color: #D2D2D2;
	  text-decoration: none;
	  }


/*  Vanaf dit punt worden de classes gedefinieerd */

.table2 
 	  { 
	  border: 0px #ffffff;  /* tabel die geen gebruik maakt van een borderrand */
	  }    

.td1    
	  { 	
	  color: #ffffff; 
	  background-color: #000066; 
	  font-size: 8pt; 
 	  font-family: Arial; 
	  font-weight: bold;  
	  text-indent: 5px; 
	  }
	
.td2    
	  { 	
	  color: #000066; 
	  font-size: 9pt; 
	  font-family: Arial;  
	  padding-bottom: 5px;
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 5px;
	  }
	  
.td3  { 	
	  color: #000066; 
	  background-color: #ffffff; 
	  font-size: 9pt; 
	  font-family: Arial;  
	  padding-bottom: 5px;
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 5px;
	  }

.renderTable			
	  { 
	  color: #CCCCCC; 
	  font-size: 1px; 
	  background-color: #FFFFFF; 
	  }
	  
.headcell 
	  { 
  	  color: #000066; 
	  font-size: 8pt; 
	  font-family: Arial; 
	  font-weight: bold;  
	  text-indent: 5px;
	  border-bottom: 1px solid #000066;
	  }
	  
.gezicht_border_donker
	  { color: #000066; 
	  font-size: 8pt; 
	  font-family: Arial; 
	  font-weight: bold;  
	  text-indent: 5px;
	  border-bottom: 2px solid #000066
	  }
.gezicht_directeur
	  { color: #000066; 
	  font-size: 8pt; 
	  font-family: Arial; 
	  font-weight: bold;  
	  text-indent: 15px;
	  border-bottom: 2px solid #000066
	  }
	  
.gezicht_administratie
	  { color: #000066; 
	  font-size: 8pt; 
	  font-family: Arial; 
	  font-weight: bold;  
	  text-indent: 50px;
	  border-bottom: 2px solid #000066
	  }
	  
.gezicht_calculator
	  { color: #000066; 
	  font-size: 8pt; 
	  font-family: Arial; 
	  font-weight: bold;  
	  text-indent: 72px;
	  border-bottom: 2px solid #000066
	  }
	  
.gezicht_monteur
	  { color: #000066; 
	  font-size: 8pt; 
	  font-family: Arial; 
	  font-weight: bold;  
	  text-indent: 80px;
	  border-bottom: 2px solid #000066
	  }
	  
.gezicht_border_licht
	  { color: #000066; 
	  font-size: 8pt; 
	  font-family: Arial; 
	  font-weight: bold;  
	  text-indent: 5px;
	  border-bottom: 2px solid #DBDBDB
	  }
	  
.gezicht
	  { color: #000066; 
	  font-size: 8pt; 
	  font-family: Arial; 
	  text-indent: 5px;
	  }
	  
.gezicht_jan
	  { color: #000066; 
	  font-size: 8pt; 
	  font-family: Arial; 
	  text-indent: 40px;
	  }
	  
.gezicht_jet
	  { color: #000066; 
	  font-size: 8pt; 
	  font-family: Arial; 
	  text-indent: 57px;
	  }
	  
.gezicht_gerben
	  { color: #000066; 
	  font-size: 8pt; 
	  font-family: Arial; 
	  text-indent: 13px;
	  }

.gezicht_huub
	  { color: #000066; 
	  font-size: 8pt; 
	  font-family: Arial; 
	  text-indent: 57px;
	  }
	  
.product_cell 
	  { 
  	  font-size: 8pt; 
	  font-family: Arial; 
	  padding-left: 5px;
	  border-bottom: 1px solid #DBDBDB;
	  }

.nieuws_cell
	  { 
  	  font-size: 10pt; 
	  font-family: Arial; 
	  font-weight: bold;
	  border-bottom: 1px solid #DBDBDB;
	  }
	  

.nieuws_headcell
	  { 
  	  font-size: 10pt; 
	  font-family: Arial; 
	  font-weight: bold;
	  }

	  	  
.product_cell_empty 
	  { 
  	  font-size: 8pt; 
	  font-family: Arial; 
	  text-indent: 10px;
	  }

.nieuws_cell_empty 
	  { 
  	  font-size: 8pt; 
	  font-family: Arial; 
	  
	  }
.link_klein
 	  { 
  	  padding-left: 6px;
  	  font-size: 7pt; 
	  font-family: Arial;
	  }
	  
.tdwidth 
   	  { 
	  width: 630px; 
  	  color: #ffffff; 
  	  font-size: 8pt; 
	  background-color: #000066; 
	  font-weight: bold; 
	  text-indent: 5px; 
	  }

.tablebackground 
	  {
	  background-color: #E8E8E8;
	  color: #000066; 
	  font-size: 8pt; 
	  font-family: Arial;
	  padding-bottom : 2px;
	  padding-left : 6px;
	  padding-right : 10px;
	  padding-top : 2px;
	  }

.tableright 
 	  {
 	  margin-top: 70px;
	  margin-left: 5px;
	  margin-right: 5px;
	  }

.product_table 
	  {
	  width: 630px; 
	  color: #fffff7; 
	  font-size: 8pt; 
	  background-color: #ffffff; 
	  font-weight: bold; 
	  text-indent: 5px; 
	  text-decoration: underline;
	  }

.elektra 
	  {
	  width: 630px; 
	  color: #000066; 
	  font-size: 8pt; 
	  background-color: #e8e8e8;
	  padding-bottom: 5px;
	  padding-left: 10px;
	  padding-right: 30px;
	  padding-top: 5px;
	  }

.product_subtable 
	  {
	  color: #000066;
	  font-size: 8pt; 
	  font-family: Arial;
	  text-align: left; 
	  padding-bottom : 2px;
	  padding-left : 2px;
	  padding-right : 2px;
	  padding-top : 2px;
	  }

.product_subtable_hoogte
	  {height: 40px;}

.product_subtable_breed 
	  {
	  color: #000066;
	  background-color: #ffffff; 
	  font-size: 8pt; 
	  font-family: Arial;
	  text-align: left; 
	  padding-bottom : 2px;
	  padding-left : 2px;
	  padding-right : 2px;
	  padding-top : 2px;
	  width: 590px;
	  }
	  
.product_marge 
	  {
	  padding-bottom : 0px;
	  padding-left : 0px;
	  padding-right : 0px;
	  padding-top :0px; 
	  }

.image 
	  {
	  border: 0px;
	  }


	  

/*-------------- Hoofdmenu opmaak---------------------*/

.menu1 
	  { 
	  position: absolute;
	  top: 0px;
	  right: 4px;
	  width: 180px;
	  font-family: Arial;
	  font-size: 9pt;
	  font-weight: bold;
	  background-image: url(pictures/shaking_hands_left.gif);
	  padding-left: 20px;
	  padding-top: 8px;
	  }
		
	
.submenu 
	  { 
	  position:absolute;
	  top: 153px;
	  right: 9px;
	  border: 1px;
	  border-color: #274151 #274151 #274151 #274151;
	  border-style: solid;
	  width: 120px;
	  }


a.s-links
	  { 
	  color: #000066;
	  text-decoration: none;
	  }

a.p-links
	  { 
	  color: #000066;
	  text-decoration: underline;
	  }
	

.image_position { float: right; }

.image_postleft {float: left;}

table.noborder
	  {
	  border: solid 0px;
	  }

table.border
	  {
	  border: solid 1px #DBDBDB;
	  }