/********************************************
	stylesheet voor
	"Illustraties en Literatuur	door
	 Martijn van der Linden en Maranke Rinck"
 ********************************************/

p {
	/* trek standaard margin, padding en regelhoogte voor alle browsers gelijk */
	margin:		0px;
	padding:	0px;
	margin-top:	8px;
	
	line-height:	16px;
}

br {
	/* trek standaard margin, padding en regelhoogte voor alle browsers gelijk */
line-height:		18px;
}


body {
padding:	0px;
margin:		0px;

/*width:		100%;*/
overflow:	hidden;

background:	#4D2C2B;
/* background: #FFF url( ./Beeldelementen/grad1.jpg ); */
/* background: url( ./Beeldelementen/grad1.jpg ); */

}


div {
position:	absolute;
}

/* pseudo body div */
#divvat {
position: relative;

margin-left: auto;
margin-right: auto;
/*
margin-top: 2%;
margin-bottom: 2%;
*/
width:    1024px;
height:    640px;
/*top:        40px;*/
/* text-align:  left;  voor, het is weer zover' fout in MS Explorers */
}
 
#divMnu {
top:		  0px;
left:		  0px;
width:		280px;
height:		533px;

background:	black;
}


/*	link via transparante img naar weblog */
#logLink
{
	position:		absolute;
	
	border:	none;
	top:					95px;
	left:				 160px;
	
	z-index:		3;
}


.mnuT {
font-family:	Verdana, Arial, Helvetica, sans-serif;
font-size:		 16px;
font-weight:	bold;
color:			#FDFCFC;	/* rgb 253 252 252 */
z-index:    2;
}

#tekst1 {
top:		 39px;
left:		 20px;
}

#tekst2 {
top:		 74px;
left:		 20px;
}

#tekst3 {
top:		109px;
left:		 20px;
}

#tekst4 {
top:		144px;
left:		 20px;
}



.mnuT2 {
font-family:	"Times New Roman", Times, serif;
font-size:		 15px;
font-weight:	normal;
color:			#F9EBDB;	/* rgb 249 235 219 */

top:			182px;
left:			 18px; 
}

.mnuBlok {
top:			222px;
left:			 15px;  /* kan wijzigen indien padding en margin willen werken in beide browsertypes */
}

.mB {
position:		relative;
float:			left;
margin:			  2px;
width:			 80px;
height:			 70px;
background:		#4D2C2B;

}


.mB img {
position:		absolute;

/* voor pseudo hover effect */
border-style:	solid;
border-width:	1px;
border-color:	transparent;		/* IExplorer doet dit fout: geeft zwarte border.. */
/* ------------------------ */
}


/* blok-menu-pagina's */
#mnuB2 {
visibility:		hidden;
}

#mnuB3 {
visibility:		hidden;
}

#mnuB4 {
visibility:		hidden;
}

#mnuB5 {
visibility:		hidden;
}

#mnuB6 {
visibility:		hidden;
}

#mnuB7 {
visibility:		hidden;
}

#mnuB8 {
visibility:		hidden;
}

#mnuB9 {
visibility:		hidden;
}


#mnuB10 {
visibility:		hidden;
}

#mnuB11 {
visibility:		hidden;
}



.pijl {
position:		absolute;
font-size:		 36px;
font-weight:	bold;		/* 700 = bold	*/
color:			#7D615C;	/* rgb 125 97 92 */
}

#plLinks {
top:			12px;
left:			10px;
}

#plRechts {
top:			12px;
left:			48px;
}


#agTop {
position:		absolute;
top:			  0px;
left:			280px;
width:			744px;
}



/* grapje voor licht accenten bij muis over naam Maranke */
#agTop2 {
position:		absolute;
visibility:		hidden;
top:			  0px;
left:			584px;
}


/* tekst -ILLSUTRATOR- etc op achtergrond rechts boven */
#agTekst {
position:		absolute;
top:			 60px;
left:			296px;

font-family:	Verdana, Arial, Helvetica, sans-serif;
font-weight:	bold;
font-size:		 14px;
letter-spacing:	  4px;
color:			#D8C7B5;	/* RGB 216 199 181 */
}

.divMidden {
visibility: hidden;
top:			106px;
left:			280px;
height:			427px;
width:			744px;
background-image: url(./Beeldelementen/agMidden1.jpg);

background-attachment: fixed;		/* nodig voor, je raad het al, MS Explorer */
}

/* test voor stationaire achtergrond voor midden-divs */
#divStat{
visibility: visible;
/*z-order:    -1;*/
}


#divCentrum {
visibility: visible;
text-align:	center;

/*test*/
/*z-index:  10;*/
}

#divPrentboek, #divOmslag, #divBinnen, #divRecent {
visibility: hidden;
text-align:	center;
}


/* de afbeeldingen komen hierin */
#afbGr {
position: relative;
top:			 8px;
}

#afbKater {
position: absolute;
top:       50px;
left:     177px;
}

