/***********************************************/
/**
/** LUISTERPUNTBIBLIOTHEEK
/**
/*************************/
/**
/** Creator: Arnout Deville (arnout@megaluna.be)
/** Version: 2.0
/** Last edit: 17/07/2009
/**
************************************************/

@import "reset.css";
@import "typography.css";


/******************************************/
/** Standard elements
******************************************/
.head {
	width:436px;
	height:101px;
	text-indent:-9999px;
	background:transparent url('../images/logos.jpg') 0 -103px no-repeat;
	margin:15px 0 0 39px;
	float:left;
	display:inline;	
}

.head a
{
	width:436px;
	height:101px;
	display:block;
}

h1 {
	color:#009900;
	font-size:2.0em;
	font-weight:bold;
	margin:0 0 10px 0;
}

h2 {
	color:#FFFFFF;
	font-size:1.6em;
	font-weight:bold;
	background:transparent url('../images/bg_h3.jpg') 0 0 no-repeat;
	line-height:28px;
	vertical-align:middle;
	padding:0 0 0 15px;
	margin-bottom:5px;	
}

h3 {
	/*color:#009900;*/
	color:#FFF;
	font-size:1.4em;
	font-weight:bold;
	/*padding-bottom:5px;*/
	padding: 0 0 5px 15px;
	line-height: 28px;
}

h4 {
	color:#007FA9;
	font-weight:bold;
	margin-bottom:5px;
}

h5 {
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
	margin:10px 0 3px 0;
}

h6 {
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
	margin:10px 0 3px 0;
}

a, a:hover, .huidige {
	color:#192227;
	text-decoration:underline;
}


/* MIDDLE */
#middle #header {
	float:left;
	display:inline;
	height:178px;
	width:960px;
	background:#FFFFFF url('../images/headers.jpg') 0 -178px no-repeat;	
}
	#middle #header #search #inputWrapper {
		background: url("../images/bg_input_search.jpg") no-repeat scroll 0 -27px #FFFFFF;
		color: #192227;
		display: inline;
		float: left;
		height: 27px;
		margin: 0;
		padding: 0;
		width: 193px;
	}
	
	#middle #header #search .btn_search {
		background: url("../images/icon_search.gif") no-repeat scroll 0 -54px transparent;
		border: medium none;
		cursor: auto;
		font-size: 0;
		height: 27px;
		line-height: 0;
		margin: 0 0 0 5px;
		padding: 0;
		text-indent: -9999px;
		width: 22px;
	}



/* Column L */
#middle #columns #column_l #menu
{
	font-size:1.2em;
	width:260px;
	background:transparent url('../images/bg_menu_main_kids.jpg') 0 0 repeat-y;
}

#middle #columns #column_l #menu #menu_top
{
	background:#FFFFFF url('../images/menu_top_kids.jpg') 0 0 no-repeat;
	height:47px;
	width:260px;
}

#middle #columns #column_l #menu #menu_bottom
{
	background:#FFFFFF url('../images/menu_bottom_kids.jpg') 0 0 no-repeat;
	height:135px;
}

#middle #columns #column_l #menu a
{
	color:#FFFFFF;
}

#middle #columns #column_l #menu a:hover
{
	color:#009900;
}

#middle #columns #column_l #menu .huidige
{
	color:#009900;
}

#middle #columns #column_l #menu #mainmenu
{
	list-style:none;
	color:#FFFFFF;
	padding:0 0 0 55px;
	background:transparent url('../images/bg_menu_kids.jpg') 0 0 no-repeat;
	margin:0;
}

#middle #columns #column_l #menu #mainmenu li
{
	padding:0 0 5px 0;
	text-decoration:underline;
	text-transform:uppercase;
	font-weight:bold;
}

#middle #columns #column_l #menu #mainmenu .submenu
{
	list-style:none;
	margin:5px 0 0 20px;	
}

#middle #columns #column_l #menu #mainmenu .submenu li
{
	text-transform:none;
}

#middle #columns #column_l #menu #mainmenu .submenu .submenu2
{
	margin:0 0 0 20px;
	list-style:none;
}

#middle #columns #column_l #menu #mainmenu .submenu .submenu2 li
{
	text-transform:none;
	font-weight:normal;
}


/* Menuke */
.menuke
{
	padding:15px 0 0 0;
	margin:0 0 5px 0;
	background:none;
}
	.menuke h3, .menuke h3 a
	{
		color:#009900;
		text-decoration:none;
		padding:0 0 5px 0;
		margin:0;
		line-height:20px;
		background:none;
	}
	
	.menuke h3 a:hover
	{
		color:#AB1315;
		text-decoration:underline;
	}

	.menuke h4
	{
		color:#FFFFFF;
		font-size:1.6em;
		font-weight:bold;
		padding-bottom:5px;
		background:transparent url('../images/bg_h4_kids.jpg') 0 0 no-repeat;
		height:62px;
		line-height:50px;
		vertical-align:middle;
		padding:0 0 0 20px;
	}
	
	.menuke_kids h4
	{
		color:#FFFFFF;
		font-size:1.6em;
		font-weight:bold;
		background:transparent url('../images/bg_menu_top_kids.jpg') 0 0 no-repeat;
		height:79px;
		width:220px;
		padding:15px 0 0 20px;
	}
	
	.menuke_kids h6
	{
		padding:0 0 0 20px;
	}
	
	.menuke .luister_name
	{
		text-transform:uppercase;
		font-weight:bold;
		margin:5px 0 0 0;
	}
	
	.menuke object
	{
		margin:10px 0 0 0;
	}
	
	.menuke ul
	{
		padding:0 0 0 20px;
		list-style:none;
	}
	
	.menuke ol
	{
		margin:0 0 0 20px;
	}
	
	.menuke_kids ol
	{
		margin:0 0 0 40px;
	}
	
		.menuke li
		{
			padding:0 0 2px 0;
		}
		
	.menuke a, .menuke a:hover
	{
		color:#192227;
	}
	
	.menuke .top5
	{
		background:transparent url('../images/icon_top10.gif') 0 0.2em no-repeat;
		padding:0 0 0 15px;
	}
	
	.menuke_kids .top5
	{
		background:transparent url('../images/icon_top10.gif') 0 0.2em no-repeat;
		padding:0 0 0 15px;
		margin:0 0 0 20px;
	}