body {padding: 0; margin: 0; background-color: #ddd;}
h1 {font-family: Arial, Trebuchet MS, sans-serif; font-size: 16px; color: #444; font-weight: bold; margin: 0 0 20px 0; padding: 0;}
p {font-family: Arial, Trebuchet MS, sans-serif; font-size: 14px; color: #111; text-align: left; margin: 0 0 14px 0; padding: 0; line-height: 120%;}
a.text {color: #111; text-decoration: underline;}

/* Maincontainers */
#main {
  height: 580px;
  width: 720px;
  margin: 0;
  /* zentrieren: */
  position: absolute;
  top: 50%;
  left: 50%;
  /* Jetzt steht die linke obere Ecke genau am Mittelpunkt. Einmitten: */
  margin-top:	-290px;  /* == halbe Höhe */
  margin-left:	-360px; /* == halbe Breite */
}
#name {
display: block;
height: 20px;
width: 720px;
margin: 0;
padding: 0;
border: 0;
}
#border {
height: 556px;
width: 716px;
border: 2px #888 solid;
margin: 0;
padding: 0;
background-color: #fff;
}
/* Startseite */
#start {
display: block;
height: 373px;
width: 716px;
margin: 0;
padding: 0;
border: 0;
}
#box {
list-style-type: none;
margin: 32px 0 0 24px;
padding: 0;
}
#box img {
border: 0;
}
#box li {
float: left;
height: 142px;
width: 112px;
margin: 0 26px 0 0;
}
#box a{
display: block;
height: 140px;
width: 110px;
border: 1px solid #ddd;
}
#box a:hover{
display: block;
height: 140px;
width: 110px;
border: 1px solid #555;
}
/* Contentseiten */
#header {
display: block;
height: 75px;
width: 716px;
margin: 0;
padding: 0;
border: 0;
background: url(bilder/header_bg2.jpg);
}
img#content {
float: left;
height: 410px;
width: 280px;
margin: 23px 40px 0 28px;
padding: 0;
border: 1px #888 solid;
}
div#text {
float: left;
height: 412px;
width: 335px;
margin: 25px 0 0 0;
padding: 0;
}
ul#menu {
list-style-type: none;
margin: 0;
padding: 0;
}
ul#menu li{
float: left;
}
ul#menu li a{
display: block;
padding-top: 5px;
font-family: Arial, Trebuchet MS, sans-serif; 
font-size: 14px; 
color: #fff; 
text-align: center;
text-decoration: none;
}
ul#menu li a.home{
height: 20px;
width: 77px;
background-image: url(bilder/menu_home.jpg);
}
ul#menu li a.home:hover{
font-weight: bold;
}
ul#menu li a.persoenlich{
height: 20px;
width: 101px;
background-image: url(bilder/menu_persoenlich.jpg);
}
ul#menu li a.persoenlich:hover{
font-weight: bold;
}
ul#menu li a.party{
height: 20px;
width: 138px;
background-image: url(bilder/menu_party.jpg);
}
ul#menu li a.party:hover{
font-weight: bold;
}
ul#menu li a.tischzauberei{
height: 20px;
width: 127px;
background-image: url(bilder/menu_tischzauberei.jpg);
}
ul#menu li a.tischzauberei:hover{
font-weight: bold;
}
ul#menu li a.galerie{
height: 20px;
width: 79px;
background-image: url(bilder/menu_galerie.jpg);
}
ul#menu li a.galerie:hover{
font-weight: bold;
}
ul#menu li a.referenzen{
height: 20px;
width: 109px;
background-image: url(bilder/menu_referenzen.jpg);
}
ul#menu li a.referenzen:hover{
font-weight: bold;
}
ul#menu li a.kontakt{
height: 20px;
width: 85px;
background-image: url(bilder/menu_kontakt.jpg);
}
ul#menu li a.kontakt:hover{
font-weight: bold;
}

/* Galerie */
#galerie {
list-style-type: none;
margin: 0;
padding: 0;
}
#galerie img {
border: 0;
}
#galerie li {
float: left;
height: 112px;
width: 77px;
margin: 0 35px 17px 0;
}
#galerie a{
display: block;
height: 110px;
width: 75px;
border: 1px solid #ddd;
}
#galerie a:hover{
display: block;
height: 110px;
width: 75px;
border: 1px solid #555;
}