html, body {height: 100%;}
body { font-size: 12px; font-family: arial; background-color: #dde1fc; text-align: center; margin-top: 0; margin-left: 0; }
#body { background-image: url(../bilder/hg.jpg); background-repeat: repeat-y; text-align: left; width: 920px; height: auto; margin-top: 0; margin-right: auto; margin-left: auto; }
p { color: black; font-size: 12px; font-family: arial, Helvetica; }
h1 { color: #8e0b87; font-size: 2em; font-family: arial; }
h2 { color: #8e0b87; font-size: 1.2em; font-weight: bold; margin: 0.83em 0; }
h3 { font-size: 1.1em; font-weight: bold; margin: 1em 0; }
td { }
a:link { }
a:visited { }
a:hover { }
a:active { }
.small { font-size: 0.8em; }
/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body { word-wrap: break-word; }
#main { width: 900px; height: 100%; margin-top: 0; margin-left: 10px; display: block; }
#content { }
#navi2 { color: #3e0706; font-size: 12px; font-family: arial; background-color: #fff; display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; width: 160px; float: left; margin-left: 20px; border: solid 1px #8e0b87; }
#menu { position: absolute; top: 210px; z-index: 55; width: 700px; height: auto; visibility: visible; float: left; clear: both; }
#kopf { background-image: url(../bilder/organical_logo.jpg); background-repeat: no-repeat; width: 900px; height: 210px; margin-top: 0; margin-left: 0; }
#text { color: black; font-size: 12px; font-family: arial; background-color: #fff; padding: 27px 16px 16px; z-index: 0; width: 665px; float: left; min-height: 350px; }
.index { color: #00c; font-size: 11px; font-family: arial; }
#foot { background-color: #dde1fc; background-image: url(../bilder/rand0.jpg); background-repeat: no-repeat; height: 12px; clear: both; margin-top: 0; margin-left: 0; display: block; }
#navi1 { font-size: 11px; text-align: right; width: 100px; height: 65px; z-index: 10; float: right; margin-top: 10px; margin-right: 14px; display: block; }
#navi1 a { color: #000; font-size: 11px; font-family: arial; text-decoration: none; text-align: right; width: 100px; height: 13px; display: block; }
#navi1 a:hover { font-size: 11px; font-family: arial; background-color: #dde1fc; text-decoration: none; width: 100px; height: 13px; }
#text ul li { margin-top: 0.3em; margin-right: 0; margin-left: 40px; list-style-type: circle; }
#navi  { height: 30px; margin-top: 0; margin-left: 0; padding-top: 0; border-top: 1px solid #dde1fc; }
.navi2 { color: #3e0706; font-size: 14px; font-family: arial; font-weight: bold; text-decoration: none; text-transform: uppercase; }
#navi2 a { color: #3e0706; font-size: 12px; font-family: arial; text-decoration: none; width: 140px; height: 16px; display: block; }
#navi2 a:hover { background-color: #dde1fc; text-decoration: none; width: 140px; height: 16px; display: block; }
.inputbox{ background-color:white; color:black; font-size:11px; font-family: arial; text-align: right; width: 100px; height: 11px; z-index: 20; margin-top: 12px; border: solid 0 purple; }
/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
/** customize colors here */
a.mainlevel, a.mainlevel_active, a.mainlevel_current,
a.mainlevel:link, a.mainlevel_active:link, a.mainlevel_current:link,
a.mainlevel:visited, a.mainlevel_active:visited, a.mainlevel_current:visited { color: #ffffff;
	/*font: 13px Arial, sans-serif;*/
	font-size: 13px; font-family: arial, sans-serif; font-variant: normal; line-height: 25px; background-image: url(../bilder/navibutton.jpg); background-repeat: no-repeat; width: 140px; height: 27px; margin-bottom: 1px;
	/*z-index: 100;*/
	/*float: left;*/
}

a.mainlevel:hover, a.mainlevel_active:hover, a.mainlevel_current:hover { background-image: url(../bilder/navibutton_ro.jpg); width: 140px; height: 27px; }

a.sublevel, a.sublevel_active, a.sublevel_current,
a.sublevel:link, a.sublevel_active:link, a.sublevel_current:link,
a.sublevel:visited, a.sublevel_active:visited, a.sublevel_current:visited { color: white; font-size: 12px; font-family: arial; line-height: 16px; background-image: url(../bilder/flyout.jpg); background-repeat: no-repeat; }

a.sublevel:hover, a.sublevel_active:hover, a.sublevel_current:hover { color: white; background-image: url(../bilder/flyout_ro.jpg); }

ul.mainlevel ul ul a.sublevel, ul.mainlevel ul ul a.sublevel_active, ul.mainlevel ul ul a.sublevel_current,
ul.mainlevel ul ul a.sublevel:link, ul.mainlevel ul ul a.sublevel_active:link, ul.mainlevel ul ul a.sublevel_current:link,
ul.mainlevel ul ul a.sublevel:visited, ul.mainlevel ul ul a.sublevel_active:visited, ul.mainlevel ul ul a.sublevel_current:visited {
	background-color: blue;
	color: white;
}

ul.mainlevel ul ul a.sublevel:hover, ul.mainlevel ul ul a.sublevel_active:hover, ul.mainlevel ul ul a.sublevel_current:hover {
	background-color: #E0E0E0;
	color: blue;
}
/** customize style / layout here */

a.mainlevel, a.mainlevel_active, a.mainlevel_current, span.mainlevel,
a.mainlevel:link, a.mainlevel_active:link, a.mainlevel_current:link,
a.mainlevel:visited, a.mainlevel_active:visited, a.mainlevel_current:visited,
a.mainlevel:hover, a.mainlevel_active:hover, a.mainlevel_current:hover,
a.sublevel, a.sublevel_active, a.sublevel_current, span.sublevel,
a.sublevel:link, a.sublevel_active:link, a.sublevel_current:link,
a.sublevel:visited, a.sublevel_active:visited, a.sublevel_current:visited,
a.sublevel:hover, a.sublevel_active:hover, a.sublevel_current:hover { font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; width: 140px; height: 27px; padding-top: 0; padding-bottom: 0; display: block; }

a.sublevel, a.sublevel_active, a.sublevel_current, span.sublevel,
a.sublevel:link, a.sublevel_active:link, a.sublevel_current:link,
a.sublevel:visited, a.sublevel_active:visited, a.sublevel_current:visited,
a.sublevel:hover, a.sublevel_active:hover, a.sublevel_current:hover { font-weight: bold; text-align: center; text-decoration: none; letter-spacing: 1px; width: 140px; height: 16px; padding-right: 0.5em; padding-bottom: 1px; padding-left: 0.5em; display: block;	/* top, right, bottom, left */
	/*margin-left: -100px;*/  /* position horizontal sub */
}

a.sublevel:hover, a.sublevel_active:hover, a.sublevel_current:hover {

}
a.sublevel, a.sublevel_active, a.sublevel_current, span.sublevel {
	font-size: 90%;
	border-top: medium none;
	height: 1%;	/* this is required for the IE to cause the "hasLayout" property and make the whole anchor clickable - "Holly Hack" */
}

#active_menu,
a.mainlevel_active, a.mainlevel_current,
a.mainlevel_active:link, a.mainlevel_current:link,
a.mainlevel_active:visited, a.mainlevel_current:visited,
a.mainlevel_active:hover, a.mainlevel_current:hover,
a.sublevel_active, a.sublevel_current,
a.sublevel_active:link, a.sublevel_current:link,
a.sublevel_active:visited, a.sublevel_current:visited,
a.sublevel_active:hover, a.sublevel_current:hover {
	font-weight: bold;
	background-color: #336699;
}

ul.mainlevel, .mainlevel ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 100;
}

/* mainlevel */
ul.mainlevel li {
	padding: 0;
	margin: 0;
	background: none;
	float: left;
}


/* mainlevel IE < 7 */
* html ul.mainlevel li{
	width:70px;
	w\idth:70px;
}

/* Sub */
ul.mainlevel li li {
	position: relative;
	display: block;
	width: 139px;
	overflow: visible;
	margin-left: -1px;
}

/* Sub IE < 7*/
* html ul.mainlevel li li {
	margin-left: 35px;
}


ul.mainlevel ul {
	display: block;
	position: absolute;
	left: -999em;
	margin: -0.2em 0 0 0em;
	width: auto;
	height: auto;
	z-index: 101;
}

/* IE < 7*/
* html ul.mainlevel ul {
	margin-left: -71px;
}

ul.mainlevel li li ul {
	margin: -1.8em 0 0 10em;
	z-index: 102;
}


/** IE7.0 workaround */
ul.mainlevel li:hover, ul.mainlevel li.hover {
	position: static;
}


/** general on-mouse-over display */

ul.mainlevel li:hover ul,
ul.mainlevel li.hover ul {
	left: auto;
}

ul.mainlevel li:hover ul ul,
ul.mainlevel li.hover ul ul {
	left: -999em;
}

ul.mainlevel li:hover ul li:hover ul,
ul.mainlevel li.hover ul li.hover ul {
	left: auto;
}


ul.mainlevel, ul.mainlevel li li {
	clear: left;
}

/** separator */
span.mainlevel, span.sublevel {
	display: block;
	width: 1em;
	border-width: 0px;
	margin-left: 1em;
	padding: 0;
	padding-top: 1px;
}

/** IE5.0/win workaround: the ">" is handled like a "," */
ul.mainlevel > ul.mainlevel {
	position: absolute;
	top: 150px;	/* change the absolute position for IE5.0 here */
	left: 0px;
}
ul.mainlevel > ul.mainlevel li.hover ul {
	margin: 0.1em 0 0 0em;	/* top, right, bottom, left */
}
ul.mainlevel > ul.mainlevel li.hover ul ul {
	margin: -1.6em 0 0 10em;	/* top, right, bottom, left */
}
.dsR1  { width: 620px; height: auto; }
.ds1 { font-weight: bold; }
.bild { margin-right: 12px; }