@charset "utf-8";

body {
	overflow:auto;
}



.center {
position: absolute;
top: 50%;
left:50%;
height: 1px;
width: 1px;
}

.text_center {
width: 400px;
height: 300px;
position: absolute;
top: -150px; /* hälfte von height */
left: -200px;/* hälfte von width */
text-align:center;
color:#777700;
font-size:14px;
font-weight:bold;
line-height:14px;


}



/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#ffffff; /* change if the mask should have another color then white */
	z-index:10000; /* makes sure it stays on top */


}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image: url(../img/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
	z-index:1000001;
}

.status1 {
	width:120px;
	height:120px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	 /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-60px 0 0 -60px; /* is width and height divided by two */
	z-index:1000001;
}



#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 160px;
    height: 160px;
    margin: -95px 0 0 -95px;
    border-radius: 50%;
    border: 1px solid transparent;
    border-top-color: #cdb53b;
    -webkit-animation: spin 2.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    z-index: 10000;
}

#loader:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    border-radius: 50%;
    border: 1px solid transparent;
    border-top-color: #757674;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 1px solid transparent;
    border-top-color: #a2cd3b;
    -webkit-animation: spin 2.0s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 2.0s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}




@-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 */
    }
}