body 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size:100.01%;
	 background-color:black;
	 text-align: center;
	 margin: 1em auto; }
	
   #center {
	 width:50em;
	 margin:0 auto;
	 text-align:left;
	 background-color:#CBCB4D;
	 border:1px dotted gray;
	 }
	
#title {
height: 5.5em;
padding:0.2em;
color:#353855;
background-color: #4DCBB0;
border-bottom:1px dotted #000;}


#right {
width:10.95em;
float:right;
}
.menucontainer {
width:100%;}


#content 
{
border-right: 1px dotted gray;
padding: 0px 10px;
width:37.7em;
float:left;
}
img.logo {float:right;
margin: 1em 0.5em;
width:200px;
height:190px;}

h1 { font-size : 110%;
padding: 0 1em;
margin-top:40px;}
h1:first-letter{
font-size : 300%;
font-family: Garamond,serif;
color:#565658;}
h2{font-size: 105%;
color:#565658;
margin-top:2em;
border-bottom:1px dotted black;
text-indent:3em;}
h2:first-letter{
font-size : 200%;
font-family: Garamond,serif;
color:#565658;
font-style: italic;
margin-right:0.06em;}

p {
font-size: 90%;}
p:first-letter {
font-size : 220%;
font-family: Garamond, serif;
color:#565658;}
code{
font-size:120%;}

a.menu {
display:block;
padding:.3em;
background-color:#fff;
text-align:center;
color:gray;
text-decoration:none;
font-weight: bold;
}
a.menu:link, a.menu:visited 
{ 
color:#000; 
background-color:#fff;
text-decoration: none;
border-bottom: 1px dotted gray;
}
a.menu:active, a.menu:hover
{color:#fff;
background-color:#000;}

/*diese anweisung am ende der rechten box hebt den float (nebeneinanderfliessen) der zwei boxen auf*/
br{
clear:both;
}