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

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


/******************************************/
/** Standard elements
******************************************/
h1 {
	color:#007FA9;
	font-size:2.0em;
	font-weight:bold;
	margin:0 0 10px 0;
}

h2 {
	color:#AB1315;
	font-size:1.6em;
	font-weight:bold;		
	margin-bottom:5px;
}

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

	h3.nobg {
		color:#AB1315;
		font-size:1.4em;
		font-weight:bold;	
		padding-bottom:5px;
	}

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;
}

a img
{
	text-decoration:none;
}

sub {
	vertical-align: sub;
}

sup {
	vertical-align: super;
}

ul.no-style
{
	list-style:none;
	list-style-type:none;
	margin:0;
	padding:0;
}

.hidden {
	display:none;	
}

/******************************************/
/** Structural elements
******************************************/

/* TOP */
/*******/
#top {
	background-color:#192227;
	padding:10px 0 15px 0;
	height:1.875em; /* 30px */	
}

	#top #top_middle {
		margin:0 auto;
		width:960px;		
	}
	
		#top #top_middle ul#tools {
			list-style:none;
			font-size:1.4em;
			color:#FFFFFF;
			width:62%;	
			height:1.875em; /* 30px */
			margin:0;
			padding:0;	
			float:left;
			display:inline;	
		}
		
			#top #top_middle ul#tools a {
				color:#FFFFFF;
			}
			
			#top #top_middle ul#tools li {
				float:left;
				display:inline;
				margin-right:10px;
			}
			
			#top #top_middle ul#tools .enlarge {
				background:transparent url('../images/tool_large.jpg') 0 0 no-repeat;
				padding:5px 0 5px 40px;
				height:20px;
			}
			
			#top #top_middle ul#tools .contrast {
				background:transparent url('../images/tool_contrast.jpg') 0 0 no-repeat;
				padding:5px 0 5px 40px;
				height:20px;
			}
			
			#top #top_middle ul#tools .read {
				background:transparent url('../images/tool_read.jpg') 0 0 no-repeat;
				padding:5px 0 5px 40px;				
				height:20px;
			}
		
		#top #top_middle #singles {
			list-style:none;
			font-size:1.3em;
			float:left;
			text-align:right;
			width:38%;
			height:1.875em; /* 30px */
			display:inline;	
		}
		
			#top #top_middle #singles a {
				color:#FFFFFF;
				padding:0 10px 0 0;
			}

