* {margin:0;padding:0; border: 0}

body 
{
background-image: url("afbeeldingen/background-artikel.gif");
color: #000;
font-family: "times new roman", serif;
margin-bottom: -20px;
}

#container
{
width: 100%;
text-align: center;
}

#artikel
{
margin: auto;
width: 900px;
background: url("afbeeldingen/backgroundcenterartikel.gif") repeat-y top right;
}

#menu
{
/*position: relative;
top: 30px;
left: 0;
height: 500px;*/
float: left;
text-align: left;
}

#menu ul
{
margin: 30px 0px 10px 10px;
list-style-type: none;
font-weight: bold;
font-size: 15px;
font-family:Verdana,tahoma,sans-serif;
z-index: 10;
}

#menu li
{
padding-bottom: 5px;
}

#menu ul li img
{
vertical-align: middle;
border: none
}

#menu li a
{
text-decoration: none;
padding: 1px 100px 10px 1px;
color: #fff;
}

#menu li a:hover, #bijbelverhalen #navbijbelverhalen, #verhalen #navverhalen, #columns #navcolumns, #lessen #navlessen, #artikelen #navartikelen 
{
background: url(afbeeldingen/linkbackground.gif) no-repeat top left;
color: #c80000;
}

#tekst
{
float: right;
margin-top: -535px;
margin-left: 160px;
width: 700px;
background: url("afbeeldingen/backgroundheaderartikel.gif") top right no-repeat;
}

h1
{
font-size: 20px;
color: #C80000;
text-align: left;
margin-bottom: 30px;
padding-left: 60px;
padding-right: 40px;
}

h2
{
font-size: 15px;
color: #000000;
text-align: left;
padding-left: 60px;
padding-right: 40px
} 

table h3
{
font-size: 15px;
color: #000000;
text-align: left;
padding-top: 15px;
}

p
{
padding-left: 60px;
padding-right: 40px;
text-align: left;
margin-bottom: 20px;
}

p.intro
{
text-align: left;
font-style: italic;
margin-bottom: 20px;
padding-top: 100px;
}

a 
{
text-decoration: none
}

a:link {color: #FF8100;}
a:visited {color: #FF8100;}
a:hover {color: #C80000}
a:active {color: #FF8100;}

p.back a:link {color: #fff;}
p.back a:visited {color: #fff;}
p.back a:hover {color: #ff8100;}
p.back a:active {color: #ff8100;}


p.back
{
position: relative;
top: 30px;
left: 630px;
}

p.forward
{
text-align: center;
}

p.forward a:link {color: #c80000;}
p.forward a:visited {color: #c80000;}
p.forward a:hover {color: #ff8100;}
p.forward a:active {color: #ff8100;}


img
{
border: none;
vertical-align: middle
}

p.italic, p.cursief
{
font-style: italic
}

table
{
text-align: left;
margin-left: 60px;
margin-right: 40px;
}