/* ++++++++ Allgemeine Angaben ++++++++ */

/* Zuruecksetzen der Standard-Abstaende der Browser */
* {
	margin:0;
	padding:0;
}

body {
	background-color:#ff6000;
	color:#000;
	font:100%/1.4 "Trebuchet MS", Arial, sans-serif;
}

p {
	margin:1em 0;			/* allgemeiner Randabstand für Textabsätze */
}

/* Linkformatierung */
a {
	color:#ff6000;
}

a:visited {
	color:#666;
}

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

address {
	font-style:normal;		/* hebt Standard-Kursivschrift der Browser auf */
	}

/* ++++++++ Spezielle Angaben / Layout ++++++++ */

/* Zentrieren des gesamten Inhalts */

#wrapper {
	width:730px;
	margin:0 auto;
	background-color:#fff;
	background-image:url(../img/shadow.gif) ;
	background-repeat:repeat-y;
	background-position:right;
}

/* Kopfbereich */

#header {
	background:#ff6000 url(../img/titel.jpg) no-repeat 0 30px;
	padding-top:160px;		/* schafft Platz für Titelgrafik */
	float:left;				/* zum Einschließen der Floats */
	width:100%;				/* bei Float stets eine Breite angeben */
}

h1 {
		display:none;		/* Text wird durch Titelgrafik ersetzt */
	}

/* Navigation */

ul#navigation {
	background:url(../img/shadow-top.gif) no-repeat right top;
	float:left;					/* zum Einschließen der Floats */
	width:100%;					/* bei Float stets eine Breite angeben */
	list-style:none;
}

#navigation li {
	float:left;					/* Nebeneinanderstellen der Menüpunkte */
	width:180px;
}

#navigation a,
#navigation em {
	color:#999;
	background-color:#f7f7f7;
	background-image:url(../img/nav-shadow.gif);
	background-repeat:no-repeat;
	background-position:left top;
	display:block;				/* Link über gesamte Breite des Menüpunkts anklickbar */
	text-align:center;
	padding:.5em 0;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
}

#navigation a:hover {
	color:#ff6000;
}

#navigation li:first-child a {
	background-image:none;		/* blendet linken Schatten für ersten Menüpunkt aus */
}

#navigation em {				/* em-Element ersetzt den Link des aktiven Menüpunkts */
	background:#fff;
	color:#ff6000;
	font-style:normal;
}

/* Inhaltsbereich */

#content {
	padding:3em 60px 60px 80px;
	clear:left;					/* beendet das Float des Kopfbereichs 
	background:url(../img/risotto-teller.jpg) left bottom no-repeat;*/
}

#content ul {
	/*list-style-image:url(../img/ul-dot.gif);*/	/* Position des Listenbildes nicht kontrollierbar */
	list-style:none;								/*	durch background-image für li ersetzt */
}

#content ul li {
	background:url(../img/ul-dot.gif) 0 .6em no-repeat;		/* Aufzählungszeichen als Hintergrundbild */
	padding-left:12px;				/* schafft Platz für Aufzählungszeichen */
	margin-left:-12px;				/* rückt das Aufzählungszeichen nach links aus */
}

#content li {
	margin:1em 0;
}

#content li img {
	float:right;					/* Das Bild steht rechts, der Inhalt fließt links daran vorbei */
	margin-right:-30px;				/* rückt das Bild auf den padding-Bereich des umgebenden Elements #content */
}
#content img {
	float:right;					/* Das Bild steht rechts, der Inhalt fließt links daran vorbei */
	margin: 15px -35px 10px 10px;				/* rückt das Bild auf den padding-Bereich des umgebenden Elements #content */
}
#webmaster{
	font-size: .8em;
	padding-top: 40px;
}

/* Fußzeile */

p#footer {
	background:#ff6000 url(../img/shadow-bottom.gif) no-repeat top;
	clear:right;
	padding-top:10px;			/* schafft Platz für Schattenbild */
	padding-bottom:20px;		/* rückt den Footer von Browserunterkante ab */
	color:#666;
	font-size:80%;
	text-align:center;
	margin:0;					/* hebt den allgeinen Randabstand der p-Elemente auf */
}