* {
margin: 0;
padding: 0;
}
body {
	height: 860px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%; /* es war 100% - alles passte - wg. IE auf 90% - das ist im IE wie vorher Firefox */
	color:#FFFFFF;
	background: #feeeb2 url(../img/Uli_Michels_seite_ganz_10x860.jpg) repeat-x top left;
	margin: 0;
	padding: 0;
	text-align: center;
	}
	a, a:link, a:visited, a:focus {
	color: #fff;
	text-decoration: none;
	}
	a:hover, a:active {
	color: #feeeb2;
	background: transparent;
	text-decoration: none;
	}
    
    #container {
	width: 92%;  
	background: transparent;
	margin: 0 auto;
	text-align: left;
    }
    #header {
	padding: 0;  
	height: 157px;
	background: #b3a892 url(../img/Uli_Michels_oben_grau_10x157.jpg) repeat-x top left;
	overflow: hidden;
	}
    #header h1 span {
	margin: 0;
	display: none;
	} 
    #mainContent {
	height: 562px;
	width: 960px;  /* war 898px */
	margin: 0 auto;
	background: transparent url(../img/Uli_Michels_Home_562x960px.png) no-repeat top left;
	margin: 0 auto;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.15em;  /* 1.2em nützt was, aber leider auch im IE 8 */
    }
	
/*	#DreierSymbol {
	}    
erstmal über PNG Bild-Datei gelöst  */  

	
	#navlinks {
	position: absolute;
	top: 45px;
	height: 450px;
	width: 125px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 92%;  /* war 96% - mache jetzt 0.95em */
	font-weight: normal;
	left: 75px;  /* war bisher 15px, jetzt +60px wg. 3Symbol - Navi u.Hauptfeld MÜSSEN nach RECHTS, PSD sagt 63px  */
	z-index: 10;
	}
	
	#navlinks .nav {
	width: 112px;
	margin: 0;
	padding: 0;
	}
	#navlinks li {
	display: inline;
	}
	#navlinks .nav a {
	display: block;
	width: 100px;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.95em;  /* war 0.98em  */
	color: #fff;
	padding: 8px 2px 8px 12px;
}
	#navlinks .nav a:hover, a:active {
	color: #feeeb2;
	text-decoration: underline;
}
	#navlinks .nav a:focus {
	color: #fff;
	outline: none;
}
	#navlinks .nav a:visited {
	color: #fff;
}
    #hauptfeld {
	position: absolute;
	font-size: 1em;  /* war 96% - mache jetzt 1.0em */
	left: 395px;    /* war bisher 335px, jetzt +60px wg. 3Symbol - Navi u.Hauptfeld MÜSSEN nach RECHTS, PSD sagt 63px  */
	top: 30px;
	height: 465px;
	width: 520px;    /* war 533px - wg. nervigem Zeilenumbruch... */
	padding-right: 30px;
	z-index: 20;
	}
	#hauptfeld  h1 {
	font: Arial, Helvetica, sans-serif;
	font-size: 1.15em;  /* war 1.2em  */
	}
	#hauptfeld  h1 span {
	display: none;
	}
	#hauptfeld  h2 {
	background: transparent url(../images/Geschichten_v_Menschen_393x22.png) no-repeat top left;
	font: Arial, Helvetica, sans-serif;
	font-size: 1.15em;   /* war 1.2em  */
    padding: 40px 5px 15px 0px;
	margin-bottom: 15px;
	}
	#hauptfeld  h2 span {
	display: none;
	}
	#hauptfeld h3 {
	background: transparent url(../images/Fernsehreportagen_Uli_Michels_357x23.png) no-repeat top left;
	font: Arial, Helvetica, sans-serif;
	font-size: 1.15em;    /* war 1.2em  */
    padding: 10px 5px 15px 0px;
	margin-bottom: 15px;
	}
	#hauptfeld h3 span {
	display: none;
	}
	
    #hauptfeld p {
	font-size: 0.96em;  /*  war 1.03em  */
	line-height: 1.2em;
	}
	#hauptfeld p span {
	font-size: 0.98em;    /* war 1em - mache auf  0.98em    */
	color: #feeeb2;
	font-weight: bold;
	padding-top: 5px;
	}
	
    #footer {
	padding: 0; 
	margin: 0;
	height: 141px;
	background: #feeeb2 url(../img/Uli_Michels_unten_gelb_10x141.jpg) repeat-x top left;
	overflow: hidden;
    } 
    #footer p {
	margin: 0;
    }
	#footer h3 span {
	display: none;
	}

	#navlinks p.nav_Ohne {
	display: block;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.95em;
	padding: 8px 2px 8px 12px;
	color: #FEEEB2;
	width: 100px;
	}
#navlinksZusatz {
	position: absolute;
	top: 426px;
	height: 40px;
	width: 300px;
	color: #D7512B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;  /* war 96% - mache jetzt 0.95em */
	font-weight: bold;
	left: 75px;  /* war bisher 15px, jetzt +60px wg. 3Symbol - Navi u.Hauptfeld MÜSSEN nach RECHTS, PSD sagt 63px  */
	z-index: 30;
	background-color: #FEEEB2;
}
#navlinksZusatz a.linkicon {
	padding-left: 15px;
	color: #D7512B;
	background: transparent url(../images/pfeil_kreis_ogelb_15x13.png) no-repeat center left;
	margin-left: 5px;
	font-size: 0.95em;
}
#navlinksZusatz a.linkicon:hover {
	padding-left: 15px;
	color: #feeeb2;
	background: #d7512b url(../images/pfeil_kreis_hgelb.png) no-repeat center left;
	margin-left: 5px;
	text-decoration: underline;
}	
