body {
	margin: 0;
	background-color: black;
	background-image: url(bg.jpg);
}

p.whitespace {
white-space: wrap;
 // white-space: pre;
}


#mittelteil #scrollcontent h1 {
	font-size: 17px;
}

#mittelteil #scrollcontent img {
margin-bottom:3px;
margin-top:3px;
margin-left:3px;
margin-right:3px;
border-width:2px;
border-style:solid;
border-color:#991e1d;
float:left;
}

#mittelteil {
        position: relative;
	width: 670px;
	height: 596px;
	background-image: url(mittelteil.gif);
        top: 50px;
	text-align: left;

	background-repeat: no-repeat;
}

#mittelteil #content {
	position: relative;

	padding: 15px;
	padding-right: 10px;
	padding-left: 76px;
	top: 90px;

}

#mittelteil #scrollcontent {
	background-image: url(background.jpg);
	background-repeat: no-repeat;
	
	padding-left: 35px;
	padding-right: 25px;
	padding-top: 0px;
	
	height: 420px;
	overflow: auto;
	
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-variant: normal;
	color: #CCCCCC;
}

#mittelteil #menu {
	color: green;
	position: absolute;
        top: 100px;
	margin-left: -125px;
	z-index: 100;
}

#menu a {
	display: block;
	width: 230px;
	border: 0;
}

#kontakt {
	color: green;
	position: absolute;
	right: 15px;
        top: 10px;
	display: block;
	border: 0;
	width: 103px;
	height: 22px;
}


#mittelteil #home {
color: green;
position: absolute;
margin-left: 7px;
margin-top: 55px;
}


#mittelteil #myspace {
	color: green;
	position: absolute;
        margin-left: 630px;
        margin-top: 540px;
}

ul {
list-style-type: none;
padding: 0;
margin: 0;
}

img.photothumb {
 height: 80px;
 width: 80px;
}