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


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

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

ul{
	list-style-type: square;
}
ul ul{
	list-style-type: square;
	list-style-image: url(fotos/ikonen/kruisje.gif);
}

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

a:link, a:visited{
	text-decoration: underline;
}

a:hover, a:current{
	text-decoration: underline;
}

a:focus:after {content: " [" attr(accesskey) "] ";}


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

.vetjes {font-weight:bold; color:#000000;}
.cursief {font-style:italic;}
.datum {font-weight:normal; color:#000000;line-height:normal; margin-bottom:6px; display: block;}
.zwart {color:#000000;}
.adresfont {color:#000000; font-weight:bold;}
.kleinervetjes {font-size:9px; font-weight:bold; color:#000000;}
.caption {font-size:9px; font-weight:bold; color:#333333;}
.terugnaararchief {font-size:9px; font-weight:bold; color:#000000;}
.kleinvoet{display:none;}
#skiplinks{position:relative; display:block; margin-top:20px; margin-bottom:10px;}




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

.hoofdtitel {
	font-size:18px;
	color:#333333;
	font-weight:normal;
	line-height:normal;
}

.ondertitel {
font-size:12px;
color:#000000;font-weight:normal;
line-height:normal;
}




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

#container {
	position:relative;
	width:100%;
	z-index:99;
	height: 100%;
}

#hoofding {
position:absolute; 
left:0px; 
top:0px; 
width:100%; 
margin:0;
padding:0;
height:138px; 
z-index:2
display:none;
}

#menu {
position:relative;
width:100%;
height:403px;
margin:0;
padding:0;
font-size:13px;
z-index:2
}

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

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

}

#inhoud {
position:relative;
width:100%;
height: auto;
}

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

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

.fotomargerechts {
margin-right:20px;
}

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


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

#logo {
position:relative;
width:293px;
height:40px;
z-index:99;
margin-top:20px;
}

#printlogo {
display:none;
}

#adres {
position:relative;
width:300px;
height:83px;
font-size:9pt;
z-index:99;
}

#adres a:link, #adres a:visited {
text-decoration:none;
color:#000000;}

#adres a:hover {
text-decoration:underline;
color:#000000;}

#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:#000000;}

#voet a:hover {
text-decoration:underline;
color:#000000;}

.taalwissel {
display:block;
margin-bottom:10px;
text-align:left;
}

#toegankelijkheid {
display:none;
}



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

#splashgrijskader {
position:absolute; 
margin-left:-325px;
left:50%; 
margin-top:-236px;
top:50%; 
width:650px; 
height:473px; 

}

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

#splashtaalkeuze {
position:absolute; 
left:470px; 
top:315px; 
width:133px; 
height:37px; 
font-family:Helvetica,Arial,sans-serif; 
font-size:12px; 
z-index:1;
}

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

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

.sizabletitel {
font-size:24px;
}

.flashtitel {
display:none;
}

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

#inhoudjongeren {
position:relative;
width:100%;
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;}