@charset "UTF-8";
/* CSS Document voor de pagina's die leiden naar de demosite BBB versie 2 */

body {
	background-color: #330066;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFCC;
	line-height: 18px;
}

      
/* +++++++++++++++++++++++++++++++container style voor IE 5 Mac een hack om te laten staan ++++++++++++++++++++++ */
#container {
	position: absolute;
	margin-left: -392px;
	top: 20px;
	left: 50%;
	width: 784;
	height: 448px;
	z-index: 1;
} 
/* container style voor overige browsers \*/    
#container {
	position: absolute;
	margin-left: -392px;
	margin-top: -224px;
	top: 50%;
	left: 50%;
	width: 784px;
	height: 448px;
	voice-family: "\"}\"";
	voice-family: inherit;
	background-image:url(../afb/home/Home_en.gif);
	z-index: 1;
}
/* einde IE 5 hack */


/* ++++++++++++++++++++++++++++++++++++++ Leeg divje waar een achtergrond in staat voor over rode vlak++++++++ */
#tekstoprood {
	position: absolute;
	left: 310px;
	top: 40px;
	width: 317px;
	height: 317px;
	z-index: 3;
	overflow:hidden;
	background-image: url(../afb/home/home_roodtekst.gif);
	visibility: visible;
}

#tekstoppaars{
	position: absolute;
	left: 35px;
	top: 61px;
	width: 90px;
	height: 46px;
	z-index: 2;
	visibility: visible;
	overflow:hidden;
	text-align: center;
}
/*+++++++++++++++++++++++++++++++++++++++++Vlaggetje en/of terugpijltje++++++++++++++++++++*/
#vlag{
	position:absolute;
	right: 0px;
	top: 0px;
	width: 38px;
	height: 39px;
	text-align: right;
	z-index: 10;
	visibility: visible;
}
/*+++++++++++++++++++++++++++++++++++++++++Portfolio woord en blokjesafbeelding met link ++++++++++++++++++++*/
#portfolioblokjes {
	position: absolute;
	width: 251px;
	height: 34px;
	z-index: 11;
	left: 310px;
	top: 2px;
	visibility: hidden;
}

#portfoliowoord {
	position: absolute;
	left:236px;
	top:10px;
	width:65px;
	height:30px;
	z-index:12;
	visibility: visible;
}
/*+++++++++++++++++++++++++++++++++++++++++link opmaak ++++++++++++++++++++*/      
a:link, a:visited {
	font-size: 11px;
	font-weight: bold;
	color: #FF9900;
	text-decoration: none;
}
	a:hover, a:active { 
	font-size: 11px; 
	font-weight: bold; 
	color: #FFFFCC; 
	text-decoration: none; 
}

/*+++++++++++++++++++++++++++++++++Contact woord links en tekst + mailform + wat tekst +++++++++++++++++++++++++++*/
#contact {
	position: absolute;
	left:145px;
	top:94px;
	width:25px;
	height:60px;
	z-index:5;
	visibility: visible;
}
#contacttekst {
	position: absolute;
	left: 329px;
	top: 60px;
	width: 270px;
	height: 275px;
	z-index: 8;
	overflow: hidden;
	visibility: hidden;
}


/*++++++++++++++++++++++++++++webdesign woord en tekst roodtekstBBB is 1e en tweede deel+++++++++++++++++ 2 */

#webdesign {
	position:absolute;
	left: 235px;
	top: 359px;
	width: 210px;
	height: 25px;
	z-index: 7;
	visibility: visible;
}

#webdesigntekst1 {
	position: absolute;
	left: 329px;
	top: 60px;
	width: 270px;
	height: 288px;
	z-index: 8;
	overflow: hidden;
	visibility: hidden;
}
#webdesigntekst2 {
	position: absolute;
	left: 329px;
	top: 60px;
	width: 270px;
	height: 288px;
	z-index: 9;
	overflow: hidden;
	visibility: hidden;
}

/*+++++++++++++++++++++++++++++++++paarsje ruitje onderaan het beeld+++++++++++++++++++++++++*/
#ruitje {
	position:absolute;
	width: 59px;
	height: 59px;
	z-index: 18;
	top: 392px;
	left: 496px;
	visibility: visible;
}
/* ++++++++++++++++++++++++++++++++Els naam onderin, foto plus tekst+++++++++++++++++++++++++*/
#els { 
	position: absolute; 
	left: 54px; 
	top: 425px; 
	width: 136px; 
	height: 25px; 
	z-index: 3; 
	visibility: visible; 
}
#elsfoto {
	position: absolute;
	width: 114px;
	height: 114px;
	z-index: 13;
	left: 27px;
	top: 34px;
	visibility: hidden;
}
#elstekst1 {
	position: absolute;
	left: 329px;
	top: 60px;
	width: 270px;
	height: 288px;
	z-index: 8;
	overflow: hidden;
	visibility: hidden;
}
#elstekst2 {
	position: absolute;
	left: 329px;
	top: 60px;
	width: 270px;
	height: 297px;
	z-index: 8;
	overflow: visible;
	visibility: hidden;
}

/*+++++++++++++++++++++++++++++++++++++++++++++Suzanne naam onderin, foto en tekst++++++++++++++++++++++++++*/
#suz { 
	position: absolute; 
	left: 248px; 
	top: 425px; 
	width: 240px; 
	height: 25px; 
	z-index:2; 
	visibility: visible;
}
#suzfoto {
	position: absolute;
	width: 114px;
	height: 114px;
	z-index: 13;
	left: 27px;
	top: 34px;
	visibility: hidden;
}
#suztekst1 {
	position: absolute;
	left: 329px;
	top: 60px;
	width: 270px;
	height: 288px;
	z-index: 8;
	overflow: hidden;
	visibility: hidden;
}	
#suztekst2 {
	position: absolute;
	left: 329px;
	top: 60px;
	width: 270px;
	height: 288px;
	z-index: 8;
	overflow: hidden;
	visibility: hidden;
}	



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++ extra linken kleur++++++++++++++++++++++ */
.extralink{
	font-size: 11px;
	color:#FFFFCC;
}
extralink a:link, extralink a:visited {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFCC;
	text-decoration: none;
}
extralink a:hover, extralink a:active { 
	font-size: 11px; 
	font-weight: bold; 
	color: #FFFFCC; 
	text-decoration: none; 
}
/*+++++++++++++++++++++++++++++++++++++++++++h1 kop, spaarzaam gebruikt +++++++++++++++++++++++++++++++ */
.h1 {
	color: #FF9900;
	font-weight: bold;
}
.h2 {
	color: #FFFFCC;
	font-weight: bold;
}