/* =========================================================================================

//
//	StyleSheet Consult Content
//
//	Aangemaakt door Tim Kant, Realpix, 10-2007
//

========================================================================================= */

/* =========================================================================================
// 	Algemeen
========================================================================================= */

	* {
		color:#56378A;
		margin: 0;
		padding: 0;
		font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #56378a;
	}

	html, body {
		height: 100%;
		width: 100%;
	}
	
	body {
		font-size: 12px;
		line-height: 18px;
		background: #b6dc81 url(../images/bg_body.jpg) top left repeat-x;
	}
	
	a:link,
	a:active,
	a:visited {
		text-decoration: none;
		color: black;
	}
	
	a:hover {
		text-decoration: none;
		color: #56378A;
	}
	
	p {
		margin-bottom:15px;
	}
	
	img {
		border: 0;
	}
	
	.img {
		padding: 3px;
		border: 1px solid #B6DC81;
		float: left;	
		margin-top: 0px;
		margin-bottom: 10px;
		margin-right: 10px;
}
	
/* =========================================================================================
// 	Opbouw - CONTAINER
========================================================================================= */

	#container {
		position: absolute;
		width: 806px;
		margin-left: -403px;
		margin-top: 25px; 
		left: 50%;
		background: url(../images/bg_content.jpg) top left repeat-y;
	}
	
/* =========================================================================================
// 	Opbouw - HEADER
========================================================================================= */

	#header {
		width: 804px;
		height: 75px;
		margin: 0;
		padding: 0;
		background: url(../images/bg_header.jpg) top no-repeat;
	}
	
/* =========================================================================================
// 	Opbouw - MENU
========================================================================================= */

	#menu {
		width: 653px;
		height: 39px;
		margin: 0;
		padding-left: 152px;
		background: url(../images/bg_menu.jpg) top left no-repeat;
	}
	
/* =========================================================================================
// 	Opbouw - CONTENT
========================================================================================= */
	
	#content_home {
		width: 804px;
		height: auto;
		margin: 0;
		padding: 0;
		background: url(../images/bg_content_left_home.jpg) bottom left no-repeat;
	}
	
	#content_ivo{
		width: 804px;
		height: auto;
		margin: 0;
		padding: 0;
		background: url(../images/bg_content_left_ivo.jpg) bottom left no-repeat;
	}
	
	#content_producten{
		width: 804px;
		height: auto;
		margin: 0;
		padding: 0;
		background: url(../images/bg_content_left_producten.jpg) bottom left no-repeat;
	}
	
	#content_publicaties{
		width: 804px;
		height: auto;
		margin: 0;
		padding: 0;
		background: url(../images/bg_content_left_publicaties.jpg) bottom left no-repeat;
	}
	
	#content_kennispartners{
		width: 804px;
		height: auto;
		margin: 0;
		padding: 0;
		background: url(../images/bg_content_left_kennispartners.jpg) bottom left no-repeat;
	}
	
	#content_contact{
		width: 804px;
		height: auto;
		margin: 0;
		padding: 0;
		background: url(../images/bg_content_left_contact.jpg) bottom left no-repeat;
	}
	
	#content_inside_left {
		width: 220px;
		height: auto;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	#content_inside_right {
		width: 560px;
		height: auto;
		min-height: 220px;
		margin-bottom: 20px;
		padding: 25px 24px 0 0;
		float: right;
	}
	
	.nieuwskolom {
		display: block;
		background-color: #E7E3EE;
		padding: 3px;
		margin: 0 0 0 138px; /* (top, right, bottom, left) */
	}
	
