html{
position:static;
background: url(images/tak.jpg) top /*center*/ no-repeat;
background-size: 100%;
margin:0;padding:0;
}
body{
position: absolute;
left: 50%;
width: 900px;
margin: 0 0 50px -455px; padding:0;
font: normal normal 14px Arial, sans-serif, sans;
}
#totaal{
position:relative;
margin:0;padding:0;
background-image: url(images/achtertekst3.png);
background-repeat: repeat-y;
height:840px;
border:1px solid #BD398B;
top:25px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
/* --------------  FONTS              ----------- */
h1, h2, h3, h4, h5{
margin:0;padding:0;
letter-spacing: 1.2px;
font-family:Arial, sans-serif, sans;
width:98%;
}
h1{
line-height: 100%;
font-weight: bold;
font-size: 40px;
height: 50px;
vertical-align: middle;
color:#BD398B;
}
h2{
clear: left;
float:left;
font-weight:normal;
font-style: normal;
font-size: 20px;
margin:0;padding:5px 0 0 0;
color:#BD398B;
text-align:left;
}
h3{
clear: left;
float:left;
font-weight:normal;
font-style: normal;
font-size: 20px;
margin:0;padding:5px 0 0 0;
color:#BD398B;
}
h4{
clear:right;
color: #000;
font-weight:normal;
font-style:italic;
}
h5{
color:#949E10;
font-weight:bold;
font-style:normal;
text-decoration: none;
cursor: pointer;
}
/* -------------- DIVS         ----------- */
#header{
position: relative;
left: 0;
top: 5px;
width:898px;
margin: 0;padding: 0;
text-align: center;
}
/*
border-top: 1px solid #46A489;
border-bottom: 1px solid #46A489;
*/
#tekst{
position:relative;
top:10px;
overflow-y: scroll;
height:655px;
width:890px;
margin:0;padding:0 8px 0 0;background:white;
}
#tekstindex{
border:0;
position:relative;
top:0;
left:15px;
width:865px;
float:left;
margin:0;padding:0;
background:white;
}
#tekstindex p{
width:850px; 
margin:0;padding:0;
text-align: justify;
float: left;
letter-spacing:normal;
font:14px Arial, sans-serif, sans;
color:black;
line-height:150%;
letter-spacing:normal;
background-color:transparent;
}
#tekstindex p.r{
text-align:right;
}
#tekstindex p.rand{
margin:0 ;padding:0;
border-bottom: 1px dotted #BD398B; 
line-height:100%;
}
#tekstindex p.eerst:first-line, 
#tekstindex p.metkop:first-line{
margin:0 0 0 2px;padding:0;
color:#BD398B;
font-weight: normal;
}
#tekstindex p.smal{
margin:0;padding:0;
font:6px Arial, sans-serif, sans;
clear: left;float:left;
}
/* -------------- LINKS TEKST      ----------- */
#tekstindex p a, #tekstindex li a{
font: 14px Arial, sans-serif, sans;
line-height: 150%;
text-align: justify;
text-decoration:none;
margin:0;padding:0;
letter-spacing:normal;
cursor:pointer;
color:green;
font-weight:normal;
}
#tekstindex p a:link, #tekstindex p a:visited{
font:14px Arial, sans-serif, sans;
font-weight:normal;
line-height:150%;
color:green;
}
#tekstindex p a:hover, #tekstindex p a:active{
font:14px Arial, sans-serif, sans;
font-weight:normal;
line-height:150%;
color: green;
text-decoration:underline;
}
#tekstindex p.indexkl a:link, #tekstindex p.indexkl a:visited{
font:14px Arial, sans-serif, sans;
font-weight:normal;
line-height:150%;
color:green;
}
#tekstindex p.indexkl a:hover, #tekstindex li a:hover{
font-size:14px;
font-weight:normal;
line-height:150%;
color: green;
text-decoration:underline;
}
#tekstindex p.index a span{
color:green;
}
p span.orange{
color:#BD398B;
}
span.paars{
color:#BD398B;
}
span.nadruk{
color:#BD398B;
font-size:11px;
font-style:italic;
}
/* ------------- VOETTEKST  --------------------- */
#voettekst{
position: relative;
left: 0;
width: 898px;
height:30px;
margin:0;padding:10px 0 0 0;
text-align:center;
float:right;
font:12px Arial, sans-serif, sans;
color:white;
letter-spacing:normal;
top:10px;
border-top: 1px solid #BD398B;
}
/* -------------- VOETTEKST LINKS     ----------- */
#voettekst a:link, #voettekst a:visited, #voettekst a:active{
color:white;
font-size:12px;
font-weight:normal;
font-style:normal;
text-decoration: none;
cursor: pointer;
letter-spacing:normal;
line-height:normal;
}
#voettekst a:hover{
color: white;
font-size:12px;
text-decoration: underline;
cursor: pointer;
letter-spacing:normal;
}
/* -------------- IMAGES       ----------- */
object{
border:1px solid #BD398B;
}
object.links{
float:left;
}
object.rechts{
float:right;
} 
object.midden{
float:left;
position:relative;
left:160px;
}
img{
margin:0;padding:0;
border: 1px solid #BD398B;
}
img.bdb{
margin:0;padding:0;
border:0;
}
img.midden{
vertical-align:middle;
}
img.zonder{
margin:0;padding:0;
border:0;	
}
img.r{
margin:5px 0 5px 10px; 
float:right;
}
img.l{
margin:5px 10px 5px 0;
float:left;clear:left;
}
#header img.delft{
margin:0; padding:12px 0 10px 0;
border:0;
float:left;clear:left;	
}
#header img{
margin:0; padding:0;
border:0;
vertical-align:middle;
}
img.indexjean{
margin:-5px 0 5px -8px; 
}
object.nieuw{
margin:0 15px 0 0; padding:0;
float:left;
vertical-align:top;
}
img.herplr{
vertical-align:top;
margin: 5px 0 5px 15px;
padding: 0;
float: right;
}
img.herpll{
clear:both;
vertical-align:top;
margin:5px 15px 5px 0; 
float:left;
}
img.herplmidden{
vertical-align:top;
text-align:center;
}
/*=======================*/
table td span.eersteregel{
color:#BD398B;
}
table.pedigree{
position:absolute;
top:30px;
left:0;
font:normal normal 13px arial, sans-serif, sans;
border:0;
width:850px;
border-collapse:collapse;
padding:0;margin:0;
color:black;
}
table.pedigree th.kolom1{
width:140px;
}
table.pedigree th.kolom2{
width:175px;
}
table.pedigree th.kolom3{
width:215px;
}
table.pedigree th.kolom4{
width:265px;
}
table.pedigree td{
padding-left:5px;
border-right:1px solid #BD398B;
border-left:1px solid #BD398B;
}
table.pedigree td.kolom1{
width:140px; /*200px;*/
/*background:yellow;*/
}
table.pedigree td.kolom2{
width:240px;
/*background:blue;*/
}
table.pedigree td.kolom3{
width:215px;
/*background:blue;*/
}
table.pedigree td.kolom4{
width:255px; /*270px;*/
/*background:green;*/
}
table.pedigree td.kolom1kit{
width:140px;  /*160px;*/
/*background:yellow;*/
}
table.pedigree td.kolom2kit{
width:175px;  /*180px;*/
/*background:blue;*/
}
table.pedigree td.kolom3kit{
width:215px;  /*260px;*/
/*background:blue;*/
}
table.pedigree td.kolom4kit{
width:265px;  /*270px;*/
/*background:green;*/
}
table.pedigree td.b{border-top:1px solid #BD398B;}
table.pedigree td.o{border-bottom:1px solid #BD398B;}
table.pedigree th{border:0;}
/* LIJSTEN *********************************** */
ul, ul ul{
margin:0 0 0 35px;padding:0;
list-style-position: outside;
list-style-type: disc;
text-align: justify;
color:#BD398B;
border:0;
clear:left;
}
ul.geen{
margin:0;padding:0;
list-style-position: outside;
list-style-type: none;
text-align: justify;
color: black;
border:0;
}
ul ul{
margin:0 0 0 18px;
}
li{
margin:0 0 2px 0;padding:0;
text-align:justify;
font:14px arial, sans-serif, sans;
color:inherit;
font-weight: normal;
font-style: normal;
letter-spacing:normal;
line-height: 150%;
text-align:justify;
}
span.geen{
color:black;
}

/* LIJSTEN *********************************** */