@charset "UTF-8";
/* CSS Document */

html { 
	overflow-x:hidden; 
}

body{
	margin-top: 0px;
	margin-left: 4px;
	padding:0;
}

    
    #fx {
	top: 40%; 
	left: 40%;	
	position: fixed;
	pointer-events: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;

	width: 176px;
	height: 176px;
	opacity: 0;
	border-width: 12px;  /* ändere border-width auf etwas größeres: 20px */
	border-color: rgba(90,90,90);
	border-style: solid;
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	border-radius: 80px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: scale(1);
	-webkit-animation: blink infinite ease-out;
	-webkit-animation-duration: 1.5s;  /* ändere hier die dauer der animation */
	z-index: 1000;
    }
    @-webkit-keyframes blink {
        0% { opacity: 0;   -webkit-transform: scale(1); }
        5% { opacity: 0.7; -webkit-transform: scale(1.2);}
       50% { opacity: 0;   -webkit-transform: scale(1.5); }  /* ändere scale auf etwas größeres: scale(15) */
      100% { opacity: 0; }
    }


#titlefloat{
	width: 176px;
	height: 176px;
	background-image: url(../jpa_btn.png);
	background-repeat:no-repeat;
	top: 40%;
    left: 40%;
    position: fixed;
	z-index:1;
	cursor:pointer;
}

#titlefloat_blank{
	width: 176px;
	height: 176px;
	background-image: url(../jpa_btn.png);
	background-repeat:no-repeat;
	top: 40%;
    left: 40%;
    position: fixed;
	z-index:1;
	cursor:pointer;
}

#titlefloat:active{
	width: 176px;
	height: 176px;
	background-image: url(../jpa_btn.png);
	background-repeat:no-repeat;
	top: 40.2%;
    left: 40.2%;
    position: fixed;
	z-index:1;
	cursor:pointer;
}

/*
#titlefloat{
	width: 349px;
	height: 106px;
	background-image: url(../index/jpaindex-img.png);
	background-repeat:no-repeat;
	top: 40%;
    left: 30%;
    position: fixed;
	z-index:1;
}
*/


.index-txt {
	position: absolute;
	margin-top:0px;
	margin-left: 0px;
	color:#FFF;
	text-decoration: none;
	background:#000
}

.index-txt:hover{
	color:#0CF;
}

.index-img {
	position: absolute;
	margin-top: 62px;
	margin-left: 0px;
	color:#0CF;
	background:#000;
}

.title{
	color:#0CF;
	position:absolute;
	margin-top:80px;
	margin-left:0px;
}

p {
	font-family:Monaco,Verdana, Geneva, sans-serif;
	font-size: x-small;
	text-decoration: none;	
}

.img{ 
	position:relative;
	float:left;
	margin-right:3px;
	margin-top:3px;
	position:relative;
	z-index:0;
} 

.text{
	position:absolute;
	bottom:0px;
	left:0;
	width: 100%;
	height: 100%;
	opacity:0.0;
}

.text p{
	text-align:left;
	color:#FFF;
	font:monaco,helvetica;
	background:rgba(0,0,0,0.7);
	margin-top: 100px;
	padding-left:5px;
	padding-right:5px;
	z-index:2;
}

a:link{
	text-decoration:none;
}