/* =========================================================================================
// 	Opbouw - FOOTER
========================================================================================= */
	
	#footer_home {
		width: 805px;
		height: 440px;
		margin: 0;
		padding: 0;
		background: url(../images/bg_footer_home.jpg) top left no-repeat;
	}
	
	#footer_ivo {
		width: 805px;
		height: 440px;
		margin: 0;
		padding: 0;
		background: url(../images/bg_footer_ivo.jpg) top left no-repeat;
	}
	
	#footer_producten {
		width: 805px;
		height: 440px;
		margin: 0;
		padding: 0;
		background: url(../images/bg_footer_producten.jpg) top left no-repeat;
	}
		
	#footer_publicaties {
		width: 805px;
		height: 440px;
		margin: 0;
		padding: 0;
		background: url(../images/bg_footer_publicaties.jpg) top left no-repeat;
	}
	
	#footer_kennispartners {
		width: 805px;
		height: 440px;
		margin: 0;
		padding: 0;
		background: url(../images/bg_footer_kennispartners.jpg) top left no-repeat;
	}
	
	#footer_contact {
		width: 805px;
		height: 440px;
		margin: 0;
		padding: 0;
		background: url(../images/bg_footer_contact.jpg) top left no-repeat;
	}
		
/* =========================================================================================
// 	Menu - MAIN MENU
========================================================================================= */
	
	.hide {
		display: none;
	}

	
	#hor-navlist { 
		width: 560px;
	}
		
	#hor-navlist {
		font-size: 16px;
		line-height: 17px;
		margin: 0;
		padding: 0;
		font-weight: normal;
	}
	
	#hor-navlist ul, #hor-navlist li {
		margin: 0;
		padding: 0;
		display: inline;
		list-style-type: none;
	}
	
	#hor-navlist a:link, #hor-navlist a:visited {
		padding: 0px;
		float: left;
		margin: 0;
		color: #c1daa3;
		text-decoration: none;
	}
	
	#hor-navlist a:link#current, #hor-navlist a:visited#current{
		padding: 0px;
		color: white;
	}
	
	#hor-navlist a:hover {
		padding: 0px;
		color: white;
		text-decoration: none;
	}
	
	/* Home */
	.knop-home, .knop-home a, .knop-home-current a {
		width: 59px;
		display: inline; 
		background: transparent url(../images/menu_home.jpg) no-repeat;
	}
	.knop-home a, .knop-home-current a{
		display: inline;
		height: 39px;
	}
	
	.knop-home a:hover, .knop-home-current a {
		background: transparent url(../images/menu_home_selected.jpg) no-repeat;
	}
	
	/* Over Ivo Meiland */
	.knop-ivo, .knop-ivo a, .knop-ivo-current a {
		width: 115px;
		display: inline; 
		background: transparent url(../images/menu_ivo.jpg) no-repeat;
	}
	.knop-ivo a, .knop-ivo-current a{
		display: inline;
		height: 39px;
	}
	
	.knop-ivo a:hover, .knop-ivo-current a {
		background: transparent url(../images/menu_ivo_selected.jpg) no-repeat;
	}
	
	/* Producten */
	.knop-producten, .knop-producten a, .knop-producten-current a {
		width: 78px;
		display: inline; 
		background: transparent url(../images/menu_producten.jpg) no-repeat;
	}
	.knop-producten a, .knop-producten-current a{
		display: inline;
		height: 39px;
	}
	
	.knop-producten a:hover, .knop-producten-current a {
		background: transparent url(../images/menu_producten_selected.jpg) no-repeat;
	}
	
	/* Publicaties */
	.knop-publicaties, .knop-publicaties a, .knop-publicaties-current a {
		width: 82px;
		display: inline; 
		background: transparent url(../images/menu_publicaties.jpg) no-repeat;
	}
	.knop-publicaties a, .knop-publicaties-current a{
		display: inline;
		height: 39px;
	}
	
	.knop-publicaties a:hover, .knop-publicaties-current a {
		background: transparent url(../images/menu_publicaties_selected.jpg) no-repeat;
	}
	
	/* Kennispartners */
	.knop-kennispartners, .knop-kennispartners a, .knop-kennispartners-current a {
		width: 110px;
		display: inline; 
		background: transparent url(../images/menu_kennispartners.jpg) no-repeat;
	}
	.knop-kennispartners a, .knop-kennispartners-current a{
		display: inline;
		height: 39px;
	}
	
	.knop-kennispartners a:hover, .knop-kennispartners-current a {
		background: transparent url(../images/menu_kennispartners_selected.jpg) no-repeat;
	}
	
	/* Contact */
	.knop-contact, .knop-contact a, .knop-contact-current a {
		width: 110px;
		display: inline; 
		background: transparent url(../images/menu_contact.jpg) no-repeat;
	}
	.knop-contact a, .knop-contact-current a{
		display: inline;
		height: 39px;
	}
	
	.knop-contact a:hover, .knop-contact-current a {
		background: transparent url(../images/menu_contact_selected.jpg) no-repeat;
	}
	
