body {

  

  font-family: "Trebuchet MS", 'Lucida Grande', 'Geneva', lucida, verdana, helvetica, sans-serif; 

  font-size: smaller;

  margin: 0;

  padding: 0;

  border: 0;

}

p, li, td, li a {

  font-family: "Trebuchet MS", 'Lucida Grande', 'Geneva', lucida, verdana, helvetica, sans-serif; 

  color: #222;

  line-height: 1.3em;

}

pre {

  font-family: Courier, "Courier New", fixed-width, monospace;

  font-size: 0.9em;

  line-height: 1.0em;

  color: #222;

  background-color: #fafafa;

  padding: 4px;

  overflow: auto;

 

 

}

blockquote {

  font-size: 88%;

  line-height: 1.5em;

  color: #666;

  

}

blockquote p {

  margin-top: 0;

}

table, tr, td {

  padding: 0;

  margin: 0;

  border: 0;

}

td {

  vertical-align: top;

}

.header a, b a, strong a, h1 a, h2 a, h3 a, h4 a,

.header a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,

.header, b, strong, h1, h2, h3, h4 {

  font-family: "Trebuchet MS", 'Lucida Grande', 'Geneva', lucida, verdana, helvetica, sans-serif; 

  color: #700;

  text-decoration: none;

  border: 0;

}

.tx-websiteportfolio-pi1 .title,

.tx-monosock-pi1 h2,

.news-list-item h3,

.news-single-item h2,

h1, .tx-nrdfimport-pi1 h4 {

  font-size: large;

  font-weight: normal;

  text-align: left;

  margin-top: 15px;

  margin-bottom: 10px;

  letter-spacing: 4px;

  display: block;

  color: #700;

}

h2 {

  font-size: small;

}

h3 {

  font-size: small;

}

#main {

  padding-top: 10px;

}

#content {

  color: #222;

  font-family: "Trebuchet MS", 'Lucida Grande', 'Geneva', lucida, verdana, helvetica, sans-serif;

  padding: 20px;

  padding-top: 6px;

  margin-right: 10px;

  margin-bottom: 10px;

   /*

  -moz-border-radius-topright: 8px;

  -moz-border-radius-bottomright: 8px;

  */

  background-color: white;

  /*

  background: white url('/fileadmin/www.teknowlogic.org/style/images/grey.grad.vert.png') repeat-y top right;

  */

 

  background-color: white;

  

}






/*layout divisions voor de hele pagina*/

div.top_left{
	position:absolute;
	left:0px;
	top:0px;
	width:222px;
	height:224px;
	background-image: url("../images/top_left.jpg");
	background-repeat: no-repeat;
	z-index:4;
}

/*2e plaatje van links bovenaan*/
div.top_left2{
	position:absolute;
	left:222px;
	top:0px;
	width:167px;
	height:224px;
	background-image: url("../images/top_2nd_left.jpg");
	background-repeat: no-repeat;
	z-index:4;

}
div.top_right{
	position:absolute;
	right:0px;
	top:0px;
	width:475px;
	height:224px;
	background-image: url("../images/top_right.jpg");
	background-repeat: no-repeat;
	z-index:3;
}
div.center{
	position:absolute;
	left:0px;
	right:0px;
	top:224px;
	width:100%;
	height:100%;
	z-index:3;
}
div.menu{
	position:absolute;
	left:10px;
	top:330px;
	width:170px;
	height:100%;
	z-index:6;
}

div.topmenu{
	position:absolute;
	left:300px;
	top:150px;
	height:25px;
	z-index:6;
}


div.logo{
	position:absolute;
	left:350px;
	top:40px;
	height:100px;
	z-index:5;
}


/*2e plaatje van boven aan de linkerkant*/
div.links{
	position:absolute;
	left:0px;
	top:224px;
	width:222px;
	height:94px;
	background-image: url("../images/left_2nd_top.jpg");
	background-repeat: no-repeat;
	z-index:5;
}

/*top and left spacer*/

div.BG_top{
	position:absolute;
	top:0px;
	width:100%;
	height:224px;
	background-image: url("../images/top_spacer.jpg");
	background-position: top left;
	background-repeat: repeat-x;
	z-index:1;
}
div.BG_left{
	position:absolute;
	bottom:0px;
	left:0px;
	height:10000px;
	width:234px;
	background-image: url("../images/left_spacer2.jpg");
	background-repeat: repeat-y;
	z-index:1;
}







<!--menu aan de bovenkant-->


td#menu_boven_cell {

  vertical-align: bottom;

}

#menu_boven {

  text-align: left;
  
  margin: 0;

  padding-right: 10px;

  margin-right: 10px;

  margin-top: 20px;

  padding-bottom: 10px;

  padding-top: 10px;
  
  

   
}

#menu_boven a {

  text-decoration: none;

  border: 0;

  white-space: nowrap;

  display: block;

}

#menu_boven li {

  white-space: nowrap;

  float: left;

  padding-right: 20px;

}

#menu_boven ul li a {

  letter-spacing: 2px;

}

#menu_boven img {

  border: 0;

}

#menu_boven ul {

  list-style-position: outside;

  list-style-type: none;

  padding-left: 4px;

  margin-left: 2px;

  margin-top: 0px;

}

#menu_boven a:hover {

  color: #700;

}

#menu_boven ul li {

  line-height: 1.3em;

}

#menu_boven li.hasSub a {

}

#menu_boven li.activeHasSub a {

}

#menu_boven li.current a {

  color: #700;

}




<!--menu aan de linkerkant-->


#menu {

  text-align: left;

  margin: 0;

  margin-top: 10px;

  padding-right: 10px;

  margin-right: 10px;

  padding-bottom: 10px;

  padding-top: 6px;

  
 



  

}

#menu a {

  text-decoration: none;

  border: 0;

  white-space: nowrap;

  display: block;

}

#menu li {

  white-space: nowrap;

}

#menu ul li a {

  letter-spacing: 4px;

}

#menu img {

  border: 0;

}

#menu ul {

  list-style-position: outside;

  list-style-type: none;

  padding-left: 4px;

  margin-left: 2px;

  margin-top: 0px;

}

#menu ul ul {

  border-top: 0px dashed #bbb;

  border-bottom: 0px dashed #ddd;

}

#menu ul ul ul {

  border: 0;

}

#menu ul ul li,

#menu ul ul ul li {

  text-align: left;

}

#menu ul ul li a,

#menu ul ul ul li a {

  letter-spacing: 0;

}

#menu a:hover,

#menu ul ul li a:hover,

#menu ul ul ul li a:hover {

  color: #0173bc;

}

#menu ul li {

  line-height: 1.3em;

}

#menu li.hasSub a {

}

#menu li.activeHasSub a {

}

#menu li.current a {

  color: #700;
  
  }

#menu .hidden {

  visibility: hidden;

}



<!--taalmenu aan de linkerkant-->

.lang {

  text-align: left;

}

#menu .lang a {

  display: inline;

}


<!--adres-->

#adres {

  margin-top: 12px;
  

  margin-left: 10px;  

  white-space: nowrap;

}