/*****************************************************/
/***************** opmaak algemeen'******************/
/*****************************************************/

body 
{
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0px; 
	margin:0px; 
	background-color:#7A6845;
	font-size:13px;
	line-height: 17px;
	color: #474421;
	font-family: 'sans serif';
	text-align:justify;
}

td
{
	font-size:13px;
	line-height: 17px;
	color: #474421;
	font-family: 'sans serif';
	text-align:justify;
}
	

#kop
{
	padding-bottom:3px; 
	padding-top:3px; 
	padding-left:8px; 
	padding-right:8px; 
	background-color:#E4E0B1; 
	border:#4C4926 solid 1px; 
	font-weight: bold;
	margin-bottom: 15px;
}

#kop-gb
{
	padding-bottom:3px; 
	padding-top:3px; 
	padding-left:8px; 
	padding-right:8px; 
	background-color:#E4E0B1; 
	border:#4C4926 solid 1px; 
	font-weight: bold;
	margin-bottom: 7px;
}

#pic-tr
{
	float:left;
	margin-top:5px;
	margin-bottom:10px;	
	margin-left:15px;
	
}

#pic-tl
{
	float:left;
	margin-top:5px;
	margin-bottom:10px;	
	margin-right:15px;
}

#pic-zw-tl
{
	float:left;
	margin-top:5px;
	margin-bottom:10px;	
	margin-right:15px;
}

#pic-zw-tr
{
	float:right;
	margin-top:5px;
	margin-bottom:10px;	
	margin-left:15px;
}

#pic-zw-mr
{
	float:left;
	margin-right: 15px; 	
	margin-top:10px;
	margin-bottom: 5px;
}

#pic-r
{
	float:left;
	padding-right:0px;
}

#tekst-normaal
{
	margin-bottom:10px;
	border:0px solid black;
	padding:0;
	
}

#tekst-inline
{
	display: inline;
}

span#teller
{
	display: block;
	font-size:12px; 
	text-align: left;
}

/*****************************************************/
/***************** opmaak index.php'******************/
/*****************************************************/

#randlinks
{
	position:absolute;	
	width:50px;
	height:100%;
	background-image:url(pics/randlinks.jpg); 
	background-repeat: repeat-y; 
	margin-left: -440px;
	left: 50%;
	z-index:1;
}

#randrechts
{
	position:absolute;	
	width:50px;
	height:100%;
	background-image:url(pics/randrechts.jpg); 
	background-repeat: repeat-y; 
	margin-left: 425px;
	left: 50%;
	z-index:1;
}

#head 
{
	position:absolute; 
	margin-left:-425px; 
	left:50%; 
	top:0px; 
	width:850px; 
	min-width:850px; 
	height:160px; 
	background-color:#FEF8EA; 
	z-index:5; 
	border:0px solid black;
}

#nav 
{
	position:absolute;
	width:148px;
	z-index:4;
	left: 50%;
	margin-left:-425px;
	top:160px;
	bottom:0px; 
	border:0px solid black;
	background-color:#FEF8EA;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 15px;
}

* html #nav /*extra uitleg voor domme IE*/
{
	height:100%;
}

#content 
{
	overflow:auto; 
	position:absolute; 
	z-index:3; 
	top:160px; 
	bottom:0px; 
	width:642px; 
	margin-left:-257px;
	left:50%; 
	border:0px solid black;
	background-color:#FEF8EA;
	display:block;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
}

* html #content /*extra uitleg voor domme IE*/
{
	top:0px; 
	height:100%;
	border-top:160px solid black; 
	width:682px;
}

/*****************************************************/
/*************** opmaak voor 'nav.php'****************/
/*****************************************************/

ul, li
{
	list-style: none;
	margin: 0;
	padding: 0;
}


body#proloog a.pronav,
body#begin a.begnav,
body#afd-archief a.afdnav,
body#co_roos a.conav,
body#oorlogsjaren a.oornav, 
body#wederopbouw a.wedenav,
body#grote_afbraak a.gronav,
body#einde a.einav,
body#epiloog a.epinav,
body#verantwoording a.vernav,
body#links a.linav,
body#gastenboek a.gasnav,
body#contact a.onder
{
	font-weight: bold;
}


a#menu:link, a#menu:visited
{
	text-decoration: none;
	padding: 4px 8px 4px 8px;
	border-top: 1px solid #4C4926;
	border-bottom: 0px solid #4C4926;
	border-left: 1px solid #4C4926;
	border-right: 1px solid #4C4926;
	width: 130px;
	height: 16px;
	background-color:#E4E0B1;
	color: #474421;
	font-size:13px;
	font-family: 'sans serif';
	display:block;
	
}

a#menu.onder:link, a#menu.onder:active, a.onder#menu:visited, a.onder#menu:hover
{
	border-bottom: 1px solid #4C4926;
}

