	* {
		margin: 0px;
		padding: 0px;
		} 
	
	body {
		color: /*#F5EFCE; */ #000;
		font-family: verdana;
		background-color: /*#49AD31; */ #99CC33;
		padding: 75px;
		/*background-image: url();*/
		}
		
	h1 {
		color: /*#005500; */ #000;
		text-align: center;
		border-bottom: 2px solid #CC99BB;
		margin-bottom: 50px;
		font-size: 50px;
		}
		
	p {
		margin-top: 15px;
		margin-bottom: 15px;
		}
		
	a {
		text-decoration: none;
		}
		
		
		/* ============================================================== */
	
	
	#wrapper {
		position: relative;
		/*border: 1px solid blue; */
		margin: 15px auto;
		width: 1170px;
		background-color: /* #49AD31; */ #99CC33;
		}
	
	.headerimage {
		position: relative;
		margin: 0px auto 50px;
		width: 816px;
		background-color: #C5D412;
		border: 1px solid green;
		}
		
	.headerimage > img {
		width: 102px;
		height: 77px;
		}
		
	a.button {									/* button = 3 Links auf Seite "Applikation" */
		text-decoration: none;
		color: #00F;
		}
		
	a.button a:hover {
		background-color: #00F;				
		}
		
	a.button a:active /*{
		position:
		top: 
		border: 
		}	*/	

	a.button a:visited {
		color: #662ACC;
		}
		
		
	.style {
		width: 80px;
		height: 20px;
		}
	
		/* ====================== Hier beginnt Navigationsleiste ======================== */
		
	ul#navmenu, ul.sub1, ul.sub2 {
		list-style-type: none;
		font-size: 15px;  				/* Schriftgröße des Drop-downs */
		color: #000;
		}
		
	ul#navmenu li {						/* Listenpunkte der Navigation */
		/*outline: 1px solid red;*/
		width: 140px;
		text-align: center;
		position: relative;
		float: left;
		margin-right: 4px;
		}
		
	ul#navmenu a {  						/* Links der Navigation */
		text-decoration: none;
		display: block;
		width: 140px;
		height: 32px;
		line-height: 30px;
		background-color: /* #99CC33; */ #49AD31;
		border: 1px solid #CCC;
		border-radius: 5px;
		/*font-weight: bold;*/
		}
		
	ul#navmenu a:visited {
		color: /* #090; #A000A8; */ #662ACC;
		font-weight: bold;
		}
		
	/*ul#navmenu a.long_nav {			wird nicht mehr benutzt, da Unterpunkt "Janzen & Bruinsma" nicht mehr drin ist	
		height: 64px; 
		}*/
		
	ul#navmenu .sub1 li {
		margin-top: 2px;
		}
		
	ul#navmenu .sub1 a {
		margin-top: 2px;
		}
		
	ul#navmenu .sub2 li {
		margin-left: 9px;
		margin-top: 1px;
		}
		
	ul#navmenu .sub2 a {
		margin-left: 10px;
		}
		
	ul#navmenu li:hover > a {
		background-color: #CFC;			/* ganz helles grün */
		}
		
	ul#navmenu li:hover a:hover {
		background-color: #993;			/* bräunlich */
		}
		
	ul#navmenu ul.sub1 {
		display: none;
		position: absolute;
		top: 34px;
		left: 0px;
		}

	ul#navmenu ul.sub2 {
		display: none;
		position: absolute;
		top: 0px;
		left: 126px;
		}
		
	ul#navmenu li:hover .sub1 {
		display: block;
		}
		
	ul#navmenu .sub1 li:hover .sub2 {
		display: block;
		}
		
	.darrow {					/*Pfeil runter*/
		font-size: 10pt;
		position: absolute;
		top: 8px;
		right: 4px;
		}	
		
	.rarrow {					/*Pfeil rechts*/
		font-size: 8pt;
		position: absolute;
		top: 13px;
		right: 4px;
		}
		
		
		/* bis hier ist navmenu */	
		/*============================================================*/
		
	.textfeld_zentral {
		margin-top: 150px;
		margin-left: 150px;
		margin-right: 150px;
		text-align: left;
		font-size: 18px;
		line-height: 27px;
		/*border: 1px solid red;*/
		}
		
	.textfeld_rechts {
		margin-top: 250px;
		margin-left: 580px;
		margin-right: 0px;
		text-align: left;
		font-size: 18px;
		/*border: 1px solid red;*/
		}
		
	.textfeld_bilder {
		margin-top: 40px;
		margin-left: 60px;
		margin-right: auto;
		height: 100%;
		width: 100%;
		/*border: 1px solid red;*/
		}	
		
	.scanbildtextbox {
		margin-top: 110px;
		margin-left: 0px;
		height: 800px;
		text-align: justify;
		font-size: 18px;
		/*border: 1px solid pink;*/
		}	
		
	.desc_scan_n {					/* Beschreibung von 15N unter den scans (Blatt, Ranke, Begasung) */
		margin-top: 70px;
		margin-left: 0;
		height: 80px;
		width: 450px;
		font-size: 15px;
		/*border: 1px solid blue;*/
		}
	
	.desc_scan_down {				/* Beschreibung von 15N unter den scans (Docht, Wurzel); längere Beschreibung*/
		margin-top: -30px;
		margin-left: 0;
		height: 80px;
		width: 450px;
		font-size: 15px;
		/*border: 1px solid blue;*/
		}
	
	.scanbild {
		margin-top: 0;
		margin-left: 0;
		margin-right: 40px;			/* Abstand zwischen Bild und Text */
		margin-bottom: 10px;
		border: 2px solid #5D7A4E;	/* Farbe des Scan-Rahmens */
		float: left;
		height: 600px;
		width: 450px;
		}
	
				/* =========================== BILDERGALERIE ============================================== */
					
	.img {								/* Bilder */ 
		margin: 5px;
		padding: 5px;
		/* border: 2px solid #00F; */
		height: 340px;
		width: auto;
		float: left;
		text-align:center;
		}
		
	.img_vertical {
		margin: 5px;
		padding: 5px;
		/*border: 2px solid #F00;*/
		height: 340px;
		width: auto;
		float: left;
		text-align:center;
		}
		
	.desc {								/* Beschreibung der horizontal ausgerichteten Bilder*/
		text-align: center;
		font-size: 15px;
		font-weight: verdana;
		width: 120px;
		margin: 25px 5 5 5;
		/* border: 1px solid #00F; */
		} 
		
	.desc_vertical {								/* Beschreibung der vertikal ausgerichteten Bilder*/
		text-align: center;
		font-size: 14px;
		font-weight: verdana;
		width: 120px;
		margin: 5px;
		/* border: 1px solid #00F; */
		} 
		
	.text_ueber_bilder {
		margin-top: 40px;
		margin-left: auto;
		text-align: center;
		font-size: 18px;
		}
			
				/* =========================== ENDE Bildergalerie ================ */
			
				
	.link {			/* Die Links der Linksammlung */
		text-decoration: none;
		color: #00F;
		}
				
	.link:hover {
		text-decoration: underline;
		}
			
	.link:visited {
		color: #662ACC;
		}
			
		/* ====================== */
			
			
			
		/* ================= Lightbox ================ */
				
	ul.gallerie {
		list-style-type: none;
		}
	
	ul.lightbox li {
		overflow: hidden;
		position: absolute; /*fixed*/
		width: 0;
		height: 0;
		left: 0;
		top: 0;
		opacity: 0;
		background: rgba (0, 0, 0, 0.75);		/*Hintergrund Schwarz mit Alphawert von 0.75 */
		-moz-transition: opacity 1.5s;
		-o-transition: opacity 1.5s;
		-webkit-transition: opacity 1.5s;
		}
		
	ul.lightbox li:target {						/* Werte, die beim Klick auf die Mini-Ansicht angewendet werden sollen */
		width: 100%;
		height: 100%;
		opacity: 1;
		}
	
	ul.lightbox li:target a {						/* Hier wird das eigentliche Bild definiert */
		position: absolute;
		top: 50%;						/* jeweils 50% für zentrierte Darstellung */
		left: 50%;
		margin: -315px 0 0 -415px;		/* ob re un li (oben und links jeweils die Hälfte der Breite und Höhe (zzgl. Rahmen)) */
		border: 15px solid #FF0000;
		-moz-box-shadow:0 1px 8px #000;
		/*-o-box-shadow:0 1px 8px #000;*/
		-webkit-box-shadow:0 1px 8px #000;
		}
		
	.img li {
		list-style-type: none;
		}	
			
				
				/* ======= Formel in berechnung.html ================= */

	.eq-c {
		font-size: 15pt;
		margin-left: 70px;
		}
	
	.formel {
		display: inline-block;
		vertical-align: middle;
		margin: 0 0.2em 0.4ex;
		text-align: center;
		}
		
	.formel > span {
		display: block;
		padding-top: 0.15em;
		}
	
	.formel span.fdn {
		border-top: thin solid black;
		}
	
	.formel span.bar {
		display: none;
		}
			
			
				/* ======= ENDE Formel ================= */
			
	.textfeld_bilder ul {
		list-style-type: none;
		}		
			
	
	.breadcrumbs {
		text-decoration: none;
		font-size: 15px;
		margin-top: 100px;
		}
		
	.breadcrumbs a:hover {
		text-decoration: underline;
		}
	
	.breadcrumbs a:visited {
		color: #000;
		}

	a.seitenanfang {									/* Link auf Seite bildersammlung.html */
		text-decoration: none;
		color: #000;
		font-size: 18px;
		}