* { padding: 0; margin: 0; }

body {
   background: #FF9A63; /* 73x465px */
   margin: 0;                    /* ??? */
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #684F0C;
   /*line-height: 1.2em;*/
   }

h1, h2, h3 {color: #EF3809; }

/* http://www.evolt.org/article/A_revised_method_of_defining_link_pseudo_classes/17/35541/index.html */
:link:focus, :visited:focus { color: #EF3809;text-decoration: underline; }
:link {color: #DC143C;text-decoration: none;}
:visited {color: #DC143C;text-decoration: none;}
:link:hover, :visited:hover {color: #EF3809;text-decoration: underline;}
:link:active, :visited:active {color: #EF3809;}

/* --- container: Enthält alle anderen Elemente -------------------------------------- */

#container {
   background: transparent url(graphics/bg_container.gif) repeat-y center; /* 73x465px */
   width: 780px;
   margin: 0 auto;
   }

/* --- header: Nur die Kopfgrafik. h1 wird nicht angezeigt --------------------------- */

#header {
   background: transparent url(graphics/header.jpg) no-repeat bottom center;
   width: 780px;
   height: 140px;
   }
#header h1 { position: absolute; margin-top: 20px; margin-left: 30px; font-size: 36px; color: white;}

/* --- Menü... ----------------------------------------------------------------------- */

#menu {
   float: left;
   width: 200px;
   }

#navigation ul { margin: 0; padding: 0; list-style: none; width: 200px; /*border-bottom: 1px solid #F76D4A;*/ }
#navigation ul li a {
	display: block;
	text-decoration: none;
	color: #EF3809;
	background: #FFEFD5;
	padding: 5px;
	border-top: 1px solid #EF3809;
	border-left: 1px solid #EF3809;
	border-bottom: 0;
	}
#navigation ul.level1 {	padding-left: 20px; width: 180px; }
#navigation ul.level1 a { padding-top: 3px; padding-bottom: 3px;}
/* Fix IE. Hide from IE Mac \*/
* html #navigation ul li { float: left; }
* html #navigation ul li a { height: 1%; }
/* End (siehe http://www.alistapart.com/articles/horizdropdowns) */

#navigation ul li.home a,
#navigation ul li a:hover {
	color: #FFEFD5;
	background: #EF3809;
}

/* content: Der eigentliche Inhalt --------------------------------------------------- */

#content { position:relative; float: right; width: 580px; background-color: #FFE4B5; }

#content p,
#content h1,
#content h2,
#content h3,
#content ul
{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#content p { padding-top: 0px; }

#content p.quote {
   text-align: center;
	font-weight: bold;
	font-family: Georgia, Times, serif;
	font-size: larger;
	line-height: normal;
   padding: 12px 10px 8px 10px;
}

#content p.citation {
	margin-left: 400px;
	font-family: Georgia, Times, serif;
	line-height: normal;
   padding: 0px 10px 8px 10px;
}

#content h2 {
	font-size: 17px;
	font-weight: normal;
}

#content h3 {
	font-size: 14px;
	font-weight: normal;
}

#content ul { padding-top: 0px; padding-left: 40px; }
#content ul li { padding-bottom: 5px;}

/* footer... ------------------------------------------------------------------------- */

#footer {
   clear: both;
   background: transparent url(graphics/footer.jpg) no-repeat bottom center;
   text-align: center;
   font-size: 11px;
   font-weight: bolder;
   width: 780px;
   height: 70px;
}

#footer p {
	font-size:90%; padding-top:5px;
}