body.normal
{
  margin: 0;
  padding: 0;
  font-family:  verdana,arial,helvetica,sans-serif;
  font-size:  9px;
  background: url(images/RE-background.jpg) no-repeat fixed; 
  background-position: 50% 60px;
  background-color: #80B800;
}

body.popup
{
  margin: 0;
  padding: 0;
  font-family:  verdana,arial,helvetica,sans-serif;
  font-size:  9px;
  background-color: #D9E342;
}

body.treeview
{
  margin: 0;
  padding: 0;
  font-family:  verdana,arial,helvetica,sans-serif;
  font-size:  9px;
  color: #0B5D52;
  background-color: #ffffff;
}

.treeview a:link, .treeview a:visited, .treeview a:active
{
  color: #0B5D52;
  text-decoration: none;
}

.treeview a:hover
{
  color: #0B5D52;
  text-decoration: underline;
}

#expbuilder_main
{
  width: 600px;
  position: absolute;
  top: 20px;
  left: 10px;
  margin-left: 10px;
}


#hoofd
{
  width: 990px;
  position: absolute;
  left: 50%;
  top: 0;
  margin: 0 0 0 -496px;
}

.boven
{
  height: 60px;
  position: relative;
  top: 0;
  left: 0;
  background-position: 0 0;
  text-align: right;
  font-weight: bold;
}


#randwegeindhoven
{
  color:  #0B5D52;
  background: url(images/RE-topbalk.jpg) no-repeat;
}



#links
{
  margin: 0;
  padding: 3px;
  background-color: #D9E342;
  font-weight: bold;
  color:  #0B5D52;
  width:  225px;
  height: 515px;
  position: absolute;
  position: relative;
  top:  0px;
  left: 0px;
  font-size:  9px;
  text-align: left;
}

#rechts
{
  position: absolute;
  top:  59px;
  left: 229px;
  width: 762px;
  padding: 0px;
}

#navtools
{
  position: absolute;
  bottom: 0px;
  margin: 5px;
}

#tekstlaag
{
  background-color: #0B5D52;
  font-size : 7pt;
  font-weight: bold;
  color   : #FFFFFF;
  border-width  : 0px;
  margin: 2px;
  z-index:  1;
  position: relative; 
  top:  5px;
}

.instructies
{
  background-color: #0B5D52;
  font-family : Verdana;
  font-size : 9px;
  color   : #FFFFFF;
  font-weight: bold;
  margin-left: 0; 
  margin-top: 3px;
  padding: 3px;
}
#instructies
{
  background-color: #0B5D52;
  font-family : Verdana;
  font-size : 9px;
  color   : #FFFFFF;
  font-weight: bold;
  margin-left: 0; 
  margin-top: 3px;
  padding: 3px;
}

#knoppen1, #knoppen2, #knoppen3
{
  height: 30px;
  padding: 3px;
}

#knop
{
  margin: 0px;
  padding: 0px;
  color:  #0B5D52;
  font-weight: bold;
  position: relative; 
  top: 0px;
  left: 2px;
  font-size:  9px;
  float: left;
}

#knop ul 
{
  margin-left: 1px;
  padding: 0;
  text-align: left;
  list-style-type: none;
  float: left;
} 

#knop ul li 
{
  background-color: #D9E342;
  display: inline;
  margin: 1px;
  padding: 2px; 
  float:  left;
}

#knop ul li.zulte
{
  height: 60px;
}

#labels
{
  font-size : 10px;
  font-weight: bold;
  color   : #FFFFFF;
  width: 100%;
  position: relative; 
  float: left;
  top:  0px;
  margin: 2px;
  padding: 5px;
}

#labels p
{
  height: 25px;
}

#kaart
{
  color:  #0B5D52;
  width:  100%;
  height: 450px;
  position: relative; 
  top:  1px;
  left: 0px; 
  font-size:  9px;
  text-align: left;
  float:  left;
  margin: 2px;
  border-color: #0B5D52;
}

#leeg2
{
  height: 18px;
}

tr.rowSelect 
{
  background-color: #FFFFFF;
  color: #0B5D52;
}
tr.rowNormal 
{
  background-color: #D9E342;
  color: #0B5D52;
}

#labels TD
{
  font-size : 10px;
  font-weight: bold;
  color :#404040;
}

td.rowSelect 
{
  color: #0B5D52;
}
td.rowNormal 
{
  color: #0B5D52;
  font-size: 10px;
  font-weight: normal;
}

input.transparentfield
{
  font-size : 10px;
  font-weight: bold;
  color : #000000;
}

input.inputfield
{
  font-size : 10px;
  font-weight: bold;
  color   : #000000;
}

label
{
  background: none;
}

#bla
{
  color: #D9E342;
  font-size: 1px;
}

#kaartje
{
  width: 340px;
  height: 340px;
}

img.spin
{
  width: 246px;
  height: 50px;
  position: absolute;
  top: 50%; 
  margin-top: -25px;
  left: 50%; 
  margin-left: -123px;
}

#toc
{
  background-color: #D9E342;
  overflow: auto;
  margin: 0px;
  padding: 0px;
  height: 175px;
  width: 100%;
}

#zoekresultaten
{
  height: 210px;
  width: 100%;
  overflow: auto;
  font-weight: normal;
}

