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

body {
background-image:  url('../layout/cip_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.block         {display: block;}
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: 259px;}
img.info          {position: absolute; top:  10px; left:  20px;}
img.menu          {position: absolute; top: 100px; left: 530px;}


a {
font-weight: bold;}

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

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

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

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

img.artikel_1 {
float:    left;
padding: 0px 20px 10px 0px;}

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

img.artikel_7 {
vertical-align: bottom;
float:   left;
padding: 10px 20px 0px 0px;}

img.foto {
display: block;
margin-left: auto;
margin-right: auto;}

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

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: 5px auto 0px auto;
border-style: solid;
border-width: 1px 1px 0px 1px;
border-color: #0000ff;}

div.voet {
text-align: center;
width:  800px;
margin: 0px auto 0px auto}

div.content {
position: relative;
text-align: left;
width:  800px;
min-height: 465px;
margin:  0px auto 0px auto;
border-style: solid;
border-width: 0px 1px 0px 1px;
border-color: #0000ff;}

div.pagina_content {
position: relative;
text-align: left;
width:  800px;
margin:  0px auto 0px auto;
padding: 0px;
border-style: solid;
border-width: 0px 1px 0px 1px;
border-color: #0000ff;}

div.pagina_item {
position: relative;
text-align: left;
margin: 0px;
padding: 20px 15px 0px 30px;}

div.pagina_item_tekst {
position: relative;
color: #0000 margin: 0px; padding: 0px;
margin: 0px;
padding: 20px 0px 20px 20px;}

div.pagina_detail_titel {
background: url("../layout/cnp_achtergrond_titel.png");
background-repeat: repeat-y;
font-weight: bold;
margin: 0px;
padding: 3px 15px 3px 30px;
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #0000ff;}

div.pagina_detail_tekst {
color: #000000;
margin: 0px;
padding: 5px 10px 10px 50px;}

div.pagina_extra_foto_titel {
background: url("../layout/cnp_achtergrond_titel.png");
background-repeat: repeat-y;
font-weight: bold;
margin: 0px;
padding: 3px 15px 3px 30px;
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #0000ff;}

div.pagina_geen_titel {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #0000ff;}

div.pagina_foto {
position: relative;
padding: 15px 10px 10px 10px;}

div.pagina_foto_1 {
position: relative;
float: left;
width: 240px;
background-color: #eeeeff;
margin: 0px 0px 0px 0px;
padding: 5px;
border-style: solid;
border-width: 1px;
border-color: #0000ff}

div.pagina_foto_2 {
position: relative;
float: left;
width: 240px;
background-color: #eeeeff;
margin: 0px 0px 0px 12px;
padding: 5px;
border-style: solid;
border-width: 1px;
border-color: #0000ff}

div.pagina_foto_3 {
position: relative;
float: left;
width: 240px;
background-color: #eeeeff;
margin: 0px 0px 0px 12px;
padding: 5px;
border-style: solid;
border-width: 1px;
border-color: #0000ff}

div.pagina_foto_tekst {
text-align: left;
color: #000000;
width: 220px;
background-color: #ddddff;
padding: 5px 10px 5px 10px;
margin: 5px 0px 0px 0px;}

div.pagina_tekst_scheider {
clear: both;}

div.item {
position: relative;
text-align: left;
width: 800px;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #0000ff;}

div.item_info {
position: relative;
text-align: left;}

div.item_tekst {
text-align: left;
padding: 15px 20px 15px 130px;
color: #000000;}

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

div.item_foto {
width: 800px;
padding: 20px 0px 0px 0px;
text-align: center;}

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

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

div.item_menu {
position: relative;
text-align: left;
width: 800px;}

div.item_menu_titel {
float: left;
text-align: left;
padding: 10px 20px 15px 100px;}

div.item_menu_item {
text-align: left;
padding: 10px 20px 15px 300px;}

div.sitemap_titel { 
text-align: left;
padding: 10px 20px 0px 20px;
color: #0000ff;}

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

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

div.nieuw_datum {
text-align: left;
float: left;
padding: 5px 20px 0px 100px;
font-weight: normal;
color: #000000;}

div.nieuw_titel {
text-align: left;
padding: 5px 20px 0px 300px;}

div.artikel_titel {
text-align: center;
padding: 20px 0px 10px 0px;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #0000ff;}

div.artikel_item {
text-align: left;
overflow: auto;
padding: 20px 20px 10px 20px;}

div.artikel_item_tekst {
text-align: left;
padding: 20px 20px 10px 30px;
font-size: 14px;
color: #000000;}

div.artikel_scheider {
clear: both;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #c0c0ff;}

div.menu_scheider {
clear: both;}

div.artikel_update {
text-align: right;
padding: 20px 10px 10px 0px;
font-size: 12px;
font-style: italic;
color: #ff0000;}

div.keuze_blok {
margin: 0px;
padding: 15px 0px 0px 0px;
text-align: left;}

div.keuze_item {
float: left;
text-align: left;
overflow: auto;
padding: 0px 0px 0px 10px;
width: 250px;}

div.laatste_nieuws_blok {
text-align: left;
width: 800px;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #c0c0ff;}

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

div.artikelen_blok {
text-align: left;
width: 800px;}

div.artikelen_blok_titel {
text-align: left;
padding: 10px 50px 25px 5px;}

div.laatste_nieuws_item {
text-align: left;
padding: 10px 50px 5px 20px;
font-size: 12px;
color: #000000;}

div.keuze_tekst {
text-align: left;
padding: 10px 10px 10px 10px;
font-size: 12px;
color: #000000;}

div.intro_blok {
overflow: auto;
width: 800px;
text-align: left;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #c0c0ff;}

div.intro_item {
float: left;
text-align: left;
overflow: auto;
padding: 5px 15px 5px 10px;
width: 360px;}

div.intro_tekst {
text-align: left;
padding: 10px 10px 10px 10px;
font-size: 12px;
color: #000000;}

div.item_zoek {
position: relative;
text-align: left;
width: 750px;}

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

div.item_zoek_tekst {
text-align: left;
padding: 10px 20px 15px 40px;
font-weight: normal;
font-size: 12px;
color: #000000;}

div.navigatie_cip {
position: relative;
text-align: left;
width:  800px;
height:  22px;
margin:  0px auto 0px auto;
background-color: #ffeeee;
border-style: solid;
border-width: 1px 1px 1px 1px;
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;}