/*
Werbestudio-Mack 2006
Kunde // Metzgerei Ohr in Sinsheim-Dühren
rot		c1172b
grau	5f5d5d
*/

/*
																	Layout allgemein
--------------------------------------------------------------------------------------------*/
* {
	font-size: 100.01%;
	font-family: "Arial", helvetica, sans-serif;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

body {
	background: #fff url(../images/back/main_back.jpg) repeat-x; 
}

#container {
	margin: 0 auto 0 auto;
	width: 750px;
	min-height: 583px;
}

*html #container { height: 580px; }		/* IE HACK */

#banner {
	background: #fff url(../images/back/banner_back.jpg) repeat-x;
	height: 79px;
}

#bild {
	width: 300px;
	min-height: 180px;
	float: right;
}

*html #bild { height: 180px; }			/* IE HACK */

#panoramabild {
	width: 620px;
	min-height: 180px;
	float: right;
	border: 0px solid #ff00cc;
}

*html #panoramabild { height: 180px; }

#navigation {
	width: 130px;
	min-height: 180px;
	float: left;
	background-color: #c1172b;
}

#inhaltgrau {
	float: right;
	width: 275px;
	min-height: 300px;
	background-color: #ccc;
	font-size: 0.75em;
	padding: 1em;
	text-align: justify;
}

*html #inhaltgrau { height: 340px; }	/* IE HACK */

#inhalt {
	font-size: 0.75em;
	width: 400px;
	padding: 0.7em 0 0 0.5em;
}

#urlaub {
	background-color: #fff;
	padding: 10px;
	margin: 15px 0 15px 0;
	border: 3px solid #c1172b;
	width: 404px;

}

/*
																			Navigation
--------------------------------------------------------------------------------------------*/

#navlist {
	list-style-type: none;
}

#navlist li {
	list-style-type: none;
	padding: 0.25em 0 0.12em 0.6em;
	margin: 0;
}

#navlist a:link, a:visited {
	font-size: 0.9em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

#navlist a:hover {
	color: #000;
	text-decoration: none;
}

#aktiv {
	background-color: #5f5d5d;
	margin: 0.3em 0 0 0.6em;
}

/*
																			Logo Metzgerei
--------------------------------------------------------------------------------------------*/

img.logo {
	margin: 0.5em 0 0 0;
}

/*
																			Adresse oben
--------------------------------------------------------------------------------------------*/

#adresse {
	float: right;
	margin: 0.5em 0.5em 0 0;
	font-size: 0.7em;
	text-align: center;
}

/*
																			Überschriften
--------------------------------------------------------------------------------------------*/

h1 {
	font-size: 1.2em;
	line-height: 2em;
}

/*
																			Links a
--------------------------------------------------------------------------------------------*/

a:link.textlink, a:visited.textlink {
	color: #c1172b;
	text-decoration: underline;
}

a:hover.textlink {
	color: #000;
	text-decoration: none;
}

a:link.adresslink, a:hover.adresslink, a:visited.adresslink {
	text-decoration: none;
	color: #000;
}

/*
																			Formular Kontakt
--------------------------------------------------------------------------------------------*/

fieldset {
	width: 25em;
	height: 280px;
	display: block;
	background: #ccc;
	float: left;
	margin: 0.7em 1em 0 0;
	padding: 0 0 0 1em;
}

label {
	padding: 0.7em 1em 0 0;
	display: block;
	font-size: smaller;
}

*html label { padding: 0.7em 0 0 0.8em; }			/* -- --  FÜR DEN IEXPLORER -- -- */
*html fieldset { padding: 0 0 0 0.2em; }			/* -- --  FÜR DEN IEXPLORER -- -- */

input, textarea {
	width: 23em;
	margin: 0.2em 0 0.2em 0;
	background-color: #fff;
	border: 1px solid #c1172b;
	color: #000;
}

.submit {
	width: 100px;
}

/*
																			Tagesessen Tabelle
--------------------------------------------------------------------------------------------*/

#tagesessen {
	width: 90%;
	border: 0;
	margin: 0 0 1em 0;
}

#tagesessen th {
	text-align: left;
	color: #c1172b;
}

#tagesessen td {
	padding: 0 0 0 1em;
}

/*
																			Bilder img
--------------------------------------------------------------------------------------------*/

.bildrahmen {
	border: 1px solid #c1172b;
}

.rechtsfluss {
	margin-left: 0.5em;
	border: 1px solid #c1172b;
	float: right;
}

.linksfluss {
	margin-right: 0.5em;
	border: 1px solid #c1172b;
	float: left;
}

/*
																	sup hochgestellte Zahlen
--------------------------------------------------------------------------------------------*/

sup {
	font-size: 0.6em;
}