html, body          {height:100%; margin: 0px;}
body {
  background-attachment: fixed;
	background-repeat: no-repeat;
}

h1, .kop            {color: #000000; font-size: 26px; line-height: 30px; font-family:Georgia, "Times New Roman", Times; font-weight: normal; margin-bottom:0px; margin-top:0px;}
h2, .subkop         {color: #000000; font-size: 24px; line-height: 28px; font-family:Georgia, "Times New Roman", Times; font-weight: normal; margin-bottom:0px; margin-top:0px;}
h3, .itemkop        {color: #000000; font-size: 13px; line-height: 15px; font-family:Georgia, "Times New Roman", Times; font-weight: bold;   margin-bottom:0px; margin-top:0px;}
h4, .itemsubkop     {color: #000000; font-size: 10px; line-height: 12px; font-family:Georgia, "Times New Roman", Times; font-weight: bold;   margin-bottom:0px; margin-top:0px;}

/*.tekstgroot         {color: #000000; font-size: 15px; font-family:Georgia, "Times New Roman", Times }
*/
body, .tekst, td    {color: #000000; font-size: 12px; font-family:Georgia, "Times New Roman", Times }
.tekstklein         {color: #000000; font-size: 10px; font-family:Georgia, "Times New Roman", Times }
.tekstheelklein     {color: #000000; font-size: 10px; font-family:Arial, Helvetica, Times }
.tekstfoto          {color: #000000; font-size: 10px; font-family:Georgia, "Times New Roman", Times; font-style: italic }
.geel               {color: #E39C00; }

.monospaced         {color: #000000; font-size: 12px; font-family:Courier }

a:link              {color: #333333; border: 0px transparent; text-decoration: underline }
a:active            {color: #000000; border: 0px transparent; text-decoration: underline }
a:visited           {color: #555555; border: 0px transparent; text-decoration: underline }
a:hover             {color: #999999; border: 0px transparent; text-decoration: underline }

a.shortlist:link,
a.shortlist:active,
a.shortlist:visited,
a.shortlist:hover   {color: #000000; border: 0px transparent; text-decoration: none; font-weight: bold;
	background-image: url(img/pijl-geel.gif);
	background-repeat: no-repeat;
	background-position: left center;
 	padding-left: 10px !important;
	height: 15px;
}

.nav_bg {
  position:absolute;
  top:22px;
  left:0px;
  width:136px;
  height:136px;
  overflow:hidden;
  visibility:hidden;
  background:#FFFFFF;
  background-image:url(nav/nav-bg.gif);
}

a.nav:link,
a.nav:active,
a.nav:visited,
a.nav:hover         { color: #000000; border: 0px transparent; text-decoration: none; font-size: 10px; line-height:15px}
a.nav:hover         { font-weight: bold; }

a.pijl:link,
a.pijl:active,
a.pijl:visited,
a.pijl:hover        { color: #E39C00; border: 0px transparent; font-family: Arial; text-decoration: none; font-size: 18px; font-weight: bold;}

.shortlist_container{ position:relative;width:245px;height:15px;overflow:hidden;}
.shortlist_sub      { position:absolute;width:245px;top:15px;left:0px;height:auto;visibility:hidden}

p { margin: 0; padding: 0; }

textarea, input, select {
	background-color:           #EDEEF7; color: BLACK;
	scrollbar-face-color:       #FFFFFF;
	scrollbar-shadow-color:     #000000;
	scrollbar-highlight-color:  #DDDDDD;
	scrollbar-3dlight-color:    #FFFFFF;
	scrollbar-darkshadow-color: #DDDDDD;
	scrollbar-track-color:      #FFFFFF;
	scrollbar-arrow-color:      #AAAAAA;
}

.shortlist {
  vertical-align: top;
  background-image: url('img/bg-nav.gif');
  background-position: 0% 0%;
	background-repeat: repeat-y;
}

#table1 th   {border-right: solid black 1px;
              border-bottom:solid black 1px;
              font-size: 11px;}
#table1 td   {border-right: solid black 1px;
              border-bottom:solid gray 1px;
              font-size: 11px;}
#table1 td.links,
        th.links{border-left:  solid black 1px; }
#table1 td.niets{border-right: none;
                 border-bottom:none;}
                 
ul.nav {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}
ul.nav li {
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0;
  width: 100%;
	font-size: 11px;
	line-height: 21px;
}
ul.nav li a {
	width: 100%;
	display: block;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
	background: transparent;
}
ul.nav li a:hover {
	color: #000000;
/*	background: #D84203; /* per groep een andere kleur.. via de mousover&out..
*/
}

div.outer           {position: relative; }
#album0_1           {position: absolute; top: 0px; left:   0px; width: 242px; text-align: left; height: 260px; z-index: 101; visibility: hidden; overflow: hidden; }
#album0_2           {position: absolute; top: 0px; left:   0px; width: 242px; text-align: left; height: 260px; z-index: 100; visibility: hidden; overflow: hidden; }
#album0_3           {position: absolute; top: 0px; left:-385px; width: 627px; text-align: left; height: 480px; z-index: 102; visibility: hidden; overflow: hidden; }

/* Mozilla ignores crazy MS image filters, so it will skip the following */
.nav_vlechten       {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='nav/trans-vlechten.png'); }
.nav_ambacht        {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='nav/trans-ambacht.png'); }
.nav_vlechtdorp     {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='nav/trans-vlechtdorp.png'); }
.nav_natuur         {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='nav/trans-natuur.png'); }
.nav_wereld         {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='nav/trans-wereld.png'); }
/* IE ignores styles with [attributes], so it will skip the following. */
.nav_vlechten[class]   {background-image:url(nav/trans-vlechten.png); }
.nav_ambacht[class]    {background-image:url(nav/trans-ambacht.png); }
.nav_vlechtdorp[class] {background-image:url(nav/trans-vlechtdorp.png); }
.nav_natuur[class]     {background-image:url(nav/trans-natuur.png); }
.nav_wereld[class]     {background-image:url(nav/trans-wereld.png); }