/* ***************** start navigatie ************************ */


#navigatie ul
{

  margin: 0 0 0.4em 1em;
  padding: 0;
}
#navigatie .listtitle {
  position:absolute;
  top: 1.4em;
  margin: 0 0 0 1em;
  color:#ffffff;
}
.listtitle a, .listtitle a:link, .listtitle a:visited, .listtitle a:hover {
  color:#ffffff;
  text-decoration:none;
}
#navigatie ul li
{
  /* Stipulate the height of each item so that 
  vertical return = items * height */
    
list-style-type: none;

  line-height: 1.2em;

  /* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
  padding: 0;
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there’s a level above HTML: */

* html #navigatie ul li
{
  position: relative;
}
/* horizontal position of each column */

#navigatie ul li.column1 { margin-left: 0em; /*width: 9em;*/}
#navigatie ul li.column2 { margin-left: 17em;/*width: 12em;*/ }
#navigatie ul li.column3 { margin-left: 35em;/*width: 12em;*/ }
/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 2 items * 1.2em line-height + 2 items * margin-bottom+magin-top = 3.6em */

#navigatie li
{
    background-image: url('../images/topmenu_arrow.gif');
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 10px;
    padding-right: 20px;
}

#navigatie li.reset
{
  margin-top: -5.3em;
}
/* anchor styling */

#navigatie ul li a
{ 
  color: #FFF; /* white */
  font-weight:bold;
  display: block;
  margin-left:1em;
  padding: 0.3em 0.3em 0.3em 0.3em;
  
  text-decoration: none;
}
#navigatie ul li a:hover
{
  color: #FFF; /* white */
  background-color: #C50000; /* brown */
}

#navmenu{
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight:bold;
color: #FFFFFF;
}

/* ***************** einde  navigatie ************************ */

/* ***************** begin sidebar en tools ************************ */
#logo_av {
bottom:39px;
padding:1px 0pt 0pt 2px;
position:absolute;
right:10px;
width:125px;
}

#logo_avleft475 {
bottom:39px;
left:475px;
padding:1px 0pt 0pt 2px;
position:absolute;
right:10px;
width:125px;
}

#zoekaveen {
  background-color:#bb0000;
  position: absolute;
  right: -1px;
  bottom: 0px;
  width:25%;
 
 height: 100%;
  padding:0 0 0 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
  font-weight: bold;
  color: #FFFFFF;  
}

* html #zoekaveen  /* this is recognized by IE only */
  {
  bottom: -1px; /* content width for other IE */
  }
#zoekaveen  /* this is recognized by IE only */
  {
 bottom: 0px; /* content width for other IE */
  }
div.AV2_Search  {
  padding: 7px 3px 5px 10px;
  float: bottom;
}

a.zoekaveenhelp {
  color:#FFFFFF;
  font-weight:normal;
  font-size:0.75em;
  text-decoration: underline;
}
#zoekaveen input {
  border-color:black #BB0000 #BB0000 black; 
  border-style:solid;
  border-width:1px;
}

#zoek form {
  display: inline;
  margin: 0px;
  padding: 0px;
}
#zoek {
  background-color:#EEEEEE;
  padding:5px;
  font-size: 75%;
  margin-top: 1px;
}
* html #zoek {
  left: -2px;
  position: relative;
}
#zoek input {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  width: 65%;
  color:#333333;
  margin: 0 5px 3px 0;
}

#tools {
  margin: 0 10px 30px 0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding: 3px 0 2px 0px;
  font-size:75%;
  xbackground-color:#FFFFFF;`
}

#tools .banner {display: block; padding: 10px 0}

#icons {
  margin: 4px 0 3px 0;
  padding: 3px;
  
  padding-left:2px;
  height:21px;
  background-color: #EEEEEE;
  clear: both;
  
}

