body { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: url(../images/ondergrond.jpg) repeat-y; background-position: top center;     }

p {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#container {
	width: 1024px;
	height: 100%;
	margin: auto;
	}

#links {
	width: 251px;
	height: 100%;
	margin-left: 20px;
	float: left;
	}
	
.logo {
	width: 251px;
	height: 177px;
	background: url(../images/logo.jpg);
	margin-bottom: 0px;
	}

.menu {
	margin: 0px;
	padding: 0px;
	}	

.menu table.nav {
	margin: 0px;
	padding: 0px;
	font: normal 12px verdana;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	}
	
.menu table.nav tr {
	height: 26px;
	margin: 0px;
	padding: 0px;
	}

td.home {
	width: 251px;
	height: 26px;
	background: url(../images/links-intro.jpg);
	}	
	
td.beveiliging {
	width: 251px;
	height: 26px;
	background: url(../images/links-home.jpg);
	}	
	
td.systeembeheer {
	width: 251px;
	height: 26px;
	background: url(../images/links-ip.jpg);
	}
	
td.werkplekautomatisering {
	width: 251px;
	height: 26px;
	background: url(../images/links-werkplek.jpg);
	}
	
td.netwerkbekabeling {
	width: 251px;
	height: 26px;
	background: url(../images/links-contact.jpg);
	}
	
td.verhuur {
	width: 251px;
	height: 26px;
	background: url(../images/links-extra.jpg);
	}
	
td.verkoop {
	width: 251px;
	height: 26px;
	background: url(../images/links-verhuur.jpg);
	}
	
td.contact {
	width: 251px;
	height: 26px;
	background: url(../images/links-verkoop.jpg);
	}

.menu table.nav a {
	text-decoration: none;
	color: #fff;
	width: 100px;
	margin-left: 25px;
	}
	
.menu table.nav a:hover, .menu table.nav a.over {
	color: #393189;
	}

.adres {
	width: 231px;
	height: 218px;
	background: url(../images/links2.jpg);
	font: normal 10px verdana;
	color: #fff;
	padding-left: 20px;
	padding-top: 20px;
	}
	
#content {
	float: left;
	width: 700px;
	}

.knop {
	width: 170px;
	border: none;
	cursor: pointer;
	padding: 3px;
	margin-top: 5px;
	background: #3A3288;
	color: #fff;
	font: normal 11px verdana, arial, helvetica, sans-serif;
	}
	
.rechts {
	padding-left: 15px;}
	
.categorietabel a {
	text-decoration: none;
	}
	
.categorietabel img {
	border: 2px solid #96B82E;
	}
	
.rechtsmenu {
	border-top: 2px solid #3A3288;
	width: 200px;
	list-style: none;
	margin-top: 10px;
	padding-top: 5px;
	padding: 0px;
	margin: 0px;
	font: normal 11px verdana, arial, helvetica, sans-serif;
	}	
	
.rechtsmenu li {
	border-bottom: 1px solid #96B82E;
	height: auto;
	padding-top: 3px;
	margin: 3px;
	}
	
.rechtsmenu li a {
	text-decoration: none;
	margin-top: 3px;
	color: #3A3288;
	}
	
.rechtsmenu li span {
	margin-top: 3px;
	color: #96B82E;
	}

table.artikel {
	border: 1px solid #3A3288;
	background: #C4C7D8;
	margin-top: 15px;
	}
	
table.artikelintro {
	border: 1px solid #3A3288;
	width: 300px;
	background: #ffffff;
	}
	
table.artikelomschrijving {
	border: 1px solid #3A3288;
	width: 300px;
	background: #ffffff;
	}
	
table.artikelintro input {
	border: 1px solid #3A3288;
	width: 70px;
	color: #3A3288;
	background: #ffffff;
	font-size: 11px;
	cursor: pointer;
	}
	
table.artikelintro ul {
	margin: 0px;
	padding: 0px;
	padding-left: 12px;
	font: normal 9px verdana, arial, helvetica, sans-serif;
	color: #000000;
	list-style: disc;
	line-height: 11px;
	}
	
table.artikelomschrijving ul {
	margin: 0px;
	padding: 0px;
	padding-left: 12px;
	font: normal 10px verdana, arial, helvetica, sans-serif;
	color: #000000;
	list-style: disc;
	line-height: 15px;
	}
	
table.artikelintro a {
	font: normal 9px verdana, arial, helvetica, sans-serif;
	color: #96B82E;
	text-align: right;
	}
	
table.prijs {
	border: 1px solid #3A3288;
	font: normal 10px verdana, arial, helvetica, sans-serif;
	width: 125px;
	background: #ffffff;
	font-weight: bold;
	margin-bottom: 8px;
	}
	
table.omschrijvingprijs {
	border: 1px solid #3A3288;
	font: normal 10px verdana, arial, helvetica, sans-serif;
	width: 153px;
	background: #ffffff;
	font-weight: bold;
	}

