/*
 * Bestand:     cnp.css - Cascade Style Sheet
 * Versie:      1.0
 * Datum:       20-07-2008
 * Projekt:     Eind opdracht voor de cursus MasterClass van Eduvision
 * Auteur(s):   Richard lagendijk
 */

body {
background-image:  url('../layout/cnp_achtergrond.gif');
background-repeat: repeat;
margin:  0px;
padding: 0px;
text-align: center;}

* {
font-family: sans-serif;
font-size: 14px;
font-weight: normal;
color: #0000ff;
margin:  0px;
padding: 0px;}

img             {display: inline; border: none;}
img.taal_en     {position: absolute; top:   5px; left: 685px;}
img.taal_nl     {position: absolute; top:   5px; left: 725px;}
img.taal_de     {position: absolute; top:   5px; left: 765px;}
img.rss         {position: absolute; top:  88px; left: 780px;}
img.logo        {position: absolute; top:  33px; left: 200px;}
img.c64         {position: absolute; top:  30px; left: 763px;}
img.pet         {position: absolute; top:  30px; left: 685px;}

a {
font-weight: bold;}

a.kop {
font-size: 12px;
font-weight: bold;}

a.categorie_link {
font-weight: normal;
font-size: 10px;
font-style: italic;}

a.navigatie {
font-size: 12px;
font-weight: bold;}

h1 {
font-size: 24px;
font-weight: bold;
font-style: italic;
color: #0000ff;}

h2 {
font-size: 18px;
font-weight: bold;
color: #0000ff;}

h3 {
font-weight: bold;
color: #0000ff;}

h4 {
font-weight: bold;
color: #000000;}

div.kop {
position: relative;
text-align: left;
font-size: 12px;
font-weight: bold;
width:  790px;
height: 105px;
padding: 3px 5px 0px 5px;
margin: 0px auto 0px auto;}

div.voet {
text-align: center;
width:  800px;
margin: 20px auto 0px auto;
padding: 0px;
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #0000ff;}

div.content {
position: relative;
text-align: left;
width:  800px;
min-height: 465px;
padding: 0px;
margin:  0px auto 0px auto;
overflow: auto;}

div.item {
text-align: left;
width: 778px;
padding: 0px;
margin: 0px auto 25px 10px;
border-style: solid;
border-width: 1px;
border-color: #0000ff;}

div.item_titel {
background: url("../layout/cnp_achtergrond_titel.png");
background-repeat: repeat-y;
text-align: left;
font-weight: bold;
width: 500px;
padding: 5px;}

div.item_tekst {
text-align: left;
font-weight: bold;
color: #000000;
width: 480px;
padding: 15px;
float: left;}

div.item_afbeelding {
text-align: left;
width: 220px;
padding: 0px 0px 15px 0px;
margin-left: 530px;}

div.item_info {
text-align: left;
border-top: 1px solid #0000ff;
height: 15px;
font-weight: normal;
font-size: 10px;
font-style: italic;
color: #0000ff;
padding: 5px;
background-color: #eeeeff;
clear: left;}

div.xml_blok {
position: relative;
text-align: left;
width: 750px;
padding: 0px;
margin: 0px;}

div.xml_titel {
position: relative;
text-align: left;
padding: 0px 0px 20px 20px;}

div.xml_tekst {
text-align: left;
padding: 10px 20px 15px 50px;
color: #000000;}

div.sitemap {
text-align: left;
width: 800px;
padding: 0px;
margin: 0px;}

div.sitemap_titel {
padding: 0px 0px 0px 30px;
text-align: left;}

div.sitemap_item {
text-align: left;
line-height: 1.6em;
padding: 10px 20px 15px 100px;}

div.navigatie_cnp {
position: relative;
text-align: left;
width:  800px;
height:  22px;
padding: 0px;
margin:  0px auto 20px auto;
background-color: #ffeeee;
border-style: solid;
border-width: 1px 0px 1px 0px;
border-color: #0000ff;}

div.navigatie_links {
position: absolute; top: 2px; left:  10px;
text-align: left;
font-size: 12px;
font-weight: bold;
width:  350px;
height:  18px;}

div.navigatie_midden {
position: absolute; top: 2px; left:  325px;
font-size: 12px;
font-weight: bold;
text-align: center;
width:  150px;
height:  18px;}

div.navigatie_rechts {
position: absolute; top: 2px; left:  440px;
font-size: 12px;
font-weight: bold;
text-align: right;
width:  350px;
height:  18px;}