#introduction{
	float: right;
	padding : 5px;
	background-color: #DFD6C6;
	width: 414px;
	height: auto;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-size : 0.8em;
}
#rightbefore{
	float : left;
	margin-left : 10px;
	margin-top : 60px;
	width : 200px;
	height : 100px;
}
#right2{
	padding : 5px;
	background-color: #DFD6C6;
	float: right;
	width: 532px;
	height: auto;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-size : 0.8em;
}
#pagetitle{
	float : left;
	color: #6f5724;
	width: 100%;
	line-height : 22px;
	padding-left : 30px;
	font-size: 160%;
	letter-spacing : 2px;
	background-image: url('../images/title.gif');
	background-repeat: no-repeat;
	background-position : left;
}
#header-story{
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	color: #3A3732;
	width: 100%;
	height: 100px;
	background-color: #c9b99f;
	background-image: url('../images/ruter2009.jpg');
	background-repeat: no-repeat;
	font-size : 0.9em;
}
#photomain{
	width: 1000px;
	margin: 20px auto;
}
#photocontent{
	width: 980px;
	text-align: left;
	color: #3A3732;
	background-color: #f6f6f6;
	border: 1px solid #999999;
}
#contentstone{
	width: 780px;
	text-align: left;
	color: #3A3732;
	background-color: #f4f4f4;
	border: 1px solid #999999;
}
#photopage{
	padding : 20px 20px 0 20px;
}
#slide
{
height : 40px;
margin-top: 20px;
margin-right: 10px;
font-size: 10px;
float : right;	
text-align: left;
width : 200px;
line-height : 20px;
}
#slide a
{
	border-bottom: 1px dotted #5b4313;
}
#titlepages
{
float : left;
margin-top: 20px;
padding-left: 30px;
color: #6f5724;
width: 520px;
font-size: 120%;
letter-spacing : 2px;
line-height: 40px;
}
#titlepages a
{
	border-bottom: 1px dotted #5b4313;
}
#photo
{
	width : 500px;
	color: #999999;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 10px;
	font-size : 0.9em;
	text-align : right;
}
#photo p
{
	text-align : center;
	color: #6f5724;
	font-size : 1.0em;
}
#caption
{
	clear : both;
	color: #6f5724;
	padding: 17px;
	padding-top : 0px;
	padding-bottom : 0px;
	font-size: 10px;
	margin-bottom: 5px;
	text-align: center;
}
#caption a
{
	border-bottom: 1px dotted #5b4313;	
}
#navpages
{
	color: #6f5724;
	line-height : 20px;
	margin-right : 20px;
	text-align : right;
	padding : 2px;
}
#navpages a{
	border-bottom: 1px dotted #5b4313;
}
#pages
{
	padding-left: 30px;
	color: #6f5724;
	line-height : 20px;
}
#pages a{
	border-bottom: 1px dotted #5b4313;
}
.markup
{
	background-color : #c9b99f;
	color : #ffffff;
	border : 1px solid #000000;
}
#lead
{
	font-size: 150%;
   color: #AAAAAA;
	margin-top: 45px;
	margin-left: 20px;
	margin-bottom : 40px;
	width: 200px;
	border-bottom: 1px dotted #5b4313;
}
#stone{
	margin-left: 75px;
	padding: 5px;
	padding-right: 15px;
	padding-top : 20px;
	line-height: 110%;
	width: 650px;
	font-size: 0.9em;
	text-align: center;
	background-color: #F4F4F4;
}
#sender
{
	text-align: right;
	padding-right : 10px;
	font-size: 0.8em;
	font-style: italic;
	color : #999999;
	margin-bottom : 50px;
	margin-right : 40px;
}
.lijst {
	border: 0px;
	background-color: #ffffff;
	color: #4B260A;
	border-collapse: collapse;
	line-height: 110%;
}
col.tak { width : 30px; }
col.voornaam { width : 120px; }
col.voornamen {width : 250px; }
col.datum { width : 100px; }
col.te {	width : 100px; }
col.notes{ width : 200px; }

#navigate{
	margin-left : auto;
	margin-right : auto;
	text-align : center;
	font-weight : bold;
	font-variant: small-caps;
	width : 400px;
	padding-bottom : 2px;
	color : #b4a48a;
}
#navigate.top{
	border-top : 1px solid #b4a48a;
}
#navigate.bottom{
	border-bottom : 1px solid #b4a48a;
}
#navigate a{
	border : 0;
}
#aside-right{
	border: 1px solid #999999;
	background-color: #F6F3EF;
	padding: 5px;
	color: #3A3732;
	float: right;
	font-size: 0.9em;
	margin: 20px;
	margin-right: 30px;
	width: 250px;
}
#aside-left{
	border: 1px solid #777777;
	background-color : #e3e3e3;
	padding: 5px;
	float : left;
	font-size : 0.9em;
	width: 300px;
}
.table-cc{
	width : 700px;
	padding : 0;
	margin : 0;
	border-collapse: collapse;
	background-color: #ffffff;
}
td.cc{
	border : none;
	vertical-align: top;
	padding : 0;
	margin : 0;
}

.tablec1{
 	background-image: url('../images/s01.gif');
	background-repeat: no-repeat;
	width:11px;
	height:11px;
}
.tablec2{
 	background-image: url('../images/s11.gif');
	background-repeat: repeat-x;
	height:11px;
}
.tablec3{
 	background-image: url('../images/s03.gif');
	background-repeat: no-repeat;
	width:11px;
	height:11px;
}
.tablec4{
 	background-image: url('../images/s04.gif');
	background-repeat: repeat-y;
	background-position: top;
	width:11px;
}
.tablec6{
 	background-image: url('../images/s06.gif');
	background-repeat: repeat-y;
	background-position: top;
	width:11px;
}
.tablec7{
 	background-image: url('../images/s07.gif');
	background-repeat: no-repeat;
	width:11px;
	height:11px;
}
.tablec8{
 	background-image: url('../images/s10.gif');
	background-repeat: repeat-x;
	height:11px;
}
.tablec9{
 	background-image: url('../images/s09.gif');
	background-repeat: no-repeat;
	width:11px;
	height:11px;
}
.leftcolumn{
	float : left;
	border : 1px solid #cccccc;
	width : 450px;
	padding : 10px;
	height : 400px;
	margin-left : 100px;
	overflow : auto;
	
}
.rightcolumn{
	float : right;
	border : 1px solid #cccccc;
	width : 350px;
	padding : 10px;
	height : 200px;
}
#indexcontent{
	width: 950px;
	text-align: left;
	color: #3A3732;
	background-color: #f6f6f6;
	border: 1px solid #999999;
}
#mainindex{
	color: #655838;
	padding-top : 10px;
	padding-left : 80px;
	padding-right : 80px;
	padding-bottom : 30px;
	line-height : 18px;
	height : 500px;
}
.leftframe{
	margin-top : 20px;
	float : left;
	width : 220px;
}
.rightframe{
	margin-top : 20px;
	float : left;
	width : 370px;
}
.mostright{
	margin-left : 500px;
	width : 120px;
	font-size : 0.9em;
	font-weight : bold;
	font-variant: small-caps;
}
#storylist a:visited{
	color: #9a9a9a;
	border-bottom: 1px dotted #a9a9a9;
}