body {
	background-color: #000;
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 500;
	color: #fff;

}

img {
	border: none;
}
/*Headings*/
/*
@font-face {
    font-family: 'FuturaT-ExtraBoldRegular';
    src: url('../fonts/futeb___-webfont.eot');
    src: url('../fonts/futeb___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futeb___-webfont.woff') format('woff'),
         url('../fonts/futeb___-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FuturTExtBolConRegular';
    src: url('../fonts/futebc__-webfont.eot');
    src: url('../fonts/futebc__-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futebc__-webfont.woff') format('woff'),
         url('../fonts/futebc__-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}*/



h1 { 
	color: #fff;
	font-size: 32px;
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 800;
}


h2 { 
	color: #fff;
	font-size: 32px;
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 800;
}

h3 {
	color: #fff;
	font-size: 15px;
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 800;
}

/*Text*/

p {
	font-family: 'Poly' serif;
	font-size: 15px;
	letter-spacing: 1px;
}

/*Vorspann*/

#title0back {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../pic/title1.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

}

#title0 {
	width: 600px;
	height: 203px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 100px;
	margin-left: -300px;


	/*position: relative;*/
	/*top: 75%;*/
}

#title0 {
	/*background: url(../pic/titel-white-frame.gif);*/
	background-size: 600px auto;
	background-repeat: no-repeat;
	
}



#title0 a {
	position: relative;
	top: 35px;
	left: 0px;
	width: 600px;
	height: 203px;
	font-family: "futura-pt",sans-serif;
	
	font-weight: 800;
	font-size: 50px;
	
	color:#fff;
	text-decoration: none;
	z-index: 100;

}

#title0:hover {
	color: red;
	/*background: url(../pic/titel-ani1frame.gif);*/
	background-repeat: no-repeat;
	
}

#title0 a:hover {
	color: red;
}

#title0sub {
	position: absolute;
	top: 70px;
	left: 100px;
}

#title0sub h3 {
	font-size: 22px;
}

#titlelink {
	width: 100%;
	height: 100%;
}

#titleimg {
	text-align: center;
	margin-top: 110px;
}

/* Preloader */

#preloader {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#000; /* change if the mask should have another color then white */
    z-index:99; /* 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(../pic/maus-lauf-k.gif); /* path to your loading animation */
    background-size: 50%;
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
    z-index: 1000;
}


/*Startseite*/
#startback {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../pic/zylinder2.jpg); 
	/*background-image: url(../pic/zylinder2.jpg); */
	/*background-size: 100% auto;*/
	background-size: cover;
}

.menu0 {
	margin-top: 85px;
	margin-left: 50px;
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 800;
	line-height: 35px;
	list-style-type: none;
	float: left;
}

.menu0 li a{
	text-decoration: none;
	color: white;
}

.menu0 li a:hover {
	color: red;
}

#point {
	margin-top: 95px;
	float: left;
}

/*#aktio {
	color: white;
}*/

#wrapper {

}
#startcontentwrapper {
	float: right;
	width: 80%;
}
#startcontent {
	max-width: 650px;
	/*max-height: 60%;
	/*max-height: 467px;*/
	background-image: url(../pic/space_black_52.png);
	margin-right: 100px;
	margin-left: 3em;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 50px;
}
#startcontent h1 {
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 24px;
	padding-top: 10px;
}
#slider {
	display: inline-block;
	/*width: 100%;*/
	max-width: 650px;
	max-height: 366px;
	/*height: auto;*
	/*height: 300px;*/
}

#startcontent p {
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 0px;	

}

#spaz {
	font-size: 42px;
	color: red;
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 800;
	text-align: right;
	letter-spacing: 1px;
}

/*FOOTER*/

#startfooter {
	position: absolute;
	bottom: 0px;
	left:0px;
	clear: both;
	margin-top: 100px;
	
}

#mauspressum{
	float: right;
	width: 200px;
	/*margin-left: 60em;*/

	position: fixed;
	bottom: 0px;
	right: 0;
}
.maus {
	/*float: right;*/
	position: absolute;
	bottom: -40px;
	right: -120px;
	background-image: url(../pic/maus-lauf-k.gif);
	background-size: 30% auto;
	background-repeat: no-repeat;
}

.maus:hover{
	background-image: url(../pic/maus-stand-k.gif);
}

.impressum {
	/*float: right;*/
	position: absolute;
	bottom: 20px;
	right: 55px;
	font-size: 15px;
	/*clear: both;*/
}

.impressum a {
	text-decoration: none;
	color: white;
}

.impressum a:hover {
	color: red;
}

#logostart {
	width: 70px;
	position: relative;
	bottom: 10px;
	left: 50px;
	/*margin-top: 50px;*/
	float: left;
}



#logoimg {
	height: 100px;
	float: left;
	margin-right: 20px;
}
#logotext {
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 26px;
	width: 500px;
	margin-top: 5px;
}

#logotext a {
	text-decoration: none;
	color: white;
}

#logotext a:hover {
	text-decoration: none;
	color: red;
}

#logostartsub {
	font-size: 15px;
	margin-top: 0px;
	line-height: 25px
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



@media screen and (max-width: 895px) {
	#slider {
		max-height: 60%;
	}
	.menu0 {
		margin-top: 0px;
		margin-left: 10px; 
	}
	.menu0 li {
		display: inline;
		margin-right: 10px;
	}

	#startcontentwrapper {
		width: 100%;
	}	

	#startcontent {
		width: 95%;
		background-image: url(../pic/space_black_52.png);
		float: left;
		margin-top: 30px;
		margin-left: 0px;
	}


	#logostart {
		width: 70px;
		position: relative;
		margin-top: 50px;
		bottom: 10px;
		left: 10px;
	}

	.maus {
		position: relative;
		margin-top: 80px;
		bottom: 10px;
		right: 10px;
		background-image: url(../pic/maus.png);
		background-size: 100% auto;
		background-repeat: no-repeat;
	}
	.impressum {
		position: absolute;
		top: 10px;
		right: 20px;
		font-size: 12px;
	}
}