td.donker {
	background: #3A3288;
	width: 60px;
	height: 25px;
	}	
	
.prijswit {
	color: #ffffff; 
	font-size: 9px;
	background: #3A3288;
	height: 15px;
	font-weight: normal;
	padding-left: 3px;
	padding-top: 3px;
	}

.bedrag {
	font-size: 9px;
	}
	
span.toevoegen {
	width: 150px;
	height: 20px;
	padding: 7px 30px 7px 5px;
	border: 1px solid #3A3288;
	font: normal 11px verdana, arial, helcetica, sans-serif;
	color: #3A3288;
	background: #ffffff;
	}

span.omschrijvingtoevoegen {
	height: 20px;
	padding: 7px;
	padding-right: 55px;
	border: 1px solid #3A3288;
	font: normal 11px verdana, arial, helcetica, sans-serif;
	color: #3A3288;
	background: #ffffff;
	}

span.toevoegen a {
	font: normal 11px verdana, arial, helcetica, sans-serif;
	color: #96B82E;
	}
	
span.omschrijvingtoevoegen a {
	font: normal 11px verdana, arial, helcetica, sans-serif;
	color: #96B82E;
	}				
	
span.toevoegen input {
	margin-top: 4px;
	width: 15px;
	}				
	
span.omschrijvingtoevoegen input {
	margin-top: 4px;
	width: 15px;
	}				
	
.paginanummers {
	width: 436px;
	height: 16px;
	background: #96B82E;
	vertical-align: middle;
	margin: 0px;
	padding: 5px
	}
	
.paginanummers span.pagina {
	vertical-align: middle;
	font: bold 10px verdana, arial, helvetica, sans-serif;
	color: #fff;
	padding: 7px;
	margin-top: 5px;
	}
	
.paginanummers a {
	font: bold 10px verdana, arial, helvetica, sans-serif;
	color: #fff;
	vertical-align: middle;
	margin: 6px 3px;
	padding: 3px 5px;
	background: #BAD270;
	text-decoration: none;
	}

.paginanummers a.current {
	color: #3A3288;
	}					

.winkelwagentje {
	font: normal 11px verdana, arial, helvetica, sans-serif;
	}
	
.winkelwagentje img {
	margin-left: 5px;
	}

.winkelwagentje tr.donker {
	background: #3A3288;
	color: #fff;
	font-weight: bold;
	}

.winkelwagentje td.lijnonder {
	border-bottom: 1px solid #96B82E;
	}
	
.winkelwagentje td.lijnboven {
	border-top: 1px solid #96B82E;
	}
	
.verzendoptie {
	font: normal 11px verdana, arial, helvetica, sans-serif;
	color: #fff;
	margin-left: 77px;
	}
	
.verzendoptie a {
	color: #fff;
	}
	
.verzendoptie tr {
	background: #C4D788;
	}
	
