/* ========== [ BODY ] ========== */

body {
	margin: 0;
	padding: 0;
	background: repeat-x url(../images/bg-body.jpg);
	font: 12px/175% "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	}

/* ========== [ LAYOUT ] ========== */

#header {
	clear: both;
	height: 150px;
		}

#header form{
	margin-left: 560px;
		}

#container {
	width: 90%;
	min-width: 600px;
	max-width: 1000px;
	margin: 0 auto;
	border: 1px solid #6D6D5C;
		}

#nav-language {
	clear: both;
	padding: 0 5px 0 5px;
	margin: 0;
		}

#nav-language img {
	border: 0;
	}

#content {
	padding: 2%;
	margin-top: 30px;
	}

#content-2 {
	padding: 2%;
	margin-top: 30px;
	}

.content-like-padding {
	padding: 0 2%;
	}

#footer {
	clear: both;
	width: 98%;
	padding: 1%;
	font-size: 0.75em;
	text-align: center;
	}

.gutter {
	padding: 10px;
	}


/* ========== [ HEADINGS ] ========== */

h1 {
	font: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color:#991717;
	}

h2 {
	font: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color:#991717;
	}

h3 {
	font: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color:#991717;
	}

h4, h5, h6 {
	font: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color:#991717;
	}
h1, h2, h3, h4, h5, h6 {
	margin-top: 2em;
	}
	
.header-redbig {
	font: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 3.2em;
	color:#991717;
	}

/* ========== [ LINKS ] ========== */

a:link {
	color: #0066CC;
	text-decoration: none;
	}

a:visited {
	color: #0099FF;
	text-decoration: none;
	}

a:hover {
	color: #CC3300;
	}

/* ========== [ FORM ] ========== */

fieldset {
	border: 1px solid;
	}

form dt {
	margin: 1em 0.5em 0 0.5em; 
	}

form dd {
	margin-left: 1em;
	}

/* ========== [ MISC ] ========== */

.pullquote {
	float: right;
	width: 220px;
	border: 1px solid #6D6D5C;
	background: #E2E2CF;
	margin: 0 10px 10px 10px;
	padding: 10px;
	}

.big {
	font: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	}

.bigg {
	font: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color:#991717;
	}

.red {
	color:#991717;
	}

.red a:link {
	color: #991717;
	text-decoration: none;
	}

.red a:visited {
	color: #991717;
	text-decoration: none;
	}

.red a:hover {
	color: #000000;
	}

/* ========== [ MISC HACKS ] ========== */

td img	/* to remove whitespace under images in tables in FF and Opera */
	{		
	display: block;	
	}

/* ========== [ NAV-TOP ] ========== */

/* CSS Drop Down Menu sperling */
/* http://sperling.com/examples/menuh */

#menuh-container
	{
	position: absolute;
	top: 1em;
	left: 1em;
	}

#menuh
	{
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	float: left;
	margin: 0; /* war 2em */
	margin-top: 0; /* war 1em */
	}
		
#menuh a
	{
	text-align: left;
	display: block;
	border: 1px solid #555;
	white-space: nowrap;
	margin: 0;
	padding: 0.3em;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: #6D6D5C;
	background-color: #E2E2CF;
	text-decoration: none;
	}
	
#menuh a:hover	/* menu at mouse-over  */
	{
	color: white;
	background-color: #6D6D5C;
	text-decoration: none;
	}	
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url(../include/navdown_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(../include/nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 13em;	/* width of all menu boxes */	
	}

#menuh li
	{
	position: relative;
    min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	}

#menuh li a /* hinzugefuegt mw */
	{
	padding: 0 1em 0 1em;
	}

#menuh ul ul
	{
	position: absolute;
	z-index: 500;
	top: auto;
	display: none;
	padding: 1em;
	margin: -1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top: 0;
	left: 100%;
	}

div#menuh li:hover
	{
	cursor: pointer;
	z-index: 100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display: none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display: block;}

/* End CSS Drop Down Menu */