/*CSS BASIS Document*/
/* ONDERDELEN
#transparantfilter { position:absolute; top:133px; left:167px; width:536px; height:40px; background-color:#fff; opacity:.80;filter:alpha(opacity=80); -moz-opacity:0.80; z-index:2 }

Gebruikte kleuren in de site bijv.
blauw #3333399



*/

html, body { height:100%; background-color: #ffffff; font-family:Verdana;}
/* als je de website altijd in verticaal beeldvullend wilt hebben. Indien dit niet nodig is kun je dit deleten */

body { margin:0; color:#ffffff; font-size:100%; }

/* sitewide weergave van links */
a:link,a:visited  {color:#666666; text-decoration:none;}
a:hover {color:#ffffff; text-decoration: none;}


.ata { color:#971b1e; font-size:16px; font-family:Arial; font-weight:bold;}
.fata { color:#ffffff; font-size:12px; font-family:Arial; font-weight:bold;}


/* De hoofdcontainer. Dit is het werkgebied waarbinnen de div's worden gepositioneerd */
#container { position:absolute; background-image: url(../img/logo.gif); background-repeat:no-repeat;top:20px; left:0px;height:455px; margin-left:auto; margin-right:auto; width:750px; position:relative; }
 #containerbeeld { position:absolute; background-image: url(../img/logo.gif); background-repeat:no-repeat; top:20px; left:0px;height:586px; margin-left:auto; margin-right:auto; width:750px; position:relative; }
 
#header {
	position:absolute;
	top:32px;
	left:238px;
	height:40px;
} 
#menu {position:absolute; top:46px; left:46px ; width:100px; height:520px; background-color:#94d0e8; text-align:right; font-family:verdana; font-weight:bold; color:#FFFFFF;}

#menu a:link, #menu a:visited {	text-decoration:none;
	text-align:right;
	vertical-align:middle;
	color:#FFFFFF;
}
#menu a:hover {
	height:40px;
	width:100px;
	text-decoration:none;
	text-align:right;
	color:#666666;
}


#contentmain {
	position:absolute;
	top:70px;
	left:168px;
	width:332px;
	background-color:#2eaadc;
	height:490px;
	z-index:5;
}
#contentmain2 {
	position:absolute;
	top:70px;
	left:168px;
	width:475px;
	background-color:#2eaadc;
	height:480px;
	z-index:5;
}
#content { position:absolute; top:46px; left:149px; width:315px; background-color:#6ac1e4; height:520px;z-index:4;}
#balk { position:absolute; top:46px; left:464px; width:75px; background-color:#94d0e8; height:520px;z-index:2;}
#balk2 { position:absolute; top:46px; left:539px; width:75px; background-color:#b9e3f4; height:520px;z-index:2;}
#balk3 { position:absolute; top:46px; left:614px; width:75px; background-color:#d1e8f2; height:520px;z-index:2;}
#balk4 {
	position:absolute;
	top:46px;
	left:652px;
	width:75px;
	background-color:#d1e8f2;
	height:400px;
	z-index:2;
}
#blok {
	position:absolute;
	top:472px;
	left:650px;
	width:70px;
	background-color:#2EAADC;
	height:70px;
	z-index:9;
}

#blok2 {
	position:absolute;
	top:551px;
	left:650px;
	width:20px;
	background-color:#2EAADC;
	height:20px;
	z-index:10;
}

#blok3 {
	position:absolute;
	top:580px;
	left:650px;
	width:10px;
	background-color:#2EAADC;
	height:10px;
	z-index:10;
}
#blok4 {
	position:absolute;
	top:415px;
	left:672px;
	width:84px;
	background-image:url(../img/blokje.gif);
	height:139px;
	z-index:9;
}

#fotoalbum {
	position:absolute;
	top:46px;
	left:149px;
	background-color:#d1e8f2;
	width:500px;
	height:520px;
	z-index:5;
}
  
  
.huisknop{font-size:12px; font-weight:bold;color:#ffffff;text-align: right;	cursor: pointer;}

.huisknopb{font-size:12px;font-weight:bold;color:#666666;text-align: right;	cursor: pointer;}

.spanSlide { position: absolute; overflow: hidden}
.imgSlide { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
  
  
#image{
	position:absolute;
	top:148px;
	left:512px;
	width:325px;
	height:225px; background-image: url(../img/beeld.jpg);
	border: #FFFFFF;
	border:2px;
	z-index:6;
}

#image2{
	position:absolute;
	top:146px;
	left:400px;
	width:325px;
	height:225px; background-image: url(../img/informatie.jpg);
	border: #FFFFFF;
	border:2px;
	z-index:6;
}

#kop{
	position:absolute;
	top:390px;
	left:548px;
	width:350px;
	height:46px;
	color:#666666;
	font-family:Verdana;
	font-size:18px;
	font-variant:small-caps;
	font-weight:bold;
	z-index:6;
}

.style1 {font-size: 24px}
.style2 {font-size: 16px}
  
#footer {
	position: absolute;
	top:575px;
	height:20px;
	width:700px;
	background-color:#ffffff;
	color:#666666;
	font-size:12px;
	line-height:20px;
	text-align: center;
	left:42px;
	z-index:8;
}
  
  #footeralbum {
	position: absolute;
	top:566px;
	height:20px;
	width:700px;
	background-color:#ffffff;
	color:#666666;
	font-size:12px;
	line-height:20px;
	text-align: center;
	left:41px;
	z-index:8;
}
  
#tekst-index {
	position:absolute;
	top:82px;
	left:170px;
	height:395px;
	width:309px;
	color:#ffffff;
	font-size:12px;
	z-index:5;
	left: 179px;
	height: 399px;
}

  #tekst-index2 {
	position:absolute;
	top:82px;
	left:170px;
	height:385px;
	width:450px;
	color:#ffffff;
	font-size:12px;
	z-index:5;
	left: 179px;
	height: 399px;
}

    
h1 { color:#ffffff; margin:0px; font-size:18px; }
h2 {
	color:#868889;
	margin:0px;
	font-size:10px;
}
p {margin:0px; padding:0px; color:#ffffff;  font-size:12px;  width:290px; }

ul { padding:0px 0px 0px 25px; margin:0px;}
td,tr,table {
	color:#666666;
	font-size:12px;
}

.dot { font-size:14px;  font-weight:bold; color:#FFFFFF;}
h3 {font-family:verdanda; font-size:24px; font-weight:bolder;}