/*
 * Bestand:     cip_mobile.css - Cascade Style Sheet
 * Versie:      1.0
 * Datum:       01-07-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: 12px;
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:   4px; left:   8px;}
img.sys_taal_nl  {position: absolute; top:   4px; left:  52px;}
img.sys_taal_de  {position: absolute; top:   4px; left:  97px;}
img.sys_taal_pl  {position: absolute; top:   4px; left: 141px;}
img.sys_mewe     {position: absolute; top:   4px; left: 187px;}
img.sys_youtube  {position: absolute; top:   4px; left: 231px;}
img.sys_rss      {position: absolute; top:   4px; left: 276px;}
img.sys_twitter  {position: absolute; top:   4px; left: 320px;}

img.sys_cnp      {position: absolute; top:  42px; left:   8px;}
img.sys_rlk      {position: absolute; top:  42px; left: 187px;}
img.sys_apparaat {position: absolute; top:  42px; left: 320px;}

img.artikel      {float:    right;
                  padding:  0px 5px 5px 5px;}

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

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

a.navigatie {
color: #ffffff;
font-size: 11px;
font-weight: bold;}

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

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

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


/*----Pagina en Navigatie----*/


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

div.kop{
position: relative;
background-image: url('../layout/sys_artikel_mobile.gif');
background-repeat: repeat;
width:  360px;
height:  80px;}

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

div.navigatie_links {
color: #ffffff;
position: absolute; top: 4px; left:  8px;
text-align: left;
width:  150px;
height: 18px;}

div.navigatie_midden {
color: #ffffff;
position: absolute; top: 4px; left:  120px;
text-align: center;
width:  120px;
height:  18px;}

div.navigatie_rechts {
color: #ffffff;
position: absolute; top: 4px; left:  202px;
text-align: right;
width:  150px;
height:  18px;}

div.index_home {
position: relative;
background-image: url('../layout/sys_artikel_mobile.gif');
background-repeat: repeat;
width: 360px;
margin:  0px;
padding: 0px;}

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

div.index_home_tekst {
position: relative;
width: 334px;
text-align: left;
padding: 0px 5px 5px 5px;}

div.scheider {
position: relative;
width: 360px;
background-color: #80a010;
height: 1px;
text-align: left;
padding: 0px;
margin:  0px}

div.index_item {
position: relative;
background-image: url('../layout/sys_artikel_mobile.gif');
background-repeat: repeat;
width: 360px;
margin:  0px;
padding: 0px;}

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

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

div.index_lijst_tekst {
padding: 0px 5px 0px 160px;}




div.artikel {
position: relative;
background-image: url('../layout/sys_artikel_mobile.gif');
background-repeat: repeat;
width: 360px;
margin:  0px;
padding: 0px;}

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

div.artikel_tekst {
position: relative;
width: 340px;
text-align: left;
padding: 0px 5px 5px 8px;}

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

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

div.artikel_scheider {
position: relative;
width: 360px;
background-color: #80a010;
height: 1px;
text-align: left;
padding: 0px;
margin:  0px}

div.lijst {
position: relative;
width: 340px;
text-align: left;
padding: 0px 5px 0px 10px;}

div.lijst_titel {
padding: 0px 0px 0px 10px;}

div.lijst_tekst {
padding: 0px 5px 0px 10px;}


div.afbeeldingen {
position: relative;
background-image: url('../layout/sys_artikel_mobile.gif');
background-repeat: repeat;
width: 360px;
margin:  0px;
padding: 10px 0px 10px 0px;}

div.afbeeldingen_achtergrond {
background-image: url('../layout/sys_bg_pagina_blok.gif');
background-repeat: repeat;
margin: 0px 49px 0px 49px;
padding: 10px 10px 10px 10px;
}

div.brochures_achtergrond {
background-image: url('../layout/sys_bg_pagina_blok.gif');
background-repeat: repeat;
margin: 0px 69px 0px 69px;
padding: 10px 10px 10px 10px;
}

div.clear {
clear: both;}

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

div.support {
position: relative;
width: 360px;
height: 52px;
text-align: left;
padding: 0px;
margin:  0px}

div.reclame {
position: relative;
width: 360px;
height: 52px;
text-align: middle;
margin: 8px auto auto 15px;}

div.scenebanner {
position: relative;
width: 360px;
padding: 5px 0px 0px 0px;}

div.teller {
position: relative;
width: 360px;
height: 26px;
text-align: center;
padding: 10px 0px 0px 0px;
margin:  0px}

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