/* MIDDLE */
/**********/
#middle {
	margin:0 auto;
	width:960px;
	border:none;
	background-color:#FFF;
}
	#middle #header {
		float:left;
		display:inline;
		height:177px;
		width:960px;
		background:#FFFFFF url('../images/headers.jpg') 0 0 no-repeat;		
	}
		.head {
			width:436px;
			height:101px;
			text-indent:-9999px;
			background:transparent url('../images/logos.jpg') 0 0 no-repeat;
			margin:15px 0 0 39px;
			float:left;
			display:inline;	
		}
		
		.head a
		{
			width:436px;
			height:101px;
			display:block;
		}
	
		#middle #header #search {
			margin:25px 0 0 115px;
			padding:0;
			color:#FFFFFF;
			font-weight:bold;
			font-size:1.1em;
			width:250px;
			height:50px;	
			float:left;
			display:inline;
		}
		
			#middle #header #search p {
				margin:0;
			}
			
			#middle #header #search #inputWrapper {
				width:193px;
				height:27px;
				padding:0;
				margin:0;
				background:#FFFFFF url('../images/bg_input_search.jpg') 0 0 no-repeat;
				color:#192227;
				float:left;
				display:inline;	
			}
			
				#middle #header #search #inputWrapper:hover, div.inputWrapper:focus {
					/*background-position: -261px top;*/
					background-color: transparent;
				}
				
				#middle #header #search #inputWrapper input {
					width:183px;
					font-weight:normal;
					border:none;
					background:transparent;
					padding:5px 5px 0 5px;
				}
					
			#middle #header #search .btn_search {
				background:transparent url('../images/icon_search.gif') 0 0 no-repeat;
				width:22px;
				height:27px;
				text-indent:-9999px;
				margin:0 0 0 5px;
				padding:0;
				cursor: pointer;	
				border:none;
				font-size: 0px;
				line-height: 0px;
			}
		
		#middle #broodkruimel {
			margin:0 0 0 273px;
			float:left;
		}


	/* COLUMNS */
	#middle #columns {
		display:table;
		margin:0 0 10px 0;
		width:960px;
		float:left;
	}
	
		#middle #columns #column_l {
			width:260px;
			vertical-align:top;
			padding:15px 0 0 0;
			margin:0;	
			float:left;
			display:inline;
		}
		
		#middle #columns #column_m {
			width:465px;
			vertical-align:top;
			margin:15px 0 0 0;
			padding:0 0 20px 10px;	
			float:left;
			display:inline;
			border:none;
		}
		
		#middle #columns #column_m_r {
			width:690px;
			vertical-align:top;
			margin:15px 0 0 0;
			padding:0 0 20px 10px;	
			float:left;
			display:inline;
			border:none;
		}
		
		#middle #columns #column_r {
			width:225px;
			vertical-align:top;
			padding:15px 0 0 0;
			margin:0;
			float:left;
			display:inline;
		}
	
	
	/* Column L */
	#middle #columns #column_l #menu
	{
		background-color:#2A3A44;
		font-size:1.2em;
		width:260px;
		overflow:hidden;
	}
	
	#middle #columns #column_l #menu #menu_top
	{
		background:#FFFFFF url('../images/menu_top.jpg') 0 0 no-repeat;
		height:10px;
		width:260px;
		padding:0;
		margin:0;
		font-size:0px;
		line-height:0px;
	}
	
	#middle #columns #column_l #menu #menu_bottom
	{
		background:#FFFFFF url('../images/menu_bottom.jpg') 0 0 no-repeat;
		height:10px;
	}
	
	#middle #columns #column_l #menu a
	{
		color:#FFFFFF;
	}
	
	#middle #columns #column_l #menu a:hover
	{
		color:#81E7FF;
	}
	
	#middle #columns #column_l #menu .huidige
	{
		color:#81E7FF;
	}
	
	#middle #columns #column_l #menu #mainmenu
	{
		list-style:none;
		color:#FFFFFF;	
		margin:10px 0 10px 15px;
		padding: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;
	}
	
	#middle #columns #column_l #home
	{
		background:transparent url('../images/knop_actueel.jpg') 0 0 no-repeat;
		height:57px;
		margin:0 0 0 0;
		line-height:45px;
		vertical-align:middle;
		padding:0 0 0 20px;
		color:#FFFFFF;
		font-size:1.4em;
		font-weight:bold;
		text-decoration:underline;
		text-transform:uppercase;
	}
	
	#middle #columns #column_l #actueel
	{
		background:transparent url('../images/knop_actueel.jpg') 0 0 no-repeat;
		height:57px;
		margin:15px 0 0 0;
		line-height:45px;
		vertical-align:middle;
		padding:0 0 0 20px;
		color:#FFFFFF;
		font-size:1.4em;
		font-weight:bold;
		text-decoration:underline;
		text-transform:uppercase;
	}
	
	#middle #columns #column_l #actueel_huidige
	{
		background:transparent url('../images/knop_actueel.jpg') 0 -57px no-repeat;
		height:57px;
		margin:20px 0 0 0;
		line-height:45px;
		vertical-align:middle;
		padding:0 0 0 20px;
		color:#FFFFFF;
		font-size:1.4em;
		font-weight:bold;
		text-decoration:underline;
		text-transform:uppercase;
	}
		
	
	#middle #columns #column_l #actueel a, #middle #columns #column_l #actueel_huidige a, #middle #columns #column_l #home a
	{
		color:#FFFFFF;
	}
	
	.menuke
	{
		background:transparent url('../images/bg_menu.jpg') 0 0 no-repeat;
		min-height:100px;
		padding:20px 0 0 35px;
		margin:0 0 10px 0;
	}
	
	.menuke h3, .menuke h3 a
	{
		color:#AB1315;
		text-decoration:none;
		padding:0;
		line-height:20px;
		background:none;
	}
	
	.menuke h3 a:hover
	{
		color:#AB1315;
		text-decoration:underline;
	}
	
	.menuke .luister_name
	{
		text-transform:uppercase;
		font-weight:bold;
		margin:5px 0 0 0;
	}
	
	.menuke object
	{
		margin:10px 0 0 0;
	}
	
	.menuke ul
	{
		list-style:none;
	}
	
	.menuke ol
	{
		margin:0 0 0 20px;
	}
	
	.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 .auteur a
	{
		text-decoration:none;
	}
	
	/* Column M */
	#middle #columns #column_m p, #middle #columns #column_m pre {
		padding:0 10px 10px 0;
		height:auto;
	}
	
	#middle #columns #column_m ul, #middle #columns #column_m ol {
		padding:0 0 0 20px;
	} 
	
	#middle #columns #column_m .text .actueel {
		background:transparent url('../images/actueel_balk.jpg') 0 0 no-repeat;
		width:490px;
		height:63px;
		line-height:45px;
		vertical-align:middle;
		padding:0 0 0 15px;
		color:#FFFFFF;
		font-weight:bold;
		font-size:1.5em;
		text-transform:uppercase;
		margin:0 0 2px 0;
	}
	
	#middle #columns #column_m .text .inhoud {	
		width:465px;
		/*margin:2px 0 0 0;*/
		height:auto;
		clear:both;
	}
	
	#middle #columns #column_m .text .inhoud .inhoud_top {
		background:transparent url('../images/middle_inhoud_top.jpg') 0 0 no-repeat;
		width:465px;
		height:22px;
		clear:both;
		margin:0;
		padding:0;
	}
	
	#middle #columns #column_m .text .inhoud .inhoud_mid {
		background:transparent url('../images/middle_inhoud_mid.jpg') 0 0 no-repeat;
		width:465px;
		height:40px;
	}
	
	#middle #columns #column_m .text .inhoud .inhoud_middle {
		border-left: 10px #007FA9 solid;
		border-right: 10px #007FA9 solid;
		padding:0 15px;
		width:415px;
		height:auto;
		margin:0;	
	}
	
	#middle #columns #column_m .text .inhoud .inhoud_bottom {
		background:transparent url('../images/middle_inhoud_bottom.jpg') 0 0 no-repeat;
		width:465px;
		height:22px;
	}
	
	#middle #columns #column_m .text .inhoud .inhoud_middle h3 {
		margin:0 0 10px 0;
		padding:0;
	}
	
	#middle #columns #column_m .text .inhoud .inhoud_middle p {
		margin:0;
	}
	
	#middle #columns #column_m .text .inhoud .inhoud_middle img {
		height:auto;
		float:left;
		padding:0 15px 0 0;
		margin:0 0 5px 0;
	}
	
	#middle #columns #column_m .text .inhoud .inhoud_middle ul {
		list-style:none;
		padding:0;
		margin:20px 0 0 0;
	}
	
	#middle #columns #column_m .text .inhoud .inhoud_middle li, #middle #columns #column_m .text .inhoud .inhoud_middle li a, #middle #columns #column_m .text .inhoud .inhoud_middle li a:hover {
		color:#007FA9;
	}
	
	#middle #columns #column_m .text .inhoud .meer_nieuws {
		background:transparent url('../images/balk_meernieuws.jpg') 0 0 no-repeat;
		margin-top: 20px;
		padding:0 0 0 10px;
		width:440px;
		height:28px;
		line-height:28px;
		vertical-align:middle;
		color:#FFFFFF;
		font-size:1.2em;
		font-weight:bold;
	}
	
	#middle #columns #column_m .text .inhoud .meer_list {
		list-style:none;
		margin:10px 0 0 0;
		padding:0 0 0 10px;
		color:#007FA9;
	}
	
	#middle #columns #column_m .text .inhoud .meer_list a, #middle #columns #column_m .text .inhoud .meer_list a:hover {	
		color:#007FA9;
	}
	
	#middle #columns #column_m .text .inhoud .home p a {
		text-decoration:none;
	}
	
	#middle #columns #column_m .text #nieuws a {
		background:transparent url('../images/knop_nieuws.jpg') 0 0 no-repeat;
		height:40px;
		width:74px;
		line-height:40px;
		vertical-align:middle;
		color:#FFFFFF;
		font-size:1.2em;
		font-weight:bold;
		text-align:center;
		float:left;
		margin:0 0 0 10px;	
	}
	
	#middle #columns #column_m .text #nieuws a:hover, #middle #columns #column_m .text #nieuws .huidige {
		background:transparent url('../images/knop_nieuws.jpg') 0 -40px no-repeat;
		height:40px;
		width:74px;
		line-height:40px;
		vertical-align:middle;
		color:#FFFFFF;
		font-size:1.2em;
		font-weight:bold;
		text-align:center;
		float:left;
		margin:0 0 0 10px;
	}
	
	#middle #columns #column_m .text #activiteiten a, #middle #columns #column_m .text #campagne a {
		background:transparent url('../images/knop_activiteiten.jpg') 0 0 no-repeat;
		height:40px;
		width:101px;
		line-height:40px;
		vertical-align:middle;
		color:#FFFFFF;
		font-size:1.2em;
		font-weight:bold;
		text-align:center;
		float:left;	
	}
	
	#middle #columns #column_m .text #activiteiten a:hover, #middle #columns #column_m .text #activiteiten .huidige, #middle #columns #column_m .text #campagne a:hover, #middle #columns #column_m .text #campagne .huidige {
		background:transparent url('../images/knop_activiteiten.jpg') 0 -40px no-repeat;
		height:40px;
		width:101px;
		line-height:40px;
		vertical-align:middle;
		color:#FFFFFF;
		font-size:1.2em;
		font-weight:bold;
		text-align:center;
		float:left;
	}
	
	/*
	#middle #columns #column_m .text #campagne a
	{
		background:transparent url('../images/knop_campagne.jpg') 0 0 no-repeat;
		height:40px;
		width:158px;
		line-height:40px;
		vertical-align:middle;
		color:#FFFFFF;
		font-size:1.2em;
		font-weight:bold;
		text-align:center;
		float:left;
	}
	
	#middle #columns #column_m .text #campagne a:hover, #middle #columns #column_m .text #campagne .huidige
	{
		background:transparent url('../images/knop_campagne.jpg') 0 -40px no-repeat;
		height:40px;
		width:158px;
		line-height:40px;
		vertical-align:middle;
		color:#FFFFFF;
		font-size:1.2em;
		font-weight:bold;
		text-align:center;
		float:left;
	}
	*/
	
	#middle #columns #column_m .text #luisterleesplek a {
		background:transparent url('../images/knop_luisterleesplek.jpg') 0 0 no-repeat;
		height:40px;
		width:135px;
		line-height:40px;
		vertical-align:middle;
		color:#FFFFFF;
		font-size:1.2em;
		font-weight:bold;
		text-align:center;
		float:left;
	}
	
	#middle #columns #column_m .text #luisterleesplek a:hover, #middle #columns #column_m .text #luisterleesplek .huidige
	{
		background:transparent url('../images/knop_luisterleesplek.jpg') 0 -40px no-repeat;
		height:40px;
		width:135px;
		line-height:40px;
		vertical-align:middle;
		color:#FFFFFF;
		font-size:1.2em;
		font-weight:bold;
		text-align:center;
		float:left;
	}
	
	#middle #columns #column_m .text .books
	{
		list-style:none;
		margin:0 0 15px 0;
		padding:0;
	}
	
	#middle #columns #column_m .text .books .author
	{
		color:#AB1315;
		font-size:1.0em;
	}
	
	#middle #columns #column_m .text .books li
	{
		padding:5px 0 5px 0;
		margin:0;
		border-bottom:1px solid #cccccc;
	}
	
	#middle #columns #column_m .text .books li .titel
	{
		font-size:1.2em;
		font-weight:bold;
	}
	
	#middle #columns #column_m .text .books .boek
	{
		width:450px;
		margin:5px 0 10px 12px;
		float:left;
		display:inline;	
	}
	
	#middle #columns #column_m .text .books .boek .cover, #middle #columns #column_m .text .inhoud .boek_detail .cover
	{
		float:left;
		height:100%;
		width:auto;
		margin:3px 10px 0 0;
		display:inline;
	}
	
	#middle #columns #column_m .text .books .boek .info, #middle #columns #column_m .text .inhoud .boek_detail .info
	{
		float:left;
		width:auto;
		height:auto;
		display:inline;
	}
	
	#middle #columns #column_m .text .books .boek object, #middle #columns #column_m .text .inhoud .boek object
	{
		margin:10px 0 0 0;
	}
	
	#middle #columns #column_m .text .books .boek .sound, #middle #columns #column_m .text .inhoud .boek_detail .sound
	{	
		height:auto;
		width:450px;
		clear:both;
		padding:10px 0 0 0;
	}
	
	#middle #columns #column_m .text .books .boek .text, #middle #columns #column_m .text .inhoud .boek_detail .text
	{
		width:450px;
		clear:both;
		margin:10px 0 0 0;
	}
	
	#middle #columns #column_m .text .inhoud .boek_detail 
	{
		width:400px;
		margin:5px 0 10px 0;
	}
	
	/*
	#middle #columns #column_m .text .inhoud .boek_detail .cover
	{
		float:left;
		height:100%;
		width:auto;
		margin:3px 10px 0 0;
		display:inline;
	}
	
	#middle #columns #column_m .text .inhoud .boek_detail .info
	{
		float:left;
		width:auto;
		display:inline;
	}
	
	#middle #columns #column_m .text .inhoud .boek_detail .text
	{
		width:450px;
	}
	*/
	#middle #columns #column_m .text .inhoud .boek_detail object
	{
		margin:10px 0 10px 0;
	}
	
	#middle #columns #column_m .text .edit_object_pers
	{
		width:100%;
		margin:0 0 20px 0;
	}
	
	#middle #columns #column_m .text .edit_object_pers dt
	{
		float:left;
		width:50%;
	}
	
	#middle #columns #column_m .text .edit_object_pers dd
	{
		float:left;
		width:50%;
		margin:0 0 5px 0;
	}
	
	#middle #columns #column_m .text h3
	{
		margin:10px 0 10px 0;
	}
	
	#middle #columns #column_m .text .edit_object_profiel dd
	{
		margin:0 0 20px 0;
	}
	
	#middle #columns #column_m .text .edit_object_profiel .edit_object
	{
		margin:5px 0 10px 30px;
	}
	
	#middle #columns #column_m .text .edit_object_romans dt, #middle #columns #column_m .text .edit_object_jeugd dt
	{
		margin:20px 0 0 0;
	}
	
	#middle #columns #column_m .text #bekendmaking
	{
		border:2px #2A3A44 solid;
		padding:10px;
		clear:both;
		width:445px;
		margin:10px 0 10px 0;
	}
	
	#middle #columns #column_m .text .blogitem
	{
		margin-bottom:20px;
		width:470px;	
	}
	
	#middle #columns #column_m .text .blogitem .header
	{
		color:#FFFFFF;	
		background:transparent url('../images/bg_h3.jpg') 0 0 no-repeat;	
		vertical-align:middle;
		padding:0 0 0 15px;
		margin:0 0 5px 0;
		float:left;
		display:inline;
		width:455px;
		line-height:28px;
	}
	
	#middle #columns #column_m .text .blogitem .header .title
	{
		float:left;
		display:inline;
		width:75%;
		font-size:1.3em;
		font-weight:bold;
	}
	
	
	
	#middle #columns #column_m .text .blogitem .header .date
	{
		float:left;
		display:inline;	
		font-size:1.0em;
		width:20%;
		text-align:right;
	}
	
	#middle #columns #column_m .text .blogitem .author
	{
		color:#666666;
		font-style:italic;
		margin-bottom:15px;
		padding:0 0 0 15px;
		width:455px;
	}
	
	#middle #columns #column_m .text .blogitem .text
	{
		padding:0 15px 0 15px;
		width:455px;
	}
	
	#middle #columns #column_m .text .blogitem .reaction_link
	{
		text-align:right;
		padding:0 15px 0 15px;
		width:440px;
		color:#007FA9;
		font-weight:bold;
	}
	
	#middle #columns #column_m .text .blogitem .reactions
	{
		padding:0 15px 0 15px;
		width:440px;
	}
	
	#middle #columns #column_m .text .blogitem .reactions h5
	{
		padding:0 0 5px 0;
		margin:0;
	}
	
	#middle #columns #column_m .text .blogitem .reactions hr
	{
		height: 0;
		border: 0;
		border-top: 1px #efefef solid;
		width:440px;
		margin:8px 0 8px 0;	
	}
	
	#middle #columns #column_m .text .blogitem .reactions .info
	{
		font-size:1.0em;
		color:#666666;
	}
	
	#middle #columns #column_m .text .blogitem .reactions form
	{
		background-color:#efefef;
		width:420px;
		padding:10px;
		margin:15px 0 0 0;
	}
	
	#middle #columns #column_m .text .blogitem .reactions form input
	{
		margin-bottom:5px;
	}
	
	
	/* Column R */
	#middle #columns #column_r .menuke .boek
	{
		width:100%;
		margin:10px 0 10px 0;
		height:auto;
	}
	
	#middle #columns #column_r .menuke .boek .cover, .boek .cover
	{
		float:left;
		width:50px;
		height:100%;
		margin:3px 10px 0 0;
	}
	
	.menuke .titel
	{
		font-weight:bold;
		text-transform:uppercase;
		margin:0 0 2px 0;
	}
	
	#middle #columns #column_r .menuke .boek .info a, .boek .info a
	{
		font-weight:normal;
		text-decoration:none;
	}
	
	.menuke .auteur, #middle #columns #column_r .menuke .boek .auteur a 
	{
		font-weight:normal;
		font-style:italic;
		margin:0 0 2px 0;
	}
	
	#middle #columns #column_r .menuke .boek a
	{
		font-weight:bold;
	}
	
	#middle #columns #column_r .menuke hr
	{
		height: 0;
		border: 0;
		border-top: 1px solid #cccccc;
	}

