@charset "UTF-8";
/* CSS Document */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ STICKY FOOTER */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;outline:none;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 100px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -67px; /* negative value of footer height */
	height: 67px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ HEADER */

body { 
	behavior: url("http://www.mijndigitalewereld.nl/csshover3.htc"); 
} 

a {
	outline:none;
	color:#0C378C;
}

	a:hover {
		color:#FF850B;
	}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	line-height:20px;
	padding:0px 5px 0px 0px;
}

h1 {
	color:#FF850B;
	font-size:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:500;
	border-bottom:thin solid #2E4575;
	width:600px;
	padding-bottom:5px;
}

h2 {
	color:#000;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:5px 0px 0px 0px;
	line-height:24px;
}

h3 {
	background:url(http://www.mijndigitalewereld.nl/images/kalendergroot.png) no-repeat;
	height:67px;
	width:52px;
	text-align:center;
	padding-top:32px;
	margin-bottom:-25px;
}

.kalendertitel {
	color:#FF850B;
	font-size:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:500;
	width:200px;
	margin-bottom:-35px;
}

.header {
	height:143px;
	width:100%;
	background:#1F4488;
	border-bottom:2px solid #FF860B;
}

	.headerImg {
		background:url(http://www.mijndigitalewereld.nl/images/uploads/header.jpg) no-repeat top;
		height:143px;
	}
		
.logoholder {
	width:100%;
	position:absolute;
}		

	.logos {
		height:103px;
		margin:0 auto;
		width:890px;
		padding:25px 0px 0px 10px;
	}
		
/* ------------------------------------------------------------------------------------------------------------------------------------------------------ NAVIGATION */

.navigation {
	height:25px;
	width:890px;
	margin:0 auto;
	padding:5px 0px 0px 10px;
}

.navigation li {
	display:inline;
}

	a.navigatieLinksContact {
		color:#021331;
		font-size:16px;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
	}

	a.navigatieLinks {
		color:#021331;
		font-size:16px;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
		padding-right:35px;
	}
			
		a.navigatieLinks:hover, a.navigatieLinks#active, a.navigatieLinksContact:hover, a.navigatieLinksContact#active, body#bhome #bhome, body#bnieuws #bnieuws, body#bactiviteiten #bactiviteiten, body#bkalender #bkalender, body#bbibliotheek #bbibliotheek, body#baanpak #baanpak, body#bdeelnemen #bdeelnemen, body#bcontact #bcontact, body#bkalender1 #bkalender1, body#bkalender2 #bkalender2, body#bkalender3 #bkalender3, body#bkalender4 #bkalender4, body#bkalender5 #bkalender5, body#bkalender6 #bkalender6, body#bnetwerk1 #bnetwerk1, body#bnetwerk2 #bnetwerk2, body#bnetwerk3 #bnetwerk3, body#baanpak1 #baanpak1, body#baanpak2 #baanpak2, body#baanpak5 #baanpak5, body#baanpak3 #baanpak3, body#baanpak4 #baanpak4, body#bdeelnemen1 #bdeelnemen1, body#bdeelnemen2 #bdeelnemen2, body#bdeelnemen3 #bdeelnemen3, body#bnetwerk #bnetwerk, body.bnetwerk #bnetwerk, body.baanpak #baanpak, body.bdeelnemen #bdeelnemen, body.bkalender #bkalender, body#bnetwerk4 #bnetwerk4 {
			color:#FF850B;
		}

	.navigationLijn {
		background:url(http://www.mijndigitalewereld.nl/images/uploads/lijnondernavigatie.jpg) repeat-x;
		width:100%;
		height:4px;
	}

.navigationLine {
	width:100%;
	margin:2px 0px 2px 0px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------  DROPDOWNMENU */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
}

#nav li {
	float: left;
}

#nav li ul {
	position: absolute;
	left: -999em;
}

#nav li ul li ul {
	/*left:-999em;*/
	position:relative;
	*position:inherit;	
	padding:5px;
	margin:0px 0px 0px -7px;
	x:-moz-any-link margin:0px;
	background-color:#FFF;
	border-right:thin solid #000;
	border-bottom:thin solid #000;
	border-left:thin solid #000;
}

.navigatiepijl {
	background:url(http://www.mijndigitalewereld.nl/images/pijltje.png) no-repeat top left;
	height:7px;
	margin:-2px 0px 3px 25px;
	margin /*\**/:-1px 0px 3px 25px;
	*margin:1px 0px 3px 25px;
}

#nav li li {
	font-size:14px;
	float:none;
}

#nav li:hover ul {
	left: auto;
	*left: inherit;
	*width:325px;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ KRUIMELPAD */

