@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	border: 0;
}

html, body {
	height:99%;
}


body {
	margin:9px 0 0 9px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:9px;
	border-top: 9px solid #000;
	border-left: 9px solid #000;
}

body.texte{
	width:100%;
 	padding:18px 0 0 18px!important;
	margin:0 0 0 9px!important;
	border-top: none!important;
	border-left: 0px!important;
	border-bottom:18px;
	height:auto;
	background-repeat: repeat-y;
}

body.projects{
	background-image: url(img/bg_t_pro.gif);
}

body.research{
	background-image: url(img/bg_t_res.gif);
}

body.exhibitions{
	background-image: url(img/bg_t_exh.gif);
}

body.publications{
	background-image: url(img/bg_t_pub.gif);
}

body.biography{
	background-image: url(img/bg_t_bio.gif);
}

#contact{
	background-image: url(/layout/img/contactbg.gif);
	background-repeat:no-repeat;
}

a {
	color:#000;
	text-decoration:none;
	outline: 0 none;
}

li {
	list-style:none;
}

#head {
	padding:9px;
	width:490px;
	height:150px;
	border-bottom: 9px solid #000;
	border-right: 9px solid #000;
}

#head p{
	margin-left:0;
}

/*menue*/

#menue {
	margin:9px 0 3px 0;
	padding: 0;
	width: 200px;
}

#menue li{
	display:inline;
	height:27px;
	list-style:none;
	margin-right:0px;
}

#menue li a{
	margin:0;
	padding:0;
}

#menue li a img{
	margin:0 0 1px 0;
	padding:0;
	background-color:#000;
}


#menue a span { 
	display: none;
}

#menue a:hover span, #menue a span.active {
	position: absolute;
	top: 47px; 
	left: 220px;
	z-index:10;
	display: inline;
	color: #000;
	padding:0;
	margin:0;
	height:9px;	
	line-height:8px;
	font-size:9px;
}

#menue a span.active {
	z-index:1;
}

#menue a span b {
	padding:0 15px 0 70px;
	background-color:#fff;
}


#logo1 {
	margin:0;
	padding:9px 0 0 9px;
	width:190px;
	height:100px;
	display:none;
	float:left;
	border-bottom: 9px solid #0ff;
	border-right: 9px solid #0ff;
}

#contact #logo1 {
	display:inline;
}

#logo2 {
	margin:0;
	padding:9px 0 0 9px;
	display:none;
	float:left;
	width:120px;
	height:40px;
	border-bottom: 9px solid #0ff;
	border-right: 9px solid #0ff;
}

#credits, #credits2 {
	margin:0!important;
	padding:0 0 0 0!important;
	text-transform:uppercase;
	clear:both;
	border-bottom: 9px solid #0ff;
	border-right: 9px solid #0ff;
}

#credits a, #credits2 a{
	display: table-cell;
	padding:9px!important;
}

#credits a:hover {
	color:#fff;
}

#credits, #credits a {
	width:65px;
	height:50px;
}

#credits2, #credits2 a {
	width:165px;
}

#credits2 {
	display: none;
	background-color:#fff;
}

h1, h1 a{
	width:488px;
	display:block!important;
	background-color:#000;
	font-weight:normal;
	line-height:8px;
	font-size:9px;
	height:9px;	
}

h1 a {
	letter-spacing:1px;
	padding:0 0 0 2px;
	position:absolute;
	display:block;
}

#submenue{
	margin:0;
	padding:0;
	height:60px;
	font-size:9px;
	text-transform:uppercase;
}

#submenue h2{
	font-size:9px;
	font-weight:normal;
	padding: 0 0 1px 0;
	display:inline;
	color:#000;
	font-weight:normal;
	text-decoration: underline;
}

#submenue {
	padding:0;
	margin: 0;
	width:100%;
}

#submenue li{
	display:inline;
	font-size:9px;
	line-height:13px;
	margin: 0 5px 0 0;
	text-transform:uppercase;
}

#submenue a span{
	padding:0;
	margin:0;
	color:#000;
	height:9px;	
	line-height:8px;
	font-size:9px;
}

/* color */
/* m1 */
#menue li.m1 a:hover img, #menue li.m1a img, #projects #menue a:hover span, #menue li.m1a a span, #projects #submenue a.active span, #projects h1 a, #projects .picinfo li span, .texte span.projects {
	background-color: #B3C2B9;
}

#projects, #projects #head  {
	border-color: #B3C2B9;
}

#projects .publication a {
	color: #B3C2B9;
}

/* m2 */
#menue li.m2 a:hover img, #menue li.m2a img, #research #menue a:hover span, #menue li.m2a a span, #research #submenue a.active span, #research h1 a, #research .picinfo li span, .texte span.research {
	background-color: #BDD89C;;
}

#research, #research #head  {
	border-color: #BDD89C;;
}

#research .publication a {
	color: #BDD89C;;
}

/* m3 */
#menue li.m3 a:hover img, #menue li.m3a img, #exhibitions #menue a:hover span, #menue li.m3a a span, #exhibitions #submenue a.active span, #exhibitions .picinfo li a.active:hover, #exhibitions .picinfo li a.active, #exhibitions h1 a, #exhibitions .picinfo li span, .texte span.exhibitions {
	background-color: #F0FA81;
}

#exhibitions, #exhibitions #head  {
	border-color: #F0FA81;
}

#exhibitions .publication a {
	color: #F0FA81;
}