/* BOTTOM */
/**********/
#bottom {
	color:#FFFFFF;
	height:130px;
	width:100%;
	background:#192227 url('../images/bg_footer.jpg') 0 0 repeat-x;
	float:left;
}
	#bottom #bottom_middle
	{
		margin:0 auto;
		width:960px;	
		color:#CCCCCC;
	}
	
		#bottom #bottom_middle #megaluna, #bottom #bottom_middle #megaluna a
		{
			width:100%;
			line-height:25px;
			vertical-align:middle;	
			color:#CCCCCC;
			font-size:1.0em;
			text-align:right;
			text-decoration:none;
		}
		
		#bottom #bottom_middle #megaluna a:hover
		{
			text-decoration:underline;
		}
		
		#bottom #bottom_middle #copy
		{	
			line-height:25px;
			vertical-align:middle;	
			color:#CCCCCC;
			font-size:1.0em;
			text-align:right;	
		}
		
		#bottom #bottom_middle #overheid
		{
			background:transparent url('../images/logo_overheid.gif') 0 0 no-repeat;
			padding:0 0 0 50px;
			margin:10px 0 0 0;
			width:250px;
			height:35px;
			float:left;
		}
		
		
		#bottom #bottom_middle #anysurfer
		{
			/*background:transparent url('../images/logo_anysurfer.jpg') 0 0 no-repeat;*/
			/*padding:0 0 0 50px;*/
			margin:10px 0 0 0;
			width:400px;
			height:34px;
			float:left;
		}
		
		#bottom #bottom_middle #anysurfer a, #bottom #bottom_middle #anysurfer a:hover
		{
			color:#CCCCCC;
			text-decoration:underline;
		}