#vorige
{
  text-align: right;
  position: relative;
  margin-right: 30px;
  padding: 10px;
  height: 20px;
}

#zoekknoppen
{
  text-align: right;
  position: relative;
  margin-right: 30px;
  height: 30px;
}

.QUICKZOOM
{
  position: relative;
  top: 0px;
  left: 5px;
  margin: 0px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 7pt;
  font-weight: normal;
  color: #0B5D52;
}

a:link, a:visited, a:active 
{
  color: #0B5D52;
}


.page
/* Defines the page style.
   - Basic usage sets the background colour. */
{
  /*background-color: #AAAAAA;*/
  background-color: #D9E342;
}

.layoutTable
/* Defines the style of the main layout table.
   - Basic usage sets the background colour, which acts as an outline.
   - Every popup must use a table with 1 column and as many rows as are 
     needed for the popup. Basic popups with an OK or CANCEL button would 
     use a layout table with 2 rows, while more advanced popups like the 
     SEARCH popup use 3 rows, one for the search, one for the results, 
     and one for the OK, CANCEL buttons */
{
  background-color: #666666;
}

.titleArea
/* Defines the style for the title table.
   - Every popup has a title table as the first table within the layout table*/
{
  /*background-color: #B2C4C4;*/
  background-color: #EEFFBD;
}

.title
/* Defines the style for the title text.
   - Every popup has a title this sets the font, size, colour etc.*/
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #0B5D52;
  vertical-align: middle;
  text-align: left;
  margin: 5px;
}

.contentArea
/* Defines the style of content layout tables.
   - Basic usage sets the background colour of the content areas.
   - Every popup must use at least 1 content layout table, but often use 2,
     one for the help text, and one to layout the popup's input elements.
   - For best results this table should have cellspacing="0" otherwise the 
     colour of the page or layoutTable will show through. */
{
  background-color: #EEFFBD;
}

.subLayoutTable
/* Defines the style of secondary (nested) layout tables.
   - Basic usage sets the background colour, which acts as an outline;
     similar in usage to layoutTable.
   - This allows for more advanced designs like the layer browser dialogue. */
{
  background-color: #666666;
}

.subContentArea1
/* Defines the style of tables or cells in secondary layout tables.
   - Basic usage sets the background colour of a sub content areas.
   - This allows for more advanced designs and is intended to be used
     with subLayoutTable (either styling cells, or nested-tables). */
{
  background-color: #EEFFBD;
}

.subContentArea2
/* Defines an alternate style of tables or cells in secondary layout tables.
   - Used in the same way as subContentArea1. */
{
  background-color: #EEFFBD;
}

.helpArea
/* Defines the style of the help area.
   - Basic useage sets the styling of the <p> that surrounds the help text. */
{
  font-family: Verdana;
  font-size: 11px;
  color: #FFFFFF;
  font-weight: bold;
  background-color: #0B5D52;
  width: 400px;
  text-align: justify;
}

.label
/* Defines the style of text labels.
   - Basic useage sets the size, colour and font of any labels of input
     elements. */
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #0B5D52;
}

.label2
{
  font-size: 11px;
  font-weight: normal;
  color: #0B5D52;
}

.note
/* Defines the style of text notes.
   - Basic useage sets the size, colour and font of any small notes
     Also used in the legend for small text. */
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #333333;
}

.text
/* Defines the style of text blocks.
   - Basic useage sets the size, colour and font of <p>, <span> or 
     <div> tags. */
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #0B5D52;
  font-weight: bold;
}

TD.text 
/* Defines the style of text blocks.
   - Basic useage sets the size, colour and font of <p>, <span> or 
     <div> tags. */
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #0B5D52;
  font-weight: bold;
}

TD.donkergroen 
/* Defines the style of text blocks.
   - Basic useage sets the size, colour and font of <p>, <span> or 
     <div> tags. */
{
  background-color: #0B5D52;
}

TD 
/* Defines the style of text blocks.
   - Basic useage sets the size, colour and font of <p>, <span> or 
     <div> tags. */
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #0B5D52;
  font-weight: bold;
}

.list
/* Defines the style of ordered and unordered lists.
   - Basic useage sets the size, colour and font of any <ul>, <ol> tag. */
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
}

.listItem
/* Defines the style of list items.
   - Basic useage sets the size, colour and font of any <li> tag.
     Normally would be the same as list, but more advanced techniques
     can be used as well.*/
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
}

.inputBox
/* Defines the style of text input elements.
   - Basic useage sets the font and size of any input elements' text.
   - More advanced useage sets the styling of the input area as well. */
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  background-color: #FFFFFF;
}

.inputList
/* Defines the style of list input elements.
   - Basic useage sets the font and size of any input elements' text.
   - More advanced useage sets the styling of the input area as well. */
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  background-color: #FFFFFF;
}

.nnInputWrap
/* Workaround to define the style of input elements for nn4.x.
   - Sets the font and size of input elements' text. */
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
}

/* .inputBox
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  background-color: #FFFFFF;
  padding: 3px;
  border: 1px solid #666666;
} */
#simple_expression, #complex_expression
{
  position:absolute;
  top: 0px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 11px;
}

#simple_expression a:link,a:active,a:visited, #simple_expression a:link,a:active,a:visited  
{
  color: #0B5D52;
}