@charset "utf-8";
/* CSS Document */

body {
        background: url(images/bg.gif);
        font: 11px Arial;
        color: #414142;
}
.menu{
        display: block;
        width: auto;
        height: 15px;
        background: #66cccc;
        color: #fff;
		line-height:18px;
		
}

.link
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#66cccc}

.witlink
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff}

a.tiet { 
display: block; 
margin: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#000000;
}


a.tiet2 { 
background-color: #66cccc;
display: block; 
margin: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#FFFFFF;
}


a.tiet:hover 
{ 
background-color: #66cccc;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#ffffff; } 



.knop { 
background-color:#66cccc;
 }


a.knop { 
display: block; 
margin: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
background-color:#66cccc;
color:#ffffff; }

.rand
{
border:solid;
border-color:#FFFFFF;
border-width:5px;
}

.tekst{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
padding-left:20px;
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
}

.kopje{
color:#66cccc;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

.nieuwsgierig{
color:#3e7878;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-align:right;
}

ul {
   list-style: square;
        padding: 0 0 0 26px;
        margin: 0 0 15px 0;
}

li {   padding: 0 0 0 20px;
}

.familielid {
        width: 825px;
        background: url(images/familielid_bg.gif) no-repeat top left;
        margin: 0px;
        position: relative;
        line-height: 0px;
		
}





.bottom {
        width: 825px;
		
}

.familielid a {
        font-weight: bold;
        color: #66cccc;
        float: right;
        margin-top: -25px;
        padding-right: 15px;
		
}

.familielied h1, h2, h3, h4, h5, h6 {
        display: block;
        width: 156px;
        height: 49px;
        position: absolute;
        top: 0;
        left: 234px;
}

.familielid span {
        display: block;
        width: 156px;
        height: 49px;
        position: absolute;
        top: 0;
        left: 234px;
}

.familielid h2 { background: url(images/opah.jpg) no-repeat; }
h3 { background: url(images/omah.jpg) no-repeat; }
h4 { background: url(images/vaderh.jpg) no-repeat; }
h5 { background: url(images/moederh.jpg) no-repeat; }
h6 { background: url(images/zoonh.jpg) no-repeat; }
.familielid span { background: url(images/dochterh.jpg) no-repeat; }

.familielid p {
        position: absolute;
        top: 50px;
        left: 250px;
}

.familielid ul {
        list-style: square;
        position: absolute;
        top: 70px;
        left: 260px;
		line-height:18px;
}

.bottom1 {
        width: 825px;
		height: 400px;

		
}

.familieli {
        width: 825px;
        background:  no-repeat top left;
        margin: 0px;
        position: relative;
        line-height: 0px;
}

#status{
z-index:10000000000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#66cccc;
        top: 135px;
		left: 765px;
		position:absolute;
		width:100px;
		height:5px;
		padding:5px;
		cursor:pointer;
}

#status1{
z-index:10000000000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#66cccc;
        top: 420px;
		left: 740px;
		position:absolute;
		width:100px;
		height:5px;
		padding:5px;
		cursor:pointer;
}

#tekstvlak{
        width: 551px;
        margin: 0px;
		background-color:#FFFFFF;
        position: relative;
        line-height: 18px;
		left:234px;
		
}