/* css document fuer  normal.css normal-eric.css*/
/* sehr wichtig wegen dropdown Navigation nach eric meyer "more on css" */

@import url(normal_layout.css);
@import url(normal_typographie.css);
@import url(normal_colors.css); 
@import url(normal_divKontakt.css);
@import url(normal_ie_hacks.css);


html {
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
	margin: 0;
	padding: 0;
}
/*body { behavior: url(csshover.htc);}*/


/* ++++++++++++++++++++++++ css layout.css ++++++++++++++++++++++++++++++++++++*/
/* ++++ aber nur divRand und div#divManNav  ++++++++ */
div#divRand {
	position: absolute;
	top: 10px;
	height: 100%;
	text-align: left;
	padding: 0;
	margin: 0;
	width: 18em;
	left: 0px;
}
/* das folgende div'divMainNav steht im #divRand */


/* +++++++++++ Bereicht #hpkontakte umfasst die Listen der Kontakte zu Dritten +++++++++++++ */
/*drop down von eric meyer*/
div#divMainNav {
	margin: 10px 0 0 0;
	padding: 0.2em;
	text-align: left;
	width: 16em;
	height: 23em;
}
div#divMainNav h1 {
	font-size: 100%;
	margin-bottom: 0.3em;
	margin-left: 0.2em;
}

div#divMainNav p {
	font-weight: bold;
	padding: 0;
	margin: 0;
}
div#divMainNav p a {
	color: #009900;
	margin-left: 0.5em;
}


div#divMainNav ul {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.90em;
	z-index: 100;
	width: 16em;
}
div#divMainNav li {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0.1em 0 0.1em 1em;
	border-bottom: 1px solid #CCCCCC;
	display: block;
}
div#divMainNav li:hover{
	display: block;
	color: black;
}
div#divMainNav li a {
	display: block;
	padding: 0em 0 0em 0.5em;
	text-decoration: none;
	font-weight: bold;
	color: #006600;
	width: 16em;
}
div#divMainNav li a:hover {
	background-color: #CCC;
	color: black;
}

div#divMainNav li h1 {
	font-weight: 700;
	color: #006600;
	text-decoration: none;
	padding-bottom: 0.5em;
	border-style: none;
	font-size: 115%;
	padding-top: 0.5em;
	width: 12.5em;
}
div#divMainNav li:hover h1 {
	background-color: #99CC99;
}

div#divMainNav li.submenu {
	background: url(../images/dropdown/submenu1.gif) 95% 50% no-repeat;
}
div#divMainNav li.submenu:hover {
	background-color: #CCC;
	z-index: 100;
}

div#divMainNav li.submenu a:hover {
	background-color: #CCC;
}

div#divMainNav>ul a {
	width: auto;
}	
div#divMainNav ul ul {
	position: absolute;
	top: 0;
	left: 13.5em;
	display: none;
	background-color: #669966;
	font-size: 1em;
	width: 15em;
	border: 1px solid #666666;
	z-index: 111;
	padding: 0 0 1em 0;
	margin: 0;
}

div#divMainNav ul ul li a:link, div#divMainNav ul ul li a:visited {
	color: #FFF;
	background-color: #669966;
	padding-bottom: 0.1em;
	width: 13em;
}
div#divMainNav ul ul li a:hover {
	color: #000;
	background-color: #FFF;
}

div#divMainNav li h1 a:hover {
	background: #669966;
}

div#divMainNav ul.level1 li.submenu:hover ul.level2, 
div#divMainNav ul.level2 li.submenu:hover ul.level3 {
	display:block;
}
div#divMainNav ul.level1 li.submenu ul.level2 li{ display: block; }



