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


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

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

ul{
	list-style-type: square;
}
ul ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: 5px;
}
ul ul li{
	background-image: url(fotos/ikonen/kruisje.gif);
	background-repeat: no-repeat;
	background-position: 0 .2em;
	padding-left: 1.3em;
}
ul ul ul{
	list-style-type: square;
	list-style-image: none;
	margin-left: 25px;
}
ul ul ul li{
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 .2em;
	padding-left: 0px;
}


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

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

a:hover, a:active{
	text-decoration: none;
}

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:#555555; line-height:normal; margin-bottom:6px; display: block;}
.zwart {color:#000000;}
.adresfont {color:#000000; font-weight:bold;}
.kleinervetjes {font-size:0.8em; font-weight:bold; color:#000000;}
.caption {font-size:0.8em; font-weight:bold; color:#333333;}
.terugnaararchief {font-size:0.8em; font-weight:bold; color:#555555;}
.kleinvoet{font-size:9px; color:#777777;}

#skiplinks{
  position: absolute;
  left: 0;
  top: -10000px;
  overflow: hidden;
}

#skiplinks a:focus, #skiplinks a:active{
	position: relative;
	left: 0;
	z-index:9999;
	width: 75%;
	height: auto;
	margin: 0 auto;
	padding: 30px 45px;
	text-align: center;
	text-decoration: none;
	letter-spacing: -4px !important;
	font: bold 50px "Arial", "Freesans", sans-serif !important;
	/* color information, edit this to suit the colors of your layout */
	color: #AEAEFE;
}



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

.hoofdtitel, h1 {
	font-size:1.7em;
	color:#333333;
	font-weight:normal;
	line-height:normal;
	font-family:'HelveticaNeueW01-Thin', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.ondertitel, h2 {
font-size:1.7em;
color:#333;
font-weight:normal;
line-height:normal;
}

h1 {
  font-size:70px;
  margin:0;
  color:#333;
}

h3 {
  font-weight:normal;
}


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

#container {
	position:absolute;
	margin-left:0px;
	top:0px;
	width:925px;
	z-index:99;
	height: 150px;
	left: 0px;
}

#hoofding {
position:absolute; 
background-color:#e6e6e6;
left:0px; 
top:0px; 
width:100%; 
margin:0;
padding:0;
height:138px; 
z-index:1;
}

#menu {
position:absolute;
left:0px;
top:164px;
width:280px;
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:absolute;
left:280px;
top:164px;
width:645px;
height: auto;
z-index:99;
}

#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 {
	position:absolute;
	top:5px;
	float:right;
	width:925px;
	height:40px;
	z-index:80;
	display: block;
	left: 0px;
}

#printlogo {
display:none;
}

#adres {
position:absolute;
left:26px;
top:14px;
width:300px;
height:83px;
font-size:12px;
line-height:13px;
z-index:99;
}

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

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

#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:block;
margin:0px;
}

input, textarea{
	font-size:1em;
	border: 1px solid #CCCCCC;
	padding:2px 0;
	overflow:hidden;
}

/***********************************************/
/* 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 {
display:none;
}

.flashtitel {
}

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

#inhoudjongeren {
position:absolute;
left:280px;
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;}