/* * { margin: 0; padding: 0; } */

@import '/templates/default_site/site.group/reset.css';
@import '/templates/default_site/site.group/text.css';
/* @import '/templates/default_site/site.group/960.css'; */

html, body { height: 100%; width: 100%; font-family: "Helvetica Neueu", Helvetica, Arial, sans-serif; background: #00194c; }
a, a:link { color: #4BBCFF; text-decoration: none; border-bottom: 1px dotted #00194c; }
a:hover { color: #00194c; border-bottom: 1px dotted #4BBCFF; }
h1, h2, h3, h4, h5, h6 { color: #4BBCFF; line-height: 1.2em; font-weight: normal; text-transform: uppercase; }

#hd, #bd, #ft { display: block; float: left; width: 100%; clear: both; }
#hd .wrap, #bd .wrap, #ft .wrap { position: relative; width: 1020px; margin: 0 auto; }

#hd { background: #4FBFFF; background: transparent url(/images/design/bg.v2.hd-x.png) repeat-x scroll center bottom; }
#hd .wrap { height: 120px; background: transparent url(/images/design/bg.v2.hd.jpg) repeat-x scroll center bottom; z-index: 90; }

body#home #hd .wrap { height: 180px; }
body #hd .wrap { height: 120px; }

	h1#branding { position: absolute; bottom: 0px; left: 372px; display: block; margin: 0; width: 280px; height: 80px; text-indent: -999em; background: transparent url(/images/design/bg.v2.hd.jpg) no-repeat scroll center bottom; }

	#mastnav { position: absolute; top: 30px; left: 20px; font-size: 1.2em; }

body#home #hd #mastnav { top: 90px; }
body #hd #mastnav { top: 25px; }

	#mastnav { list-style: none; margin: 0; padding: 0; background: #8ADBFF;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	#mastnav:hover { background: #4BBCFF;
		-moz-box-shadow: 2px 2px 4px #ffffff;
		-webkit-box-shadow: 2px 2px 4px #ffffff;
		box-shadow: 2px 2px 4px #ffffff;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#E0E0E0')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#E0E0E0');
	}
	#mastnav li { margin: 0; padding: 0; }
	#mastnav li a, #mastnav li a:link { display: block; color: #fff; margin: 0; padding: 6px 6px 4px 6px; border: none; }
	#mastnav li a span.short, #mastnav li a:link span.short { display: none; }
	#mastnav li a:hover { background-color: #8ADBFF; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
	#mastnav li a:hover span.short { display: block; }
	#mastnav li span.title { display: block; }
	#mastnav li span.short {  }
	#mastnav li ol { display: none; margin: 0; padding: 0; list-style: none; }
	#mastnav li:hover ol, #mastnav li:active ol { display: block; }
	#mastnav li ol li { display: block; border-top: 1px solid #fff; }
	#mastnav li ol li a, #mastnav ol li a:link { display: block; padding: 6px 6px 4px 6px; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; }
	#mastnav li ol li.last a:hover { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
	#mastnav li ol li span.title { display: block; font: normal normal normal 1em/1em "Helvetica Neueu", Helvetica, Arial, sans-serif; text-transform: uppercase; }
	#mastnav li span.short { font-size: .75em; }


#bd { padding: 0 0 40px 0; color: #00194c; background: #fff; z-index: 60; }

	#message { color: #fff; display: block; padding: 10px; background: #4BBCFF; margin: 20px 40px 0 40px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-moz-box-shadow: 2px 2px 4px #E0E0E0;
		-webkit-box-shadow: 2px 2px 4px #E0E0E0;
		box-shadow: 2px 2px 4px #E0E0E0;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#E0E0E0')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#E0E0E0');
	}
	#message .title { font-weight: bold; }
	#message .text {}
	#message .text a, #message .text a:link { color: #fff; border-bottom: 1px dotted #00194c; }
	
	#homenav {  }
	#homenav ol { margin: 40px auto; padding: 0 0 0 40px; list-style: none; }
	#homenav ol li { float: left; margin: 0 20px 20px 0; }
	#homenav ol li a, #homenav ol li a:link { color: #fff; display: block; width: 280px; height: 150px; padding: 10px; background: #4BBCFF; border: none;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-moz-box-shadow: 2px 2px 4px #E0E0E0;
		-webkit-box-shadow: 2px 2px 4px #E0E0E0;
		box-shadow: 2px 2px 4px #E0E0E0;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#E0E0E0')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#E0E0E0');
	}
	#homenav ol li a:hover { background: #8ADBFF; }
	#homenav ol li a span.title { display: block; font: normal normal normal 1.5em/1em "Helvetica Neueu", Helvetica, Arial, sans-serif; text-transform: uppercase; }
	#homenav ol li a span.short, #homenav ol li a span.sum { display: block; text-indent: -999em; }
	#homenav ol li a span.sum { margin: 10px 0; color: #4BBCFF; }
	#homenav ol li a:hover span.short/*, #homenav ol li a:hover span.sum*/  { text-indent: 0em; }
	
	#homenav ol li.diensten a { background: #4BBCFF url(/images/design/link-home-hands.light.png) no-repeat scroll 100px 5px; }
	#homenav ol li.diensten a:hover { background: #8ADBFF url(/images/design/link-home-hands.dark.jpg) no-repeat scroll 100px 5px; }
	#homenav ol li.pro a { background: #4BBCFF url(/images/design/link-home-tree.light.jpg) no-repeat scroll 100px 5px; }
	#homenav ol li.pro a:hover { background: #8ADBFF url(/images/design/link-home-tree.dark.jpg) no-repeat scroll 100px 5px; }
	#homenav ol li.agenda a { background: #4BBCFF url(/images/design/link-home-hand.light.jpg) no-repeat scroll center center; }
	#homenav ol li.agenda a:hover { background: #8ADBFF url(/images/design/link-home-hand.dark.jpg) no-repeat scroll center center; }
	#homenav ol li.team a { background: #4BBCFF url(/images/design/link-home-flowers.light.png) no-repeat scroll 110px 5px; }
	#homenav ol li.team a:hover { background: #8ADBFF url(/images/design/link-home-flowers.dark.jpg) no-repeat scroll 110px 5px; }
	#homenav ol li.visie a { background: #4BBCFF url(/images/design/link-home-sun.light.jpg) no-repeat scroll 110px 5px; }
	#homenav ol li.visie a:hover { background: #8ADBFF url(/images/design/link-home-sun.dark.jpg) no-repeat scroll 110px 5px; }
	#homenav ol li.blog a { background: #4BBCFF url(/images/design/link-home-spookje.light.jpg) no-repeat scroll center top; }
	#homenav ol li.blog a:hover { background: #8ADBFF url(/images/design/link-home-spookje.dark.jpg) no-repeat scroll center top; }
	
	#content { margin: 20px 0 0 0; }
	
		#lc, #cc, #rc { float: left; }
	
		#lc { width: 240px; margin: 0 20px 0 20px; }
	
			#mainnav {}
			#mainnav h4 { }
			#mainnav h4 a, #mainnav h4 a:link { display: block; margin-right: 20px; border-bottom: 1px dotted #8ADBFF; }
			#mainnav p.navshow { color: #8ADBFF; font-size: .75em; /*line-height: 2em;*/ margin: 0 0 10px 0; }
			#mainnav p.navshow span { color: #4BBCFF; padding: 2px 4px 2px 4px; cursor: pointer; }
			#mainnav p.navshow span {}
			#mainnav ul { list-style: none; margin: 0; }
			#mainnav ul li { display: block; clear: both; margin: 4px 0; }
				#nav-sub li a, #nav-sub li a:link { color: #4BBCFF; display: block; height: 34px; line-height: 1em; padding: 6px 24px 0 6px; border: none; text-transform: uppercase; }
				#nav-sub li a,
				#nav-sub li a:link { background: transparent url(/images/design/miraclesprite.png) no-repeat scroll right -120px; }
/*				#nav-sub li.here a { text-align: right; background: transparent url(/images/design/miraclesprite.png) no-repeat scroll right -40px; }*/
				#nav-sub li li li a,
				#nav-sub li li li a:link { border-left: 1px dotted #8ADBFF; background: none; }
				#nav-sub li li { padding-left: 6px; }
				#nav-sub li li a, #nav-sub li li a:link,
				#nav-sub li.here li a, #nav-sub li.here li a:link { color: #4BBCFF; text-align: left; background: transparent url(/images/design/miraclesprite.png) no-repeat scroll right -80px; text-transform: lowercase; }
				#nav-sub li.here li li a, #nav-sub li.here li li a:link,
				#nav-sub li li.here li a, #nav-sub li li.here li a:link { color: #4BBCFF; text-align: left; background: none; }
				#nav-sub li.here a, #nav-sub li.here a:link,
				#nav-sub li li.here a, #nav-sub li li.here a:link,
				#nav-sub li li li.here a, #nav-sub li li li.here a:link { color: #fff; text-align: right; background: transparent url(/images/design/miraclesprite.png) no-repeat scroll right -40px; }
				#nav-sub li a:hover,
				#nav-sub li li a:hover,
				#nav-sub li li li a:hover,
				#nav-sub li li li li a:hover { color: #fff; background: transparent url(/images/design/miraclesprite.png) no-repeat scroll right top; }
				#nav-sub ul li a span.title {}
				#nav-sub ul li a span.short {}
	
		#cc	{ width: 480px; }
		#cc .text a, #cc .text a:link { border-bottom: 1px dotted #fff; }
		
		#cc .sectionintro {}
		#cc .sectionlist { float: left; clear: both; position: relative; display: block; padding: 10px 32px 32px 10px; width: 436px; border: 1px dotted #8ADBFF; margin: 0 0 20px 0;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			-moz-box-shadow: 2px 2px 4px #E0E0E0;
			-webkit-box-shadow: 2px 2px 4px #E0E0E0;
			box-shadow: 2px 2px 4px #E0E0E0;
		}
		
		#cc .date { width:; padding: 0 10px 4px 0; text-align: center; }
		#cc .date .ent,
		#cc .date .exp { float: left; }
		#cc .date .ent {}
		#cc .date .exp { padding-left: 16px; background: transparent url(/images/design/untill.light.16x.png) no-repeat scroll left center; }
		#cc .date .d,
		#cc .date .m,
		#cc .date .j { display: block; }
		#cc .date .d,
		#cc .date .m { border-bottom: 1px dotted #8ADBFF; }
		#cc .date .d { color: #4BBCFF; font-size: 1.5em; line-height: 1.25em; /*font-weight: bold;*/ }
		#cc .date .m { color: #4BBCFF; font-size: .875em; line-height: 1em; text-transform: uppercase; }
		#cc .date .j { font-size: .75em; line-height: 2em; }
		#cc .pagecontent .date { float: right; margin: 0 0 0 8px; padding: 4px 8px; border: 1px dotted #8ADBFF;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			/*
			-moz-box-shadow: 2px 2px 4px #E0E0E0;
			-webkit-box-shadow: 2px 2px 4px #E0E0E0;
			box-shadow: 2px 2px 4px #E0E0E0;
			*/
		}
		#cc .sectionlist .date { float: left; }
		
		#cc img.team-thumb { vertical-align: top; padding: 2px 10px 2px 2px; }
		#cc .link-title { border: none; text-transform: uppercase; }
		#cc .link-more { color: #4BBCFF; position: absolute; bottom: 6px; right: 6px; height: 20px; padding: 4px 24px 0 0; text-indent: -999em; border: none; background: transparent url(/images/design/miraclesmore.light.24x.png) no-repeat scroll right center; }
		#cc a.link-more:hover { width: 80px; text-indent: 0em; text-transform: uppercase; background-image: url(/images/design/miraclesmore.dark.24x.png); }
		
		#cc .pagecontent { position: relative; margin: 0 0 20px 0; }
		#cc img.team-full { float: right; padding: 2px 2px 2px 10px; }
	
	
		#rc { /*float: right;*/ width: 220px; margin: 0 0 0 40px; }
		#rc h4, #rc h5 { color: #8ADBFF; }
		#rc h4 { text-align: right; }
		#rc h4, #rc h4 a, #rc h4 a:link { display: block; border-bottom: 1px dotted #8ADBFF; }
		#rc h5 a, #rc h5 a:link { font-size: .5em; line-height: 1em; display: block; padding-left: 4px; border-bottom: 1px dotted #8ADBFF; }
		#rc h5 { margin: 0 0 10px 0; }
		#rc .related {}
		#rc .related ul { list-style: none; line-height: 16px; margin: 0 0 20px 0; }
		#rc .related ul li { margin: 0 0 10px 0; padding-left: 16px; border: none; background: transparent url(/images/design/link-list-item.png) no-repeat scroll left top; }
		#rc .related ul li:hover { background: transparent url(/images/design/link-list-hover.png) no-repeat scroll left top; }
		#rc .related ul li a { display: block; border: none; }
		#rc .related.team ul li { margin: 0 0 10px 0; padding-left: 20px; border: none; }