/* m4 */
#menue li.m4 a:hover img, #menue li.m4a img, #publications #menue a:hover span, #menue li.m4a a span, #publications #submenue a.active span, #publications .picinfo li a.active:hover, #publications .picinfo li a.active, #publications h1 a, #publications .picinfo li span, .texte span.publications {
	background-color: #A19E67;
}

#publications .publication a {
	color: #A19E67!important;
}

#publications, #publications #head, .texte  {
	border-color: #A19E67;
}
/* m5 */
#head li.m5 a img{
	background-image: url(img/blinki.gif);
}

#head li.m5 a:hover img{
	background-image:url(img/blinki_f.gif);
}

#surprise #menue a:hover span, #menue li.m5a span, #surprise #submenue a.active span, #surprise .picinfo li a.active:hover, #surprise .picinfo li a.active, #surprise h1 a {
	background-color: #0ff;
}

#surprise, #surprise #head  {
	border-color: #0ff;
}
/* m6 */
#menue li.m6 a:hover img, #menue li.m6a img, #links #menue a:hover span, #menue li.m6a a span, #links #submenue a.active span, #links .picinfo li a.active:hover, #links .picinfo li a.active, #links h1 a, .texte span.links {
	background-color: #B5E5E8;
}

#links, #links #head  {
	border-color: #B5E5E8;
}

.links a {
	color: #B5E5E8;
}
.links a:hover {
	color: #000;
}

/* m7 */
#menue li.m7 a:hover img, #menue li.m7a img, #biography #menue a:hover span, #menue li.m7a a span, #biography #submenue a.active span, #biography .picinfo li a.active:hover, #biography .picinfo li a.active, #biography h1 a, .texte span.biography {
	background-color: #C4B797;
	/*#917F74*/
}

#biography, #biography #head  {
	border-color: #C4B797;
}


#biography .publication a {
	color: #C4B797;
}


/* m8 */
#menue li.m8 a:hover img, #menue li.m8a img, #contact #menue a:hover span, #menue li.m8a a span, #contact #submenue a.active span, #contact .picinfo li a.active:hover, #contact .picinfo li a.active, #contact h1 a, #contact .adress a, #contact #credits a:hover, .texte span.credits {
	background-color: #DCCECA;
}

#contact, #contact #head, #contact #logo1, #credits, #credits2 {
	border-color: #DCCECA;
}

/* end color */

#submenue a:hover span, #contact #submenue a:hover, .picinfo li a:hover, #head h1 a:hover, #contact .adress a:hover {
	background-color: #ccc;
	color:#000;
}

.enter #menue a:hover span{
	background-color:#0ff;
}
	
#pic {
	margin:9px 0 0px 9px;
}

#pic img.show {
	height:380px;
}

.picinfo {
	position:absolute;
	top:593px;
	margin: 0 0 0 9px;
}

.picinfo ul{
	margin: 0px 0 5px 0;
}

.picinfo li{
	list-style:none;
	display:inline;
}

.picinfo li img {
	height:12px;
	width:20px;
}

.picinfo li span{
	width:20px;
	font-size:9px;
	vertical-align:top;
	text-transform:uppercase;
}

.picinfo li a.passive span{
	background-color: #fff!important;
}

.picinfo li a:hover span, .picinfo li a:active span{
	background-color:#ccc!important;
}

.picinfo li a.active span{
	background-color:#000!important;
}

.picinfo li.next a span{
	background-image:url(img/next.gif);
	background-repeat:no-repeat;
}

.picinfo li.previous a span{
	background-image:url(img/previous.gif);
	background-repeat:no-repeat;
}

.picinfo li a {
	background-color: #fff!important;
}

a:hover {
	background: none; /* corrects IE bug*/
}

#pic a:hover span { 
	padding:5px 5px 5px 5px;
	position: absolute;
	top: 215px; 
	left: 36px;
	z-index:10;
	background-color:#fff;
	display: inline;
	width:auto;
	color: #000;
	font-size:9px;	
}

#pic a span {
	display: none;
	background: none;  /* corrects IE bug*/
	text-transform:uppercase;
}

#pic a:hover {
	cursor: crosshair;
}

.publication, .links {
	text-transform:uppercase;
	margin:11px 0 0 11px;
	font-size:18px;
	width:500px;
}

.links a {
	display:block!important;

}

#biography .publication a:hover, #publications .publication a:hover, #research .publication a:hover, #projects .publication a:hover, #exhibitions .publication a:hover{
	color:#000!important;
}

.texte h2, .fulltext h2  {
	margin:22px 0 22px 0!important;
	font-weight:normal;
	font-size:9px;
	display:inline;
	text-transform:uppercase;
	background-color:#00ffff;
}

.texte p {
	width:450px;
	margin-top:11px;
	font-size:11px;
}

.texte ul {
	margin-top:9px;
	margin-bottom:9px;
}

.fulltext {
	position:absolute;
	top:189px;
	left:9px;
	background-color:#FFFFFF;
	border-left: 9px solid #00ffff;
	width:503px;
	padding:9px 50px 18px 9px;
	margin-top:11px;
	z-index:10;
} 

.fulltext p {
	width:450px;
	margin-top:11px;
}

#submenue li.newline{ 
	display:block;
}

.underline {
	text-decoration:underline;
}

.upper {
	text-transform: uppercase;
}

#test {text-indent:-999em;
font-size:6px;}