.verder input {
	background: #3A3288;
	color: #fff;
	font: normal 11px verdana, arial, helvetica, sans-serif;
	padding: 4px;
	width: 200px;
	cursor: pointer;
	border: none;
	float: right;
	margin-bottom: 20px;
	}	
	
					
							.paarse-kop {
								color: #393189;
								font-size: 12px;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								font-weight: 700;
								line-height: 14px
								}
							
							.groene-kop   {
								color: #393189;
								font-size: 10px;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								font-weight: 700;
								line-height: 14px
								}
								
								
							.groene-kop a  {
								color: #96B82E;
								}
							
							
							
							.witte-kop {
								color: #fff;
								font-size: 12px;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								font-weight: 700;
								line-height: 14px
								}
							
							.witte-link  {
								color: #fff;
								font-size: 12px;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								line-height: 26px;
								text-indent: 25px
								}
							
							
							A.witte-link   {
								color: #fff;
								font-size: 12px;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								line-height: 26px;
								text-decoration: none
								}
							
							
							A.witte-link:hover  {
								color: #393189;
								font-size: 12px;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								line-height: 26px;
								text-decoration: none
								}
							
							
							.zwart-plat  {
								color: #000;
								font-size: 10px;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								line-height: 12px;
								font-weight: normal;								
								}
							.zwart-adres { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; margin-left: 10px; display: block; }
							A.zwart-plat  {
								color: #000;
								font-size: 10px;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								line-height: 12px;
								text-decoration: underline
								}
							
							A.zwart-plat:hover {
								color: #393189;
								font-size: 10px;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								line-height: 12px;
								text-decoration: underline
								}
							
							.wit-plat {
								color: #fff;
								font-size: 10px;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								line-height: 12px
								}
							A.wit-plat  {
								color: #fff;
								font-size: 10px;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								line-height: 12px;
								text-decoration: underline
								}
							
							A.wit-plat:hover  {
								color: #000;
								font-size: 10px;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								line-height: 12px;
								text-decoration: underline
								}
							
							.wit-adressering  {
								color: #fff;
								font-size: 10px;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								line-height: 12px
								}
							
							
							A.wit-adressering   {
								color: #fff;
								font-size: 10px;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								line-height: 12px;
								text-decoration: none
								}
							
							
							A.wit-adressering:hover   {
								color: #000;
								font-size: 10px;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								line-height: 12px;
								text-decoration: none
								}
							
							
							
							.paars-plat {
								color: #393189;
								font-size: 10px;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								line-height: 12px
								}

							.link a {
								color: #96B82E;
								font-size: 10px;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								float: right;
								margin: 5px;
								}	
								
							.groen-plat {
								color: #a3bf2a;
								font-size: 10px;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								line-height: 12px
								}
							
							.cel-midden   {
								background-image: url("../images/middenstuk.jpg");
								background-repeat: no-repeat;
								background-position: 0 top;
								padding-right: 15px;
								padding-left: 15px;
								width: 443px;
								border-right: 1px dotted #a3bf2a
								}
							
							
							
							.cel-rebo {
								color: #fff;
								font-size: 12px;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								font-weight: 700;
								line-height: 34px;
								background-image: url("../images/kop-groen.jpg");
								background-repeat: no-repeat;
								background-position: 0 top;
								padding-left: 15px;
								width: 173px;
								height: 34px
								}
							
							.cel-reo   { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; background-color: #96b82e; padding-right: 15px; padding-left: 15px; width: 173px; height: 245px
								 }
							
							
							
							.ruimte-20 {
								margin-top: 20px
								}
							
					
							.linksondergrondje {
								background-image: url("../images/linksondergrond.jpg");
								background-repeat: repeat-y;
								background-position: 0 top
								}
							
							.links-intro  {
								color: #fff;
								line-height: 26px;
								background-image: url("../images/links-intro.jpg");
								background-repeat: no-repeat;
								background-position: 0 top;
								text-indent: 25px;
								width: 251px;
								height: 26px
								}
							
							
							.links-home  {
								color: #fff;
								line-height: 26px;
								background-image: url("../images/links-home.jpg");
								background-repeat: no-repeat;
								background-position: 0 top;
								text-indent: 25px;
								width: 251px;
								height: 26px
								}
							
							
							.links-ip  {
								color: #fff;
								line-height: 26px;
								background-image: url("../images/links-ip.jpg");
								background-repeat: no-repeat;
								background-position: 0 top;
								text-indent: 25px;
								width: 251px;
								height: 26px
								}
							
								
							.links-werk  {
								color: #fff;
								line-height: 26px;
								background-image: url("../images/links-werkplek.jpg");
								background-repeat: no-repeat;
								background-position: 0 top;
								text-indent: 25px;
								width: 251px;
								height: 26px
								}
							
								
							.links-contact  {
								color: #fff;
								line-height: 26px;
								background-image: url("../images/links-contact.jpg");
								background-repeat: no-repeat;
								background-position: 0 top;
								text-indent: 25px;
								width: 251px;
								height: 26px
								}
							.links-contact-extra { color: #fff; line-height: 26px; background-image: url(images/links-extra.jpg); background-repeat: no-repeat; background-position: 0 top; text-indent: 25px; width: 251px; height: 26px; }
							
							.links-verhuur  {
								color: #fff;
								line-height: 26px;
								background-image: url("../images/links-verhuur.jpg");
								background-repeat: no-repeat;
								background-position: 0 top;
								text-indent: 25px;
								width: 251px;
								height: 25px;
								}
							
							.paarse-popup {
								background-image: url("../images/paarse-pop.jpg");
								background-repeat: no-repeat;
								background-position: 0 top;
								padding-top: 10px;
								padding-right: 25px;
								padding-left: 25px;
								width: 341px;
								height: 73px
								}
							
							.adressering   {
								background-image: url("../images/links2.jpg");
								background-repeat: no-repeat;
								background-position: top;
								padding-top: 65px;
								padding-left: 25px;
								width: 251px;
								height: 264px
								}
							
							
							
							ul  {
								color: #393189;
								list-style-type: circle
								}
							
							.vakken {
								color: #fff;
								font-size: 10px;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								background-color: #393189;
								width: 100%;
								height: 15px;
								border: solid 1px #a3bf2a
								}
							
							.vakken-tekst {
								color: #fff;
								font-size: 10px;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								line-height: 12px;
								background-color: #393189;
								width: 100%;
								height: auto;
								border: solid 1px #a3bf2a
								}
							
							.button {
								color: #fff;
								font-size: 10px;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								background-color: #393189;
								margin-bottom: 5px;
								height: 15px;
								border: solid 1px #a3bf2a
								}
							.plaatje { padding-right: 10px; }