#ft { background: #00194c; background: transparent url(/images/design/bg.v2.ft-x.png) repeat-x scroll center top; z-index: 90; }
#ft .wrap { height: 120px; padding: 40px 0; background: transparent url(/images/design/bg.v2.ft.jpg) no-repeat scroll center top; }
#ft a, #ft a:link { color: #4BBCFF; }
#ft a:hover { color: #4BBCFF; border-bottom: 1px dotted #4BBCFF; }
	
	#contact, #mailing, #network { float: left; width: 280px; margin: 10px; padding: 10px; color: #8ADBFF; font-size: .825em; line-height: 1.5em; }
	
	
	#contact {  }
	#contact dt { /*margin-bottom: 1em;*/ }
	#contact dd { font-size: 1.2em; line-height: 1.5em; }
	
	#mailing { float: right; width: 300px; padding: 10px 10px 10px 0; margin-right: 30px; }
	#mailing p { margin: 0 0 10px 0; }
	#mailing form { margin: 0 0 10px 0; }
	#mailing form input { margin: 0; padding: 6px; font-size: 12px; color: #8ADBFF; background: #0A64C5; border: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
	#mailing form input#email { height: 18px; width: 180px; margin-right: 10px; text-transform: uppercase; }
	#mailing form input#enter { height: 30px; width: 88px; cursor: pointer; color: #00194c; background: #4BBCFF; }
	
	#network {  }