/* @override http://simone.niquille.com/main.css */

body {
	margin:0 auto;
	text-align: center;

	font-family: "Helvetica","Arial";
	font-size: 8pt;
}

/* Simone C. Niquille */
h1 {
	font-size: 8pt;
	color: #000;
	margin-left: 40px;
}

/* Project title */
h2 {
	font-size: 8pt;
	color: #000;
	text-align: left;
	margin-left: 40px;
	
}

a:link, a:visited, a:active{
	text-decoration: none;
	color: #000000;
	margin-left: 40px;
}

a:hover{
	background-color: black;
	margin-left: 40px;
	border:0px; 
}

div#container {
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	min-width: 1020px;
	text-align: left;
}

select#nav_select {
	margin-top: 22px;
	width: 200px;
	margin-left: 40px;
}

div#project_list{
	margin-top: 50px;
	padding-left: 0;
	margin-left: 40px;

}

div#text_body {
	margin-top: 20px;
	margin-left: 40px;
	width: 500px;

}


p.body_text {
	font-size: 8pt;
	text-align: left;
	width: 800px;
	margin-left: 40px;

}

a.nav_links {
	font-weight: bold;
	font-size: 8pt;

}

div.clear {
	clear: both;
}

div.project{
	/*width: 140px;*/
	/*height: 195px;*/
	/*max-width: 600px;*/
	padding: 30px;
	float: left;
	position: relative;
}

div.project_nohover{
	/*width: 140px;*/
	/*height: 195px;*/
	max-width: 600px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	position: relative;
}

div.project_poster_nohover {
	width: 420px;
	/*height: 600px;*/
	max-width: 420px;
	margin-right: 10px;
	margin-bottom: 10px;
		float: left;
	position: relative;
	
}

div.project_poster2_nohover {
	width: 420px;
	/*height: 600px;*/
	max-width: 420px;
	margin-right: 10px;
	margin-bottom: 10px;
}

div.photos {
	width: 500px;
	
}

div#photos img {
	margin-right: 2px;
}

div#photos {
	margin-left: 40px;
	margin-top: 20px;
	overflow: auto;
	width: 1000px;
	height: 450px;
	white-space: nowrap;
}

div.project span.desc{
	display: none;
}

/* somehow img:hover does not work.. */
div.project a:hover span.desc{
	display: block;
	position: absolute;
	top: 50px;
	left: 50px;
	color: #000000;
}

div.project span.desc strong{
	display: block;
	font-size: 8pt;
}

div.project img{
	display: block;
	border: 0px;
}

div.project img:hover{
	position: relative;
	pointer: cursor;
	/* for IE */
	filter:alpha(opacity=60);
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  /* CSS3 standard */
	opacity:0.2;
	
}

div#oskar_schlemmer {
	padding-right: 70px;
	padding-bottom: 40px;
	border: 0px;
	border-color:#FFF;
}

div#louder {
	clear: both;
}