@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;
}

#kickfloat{
	width: 379px;
	height: 353px;
	background-image: url(../ifkickstarter.png);
	background-repeat:no-repeat;
	top: 40%;
    left: 10%;
    position: fixed;
	z-index:1;
	cursor:pointer;
}

#kicktitlefloat{
	width: 514px;
	height: 184px;
	background-image: url(../ifkicktitle.png);
	background-repeat:no-repeat;
	top: 70%;
    left: 20%;
    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:#0CF;
	background:#000
}

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

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

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

#sidebar-wrapper {
	margin:0 auto;
	min-width:1035px
}

#container{
	
}

.projecttitles1{
	font-family:Helvetica LT Black, Arial Black, Helvetica, sans-serif;
	font-size:small;
	font-weight:bold;
	color:#000;
}

.projecttitles2{
	font-family:Helvetica LT Black, Arial black, Helvetica, sans-serif;
	font-size:small;
	font-weight:bold;
	color:#000;
}

.projecttitles3{
	font-family:Helvetica LT Black, Arial black, Helvetica, sans-serif;
	font-size:small;
	font-weight:bold;
	color:#000;
}

.projecttitles4{
	font-family:Helvetica LT Black, Arial black, Helvetica, sans-serif;
	font-size:small;
	font-weight:bold;
	color:#000;
}

.nolink{
	color:#000;
	text-decoration:none;
}

.projects{
	color:#000;
	text-decoration:none;
}

.projects:hover{
	text-decoration:underline;
}

.projects4{
	color:#000;
	text-decoration:underline;
}

h3    {
	color:#FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: x-small;
	font-weight: lighter;
	padding-left:4px;
	line-height: 17px;
	letter-spacing: 0.1em;
	background-position: 20px 5px;
}

p {
	font-family:Arial,Verdana, Geneva, sans-serif;
	font-size: x-small;
	padding-right:15px;
	line-height:13px;
}


.sidebar {
	font-size: -2;
	float: left;
	width: 20%;
	margin-top: -10px;
}

.sidetitle {
	background:#000;
	width: 204px;
	height: 19px;
}