* {
 margin : 0;
}

html, body {
	height:100%;
	}

body {
	background-color: #1b1b1b;
	background-image: url(layout/HG.jpg);
	background-position: center;
	background-repeat: repeat;
	font-size:13px;
    font-family:  Arial, sans-serif;
  	color:#1b1b1b;  
	text-align: center;
  	padding: 0;
  	margin:0;
	}

table{
	background-color: #1b1b1b;
	background-image: url(layout/HG.jpg);
  	padding: 0;
	margin:auto; 
	position: center; 
	}

img { 
 display: block; 
 margin: auto; 
 width: 100%; 
}

a { 
color: #663300; text-decoration: none; }
a:visited {color:#663300; text-decoration: none;}
a:hover {color: #663300; text-decoration: none;}
a:active { color:#000000; text-decoration: none;}

H1 {
	font-size: 18px;
	letter-spacing: 2px
	}

p, pre {
	margin: 0px;
	padding: 0px;
	}

pre {
	font-size: 10px;
	position: center; 
	color:#1b1b1b; 	
	padding: 20px;
	}

#header{
    width: 1000px;     
	height:200px;
	background-image: url(layout/Titel.png);
	background-repeat: no-repeat;
	border: none;
    margin: 20px auto;
    position:relative; 
	}	

#space { 
	width:1px;
	height:50%;
	margin-bottom:-250px; /* halber content height */
	float:left;
	}
#content {
    width: 1220px;     
	min-height:500px;
	background-image: url(layout/Background01hell.jpg);
	background-repeat: repeat;
	border: 1px solid c7ae78;
    margin: 0 auto;
	overflow: hidden;
    position:relative; /* damit wird der content an den space angedockt  */
	clear:left; /* damit wird das float vom space gecleart  */
	}
.text{
	font-size: 18px;
	position: center; 
	color:#1b1b1b; 	
	padding: 20px;
	letter-spacing: 1px
	}
.smalltext{
	font-size: 16px;
	position: center; 
	color:#1b1b1b; 	
	padding: 20px;
	letter-spacing: 1px
	}
.tinytext{
	font-size: 12px;
	position: center; 
	color:#1b1b1b; 	
	padding: 20px;
	}