.blau { color: blue }
.gruen { color: green }
.navy { color: navy }
.purpur { color: purple }
.rot { color: red }
a:active { color: navy; font-style: normal; text-decoration: underline }
a:link { color: navy; font-style: normal; text-decoration: underline }
a:visited { color: navy; font-style: normal; text-decoration: underline }
body  { font-family: Arial; background-color: #f0f8ff }
div.secret { background: white url(../images/secret2.jpg) repeat-y scroll right top }
h1.hintergrund { color: navy; font-style: normal; font-weight: bold; font-size: x-large; background-color: silver; text-align: center; letter-spacing: 10pt; vertical-align: middle }
.kopf { color: #696969; font-weight: bold; font-size: small }
.header   { color: #000; font-weight: bold; font-size: small }


			#navigation div
			{
			margin-top: 1px;
			margin-bottom: 1px;
			font-weight: bold;
			}


		#navigation a {
			text-decoration: none;
			color: silver;
			font-family: Tahoma;
						
		
		}
		
		#navigation ul {

			padding-left: 5px;
			margin-top: 4px;
			margin-bottom: 4px;			
			
			
			
			
		}
		#navigation li {
			display: block;
			width: 125px;
			background-color: blue;
			margin-top: 2px;
			margin-bottom: 2px;
			text-decoration: none;
			padding-left: 3px;
			color: white;
			font-family: Tahoma;
			border-radius: 5px;
			box-shadow: 3px 3px 3px black;				
			
		}	

		#haupt_navigation {
			display: block;
			width: 130px;
			background-color: blue;
			margin-top: 1px;
			margin-bottom: 1px;
			text-decoration: none;
			padding-left: 3px;
			color: white;
			font-family: Tahoma;
			border-radius: 5px;
			box-shadow: 3px 3px 3px black;	
		
		}	
		
		
		#navigation a:hover {
			display: block;
			width: 130px;
			background-color: black;
			color: white;
			border-radius: 5px;
			box-shadow: 3px 3px 3px black;				
		}