﻿* {
margin: 0;
padding: 0;
}
body {
	height: 860px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	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_Kontakt_562x960px.png) no-repeat top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.15em;  /* 1.2em nützt was, aber leider auch im IE 8 */
	position: relative;
    }
    #navlinks {
	position: absolute;
	top: 45px;
	height: 450px;
	width: 125px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 92%;
	font-weight: 400;
	left: 75px;
	}
	#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;
	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;
	left: 395px;
	top: 48px;
	height: 448px;  /* war mal 350px  */
	width: 255px;  /* war mal 535 dann 350px  */
	padding-right: 3px;
	font-size: 0.95em;
	}
	#hauptfeld  h1 {
	font: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	}
	#hauptfeld  h1 span {
	display: none;
	}
	#hauptfeld  h2 {
	background: transparent url(../images/Kontakt_Uli_Michels_64x23.png) no-repeat top left;
	font: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 10px 5px 10px 0px;
	margin-bottom: 15px;
	}
	#hauptfeld  h2 span {
	display: none;
	}
	#hauptfeld h3 {
	font: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-weight: 600;
	color: #fff;
	padding-bottom: 0px;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	padding-top: 8px;
	}  
    #hauptfeld p {
	font-size: 1.0em;
	color: #fff;
	margin-bottom: 5px;
/*	line-height: 1.08em;  */
	}
	#hauptfeld p span {
	font-size: 1.02em;
	color: #fff;
	padding-bottom: 6px;
	margin-bottom: 0px;
	} 
/* hier eingefügt die kl.Pfeil-Button f. Links   */
	#hauptfeld a {
	color: #feeeb2;
	font-weight: 500;
	outline: none;
	font-style: italic;
	text-decoration: none;
	}
	#hauptfeld a.linkicon {
	padding-left: 20px;
	color: #feeeb2;
	background: transparent url(../images/pfeil_kreis_hgelb.png) no-repeat center left;
}
	#hauptfeld a.linkicon:hover {
	padding-left: 20px;
	color: #feeeb2;
	background: #d7512b url(../images/pfeil_kreis_ogelb_15x13.png) no-repeat center left;
	text-decoration: underline;
}	 
	#hauptf_re {
	position: absolute;
	font-size: 0.93em;
	top: 48px;					/* float: klappt nicht */
	left: 675px;
	width: 250px;
	height: 448px;
	}
	
/*	#hauptfeld a.linkicon:hover {
	padding-left: 20px;
	color: #feeeb2;
	background: #d7512b url(../images/pfeil_kreis_ogelb_15x13.png) no-repeat center left;
	margin-left: 10px;  
	text-decoration: underline;
}
	#hauptf_re  h2 {
	background: transparent url(../images/Kontakt_Uli_Michels_64x23.png) no-repeat top left;
	font: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 10px 5px 8px 0px;
	margin-bottom: 15px;
	}
	#hauptf_re  h2 span {
	display: none;
	}  */
	#hauptf_re h3 {
	font: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-weight: 600;
	color: #fff;
	padding-bottom: 3px;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	}  
	#hauptf_re h4 {
	font: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-weight: 600;
	color: #fff;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	padding-bottom: 2px;
	padding-top: 8px;
	} 
    #hauptf_re p {
	font-size: 0.96em;
	color: #fff;
	margin-bottom: 4px;
	}
	#hauptf_re p span {
	font-size: 1.02em;
	color: #fff;
	padding-bottom: 6px;
	margin-bottom: 0px;
	} 
/* hier eingefügt die kl.Pfeil-Button f. Links   */
	#hauptf_re a {
	color: #feeeb2;
	font-weight: 500;
	outline: none;
	font-style: italic;
	text-decoration: none;
	}
	#hauptf_re a.linkicon {
	padding-left: 20px;
	color: #feeeb2;
	background: transparent url(../images/pfeil_kreis_hgelb.png) no-repeat center left;
	margin-left: 10px; 
}
	#hauptf_re a.linkicon:hover {
	padding-left: 20px;
	color: #feeeb2;
	background: #d7512b url(../images/pfeil_kreis_ogelb_15x13.png) no-repeat center left;
	margin-left: 10px;  
	text-decoration: underline;
}	 
	#hauptfeld a.link_icon2 {
	color: #feeeb2;
	background: transparent url(../images/pfeil_kreis_hgelb.png) no-repeat center left;
	padding-left: 24px;
	margin-left: 10px; 
}
	#hauptfeld a.link_icon2:hover {
	color: #feeeb2;
	background: transparent url(../images/pfeil_kreis_ogelb_15x13.png) no-repeat center left;
	padding-left: 24px;
	margin-left: 10px; 
	text-decoration: underline;
}
    #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;
	}
