
body		
		{
		background-color: #954093;
		}
.wrap 	{		
	width: 980px;
	height: 692px;
	margin-left: auto;
	margin-right: auto;
	background-color: #C77BC5;
	border: 0px solid red;
	} 
	
.randlinks
		{
		height: 692px;
		width: 100px;
		position: relative;
		top: 0px;
		left: 0px;
		background: url("afbeeldingen/randlinks100.jpg") no-repeat;
		}

.logo
		{
		height: 145px;
		width: 150px;
		position: relative;
		top: -675px;
		left: 120px;
		}
.titel
		{
		background-color: #C77BC5;
		
		position: relative;
		height: 44px;
		width: 400px;
		top: -800px;
		left: 300px;
	
		font-size: 2.4em;
		font-family: lucida sans, verdana;
		color: ivory;
		}
.subtitel
		{
		background-color: #C77BC5; /*199,123,197 */

		position: relative;
		height: 22px;
		width: 400px;
		top: -790px;
		left: 300px;

		font-size: 1.2em;
		font-family: lucida sans, verdana;
		color: ivory;
		}
.content
		{
		background-color: #C77BC5; /*199,123,197*/
		height: 500px;
		width: 555px;
		
		position: relative;
		top: -725px;
		left: 300px;
		overflow: auto;
		font-size: 1em;
		line-height: waarde;
		font-family: lucida sans, verdana;
		color: ivory;
		}
blockquote   
		{ 
				border: thin dashed purple
		}
		
.randrechts
		{
		height: 692px;
		width: 100px;
		position: relative;
		top: -1403px;
		left: 880px;
		background: url("afbeeldingen/randrechts.jpg") no-repeat;
		}		
.vraagteken		/* top ANDERS dan in IEopmaak!*/
		{
		height: 50px;
		width: 50px;
		position: relative;
		top: -2465px;
		left: 755px;
		border-style: solid;
		border-width: 4px;
		border-color: ivory;
		}

.fotofrouwkje 	/* top ANDERS in IEopmaak !*/
		{
		height: 153px;
		width: 145px;
		position: relative;
		top: -2500px;
		left: 708px;
		}
.menu
		{
		background-color: background-color: #C77BC5;
		position: relative;
		height: 400px;
		width: 165px;
		top: -1910px;
		left: 100px;
		font-size: 115%;
		line-height: 40px;
		font-family: lucida sans, verdana;
		color: ivory; 
		}
/*externelinks en menu*/
		li
		{
		list-style: none;
		}

		a.speciaalm:link, a.speciaalm:visited
		{ 
		   text-decoration: none;
		   color: ivory;
		} 
		a.speciaalm:hover, a.speciaalm:active
		{ 
			font-style: italic;
			color: #CCFFCC;
			font-weight: bold;
		} 
/* submenu*/		
		a.speciaalsubm:link, a.speciaalsubm:visited
		{ 
		   text-decoration: none;
		   color: ivory;
		} 
		a.speciaalsubm:hover, a.speciaalsubm:active
		{ 
			color: #CCFFCC;
			font-weight: bold;
			border-bottom: 1px dotted #CCFFCC;	
		} 
/*mailto */
a.speciaal:link, a.speciaal:visited
		{ 
		   text-decoration: none;
		   color: ivory;
		} 
a.speciaal:hover, a.speciaal:active
		{ 
			font-style: italic;
			color: #CCFFCC;
			font-weight: bold;
		}			
/*opmaak van interne links in de content */
a.speciaalg:link, a.speciaalg:visited
		{ 
		   text-decoration: none;
		   color: ivory;
		   font-size: 110%;
		} 
a.speciaalg:hover, a.speciaalg:active
		{ 
			font-style: italic;
			color: #CCFFCC;
			font-weight: bold;
		} 
/*opmaak van VRAAGTEKEN op index naar indexfrouwkje met foto */
a.speciaalv:link, a.speciaalv:visited
		{ 
		   font-family: lucida sans, verdana;
		   text-decoration: none;
		   color: ivory;
		   font-size: 250%;
		} 
a.speciaalv:hover, a.speciaalv:active
		{ 
			color: #CCFFCC;
			font-weight: bold;
		} 			
		
/*mailto en weblogboek op pagina contact en nieuwsbrief */
a.speciaalb:link, a.speciaalb:visited
		{ 
		   text-decoration: none;
		   font-weight: bold;
		   color: ivory;
		} 
a.speciaalb:hover, a.speciaalb:active
		{ 
			font-style: italic;
			color: #CCFFCC;
			font-weight: bold;
		}	
.footer	
		{		
		height:12px;
		width: 980px;
		
		position: relative;
		
		top: -1822px;
		left: 0px;
		
		font-size: 11px;
		font-family: lucida sans, verdana;
		color: #7E5D7D;
		}
/*mailto website-ontwerp */
a.speciaalw:link, a.speciaalw:visited
		{ 
		   text-decoration: none;
		   font-weight: bold;
		   color: #AD81B1;/*ADB7A1*/
		} 
a.speciaalw:hover, a.speciaalw:active
		{ 
			color: #E0BCEF;
			font-weight: bold;
		}	
		
/*uitklap-menu */
.hyperlinkcss{
position:absolute;
margin-left:-115px;               /* horizontale positie van het menu t.o.v. de link */
margin-top:-300px;                /* verticale positie van het menu t.o.v. de link */
visibility: hidden;
border:2px dotted #954093;
border-bottom-width: 1;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: #C77BC5;
width: 120px;
}

.hyperlinkcss a{                   
width: 100%;
display: block;
text-indent: 3px;
border-bottom: #954093;
padding: 1px 0;
text-decoration: none;
color: ivory;
font-weight: plain;
}

.hyperlinkcss a:hover{              
background-color: ivory;
color: #954093;
}	