#tooltips {
  clear:left;
  height:18px;
  position: relative;
}
.tooltip {
  position:absolute;
  height:18px;
  visibility: hidden;
  color:#666666;
  background-color:#ffffcc;
  border: solid 1px #666666;
  padding: 0px 3px;
}
.divider {
  position:relative;
  top: 0px;
  width:1px;
  height:18px;
  margin:0px 3px 0 3px;
  background-color: #B2B2B2;
  float:left;
}
#tools img {
  float:left;
  margin: 1px 2px 0 2px;
  
}
#icons a:link img, #icons a:visited img , #icons a:active img  {
  border-top: solid 1px #FFFFFF;
  border-left: solid 1px #FFFFFF;
  border-right: solid 1px #D9D9D9;
  border-bottom: solid 1px #C4C4C4;
  background-color: #B2B2B2;
}
#icons a:hover img {
  border-top: solid 1px #C4C4C4;
  border-left: solid 1px #D9D9D9;
  border-right: solid 1px #FFFFFF;
  border-bottom: solid 1px #FFFFFF;
  background-color: #666666;
}
#tools a:link, #tools a:hover, #tools a:visited{
  width: 18px;
  height: 18px;
  text-decoration: none;
}
#tools a:hover {
  width: 18px;
  height: 18px;
}

#tools .readspeaker a img {
          vertical-align: top;
          margin-top: -1px;       
}
.tooltekst 
{
   float: left;
  padding: 4px 0;
  min-height: 1.4em;
 
}
.tooltekst .set {
  float: left;
  height: 1.2em;
  white-space: nowrap;
  padding: 1px 0 4px 0;
}

#tools .tooltekst a:link, #tools  .tooltekst a:visited, #tools .tooltekst a:hover, #tools .tooltekst a:active {
  background-color: #FFFFFF;
  text-decoration: none;
}
.context p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
  font-size:90%;
  line-height:160%;
}
.context ul, context li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.context {
  padding: 0px 0px 10px 8px;
  background-color: #f6f6f6;
  margin: 0px 0px 15px 0px;
}
.context h1 {
  margin: 0px 0px 2px -8px;
  padding: 2px 0 2px 8px;
  background-color: #999999;
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 120%;
  height: 1.5em;
}
.yourbookmarks h2 {
  margin: 0px 0px 2px -8px;
  padding: 2px 0 2px 8px;
  background-color: #E5E5E5;
  color: #666666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 120%;
  background-image: url(../images/icon_bookmark.gif);
  background-position: right center;
  background-repeat: no-repeat;
  height: 1.5em;
}
.context h2 {
  margin: 0px 0px 2px -8px;
  padding: 2px 0 2px 8px;
  background-color: #E5E5E5;
  color: #666666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 120%;
  background-position: right center;
  background-repeat: no-repeat;
  height: 1.5em;
}
.context h3 {
  color: #666666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size: 90%;
  margin: 10px 0px 2px 0px;
}

.special {
  padding: 0px;
  margin: 15px 0 15px 0px;
  border-bottom: 1px solid #a59e63;
  border-left: 1px solid #a59e63;
  border-right: 1px solid #a59e63;
  position:relative;
}
.special .kop {
  position:relative;
  top: -7px;
  height: auto;
  margin: 0 -1px 0 -1px;
  padding: 0px;
  background:  url(../images/special_top.gif) no-repeat 0px 2px;
}
.specialcontent {
  font-size: 105%;
  position:relative;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 0px 15px 5px 15px;
}
#specialcontentlink {
  padding: 5px 0px 0px 0px;
  font-weight : bold;
  position:relative;
}
#specialcontentlink A:link {
  text-decoration: underline;
}
#specialcontentlink A:hover {
  color: #EE0000; 
  text-decoration: none;
}
#specialcontentlink A:visited {
  text-decoration: underline;
}
a:link.meerlink,  a:visited.meerlink, a:active.meerlink {
  color:#CC0000;
}
a:hover.meerlink {
    color:#EE0000;
  text-decoration:none;
}
.special .kop h1 {
  font-family:Georgia, "Times New Roman", Times, serif;
  color: #EE0000;
  margin: 0px;
  background: url(../images/special_header.gif) no-repeat 14px 9px;
  font-size:155%;
  padding: 16px 0 10px 40px;
}
.bookmarkx {
  margin-left:5px;
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:90%;
}
.bookmarkx A:link {
  color: #EE0000; 
  text-decoration: none;
}
.bookmarkx A:hover {
  color: #EE0000; 
  text-decoration: underline;
}
.bookmarkx A:visited {
  color: #EE0000; 
  text-decoration: none;
}

* +html #logo_av {
bottom:41px;
padding:1px 0pt 0pt 2px;
}

html>body #logo_av {
bottom:41px;
padding:1px 0pt 0pt 2px;
}


/* ***************** einde sidebar en tools ************************ */

/*GX Specific*/
#read_icons 
{
    float: right;
  margin-top: 4px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;  
  padding-right: 3px;
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  height:18px;
  background-color: #FFFFFF;
  
  
  
}