@charset "utf-8";

/* These are just the general site styles. 
   It has nothing to do with ImageFlow
========================================== */
@media screen, projection, print {
	* { 
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:100.01%;
	}
	html {
		height:100%;
		width:100%;
	}
	body {
		color:#FFFFFF;
		background-color:#000000;
		background-image: url(bg_sterne-anim.gif);
		background-repeat:repeat;
		
		font-size:0.8em;
		line-height:1.4em;
		padding:1em 0;
		margin:0;
	}
	a {
		color:#FFFFFF;
	}
	.tg  {
	border-collapse:collapse;
	border-spacing:5;
	width:99%;
	}
    .tg td{
    font-family:Arial, sans-serif;
    font-size:14px;
    padding:10px 5px;
    border-style:solid;
    border-width:0px;overflow:hidden;
    word-break:normal;
    }
    .tg th{
    font-family:Arial, sans-serif;
    font-size:14px;
    font-weight:normal;
    padding:10px 5px;
    border-style:solid;
    border-width:0px;
    overflow:hidden;
    word-break:normal;
    }
    .tg .tg-1{
    font-family: comic sans;
		font-size:4.2em;
		text-align:center;
		margin:1 1 1.3em 0;
    }
    .tg-2{
    width:150px;
    }
    .tg-031e{
    width:150px;
    }
 .td1{
    width:15%;
    }
 .td2{
    width:65%;
	text-align:center;
	    }
 .td3{
    width:15%;
    }
    .tg .tg-3{
    text-align:center
    }
    .tg .tg-4{
    font-size:1.5em;
		text-align:center;
		margin:0 0 1.3em 0;
    }
    .tr-1{
    height:500px;
 }
 .td2-2{
 background: rgba(0,191,255, 0.2);
width:65%;
  }
  h1{
    font-family: comic sans;
	font-size:1.3em;
	text-align:center;
	margin:1 1 1.3em 0;
  }
  h2{
    font-family: comic sans;
	font-size:2em;
	text-align:center;
/*	margin:1 1 1.3em 0; */
  }
  h3{
    font-family: comic sans;
	font-size:1.1em;
	text-align:center;
	/*margin:1 1 1.3em 0; */
  }
}


/* Ladebalken */

.circle {
    background-color: rgba(0,0,0,0);
    border: 5px solid rgba(0,183,229,0.9);
    opacity: .9;
    border-right: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 300px;
    box-shadow: 0 0 35px #2187e7;
    width: 300px;
    height: 300px;
    margin: 0 auto;
    -moz-animation: spinPulse 1s infinite ease-in-out;
    -webkit-animation: spinPulse 1s infinite linear;
}

.circle1 {
    background-color: rgba(0,0,0,0);
    border: 10px solid rgba(0,183,229,0.9);
    opacity: .9;
    border-left: 10px solid rgba(0,0,0,0);
    border-right: 10px solid rgba(0,0,0,0);
    border-radius: 250px;
    box-shadow: 0 0 15px #2187e7;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    position: relative;
    top: -290px;
    -moz-animation: spinoffPulse 3s infinite linear;
    -webkit-animation: spinoffPulse 3s infinite linear;
}

@-moz-keyframes spinPulse {
    0% {
        -moz-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        -moz-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -moz-transform: rotate(-320deg);
        opacity: 0;
    };
}

@-moz-keyframes spinoffPulse {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    };
}

@-webkit-keyframes spinPulse {
    0% {
        -webkit-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        -webkit-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(-320deg);
        opacity: 0;
    };
}

@-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    };
}