.breadcrumbs {
	margin:0 auto;
	width:890px;
	height:34px;
	padding:10px 0px 0px 10px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ CONTENTHOLDER */

.content {
	padding-left:10px;
	width:900px;
	margin:0 auto;
}

	.inhoudLinks {
		min-height:475px;
		float:left;
		width:610px;
		border:thin solid #D3D3D3;
		padding:10px 10px 10px 10px;
	}
	
		.inhoudLinks ul li, .inhoudLinks ol li {
			font-family:Arial, Helvetica, sans-serif;
			font-size:15px;
			padding:0px 0px 0px 10px;
			margin:5px 0px 5px 0px;
		}

.downloadsul li {
	padding:0px 0px 0px 10px;
	margin:5px 0px 5px 0px;
}

	.inhoudRechts{
		float:right;
		width:244px;
		border:thin solid #D3D3D3;
		margin-bottom:15px;
		padding-left:12px;
	}
	
	.inhoudRechtsZonder {
		float:right;
		width:256px;
		margin-right:2px;
	}

	.inhoudRechtsFlash {
		float:right;
		width:256px;
		border:thin solid #D3D3D3;
		margin-top:7px;
	}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ CONTENTFILLS */

.plusje {
	width:230px;
	height:29px;
	background:url(http://www.mijndigitalewereld.nl/images/uploads/plusje.png) no-repeat top left;
	color:#000;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	padding-top:5px;
	margin:10px 0px 5px 0px;
	border-bottom:thin solid #2E4575;
}

.kalender {
	width:230px;
	height:29px;
	background:url(http://www.mijndigitalewereld.nl/images/uploads/kalenderklein.png) no-repeat top left;
	color:#000;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:5px;
	margin:10px 0px 5px 0px;
	border-bottom:thin solid #2E4575;
}

.plaatjehome {
	float:left;
	width:240px;
	padding-top:10px;
}

.homeomschrijving {
	width:580px;
	padding:10px 10px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
}

.kalendertxt {
	padding-left:38px;	
}

.foundingpartners {	
	width:230px;
	height:29px;
	color:#000;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:5px;
	margin:10px 0px 5px 0px;
	border-bottom:thin solid #2E4575;
	margin-left:12px;
}

.nieuwsblokhome {
	width:600px;
	height:130px;
	background:#EEEEF8;
	border-bottom:thin solid #2E4575;
}

.entrytxt {
	padding:7px;
}

.plaatjehomenieuws {
	height:105px;
	width:170px;
	float:left;
	margin:12px 0px 0px 10px;
}

.plaatjenieuws {
	height:105px;
	width:170px;
	float:left;
	margin:5px 0px 0px 0px;
	padding:0px 10px 0px 0px;
}

.intronieuws2 {
	float:right;
	text-align:left;
	width:390px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:4px 5px 0px 10px;
}

.intronieuws {
	float:right;
	text-align:left;
	width:390px;
	height:60px;
	margin-top:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

.activiteitenhome {
	color:#0C378C;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:20px;
	padding-right:10px;
}

	a.activiteitenhome:hover {
		color:#FF850B;
	}
	
.activiteitenhomenieuws {
	color:#0C378C;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

	a.activiteitenhomenieuws:hover {
		color:#FF850B;
	}

.kalenderLinks {
	width:52px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
}

.kalenderRechts {
	width:530px;
	float:right;
}

.maandjaar {
	font-size:12px;
	width:52px;
	text-align:center;
	height:18px;
	font-family: Arial, Helvetica, sans-serif;
}

.entry {
	padding:5px 0px 5px 0px;
	margin-bottom:0;
	border-top:thin solid #2E4575;
	width:600px;
}

.oranje {
	color:#FF850B;
}

.kalenderlijntje {
	border-top:thin solid #DEDEDE;
	width:530px;
	margin:8px 0px 0px 0px;
	padding:5px 0px 0px 0px;
}

.lefty {
	padding-left:10px;
	vertical-align:text-top;
}


.righty {
	padding-left:20px;
	vertical-align:text-top;
}

.rightyKal {
	vertical-align:text-top;
	text-align:right;
	width:60px;
}

.activiteitTitel {
	text-transform:capitalize;
}

.pagenumber {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:10px;
	color:#FF860B;
	float:right;
	margin-top:-8px;
	font-size:17px;
	height:25px;
}

	.pagenumber a {
		color:#011331;
		background-color:#DBE2F2;
		width:25px;
		height:25px;
		padding:2px 6px 2px 6px;
		border:thin solid #CCCCCC;
		text-decoration:none;
		font-size:14px;
	}
	
	.pagenumber a:hover {
		color:#FF860B;
		background-color:#DBE2F2;
	}
	
.oproepbanner {
	width:600px;
	height:175px;
	background-color: #DFDFDF;
	border:thin solid #CCCCCC;
	display:block;
	margin:20px 0px 15px 0px;
}
	
	.oproepbannertekst {
		float:left;
		width:325px;
		font-size:14px;
		padding:10px;
		font-family: Arial, Helvetica, sans-serif;
		line-height:18px;
	}
	
	h4 {
		font-family: Arial, Helvetica, sans-serif;
		font-size:16px;
		padding-bottom:10px;
		color:#0C378C;
	}
	
	.oproepbannerplaatje {
		float:right;
		width:200px;
		margin:10px 30px 0px 0px;
	}

ul, ol {
	padding:0px 5px 10px 25px;
	line-height:20px;
}

li {
	margin-bottom:-10px;
}

.tabelletje {
	margin:5px 0px 20px 0px;
}

.tabelletje td {
	padding:5px;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ BIBLIOTHEEK */

.titeltjes {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#0C378C;
	*margin-top:-1px;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------ FORMULIER */

.formulier {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	border:none;
}

.formulier td {
	padding:2px 0px 2px 0px;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ BUTTONS */

.leesMeer {
	width:93px;
	height:20px;
	background:url(http://www.mijndigitalewereld.nl/images/leesmeer.png) no-repeat top left;
	cursor:pointer;
	text-indent:-399em;
	float:right;
	margin:20px 20px 10px 10px;
}

	.leesMeer:hover {
		background:url(http://www.mijndigitalewereld.nl/images/leesmeer.png) no-repeat bottom left;
	}
	
.leesMeer2 {
	width:93px;
	height:20px;
	background:url(http://www.mijndigitalewereld.nl/images/leesmeer.png) no-repeat top left;
	cursor:pointer;
	text-indent:-399em;
	float:right;
	margin:0px 30px 0px 10px;
}

	.leesMeer2:hover {
		background:url(http://www.mijndigitalewereld.nl/images/leesmeer.png) no-repeat bottom left;
	}
	
.leesMeer3 {
	width:93px;
	height:20px;
	background:url(http://www.mijndigitalewereld.nl/images/leesmeer.png) no-repeat top left;
	cursor:pointer;
	text-indent:-399em;
	float:right;
	margin:5px 30px 0 10px;
}

	.leesMeer3:hover {
		background:url(http://www.mijndigitalewereld.nl/images/leesmeer.png) no-repeat bottom left;
	}
	
.leesMeer4 {
	width:93px;
	height:20px;
	background:url(http://www.mijndigitalewereld.nl/images/leesmeer.png) no-repeat top left;
	cursor:pointer;
	text-indent:-399em;
	float:left;
	margin:10px 30px 0px 0px;
}

	.leesMeer4:hover {
		background:url(http://www.mijndigitalewereld.nl/images/leesmeer.png) no-repeat bottom left;
	}

.bekijkMeer {
	width:102px;
	height:20px;
	background:url(http://www.mijndigitalewereld.nl/images/uploads/bekijkmeer.png) no-repeat top left;
	cursor:pointer;
	text-indent:-399em;
	margin:10px 0px 10px 0px;
}

	.bekijkMeer:hover {
		background:url(http://www.mijndigitalewereld.nl/images/uploads/bekijkmeer.png) no-repeat bottom left;
	}
	
.bekijkAlleartikelen {
	width:155px;
	height:20px;
	background:url(http://www.mijndigitalewereld.nl/images/uploads/bekijkalleartikelen.png) no-repeat bottom left;
	cursor:pointer;
	text-indent:-399em;
}

	.bekijkAlleartikelen:hover {
		background:url(http://www.mijndigitalewereld.nl/images/uploads/bekijkalleartikelen.png) no-repeat top left;
	}
	
.meeDoen {
	width:258px;
	height:79px;
	background:url(http://www.mijndigitalewereld.nl/images/uploads/meedoennieuw.png) no-repeat top left;
	cursor:pointer;
	text-indent:-399em;
}

	.meeDoen:hover {
		background:url(http://www.mijndigitalewereld.nl/images/uploads/meedoennieuw.png) no-repeat bottom left;
	}
	
.datumrechts {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.datumrechtsstreepje {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF850B;
}

.terug {
	width:56;
	height:20px;
	background:url(http://www.mijndigitalewereld.nl/images/terug.png) no-repeat bottom left;
	cursor:pointer;
	text-indent:-399em;
}

	.terug:hover {
		background:url(http://www.mijndigitalewereld.nl/images/terug.png) no-repeat top left;
	}

/*------------------------------------------------------------------------------------------------------------------------------------------------------  FOOTER */

#footer {
	background:#1F4488 url(http://www.mijndigitalewereld.nl/images/uploads/footer.jpg) top left repeat-x;
}

	.footerholder {
		width:890px;
		margin:0 auto;
	}
	
		.footerTxt {
			float:left;
			width:769px;
			color:#FFFFFF;
			font-size:12px;
			line-height:22px;
			font-family:Arial, Helvetica, sans-serif;
			padding:11px 0px 0px 10px;
		}
			
			.footerTxt a {
				color:#FFFFFF;
			}
			
				.footerTxt a:hover {
					color:#FFFFFF;
					text-decoration:none;
				}
			
		.logoLinkedin {
			background:url(http://www.mijndigitalewereld.nl/images/uploads/logo_linkedin.jpg) no-repeat top left;
			height:35px;
			width:96px;
			float:right;
			margin-top:2px;
		}	
		
.red {
	color:#F00;
}

.verzendbutton {
	background:url(../images/verstuurbutton.png) top left no-repeat;
	width:81px;
	height:20px;
	text-indent:-399em;
	cursor:pointer;
	border:none;
}

.verzendbutton:hover {
	background:url(../images/verstuurbutton.png) bottom left no-repeat;
}