body {
	  margin: 3% 5% 3% 5%; 
	  text-align: center; 
	  }
	  
.school {
	  text-align: center; 
	max-width: 200px; 
	}
	  
h1, h2, h3 {
	color: #000080;
	font-family: Helvetica, Arial, sans-serif}
	  	 
	  	 
	  	 
.figure{
	width: 100%;
	background-color: transparent; 
	margin: 0;
	padding: 0; 
	border: 0; 
	}	  	 
	  
.content img{
   width:49%;
}


.figure img.imgleft{
	float:left;  
    width:24.5%;
	}

.figure img.imgright{
	float:right;  
	width:24.5%;
	}


li {margin-bottom: 1em; 
	margin-right: 3em;
	padding-bottom: 0.5em; 
	border-bottom: thin solid #ccc; 
	}
	
.content h1 {font-size: 160%; }
.content h2 {font-size: 160%; }


.content div.lecture{
	display: inline-block; 
	vertical-align: top; 
	width: 30%; 
	margin: 0 0 3em 0;
	padding: 1% 1% 0 1%; 
	border-right: 2px solid #ccc; 
	border-top: 2px solid #ccc; 
		border: none; 
	}


.content div.lecturelast{
	display: inline-block; 
	vertical-align: top; 
	width: 30%; 
	border-right: 2px solid #ccc; 
	margin: 0 0 3em 0;
	padding: 1% 1% 0 1%; 
	border-right: 2px solid #ccc; 
	border-top: 2px solid #ccc; 
		border: none; 
	}

.content div.lecturefirst{
	display: inline-block; 
	vertical-align: top; 
	width: 30%; 
	border-right: 2px solid #ccc; 
	margin: 0 0 3em 0;
	padding: 1% 1% 0 1%; 
	border-right: 2px solid #ccc; 
	border-left: 2px solid #ccc; 
	border-top: 2px solid #ccc; 
		border: none; 
	}


/* List of Software in 4 columns */

.content div.software{
	display: inline-block; 
	vertical-align: top; 
	width: 20%; 
	margin: 0 0 3em 0;
	padding: 1% 1% 0 1%; 
	border-right: 2px solid #ccc; 
	border-top: 2px solid #ccc; 
		border: none; 
	}




	
.flushright {
	display: inline-block; 
	text-align: right; 
	}

.section{
	background-color: #eeeeee; 
	margin-bottom: 1.5em; 
	padding-top: 1%; 
	padding-bottom: 1%; 
	}

.lecturer{
	font-weight: bold; }
	


/* medium size screen  */
@media screen and (max-width:959px)   and (min-width: 640px){

.content div.software{
	width: 30%; 
	}

}

/* iPhone 2G ladscape and similar  */
@media screen and (max-width:639px)   and (min-width: 321px){

.content h1 {font-size: 140%; }
.content h2 {font-size: 140%; }

.figure img.imgleft{
	display: none;
	}

.figure img.imgright{
	display: none;
	}


.content div.lecture{
	width: 45%; 
	}

.content div.lecturelast{
	width: 45%; 
	}
	
.content div.lecturefirst{
	width: 45%; 
	}


.content div.software{
	width: 45%; 
	}


.content img{
   width:100%;
	}
	
}


/* iPhone 2G portrait and similar  */
@media  screen and (max-width:320px) {

.content h1 {font-size: 100%; }
.content h2 {font-size: 100%; }


.figure img.imgleft{
	display: none;
	}

.figure img.imgright{
	display: none;
	}

.content div.lecture{
	width: 90%; 
	}

.content div.lecturelast{
	width: 90%; 
	}
	
.content div.lecturefirst{
	width: 90%; 
	}

.content div.software{
	width: 90%; 
	}

.content img{
   width:100%;
	}
	
}