/*
 * Bestand:     edutec.css - Cascade Style Sheet
 * Versie:      1.0
 * Datum:       26-05-2012
 * Projekt:     www.edutec.nl
 * Auteur(s):   Richard lagendijk
 */

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

* {
font-family: arial, helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #000000;
margin:  0px;
padding: 0px;}

/* plaatjes */

img                     {display: inline; border: none;}
img.block               {display: block;}

img.sys_taal_en         {position: absolute; top:  20px; left: 628px;}
img.sys_taal_nl         {position: absolute; top:  20px; left: 668px;}

img.sys_logo_1          {position: absolute; top:  20px; left:  40px;}
img.sys_logo_2          {position: absolute; top:  20px; left:   0px;}

img.sys_balk_navigatie  {position: absolute; top:  140px; left: 200px;}

img.artikel             {display: block;
                         border:  none;
                         margin:    0px;
                         padding:   0px;}



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

a {
font-size: 14px;
font-weight: normal;}

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

a.navigatie_artikel {
font-size: 12px;
color: #888888;}

a.spring_naar {
color: #888888;}

a.richardlagendijk {
font-size: 12px;
color: #b0b0b0;}

a:hover {
color: #000000;}



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

div.pagina {
background-image: url('../layout/sys_achtergrond_menu.gif');
background-repeat:repeat-y;
position: relative;
margin:    0px auto 0px auto;
padding:   0px;
width:   900px;}

div.kollom_links {
position: relative;
min-height: 700px;
float:   left;
width:  160px;
padding:  0px;
margin:   0px auto 0px auto;}

div.menu {
position: absolute; top:  140px; left: 10px;
width:  160px;
padding:  0px;
margin:   0px auto 0px auto;}

div.menu_knop {
position: relative;
background-image: url('../layout/sys_knop_menu.gif');
width:  160px;
height:  32px;
padding:  0px;
margin:   0px auto 10px auto;}

div.menu_knop_navigatie {
position: absolute; top: 8px; left:  5px;
text-align: center;
width:  150px;
height:  18px;}

div.kollom_rechts {
position: relative;
float:   right;
width:   700px;
padding:   0px;
margin:    0px auto 0px auto;}

div.logo {
position: relative;
width:  700px;
height: 120px;
padding:  0px;
margin:   0px auto 20px auto;}

div.navigatie {
position: relative;
background-image: url('../layout/sys_achtergrond_navigatie.gif');
width:  700px;
height:  32px;
padding:  0px;
margin:   0px auto 10px auto;}

div.navigatie_links{
position: absolute; top: 8px; left:  20px;
text-align: left;
width:  200px;
height: 18px;}

div.navigatie_midden{
position: absolute; top: 8px; left:  275px;
text-align: center;
width:  150px;
height:  18px;}

div.navigatie_rechts {
position: absolute; top: 8px; left:  480px;
text-align: right;
width:  200px;
height:  18px;}

div.navigatie_artikel {
position: relative;
background-image: url('../layout/sys_achtergrond_artikel_midden.gif');
text-align: left;
color: #888888;
width:   685px;
padding: 5px 5px 5px 10px;
margin:  0px auto 0px auto;}

div.artikel_boven {
position: relative;
background-image: url('../layout/sys_achtergrond_artikel_boven.gif');
width:  700px;
height:  5px;
padding:  0px;
margin:  0px auto 0px auto;}

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

div.artikel_onder {
position: relative;
background-image: url('../layout/sys_achtergrond_artikel_onder.gif');
width:  700px;
height:  5px;
padding:  0px;
margin:   0px auto 10px auto;}

div.artikel_midden {
position: relative;
background-image: url('../layout/sys_achtergrond_artikel_scheider.gif');
width:  700px;
height:  5px;
padding:  0px;
margin:   0px auto 0px auto;}

div.artikel_titel {
position: relative;
font-style: normal;
text-align: left;
width: 640px;
padding: 15px 40px 0px 20px;
margin:  0px auto 0px auto;}

div.artikel_tekst {
position: relative;
font-style: normal;
font-size: 14px;
text-align: left;
width: 618px;
padding: 10px 40px 20px 40px;
margin:  0px auto 0px auto;}

div.artikel_afbeelding {
float: right;
padding: 0px 3px 0px 3px;
margin:  0px 10px 10px 10px;}

div.artikel_afbeelding_tekst {
text-align: right;
padding: 0px 0px  0px 0px;
margin:  0px 0px 10px 0px;}

div.artikel_spring_naar {
position: relative;
color: #888888;
text-align: left;
width: 658px;
padding: 5px 20px 5px 20px;
margin:  0px auto 0px auto;}

div.voet {
position: relative;
background-image: url('../layout/sys_achtergrond_artikel_midden.gif');
height:  95px; 
width:  700px;
margin:   0px auto 0px auto;}

div.voet_links{
position: absolute; top: 20px; left:  20px;
text-align: left;
width:  350px;}

div.voet_midden{
position: absolute; top: 20px; left:  300px;
text-align: left;
width:  350px;}

div.voet_rechts{
position: absolute; top: 20px; left:  570px;
text-align: left;
width:  120px;}

div.content_clear {
clear: both;}


/*----Headers----*/

h1 {
font-size: 24px;
font-weight: bold;
color: #ff4242;}

h2 {
font-weight: bold;}

h3 {
color: #ff4242;}


/*----lijsten----*/
ul {
list-style-type: none;
padding: 0px;
margin: 0px;}