/* CSS Document */

body {
    scrollbar-3dlight-color:#B30101;
    scrollbar-highlight-color:#000000;
    scrollbar-face-color:#000000;
    scrollbar-shadow-color:#B30101;
    scrollbar-darkshadow-color:#000000;
    scrollbar-track-color:#000000;
    scrollbar-arrow-color:#B30101;
  	scrollbar-base-color:#B30101;	
  	background-color:#000000;
    background-image:url(../bilder/layouthintergrund.jpg);
    background-repeat:no-repeat;
    margin:0px; 
    padding:0px;
    font-family:"Comic Sans MS",Avalon,Wide Latin;
    color: #DDDDDD;
}

h2 {
	font-weight: bold;
	FONT-SIZE: 1em;
	color: #FFFFFF;
	text-decoration:none;
  font-family:"Comic Sans MS",Avalon,Wide Latin;
}

strong {
  padding-left:5px;
  padding-right:5px;
	font-weight: bold;
	FONT-SIZE: 0.7em;
	color: #FFFFFF;
	text-decoration:none;
  font-family:"Comic Sans MS",Avalon,Wide Latin;
}



a:link, a:visited, a:active {
	color: #FFFFFF;
	text-decoration:none;
  font-family:"Comic Sans MS",Avalon,Wide Latin;
  
}

a:hover, a:focus {
	color: #8D2B2B;
	text-decoration:none;
	font-family:"Comic Sans MS",Avalon,Wide Latin;
	border-color: #8D2B2B;
}

a img { 
  border-color:#FFFFFF;
}

a:hover img, a:focus img {
	border-color: #8D2B2B;
}



/*Navigation*/
ul#navi {
  list-style: none;
  margin-left:7.6em;
  margin-top:15em;
  padding:0px;
}

/*die Animation als gif*/
div#ani {
  position: absolute;
  left:45.5em;
  top:7.8em;
	height: 508px;
	width: 158px;
	background-image:url(../bilder/animation.gif); 
	background-repeat:no-repeat;
}

/*X-Freak Newsletter and more gif*/
div#freak {
  position: absolute;
  left:44em;
  top:40em;
	height: 120px;
	width: 208px;
	background-image:url(../bilder/XFreakgrafik.gif); 
	background-repeat:no-repeat;
	color:#FFFFFF;
}

/*contendfeld*/
div#inhalt {
  overflow: auto;
  margin-left:9em;
  padding-right:2em;
	width: 32.5em;
	height: 40em;
}

/*aufzählzeichen werden gerepaced in inhalt*/
ol#inhalt {
  list-style-type:decimal;
  list-style-position:inside;
}

button#button {
	background:transparent; 
  border:0; 
  height:31px; 
  
}

/*input feld horst@web.de*/
div#horst {
  background-image:url(../bilder/inputbalken.gif); 
  background-repeat:no-repeat;
  position: absolute;
  left:45.5em;
  top:46em;
  height:2em;
  width:14em;
}

input.horst {
	background:transparent; 
  color:#FFFFFF; 
  border:0 none; 
  height:31px;
  width: 113px;
  font-family:"Comic Sans MS",Avalon,Wide Latin;
	FONT-SIZE: 0.7em;
	padding-top:0.5em;
}

input.horst[class] {
  margin-bottom:1.0em;
}
  
/*inputfelder für login*/
div#login {
  position: absolute ;
  left:45.5em;
  top:48.5em;
	height:9em;
  width:10em;
}


div#pfeil {
  position: absolute ;
  left:-1em;
  top:6.5em;
}

div#name {
  background-image:url(../bilder/inputbalken.gif); 
  background-repeat:no-repeat;
	height:2em;
  width:8em;
}

input.name {
	background:transparent; 
  color:#FFFFFF; 
  border:0 none;
	height:2em;
  width: 8em;
  margin-left:1em;
  padding-top:0.5em;
  font-family:"Comic Sans MS",Avalon,Wide Latin;
	FONT-SIZE: 0.7em;
}

div#pwd {
  background-image:url(../bilder/inputbalken.gif); 
  background-repeat:no-repeat;
	height:2em;
  width:14em;

}

input.pwd {
	background:transparent;   
  color:#FFFFFF; 
  border:0 none; 
	height:2em;
  width: 8em;
  margin-left:1em;

  font-family:"Comic Sans MS",Avalon,Wide Latin;
	FONT-SIZE: 0.7em;

}

input.pwd[class] {
  margin-bottom:1.2em;
}