/* CSS Document 4 kessler.at */

* {
    margin: 0;
    padding: 0;
}

html, body, #portfolio, #portfolio table, #portfolio td {
    height:100%;
    width:100%;
    overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
}
.skiplinks{
position: absolute;
left: -1000px;
top: -1000px;
width: 0px;
height: 0px;
overflow: hidden;
display: inline;
font-size:0.7em;
}

#portfolio div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#portfolio td {
    text-align:center;
    vertical-align:middle;
}

#portfolio img, #portfolio swf {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
	border:0;
}
ul{
	list-style-type:none;
	}
#linkprev{
	position:absolute;
	left:10%;
	top:40%;
	padding:10px;
	z-index:100;
	}
#linkprev a{
	display:block;
	background:url(../pix/pfeil.gif) 0 0 no-repeat;
	width:120px;
	height:150px;
	text-indent:-999em;
	}
#linknext{
	position:absolute;
	left:80%;
	top:40%;
	padding:10px;
	z-index:100;
	}
#linknext a{
	display:block;
	background:url(../pix/pfeil.gif) -120px 0 no-repeat;
	width:120px;
	height:150px;
	text-indent:-999em;
	}
* html #linkprev a{ background-image:url(../pix/prev.gif); }
* html #linknext a{ background-image:url(../pix/next.gif); }
#linkhome{
	position:absolute;
	left:10%;
	top:100px;
	z-index:90;
	}
#kontakt, #info{
	position:absolute;
	z-index:99;
	background:url(../pix/hg-transp.png);
	min-height:60px;
	right:0;
	width:60px;
	height:60px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #999;
	}
* html #kontakt, * html #info{
	background-image:none;
	background-color:#FFF;
    }
#kontakt{ bottom: 100px; }
#info{ top:100px; }

#info h1, #info p, #kontakt h2, #kontakt p{
	display:none; 
	}
#info:active, #kontakt:active, #info:hover, #kontakt:hover{
	left:35%;
	width:65%;
	height:auto;
	}
#info:active h1, #info:active p, #kontakt:active h2, #kontakt:active p, #info:hover h1, #info:hover p, #kontakt:hover h2, #kontakt:hover p{
    display:block;
	margin-right:60px;
	}
.icon{
	display:block;
	width:60px;
	height:60px;
	position:absolute;
	top:0;
	right:0;
	}
#info .icon{ background:url(../pix/info.png) 50% no-repeat; }
#kontakt .icon{ background:url(../pix/kontakt.png) 50% no-repeat; }
* html #info .icon{ background:url(../pix/info.gif) 50% no-repeat; }
* html #kontakt .icon{ background:url(../pix/kontakt.gif) 50% no-repeat; }
h1, h2{
	font-weight:normal;
	font-size:1em;
	padding:8px;
	}
h1 a{ text-decoration:none; cursor:default; color:#000; }
p{
	font-size:0.8em;
	padding:8px;
	padding-top:0;
	}
a{
	color:#222;
	}
a:visited{
	color:#444;
	}
a:hover{
	color:#000;
	text-decoration:none;
	}
#alexa{
position:absolute;
left:-999em;
top:-999em;
width:0;
height:0;
overflow:hidden;
}