/*
 * Bestand:     cnp.css - Cascade Style Sheet
 * Versie:      4.0
 * Datum:       01-08-2019
 * Projekt:     www.richardlagendijk.nl
 * Auteur(s):   Richard lagendijk
 */

body {
background-color:  #cccccc;
margin:  0px;
padding: 0px;
text-align: left;}

* {
font-family: sans-serif;
font-size: 14px;
font-weight: normal;
color: #666666;
margin:  0px;
padding: 0px;
line-height: 130%}

img              {display: inline; border: none;}
img.block        {display: block;}

img.sys_taal_en  {position: absolute; top:   5px; left: 643px;}
img.sys_taal_nl  {position: absolute; top:   5px; left: 683px;}
img.sys_taal_de  {position: absolute; top:   5px; left: 723px;}
img.sys_taal_pl  {position: absolute; top:   5px; left: 763px;}
img.sys_mewe     {position: absolute; top:   8px; left: 643px;}
img.sys_youtube  {position: absolute; top:   8px; left: 683px;}
img.sys_rss      {position: absolute; top:   8px; left: 723px;}
img.sys_twitter  {position: absolute; top:   8px; left: 763px;}

img.sys_logo     {position: absolute; top:  35px; left:  30px;}
img.sys_c64      {position: absolute; top:  61px; left: 683px;}
img.sys_cbm      {position: absolute; top:  61px; left: 723px;}
img.sys_apparaat {position: absolute; top:  61px; left: 763px;}

img.promotie_1   {position: absolute; top:  10px; left:   8px;}
img.promotie_2   {position: absolute; top:  10px; left: 394px;}


/*----Links----*/

a {
color: #80a010;
font-weight: bold;}

a.navigatie_lokaal {
color: #ffffff;
font-weight: bold;}

a.navigatie {
color: #666666;
font-weight: bold;}

a.link_titel {
font-size: 20px;
font-weight: normal;
color: #80a010;}

a.link_tekst {
color: #80a010;
font-weight: bold;}

a.link_info {
color: #80a010;
font-weight: normal;}


/*----Pagina----*/

div.pagina{
position: relative;
margin:   0px auto 0px auto;
padding:  0px;
width:  820px;}

div.pagina_boven {
position: relative;
background-image: url('../layout/sys_bg_pagina_boven.gif');
height:  19px;
padding: 0px;
margin:  5px auto 0px auto;}

div.pagina_lege_ruimte {
background-image: url('../layout/sys_bg_pagina_leeg.gif');
height:  5px;
padding: 0px;
margin:  0px auto 0px auto;}

div.pagina_logo {
position: relative;
background-image: url('../layout/sys_bg_logo_02.jpg');
height:  100px;
margin:  0px auto 0px auto;}

div.pagina_onder {
position: relative;
background-image: url('../layout/sys_bg_pagina_onder.gif');
height:  19px;
padding: 0px;
margin:  0px auto 5px auto;}

div.reclame {
position: relative;
width:  772px;
height: 109px;
margin: 9px 0px 0px 20px;}

div.reclame_voet {
position: relative;
background-image: url('../layout/sys_bg_logo_99.jpg');
height: 110px;}

div.adsense{
position: absolute; top: 10px; left: 46px;
width:  728px;
height:  90px;}

div.scenebanner {
position: relative;
background-image: url('../layout/sys_bg_banner_02.jpg');
padding: 0px 0px 0px 0px;
height: 120px;
text-align: center;}


/*----Navigatie----*/

div.navigatie_top {
position: relative;
background-image: url('../layout/sys_bg_pagina_navigatie.gif');
background-repeat: repeat;
height:  26px;
margin:  0px auto 0px auto;}

div.navigatie_top_links {
position: relative;
text-align: left;
padding: 4px 0px 0px 24px;}

div.navigatie_lokaal {
position: relative;
background-image: url('../layout/sys_bg_pagina_navigatie_lokaal.gif');
height:  26px;
margin:  0px auto 0px auto;}

div.navigatie_lokaal_links {
color: #ffffff;
position: absolute; top: 3px; left:  24px;
text-align: left;
width:  350px;
height: 18px;}

div.navigatie_lokaal_midden {
color: #ffffff;
position: absolute; top: 3px; left:  335px;
text-align: center;
width:  150px;
height:  18px;}

div.navigatie_lokaal_rechts {
color: #ffffff;
position: absolute; top: 3px; left:  446px;
text-align: right;
width:  350px;
height:  18px;}

div.navigatie_streep {
position: relative;
background-image: url('../layout/sys_bg_pagina_navigatie.gif');
background-repeat: repeat;
height:  4px;
margin:  0px auto 0px auto;}


/*----Artikel----*/

div.artikel {
position: relative;
background-image: url('../layout/sys_bg_pagina_inhoud.gif');
background-repeat: repeat;
padding: 5px 0px 0px 24px;}

div.artikel_titel {
position: relative;
width: 490px;
text-align: left;
padding: 3px 8px 3px 8px;}

div.artikel_tekst {
position: relative;
width: 744px;
min-height: 192px;
text-align: left;
padding: 0px 5px 5px 15px;}

div.artikel_afbeelding {
float: right;
margin: 2px 3px 5px 8px;
padding: 0px;}

div.artikel_info {
position: relative;
width: 742px;
margin:  0px 0px 10px 8px;
padding: 4px 7px 4px 7px;
background-image: url('../layout/sys_bg_pagina_blok.gif');
background-repeat: repeat;}

div.artikel_scheider {
height: 1px;
width: 772px;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #80a010;}

div.artikel_laatste {
height: 1px;
width: 772px;}

div.artikel_promotie {
position: relative;
width:  772px;
height: 109px;}

div.artikel_reclame {
position: relative;
text-align: middle;
width:  772px;
height: 109px;}

div.artikel_adsense{
position: relative;
width:  728px;
height: 90px;
text-align: middle;
margin: 10px auto 10px 22px;}

div.lijst_tekst {
position: relative;
width: 340px;
text-align: left;
line-height: 2;
padding: 0px 5px 15px 15px;}

div.tekst {
position: relative;
width: 744px;
text-align: left;
padding: 0px 5px 5px 15px;}


/*----Headers----*/

h1 {
font-size: 24px;
color: #80a010;}

h2 {
font-size: 20px;
color: #80a010;}

h3 {
font-size: 15px;
color: #80a010;}

h4 {
font-weight: bold;}

h5 {
font-size: 20px;
color: #80a010;
text-decoration: underline;}