.titel, h1          {color: #cc0000; font-size: 18px; line-height: 16pt; font-family: Trebuchet MS, Verdana, Arial; font-weight: bold }
.kop, h2            {color: #cc0000; font-size: 16px; line-height: 14pt; font-family: Trebuchet MS, Verdana, Arial; font-weight: bold }
.subkop             {color: #000000; font-size: 16px; font-family: Trebuchet MS, Verdana, Arial; font-weight: bold }
.itemkop, th        {color: #000000; font-size: 13px; font-family: Trebuchet MS, Verdana, Arial; font-weight: bold }

.tekstgroot         {color: #000000; font-size: 16px; font-family: Trebuchet MS, Verdana, Arial }
.tekst, td, body    {color: #000000; font-size: 12px; font-family: Trebuchet MS, Verdana, Arial }
.geel               {color: #FFFF00; }
.zwart              {color: #000000; }
.grijs              {color: #666666; }
.tekstklein         {color: #000000; font-size: 11px; font-family: Trebuchet MS, Verdana, Arial }
.tekstheelklein     {color: #000000; font-size: 9px; font-family: Trebuchet MS, Verdana, Arial }
.tekstfoto          {color: #000000; font-size: 10px; font-family: Trebuchet MS, Verdana, Arial; font-style: italic }
.haadtiteltxt       {color: #ffffff; font-size: 15px; font-family: Trebuchet MS, Verdana, Arial; font-weight: bold }
.yelltiteltxt       {color: #ffffff; font-size: 15px; font-family: Trebuchet MS, Verdana, Arial; font-weight: bold; font-style:italic; }
.krommelpaadtxt     {color: #ffffff; font-size: 11px; font-family: Trebuchet MS, Verdana, Arial; font-weight: bold }

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

a.nav:link          {color: #ffffff; border: 0px transparent; text-decoration: none; font-size: 13px; font-weight: bold }
a.nav:active        {color: #ffffff; border: 0px transparent; text-decoration: none; font-size: 13px; font-weight: bold }
a.nav:visited       {color: #ffffff; border: 0px transparent; text-decoration: none; font-size: 13px; font-weight: bold }
a.nav:hover         {color: #0000ff; border: 0px transparent; text-decoration: none; font-size: 13px; font-weight: bold }
a.navon:link        {color: #013888; border: 0px transparent; text-decoration: none; font-size: 13px; font-weight: bold }
a.navon:active      {color: #013888; border: 0px transparent; text-decoration: none; font-size: 13px; font-weight: bold }
a.navon:visited     {color: #013888; border: 0px transparent; text-decoration: none; font-size: 13px; font-weight: bold }
a.navon:hover       {color: #0000ff; border: 0px transparent; text-decoration: none; font-size: 13px; 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.knoop:link        {color: #cccccc; border: 0px transparent; text-decoration: none }
a.knoop:active      {color: #cccccc; border: 0px transparent; text-decoration: none }
a.knoop:visited     {color: #cccccc; border: 0px transparent; text-decoration: none }
a.knoop:hover       {color: #ffffff; border: 0px transparent; text-decoration: none }

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

div.kontainer       {position: relative; height:100%; width:100%; min-height: 600px;}
div.twaddelaag      {position: absolute; top:      0px; left:   0px;  width: 928px; height:   90%; text-align: left; }
div.haadmenu        {position: absolute; top:    170px; left:  35px;  width: 200px; height: 250px; text-align: left; }
div#stimbanner      {position: absolute; bottom:  70px; left:  45px;  width: 180px; height:  60px; overflow-x: hidden; overflow-y: hidden; padding-right: 15px }
div#hyvesbanner1    {position: absolute; bottom: 134px; left:  45px;  width: 180px; height:  37px; overflow-x: hidden; overflow-y: hidden; padding-right: 15px }
div#hyvesbanner2    {position: absolute; bottom: 174px; left:  45px;  width: 180px; height:  37px; overflow-x: hidden; overflow-y: hidden; padding-right: 15px }
div#utljochte       {position: absolute; top:    475px; left:  35px;  width: 190px; height: 100px; overflow-x: hidden; overflow-y: auto; padding-right: 15px }
div#contentscroll   {position: absolute; top:    150px; left: 280px;  width: 625px; height:   57%; overflow-x: hidden; overflow-y: auto; padding-right: 15px; padding-top: 15px }
div#copyright       {position: absolute; bottom:   0px; left:  45px;  width: 180px; height:  20px; overflow-x: hidden; overflow-y: hidden; padding-right: 15px }
div.haadtitel       {position: absolute; top:    110px; left: 790px;  width: 130px; height:  30px; text-align: right; }
div.yelltitel       {position: absolute; top:     90px; left: 490px;  width: 230px; height:  30px; text-align: center; }
div.begjin          {position: absolute; top:     54px; left:   0px;  width: 260px; height: 270px; text-align: left; overflow-x: hidden; overflow-y: auto; padding-right: 15px }
div.krommelpaad     {position: absolute; top:    114px; left: 285px;  width: 300px; height:  30px; text-align: left; }
div.flag_frl        {position: absolute; top:     70px; left: 840px;  width:  20px; height:  12px; text-align: left; }
div.flag_nl         {position: absolute; top:     80px; left: 865px;  width:  20px; height:  12px; text-align: left; }
div.flag_en         {position: absolute; top:     90px; left: 890px;  width:  20px; height:  12px; text-align: left; }
div.linksboppe      {position: absolute; top:      0px; left:   0px;  width: 270px; height: 474px; text-align: left; }
div.linksmidden     {position: absolute; bottom:  90px; left:   0px;  width: 270px; height:   65%; text-align: left; }
div.linksunder      {position: absolute; bottom:  40px; left:   0px;  width: 270px; height:  50px; text-align: left; }
div.rjochsboppe     {position: absolute; top:      0px; left: 270px;  width: 658px; height: 410px; text-align: left; }
div.rjochsmidden    {position: absolute; bottom: 178px; left: 270px;  width: 658px; height:   90%; text-align: left; }
div.rjochsunder     {position: absolute; bottom:  40px; left: 270px;  width: 658px; height: 138px; text-align: left; }
div.rjochsunder2    {position: absolute; bottom:  40px; left: 766px;  width: 137px; height: 138px; 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; }
#contactform input, textarea {margin: 3px auto; }

p                   {margin: 0; padding: 0; }

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

.kei                {background-image: url(img/eftergrun_kei.jpg); background-position: bottom left; background-attachment: fixed; background-repeat: repeat-x;}
.skyline            {background-image: url(img/eftergrun_ljouwert.jpg); background-position: bottom left; background-attachment: fixed; background-repeat: repeat-x;}
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
.fnp                {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='img/menubg.png'); }
.linksmidden        {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/utljochtem.png'); }
.fnputljochteb      {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='img/utljochteb.png'); }
.contenthead        {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='img/contenthead.png'); }
.rjochsmidden       {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/contentmiddle.png'); }
.contentbottom      {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='img/contentbottom.png'); }
.contentbottom2     {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='img/contentbottom2a.png'); }
	/* IE ignores styles with [attributes], so it will skip the following. */
.fnp[class]         {background-image:url(img/menubg.png); }
.linksmidden[class]  {background-image:url(img/utljochtem.png); }
.fnputljochteb[class] {background-image:url(img/utljochteb.png); }
.contenthead[class]   {background-image:url(img/contenthead.png); }
.rjochsmidden[class] {background-image:url(img/contentmiddle.png); }
.contentbottom[class] {background-image:url(img/contentbottom.png); }
.contentbottom2[class] {background-image:url(img/contentbottom2a.png); }

body {
scrollbar-3dlight-color:#e5f6fa;
scrollbar-arrow-color:#e5f6fa;
scrollbar-base-color:#e5f6fa;
scrollbar-darkshadow-color:#e5f6fa;
scrollbar-face-color:#e31818;
scrollbar-highlight-color:#e5f6fa;
scrollbar-shadow-color:#e5f6fa;
scrollbar-track-color:#e5f6fa;
}