/* CSS Document */

html, body {
	height: 100%;
}
body {
	background-color: #C4E5FF;
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(HTGR.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0px
}
img, img a { border: 0;}
div { position:relative; }



/* HEADER */
#header {
position: absolute;
top:0;
left:0;
 width: 100%;
 height: 110px;
 background-color: #FFFFFF;
 z-index: 1;
}
/* ende HEADER */

/* LOGO */
#logo {
position: absolute;
top:0;
left:25;
 width: 188px;
 height: 163px;
 background-image: url(IGVlogo.gif);
 z-index: 5;
}
/* ende LOGO */

/* SPONSOREN */
#sponsoren {
position: absolute;
top:142;
left:790;
 width: 120px;
 z-index: 8;
}
/* ende SPONSOREN */


/* LINIE */
#linie {
	position: absolute;
	top: 110px;
	background-repeat: repeat-x;
	background-position: left top;
	background-image:  url(Linie.gif);
 width: 100%;
 height: 17px;
 background-color: #FFFFFF;
 z-index:2;
}
/* ende LINIE */


/* MAIN */
#main {
position: absolute;
 width: 750;
 top:127;
 left:25;
 height: 100%;
 background-color: #99D7A5;
 z-index:4;
}
/* ende MAIN */






/* MENUE */

#menu {
	background-color: #53745c;
	float:left;
	width:188px;
	line-height:26px;
	color:#fff;
	position:absolute;
	top:165;
	left:25;
	z-index:200;
	font-family: "Trebuchet MS", Arial;
	font-weight: bold;
	font-size:9pt;
	margin-bottom:40px;
}
#menu ul li a, #menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#fff; 
	width:160px; 
	border-bottom:2px solid #99d7a5;
	padding:0 0 0 28px;
}
#menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
#menu ul li {
	float:left;
	position:relative;
	text-transform: uppercase;
}
/* versalien aufheben f¸r lev02 und lev 03*/
#menu ul li ul li {text-transform:none; letter-spacing:0.1em;}

#menu ul li:hover a {
	color:#fff;
	background-color:#6bac77;
}

/*	LEVEL2 */
#menu ul li:hover ul li a.start {
	background-color:#6bac77;
	color:#fff;
}

/* aktiv */ #menu ul li.aktiv a.start {
	background-color: #6bac77;
}

/* aktiv background zur¸cksetzen */ 
#menu ul li.aktiv ul li a, #menu ul li.aktiv ul a.start {
	background-color:#6bac77;
}
/* aktiv */ #menu ul li.aktiv ul, #menu ul li.aktiv:hover ul {
	display:block;
	position:relative;
	top:0;
	left:0px;
	width:188px;
	background-color:#6bac77;
}
#menu ul li ul {display: none;}

#menu ul li:hover ul {
	display:block;
	position:absolute;
	top:0;
	left:188px;
	width:188px;
}

#menu ul li:hover ul li a /*aktiv*/, #menu ul li.aktiv:hover ul li a {
	display:block;
	background-color:#6bac77;
	color:#fff;
	width:180px;
}

/*	lev2 aktiver Link */
#menu ul li.aktiv ul li.aktiv a, #menu ul li:hover ul li a:hover {
	background-color:#6bac77;
	color:#53745c;
}

/*	LEVEL 3 */
#menu ul li:hover ul li ul {display:none;}
#menu ul li.aktiv ul li ul, #menu ul li.aktiv:hover ul li ul {display:none;}
#menu ul li.aktiv:hover ul li:hover ul {display:block; position:absolute; left:188px; top:0;}
/* reset pfeilchen bei standard a von lev3 */
#menu ul li ul li ul li a {background-image:none;
}

/* ENDE MENUE */


/* INHALT */
#inhalt {
position: absolute;
 width: 500px;
 top:142;
 left:227;
 padding:15px;
 margin: 0 auto;
 background-color: #FDF5DE;
 text-align: left;
 z-index:7;
}
/* ende INHALT */