@charset "utf-8";
/* CSS Document */

html, body { 
   				background-color:white; 
   				margin:0px; 
				padding:0px;
}
#header {		position:absolute; 
				margin:0px; 
				padding:0px; 
				background-color:#bdd7eb; 
				width:100%; 
				height:85px; 
				background-image:url(hbkopf.jpg); 
				background-repeat: repeat-x; 
				color:#0000ff; 
				background-color:#b2cc05; 
}
#header h1  {	position:relative; top:-25px;
				text-align:center;
				font-size:50px;
				font-family: "Segoe UI"}    
#sidebar  { 	position: absolute;
				background-color: #e3e09f; 
				margin:0px; 
				padding:0px; 
				top:85px; 
				left:-40px; 
				width:220px;
				height:500px; 
				border-bottom:none;
}


#nav>li:first-child { font-size:1.5em; font-weight:bolder; }
#nav li { background-color: #e3e09f; font-weight: bold; font-size: 1.1em; border-bottom: 0px solid #423e33; list-style-type:none;}
#nav li:hover { background-color: #423e33; }
#nav li a { color: #423e33; text-decoration: none; padding: 3px 10px 3px 10px; display: block; }
#nav li:hover a{ color: #e3e09f; }
#nav1 li { background-color: #e3e09f; font-weight: bold; font-size: 1.1em; border-bottom: 0px solid #423e33; list-style-type:none; }
#nav1 li:hover { background-color: #423e33; }
#nav1 li a { color: #423e33; text-decoration: none; padding: 3px 10px 3px 10px; display: block; }
#nav1 li:hover a{ color: #e3e09f }
#nav3 li  { font-size:1.1em; background-color:transparent;}
#contentindex   { 	
				position:absolute; 
				margin:0px; 
				padding:30px 30px; 
				top:85px; 
				left:180px; 
				width:1000px;
				height:1000px;
				background-image:url(hgseite1.jpg); 
				background-repeat:repeat;
				font-size: 1.0em;
				font-weight:bolder; 
				line-height:3.0em; 
				color:navy; 
}
h1 				{ font-size:2.5em;}
#text2      {   position:relative;
			    top:170px;}
#text3		{   position:relative;
				top:190px;	}
#contentseite2   { 	
				position:absolute;
				margin:0px; 
				padding:30px 30px; 
				top:85px; 
				left:180px;
				background-image:url(hgseite2.jpg); 
				background-repeat:repeat;
				font-size: 28px; 
				font-style:italic; 
				font-weight:bolder;  
				line-height:2.5; 
				color:#ff0000; 
}
#contentseite4   { 	
				position:absolute;
				margin:0px; 
				padding:30px 30px; 
				top:85px; 
				left:180px;
				background-image:url(hgseite2.jpg); 
				background-repeat:repeat;
				font-size: 18px; 
				font-style:italic; 
				font-weight:bolder;  
				line-height:2.5; 
				color:#ff0000; 
}
#text11		{	position:relative;
				top:60px;}
#text12		{	position:relative;
				top:290px;}				
#text13		{	position:relative;
				top:1000px;
				font-size:12px;}
#text14		{	position:relative;
				top:1100px;}				
#text15		{	position:relative;
				top:1110px;
				font-size:16px;}
#text16		{	position:relative;
				top:1120px;
				font-size:12px}				
#text17		{	position:relative;
				top:1130px;
				font-size:16px;}
#text18		{	position:relative;
				top:1140px;
				font-size:12px}				
#text19		{	position:relative;
				top:1150px;
				font-size:16px;}
#text20		{	position:relative;
				top:1160px;
				font-size:12px}				
#text21		{	position:relative;
				top:1170px;
				font-size:16px;}
#text22		{	position:relative;
				top:1180px;
				font-size:12px}				
#text23		{	position:relative;
				top:1190px;
				font-size:12px;}
#nav7, #nav7 ul {list-style-type:none}
#nav7 li { float:left; position:relative; white-space:nowrap;background-color: #e3e09f; font-weight:bold; font-size: 1.0em; }
#nav7 li li { float:none;}
#nav7 li:hover{ background-color: #b2cc05;}
#nav7 li a {color: #423e33; text-decoration:none; padding: 3px 10px; display:block;}
#nav7 li:hover a{ color:#e3e09f;}
#nav7 li li { background-color:#d6f0c1; color: #6d9982; font-weight:normal;}
#nav7 li li:hover {background-color:#6d9982;}
#nav7 li li a, #nav7 li:hover li a {color:#6d9982; padding: 2px 10px}
#nav7 li li:hover a { color: #d6f0c1;} 
#nav7 li li li {background-color:#f6ffb0;}
#nav7 li li li a, #nav7 li li:hover li a, #nav7 li:hover li li a {color:#6d9982; padding: 2px 10px;}
#nav7 li li li:hover a{color:#f6ffb0;}
#nav7 li ul, #nav7 li:hover ul ul { position:absolute; left: -999em;}
#nav7 li:hover ul {left:0;}
#nav7 li li:hover ul{ left:100%; top:0;}
#nav7 li li { width:210px;}
#nav7 li li li { left:-20%; top:0;}