/* fonts & links */

.kop, h1            {color: #ee7900; font-size: 14px; line-height:6pt; font-family:Verdana, Arial, Helvetica; font-weight: bold; margin-left: 10px; margin-top: 10px;  margin-bottom: 10px;}
.subkop, h2         {color: #0033cc; font-size: 13px; line-height:10pt; font-weight: normal; font-family:Verdana, Arial, Helvetica; font-weight: bold; }
.itemkop, th, h3    {color: #008348; font-size: 13px; font-family:Arial, Helvetica; font-weight: bold; }

.tekstgroot         {color: #000000; font-size: 14px; font-family:Arial, Helvetica; }
.tekst, td, body, textarea, p {color: #001144; font-size: 13px; line-height:16px; font-family:Verdana,Arial, Helvetica; font-weight: normal; text-decoration: none; }
.tekstklein         {color: #FFFFFF; font-size: 10px; font-family:Arial, Helvetica; }
.tekstheelklein     {color: #000000; font-size: 9px; font-family:Arial, Helvetica; }
.tekstfoto          {color: #000000; font-size: 10px; font-family:Arial, Helvetica; font-style: italic; }

a:link              {color: #cc6600; font-size: 13px; border: 0px transparent; font-family:Verdana, Arial, Helvetica; text-decoration: none; font-weight: normal; }
a:active            {color: #cc6600; font-size: 13px; border: 0px transparent; font-family:Verdana, Arial, Helvetica; text-decoration: none; font-weight: normal; }
a:visited           {color: #cc6600; font-size: 13px; border: 0px transparent; font-family:Verdana, Arial, Helvetica; text-decoration: none; font-weight: normal; }
a:hover             {color: #0022aa; font-size: 13px; border: 0px transparent; font-family:Verdana, Arial, Helvetica; text-decoration: none; font-weight: normal; }

a.knoop:link        {color: #666666; font-size: 12px; border: 0px transparent; text-decoration: underline; }
a.knoop:active      {color: #666666; font-size: 12px; border: 0px transparent; text-decoration: underline; }
a.knoop:visited     {color: #666666; font-size: 12px; border: 0px transparent; text-decoration: none; }
a.knoop:hover       {color: #666666; font-size: 12px; border: 0px transparent; text-decoration: underline; }

a.bottom:link, a.bottom:active, a.bottom:visited {color: #666677; font-size: 11px; line-height:11px; font-family:Verdana, Arial, Helvetica; font-weight: normal; text-decoration: none; }
a.bottom:hover                                 {color: #333344; font-size: 11px; line-height:11px; font-family:Verdana, Arial, Helvetica; font-weight: normal; text-decoration: none; }

html, body          {height: 100%; margin: 0px; }
table.high          {height: 99%}
table.noheight      {height: 1%}
table.noheight2     {height: 1%; border-style: solid; border-width: 1px; border-color: #0033cc; padding: 0px; margin: 0px;}

div.outerall        {position: relative; height: 100%; }
div.outer           {position: relative; height: 100%; }
div.content         {position: absolute; top: 34px; left: 10px; padding-right: 15px; width: 660px; height: 91%; overflow-x: none; overflow-y: auto; 	background-image: url(img/kompas1.gif); background-position: 60% bottom; background-attachment: fixed; background-repeat: no-repeat; }
div.contentgallery  {position: absolute; top: 2px; left: 10px; padding-right: 15px; width: 660px; height: 100%; overflow-x: none; overflow-y: auto; 	background-image: url(img/kompas1.gif); background-position: 60% bottom; background-attachment: fixed; background-repeat: no-repeat; }
div.collage         {position: absolute; top: 62px; left: 0px; }
div.logo            {position: absolute; top:  8px; left: 20px; }
div.rightside       {position: absolute; top: 10px; left: 0px; }

.small              {color: #a50003; font-size: 11px; line-height:16px; font-family:Verdana,Arial, Helvetica; font-weight: normal; text-decoration: none; }
.smallborder        {border: 1px; }

a.nav:link          {color: #ffffff; font-size: 11px; line-height: 14pt; border: 0px transparent; font-family:Verdana, Arial, Helvetica; text-decoration: none; font-weight: normal; }
a.nav:active        {color: #ffffff; font-size: 11px; line-height: 14pt; border: 0px transparent; font-family:Verdana, Arial, Helvetica; text-decoration: none; font-weight: normal; }
a.nav:visited       {color: #ffffff; font-size: 11px; line-height: 14pt; border: 0px transparent; font-family:Verdana, Arial, Helvetica; text-decoration: none; font-weight: normal; }
a.nav:hover         {color: #ffffff; font-size: 11px; line-height: 14pt; border: 0px transparent; font-family:Verdana, Arial, Helvetica; text-decoration: none; font-weight: normal; }

a.xtranav:link      {color: #ff0000; font-size: 13px; border: 0px transparent; font-family:Verdana, Arial, Helvetica; text-decoration: none; font-weight: bold; }
a.xtranav:active    {color: #00ff00; font-size: 13px; border: 0px transparent; font-family:Verdana, Arial, Helvetica; text-decoration: none; font-weight: bold; }
a.xtranav:visited   {color: #ff5000; font-size: 13px; border: 0px transparent; font-family:Verdana, Arial, Helvetica; text-decoration: none; font-weight: bold; }
a.xtranav:hover     {color: #00ff00; font-size: 13px; border: 0px transparent; font-family:Verdana, Arial, Helvetica; text-decoration: none; font-weight: bold; }

td.menu             {background-color: #ee7900; }
td.menuhov          {background-color: #0033cc; }

input.btn           {border: 1px solid #0033cc; background: #ee7900; color: #ffffff; font-size: 13px; line-height:16px; font-family:Verdana,Arial, Helvetica; font-weight: normal; text-decoration: none;}
input.btnhov        {border: 1px solid #ee7900; background: #0033cc; color: #ffffff; font-size: 13px; line-height:16px; font-family:Verdana,Arial, Helvetica; font-weight: normal; text-decoration: none;}

a, input, textarea, select { position: relative; }

p { margin: 0; padding: 0; }

	/* Mozilla ignores crazy MS image filters, so it will skip the following */
.wsvlogo            {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/wsv-logo.png'); }
	/* IE ignores styles with [attributes], so it will skip the following. */
.wsvlogo[class]     {background-image:url(img/wsv-logo.png); }