#afbStaartOp {
position: absolute;
visibility: hidden;
top:      193px;
left:     237px;
}

#afbStaartNeer {
position: absolute;
/* visibility: hidden; */
top:      283px;
left:     178px;
}

#afbOogL {
position: absolute;
/* visibility: hidden; */
top:      101px;
left:     430px;
}

#afbOogR {
position: absolute;
/* visibility: hidden; */
top:      106px;
left:     462px;
}


#afbWenk {
position: absolute;
visibility: hidden;
top:       50px;
left:     423px;
}

#afbPrent, #afbOmslag, #afbBinnen, #afbRecent {
position: relative;
top:			 8px;
}

/* taalkeuze teksten in divmidden */
#Ned {
top:      150px;
left:     200px;
color:    #555555;  /* rgb(85,85,85) */
}

#Eng {
top:      150px;
left:     600px;
color:    #555555;  /* rgb(85,85,85) */
}


/* onderschrift afbeeldingen div Midden - groep Meisjes om te zoen is default zichtbaar */
/* bsL - bijschrift bij afbeeldingen Landschap */
/* bsP - bijschrift bij afbeeldingen Portret */
.bsL {
position:		absolute;
top:        390px;
visibility: hidden;
/*margin-top:		14px;*/
/*margin-left:	20px;*/

left:       20px;

font-size:	14px;
color:			#4D2C2B;

text-align:		left;
}

.bsP {
position:		absolute;

visibility:	hidden;
/*margin-top:		14px;*/
/*margin-left:	20px;*/

top:        250px;
left:			  20px;
width:      200px;
font-size:	14px;
color:			#4D2C2B;

text-align:	left;
}

/* specifieke bijschriften */
#nt01 {
/* visibility:	visible; */  /* default onderchrift bij nederlandse versie */
}




#imgOnd {
position:		absolute;
top:			533px;
left:			  0px;
/*height:		 52px;*/
/*width:		1024px;*/
background-image: url(./Beeldelementen/agOnder1.jpg);
}



/*	div's als pseudo pagina's - overlay op divMidden */


/*	---	begin Maranke deel ---	*/

#divMaranke, #divMarankeEn {
visibility:		hidden /*visible*/;
overflow:		auto;
 /* width:			720px; */
height:			411px; /*427 412px;*/

margin-top:		  8px;
margin-bottom:  8px; 
/* padding-top:    5px; */
left:			280px;  /* was 290 */

font-family:	"Times New Roman", Times, serif;
font-size:		 13px;
font-weight:	normal;
color:			#4D2C2B;	/* rgb 77 44 43 */
}

#divMaranke p, #divMarankeEn p {

margin-left:	 16px;
}


#imgMaranke {
position:		absolute;
top:			 18px;
left:			340px;
}

#txtM1 {
position:		absolute;
top:			 36px;
width:			320px;
}

#txtM2 {
position:		absolute;
left:			326px;
top:			280px;
}


#txtM3 {
position:		absolute;
left:			326px;
top:			520px; /*500px;*/

}

#txtM4 {
position:		absolute;
/*left:			0px;*/
top:			700px; /*690px;*/
width:			650px;

}

#txtM5 {
left:			326px;
top:			760px;
width:			334px;
}

#txtM6 {
position:		absolute;
top:        145px;
width:			320px;
}


#Fmarter	{
position:		absolute;
top:			270px;
left:			 16px;
}

#Fkolibrie	{
position:		absolute;
top:			750px;
left:			 16px;
}

/*	---	einde Maranke deel ---	*/


/*	---	begin Martijn deel ---	*/


#divMartijnNed, #divMartijnEng {
visibility:		hidden;
overflow:		auto;

/* height:			416px; */ /*400px;*/
height:			427px;
/* margin-top:		  4px; */
left:			280px; /* was 290 */

font-family:	"Times New Roman", Times, serif;
font-size:		 13px;
font-weight:	normal;
color:			#4D2C2B;	/* rgb 77 44 43 */
}



#imgMartijn {
position:		relative;
top:			40px;
left:			400px;
}


.txtT1 {
position:		absolute;
left:			 16px;
top:			 46px;
width:			350px;
}


#EngMartijn, #NedMartijn {
top:        140px;
}

/*	---	einde Martijn deel ---	*/



/*	---	begin Koppelingen deel ---	*/

#divKoppelNed, #divKoppelEng {
visibility:		hidden;
overflow:		auto;
/*width:			780px;*/
height:			416px; /*400px;*/

margin-top:		  4px;
left:			280px;  /* was 290 */

font-family:	"Times New Roman", Times, serif;
font-size:		 13px;
font-weight:	normal;
color:			#4D2C2B;	/* rgb 77 44 43 */
}




#txtKlinks	{
position:		absolute;
left:			 30px;
top:			 46px;
width:			350px;
}


#txtKrechts {
position:		absolute;
left:			310px;
top:			 46px;
width:			350px;
}



/*	---	einde Koppelingen deel ---	*/

/* test afdeling */
#mnuEng {
visibility: hidden;
}