@media screen, projection, handheld, print { /*lettertypes*/

  body {
	font-family: Cambria, serif;
  }

  .siteheader a {
	text-decoration: none;
  }
  .siteheader small i b {
	font-style: normal;
  }
  h1 + menu {
	visibility: hidden;
	width: 20%;
	position: fixed;
	top: 20px;
	left: 20px;
  }
  h1 + menu:hover, h1 + menu:focus {
	visibility: visible;
  }
  h1 + menu hr {
	border-color: red;
  }

	.intro {
	  letter-spacing: .05em;
	  line-height: 1.5em;
	  text-align: justify;
	}
	
		.intro small {
		
			font-size: .625em;
		
		}
	
	hr {
	  border-top: solid 1px black;
	  border-width: 1px 0 0 0;
	  margin-bottom: 0;
	  
	  visibility: hidden;
	}
	.recent h2, .skills h2 {
	  border-bottom: solid thin #ddd;
	}

	.recent h3 {
	  text-align: center;
	}
	.recent ul {
	  padding-left: 0;
	}
	.recent li {
	  list-style-position: inside;
	  list-style-type: none;
	  /*width: 48%;*/
	}
    .recent li a h3 { color: black; }
    .publications li img { border: solid 1px black; }
	.cv h2 {
	  margin-top: 0;
	  color: black;
	  z-index: 10;
	}
	/* .work h2:after, .skills h2:after {
	  content: ':';
	}*/
	
	/*
  .contact.vcard small {
	display: block;
	padding-left: 1.5em;
  }*/
  
/*-*/}

@media screen, projection, handheld { /*kleur*/


	.siteheader { background-color: white; }

  .siteheader small { color: black; text-shadow: #e0e0e0 1px 1px; }

  .siteheader .organization-name, 
  .siteheader small big {
	color: #f55; text-shadow: #ccc 1px 2px 0;
  }
  .siteheader small big { color: #bbb; }

  .siteheader small > b > a {
	color: black;
  }
  
  
  h2 {
	color: darkGray;
  }
  
  .intro {
	/*border-right: solid 1px #eee;
	padding-right: 2px;*/
  }
  
  
  .contact {
	border: solid medium #ccc;
	
	border-radius: 0 2em 0 2em;
	-moz-border-radius: 0 2em 0 2em;
	-webkit-border-radius: 0 2em 0 2em;
  }
  
  
  .contact dl > * {
	height: 2em;
	text-align: right;
  }
  
  address {
	font-style: normal;
  }
	.contact a {
	  color: black;
	  text-decoration: none;
	}
	  .contact menu a:hover,
	  .contact a:hover code {
		text-decoration: underline;
	  }
	
	.contact address dd a:hover i {
		font-weight: bold;
	}
	  
	 
	  
/*-*/}

@media projection, screen and (min-width: 1280px) { /*grid*/

	.copyright,
	.siteheader, 
	.contact, 
	.intro p {
		position: fixed;
		z-index: 10;
	}

  .siteheader {
	left: 28%; top: 0;
	width: 72%;
	height: 24%;
  }
  
	.copyright,
	.contact,
	.intro p {
	 width: 27%; 
   }
   
	.intro p { top: 24%; }
   
   .contact { top: auto; bottom: 4%; }
	
	.copyright { bottom: 0; left: 0; margin: 0; padding: 0; padding-left: 1%; }

	
	.publications {
		position: absolute;
		top: 24%;
		right: 19%;
		left: 37%;
		
		
		width: 960px;
		height: 640px;
		
		text-align: right;
		
	}

	
			.jqueryAan 
				.recent .publications {
				
				
				}

			.jqueryAan 				
				.recent .publications li li {
				
					position: absolute;
					top: 0; left: 0;
					
				
				}
	
		.jqueryAan
			.publications li {
			position: absolute;
			top: 0; left: 0;
			width: 960px;
			height: 640px;
			
			border: dotted thin blue;
		
		}
			.jqueryAan
				.publications li h3,
			.jqueryAan
				.publications li h4 {
				position: absolute;
				bottom: 0;
			}
			
			.jqueryAan
				.publication h3 {
					right: 0;
				}
			
			.jqueryAan
				.publications h4 {
					left: 0;
				}

	


	.publications li {
			/*width: 100%;*/
			text-align: center;
	}

}

@media screen and (max-width: 1280px) { /*grid*/

	.contact {
		position: relative;
	}

}

			
@media screen { /*micro grid*/

	.contact {
	  /*top: 0; right: 8px;
	  padding-top: 0;*/
	  padding: 0;
	  

	}
	.contact dt.org,
	.contact dd.web {
	  display: none;
	}	
	
	
		.contact .url[rel~="me"] i + small,
	.contact dt.org,
	.contact dd.web {
	  display: none;
	}	
	
		dd.elance, dd.linkedin {
			display: inline;
		}
	
		dd.linkedin + dd.elance:before,
		dd.elance + dd.linkedin:before {
			content: ', ';
		}
	.contact h2 {
	  z-index: -1;
	  visibility: hidden;
	}
	.contact menu#voeg_toe_aan_adresboek,
	.contact dl {
	  /*position: fixed;
	  top: 0;*/
	  padding: .25em .25em 0 0;
	  margin: 0;
	}
	.contact dd {
	  margin-left: 0px;
	}
	.contact menu {
		font-size: xx-small;
		list-style-type: none;
		
			position: absolute;
			top: 0;
	}

		.contact menu#voeg_toe_aan_adresboek {
			top: 5em;
			right: 0;
		}

		.contact menu#addthis {
			margin: 0;
			padding: .5em;
			left: 0;
		}

		
	.contact dl abbr { border-bottom: none; }
	
	.intro p small,
	h1 small small,
	.contact small,
	.skills li li small,
	.copyright { color: #eee; }
	
	.intro p:hover small,
	h1 small:hover small,
	.contact dd:hover small,
	.skills li li small:hover,
	.copyright:hover { color: black; }
	


		.intro p small { 
			position: absolute;
			bottom: 0; right: 0;
		}
	
	.contact .adr .locality { font-weight: normal;	 }


	.skills h3 { display: inline; }
	.skills .price { display: block; text-align: right; }
	.skills > ul > li { list-style-type: none; }
	
	.skills ul { padding-left: 0; }
	
	#addthis { /*position: fixed; right: 350px; top: 0; width: 180px;*/ }
	

/*-*/}


@media print {

	.contact menu {
		display: none;
	}
	
			.contact .url[rel~="me"] i + small {
	  display: inline;
	}	
	
	.contact .url[rel~="me"] i,
	.contact dt.org,
	.contact dd.web {
	  display: block;
	}	

}