html,body {
    /*background-image: url("images/bg.png");
	background-size: cover;
	background-repeat: no-repeat;	*/
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: whitesmoke;

}

a:link {
    text-decoration: none;
}

a {
    color: white;
}


.base {
	display: flex;
    flex-flow: column;
	position: relative;
	width: 60vh;
	margin:0 auto;
    height: 100%;
    /*border-width:2px;	
	border-color: red;
    border-style: dotted;*/
}

.header {
	display: block;
	width: 100%;
    height: auto;
/*    padding-bottom: 10px;*/
    position:relative;
}
.content {
	display: block;
	width: 100%;
	position: relative;
    margin-left: auto;
    margin-right: auto;
    flex-basis: 78%;
}

.footer {
    padding-top: 10px;
    width: 100%;
    height: auto;
	display: block;
	position: relative;
	color: grey;
	font-family: "Raleway", "Verdana", sans-serif;
	text-align:center;
	font-size: 10px;
	text-transform:lowercase;
    line-height: 90%;
	letter-spacing:1px;
}


.applinks {
	display: block;
	position: absolute;
	width: 25%;
	right: 0px;
	bottom: 0px;
}

.navlinks {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 15;
}

.zebu {
	
}

.center {
    display: block;
    margin: 0 auto;
}

.right {
    display: block;
	position: absolute;
	right: 0px;
}

.content canvas { 
	position: absolute;
	z-index: 9;
	/*background-image: url("images/img-noise.png");*/
    background-color: darkgray;
	border-width:1px;	
	border-color: rgba(255,255,255,0.5);
    
    width: 100%;
    height: 100%;
	margin:0 auto;
}

@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}

div#loadingBox {	

  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  z-index: 10;
  text-align: center;

}

div#spinning {
    display: block;
	position: absolute;
	top: 50%;
	left:45%;
	width: 30px;
	height: 30px;	
	background: url("images/web-icon.png");
	background-size: cover;
    background-position: 50% 50%;
	background-repeat: no-repeat;
/*	-webkit-animation: spin 2s linear infinite;*/
    animation: spin 2s linear infinite;
	 z-index: 10;
}


p#loadingInfo {
  top: 90%;
  color: white;
  letter-spacing: 1px;
  position: absolute;
  width: 100%;
  font-family: "Verdana", sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-size: 8px;
  margin-top: 10px;
}
div#tagline {
	position: absolute;
	top: 0%;
	margin-top: 0px;
	padding: 0px;
	font-family: 'Passion One', sans-serif;
	font-size: 36px;
	color: white;
	text-align: left;
}




div#linktext {
	text-align: left;
	padding-bottom: 10px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 36px;
	color: white;
}

.badges {	
	padding-right: 20px;
}

#progressbar {
	display: none;
	top: 85%;
	left: 50%;
	-webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%);	
    width: 60%;
	position: absolute;
    height: 7px;
/*    background-color: gray;*/
/*    padding: 2px;*/
    margin: .6em 0;
    border: 1px white double;
    clear: both;
}

#progress {
    background-color:lightgray; /*-- Color of the bar --*/
    height: 7px;
    width: 50%;
    max-width: 100%;
    float: left;
}

#pbaranim {
    height: 7px;
    width: 100%;
    overflow: hidden;
    background: url('images/stripes.gif') repeat-x;
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
/*
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
    filter: alpha(opacity=25);
*/
}