/* Header
 ************************************************************************/

#header {
	background: url(../img/hg.jpg);
	height: 155px;
}

#header #logo {
	float: left;
	height: 155px;
	width: 190px;
	background-color: white;
}
#header #logo img {
	margin: 10px 0 0 35px;
}

#header #banner {
	width: 640px;
	height: 155px;
	background: url(../img/blumen.jpg) 190px 0 no-repeat;
}

#headspecial {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	/* left: 80px; Nicht im Safari->alternativ min-width, geht im ie6 nicht, egal */
	min-width: 230px; /* jedoch wird Logo verdeckt -> kein Home-Link moeglich */
}

#headspecial #blumenvar {
	float: right;
}


/* Menu
 ************************************************************************/

#menu {
	color: black;
	background-color: white;
	font-variant: small-caps;
	font-size: 1.2em;
}

#menu .nocap {
	background: transparent;
	padding: 0;
	font-variant: normal;
	font-size: 1.0em;
}

#menu div.in {
	margin-left: 190px;
	padding: 0.2em 0;
}

#menu .highlight .nocap {
	color: white;
}

#menu ul {
	width: 55em;
	list-style: none;
}

#menu ul li {
	display: inline;
}

#menu ul li a,
#menu ul li span {
	text-decoration: none;
	display: block;
	color: #708070;
	padding: 0 1.4em 0.1em 1.4em;
	float: left;
}

#menu ul li a:hover,
#menu ul li a:hover .nocap {
	color: white;
	background: #56de13; /* hellgruen */
}

#menu ul li span.highlight {
	color: white;
	background: #3d9e11; /* gruen */
}

#menu li div {
	clear: both;
}