body {
  background-color: #000000;
 !--background-image: url(image/splatt.png);
  background-repeat: no-repeat;
  background-position: center center;--!
  color: #ffffff;
}
p {
  text-indent:50px;
  color:#ffd0d0;
  font-size:1.5em;
  font-weight:bold;

}
.com {
  color:#403030;
  font-size:1em;
  font-weight:normal;
}

.vers {
  color:#a02020;
  font-size:1em;
  font-weight:normal;
  font-style:italic;
}



#content {
	position:absolute;
	bottom: 10px;
	left: 200px;
	width: 400px;
	height: 450px;
	!--border: 1px solid #330000;--!
	background-color: transparent;
	
}
#box {
	position:absolute;
	top: 50px;
	left: 50px;

	width: 800px;
	height: 600px;
	border: 1px solid #000000;
	background-color: #0000ff;
	background-image: url(image/background2.gif);
	background-repeat: no-repeat;
}

a.menuitem img {
border-width: 0px;
background: top left no-repeat;
}
a#knappm img {
background-image: url(image/button_m.png);
width: 200px;
height: 60px;
position:absolute;
top: 200px;
left: 600px; 
z-index: 6;

}

a#knappm:hover img {
background-image: url(image/button_m_h.png);
width: 200px;
height: 60px; 
position:absolute;
top: 200px;
left: 600px;
z-index: 6;

} 

a#knapphome img {
background-image: url(image/button_home.png);
width: 200px;
height: 60px; 
position:absolute;
top: 260px;
left: 600px;
z-index: 5;

}

a#knapphome:hover img {
background-image: url(image/button_home_h.png);
width: 200px;
height: 60px; 
position:absolute;
top: 260px;
left: 600px;
z-index: 5;

} 

a#knappmeet img {
background-image: url(image/button_meet.png);
width: 200px;
height: 60px;
position:absolute;
top: 320px;
left: 600px;
z-index: 4; 

}

a#knappmeet:hover img {
background-image: url(image/button_meet_h.png);
width: 200px;
height: 60px; 
position:absolute;
top: 320px;
left: 600px;
z-index: 4;

} 

a#knappcafe img {
background-image: url(image/button_cafe.png);
width: 200px;
height: 60px; 
position:absolute;
top: 380px;
left: 600px;
z-index: 3;

}

a#knappcafe:hover img {
background-image: url(image/button_cafe_h.png);
width: 200px;
height: 60px; 
position:absolute;
top: 380px;
left: 600px;
z-index: 3;

} 

a#knappstreet img {
background-image: url(image/button_street.png);
width: 200px;
height: 60px; 
position:absolute;
top: 440px;
left: 600px;
z-index: 1;

}

a#knappstreet:hover img {
background-image: url(image/button_street_h.png);
width: 200px;
height: 60px; 
position:absolute;
top: 440px;
left: 600px;
z-index: 1;
usemap="#knappmmap";
}

a#knapppetrus img {
background-image: url(image/button_petrus.png);
width: 200px;
height: 60px; 
position:absolute;
top: 500px;
left: 600px;
z-index: 2;

}

a#knapppetrus:hover img {
background-image: url(image/button_petrus_h.png);
width: 200px;
height: 60px; 
position:absolute;
top: 500px;
left: 600px;
z-index: 2;

} 

a#knapplarljunge img {
background-image: url(image/button_larljunge.png);
width: 200px;
height: 60px; 
position:absolute;
top: 560px;
left: 600px;
z-index: 2;

}

a#knapplarljunge:hover img {
background-image: url(image/button_larljunge_h.png);
width: 200px;
height: 60px; 
position:absolute;
top: 560px;
left: 600px;
z-index: 2;

} 

 

a#knapppingst img {
background-image: url(image/pingst_ske.png);
width: 75px;
height: 103px; 
position:absolute;
top: 490px;
left: 30px;
z-index: 1;
}

a#knapppingst:hover img {
background-image: url(image/pingst_skeH.png);
width: 75px;
height: 103px; 
position:absolute;
top: 490px;
left: 30px;
z-index: 1;
} 

a#knappad img {
background-image: url(image/ad_0.gif);
border-width: 0px;
width: 200px;
height: 200px; 
position:absolute;
top: 500px;
left: 750px;
z-index: 1;
}

a#knappad:hover img {
background-image: url(image/ad_1.gif);
border-width: 0px;
width: 200px;
height: 200px; 
position:absolute;
top: 500px;
left: 750px;
z-index: 1;
}