/*
#################
#	ALGEMEEN#
#################
*/
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; }

html { overflow-y: scroll; }
body { 
	background: #b6d6fd url('/css/la/images/bg-la.jpg') repeat-y; 
	color: #254774; 
	font-size:14px;
}
     
.block { display: block; }
.hidden { visibility: hidden; }
.invisible { display: none; }
.f-left { float: left; }
.f-right { float: right; }
.clear { clear: both; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.center { text-align: center; }
.absolute { position: absolute; }
.relative { position: relative; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

ul.none, ol.none { list-style: none; }

a {
	color: #254774;	
}


a:hover, a:focus, a.none { text-decoration: none; }
a.none:hover, a.none:focus { text-decoration: underline; }

img { border: none; }
img.picture { border: 0px solid #254774; margin: 5px; vertical-align: top;}
div.wrapper, .overflow { overflow: hidden; }

/*
################
#	LAYOUT #
################
*/

/* Container
------------------------------------------------------------------*/
div#container { 
	width: 980px; 
	margin: 0 auto; 
	margin-top: 30px; 
}

/* Header
------------------------------------------------------------------*/
p#header { 
	background-color: #254774; 
	width: 950px; 
	border:#254774 1px solid; 
	color:#ffffff; 
	font-size:40px;
	padding: 15px
}



/* Main
------------------------------------------------------------------*/
div.main { padding: 0px;}

/* Linkerblok
------------------------------------------------------------------*/
div#left { 
	float: left; 
	width: 210px;
	border:#254774 1px solid; 
	margin: 6px 0px 0px 0px;
	padding: 6px;
	background-color: #ffffff; 
}

h2.kop {
	height: 20px;
	font-weight: bold;
	color: #254774;
	padding: 6px ;
	font-size: 14px;

}
h2.groen { 
	background-color: #b6d6fd; 
	display: none;

}
h2.blauw { 
		
}

div.content {
	background: #fff;
	text-align: left;
	padding: 3px;

}
div.content a {
	color: #254774;

}

div.menugroen {
	text-align: left;
	padding: 5px;
	color: #254774;
	margin-bottom: 10px;
}

div.menugroen a{
	color: #254774;
	padding-left:5px;
}

div#content {

}
/* Middenblok
------------------------------------------------------------------*/
div#content { 
	float: right; 
	width: 732px; 
	min-height: 200px; 
	background-color: #ffffff; 
	border:#254774 1px solid; 
	margin: 6px 0px 0px 0px;
	padding: 10px;

}
h1.titel {
	font-weight: bold;
	font-size: 20px;
	color: #254774;
	padding: 0px 0px 5px 0px;
	text-transform:capitalize;
}
h2.keywords {
	font-weight: bold;
	font-size: 12px;
	color: #254774;
	padding-left: 0px;
	margin-bottom: 3px;
	text-transform:capitalize;
}
div.item { 
	border-bottom: 1px solid #115786; 
	padding-bottom: 18px; 
	padding-left: 8px; 
	margin-bottom: 18px; 
}

div#afbeeldingen {
	margin-top: 20px;
}

div.catlinks {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin: 15px 0px;	
}

span.letter {
	float: left;
	font-weight: bold;
	font-size: 24px;
	color: #254774;
	width: 125px;
}
h3.categorie {
	float: left;
	width: 125px;
	font-size: 14px;
	font-weight: normal;
	text-transform:capitalize;
}
h3.categorie a { color: #254774; text-decoration: underline; }
/* Footer
------------------------------------------------------------------*/
div#footer { 
	width: 980px; 
	border:#254774 1px solid; 
	color:#666666;
	height: 25px; 
	background-color: #254774; 
	margin: 10px auto 10px; 
}
p.stats {
	padding-top: 3px;
}
a.footlinks {
	color:#666666;
}

/*
####################
#	LIJSTEN	   #
####################
*/
ul#hoofdmenu {
	list-style: none;
}
ul#hoofdmenu li { 

}

ul#hoofdmenu a {
	color:#254774;
	text-decoration: underline;
}
ul#hoofdmenu a.active,
ul#hoofdmenu a:hover,
ul#hoofdmenu a:focus {
	text-decoration: underline;
}