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

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

* {
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: 683px;}
img.sys_taal_nl  {position: absolute; top:   5px; left: 723px;}
img.sys_taal_de  {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_apparaat {position: absolute; top:  61px; left: 763px;}
img.sys_logo     {position: absolute; top:  35px; left:  30px;}

img.artikel {
display: block;
float:   right;
padding: 0px 0px 10px 20px;}



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

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

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

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

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

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

a.link_tekst_klein {
color: #666666;
font-size: 10px;
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_01.jpg');
height:  100px;
margin:  0px auto 0px auto;}

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

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.pagina_onder {
position: relative;
background-image: url('../layout/sys_bg_pagina_onder.gif');
height:  19px;
padding: 0px;
margin:  0px auto 5px auto;}




/*----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;}


/*----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;}



/*----Inhoud van de pagina----*/

div.pagina_inhoud {
position: relative;
background-image: url('../layout/sys_bg_pagina_inhoud.gif');
background-repeat: repeat;
padding: 15px 0px 10px 24px;
min-height: 400px;}

div.clear {
clear: both;}

div.tekst_vlak {
width: 772px;}

div.kolom_links {
float: left;
width: 490px;}

div.item_titel {
text-align: left;
padding: 0px 0px 0px 10px;}

div.item_tekst {
padding: 10px 10px 20px 10px;}

div.item_lijst {
line-height: 150%;
padding: 10px 10px 20px 50px;}

div.item_info_titel {
text-align: left;
padding: 15px 0px 0px 10px;}

div.item_info_tekst {
padding: 10px 10px 15px 10px;}

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

div.kolom_rechts {
background-image: url('../layout/sys_bg_pagina_blok.gif');
background-repeat: repeat;
margin: 25px 24px auto auto;
float: right;
width: 260px;}

div.kolom_rechts_foto {
width: 240px;
margin: 10px auto 0px auto;}

div.kolom_rechts_foto_tekst {
width: 240px;
text-align: center;
margin: 5px auto 10px auto;}

div.kolom_rechts_foto_tekst_links {
width: 240px;
text-align: left;
margin: 5px auto 10px auto;}

div.kolom_rechts_lege_ruimte {
height: 10px;}

div.index_lijst_titel {
float:   left;
padding: 0px 0px 0px 20px;}

div.index_lijst_tekst {
padding: 0px 0px 0px 200px;}

div.update {
font-size: 10px;
text-align: right;
margin:  0px;
padding: 10px 30px 0px 0px;
font-style: italic;}


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

div.artikel {
width: 772px;}

div.artikel_titel {
text-align: middle;
padding: 0px 0px 10px 0px;}

div.artikel_item_titel {
text-align: left;
padding: 15px 10px 10px 10px;}

div.artikel_item_tekst {
text-align: left;
padding: 10px 10px 10px 20px;}

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