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

body {
background-image:  url('../layout/clp_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.logo        {position: absolute; top:  33px;   left: 200px;}
img.menu        {position: absolute; top: 100px;   left: 420px;}

a {
font-size: 14px;
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;}

div.item {
text-align: left;
width: 550px;
padding: 20px;}

div.item_index {
text-align: left;
width: 350px;
padding: 20px;}

div.item_content {
text-align: left;
line-height: 1.5em;
padding: 20px 30px 0px 20px;}


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

div.item_titel_info {
background: url("../layout/clp_achtergrond_titel.png");
background-repeat: repeat-y;
text-align: left;
width: 380px;
padding: 5px;}

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

div.item_afbeelding_info {
text-align: left;
width: 320px;
padding: 0px 0px 15px 0px;
margin-left: 425px;}

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

div.item_info_1_info {
text-align: left;
position: absolute; top: 5px; left:  400px;
font-weight: normal;
font-size: 10px;
font-style: italic;
color: #ff0000;}


div.navigatie_clp {
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;}