body {
    color: black; 
	background-color:white;
    font-size: 100%;
    font-family: helvetica, arial, sans-serif;
    margin: 0; 
	padding: 0;
    /*text-align: center;   center in the Internet Explorer */
	}

#container {
		position: relative;
		width: 100%;
		height: 500px;
		margin-top: 0px;
		background-color: gray;
}
	
#header {
		position: relative;
		margin-top: 8%;
		margin-left: auto;
		margin-right: auto;
		width: 790px;
		height: 30px;
		background-color: white;
	}

#content {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 780px;
		height: 480px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		/*background-color: red;*/
		
}	

#control {
		position: relative;
		margin-top: 430px;
		margin-right: -10px;
		width: 20px;
		height: 40px;
		float: right;
}
#control2 {
		position: relative;
		margin-top: 430px;
		width: 20px;
		height: 40px;
		float: left;
}

#textbox {
		position: relative;
		width: 315px;
		height: 480px;

		overflow: hidden;
		float: left;
}

#images {
		
		width: 465px;
		height: 480px;

		overflow: hidden;
		margin-left: 310px;
		
}

#fulltext {
		position: relative;
		width: 786px;
		height: 480px;
		overflow: hidden;
}

.littlebox {
		border: 0px solid black;
		position: relative;
		width: 400px;
		height: 100px;
		overflow: hidden;
		padding: 5px 5px 5px 5px;
		margin: 10px 0 10px 0px;
		float: right;
		background: url("transparent.png");
}

/* slider */
 #textsection-1 {margin-right: 0px;}


.slider	{
		float: left; 
		width: 760px; 
		position:relative; 
		overflow:hidden; 
		height:480px; 
		margin-bottom:20px
}
.slidersmall	{
		float: left; 
		width: 290px; 
		position:relative; 
		overflow:hidden; 
		height:480px; 
		margin-bottom:20px
}
.slidersmall2	{
		
		width: 420px;
		float: right;		
		position:relative; 
		overflow:hidden; 
		height:480px; 
		margin-bottom:20px
}

	
.slidercontent {
		position:absolute
}
/*
.slidercontent .upper {
		border-bottom:1px solid #cccccc
}
*/
.section {
		padding:0px
}

/* image settings */
img.textfloat {border: none; float:right; margin: 0px 10px 10px 10px; }
img.textfloatleft {border: none; float:left; margin: 0px 10px 10px 10px; }
img.textfloat2 {border: none; float: right; position: relative;  margin: 0px 0px 0px 10px; }
img. {border: none;}


/*clean links */
a.clear:link { text-decoration: none; font-family: sans-serif; font-weight: lighter; font-size: 0.9em; color: #cccccc}
a.clear:visited { text-decoration: none; font-family: sans-serif; font-weight: lighter; font-size: 0.9em; color: #cccccc}
a.clear:hover { text-decoration: none; color: white; font-weight: lighter; font-family: sans-serif; font-size: 0.9em; }
a.clear:active  { text-decoration: none; color: white; font-weight: lighter; font-family: sans-serif; font-size: 0.9em; }
a.clear:focus  { text-decoration: none; color: white; font-weight: lighter; font-family: sans-serif; font-size: 0.9em; }

/*projects */
a.projects:link 		{ text-decoration: none; font-weight: lighter; font-family: sans-serif; font-size: 1.3em; line-height: 1em; color: black;}
a.projects:visited 	{  text-decoration: none; font-weight: lighter; font-family: sans-serif; font-size: 1.3em; line-height: 1em; color: black;}
a.projects:hover 	{ text-decoration: none; font-weight: lighter; font-family: sans-serif; font-size: 1.3em; line-height: 1em; color: white; }
a.projects:active  	{  text-decoration: none; font-weight: lighter; font-family: sans-serif; font-size: 1.3em; line-height: 1em; color: white;}
a.projects:focus  	{ text-decoration: none; font-weight: lighter; font-family: sans-serif; font-size: 1.3em; line-height: 1em; color: white;}

/* regular links */
a:link  img { border: none;}
a:visited img { border: none;}
a:hover img { border: none;}
a:active  img { border: none;}
a:focus  img { border: none;}



/* the grid of projects */

.grid{	float: left; width: 786px; height: 480px;}
.grid a {
	float: left;
	display: block;
	background-position: left top;
	background-repeat: no-repeat;}

/* rows */
.inst, .pb, .mu 		{ height: 160px; }
.ed, .re, .co 		{ height: 160px; }
.ad, .id, .pl	  	{ height: 160px; }

/* columns */
.inst, .ed, .ad { width: 263px; }
.pb, .re, .id { width: 260px; }
.mu, .co, .pl { width: 263px; }


.projectsgrid { margin-right: 2em; }
.projectsgrid,
.projectsgrid a:hover		{ background: url("projectpage.jpg") left top no-repeat;}

.projectsgrid .inst:hover 	{ background-position:     0px 	-480px; }
.projectsgrid .pb:hover 		{ background-position:  -263px 	-480px; }
.projectsgrid .mu:hover 		{ background-position:  -523px 	-480px; }
.projectsgrid .ed:hover 		{ background-position:    -0px 	-640px; }
.projectsgrid .re:hover 		{ background-position:  -263px 	-640px; }
.projectsgrid .co:hover 		{ background-position:  -523px 	-640px; }
.projectsgrid .ad:hover 		{ background-position:    -0px 	-800px; }
.projectsgrid .id:hover 		{ background-position:  -263px 	-800px; }
.projectsgrid .pl:hover 		{ background-position:  -523px 	-800px; }


/* headlines */
h1 { font-family: sans-serif;
	font-weight:lighter;
	font-size: 1.2em; 
	text-align: left;
	color: black;

}
h2 {font-family: sans-serif; 
	font-weight:lighter;
	font-size: 0.9em;
	color: black;
	text-align: justify;


}
p{
	text-align:justify;
	font-family: sans-serif;
	font-size: 0.8em;
	color: black
}
p.white {
	text-align:justify;
	font-family:sans-serif;
	font-size: 0.9em;
	color: black
	line-height: 1.8em;
}
p.subline {
	text-indent: 0.0em;
	font-family:sans-serif;
	font-weight: lighter;
	font-size: 0.8em;
	color: black;
	margin: 0.5em;}

ul {
	text-align:justify;
	font-family:sans-serif;
	font-size: 0.8em;
	color: black
	 
	}