/* =========================================================================================
//  Menu - SIDE MENU
========================================================================================= */
	
	#navlist {
		width: 198px; 
		margin-left: 1px;
		float: none;
		list-style:none;
		margin-bottom: 250px;
	}
	
	#navlist ul {
		margin-left: 0;
		padding-left: 0;
		list-style:none;
		font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	
	#navlist a {
		display: block;
		padding: 3px;
		width: 198px;
		background-color: #d1c9df;
		border-bottom: 1px solid #E7E3EE;
		font-size: 11px;
		list-style:none;
	}
	
	#navlist a:link, #navlist a:visited {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#navlist a:hover {
		background-color: #FFFFFF;
		color: black;
	}
	
/* =========================================================================================
// 	Typefaces
========================================================================================= */
	
	h1, h3, h4, h5 {
		font-weight: bold;
		margin: 0;
		padding: 0;
		line-height: 1em;
	}


	h1 {
		text-align: left;
		font-size: 18px;
		padding: 0;
		margin: 0;
		color: #56378a;
	}
	
	h2 {
		text-align: left;
		font-size: 14px;
		padding: 0;
		margin: 0;
		color: #56378a;
	}
	
	h2.nieuws {
		color: #56378A;
		font-size: 14px;
		font-weight: bold;
		border-bottom: 1px solid #D1C9DF;
		margin: 0px;
		padding: 0px;
		margin-bottom: 3px;
		padding-bottom: 3px;
	}

	h3.nieuws {
		text-align: left;
		font-size: 12px;
		padding: 0;
		margin: 0;
		color: #56378a;		
		margin-bottom: 5px;
	}
	
/* =========================================================================================
// 	List
========================================================================================= */

	.kennispartners ul {
		list-style:inside disc;
	}

/* =========================================================================================
// 	Table
========================================================================================= */

	
	table {
		font-size: 0.8em;
		width: 100%;
		border: 0;
		text-align: left;
	}

	tr, td {
		border-bottom: solid #B6DC81 1px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
/* =========================================================================================
// 	Fixes
========================================================================================= */
	
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	/* Hides from IE-mac \*/
	* html .clearfix {
		height: 1%;
	}
	/* End hide from IE-mac */

/* =========================================================================================
// 	Slideshow
========================================================================================= */
	
	#mssHolder {
		width: 150px;
		height: 150px;
		position: relative;
		float: right;
		padding: 0;
		margin: 0;
		overflow: hidden;
		padding: 5px;
		border: 1px solid #B6DC81;
		margin-bottom: 10px;
		margin-left: 10px;
}

.paging {
	margin-left:143px;
	color:#999999;
}

.paging a {
	color:#000000;
}


.pager {
	clear: both;
	display: block;
	height: 1%; /* Fixes double padding in IE */
	margin: 10px 0 0 138px; /* (top, right, bottom, left) */
	font-size: 1.0em;
	overflow: hidden;
	background: #E7E3EE;
}

.pager a, .pager span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 0.1em;
	text-decoration: none;
	color: #000;
	
}

.pager span {
	color: #56378A;
}

.pager .current {
	background: #56378A;
	color: white;
}

.pager a:hover {
	background: #d1c9df;
}

.pagertop {
	border-top: 0 none;
}

.pagerbottom {
	border-bottom: 0 none;
}

.pager ul {
	margin: 0;
	padding: 0;
}

.pager li {
	margin: 0;
	padding: 0;
}
