#spielbereich {
	position: relative;
	width: 600px;
}

#spielendeanzeige {
	display: none;
	position: absolute;
	top: 0;
	left: 0;	
	border: 6px solid #E500D3;
	margin: 20px;
	width: 400px;
	height: 100px;
	background-color: hsla(0, 70%, 70%, 0.9);
}

#spielbereich {
	position: relative;
	width: 600px;
}

#gameover {
	display: none;
	position: absolute;
	top: 0;
	left: 0;	
	border: 4px solid red;
	margin: 2%;
	background-color: hsla(0, 50%, 50%, 0.9);
	width: 580px;
	height: 200px;
}

#zeitmessung {
	font-style: italic;
	color: #EEEEEE;
	top: 500px;
	left: 80px;
	background-color: hsla(0, 50%, 50%, 0.9);
	width: 600px;
	height: 50px;
}


@font-face {
    font-family:'Avrile';
    font-style: normal;
    font-display:swap;
    src: local('Avrile'), local('avrile-condensed'), 
    url(fonts/AvrileSans-Condensed.ttf) format('truetype'),
    url(fonts/AvrileSans-Condensed.woff) format('woff'),
    url(fonts/AvrileSans-Condensed.eot) format('eot'),
    url(fonts/AvrileSans-Condensed.svg) format('svg');
}

@font-face {
    font-family:'Avrile-italic';
    font-display:swap;
    src: local('avrile extralight italic'), local('avrile'), 
    url(fonts/AvrileSans-CondensedExtraLightItalic.ttf) format('truetype'),
    url(fonts/AvrileSans-CondensedExtraLightItalic.woff) format('woff'),
    url(fonts/AvrileSans-CondensedExtraLightItalic.eot) format('eot'),
    url(fonts/AvrileSans-CondensedExtraLightItalic.svg) format('svg');
}

p { 
    font-family: 'Avrile'; 
    font-weight: normal; 
    font-style: normal;
    line-height: 1.5; 
}

BODY {
        margin: 0; COLOR: #666666; FONT-FAMILY: Avrile, Arial, Helvetica, sans-serif; FONT-SIZE: 16px; scrollbar-arrow-color: #F6F6F6; scrollbar-base-color: #9A1B59; BACKGROUND-COLOR: #FFFFFF;
}
A.link-klein:hover {
        BACKGROUND-COLOR: #FFDC2B; COLOR: #28283B; FONT-SIZE: 0.8em; TEXT-DECORATION: none;
}
A.link-klein {
        BACKGROUND-COLOR: #28283B; COLOR: #668CB3; FONT-SIZE: 0.8em; TEXT-DECORATION: none;
}
A.link:hover {
        BACKGROUND-COLOR: #DDDDDD; COLOR: #666666; padding: 5px; width: 15em; Line-Height: 20px; margin: 2px; TEXT-DECORATION: none;
}
A.link {
         BACKGROUND-COLOR: #9C006B; COLOR: #FFFFFF; padding: 5px; width: 15em; Line-Height: 20px; margin: 2px; border-radius: 5px; TEXT-DECORATION: none;
}
A.linkp:hover {
        BACKGROUND-COLOR: #9A1B59; color:  #FFFFFF; width:200px; Line-Height: 20px; margin: 1.5px;  text-align: center; TEXT-DECORATION: none;
}
A.linkp {
        BACKGROUND-COLOR: #CCCCCC; color:  #666666; width:200px; padding: 5px; border-radius: 5px; Line-Height: 20px; margin: 1.5px;  text-align: center; TEXT-DECORATION: none;
}
A.linkalt:hover {
        BACKGROUND-COLOR: #666666; COLOR: #DDDDDD; width: 15em; Line-Height: 20px; margin: 1.5px; TEXT-DECORATION: none;
}
A.linkalt {
        BACKGROUND-COLOR: #E7E7E7; COLOR: #203952; width: 15em; Line-Height: 20px; margin: 1.5px; TEXT-DECORATION: none;
}

H1 {
        FONT-FAMILY: Avrile-italic, Arial, Helvetica, italic; FONT-SIZE: 48px; FONT-WEIGHT: bold; COLOR: #9C006B; margin-top:60px
}
H2 {
        FONT-SIZE: 24px; FONT-WEIGHT: bold; COLOR: #999999; margin-top:30px
}
H3 {
        FONT-SIZE: 16px; FONT-WEIGHT: bold ; margin-top:10px
}
H4 {
    FONT-SIZE: 12px; margin-top:4px
}

#leinwand {
    background-color: #674989;
}