/* Standard-CSS für www.hagenmueller-innenausbau.de */

/* 	Wichtige Farben:
weiss					#ffffff
beige					#FFF5E2
hell-orange		#FFD68D
dunkel-orange	#FAAA18
dunkel-rot		#B00E0A
rot h1				#E84D0E
*/

/* alle Abstände auf NULL gesetzt */
html, body, div, p, h1, h2, h3, ul, ol, 
span, a, table, td, form, img, li
{
	margin: 0;
	padding: 0;
}

/* html & body - Formatierungen */
html {
	height:101%;
}

body
{
	background-color:#ffffff;
	font-size: 100.01%;
}

/* allgemein gültige Formatierungen */
p, ul
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  line-height: 1.4em; 
  color: #7C0A0D;
  margin: 0 10px 10px 15px;
}

h1
{
	margin: 0 10px 25px 10px;
	padding: 10px 0 0 0;
  border-bottom: 1px solid #E84D0E;
	font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 1.0em;
  color: #E84D0E;
	font-weight:bold;
}

h2 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
	line-height: 1.3em;
  color: #7C0A0D;
	font-weight:bold;
  margin: 25px 10px 20px 15px ;
}

h3
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  color: #7C0A0D;
  margin: 15px ;
	padding: 2px 5px;
	font-weight:bold;
	border:1px dashed #faaa18;
}

h4 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.7em;
	line-height: 1.3em;
  color: #7C0A0D;
  font-weight:normal;
  margin: 25px 10px 20px 15px ;
}
ul
{
	margin-left:50px;
}
ul.nach_foto
{
	margin-left:150px;
}
li {

}

a:link,
a:visited
{
	color:#B00E0A;
}
a:hover,
a:focus,
a:active 
{
	background-color:#B00E0A;
	color:#ffffff;
	text-decoration:none;
}

strong 
{
	font-weight: bold;
}
.nonstrong
{
	font-weight:normal;
}

.klein 
{
	font-size: 0.7em;
}
.c 
{
	clear: both;
}
.center 
{
	text-align: center;
}
.right 
{
	text-align: right;
}
.top 
{
	vertical-align: top;
}
.rahmen 
{
	border: 2px solid #FAAA18;
}

.nav_aktiv
{ /* Einfärben des Navigationspunktes wenn dieser aktiv */
	color:#B00E0A;
}

/* Navi-Bilder in der Mitte */
a:link img.navi_bild,
a:visited img.navi_bild,
a:focus img.navi_bild,
a:hover img.navi_bild,
a:active img.navi_bild
{
	display:inline;
	float:right;
	margin:-15px 180px 0 10px;
	border:1px solid #faaa18;
}
a:focus img.navi_bild,
a:hover img.navi_bild,
a:active img.navi_bild
{
	display:inline;
	float:right;
	margin:-15px 180px 0 10px;
	border:1px solid #ffffff;
}

/*Definition für Links, die bei Mouseover keine Hintergrundfarbe haben sollen*/
a.ohne_hg:link,
a.ohne_hg:visited,
a.ohne_hg:focus,
a.ohne_hg:hover,
a.ohne_hg:active
{
	background-color:#ffffff;
}

/* BILDER */
img {
   border: 0;
}
img.links_im_text{
	float:left;
	border:1px solid #faaa18;
	margin-right:10px;
}
img.links_im_text_o_rahmen{
	float:left;
	margin-right:20px;
}
img.links_im_text_vor_liste{
	float:left;
	border:1px solid #faaa18;
	margin-left:15px;
	margin-right:30px;
	margin-bottom:15px;
}
img.rechts_im_text{
	float:right;
	border:1px solid #faaa18;
	margin-left:10px;
}

.zitat{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:0.8em;
	line-height:1.3em;
	font-weight:bold;
	color:#EA9700;
	margin:15px;
}

.realized_by{
	font-size:0.6em;
	text-align:right;
	padding:0;
	margin:0 0 10px 0;
}

/************************************/
/************** EBENEN **************/
/************************************/

