@media screen {

	/* altering to inherited global style definitions */

	body {
		behavior: url(/_include/styles/csshover.htc);
	}
	
	#header .quicklinks {
		background: transparent url(/_design/index/bg-quicklinks-index.gif) no-repeat scroll right top;
	}
	
	#main-content {
		padding-bottom: 16px;
		background: url(/_design/index/bottom-round-corner.gif) no-repeat scroll left bottom;
	}
	
	/* current section style definitions */

	.frame-intro {
		width: auto;
		padding: 0px 10px 3px 10px;
		float: left;
	}
	
	.frame-intro h2 {
		margin: 0px;
		padding: 0px 0px 5px 0px;
		color: #487b68;
		text-align: center;
		font-size: 36px;
		clear: both;
	}
		
	#intro {
		width: 940px;
		margin: 0px;
		padding: 0px;
		float: left;
	}

	#intro .intro-text {
		width: 340px;
		margin: 0px;
		padding: 0px;
		color: #666666;
		font-size: 11px;
		line-height: 14px;
		overflow: hidden;
		float: left;
	}

		#intro .intro-text p {
			margin: 0px 0px 0px 0px;
			padding: 2px 0px;
			text-align: justify;
		}


		#intro .intro-text a {
			color: #487b68;
			text-decoration: none;
		}

		#intro .intro-text a:hover {
			color: #00573d;
			text-decoration: underline;
		}

		#intro .intro-text strong {
			color: #487b68;
		}

	#frame-intro-banner {
		padding: 0px 10px;
		float: left;
	}
		
		#frame-intro-banner .intro-banner {
			width: 370px;
			height: 280px;
			margin: 0px;
			padding: 0px;
			background-color: #cccccc;
			overflow: hidden;
			float: left;
		}

	#campaign-banner-frame {
		float: left;
		padding: 0px 0px 5px 0px;
	}

		#campaign-banner {
			width: 210px;
			height: 280px;
			padding: 0px;
			margin: 0px;
			overflow: hidden;
			float: left;
		}

		#campaign-banner img {
			border: none;
		}

	.more-link {
		float: right;
		text-align: right;
		padding: 10px 0px 0px 0px;
	}
		
		.more-link a {
			color: #487b68;
		}
		
		.more-link a:hover {
			color: #00573d;
		}
		
		
	.frame-featured-boxes {
		width: auto;
		margin: 0px;
		padding: 5px 5px 5px 10px;
		float: left;
	}

	.featured-boxes {
		width: 940px;
		margin: 0px;
		padding: 0px;
		float: left;
	}
	
	#world-map {
		width: 340px;
		height: 385px;
		margin: 0px;
		padding: 0px;
		background: url(/_design/index/bg-destinations-map-box-top.gif) no-repeat scroll left top;
		overflow: hidden;
		float: left;
	}

		#world-map h2 {
			margin: 0px;
			padding: 0px;
		}

		#world-map h2 a {
			padding-top: 15px;
			padding-left: 30px;
			background: url(/_design/index/arrow-orange.jpg) no-repeat 15px 17px;
			font-size: 13px;
			display: block;
		}

		#world-map .destination-continents a {
			text-decoration: none;
		}

		#world-map .world-map {
			width: 340px;
			margin: 0px;
			padding: 0px;
			background: url(/_design/index/bg-destinations-world-map.gif) no-repeat scroll left top;
			overflow: hidden;
		}

		#world-map .destination-continents {
			width: 100%;
			float: left;
		}

		#world-map .destination-continents a.destinations {
			width: 340px;
			height: 178px;
			display: block;
		}

		#world-map .destination-continents ul {
			width: 340px;
			height: 176px;
			margin: 0px;
			padding: 0px;
			background: url(/_design/index/bg-destinations-box-bottom.gif) no-repeat scroll left bottom;
			list-style-type: none;
			float: left;
		}

		#world-map .destination-continents ul li {
			width: 85px;
			height: 32px;
			margin: 0px;
			padding: 0px;
			text-align: left;
			cursor: pointer;
			float: left;
		}

		#world-map .destination-continents ul li strong {
			margin: 0px;
			padding: 15px 0px 10px 20px;
			background: url(/_design/index/arrow-bullet.gif) no-repeat scroll 10px center;
			display: block;
		}

		#world-map .destination-continents ul li strong.yellow-link {
			padding: 8px 0px 4px 20px;
			line-height: 11px;
			
		}

		#world-map .destination-continents ul li strong.green-link {
			padding: 0px 0px 4px 20px;
			line-height: 11px;
		}
		
		#world-map .destination-continents ul li strong.pink-link {
			padding: 0px 0px 4px 20px;
			line-height: 32px;
		}
		
		#world-map .destination-continents ul li strong.blue-link {
			padding: 8px 0px 4px 20px;
		}

		#world-map .destination-continents ul li ul {
			width: auto;
			height: 127px;
			margin: 0px 4px !important;
			margin: 0px;
			padding: 8px 0px 0px 0px;
			background-image: none;
			float: left;
		}

		#world-map .destination-continents ul li:hover ul {
			background-color: #e0ebe7;
			display: block;
		}

		#world-map .destination-continents ul li ul li {
			width: 77px;
			height: auto;
			margin: 0px;
			padding: 0px;
			background-image: none;
			line-height: 12px;
			text-align: left;
			display: block;
			float: none;
		}

		#world-map .destination-continents ul li ul li a {
			width: auto;
			margin: 0px;
			padding: 1px 3px 1px 12px;
			display: block;
		}

		#world-map .destination-continents ul li ul li a:hover {
			text-decoration: underline;
		}
		
	#frame-missions {
		margin: 0px;
		padding: 0px 0px 0px 10px;
		background: url(/_design/index/bg-missions-box-bottom.jpg) no-repeat scroll 10px bottom;
		clear: right;
		float: right;
	}

		#missions {
			width: 590px;
			height: 385px;
			margin: 0px;
			padding: 0px;
			background: url(/_design/index/bg-missions-box-top.jpg) no-repeat scroll 0px 0px;
			overflow: hidden;
			float: left;
		}

		#missions h2 {
			width: 340px;
			height: 40px;
			margin: 0px;
			padding: 0px;
			font-size: 13px;
			overflow: hidden;
			display: block;
			float: left;
		}

		#missions h2 a {
			margin: 0px;
			padding: 15px 0px 0px 30px;
			background: url(/_design/index/arrow-green.jpg) no-repeat scroll 15px 17px;
			float: left;
		}

		#missions ul {
			width: 100%;
			margin: 0px;
			padding: 0px;
			overflow: hidden;
			display: inline;
			float: left;
		}

		#missions ul li {
			margin: 7px 0px 0px;
			padding: 0px 0px 0px 7px;
			display: inline;
			float: left;
		}

		#missions ul li a {
			width: 138px;
			height: 150px;
			margin: 0px;
			padding: 0px;
			text-decoration: underline;
			display: block;
			float: left;
		}
		
		#missions ul li a:hover strong {
			text-decoration: none;
		}
		
		#missions ul li a:hover {
			text-decoration: none;
		}


		#missions ul li a strong {
			width: auto;
			height: 25px;
			padding: 0px 0px 0px 6px;
			color: #487b68;
			font-size: 9px;
			text-decoration: underline;
			line-height: 13px;
			cursor: pointer;
			display: block;
			float: left;
		}

		#missions ul li a:hover img {
			border-color: #00573d;
		}

		#missions ul li a img {
			width: 130px;
			height: 115px;
			margin-left: 3px;
			border: 2px solid #cfdcd9;
		}

	.more {
		margin: 10px 10px 0px 0px;
		padding: 0px 15px 0px 0px;
		background: url(/_design/index/arrow-green.jpg) no-repeat scroll right center;
		line-height: 12px;
		display: block;
		float: right;
	}
	
	#frame-stages {
		width: 340px;
		margin: 0px;
		padding: 0px;
		background: url(/_design/index/bg-frame-stages.gif) no-repeat scroll left top;
		overflow: hidden;
		float: left;
	}

		#frame-stages .stages {
			margin: 0px;
			padding: 0px;
			float: left;
		}

		#frame-stages .stages h2 {
			margin: 10px 0px 0px 15px;
			padding: 0px 0px 0px 18px;
			background: url(/_design/index/arrow-yellow.jpg) no-repeat 0px 0px;
			font-size: 12px;
			display: block;
		}
		
		#frame-stages .stages p {
			margin: 0px;
			padding: 15px;
			text-align: left;
			font-size: 11px;
			line-height: 17px;
		}
		
		#frame-stages .stages img {
			margin: 6px 0px 4px 8px;
			border: 1px solid #33826e;
			float: right;
		}
		
	#frame-vrijwilligerswerk {
		width: 280px;
		margin: 0px;
		padding: 0px;
		background: url(/_design/index/bg-vrijwilligerswerk.gif) no-repeat scroll 10px 0px;
		overflow: hidden;
		float: left;
	}

		#frame-vrijwilligerswerk .vrijwilligerswerk {
			margin: 0px;
			padding: 0px 5px 0px 15px;
			overflow: hidden;
			float: left;
		}

		#frame-vrijwilligerswerk .vrijwilligerswerk h2 {
			margin: 10px 0px 0px 10px;
			padding: 0px 0px 0px 18px;
			background: url(/_design/index/arrow-yellow.jpg) no-repeat 0px 0px;
			font-size: 12px;
			display: block;
		}

		#frame-vrijwilligerswerk .vrijwilligerswerk p {
			margin: 0px;
			padding: 10px 10px 10px 10px;
			text-align: left;
			font-size: 11px;
			line-height: 17px;
		}

		#frame-vrijwilligerswerk .vrijwilligerswerk p a.more {
			margin: 0px;
			padding: 0px 0px 0px 10px;
			background: url(/_design/index/arrow-bullet.gif) no-repeat scroll left 3px;
			float: none;
		}

		#frame-vrijwilligerswerk .vrijwilligerswerk img {
			margin: 0px;
			padding: 0px;
			border: 1px solid #33826e;
			float: none;
		}
		
		
	.frame-informatie {
		margin-left: 10px;
		padding: 0px 0px 0px 0px;
		background: url(/_design/index/bg-informatie-dag-bottom.gif) no-repeat scroll 0px bottom;
		overflow: hidden;
		float: left;
	}
	
	.frame-informatie .informatie {
		width: 150px;
		margin: 0px;
		padding: 0px 0px 15px 0px;
		background: url(/_design/index/bg-informatie-dag-top.gif) no-repeat scroll 0px 0px;
		text-align: center;
		overflow: hidden;
		float: left;
	}
			
		.frame-informatie .informatie h2 {
			margin: 10px 0px 10px 10px;
			padding: 0px 0px 0px 18px;
			background: url(/_design/index/arrow-blue.jpg) no-repeat 0px 0px;
			font-size: 12px;
			display: block;
		}
		
		.frame-informatie .informatie h2 a {
			text-decoration: underline;
			cursor: pointer;
		}
		
		.frame-informatie .informatie h2 a:hover {
			text-decoration: none;
			cursor: pointer;
		}
		
				
		.frame-informatie .informatie a img {
			width: 126px;
			height: 113px;
			margin: 0px;
			padding: 0px;
			border: 2px solid #cfdcd9;
		}
		
		.frame-informatie .informatie a:hover img {
			border-color: #00573d;
		}


	#frame-social-networks-links {
		width: 960px;
		margin: 5px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background: #377c67 url(/_design/index/bg-special-boxes.gif) repeat-x scroll left top;
		overflow: hidden;
		clear: both;
		float: left;
	}
	
	#frame-social-networks-links .frame-widgets {
		margin: 0px;
		padding: 10px 5px 5px 10px;
		float: left;
	}
	
	#frame-social-networks-links.widgets {
		width: 940px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		clear: left;
		float: left;
	}
	
	#frame-social-networks-links .social-networks-links {
		margin: 0px;
		padding: 0px;
		clear: both;
		float: left;
	}
	
		.social-networks-links .facebook {
			width: 320px;
			height: 109px;
			margin: 25px 0px 0px 0px;
			padding: 0px;
			background: url(/_design/index/bg-social-networks-links-box.gif) no-repeat scroll 11px top;
			text-align: center;
			display: block;
			float: left;
		}
		
		.social-networks-links .facebook p {
			width: 320px;
			margin: 25px 0px 10px 0px;
			padding: 0px;
			text-align: center;
		}
		
		.social-networks-links .facebook p a img {
			margin: 0px;
			padding: 0px;
			border: 1px solid transparent;
		}
		
		.social-networks-links .facebook p a:hover img {
			border: 1px solid #00573d;
		}

	.social-networks-links .facebook span {
			width: 100%;
			margin: 0px auto;
			padding: 0px;
			text-align: center;
		}
		
		.social-networks-links .facebook span a {
			color: #FFF;
		}
		
		.social-networks-links .twitter {
			width: 320px;
			height: 109px;
			margin: 25px 0px 0px 0px;
			background: url(/_design/index/bg-social-networks-links-box.gif) no-repeat scroll 7px top;
			text-align: center;
			display: block;
			float: left;
		}
		
		.social-networks-links .twitter p {
			width: 320px;
			margin: 25px 0px 10px 0px;
			padding: 0px;
			text-align: center;
		}
		
		.social-networks-links .twitter p a img {
			margin: 0px;
			padding: 0px;
			border: 1px solid transparent;
		}
		
		.social-networks-links .twitter p a:hover img {
			border: 1px solid #00573d;
		}
		
		.social-networks-links .twitter span {
			width: 100%;
			margin: 0px auto;
			padding: 0px;
			text-align: center;
		}
		
		.social-networks-links .twitter span a {
			color: #FFF;
		}
		
		.social-networks-links .hyves {
			width: 320px;
			height: 109px;
			margin: 25px 0px 0px 0px;
			background: url(/_design/index/bg-social-networks-links-box.gif) no-repeat scroll 3px top;
			text-align: center;
			display: block;
			float: left;
		}
		
		.social-networks-links .hyves p {
			width: 320px;
			margin: 25px 0px 10px 0px;
			padding: 0px;
			text-align: center;
		}
		
		.social-networks-links .hyves p a img {
			margin: 0px;
			padding: 0px;
			border: 1px solid transparent;
		}
		
		.social-networks-links .hyves p a:hover img {
			border: 1px solid #00573d;
		}
		
		.social-networks-links .hyves span {
			width: 100%;
			margin: 0px auto;
			padding: 0px;
			text-align: center;
		}
		
		.social-networks-links .hyves span a {
			color: #FFF;
		}
		

}

@media print {

	#intro-text h1,
	#intro-text h2,
	#intro-text h3,
	#intro-text h4,
	#intro-text h5,
	#intro-text h6,
	#intro-text strong,
	#intro-text em,
	#intro-text a {
		color: #00573D;
	}
	
	#intro-text p {
		text-align: justify;
		font-size: 10pt;
		line-height: 16pt;
	}
	
	#feature-boxes .map-wide {
		display: none;
	}

	#feature-boxes a {
		color: #00573D;
		text-decoration: none;
	}
	
	#framesheet-footer div h1 a,
	#framesheet-footer div h2 a,
	#framesheet-footer div h3 a,
	#framesheet-footer div h4 a,
	#framesheet-footer div h5 a,
	#framesheet-footer div h6 a,
	#framesheet-footer div h6 stromg {
		color: #00573D;
		font-size: 12pt;
		text-decoration: none;
	}

	#framesheet-footer div a {
		color: #00573D;
	}
	
	#framesheet-footer div p {
		text-align: justify;
		font-size: 10pt;
		line-height: 16pt;
	}

}
