/* ::::: Name dieser Datei: helmer-fuer-wieland.css ::::: */
/* ::::: Die Festleggungen in dieser CSS-Datei werden NUR in der Seite <...\01 In Arbeit\60 Wieland\Wieland-Thomas.html> benutzt.  
		 Diese CSS-Datei muss daher in  <... \Wieland-Thomas.html> eingebunden werden.
::::: */

body {   
	width:60%;	/* Bei der ganzen Bildschirmbreite würden die mittigen Texte recht seltsam dastehen. */
	margin-left: 5%; 
	margin-top: 30px;
	padding: 0px; 
	background-color: rgb(256, 256, 256);  
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-size: 0.8em;			/*		0.8em entspricht 10pt.		*/
	}
/* ::::::::   Schriftfestlegungen  ::::::::: */	
.titel-wieland {
	font-family: Arial;
	font-weight: 400;
	font-style: normal;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: 36px;
	}
.logo-subtitle {
	font-family: arial;
	font-weight: 400;
	font-style: normal;
	line-height: 2em;
	text-transform: none;
	letter-spacing: .04em;
	font-size: 14px;
	color: grey;
	}
.ueberschrift-1 {
	 font-family: arial;
 	 font-weight: 400;
 	 font-style: normal;
  	line-height: 1.2em;
 	 text-transform: none;
 	 font-size: 25px;
 	 letter-spacing: .01em;
	}
.text {
 	font-family: arial;
	font-weight: 400;
	font-style: normal;
	line-height: 1.8em;
	font-size: 17px;
	letter-spacing: .04em;
	color: grey;
	margin: 0 0 1em;
	}
.abstand {						/* Mit Hilfe deser "Schrift" kann man die Abstände Bild-Bild und Bild-Text/Text-Bild "fein" einstellen.*/
		line-height: 0.05em;
	}
	
	body a:link {
	text-decoration: none;
	color: #666666;		
	background-color: rgb(256, 256, 256);	/* Das ist die Hintergrundfarbe. Festgelegt in >body>.	*/
	}	
body a:visited {
	color: #666666;		
	text-decoration: none;
	}
body a:focus {
	}
body a:hover {
	background-color: #dddddd;	/*#dddddd */
	color: #444444;
	}	
body a:active {
	background-color: #eeeeee;
	color: 33ff33;
	}		
	

/*	############## ZUR GESTALTUNG von LINKS	##############	*/
/* 	Es ist wichtig, bei der Definition von Link-Stilen eine exakte Reihenfolge einzuhalten. Das ist sie: 
	- a:link		Link im Ruhezustand
	- a:visited 	Schon einmal in dieser Sitzung angeklickter Link. (Neue Sitzung = Neustart des Computers)
	- a:focus  		Bei Mausnavigation ist der Focus kaum zu sehen; bei Tab-Tasten-Navigation schon
	- a:hover 		Mausszeiger über dem Linkwort, -symbol, -bild
	- a:active 		Bei gerade gedrückter Maustaste	
	Vor dem a: link usw. muss der Bereich/Division genannt werden, für den die Definitionen gelten sollen. z.B.
	- #main a:link {										(Einfacher Textlink)
	- #bildleistenmenu ul li a:visited						(Link in einer Menüliste mit nur einer Ebene)
	- #menu ul.menu li.active ul li a:link					(Link in einer Menüliste, zweite Ebene)
	- #menu ul.menu li.active ul li.active ul li a:link,	(Link in einer Menüliste, dritte Ebene)
*/