a#menu:hover, a#menu:active
{
	text-decoration: none;
	padding: 4px 8px 4px 8px;
	border-top: 1px solid #4C4926;
	border-bottom: 0px solid #4C4926;
	border-left: 1px solid #4C4926;
	border-right: 1px solid #4C4926;
	width: 130px;
	height: 16px;
	color: #474421;
	font-weight: bold;
	font-size:13px;
	font-family: 'sans serif';
	display:block;
}

* html a#menu:link
{
	width: 148px;
}

* html a#menu:visited
{
	width: 148px;
}

* html a#menu:hover
{
	width: 148px;
}

*html a#menu:active
{
	width: 148px;
}

/*****************************************************/
/************ opmaak voor 'proloog.php'***************/
/*****************************************************/

#a2	/*tekst - 'De Nederlandsche...maakte'*/
{
	width:641px;
	margin-bottom: 10px;
}

/*****************************************************/
/************** opmaak voor 'begin.php'***************/
/*****************************************************/

#b2	/* kolom links */
{
	width:458px;
	float:left;
	margin-bottom:10px;
}

#b7	/* Kolom rechts */
{
	width:140px;
	float:left;
}

/***********************************************************/
/************** opmaak voor 'afd_archief.php'***************/
/***********************************************************/

#c2	/* tekst - 'Zijn chef was ... kunnen meepraten.' */
{
	width:411px;
	float:left;
}

#c4	/* tekst - sup-kop */
{
	clear:left;
	padding-top:20px;
	padding-bottom:10px;
}

#c6	/* afbeelding - Penning 100 j NHM GJL Muller 1 */
	/* afbeelding - Penning 100 j NHM GJL Muller 2 */
{
	float:left;
	margin-right:31px;
}	

#c12	/* afbeelding - Presse-papier NHM */
	/* De Bazel inktpot zwart */
	/* De Bazel grote asbak */
{
	float:left;
	margin-right:11px;
	margin-bottom:10px;
}

#c3
{
	float:left;
	margin-right:13px;
	margin-bottom:10px;
}

/***********************************************************/
/**************** opmaak voor 'co_roos.php'*****************/
/***********************************************************/

#d2	/* tekst - 'Jacoba Johanna Roos ... aardig piano.' */
{
	width:623px;
	margin-bottom:10px;
	border:0px solid black;
}

#d4	/* div om d6 en d7 */
{
	width:474px;
	float:left;
	margin-bottom:10px;
	border:0px solid black;
}

#d5	/* div om d11 */
{
	width:80px;
	float:left;
	border:0px solid black;
}

/***********************************************************/
/************* opmaak voor 'oorlogsjaren.php'***************/
/***********************************************************/

#e2	/* kolom links */
{
	width:458px;
	float:left;
	margin-bottom:10px;
}

#e3	/* kolom rechts */
{
	width:100px;
	float:left;
	margin-bottom:10px;
}

#e5	/* afbeelding - helm handschoenen zijtas */	
{
	float:left;
}

#e5a	/* afbeelding - gasmasker */	
{
	clear:left;
	margin-top: 15px;
}

#e8	/* div om afbeelding e9 */
{
	padding-top:10px;
	display:block;
	clear:left;
}

#e9	
{	/* afbeelding - Ge staat derde van links achterste rij */
	float:left;
	padding-right:45px;
}

#e12	/* tekst - sup-kop */
{
	clear:left;
	padding-top:20px;
	padding-bottom:10px;
}

#e14 	/* afbeelding - Pakhuis Indie */
	/* afbeelding - Laden op dekschuit... */
{
	float:left;
	padding-right:37px;
}	

#e18	/* tekst - 'Ge Muller wist de weg ... zijn collega's.' */
{
	margin-bottom:10px;
	display:block;
	clear:left;
}

/***********************************************************/
/************* opmaak voor 'grote_afbraak.php'**************/
/***********************************************************/

#g3	/* afbeelding - Tjap 1 */
	/* afbeelding - Tjap 2 */
{
	float:left;
	margin-right:45px;
}	

#g8
{
	/* afbeelding - Goudtonnetje */
	/* afbeelding - Knoop bodeuniform */
	float:left;
	margin-right:81px;
}	

/***********************************************************/
/***************** opmaak voor 'einde.php'******************/
/***********************************************************/

#h3	/* tekst - 'Dit alles ... grammofoon combinatie.' */
{
	margin-top:15px;
	margin-bottom:15px;
	display:block;
	clear:left;
}

#h4	/* tekst - 'Klik hier voor het verslag van dit afscheid uit het personeelsblad.' */
{
	margin-top:5px;
}

/***********************************************************/
/************* opmaak voor 'verantwoording.php'*************/
/***********************************************************/

#j2
{
	border:0px; 
	padding:0px; 
	border-spacing:0px; 
	margin-top:5px;
}

#j3
{
	vertical-align:top; 
}

/***********************************************************/
/***************** opmaak voor 'links.php'******************/
/***********************************************************/

#k2
{
	width:270px;
	float:left;
	display:inline;
}