/* ---------- sorry, noch nich uffgerŠumt ---------- */

/* ---------- allgemeines ---------- */

html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li 
{
   margin: 0;
   padding: 0;
}


body		{
			background-color: #cccccc;
			}

.start		{
			background-color: #009680;
			}


h1			{
			font: 16px/150% Verdana, Arial, Helvetica, sans-serif;
			color:#707173;
			padding: 0px 0px 12px 0px;
			}

h1.startheadline			{
			font: 14px/150% Verdana, Arial, Helvetica, sans-serif;
			color:#fff;
			padding: 0px 0px 12px 0px;
			}

/* ---------- color:#707173; ---------- */
p			{
			font: 12px/125% Verdana, Arial, Helvetica, sans-serif;
			color:#000000;
			padding: 0px 0px 12px 0px;
			}

p.starttxt			{
			font: 12px/125% Verdana, Arial, Helvetica, sans-serif;
			color:#fff;
			padding: 0px 0px 12px 0px;
			}

ul, ol

			{
			font: 12px/125% Verdana, Arial, Helvetica, sans-serif;
			color:#707173;
			padding: 0px 0px 12px 0px;
			margin: 0px 0px 0px 18px;
			}

strong		{
			font-weight: bold;
			}


a:link		{color: #009680; text-decoration: none;}
a:visited	{color: #009680; text-decoration: none;}
a:active	{color: #009680; text-decoration: none;}
a:hover 	{color: #646567; text-decoration: underline;}
a:focus 	{color: #646567; text-decoration: underline;}

/* ---------- id ---------- */

#all		{
			position: absolute; top: 0px; left: 50%;
			width: 770px;
			margin-left: -385px;
			z-index: 1;
			}

#allweiss		{
			position: relative; top: 0px; left: 0px;
			width: 770px;
 			background-image:url(/pic/hgmain.jpg);
			background-repeat:repeat-y;
			z-index: 2;
			float:left;
			}

#allweissstart		{
			position: relative; top: 0px; left: 0px;
			width: 770px;
 			background-image:url(/pic/hgmainstart.jpg);
			background-repeat:repeat-y;
			z-index: 2;
			float:left;
			}

#content	{
			position: relative; top: 0px; left: 200px;
			width: 560px;
			background:url(/pic/hgkey.jpg) 
			446px 0px
			no-repeat;
			z-index: 3;
			}

#contentstart	{
			position: relative; top: 0px; left: 200px;
			width: 560px;
			background:url(/pic/hgkeystart.jpg) 
			446px 0px
			no-repeat;
			z-index: 3;
			}

#contenttop	{
			position: relative; top: 45px; left: 185px;
			width: 278px;
			z-index: 6;
			}

#contentnorm	{
			position: relative; top: 0px; left: 20px;
			width: 435px;
			padding-top: 15px;
			z-index: 5;
			}

#footer		{
			position: relative; top: 15px; left: 0px;
			width: 435px;
			padding-bottom: 10px;
			}

#footer	p	{
			font: 9px/125% Verdana, Arial, Helvetica, sans-serif;
			color:#707173;
			padding: 0px 0px 12px 0px;
			}

#footer a:link		{color: #707173; text-decoration: underline;}
#footer a:visited	{color: #707173; text-decoration: underline;}
#footer a:active	{color: #707173; text-decoration: underline;}
#footer a:hover 	{color: #FFF; text-decoration: none; background-color: #707173; }
#footer a:focus 	{color: #FFF; text-decoration: none; background-color: #707173; }


#navigation
			{
			position: absolute; top: 162px; left: 10px;
			width: 180px;
			text-align:right;
			}

#navigationstart
			{
			position: absolute; top: 162px; left: 10px;
			width: 180px;
			text-align:right;
			}

#navigation	p	{
			font: 12px/100% Verdana, Arial, Helvetica, sans-serif;
			color:#707173;
			padding: 0px 0px 12px 0px;
			}

#navigationstart	p	{
			font: 12px/100% Verdana, Arial, Helvetica, sans-serif;
			color:#707173;
			padding: 0px 0px 12px 0px;
			}

#navigation	.subtxt	{
			font: 11px/100% Verdana, Arial, Helvetica, sans-serif;
			color:#707173;
			padding: 0px 10px 12px 0px;
			}

#navigation a:link		{color: #009680; text-decoration: none;}
#navigation a:visited	{color: #009680; text-decoration: none;}
#navigation a:active	{color: #009680; text-decoration: none;}
#navigation a:hover 	{color: #646567; text-decoration: none;}
#navigation a:focus 	{color: #646567; text-decoration: none;}

#navigation a:link.on		{color: #646567; text-decoration: none;}
#navigation a:visited.on	{color: #646567; text-decoration: none;}
#navigation a:active.on	{color: #646567; text-decoration: none;}
#navigation a:hover.on 	{color: #646567; text-decoration: none;}
#navigation a:focus.on 	{color: #646567; text-decoration: none;}

#navigation a:link.sub		{color: #999999; text-decoration: none;}
#navigation a:visited.sub	{color: #999999; text-decoration: none;}
#navigation a:active.sub	{color: #999999; text-decoration: none;}
#navigation a:hover.sub 	{color: #646567; text-decoration: none;}
#navigation a:focus.sub 	{color: #646567; text-decoration: none;}

#navigation a:link.subon		{color: #646567; text-decoration: none;}
#navigation a:visited.subon	{color: #646567; text-decoration: none;}
#navigation a:active.subon	{color: #646567; text-decoration: none;}
#navigation a:hover.subon 	{color: #646567; text-decoration: none;}
#navigation a:focus.subon 	{color: #646567; text-decoration: none;}

#navigation	.klein			{
			font: 4px Verdana, Arial, Helvetica, sans-serif;
			padding: 0px 0px 3px 0px;
			}

#navigationstart	.klein			{
			font: 4px Verdana, Arial, Helvetica, sans-serif;
			padding: 0px 0px 3px 0px;
			}

#navigationstart a:link		{color: #f2af32; text-decoration: none;}
#navigationstart a:visited	{color: #f2af32; text-decoration: none;}
#navigationstart a:active	{color: #f2af32; text-decoration: none;}
#navigationstart a:hover 	{color: #fff; text-decoration: none;}
#navigationstart a:focus 	{color: #fff; text-decoration: none;}

#navigationstart a:link.on		{color: #f2af32; text-decoration: none;}
#navigationstart a:visited.on	{color: #f2af32; text-decoration: none;}
#navigationstart a:active.on	{color: #f2af32; text-decoration: none;}
#navigationstart a:hover.on 	{color: #fff; text-decoration: none;}
#navigationstart a:focus.on 	{color: #fff; text-decoration: none;}

#link		{
			position: absolute; top: 120px; left: 600px;
			width: 47px; height: 108px;
			z-index: 99;
			}