/* CSS Document 4 kessler.at */

html, body, #portfolio{
	position:relative;
	z-index:1;
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	overflow:hidden;
	}
img{
	border:0;
	}
#workimg{
	position:relative;
	top:50%;
	margin-top:-39.5%;
	z-index:2;
	}
#workswf{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	}
#linkprev{
	position:absolute;
	left:10%;
	top:45%;
	padding:10px;
	z-index:100;
	}
#linknext{
	position:absolute;
	left:90%;
	top:45%;
	padding:10px;
	z-index:100;
	}
#linkhome{
	position:absolute;
	left:10%;
	top:100px;
	z-index:90;
	}
#kontakt, #info{
	position:absolute;
	right:0;
	z-index:99;
	background:url(../pix/hg-transp.png);
	width:50px;
	height:55px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #999;
	}
#kontakt{ bottom: 100px; }
#info{ top:100px; }

#info h1, #info p, #kontakt h2, #kontakt p{
	display:none;
	}
#info:hover, #kontakt:hover{
	left:35%;
	padding-left:0;
	width:65%;
	height:auto;
	min-height:55px;
	}
#info:hover h1, #info:hover p, #kontakt:hover h2, #kontakt:hover p{
    display:block;
	}
.icon{
	position:absolute;
	top:14px;
	right:12px;
	}
#portfolio h1, #portfolio h2{
	font-weight:normal;
	font-size:1em;
	margin:0;
	padding:7px;
	}
#portfolio p{
	font-size:0.8em;
	margin:0;
	padding:7px;
	padding-top:0;
	}
#portfolio a{
	color:#333;
	}
#portfolio a:visited{
	color:#666;
	}
#portfolio a:hover{
	color:#000;
	text-decoration:none;
	}