﻿* {
margin: 0;
padding: 0;
}
body {
	height: 860px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%; /* es war 100% - wg. IE auf 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 */
	padding: 0;
	margin: 0 auto;
	background: transparent url(../img/Uli_Michels_purBG_562x960px.png) no-repeat top left;
	margin: 0 auto;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.15em;  /*     1.15   war 1.2em nützt was  */
    }
    #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;      /* war bisher 15px, jetzt +60px wg. 3Symbol - Navi u.Hauptfeld MÜSSEN nach RECHTS   */
	}

	#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;
	left: 395px;
	top: 48px;
	height: 446px;  /* war mal 350px  */
	width: 535px;  /* war mal 535 dann 350px  */
	padding-right: 3px;
	font-size: 96%;
	}
	#hauptfeld  h1 {
	font: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	}
	#hauptfeld  h1 span {
	display: none;
	}
	#hauptfeld  h2 {
	background: transparent url(../images/Datenschutzerklaerung_179x23.png) no-repeat top left;
	font: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 10px 5px 12px 0px;
	margin-bottom: 2px;
	}
	#hauptfeld  h2 span {
	display: none;
	}
	#hauptfeld h3 {
	font: Arial, Helvetica, sans-serif;
	font-size: 0.94em;
	font-weight: 600;
	color: #fff;
	padding-bottom: 0px;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	padding-top: 8px;
	} 
	
	#hauptfeld h4 {
	font: Arial, Helvetica, sans-serif;
	font-size: 0.94em;
	font-weight: 400;
	color: #feeeb2;
	letter-spacing: -0.02em;
	padding-bottom: 0px;
	padding-top: 6px;
	}
	#hauptfeld h4.tab {
	margin-left: 0.3em;
	}
 
    #hauptfeld p {
	font-size: 0.92em;
	color: #fff;
	margin-bottom: 6px;
	line-height: 1.15em;
/*	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;
}	 
	#hauptfeld a.link_ohnIcon {
	font-style: normal;
	font-size: 0.96em;
}
	#hauptfeld a.link_ohnIcon:hover {
	font-style: italic;
	font-size: 0.96em;
	letter-spacing: -0.02em;
	border-bottom: 1px solid;
	padding-bottom: 2px;
}

	#hauptfeld a.linkicon2 {
	padding-left: 20px;
	color: #feeeb2;
	background: transparent url(../images/pfeil_kreis_turn_hgelb.png) no-repeat center left;
	margin-left: 10px; 
}
	#hauptfeld a.linkicon2:hover {
	padding-left: 20px;
	color: #feeeb2;
	background: #d7512b url(../images/pfeil_kreis_turn_ogelb_15x13.png) no-repeat center left;
	margin-left: 10px;  
	text-decoration: underline;
}
	
/* 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;
	}
