body{  
	font-family: Verdana, Arial, Courier; 
	text-align: center; 
	font-size: 13px; 	  
	color: #000000; 	  
	background-color: #F4F4F4;
	margin: 0px auto
}

.lijn {border-top: 1px dotted #022e04
	 }
	 

div#container	
	{
	text-align: left; 
	margin: 0px auto 0px auto;	
	top: 0px;
	width: 1000px;
	height: auto;
	background-color: #ffffff
	}
	
div#header
	{
	top: 0px;
	width: 1000px;
	height: 175px;
	background-image: url('images/header.jpg'); 
	background-repeat: no-repeat
	}
	
div#inhoud  
	{ 
	color: #000000; 
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 30px; 
	padding-bottom: 20px
	}
	
div#disclaimer  
	{ 
	color: #000000; 
	font-size: 13px;  
	padding: 2px; 
	text-align: center
	}         
	
a 		{
      color: #0000ff;
	   text-decoration: none
	   }
	 
a:link {
       color: #0000ff;
	    text-decoration: none
       }
	  
a:visited {
       color: #0000ff;
       text-decoration: none}
       
a:hover {color: #a8a8ff}

a img
{border: 1px solid black}

a:visited img
{border: 1px solid black}


/* NIEUWE DROPDOWN */

/* remove the bullets, padding and margins from the lists */
.menu ul, .laatste ul
	{
	list-style-type:none;
	padding:0px;
	margin:0px
	}

/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li
	{
	float:left;
	position:relative;
	z-index: 10;
	height: 30px
	}
	
.laatste li
    {
	float:left;
	z-index: 10;
	height: 30px
	}

/* use the table to position the dropdown list */
.menu table, .laatste table
	{
	position:absolute;
	border-collapse: collapse;
	z-index:8;
	left: -1px;
	top: 29px;
	padding: 0px;
	margin: 0px
	}

/* style all the links */
.menu a, .menu :visited, .laatste a, .laatste :visited
	{
	display:block;
	font-size:11px;
	padding:8px 0;
	color:#fff;
	background-image: url('images/kop.jpg'); 
	text-decoration:none;
	margin-right:0px;
	text-align:center;
	font-weight:bold
}
	
.menu a, .menu :visited
	{
	width: 110px
	}
	
.laatste a, .laatste :visited
	{
	width: 112px
	}
	
.menu a, .menu :visited
	{
	border-right: 1px solid #7d7d7d
	}


/* style the links hover */

.menu :hover, .laatste :hover
	{
	color:#fff;
	background-image: url('images/kop-a.jpg') 
	}

/* hide the sub level links */
.menu ul ul, .laatste ul ul
	{
	visibility: hidden;
	position: absolute;
	width: 132px;
	height: 0px
	}

/* make the sub level visible on hover list or link */
.menu ul li:hover ul, .menu ul a:hover ul, .laatste ul li:hover ul, .laatste ul a:hover ul
	{
	visibility: visible
	}
	
/* Tabellen CPU */
.tabel-cpu table 
	{border-size: 1px; 
	 border-style: solid;
	 border-collapse: collapse; 
	 border-style: none;
	 color: #000000
	}
	
.socket1
	{width: 50px;
	 text-align: center;
	 background-color: #FBFFD1;
	 border-left: 1px solid black;
	 border-top: 1px solid black;
	 border-bottom: 1px solid black;
	 padding-left: 5px;
	 padding-right: 5px}
	
.cpu1
	{width: 570px;
	 text-align: left;
	 background-color: #FBFFD1;
	 border-right: 1px solid black;
	 border-left: 1px solid black;
	 border-top: 1px solid black;
	 border-bottom: 1px solid black;
	 padding-left: 5px;
	 padding-right: 5px}
	 
.socket
	{width: 50px;
	 text-align: center;
	 background-color: #FDFFE8;
	 border-left: 1px solid black;
	 border-top: 1px solid black;
	 border-bottom: 1px solid black;
	 padding-left: 5px;
	 padding-right: 5px}
	
.cpu
	{width: 570px;
	 text-align: left;
	 background-color: #FDFFE8;
	 border-right: 1px solid black;
	 border-top: 1px solid black;
	 border-left: 1px solid black;
	 border-bottom: 1px solid black;
	 padding-left: 5px;
	 padding-right: 5px}
	 
/* reclame */
.reclame
	{text-align: center; 
	 color: lightgrey
	}
	
/* navigatie */
.tabel-nav table 
	{border-size: 1px; 
	 border-style: solid;
	 border-collapse: collapse; 
	 border-style: none;
	 color: #FFFFFF	
	 }
   
.kop-nav
 	{width: 670px;
	 font-weight: bold;
	 background-image: url('images/kolom-kop.jpg'); 
	 border-left: 1px solid black;
	 border-top: 1px solid black;
	 border-bottom: 1px solid black;
	 height: 25px;
	 text-align: left;
	 padding-left: 5px;
	 color: #FFFFFF	
	 }
	 
.datum-nav
 	{width: 100px;
	 text-align: right;
	 font-weight: bold;
	 background-image: url('images/kolom-kop.jpg'); 
	 border-right: 1px solid black;
	 border-top: 1px solid black;
	 border-bottom: 1px solid black;
	 height: 25px;
	 padding-right: 5px;
	 color: #FFFFFF
	 }
	
.kolom-nav
	{width: 765px;
	 border-left: 1px solid black;
	 border-right: 1px solid black;
	 border-bottom: 1px solid black;
	 background-color: #f0fff0;
	 height: auto;
	 padding: 5px;
	 text-align: left;
	 color: #000000
	 }
	 
/* tabel Elektronica Artikelen */
.tabel-elektro table 
	{
	 border-collapse: collapse; 
	 border-style: none;
	 color: #000000
	}
	
.tabel-elektro td
	{width: 100px}
    
.elektro-kolom1A
	{text-align: left;
	 background-color: #0a6c0c;
	 border-left: 1px solid black;
	 border-top: 1px solid black;
	 border-bottom: 1px solid black;
         color: #ffffff;
	 padding-left: 5px;
	 padding-right: 5px}
	
.elektro-kolom2A
	{text-align: left;
	 background-color: #0a6c0c;
	 border-right: 1px solid black;
	 border-left: 1px solid black;
	 border-top: 1px solid black;
	 border-bottom: 1px solid black;
         color: #ffffff;
	 padding-left: 5px;
	 padding-right: 5px}
	 
.elektro-kolom1B
	{text-align: left;
	 background-color: #f0fff0;
	 border-left: 1px solid black;
	 border-top: 1px solid black;
	 border-bottom: 1px solid black;
	 padding-left: 5px;
	 padding-right: 5px}
	
.elektro-kolom2B
	{text-align: left;
	 background-color: #f0fff0;
	 border-right: 1px solid black;
	 border-top: 1px solid black;
	 border-left: 1px solid black;
	 border-bottom: 1px solid black;
	 padding-left: 5px;
	 padding-right: 5px}
	 
.voorbeeld
	{height: auto;
	 background-color: #f0fff0;
	 border-right: 1px solid black;
	 border-top: 1px solid black;
	 border-left: 1px solid black;
	 border-bottom: 1px solid black;
	 padding: 5px;
	 color: #000000
	 }


/* tabel IC4000 Artikelen */
.tabel-IC4000 table 
	{
	 border-collapse: collapse; 
	 border-style: none;
	 color: #000000
	}
    
.IC4000-kolom1A
	{text-align: center;
	 background-color: #0a6c0c;
	 border-left: 1px solid black;
	 border-top: 1px solid black;
	 border-bottom: 1px solid black;
	 padding-left: 5px;
	 padding-right: 5px;
	 width: 89px;
	 color: #ffffff}
	 
.IC4000-kolom2A
	{text-align: center;
	 background-color: #0a6c0c;
	 border-right: 1px solid black;
	 border-left: 1px solid black;
	 border-top: 1px solid black;
	 border-bottom: 1px solid black;
	 padding-left: 5px;
	 padding-right: 5px;
	 width: 768px;
	 color: #ffffff}
	 
.IC4000-kolom1B
	{text-align: center;
	 background-color: #f0fff0;
	 border-left: 1px solid black;
	 border-top: 1px solid black;
	 border-bottom: 1px solid black;
	 padding-left: 5px;
	 padding-right: 5px;
	 width: 89px
	 }
	
.IC4000-kolom2B
	{text-align: left;
	 background-color: #f0fff0;
	 border-right: 1px solid black;
	 border-top: 1px solid black;
	 border-left: 1px solid black;
	 border-bottom: 1px solid black;
	 padding-left: 5px;
	 padding-right: 5px;
	 width: 768px}
	 
/* Tabellen Robot */
.tabel-robot table 
	{border-size: 1px; 
	 border-style: solid;
	 border-collapse: collapse; 
	 border-style: none;
	 color: #000000
	}
	
.motor
	{width: 180px;
	 font-weight: bold;
	 text-align: left;
	 background-color: #f0fff0;
	 border-left: 1px solid black;
	 border-top: 1px solid black;
	 border-bottom: 1px solid black;
	 padding-left: 5px;
	 padding-right: 5px}
	
.motor1
	{width: 180px;
	 text-align: left;
	 background-color: #f0fff0;
	 border-right: 1px solid black;
	 border-top: 1px solid black;
	 border-left: 1px solid black;
	 border-bottom: 1px solid black;
	 padding-left: 5px;
	 padding-right: 5px}
	 
/* opmaak programmeercode */
.code
	{background-color: #F4F4F4;
	width: 958px;
	text-align: left;
	margin: 0px;
	border: 1px dashed black;
	padding-left: 10px;
	padding-right: 10px}