@font-face {
 font-family: MyCustomFont;
 src: url("BLKCHCRY.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont;
 src: url("BLKCHCRY.TTF") /* TTF file for CSS3 browsers */
 }
 
 .inputdata{
            display:none;
        }

div#hintergrund 
{ 
width: 1024px; 
height: 640px; 
BACKGROUND: url('images/background.jpg') ; 
text-align: center;
} 
div#hintergrund2
{ 
width: 1024px; 
height: 640px; 
BACKGROUND: url('images/intro.jpg') ; 
text-align: center;
} 

div#footer 
{ 
	clear: left; 
}

div#navigationcontainer 
{ 
	float: left;
	width: 200px;
	text-shadow: white 2px 2px 1px, white -2px -2px 1px;
	
}

div#text2
{ 
	float: left;
	
	overflow: auto; 
	width: 800px; 
	height: 400px; 
	border: inset 0px #000000; 
padding: 7px;
} 

div#text
{ 
	float: left;
	
	overflow: auto; 
	width: 800px; 
	height: 400px; 
	border: inset 0px #000000; 
padding: 7px;
text-shadow: white 2px 2px 1px, white -2px -2px 1px;
filter:glow(color:white, strength:4);
} 

BODY {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: MyCustomFont,arial,helvetica,sans-serif; BACKGROUND: url(images/bg.jpg) #e0e0e0 repeat-x; color: #931E00; FONT-SIZE: 14pt; PADDING-TOP: 0px;
}

#navigation{
	position:absolute;
	left:0px;
	top:129px;
	border:0px solid #000;
	border-right:none;
	border-bottom:none;
	padding:0 0 0 0px;
	z-index:1;
	font-weight:bold;
	FONT-SIZE: 14pt; 

}

a.navigation
{
font-size:0.9em;
text-align: left;
font-weight:bold;
vertical-align:bottom;
text-decoration:none;
color: #931E00;
padding:7px 0px 0px 15px;
border-bottom:1px solid #fff;
width:160px;
height:20px;
display:block;

}

a.navigation:hover
{
font-weight:bold;
font-size:0.9em;
text-align: left;
vertical-align:bottom;
text-decoration:none;
color: #000;

padding:7px 00px 0px 15px;
border-bottom:1px solid #fff;
width:160px;
height:20px;
display:block;
}

a.navigation:active
{
font-size:0.9em;
text-align: left;
vertical-align:bottom;
text-decoration:none;
color: #000;
padding:7px 0px 0px 15px;
border-bottom:1px solid #fff;
width:160px;
height:20px;
display:block;
font-weight:bold;

}

a.navigation_aktiv
{
font-weight:bold;
font-size:0.9em;
text-align: left;
vertical-align:bottom;
text-decoration:none;
color: #000;
padding:7px 0px 0px 15px;
border-bottom:1px solid #fff;
width:160px;
height:20px;
display:block;
}



a.navigation2
{
font-size:1.2em;
text-align: left;
font-weight:bold;
text-decoration:none;
color: #931E00;
padding:7px 0px 0px 15px;
border-bottom:1px solid #fff;
width:160px;
height:20px;

}

a.navigation2:hover
{
font-weight:bold;
font-size:1.2em;
text-align: left;
vertical-align:bottom;
text-decoration:none;
color: #000;

padding:7px 00px 0px 15px;
border-bottom:1px solid #fff;
width:160px;
height:20px;
}

a.navigation:active
{
font-size:1.2em;
text-align: left;
vertical-align:bottom;
text-decoration:none;
color: #000;
padding:7px 0px 0px 15px;
border-bottom:1px solid #fff;
width:160px;
height:20px;
font-weight:bold;

}

a.navigation_aktiv2
{
font-weight:bold;
font-size:0.9em;
text-align: left;
vertical-align:bottom;
text-decoration:none;
color: #000;
padding:7px 0px 0px 15px;
border-bottom:1px solid #fff;
width:160px;
height:20px;
display:block;
}