/* general */

body, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #000000;
}

img {
  border: none;
}

/* links */
 
a {	color: #FFFFFF;
	text-decoration: none; }

a:visited { font-style: italic; }


/* list elements */

ul.box li {
	list-style-type: none;
}

ul.box img, div#head img, ul.box li, ul.box li p {
	border: none;
	position: absolute;
}

ul.box img {
	border: 1px solid black;
}


ul.box li a p {
  width: 200px;
  height: 20px;
  filter: alpha(opacity=0);
  opacity: 0;
	margin: 0;
	top: 135px;
	right: -195px;
	white-space: nowrap;
	text-align: right;
}


ul.box li a:hover img {
  border: 1px solid #FFFFFF;
}

/* upper row of images */

li#abstrakt {
	top: 10%;
	left: 11%;
}

li#bands {
	top: 1%;
	left: 35%;	
}

li#natur {
	top: 5%;
	left: 60%;
}

li#info {
	top: 34%;
	left: 77%;
}

/* lower row */

li#portrait {
	top: 39%;
	left: 5%;
}

li#ananda {
	top: 68%;
	left: 21%;
}

li#stilleben {
	top: 73%;
	left: 44%;
}

li#family {
	top: 63%;
	left: 67%;	
}

/* Signature */

div#head {
	text-align: center; 
	position: absolute;
	top: 32%;
	left: 36%;
}

div#vernissage {
	text-align: center; 
	width: 350px;
	position: absolute;
	top: 53%;
	left: 36%;
}

div#head h1 {
	font-size: 24px;
}

div#head h2 {
  font-size: 20px;
	position: absolute;
	top: 110px;
	width: 300px;
}

* html div#head h2 {
  top: 130px;
}

div#head h3 {
	font-size: 16px;
}

div#head a p {
  width: 200px;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
	margin: 0;
	top: 110px;
	right: -295px;
	white-space: nowrap;
	text-align: right;
}

div#head div#eng, div#head div#de {
  position: absolute;
  top: 130px;
}

div#head div#eng {
  left: 80px;
}

div#head div#de {
  left: 190px;
}

div#head a {
  color: #CCCCCC;
}

div#kontakt {
  text-align: center;
  margin-top: 20%;
}