
/* import global style definitions */

@import url("_global.css");

@media screen {

	/* altering to inherited global style definitions */

	#page-content {
		margin: 0px;
		padding: 0px;
		text-align: justify;
	}

	.section-header {
		background-image: url(/_design/projekt/projects-header.jpg);
	}

	.subheader-undervisning {
		background-image: url(/_design/projekt/undervisning-header.jpg);
	}

	.subheader-barn-och-ungdom {
		background-image: url(/_design/projekt/barn-och-ungdom-header.jpg);
	}

	.subheader-medicin-och-halsa {
		background-image: url(/_design/projekt/medicine-and-healthcare-header.jpg);
	}

	.subheader-natur-och-miljo {
		background-image: url(/_design/projekt/conservation-and-environment-header.jpg);
	}

	.subheader-kultur-och-samhalle {
		background-image: url(/_design/projekt/culture-and-community-header.jpg);
	}

	.subheader-sport {
		background-image: url(/_design/projekt/sports-header.jpg);
	}

	.subheader-journalism {
		background-image: url(/_design/projekt/journalism-header.jpg);
	}

	.subheader-business {
		background-image: url(/_design/projekt/business-header.jpg);
	}

	.subheader-juridik-och-manskliga-rattigheter {
		background-image: url(/_design/projekt/law-and-human-rights-header.jpg);
	}

	.subheader-veterinar-och-djurvard {
		background-image: url(/_design/projekt/veterinary-medicine-and-animal-care-header.jpg);
	}

	.subheader-sprakkurser {
		background-image: url(/_design/projekt/language-courses-header.jpg);
	}

	.subheader-2-week-specials {
		background-image: url(/_design/projekt/2-week-specials-header.jpg);
	}

	#page-content h1,
	#page-content h2.h1-style {
		margin: 16px 0px 15px 0px;
		padding: 0px 0px 0px 25px;
		background: url(/_design/projekt/h1-bullet.jpg) no-repeat scroll 2px 2px;
		font-size: 18px;
	}

	#page-content h2 {
		margin: 30px 0px 0px 0px;
		padding: 2px 0px 2px 0px;
	}

	#page-content  img {
		margin: 4px 0px 6px 12px;
		border: 2px solid #7bbe4a;
		clear: right;
		float: right;
	}

	#page-content  p span.underline {
		margin: 0px;
		padding: 0px;
		text-decoration: underline;
	}

	#page-content  ul#projects {
		margin: 20px 0px 0px 0px;
		padding: 20px 0px 0px 10px;
		list-style-type: none;
		display: block;
		float: left;
	}

	#page-content  ul#projects li {
		margin: 0px 0px 30px 0px;
		padding: 10px 0px 0px 10px;
		float: left;
		background: url(/_design/projekt/bg-projects-item.jpg) no-repeat scroll left top;
	}

	#page-content  ul#projects li a {
		margin: 0px 0px 8px 0px;
		clear: right;
	}

	#page-content  ul#projects li p {
		width: 402px;
		margin: 8px 0px 0px 0px;
		padding: 0px;
		text-align: justify;
		float: right;
	}
	
	#page-content  ul#projects li img {
		margin: 4px 15px 8px 0px;
		border: 1px solid #00573D;
		display: inline;
		float: left;
	}
	
	#page-content  ul#projects-without-photo {
		margin: 20px 0px 0px 0px;
		padding: 20px 0px 0px 10px;
		list-style-type: none;
		display: block;
		float: left;
	}

	#page-content  ul#projects-without-photo li {
		margin: 0px 0px 30px 0px;
		padding: 10px 0px 0px 10px;
		float: left;
		background: url(/_design/projekt/bg-projects-item.jpg) no-repeat scroll left top;
	}

	#page-content  ul#projects-without-photo li a {
		margin: 10px 0px 12px 5px;
		clear: right;
	}

	#page-content  ul#projects-without-photo li p {
		margin: 10px 10px 10px 5px;
		padding: 0px;
		text-align: justify;
		float: right;
	}

	#page-content  p.quote {
		width: auto;
		margin: 30px 20px 15px 20px;
		padding: 20px 20px 15px 15px;
		color: #568476;
		background: url(/_design/projekt/bg-quotes.jpg) no-repeat scroll left top;
		text-align: right;
		font-style: normal;
	}

	#page-content  p.quote em {
		margin: 0px 0px 10px 0px;
		text-align: right;
		font-size: 12px;
		font-weight: bold;
		font-style: italic;
		display: block;
	}

	#page-content  p.quote img {
		margin: 0px 5px 0px 10px;
		float: right;
		border: 1px solid #999999;
	}

	#page-content  p.mail {
		width: auto;
		margin: 40px 40px 20px 40px;
		padding: 25px 30px 20px 20px;
		color: #568476;
		background: url(/_design/projekt/bg-mail.jpg) no-repeat scroll left top;
		text-align: right;
		font-style: normal;
	}

	#page-content  p.mail em {
		margin: 0px 0px 10px 0px;
		text-align: right;
		font-size: 12px;
		font-weight: bold;
		font-style: italic;
		display: block;
	}

	#page-content  p.mail img {
		margin: 0px 5px 0px 10px;
		float: right;
		border: 1px solid #999999;
	}

	#page-content blockquote {
		margin: 30px 20px 15px 20px;
		padding: 25px 20px 15px 15px;
		color: #568476;
		background: url(/_design/projekt/bg-quotes.jpg) no-repeat scroll left top;
		text-align: right;
		font-size: 12px;
		font-weight: bold;
		font-style: italic;
		line-height: 18px;
	}

	#page-content blockquote strong,
	#page-content blockquote em {
		line-height: 36px;
		font-style: normal;
	}

	table.project {
		width: 100%;
		margin-bottom: 15px;
	}

	table.project tr td {
		padding: 3px;
	}

	table.football-timetable {
		width: 100%;
		padding: 0px;
		margin: 0px;
		background-color: #EFEFEF;
	}

	table.football-timetable tr.header {
		background-color: #014b34;
		line-height: 18px;
	}

	table.football-timetable tr.subheader {
		background-color: #8cb0a5;
	}

	table.football-timetable tr.header strong {
		font-size: 13px;
		color: #fdc500;
	}

	table.football-timetable td {
		text-align: center;
		border-right: 1px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
	}

	table.football-timetable td.week-day {
		background-color: #a8c3bb;
	}

	/* begin 2-week-specials */
	/*

	#page-content #two-week-specials-project-entries ul {
		width: 100%;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		clear: both;
		float: none;
	}

	#page-content #two-week-specials-project-entries ul li {
		width: 258px;
		margin: 0px 0px 20px 0px;
		padding: 0px;
		text-align: left;
		float: left;
	}

	#page-content #two-week-specials-project-entries ul li a {
		margin: 0px;
		padding: 0px;
		background: url(/_design/projekt/bg-items-two-week-specials-project.jpg) no-repeat scroll left top;
		text-decoration: none;
		display: block;
	}

	#page-content #two-week-specials-project-entries ul li a:hover {
		background-position: 2px 2px;
	}

	#page-content #two-week-specials-project-entries ul li a .text-frame {
		width: 130px;
		height: 100px;
		line-height: normal;
		cursor: pointer;
		overflow: hidden;
		display: block;
	}

	#page-content #two-week-specials-project-entries ul li a img {
		float: left;
		width: 80px;
		border: 0px;
		margin: 10px 5px 5px 7px;
	}

	#page-content #two-week-specials-project-entries ul li a:hover img {
		margin: 12px 3px 5px 9px;
	}

	#page-content #two-week-specials-project-entries ul li a .text-frame strong {
		padding-left: 15px;
		padding-top: 24px;
		line-height: normal;
		text-decoration: underline;
		float: left;
		clear: right;
		width: 115px;
		background: url(/_design/projekt/entry-arrow-two-week-specials-projects.jpg) no-repeat scroll left 26px;
	}

	#page-content #two-week-specials-project-entries ul li a:hover strong {
		text-decoration: none;
	}

	#page-content #two-week-specials-project-entries ul li a .text-frame strong em {
		white-space: nowrap;
		font-weight: normal;
		font-style: normal;
	}
	*/
	/* end 2-week-high-school-trips */
	
	ul#two-week-high-school-trips {
		margin: 0px;
		padding: 0px;
	}
	
	ul#two-week-high-school-trips li {
		margin: 0px;
		padding: 10px 0px 20px 10px;
		background: url(/_design/projekt/bg-projects-item.jpg) no-repeat scroll left top;
		line-height: 0px;
		list-style-type: none;
	}
	
	ul#two-week-high-school-trips h2 {
		margin: 0px;
		padding: 15px 0px 0px 0px;
	}
		
	#visit-our-project-website {
		padding-top: 4px;
		padding-bottom: 8px;
		background-color: #D1DDDB;
		float: left;
	}

		#visit-our-project-website a {
			width: 200px;
			height: 70px;
			background: none no-repeat scroll left top;
			text-decoration: none;
			line-height: 40px;
			overflow: hidden;
			display: block;
		}

		#visit-our-project-website a.peru {
			background-image: url(/_design/projekt/btn-visit-our-peru-conservation-website.jpg);
		}

		#visit-our-project-website a.mexico {
			background-image: url(/_design/projekt/btn-visit-our-mexico-conservation-website.jpg);
		}

		#visit-our-project-website a.south-africa {
			background-image: url(/_design/projekt/btn-visit-our-south-africa-conservation-website.jpg);
		}

		#visit-our-project-website a.thailand {
			background-image: url(/_design/projekt/btn-visit-our-thailand-conservation-website.jpg);
		}
		
		#visit-our-project-website a:hover {
			background-position: 0px -70px;
		}

		#visit-our-project-website a em {
			display: none;
		}

		#visit-our-project-website a span {
			color: white;
			margin: 0px;
			padding: 0px 0px 0px 20px;
			line-height: 118px;
			display: block;
		}
		
		#visit-our-project-website a:hover span {
			text-decoration: underline;
		}
		
}

@media print {

	#page-content ul#projects {
		margin: 0pt;
		padding: 0pt;
		list-style-type: none;
	}

	#page-content ul#projects li {
		margin: 0pt 0pt 20pt 0pt;
		padding: 0pt;
		clear: left;
	}

	#page-content ul#projects li a {
		font-size: 12pt;
		line-height: 20pt;
		text-decoration: none;
		display: block;
		clear: right;
	}

	#page-content ul#projects li a img {
		margin: 0pt 10pt 5pt 0pt;
		padding: 0pt;
		vertical-align: middle;
		floaT: none;
	}

}
