.titel, h1          {color: #333366; font-size: 18px; line-height: 16pt; font-family: Arial; font-weight: bold }
.kop, h2            {color: #49176d; font-size: 14px; line-height: 14pt; font-family: Arial; font-weight: bold }
.subkop             {color: #000000; font-size: 16px; font-family: Arial; font-weight: bold }
.itemkop, th        {color: #000000; font-size: 13px; font-family: Arial; font-weight: bold }
.bottomcopy         {color: #ddddff; font-size: 11px; line-height: 15pt; font-family: Arial; text-align: left; }

.menuyell           {color: #ffffff; font-size: 20px; line-height: 16pt; font-family: Arial; font-weight: bold; font-style: italic; }
.tekstgroot         {color: #000000; font-size: 16px; font-family: Arial }
.tekst, td, body    {color: #333344; font-size: 14px; font-family: Arial }
.geel               {color: #FFFF00; }
.zwart              {color: #000000; }
.grijs              {color: #666666; }
.tekstklein         {color: #333333; font-size: 11px; font-family: Arial }
.tekstheelklein     {color: #000000; font-size: 9px; font-family: Arial }
.tekstfoto          {color: #000000; font-size: 10px; font-family: Arial; font-style: italic }
.koprood            {color: #ff0000; font-size: 18px; margin-top: 0em; margin-bottom: 3px; font-weight: bold }
.tekstrood          {color: #ff0000;  }

a                   {border: 0px transparent; text-decoration: none; font-weight: bold }
a:link              {color: #00aaff; }
a:active            {color: #00aaff; }
a:visited           {color: #00aaff; }
a:hover             {color: #003366; }

a.nav:link          {color: #ddddff; border: 0px transparent; text-decoration: none; font-size: 14px; font-weight: bold }
a.nav:active        {color: #ddddff; border: 0px transparent; text-decoration: none; font-size: 14px; font-weight: bold }
a.nav:visited       {color: #ddddff; border: 0px transparent; text-decoration: none; font-size: 14px; font-weight: bold }
a.nav:hover         {color: #ffffff; border: 0px transparent; text-decoration: none; font-size: 14px; font-weight: bold }
a.navon:link        {color: #9999dd; border: 0px transparent; text-decoration: none; font-size: 14px; font-weight: bold }
a.navon:active      {color: #9999dd; border: 0px transparent; text-decoration: none; font-size: 14px; font-weight: bold }
a.navon:visited     {color: #9999dd; border: 0px transparent; text-decoration: none; font-size: 14px; font-weight: bold }
a.navon:hover       {color: #ffffff; border: 0px transparent; text-decoration: none; font-size: 14px; font-weight: bold }

a.nav1:link         {color: #7777dd; border: 0px transparent; text-decoration: none; font-size: 11px; font-weight: bold; font-style: italic }
a.nav1:active       {color: #7777dd; border: 0px transparent; text-decoration: none; font-size: 11px; font-weight: bold; font-style: italic }
a.nav1:visited      {color: #7777dd; border: 0px transparent; text-decoration: none; font-size: 11px; font-weight: bold; font-style: italic }
a.nav1:hover        {color: #ddddff; border: 0px transparent; text-decoration: none; font-size: 11px; font-weight: bold; font-style: italic }
a.nav1on:link       {color: #aaaaee; border: 0px transparent; text-decoration: underline; font-size: 11px; font-weight: bold; font-style: italic }
a.nav1on:active     {color: #aaaaee; border: 0px transparent; text-decoration: underline; font-size: 11px; font-weight: bold; font-style: italic }
a.nav1on:visited    {color: #aaaaee; border: 0px transparent; text-decoration: underline; font-size: 11px; font-weight: bold; font-style: italic }
a.nav1on:hover      {color: #ddddff; border: 0px transparent; text-decoration: underline; font-size: 11px; font-weight: bold; font-style: italic }

a.headernews1       {border: 0px transparent; text-decoration: none; font-size: 16px; font-family: Georgia, Arial; font-weight: bold }
a.headernews1:link  {color: #00aaff; }
a.headernews1:active {color: #00aaff; }
a.headernews1:visited {color: #00aaff; }
a.headernews1:hover {color: #ffff00; }

a.knoop             {border: 0px transparent; text-decoration: none }
a.knoop:link        {color: #ddddff; }
a.knoop:active      {color: #ddddff; }
a.knoop:visited     {color: #ddddff; }
a.knoop:hover       {color: #ffffff; }

html, body          {height:100%; margin: 0px; }
table               {height:1%; margin: 0px;}
table.high          {height:100%; margin: 0px;}

div#container       {position: relative; height:100%; width:990px; min-height: 300px; margin: 0 auto; }
div#contentimg      {position: absolute; top: 243px; left:   0px;  width: 237px; height:327px; }
div#watersportweer  {position: absolute; top: 485px; left:   0px;  width: 237px; height: 17px; text-align:center; overflow: hidden; }
div#watersportweer1 {position: absolute; top: 500px; left:   0px;  width: 115px; height:  20%; overflow: hidden; }
div#watersportweer2 {position: absolute; top: 500px; left: 120px;  width: 115px; height:  20%; overflow: hidden; }
div#menu            {position: absolute; top:  82px; left: 123px;  width: 867px; height: 31px; background-color: #000000; }
div#menuitems       {position: absolute; top:  88px; left: 130px;  width: 600px; height: 18px; }
div#menuyell        {position: absolute; top:  86px; right: 10px;  width: 230px; height: 20px; text-align: right; }
div#siebesaillogo   {position: absolute; top:  24px; left: 770px;  width: 218px; height: 47px; }
div#content         {position: absolute; top: 120px; left: 245px;  width: 745px; height:  60%; overflow-x: hidden; overflow-y: auto; }
div#kompas          {position: absolute; top:   0px; left:   0px;  width: 237px; height:236px; }
div#kompas2         {position: absolute; top:   0px; right:  0px;  width: 460px; height:258px; }
div#bottomcopy      {position: absolute; bottom:0px; left:   0px;  width: 990px; height: 24px; background-color: #000000; }
div#flag_nl         {position: absolute; top:  40px; left: 150px;  width:  20px; height:  12px; text-align: left; }
div#flag_de         {position: absolute; top:  40px; left: 180px;  width:  20px; height:  12px; text-align: left; }

img.border          {border: #444499; border-style: solid; border-width: 1px; }

#contactform label {
		width: 145px;
		float: left;
		text-align: left;
		line-height: 16px;
		margin: 5px 1px 5px 0px;
/* background: #888888; */
}
#contactform input, textarea {
		margin: 3px auto;
}

p                   {margin: 0; padding: 0; }

 /****** let op linkjes, inputs etc. in deze laag: position:relative; ! ****/
a                   { position: relative; }

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