@font-face
{
	font-family: 'telephasic';
	src: url('fonts/telephas.eot');
	src: local('☺'), url('fonts/telephas.woff') format('woff'), url('fonts/telephas.ttf') format('truetype'), url('fonts/telephas.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html
{
	overflow-y: scroll;
}

body
{
	font-family: 'telephasic';
	line-height: 1.5em;
	color: #8EE28E;
	background-color: #000000;
	background-image: url(images/background.jpg);
	background-repeat: repeat;
	background-position: top;
	vertical-align: middle;
	text-align: center;
	margin: 0;
	width: 100%;
	height: 100%;
}

#content
{
	background-color: #000000;
}

#iframecontent
{
	background-color: #000000;
}

#footer
{
	color: #D45D1B;
	background-color: #000000;
}

#button1
{
	display: inline-block;
	background: url(buttons/startseite.jpg) no-repeat center;
	width: 140px;
	height: 45px;
	border: 0;
	outline: none;
}

#button1:hover
{
	background: url(buttons/startseite-mouseover.jpg) no-repeat center;
	border: 0;
	outline: none;
}

#button1:focus, #button1:active
{
	background: url(buttons/startseite-active.jpg) no-repeat center;
	border: 0;
	outline: none;
}

#button2
{
	display: inline-block;
	background: url(buttons/heimkino.jpg) no-repeat center;
	width: 140px;
	height: 45px;
	border: 0;
	outline: none;
}

#button2:hover
{
	background: url(buttons/heimkino-mouseover.jpg) no-repeat center;
	border: 0;
	outline: none;
}

#button2:focus, #button2:active
{
	background: url(buttons/heimkino-active.jpg) no-repeat center;
	border: 0;
	outline: none;
}

#button3
{
	display: inline-block;
	background: url(buttons/downloads.jpg) no-repeat center;
	width: 140px;
	height: 45px;
	border: 0;
	outline: none;
}

#button3:hover
{
	background: url(buttons/downloads-mouseover.jpg) no-repeat center;
	border: 0;
	outline: none;
}

#button3:focus, #button3:active
{
	background: url(buttons/downloads-active.jpg) no-repeat center;
	border: 0;
	outline: none;
}

#button4
{
	display: inline-block;
	background: url(buttons/astro.jpg) no-repeat center;
	width: 140px;
	height: 45px;
	border: 0;
	outline: none;
}

#button4:hover
{
	background: url(buttons/astro-mouseover.jpg) no-repeat center;
	border: 0;
	outline: none;
}

#button4:focus, #button4:active
{
	background: url(buttons/astro-active.jpg) no-repeat center;
	border: 0;
	outline: none;
}

#button5
{
	display: inline-block;
	background: url(buttons/links.jpg) no-repeat center;
	width: 140px;
	height: 45px;
	border: 0;
	outline: none;
}

#button5:hover
{
	background: url(buttons/links-mouseover.jpg) no-repeat center;
	border: 0;
	outline: none;
}

#button5:focus, #button5:active
{
	background: url(buttons/links-active.jpg) no-repeat center;
	border: 0;
	outline: none;
}

#button6
{
	display: inline-block;
	background: url(buttons/impressum.jpg) no-repeat center;
	width: 140px;
	height: 45px;
	border: 0;
	outline: none;
}

#button6:hover
{
	background: url(buttons/impressum-mouseover.jpg) no-repeat center;
	border: 0;
	outline: none;
}

#button6:focus, #button6:active
{
	background: url(buttons/impressum-active.jpg) no-repeat center;
	border: 0;
	outline: none;
}

a:link
{
	font-weight: normal;
	color: #1F9F1E;
	text-decoration: none;
	border: 0;
	outline: none;
}

a:visited
{
	font-weight: normal;
	color: #1F9F1E;
	text-decoration: none;
	border: 0;
	outline: none;
}

a:focus
{
	font-weight: normal;
	color: #8EE28E;
	text-decoration: none;
	border: 0;
	outline: none;
}

a:hover
{
	font-weight: normal;
	color: #8EE28E;
	text-decoration: none;
	border: 0;
	outline: none;
}

a:active
{
	font-weight: normal;
	color: #8EE28E;
	text-decoration: none;
	border: 0;
	outline: none;
}