body {
font-family:Verdana; /* Globale Schrifteinstellung */
font-size:12px;
line-height:18px;
background: #F2EEE6; /* Hintergrund des Außenrandes */
overflow-y: scroll;  /* damit Scrollbalken immer angezeigt wird, sonst wackelt es beim klicken */
margin: 0px 0px 0px 0px; /* sonst gibt es oben einen kleinen Rand */
}

h1 {font-size:20px;color:#EFEBD7;font-weight:normal;font-style:normal;margin-top:100px}
h2 {font-size:12px;color:#b31a24;font-weight:bold;  font-style:normal;}
h3 {color:#b31a24;font-weight:normal;font-style:oblique;}
a, a:active, a:visited, p {color:#353C4B; text-decoration: none;}
h1 {margin-left:33px;margin-right: 30px}
p, h2  {margin-left:306px;margin-right: 30px;}

#Current, a:hover {color: #b31a24;}

img {border: none;} /* Bildrand  betrifft oberes Logo */

#MainBox {
margin: 0px 0px 0px 0px; /* sonst gibt es oben einen kleinen Rand */
width: 800px;
min-height: 800px; 
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background: #FFFFFF;

}

#TopBox {
padding-left: 306px;
margin-left: 4px; /* Hier kann man die Ränder einstellen */
height: 140px; /* Hoehe des Navigationsbalkens */
margin-top: 0px;
margin-bottom: 4px;
/* background: #FF00FF; */
text-align: left;
}

#TopNavi {
padding-left: 306px;
margin-left: 4; /* Hier kann man die Ränder einstellen */
margin-right: 4;
height: 25px; /* Hoehe des Navigationsbalkens */
background: #b7bfc9;
line-height:25px;
margin-bottom: 4px;
}

#ImageBox {
height: 150px;
display: block;
float: left;
width: 269px; 
margin-left: 4; /* Hier kann man die Ränder einstellen */
}

#H1Box {
height: 150px;
display: block;
float: right;
width: 518px; /* das muss man wohl so festlegen, sonst wird es zu breit */
background: #b31a24; /* Rot */
margin-right: 4; /* Hier kann man die Ränder einstellen */
margin-bottom: 23px;
}

#LeftBox {
margin-top: 4px;
height: 150px;
display: block;
float: left;
width: 269px; 
background: #b7bfc9;
margin-left: 4px;
}