body {
	background-color: black;
	padding: 0px;
	margin: 0px;
}


#logo2 {
position: fixed;
width: 800px;
height: 160px;
bottom: 60px;
left: 50%;
z-index: 1200;
margin-left: -400px;
background-image: url("../images/logo2.png");


}


#names {
position: fixed;
width: 600px;
height: 80px;
top: 0px;
left: 50%;
z-index: 1200;
margin-left: -300px;
background-image: url("../images/names.png");}

#twitterover {
position: absolute;
width: 98px;
height: 72px;
top: 45px;
left: 88px;
z-index: 1200;
background-image: url("../images/twitterover.png");

}

#twitterover:hover {

background-position:0px -72px;
cursor: pointer;


}

#fbover {
position: absolute;
width: 98px;
height: 72px;
top: 45px;
left:0px;
z-index: 1200;
background-image: url("../images/fbover.png");

}

#fbover:hover {

background-position:0px -72px;
cursor: pointer;

}

#thevideo {
position: absolute;
background-color: black;
width: 500px;
top: 40px;
right: 0px;
z-index: 1200;
border: 10px solid rgba(0, 0, 0, 1);
    -webkit-background-clip: padding-box;
    background-clip: padding-box; 
	border-radius: 10px;


}


#fbtwitter {
position: absolute;
width: 200px;
height: 110px;
top: 40px;
left: 5%;
z-index: 1200;
background-image: url("../images/cornerlogos.png");


}

#teaservideo {
position: absolute;
width: 600px;
height: 310px;
top: 40px;
right: 5%;
z-index: 1200;
background-color: none;
background-image: url("../images/teaservideo.png");



}

#topheader {
	position: fixed;
	margin: 0px;
	background-color: black;
	bottom: 0px;
	left: 0px;
	Height: 30px;
	opacity: 1;
	width: 100%;
	z-index: 20;
	
}

#topheader2 {
	position: fixed;
	margin: 0px;
	background-color: black;
	top: 0px;
	left: 0px;
	Height: 100px;
	opacity: 0.5;
	width: 100%;
	z-index: 20;
	
}

#bottomheader {
	position: fixed;
	margin: 0px;
	background-color: none;
	bottom: 0px;
	left: 0px;
	Height: 150px;
	opacity: 1;
	width: 100%;
	z-index: 20;
	
}

#impressum {
position: fixed;
width: 100px;
height: 20px;
border-top-left-radius: 10px;
padding: 5px;
right: 10px;
bottom:0px;
background-color: none;
z-index: 800;
}

#datsch {
position: fixed;
width: 100px;
height: 20px;
border-top-left-radius: 10px;
padding: 5px;
right: 130px;
bottom:0px;
background-color: none;
z-index: 800;
}


#Mailkontakt {
position: fixed;
width: 200px;
height: 20px;
border-top-left-radius: 10px;
padding: 5px;
left: 10px;
bottom:0px;
background-color: none;
z-index: 800;
font-size: 10px;
color: rgb(255,255,255);
font-family: Helvetica, Arial, sans-serif;
text-decoration: none;
font-weight:800;
}



#Mailkontakt a:hover{
background-color: white;
color: black;
}

#impressum a {
font-size: 10px;
color: rgb(255,255,255);
font-family: Helvetica, Arial, sans-serif;
text-decoration: none;
font-weight:800;
color: white;
}

#impressum a:hover {

background-color: white;
color: black;
}

#datsch a {
font-size: 10px;
color: rgb(255,255,255);
font-family: Helvetica, Arial, sans-serif;
text-decoration: none;
font-weight:800;
color: white;
}

#datsch a:hover {

background-color: white;
color: black;
}

a{
	text-decoration: none;
	color: rgb(255,255,255);
	
}

a:hover{
	text-decoration: none;
	color: rgb(0,0,0);
	
}

#info {
	font-size: 12px;
	font-family: Arial, Sans-Serif;
	position: absolute;
	width: 300px;
	height: 400px;
	margin-left: -150px;
	margin-top: -200px;
color: white;
left: 50%;
top :50%;	
background-color: black;
padding: 20px;
border-radius: 20px;
opacity: 0.6;
}