* {margin:0;
	padding:0;}
	
	html{height:100%;}
		
body {min-height:101%;
	background-color:#2f2f37;/*image:url(bilder/startseite/grau.jpg); {Bilder Einbindern in den Hintergrund*/
	background-attachment:fixed;/* fixiert ein Bild */
	font-family:"Verdana",Thoma,Arial,Sans-Serif;
	font-size:90%;
	}
p {color:#919191;}

h1 {font-size:160%;
	color:#ffffff;
	margin-left:auto; margin-right:auto;
	margin-top:45px;}
a img{border:none}	
h2.für-texte{padding-top:60px;margin-left:20px;color:#69d200;}
h3.petrol1 {color:#69d200; margin-left:20px;margin-top:30Px}
h2.für-texte-grau{padding-top:60px;margin-left:20px;color:#218d96;}

/*----------------------------------------------  für die Texte d.sseiten vita-texte----------------*/
p{font-size:78%;
	font-family:Georgia,serif;}
p.daniel{	font-size:95%;
			font-family:Georgia,serif;
			margin-bottom:12px;
			width:680px;}
p.danielschluss{	font-size:95%;
			font-family:Georgia,serif;
			padding-bottom:30px;
			width:680px;}
p.grün {color:#69d200; margin-left:90px;}		
p.untererrand{padding-bottom:30px;}
p.break {clear:right;}
p.eva{	font-size:95%; font-family:Georgia,serif; margin-bottom:12px; width:500px;}
p.grau {color:#218d96; /*b3b3ff*/ margin-left:90px;}	
img.randeva{margin-left:0;}	
/*----------für alle ungeortneten Liste sonst würden über all Pukte vor den Elementen stehen sprich meine Bilderlisten, Menülisten etc.*/
ul{list-style:none}
/*----------------------------------gesamtcontainer------------------------*/
div#umschlag{width:960px;}

/*------------------------------------------------- Position+Farbe d.Haupt Menü-Fläche  ------------*/
div#menue		
		{position:fixed;
 		left:18px;
		width:200px;
		/* !!!für die allgemene Höhe der roten Fläche alle Drei height sind wichtig!!!*/
		min-height: 100%; 
		height:auto !important;/*moderne Brouser */
		height: 100%;/* IE*/
		background-image:url(bilder/rottransparent.png);}

/* -----------------------------------------------------Menüpunkte unterlegte rot ------------*/
div#menue ol
		{text-align:right;
		margin-right:95px;
		list-style:none;
		line-height:30px;
		}
		.jetzt1em{margin-bottom:20px;}		
div#menue ol li a 
		{text-decoration:none;}
		
/*---------------------------------------geklickte Zustände________________*/		
ol#navigation{margin-top:60px;}
ol#navigation li a{white-space:nowrap;}
ol#navigation li a:link{color:#ffcccc;/*#babe03;*/}	
ol#navigation li a:active{color:#000000;}
ol#navigation li a:visited{color:#ffaaaa;}	
ol#navigation li a:focus{color:#80ff80;}
ol#navigation li a:hover{color:#e6e6e6;}	

.activ{color:#000000 !important;}
/*------------------------------------------  Untermenü  im Rotenbereich  links  senkrecht -------------*/
ul.untermenueschrift li 
			{text-align:left;
			text-decoration:none;
			margin-left:107px;
			line-height:25px;
			font-size:85%;}
ul.untermenueschrift li a{margin-bottom:6px;}

/*----------------------------------oben -&-BILD  Untermenü  oben  waagerecht -------------*/
	
div.bildmenue{background-image:url(bilder/grauhalb9.jpg);/*Farbe:c0c0c0 */
					background-repeat:repeat-x; position:fixed; 
					height:30px; width:745px;
					z-index:1; /*grauer balken*/}

div.bildmenue ul li{float:right; margin-left:5px;/* quadrate 2x2 bildmenue*/}
div.bildmenue ul{margin-top:7px;margin-right:-17px;}
/*--------------------------------------------rechte Inhaltsfläche   Bildpositionen -------------*/
div#inhalt				
		{margin-left:243px;
		width:757px;}
		
ul#galerie li	{margin-bottom:14px;}

/*----------------------------- Bild Buttens  Index ---------------------   */
	.xxlnebeneinander{padding-left:40px;float:left;margin-top:250px;}		
				
/*----------------------------------------------die galerie  der Werke ---  klein  groß ---------------------*/ 
	div#erklaerung{	clear:right; font-size:1.2em; width:370px;}
	.nebeneinander{float:left; margin-right:5px;}			
	.break	{clear:left;}
	#galerie{padding-top:250px;}
	.titel{text-align:right;}
/*---------------------------------------------Werkserien Text -positionen ----------------------*/

	 
	.werk1{ padding-top:150px;
			margin-left:20px;
			float:left;
			width:160px;}
			
/*----------------------------------------------die Text spalten  Vita etc ------------------------*/ 
	.texte{ float:left;
			margin-top:40px;
			margin-right:12px;
			width:240px;
			color:#919191;
			line-height:15px;} 	
	.textbilder{margin-bottom:16px;margin-top:7px;margin-left:3px; float:right; }
	.textbilderdaniel{margin-bottom:7px;margin-top:7px;margin-left:3px; margin-right:16px; float:left; }		
	.vita{ 	float:left;
			margin-top:60px;
			width:370px;
			color:#919191;
			line-height:15px;} 		
		
	h2 {font-size:110%;
		margin-bottom:22px;}
	h3 {font-size:100%;margin-bottom:20px;
		}	
	 
a.geklickt:link{color:#ffffff;} /*weiß Zustand wenn der Link noch nicht geklickt wurde*/
a.geklickt:active{color:#bdfdf7;} /*Zustand wenn der Link geklickt wurde*/
a.geklickt:visited{color:#9c9c9c;} /*hellesgrau Zustand wenn der Link schon geklickt wurde*/
a.geklickt:focus{color:#80ff80;} /*gelb wichtig Zustand wenn der Link mit Tastatur überfahren wird
*/