/* body */
body {background:#f0f0f0 url(imagesyossi/bodybg.jpg) repeat-x;
 color:#303030; font:76% Verdana,Tahoma,Arial,sans-serif;
  margin:0; padding:0; text-align:left; min-width:770px; width:100%;} 
 
/* Links */
  
a {color:#505050; font-weight:bold; text-decoration:none;}
a:hover {color:#808080; text-decoration:underline;}
p {line-height:150%; margin:15px 0 15px;} 

/* Tabellen */
table {
	background-color: white;
/*	background-image: url('imagesyossi/achtergrond.gif');*/
   	background-image: url('imagesyossi/Page-BgTexture1.jpg');
        margin-left:10px;
        margin-right:10px;
        margin-top:10px;
}
/* 1e tabel A-Z */
td {     
	border: ridge 1px #3355cc;
	background-color: white; /*achtergrond gezinsblad en 1e tabel*/
}
/* 2e tabel A-Z */
.tekstgezinsblad {          
	color: #000066;
	background-color: #ccccff;  
	/*background-image: url('imagesyossi/default_trans.png');*/ 
        background:url("imagesyossi/menuhover.jpg") repeat left top;                 
	}
td.stamboom_tekst { background-color: #eeeeff; }

/* gezinsblad */
.naam { color: black; }

/* A-Z titel en koptekst parenteel (Generatie I, II, etc.) */
.parenteel { color: #000066; margin-top:10px; }

/* Koptekst kwartierstaat (Generatie I, II, etc.) */
.kwartierstaat { 
       color: #000066; 
       margin-top:10px;
}

/* Kwartierstaat grafisch */
div#kwartiernaam {
border-color: #000066;
color: #000000; font-family: "arial narrow"; font-size: 75%; } /* Tekst */
div#kwartiernaam a {
	color: #222222;
	background-color: #dddddd; font-weight: bold; } /* Link */
div#lijn{ border-bottom-color: #000066; border-top-color: #000066;}
div#split{ border-left-color: #000066; border-bottom-color: #000066; border-top-color: #000066; }
.kwartierst_naam { line-height:100%; }

/* Knop uitgebreid weergeven */
td.weergave { 
        /* background-image: url('imagesyossi/default_trans.png'); */
        background:url("imagesyossi/menuhover.jpg") repeat left top;
}

/* Switchform */
#switchform { color: #333399; }

/* Menu */
#menu {
/* For IE - Voor IE: */
	/* color: #6666aa; */
	/* background-color: #aaccee; */
}

#top {  /*font: Verdana,Tahoma,Arial,sans-serif; font-weight:400;*/
	text-align:left;
	color:#7F7F7F;
	/*font-size:24px; font-weight:bold;*/
	/* background-color:#E8E8E8; */
	/* background:url(images/grijs_verloop.png) repeat left top; */
	height:32px;
	padding:9px 10px 0;
	background:none;
}

#top_familytree_name {color:green; height:56px; margin:0px 10px 20px; text-align:left; font-weight:600; font-size:1.13em; margin:0; padding:0; padding-top:20px;}
#top_website_name a { color:brown; font-weight:600; font-size:1em; letter-spacing:-1px; }
#top_website_name a:visited { color:brown;  }

#header {  
	background-color:#bbeeff;
	background: transparent;
	border: 0px;
	top:52px;  
}

.headerrtl {
        float:right;         
}

#header ul { 
        float:left;  
        font-size:16px; 
        margin:0; 
        padding:0;	 
}

#header li { float:left;  
	  height: 34px;  
}
#header a {border-right:2px solid #b0b0b0;
 color:#606060; display:block; font-size:0.7em;
  /* padding:11px 10px 10px; */
  padding:10px 5px 10px;
   text-transform:uppercase; height: 10px;}
#header a:visited { color: #505050; }
/* #header a:active { color: #2288dd; } */
#header a:hover   {background:#f0f0f0 url(imagesyossi/menuhover.jpg) top left repeat-x; color:#505050; text-decoration:none; color:black;}
#header #current a{background:#f0f0f0 url(imagesyossi/menuhover.jpg) top left repeat-x; color:#505050; text-decoration:none; color:brown; }

#mainmenu_centerbox{
/*    background: #ffffff url('imagesyossi/achtergrond.gif') no-repeat; */
  background: #DED9BC url('imagesyossi/Page-BgTexture1.jpg') no-repeat;
	border: solid 1px #999999;
        margin:0px 15px 0px 15px;
        padding:5px; 
        line-height:150%;     
        overflow:hidden; 
        height:auto;
        min-height:400px; 
}

#mainmenu_left{   
        margin-left:0px;
        float:left;  
        width:21%;  
        padding: 0px 15px 0px 15px;
        line-height:200%;         
}
#mainmenu_left span{
        font-size:14px; line-height:130%;
}
 
#mainmenu_center{   
        margin-left:0px;
        float:left;  
        width:46%;      
	text-align:center;
        padding:0px 0px 0px 0px;        
}
#mainmenu_center_alt{    
        margin-left:0px;
        float:left;  
        width:70%;       
	text-align:center;
        padding:0px 0px 0px 10px;        
}
#content{
        padding-left:1px;
	top:55px;
        line-height:150%;
        
}
#rtlcontent{
        padding-right:1px;
	top:55px;
        line-height:150%;
        
} 
#mainmenu_right{  
        /* margin-left:0px; */
        float:right; 
        width:22%;  
        height:100%;
        margin: 0px 15px 0px 15px;
        /* padding: 0px 2px 2px 2px; */
        background-color:#f2f2f2;
        height:100%;
}


#mainmenu_right form {
        margin-left:12px;
        font-size:95%;
}
 
.mainmenu_bar{
	background:url("imagesyossi/menuhover.jpg") repeat left top;
        margin-bottom:10px; margin-top: 0px; padding:3px;
        font-size:13px;  line-height:150%;
}	 



/* Knoppen en invoervelden */
/*
input { 
	color: #aaccee;
	letter-spacing: 2px;
	background-color: #000066;
	border-left-color: #99ccff;
	border-top-color: #99ccff;
-moz-border-radius: 10px;
border-radius: 10px;
	}
input.geselecteerd {
font-weight:bold;
	color: #eeeeff;
	background-color: #333399;
	border-left-color: #aaccff;
	border-top-color: #aaccff;
	}
input:hover {
border: #aaaadd 2px inset;
border-right-color: #aaccff;
border-bottom-color: #aaccff;
}
*/
.hulpvak { background-color: #eeeeff; }

div.photobook, div.photobooktext {
	background-color: #eeeeff;
}
 

.humoversie { background: url("imagesyossi/menuhover.jpg") top left repeat-x; clear:both; color:black; font-size:0.8em; font-weight:bold; margin:0; padding:15px; text-align:center; height:40px; width:auto; }
.humoversie a {color:#blue; font-weight:bold;}
 
.search_bar {
         background-color:#c6c6c6; 
         background-image:none; 
         margin-top:10px;
}
.wrapper {
         line-height:100%;
}
.kind_inspringen a {
         font-weight:400;
}
.persoon_inspringen a {
         font-weight:400;
}
.huwelijk a {
         font-weight:400;
}
.ouders a {
         font-weight:700;
}
.rtlhulpdiv {
        text-align:right; float:right;  
}