@media all {
body { margin: 5px;
       background-color: #efefef;
       padding: 0px;
       text-align: left; }
a { text-decoration: none; }
a:link { color: black; }
a:visited { color: black; }
a:hover { color: gray; }
a:active { color: black; }
img { border: none; }
input { background-color: #ecc4a4;
        color: #000000;
        font: bold normal 0.8em verdana;
        float:right;
        margin:0 10px 8px 0;
        width:5em;}
/* menu */
.menu_left { border: 0px dotted gray;
  margin: 0 0 0 10px;
  padding: 0px;
  width: 60%;
  float: left;
}
.menu_right { border: 0px dotted gray;
  margin: 0px;
  padding: 0px;
  float: right;
  position: relative;
  width: 33%;;
}
/* main menu (categorie) */
.menu { border: 0px solid red; }
.menu ul {
  margin: 0 0 7px 0;
  padding:3px 0 0 0;
  font: normal bold 0.8em verdana;
}
.menu ul li {
  display: inline;
  width:150px;
  margin: 0 2px 1px 0;
  padding:5px;
  background-color: #fcf2ec;
}
.menu ul li a {
  color: #000000;
  text-decoration:none;
  font-weight:normal;
  letter-spacing:0em;
  padding: 0 4px 0 0;
}
.menu ul li.active a{
  display: inline;
  color: #fc7921;
}
/* sub menu (eiland) */
.submenu { border: 0px solid green; }
.submenu ul {
margin: 0 0 20px 0px;
padding:5px 0 0 0;
font: normal bold 0.8em verdana;
}
.submenu ul li {
display: inline;
width:150px;
margin: 0 2px 1px 0;
padding:2px 5px;
background-color: #fcf2ec;
}
.submenu ul li.active a{
display: inline;
color: #fc7921;
}
.submenu ul li a {
color: #000000;
text-decoration:none;
font-weight:normal;
letter-spacing:0em;
padding: 0 4px 0 0;
}
/* text onder menu */
.menu_message {
  font-size: 9pt;
  color: black;
  font-family:arial;
}
/* search_form */
.search form { border: 0px solid blue; 
float:right;}
.text_input{
  width:13em;
  float:left;
  margin:0;}
.button_input{
  width:5em;
  float:right;
  margin:0;}
/* text onder search */
.search_message {
clear:both;
  text-align:right;
  font-size: 9pt;
  color: black;
  font-family:verdana;
}
/* project */
.project { 
         clear: both;
         background-color: #ffffff; 
         margin: 0px 10px 0px 10px;
         color: #000000; 
         padding: 20px ;
         border: 1px solid #808080; }
.project ul li {
         clear: both; 
         float: right;
         list-style: none; 
         background-color: #ffffff; 
         margin: 0px;
         color: #808080; 
         padding: 0px ;
         font: italic normal 0.9em verdana;
         }
.project h1 {         
        clear: both;
        float: left;
        font: normal small-caps 1.6em verdana;
        color: #fc7921;
        margin: 0;
}
.project p{
        clear: both;
        margin: 0 0 20px 0;
        padding: 20px 0 0 0;
        border: 0px solid #808080;
        font: normal normal 1em verdana;}
.project img{
        max-width: 310px; 
        margin: 5px;
        vertical-align: top;          
}

/* org_list */
.org_list { 
         clear: both;
         color: #000000; 
         margin: 0px;
         padding: 0em;
         }
.org_list h1 { 
         clear: both;
         font-size: 1.3em;
         color: #000000; 
         margin: 0px;
         padding: 0em;
         font: normal normal 1.2em verdana;}
.org_list ul {
         padding: 0;
}
.org_list ul li{ 
         list-style: none;
         font: normal small-caps 1.7em verdana;
         margin: 0 0 0.5em 0;

         background-color: #ffffff;
         color: #000000;
         padding: 0 0.5em 0.5em 0.5em;
         border: 0px solid green; }
.address { 
         font: normal bold 0.5em verdana;
         color: #000000;
         padding: 0 0 5px 0;
         border: 0px solid red; }
.short_description { 
         font: normal normal 0.5em verdana;
         color: #000000;
         border: 0px solid red; }
.org_list ul li a { 
         font: normal small-caps 0.8em sans-serif;
         color: #fc7921;
         border: 0px solid red; }
.org_list ul li a:hover { 
         font: italic small-caps 0.8em sans-serif;
         border: 0px solid red; }
.org_list ul li ul { 
         border: 0px solid red; }
.org_list ul li ul li { 
         font: normal normal 0.4em verdana;
         color: #000000; 
         border: 0px solid red; }
/* cat_list */
.cat_list { 
         clear: both;
         background-color: #e3f6ff; 
         margin: 0px 2em 0px 2em;
         color: #000000; 
         padding: 1em;
         border: 1px solid #ffffff; }
.cat_list ul { 
         list-style: none;
         background-color: #e3f6ff; 
         margin: 0px;
         color: #000000;
         padding: 0px;
         border: 0px solid green; }
.cat_list ul li a { 
         font: normal small-caps 1.5em sans-serif;
         color: #000000;
         border: 0px solid red; }
.cat_list ul li a:hover { 
         font: normal small-caps 1.5em sans-serif;
         color: #000000;
         border: 0px solid red; }
.cat_list ul ul { 
         list-style: none;
         background-color: #e3f6ff; 
         margin: 0px 0px 0px 1.5em;
         color: #000000;
         padding: 0px;
         border: 0px solid green; }
.cat_list ul ul li a { 
         font: normal small-caps 1em sans-serif;
         color: #000000;
         border: 0px solid red; }
.cat_list ul ul li a:hover { 
         font: normal small-caps 1em sans-serif;
         color: #000000;
         border: 0px solid red; }
/* prev and next */
.first {          
         clear: both;
         margin: 1em;
         color: #000000; 
         width: 10 px;
         float: left; }
.prev { 
         margin: 1em;
         color: #000000; 
         width: 10 px;
         float: left; }
.next {  
         margin: 1em;
         color: #000000;  
         width: 10 px;
         float: left; }
.last { 
         margin: 1em;
         color: #000000; 
         width: 10 px;
         float: left;  }
/* organisation */
.organisation { 
         clear: both;
         margin: 10px 10px 10px 10px;
         font: normal 0.9em verdana;
         color: #ffffff; 
         padding: 0 0 20px 0;
         border: 0px solid #ffffff; 
         line-height: 1; 
         background-color: #808080;}
.organisation a { color: #ecc4a4; 
         font: italic normal 1em verdana;}
.organisation a:hover { color: #fc7921; }
.organisation p { clear: both; }
.organisation h1 { color: #fc7921; 
         font: normal 2.4em verdana;
         text-align: left;
         margin: 20px;
         padding: 20px 0 0 0;
          }
.organisation ul li img {
         vertical-align: middle;
         width: 35px;
         height: 35px;
         margin: 5px;
}
.organisation ul li {
         vertical-align: middle;
         list-style-type: none;
}
.organisation img {
         max-width: 250px;
         margin-right: 10px;
}
.no_results{
         clear: both;
         border: 0px solid green;
         padding: 30px 0 0 15px;
         font: normal normal 0.9em verdana;
         color: #000000;
}

.explanation h1{
padding: 30px 0 0 5px;
         font: normal normal 1.2em verdana;
         color: #000000;}
}