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

body {
background-image:  url('../layout/cpp_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.afbeelding_puzzel_in   {position: absolute; top:  30px; left:  30px;}
img.afbeelding_puzzel_uit  {position: absolute; top:  30px; left: 300px;}
img.afbeelding_puzzel_spel {position: absolute; top:  30px; left: 570px;}
img.afbeelding_galgje      {position: absolute; top:  40px; left: 480px;}

a {
font-weight: bold;}

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

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

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

select {
padding: 3px}

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;
height: 465px;
padding: 0px;
margin:  0px auto 0px auto;}

div.content_hangman {
position: relative;
text-align: left;
width:  800px;
padding: 0px;
margin:  0px auto 0px auto;}

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

div.item_content {
color: #000000;
text-align: left;
padding: 20px 30px 0px 20px;}

div.hangman_blok {
text-align: left;
width:  400px;
height: 170px;
padding: 20px 0px 20px 20px;}

div.hangman_tekst {
color: #000000;
text-align: left;
padding: 20px 0px 0px 20px;}

div.hangman_raden {
height: 30px;
color: #0000ff;
font-size: 24px;
font-weight: bold;
text-align: center;}

div.hangman_keuze {
height: 80px;
padding: 15px 0px 10px 0px;
color: #0000ff;
font-size: 24px;
font-weight: bold;
text-align: center;}

div.hangman_einde {
height: 30px;
color: #ff0000;
padding: 20px 0px 20px 0px;
font-size: 24px;
font-weight: bold;
text-align: center;}

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

div.hangman_uitleg_tekst {
text-align: left;
color: #000000;
padding: 20px 40px 20px 20px;}

div.item_content {
color: #000000;
text-align: left;
padding: 20px 30px 0px 20px;}

div.item_lijst {
position: absolute; top: 30px; left: 570px;
text-align: center;
width: 200px;
padding: 10px 0px 0px 0px;}

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

div.puzzel_afbeeldingen {
position: relative;
height: 180px;}

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

div.antwoorden {
position: relative;
height: 100px;
text-align: left;}

div.tekst_puzzel_in {
color: #000000;
position: absolute; top: 0px; left:  30px;
text-align: center;
width:  200px;}

div.tekst_puzzel_uit {
color: #000000;
position: absolute; top: 0px; left:  300px;
text-align: center;
width:  200px;}

div.tekst_puzzel_spel {
color: #000000;
position: absolute; top: 0px; left:  570px;
text-align: center;
width:  200px;}

div.navigatie_cpp {
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:  225px;
font-size: 12px;
font-weight: bold;
text-align: center;
width:  350px;
height:  18px;}

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