/* Hintergrund */
#hintergrund
{
		width:755px;
		margin: 0 auto;
		padding-bottom: 10px; /* ohne dieses padding reicht die Hintergrundebene nicht über das Seitenende hinaus (Angabe von margin-bottom bei der letzten Ebene reicht nicht aus) */
		background-color:#FFD68D;
		text-align:left;
}

	/* HEADER */
	#header
	{
	
	}
		/* Elemente innerhalb von #header */
		#h_1
		{
			float:left;
		}
			/* Logo darf beim Überfahren keinen roten Hintergrund bekommen */
			#h_1 a.logo:link,
			#h_1 a.logo:visited,
			#h_1 a.logo:focus,
			#h_1 a.logo:hover,
			#h_1 a.logo:active
			{
				background-color:#FFD68D;
			}

			#header_grafik1
			{
				margin: 10px 10px 0 10px; /* margins der Ebene #header werden hier geregelt, da Angabe in #header zu Anzeigeprobs führt */
			}
		#h_2
		{
			float:right;
		}
			#header_grafik2
			{
				margin: 10px 10px 0 0;
			}

	/* HAUPTNAVIGATION */
	#navi
	{
		display:inline;
		float:right;
		width:543px;
		margin:10px 10px 0 0;
		background-color:#ffffff;
		text-align:left;
	}
		/* Elemente innerhalb der Hauptnavigation */
		#navi ul
		{
			margin:	0 0 0 10px;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-weight:bold;
			line-height:1.5em;
			color:#FDC664;
			list-style-type:none;
		}
		#navi li
		{
			float:left;
			margin-right:5px;
		}
		#navi a:link,
		#navi a:visited
		{
			padding: 1px 2px 2px 2px;
			color:#B00E0A;
			text-decoration:none;
		}
		#navi a:focus,
		#navi a:hover,
		#navi a:active
		{
			padding: 1px 2px 2px 2px;
			background-color:#B00E0A;
			color:#ffffff;
			text-decoration:none;
		}
		#navi a.aktiv:link,
		#navi a.aktiv:visited,
		#navi a.aktiv:focus,
		#navi a.aktiv:hover,
		#navi a.aktiv:active
		{
			padding: 1px 2px 2px 2px;
			background-color:#ffffff;
			color:#B00E0A;
			text-decoration:none;
		}

	/* Ebene, welche die Floats nach der Hauptavigation auflöst, */
	/* hier eingefügt, da Mac IE5 clear:both; auf Child-Elemente vererbt! */
  #break
	{
	height:10px;
	margin:0;
	padding:0;
	clear:both;
	font-size:1px;
	}

	/* linke Seite mit Unternavigation und Bild */
	/* LINKS allgemein */
	#links
	{
		float:left;
		display:inline;
		width:136px;
		margin:0 10px 0 10px; /* ORIGINAL: margin-left:10px */
		text-align:center;
	}
		/* SUBNAVIGATION */
		/* liegt innerhalb von #links */
		#subnavi
		{
			padding-bottom: 30px;
			background-color:#FEF8EC;
		}
		#subnavi.leer
		{
			padding-bottom: 15px;
			background-color:#fef8ec;
		}
			/* Elemente innerhalb von #subnavi */
			#zahl
			{
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:3em;
				font-weight:bold;
				color:#FAAA18;
			}
			#subnavi ul
			{
				list-style-type:none;
				margin:	0;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:0.75em;
				line-height:1.3em;
				font-weight:normal;
			}
			#subnavi li
			{
				display:inline;
			}
			#subnavi a:link,
			#subnavi a:visited
			{
				display:block;
				margin:	10px 0;
				padding: 0 10px;
				background-color:#FCDCA0;
				color:#B00E0A;
				border-top:1px solid #FCDCA0;
				border-bottom:1px solid #FAAA18;
				text-decoration:none;
				text-align:left;
			}
			#subnavi a:hover,
			#subnavi a:focus
			{
				display:block;
				margin:	10px 0;
				padding: 0 10px;
				background-color:#B00E0A;
				color:#FFF5E2;
				border-top:1px solid #FCDCA0;
				border-bottom:1px solid #FAAA18;
				text-decoration:none;
				text-align:left;
			}
			#subnavi a:active,
			/* Auszeichnungen für ausgewählte Untermenüpunkte */
			#subnavi a.aktiv:link,
			#subnavi a.aktiv:visited,
			#subnavi a.aktiv:focus,
			#subnavi a.aktiv:hover,
			#subnavi a.aktiv:active
			{
				display:block;
				margin:	10px 0;
				padding: 0 10px;
				background-color:#ffffff;
				color:#B00E0A;
				border-top:1px solid #ffffff;
				border-bottom:1px solid #FAAA18;
				text-decoration:none;
				text-align:left;
			}
		/* Ebene unterhalb von #subnavi - gerahmtes Foto */
		#links_foto
		{
			margin:10px 0 10px 0;
		}

	/* INHALT */
	/* 2 verschachtelte Ebenen um Box Model Hack zu umgehen */

	/* Ebene rechts der Subnavigation */
	#rechts
	{
		float:right;
		display:inline;
		width:589px; 
		margin: 0 10px 10px 0; 	/* ORIGINAL: margin-left:10px */
		background-color:#FFF5E2; /* FFD68D */
	}
		/* INHALT - Ebene innerhalb von #rechts */
		#inhalt
		{
			background-image:url(../grafiken/layout/inhalt_hintergrund.gif);
			text-align:left;
		}
			#inhalt ul,
			#inhalt p
			{
				margin-bottom:0px;
				padding-bottom:10px;
			}

	/* FUSS */
	#footer
	{
		margin:0 10px 0 10px;
		text-align:center;
		background-color:#B00E0A;
	}
		/* elemente innerhalb von #footer */
		#footer p
		{
			padding:0 5px;
			margin:0;
			color:#FFF5E2;
		}
		#footer a:link,
		#footer a:visited
		{
			color:#FFF5E2;
			text-decoration:none;
		}
		#footer a:focus,
		#footer a:hover,
		#footer a:active
		{
			background-color:#fff5e2;
			color:#b00e0a;
			text-decoration:underline;
		}
		
#realized
{
	width:755px;
	margin: auto;
}