html
    {
	    margin: 0em;
	    padding: 0em;
	    color:#000000;
	    background-color:lightgreen;
	    height:100%;
	    margin-bottom:1px;
    }
    body 
    {
	    margin-top: 1em;
	    padding: 0em;
	    font-size:1.0em;
	    font-family:Helvetica, sans-serif;
    }

    
    
    div.rahmen
    {
		margin:auto;
	    left: 20px;
	    width:800px;   
		height: 800px;
	    background: lightgreen;
		border-right: 2px solid black;
		border-left: 10px solid orange;
		 background: #99FF33;
    }
    
    
    div.inhalt
    {
		
	    width:560px;
		height: 560px;
	    background: #99FF33;
		padding: 20px;   
		overflow: hidden;
		float: left;	
	font-family: Trebuchet;
		font-size: 16px;	
		line-height: 1.5;	
    }
    
    div.menu
    {
		border-top: 10px solid #3E551C;
		overflow: hidden;
		float: left;
		background: #339933;
		width: 200px;
		color: yellow;
		line-height: 2;
		font-family: Trebuchet;
		font-size: 20px;
	}
	
	 div.topPic
	{
		width: 600px;
		height: 200px;
		background: #99FF33;
		overflow: hidden;
		float: left;	 
		
	}
	
	div.logoArea
	{
		width: 200px;
		height: 150px;
		background: white;
		overflow: hidden;
		float: left;
		text-align: center;
		padding-top: 50px;
	}
	
	div.borderBottom
	{
		width:100%;
		border-top: 2px solid black;
	}

	span.ueberschrift
	{
		font-size:20px;
		font-weight: bold;
	}

	span.bold
	{
		font-weight: bold;
	}

	a:link
	{
		color: yellow;
		text-decoration: none;
	}

 	a:visited
	{
		color: yellow;
		text-decoration: none;
	}

 	a:hover
	{
		color:orange;
	}
 	
	a:active
	{
		color:#f00;
	}

	div.inhalt a:link
	{
		color:black;
	}