/***********************************************/
/* HTML tags & Lettertypes                     */
/***********************************************/


/******* body (algemeen voor volledige site) opmaak *******/
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size:11pt;
	color:#555555;
	margin:0;
	padding:0;
	background-position: 200px;
}

hr {
color:black;
height:1pt;
}

ul{
	list-style-type: square;
}
ul ul{
	list-style-type: square;
}
ul ul ul{
	list-style-type: square;
}

/******* link opmaak *******/

a:link, a:visited{
	color: #3E65C1;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/******* tekst lettertypes en stijlen *******/

.vetjes {font-weight:bold; color:#000000;}
.cursief {font-style:italic;}
.datum {font-weight:normal; color:#555555; line-height:normal; margin-bottom:4pt; display: block;}
.zwart {color:#000000;}
.adresfont {color:#000000; font-weight:bold;}
.kleinervetjes {font-size:10pt; font-weight:bold; color:#000000;}
.kleinvoet{display:none;}
#skiplinks{display:none;}


/******* titel lettertypes en stijlen *******/

.hoofdtitel {
font-size:20pt;
	text-align:left;
}

.ondertitel {
font-size:14pt;
color:#000000;
font-weight:normal;
	text-align:left;
}


/***********************************************/
/* Layout div layers (blokken)                 */
/***********************************************/

#toegankelijkheid {
display:none;
}

#container {
position:absolute;
left:100px; 
top:0px; 
width:962px; 
z-index:99;
}

#hoofding {
position:absolute; 
left:0px; 
top:0px; 
width:640px; 
margin:0;
padding:0;
height:138px; 
z-index:1;
}

#greyspacer1 {
display:none;}


#menu {
position:absolute;
left:0px;
top:164px;
width:203px;
height:403px;
margin:0;
padding:0;
z-index:2;
display:none;
}

#menu ul{
margin-top:0px;
}

#menu a:link, #menu a:visited {
font-size:13px;
color:#333333;

}

#inhoud {
position:absolute;
left:0px;
top:164px;
width:640px;
}

#inhoud ul{
margin-top:0px;
}

#inhoud img {
margin-top:5px;
margin-bottom:20px;
display:inline;
}

.fotomargerechts {
margin-right:20px;
}

.fotomargelinksenrechts {
margin-right:20px;
margin-left:20px;
}


/***********************************************/
/* SUB div layers                              */
/***********************************************/

#logo {
display:none;
}

#printlogo {
position:relative;
top:0px;
left:0px;
width:293px;
height:40px;
z-index:1;
}

#adres {
	position:absolute;
	left:0px;
	top:44px;
	width:640px;
	height:83px;
	font-size:8pt;
	line-height:8pt;
	z-index:1;
	visibility: visible;

}

#adres a:link, #adres a:visited {
text-decoration:none;
font-size:8pt;
line-height:8pt;
color:#555555;
}

#adres a:hover {
text-decoration:underline;
font-size:8pt;
line-height:8pt;
color:#555555;
}

#onderaan {
display:none;
}
#greyspacer {
display:none;
}


#voet {
width:100%; left:232px; margin-top:100px; margin-left:70px; clear:both; height:30px; z-index:100
}

#voet a:link, #voet a:visited {
text-decoration:none;
color:#555555;
}

#voet a:hover {
text-decoration:underline;
color:#555555;
}
.taalwissel {
display:none;
}



/***********************************************/
/* Splash (home) pagina  layout                */
/***********************************************/

#splashgrijskader {
position:absolute; 
margin-left:-350px;
left:50%; 
margin-top:-255px;
top:50%; 
width:700px; 
height:510px; 

}

#splashlogo {
position:absolute; 
left:385px; 
top:33px; 
width:315px; 
height:43px; 
text-align:right; 
z-index:1;
}

#splashtaalkeuze {
position:absolute; 
left:512px; 
top:334px; 
width:133px; 
height:37px; 
font-family:Helvetica,Arial,sans-serif; 
font-size:10pt; 
z-index:1;
}

#splashtaalkeuze a:link, #splashtaalkeuze a:visited {
font-size:10pt;
color:#333333;
line-height:10pt;
font-weight:bold;
}

/***********************************************/
/* handheld  layout                */
/***********************************************/

.sizabletitel {
font-size:32pt;
}

.flashtitel {
display:none;
}

/***********************************************/
/* Layout div layers (blokken)                 */
/***********************************************/

#inhoudjongeren {
position:absolute;
left:0px;
top:164px;
width:640px;
height: auto;
}

#inhoudjongeren ul{
margin-top:0px;
}

#inhoudjongeren img {
margin-right:20px;
margin-top:20px;
margin-bottom:0px;
display:inline;
}

.architectuur a {background-image:url(fotos/jongerensite/intro/visies-architectuur.gif); display:block; width:100px; height:100px; border: 1px solid #000000; margin-right:20px; margin-bottom:20px}
.kijkuit a {background-image:url(fotos/jongerensite/intro/kijk-uit.gif); display:block; width:100px; height:100px; border: 1px solid #000000; margin-right:20px; margin-bottom:20px}
.nathalie a {
	background-image:url(fotos/jongerensite/intro/nathalie.gif);
	display:block;
	width:100px;
	height:100px;
	border: 1px solid #000000;
	 margin-right:20px; margin-bottom:20px
}
.schonesier a {background-image:url(fotos/jongerensite/intro/schone-sier.gif); display:block; width:100px; height:100px; border: 1px solid #000000; margin-right:20px; margin-bottom:20px}
.timeline a {background-image:url(fotos/jongerensite/intro/tijdslijn.jpg); display:block; width:100px; height:100px; border: 1px solid #000000; margin-right:20px; margin-bottom:20px}
#inhoudjongeren a:hover {background-image:url(fotos/jongerensite/start.gif); display:block; width:100px; height:100px;}

.jongerentitel {color: #FF0000;	font-size: 18px;}
.jongerentitel a:link {color: #FF0000;	font-size: 18px;}