/*** Succes ***/
#action_succes
{
	background: #a2c67a url("../images/icon_succes.gif") .8em .6em no-repeat;
	font-size: 1.1em;
	color: white;
	border: 1px #76a246 solid;
	padding: 7px 7px 7px 35px;
}

/*** Warning ***/
#action_warning
{
	background: #eed571 url("../images/icon_warning.gif") .8em .6em no-repeat;
	font-size: 1.1em;
	color: #ae7607;
	border: 1px #ae7607 solid;
	padding: 7px 7px 7px 35px;
}

/*** Error ***/
#action_error
{
	background: #e84832 url("../images/icon_error.gif") .8em .6em no-repeat;
	font-size: 1.1em;
	color: white;
	border: 1px #9b141e solid;
	padding: 7px 7px 7px 35px;

}


/* Live Validation */
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

/*** TOGGLE VIEW ***/
#middle #columns #column_m .toggle-view {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

#middle #columns #column_m .toggle-view li {
	margin:0;
	border-bottom:1px solid #ccc;
	position:relative;
	cursor:pointer;
}

#middle #columns #column_m .text .inhoud .toggle-view h3 {
	margin:0;
	font-size:1.1em;
	background:none;
	padding:0;
	color:#333;
	width:97%;
	text-decoration:underline;
}

#middle #columns #column_m .toggle-view h3 span.author
{
	color:#AB1315;
	font-size:0.9em;
	font-weight:normal;
	right:auto;
	position:inherit;
	text-decoration:none;
}

#middle #columns #column_m .toggle-view span {
	position:absolute;
	right:5px; 
	top:0;
	color:#333;
	font-size:1.2em;
	margin-top:5px;
}

#middle #columns #column_m .toggle-view div {
	margin:5px 0;
	display:none;
}

#middle #columns #column_m .toggle-view .cover
{
	float:left;
	height:100%;
	width:auto;
	margin:3px 10px 0 0;
	display:block;
}

#middle #columns #column_m .toggle-view .info
{
	float:left;
	width:auto;
	height:auto;
	display:block;
}

#middle #columns #column_m .toggle-view object
{
	margin:10px 0 0 0;
}

#middle #columns #column_m .toggle-view .sound
{	
	height:auto;
	width:450px;
	clear:both;
	padding:10px 0 0 0;
}

#middle #columns #column_m .toggle-view .text
{
	width:450px;
	clear:both;
	margin:10px 0 0 0;
}
