@charset "utf-8";
/* CSS Document */

	*	{	
		margin: 0;
		padding: 0;
		}
		
	body	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #000;
		background-color: #fff;
			}

	p	{
		margin-left: 8.3%;
		margin-top: 8%;
		font-size: 0.8em;
		}
						
	div#wrap	{
		width: 972px;
		height: 746px;
		border: 1px solid #fff;
		margin: 25px auto;
		background-color: #fff;
		position: relative;
					}

	div#header	{
		margin-top: 1%;
		margin-left: 100px;
		padding-top: 30px;
			}
														
	div#navi		{	
		width: 85%;
		padding: 0 20px;
		margin-left: 4.9%;
		margin-top: 3%;
		background-color: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #FFF;
		line-height: 1.5;
		letter-spacing: 1px;
		/*float: left;*/
					}
						
	div#navi ul li	{	
		width: 100%;
		padding: 5px;
		font-size: 1em; /*Schriftgröße*/
		font-weight: bold;
		text-align: center; /*Textausrichtung*/
		color: #fff; /*Textfarbe*/
		background-color:#fff; /*Hintergrundfarbe*/
		border: 3px solid #fff; /*Rahmen erforderlich für IE7*/
		list-style: none;
		float: left; 
					}
					
	/*div#navi a.kasten	{
		margin-top: -0.5px;
		color: #000;
		background-color: #fff;
		border: 1px solid #fff;
									}*/
	
	div#navi a	{	
		text-decoration: none; /*Unterstrich wird entfernt*/
		text-align: left; /*Text (Verweis) zentrieren*/
		padding: 5px;
		color: #fff; /*Textfarbe*/
		background-color: #000; /*Hintergrundfarbe*/
		border: 1px solid #000; /*Rahmen erforderlich für IE7*/
		border-radius: 3px;
		display: block; /*Verhalten wie ein Blockelement, damit die komplette Box "klickbar" ist*/
						}
						
	div#navi ul li a:hover	{	
		color: #000; /*Textfarbe*/
		background-color: #D0F5A9; /*Hintergrundfarbe*/
		border: 1px solid #D0F5A9;
									}
									
	div#navi ul li	 		{	
		position: relative; /*Bezugspunkt für Navigationsliste*/
						 		}
						 
	div#navi ul ul		{	
		position: absolute; /*Aus dem Dokumentenfluss*/
		margin-top: 5px;
		z-index: 10; /*Sicherstellen der höchsten Ebene*/
		display: none; /*Keine Anzeige der Liste*/
		background-image: url(galerie_lightbox/bilder/trans_pic.png);
							}
								
	div#navi ul li:hover ul	{	
		display: block; /*Erscheinen als Blockelement*/
									}
										
	div#navi a.direkt		{
		background-color: #fff;
		border: 1px solid #fff;
		color: #000;
								}
		
	
	div#navi a.direkt:link		{	
		font-size: 0.8em; 
		font-weight: normal;
		margin-left: -15px;
		text-align: center; 
		color: #000; 
		background-color:#fff;
		border: 1px solid #fff;
										}
										
	div#navi a.direkt:hover	{	
		color: #000;
		background-color: #D0F5A9;
		border: 1px solid #D0F5A9;
										}
										
	div#content	{
		width: 290px;
		height: 300px;
		margin: 150px 25px;
		padding: 5px;
		text-align: center;
		border-radius: 2px;
		background-color: #CFF;
		/*float: right;*/
						}
						
	div#content ul li	{
		list-style: none;
							}
							
	div#content ul li a	{
		text-decoration: none;
		font-size: 9px;
		color: #CFF;
								}
	
	div#content ul li a.ueberschrift	{
		width: 300px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 24px;
		font-weight: bold;
		color: #000;
												}
															
	div#content ul li a.ueberschrift:hover	{
		width: 300px;
		padding: 3px;
		color: #fff;
		background-color: #000;
												
														}
										
	 div#content ul li ul li.klick		{
		font-family: "Courier New", Courier, monospace;
		font-size: 0.7em;
												}
																	
	div#content p		{
		font-family:"Courier New", Courier, monospace;
		font-size: 0,8em;
		text-align: center;
		padding: 23px;
							}
							
	div#content span		{
		font-family:"Courier New", Courier, monospace;
		font-size: 0,8em;
		font-weight: bold;
		text-align: center;
		padding: 23px;
									}
							
	div#content p.copy	{
		font-family: "Courier New", Courier, monospace;
		font-size: 0.7em;
								}
								
	div#copyright		{
		width: 80%;
		margin-top: -130px;
		margin-left: 25px;
		background-color: #fff;
							}
							
	div#copyright span	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		font-weight: bold;
							}
	
	div#copyright p	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.7em;
							}