/* <![CDATA[  CSS Angela Sterling*/


body 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#000000;
	color:#7F7D7D;
	font-size: 12px;
	text-align: left;
	line-height: 20px;
}

p 
{
	margin-top:0px;
	margin-bottom:0px;
}
	
a:link, a:visited 
{
	font-weight: normal;
	color: #8D5D09;
	text-decoration: none;
}

a:hover, a:active 
{
	font-weight: normal;
	color: #663333;
	text-decoration: none;
}

#containerindex 
{
	position: absolute;
  margin-top: -330px;
  top: 50%; 
	width: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	text-align: center;
	left: 0px;
	height: 660px;	
}

#container 
{
	position: absolute;
	 margin-top: -330px;
	top: 50%; 
	width: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	text-align: center;
	left: 0px;
	height: 660px;	
	background-image: url(../afb/gif/streep.gif);
}


#inhoud {
	margin: 0px auto;
	position: relative;
	width: 920px;
	height: 660px;
	z-index:5;
}

#zonderStreep
{
	position: absolute;
	width: 50%;
	height: 660px;
	background-color: #000000;
	left: 0;	
	z-index:1;
}

#naam
{
	position:absolute;
	left:0px;
	top:89px;
	width: 73px;
	height: 482px;
	background-image:url(../afb/gif/naam.gif);
	z-index: 2;
}

#hoofdmenu
{
	position:absolute;
	left:73px;
	top:70px;
	width: 210px;
	height: 462px;
	text-align: left;
	z-index: 4;
}

/* Home staat in alle pagina's na de index */
#Homealone
{
	position:absolute;
	left:73px;
	top:538px;
	width: 210px;
	height: 52px;
	text-align: left;
	z-index: 4;
}

#copyright
{
	position:absolute;
	left:0px;
	top:459px;
	width: 210px;
	height: 20px;
	text-align: left;
	z-index: 10;
}

#submenu
{
	position: absolute;
	left: 73px;
	top: 135px;
	width: 210px;
	height: 390px;
	line-height: 26px;
	text-align: left;
	z-index: 6;
	overflow: hidden;
}

#homepijl
{
	position:absolute;
	left:220px;
	top: 90px;
	width: 14px;
	height: 14px;
	z-index:7;
}

#pijlL
{
	position:absolute;
	left:240px;
	top: 90px;
	width: 14px;
	height: 14px;
	z-index:7;
}

#pijlR
{
	position:absolute;
	left:257px;
	top: 90px;
	width: 14px;
	height: 14px;
	z-index:7;
}


#fotoHome{
	position:absolute;
	left:300px;
	top:0px;
	width: 620px;
	height:660px;
	z-index: 4;
}

#tekstR
{
	position:absolute;
	left: 300px;
	top: 86px;
	width: 560px;
	height: 485px;
	z-index: 10;
	overflow: hidden;
	visibility: visible;
	background-color: #000000;
}
/*de onderstaande div-naam is veranderd van mailform naar MailContact 26-3-07/srp left van 300>0 top van 86>0 */
#MailContact
{
	position:absolute;
	left: 0px;
	top: 0px;
	width: 560px;
	height: 485px;
	z-index: 10;
	text-align: left;	
	background-color: #000000;
	overflow: hidden;
	visibility: hidden;
}

#foto
{
	position:absolute;
	left:300px;
	top:89px;
	width:620px;
	height:480px;
	z-index:5;
	text-align:left;
	border-left: #bebec0 solid 1px;
	border-bottom: #bebec0 solid 1px;
	border-top:  #bebec0 solid 1px;
	overflow: hidden;
	visibility: visible;
}

#teller
{
	position:absolute;
	left:217px;
	top:538px;
	width: 54px;
	height: 52px;
	text-align: right;
	z-index: 5;
}

/*In het hoofdmenu menu-items in HOOFDLETTERS schrijven, moeten we opnemen in de admin-tekst */
.hoofdmenu
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 52px;
	letter-spacing: 3px;
}

.hoofdmenu a:link, .hoofdmenu a:visited 
{
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}

.hoofdmenu a:hover, .hoofdmenu a:active 
{
	color: #663333;
	text-decoration: none;
	font-weight: normal;
}

/* Als in het menu een item active staat, en zo moet blijven staan, gebruik dan deze style */
.activehoofdmenu
{
	font-size:14px;
	color: #663333;
	line-height: 52px;
	letter-spacing: 3px;
}

/*  Submenulinken het bijbehorende hoofditem wordt in HOOFDLETTERS geschreven */

.submenu
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 26px;
	letter-spacing: 1px;
}

.submenu a:link, .submenu a:visited 
{
	font-weight: normal;
	font-style:normal;
	color: #666666;
	text-decoration: none;
}

.submenu a:hover, .submenu a:active 
{
	font-weight: normal;
	font-style:normal;
	color: #663333;
	text-decoration: none;
}

.freetext
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 26px;
	letter-spacing: 1px;
}

.freetext a:link, .freetext a:visited 
{
	font-weight: bold;
	font-style:normal;
	color: #666666;
	text-decoration: none;
}

.freetext a:hover, .freetext a:active 
{
	font-weight: bold;
	font-style:normal;
	color: #663333;
	text-decoration: none;
}


/* Als in het submenu een item active staat, en zo moet blijven staan, gebruik dan eventueel: */
.activesubmenu
{	
	color: #663333;
	text-decoration: none;
	font-style: normal;
	letter-spacing: 2px;
}


/* in de tekstdiv's worden koppen gebruikt die deze style meekrijgen */
.kopTekst
{
	font-size:12px;
	color: #93803F;
	letter-spacing: 2px;
	line-height: 20px;
}


.highlight
{
	color: #93803F;
}	
	
.mailform
{
	font-family:Verdana;
	font-size: 11px;
	letter-spacing: 1px;
	font-style: normal;
	color:#cccccc;
	background: #333333;
	border:none;
}

.bijschrForm
{	
	font-family:Verdana;
	font-size: 11px;
	color: #666666;
	font-style: normal;
	letter-spacing: 1px;
}

.mailknop
{
	font-family:Verdana;
	font-size: 11px;
	letter-spacing: 1px;
	text-decoration: none;
	font-style: normal;
	color:#93803F;
	background: #333333;
	border:none;
	background-color: #5F5F5F;
	color: #AEAEAE;
}