﻿
html, 

body {
  	margin:0px;
  	position: relative;
 	height: 1300px; /* seiten höhe "scrollbar" */
  	width: 0px; /* seiten breite "scrollbar" */
  	background-color: #000000;
	background:url(bilder/bg.gif);
	background-attachment:fixed;
	}
/* Scrollleiste */	
body::-webkit-scrollbar {
  width: 15px;  /*Balken breite*/

}

body::-webkit-scrollbar-track {
  background: ; /*Balken Frbe*/
  background:url(bilder/10x10bg.gif);       /*Balken bild*/
}

body::-webkit-scrollbar-thumb {
  background-color: ;    /* color of the scroll thumb */
  background:url(bilder/10x20bg.gif);
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 0px solid white;  /* creates padding around scroll thumb */
  height: 20px
}
/*--------------------------- */
#hadbg
	 {
		position: fixed;absolute;left:0px;top:0px;		
		width:100%;height:51px;
		background:url(bilder/hd_bg.gif);
		background-color:;
		border:0px ;
	}
	
#logo
	 {
		position: relative;absolute;left:150px;top:100px;		
			border:0px ;
	}
	

#headlink
	 {
		position: fixed;absolute;left:0px;top:0px;
		width:100%;height:100px;
		background:url();
		background-color:;
		border:0px ;
	}


#box 
	 {
		position: fixed;absolute;left:150px;top:150px;/* Infobox selbs */
		width:800px;height:600px;
		background:url();
		background-color:#000000;
		border:5px solid #ffffff;
		opacity: 0.9;	/* Infobox transparent */
	}
#closebtn 
{
  margin-left: 80%;
  margin-top: 10px;
  color: red;
  font-weight: bold;

  float: left:;
  font-size: 10px;
  line-height: 10px;
  cursor: pointer;
  transition: 0.8s;/* closbotun geschwindigkeit */

}

#closebtn:hover {
 opacity: 0.3;/* closbotun rollover */

}
	
#text
 {
  margin-left:20px;
  margin-right: 0px;
  margin-top: 20px;
  color: #ffffff;
  font-weight: bold;
  font-size: 20px;
  line-height: 25px;
  cursor: pointer;

}

	
</style>