body				{position:relative;
					background-color:#000000;
					background-image:url(links/hg_schwarz.jpg);
					text-align:left;
					font-size: 12px;
					color:#dbdbdb;
					line-height: 150%;
					font-family:  Helvetica, Trebuchet MS, Verdana;
}
					
li 					{list-style-type: none;}

hr 				{ 	border-top: 1px solid #3f3f3f;
					border-bottom: 0px;
					border-left: 0px;
					border-right: 0px;
					
					}
					
p				{   background-color:#ffffff;	}			

a				{	text-decoration: underline;
					font-family:   Helvetica, Trebuchet MS, Verdana;
					font-size: 12px;
					color: #ffffff;
					font-weight:lighter;
					
					line-height: 180%;}
									
a:visited			{text-decoration: underline;
					font-size: 12px;
					font-family:   Helvetica, Trebuchet MS, Verdana;
					color: #ffffff;
					font-weight:lighter;

					line-height: 180%;}

a:hover				{color: #2a6e99;
					font-family:   Helvetica, Trebuchet MS, Verdana;
					font-weight:lighter;
					line-height: 180%;}

div#footer			{
  					position:absolute;
  					z-index: 5;
				 	bottom:0;
  					left:0;
  					width:100%;
  					height:<length>;
  					background-color: #000000;
  					font-size: 11px;
					color: #666666;
					font-weight:lighter;
					padding: 5px;
					padding-left: 208px;
 					}
@media screen		{
  					body>div#footer{
   					position: fixed;
  					}


a.fusszeile			{text-decoration: underline;
					font-family:   Helvetica, Trebuchet MS, Verdana;
					font-size: 11px;
					color: #666666;
					font-weight:lighter;
					
					line-height: 180%;}
									
a.fusszeile:visited			{text-decoration: underline;
					font-size: 11px;
					font-family:   Helvetica, Trebuchet MS, Verdana;
					color: #666666;
					font-weight:lighter;

					line-height: 180%;}

a.fusszeile:hover				{color: #2a6e99;
					font-family:   Helvetica, Trebuchet MS, Verdana;
					font-weight:lighter;
					line-height: 180%;}

					
a.submenue				{text-decoration: none;
					font-size: 12px;
					font-family: Century Gothic, Trebuchet MS, Helvetica, Verdana;
					color: #dbdbdb;
					font-weight:lighter;
					text-transform: uppercase;
					padding-left: 2px;
					line-height: 180%;}
									
a.submenue:visited			{text-decoration:none;
					font-size: 12px;
					font-family: Century Gothic, Trebuchet MS, Helvetica, Verdana;
					color: #dbdbdb;
					font-weight:lighter;
					padding-left: 2px;
					text-transform: uppercase;
					line-height: 180%;}

a.submenue:hover				{color: #000000;
				background-color:#ffffff;
					font-family:   Century Gothic, Trebuchet MS, Helvetica, Verdana;
					font-weight:lighter;
					line-height: 180%;}

h1					{text-decoration: none;
					font-size: 14px;
					font-family:  Century Gothic, Trebuchet MS, Helvetica, Verdana;
					color: #dbdbdb;
					font-weight:lighter;}


	
					
a#vita img 			{height: 25px; width: 46px; border-width: 0; margin-left: 0px; background: url(links/vita.png);}
a#projekte img 			{height: 25px; width: 145px; border-width: 0;background: url(links/projekte.png);}
a#studium img 	{height: 25px; width: 91px; border-width: 0; background: url(links/studium.png);}	
a#kontakt img 		{height: 25px; width: 78px; border-width: 0; background: url(links/kontakt.png);}

a#vita:hover img	{height: 25px; width: 46px; border-width: 0; margin-left: 0px; background: url(links/vita_hover.png);}
a#projekte:hover img 	{height: 25px; width: 145px; border-width: 0; background: url(links/projekte_hover.png);}
a#studium:hover img 	{height: 25px; width: 91px; border-width: 0; background: url(links/studium_hover.png);}	
a#kontakt:hover img 	{height: 25px; width: 78px; border-width: 0; background: url(links/kontakt_hover.png);}	

a#print img 			{height: 25px; width: 45px; border-width: 0; margin-left: 0px; background: url(links/print.png);}
a#web img 			{height: 25px; width: 40px; border-width: 0;background: url(links/web.png);}
a#sonstiges img 	{height: 25px; width: 70px; border-width: 0; background: url(links/sonstiges.png);}

a#print:hover img	{height: 25px; width: 45px; border-width: 0; margin-left: 0px; background: url(links/print_hover.png);}
a#web:hover img 	{height: 25px; width: 40px; border-width: 0; background: url(links/web_hover.png);}
a#sonstiges:hover img 	{height: 25px; width: 70px; border-width: 0; background: url(links/sonstiges_hover.png);}

a#animation img 	{height: 25px; width: 80px; border-width: 0; background: url(links/animation.png);}
a#foto img 			{height: 25px; width: 45px; border-width: 0; background: url(links/foto.png);}

a#animation:hover img 	{height: 25px; width: 80px; border-width: 0; background: url(links/animation_hover.png);}
a#foto:hover img 	{height: 25px; width: 45px; border-width: 0; background: url(links/foto_hover.png);}
			
#logo				{position:absolute;
					height: 25px;
					width: 301px;
					z-index: 5;
					margin-top: 80px;
					margin-left: 20px;}	
					
#header_hg				{position:absolute;
					background-image:url(hg_headerbereich.jpg);
					height: 140px;
					width: 999px;
					z-index: 2;
					margin-top: -8px;
					margin-left: -7px;}	

#container_links_ueber	{position:absolute;
					background-color:#000000;
					height: 60px;
					width:101.3%;
					z-index: 2;
					margin-top: 130px;
					margin-left: -10px;}
					
#container_links_oben	{position:absolute;
					height: 60px;
					z-index: 3;
					margin-top: 152px;
					margin-left: 200px;}
					
#container_links_projekte	{position:absolute;
					height: 30px;
					width:300px;
					z-index: 3;
					margin-top: 190px;
					margin-left: 230px;}
					
#container_links	{position:absolute;
					text-align:right;
					height: 330px;
					width: 155px;
					z-index: 3;
					margin-top: 230px;
					margin-left: 20px;}
					
#hauptfenster		{position:absolute;
					background-image:url(hg.jpg);
					height: 140px;
					width:101%;
					z-index: 1;
					margin-top: -8px;
					margin-left: -10px;}
					
#hauptfenster_impressum		{position:absolute;
					background-color:#000000;
					height: 790px;
					width:100%;
					z-index: 1;
					margin-top: 220px;
					margin-left: -10px;}
					
#container_text		{position:absolute;
					height: 290px;
					width: 700px;
					z-index: 3;
					margin-top: 230px;
					margin-left: 200px;}
					
#daten_index		{position:absolute;
					height: 150px;
					z-index: 1;
					margin-top: 220px;
					margin-left: 198px;}
					
#daten_alle			{position:relative;
					color:#666666;
					font-size:11px;
					height: 150px;
					margin-top: 20px;
					margin-left: 0px;}
					
#daten_impressum		{position:absolute;
					color:#666666;
					font-size:11px;
					height: 150px;
					z-index: 1;
					margin-top: 1020px;
					margin-left: 228px;}
					
#fotobox			{position:absolute;
					height: 250px;
					width: 250px;
					z-index: 1;
					margin-top: 295px;
					margin-left: 650px;}

div#myOtherElement {
	width: 75px;
	height: 20px;
	overflow: hidden;
	float: left;
	color: #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	background-color: #000000;


}

div#myOtherElement span {
	font-family: Century Gothic, Trebuchet MS, Helvetica, Verdana;
	color: #ffffff;
	font-size: 17px;
	text-decoration: none;
	padding: 0 20px;
} 


div#myOtherElement a {
	font-family: Century Gothic, Trebuchet MS, Helvetica, Verdana;
	color: #c7c7c7;
	font-size: 12px;
	text-decoration: none;
	padding: 0 8px;
}

div#myOtherElement a:hover {
	font-family: Century Gothic, Trebuchet MS, Helvetica, Verdana;
	color: #000000;
	text-decoration: none;
	background: #ffffff;
}

div#myOtherElement2 {
	width: 185px;
	height: 20px;
	overflow: hidden;
	float: left;
	color: #ffffff;
	border-right: 1px solid #ffffff;
	background-color: #000000;
}

div#myOtherElement2 span {
	font-family: Century Gothic, Trebuchet MS, Helvetica, Verdana;
	color: #ffffff;
	font-size: 17px;
	text-decoration: none;
	padding: 0 20px;
} 


div#myOtherElement2 a {
	font-family: Century Gothic, Trebuchet MS, Helvetica, Verdana;
	color: #c7c7c7;
	font-size: 12px;
	text-decoration: none;
	padding: 0 8px;
}

div#myOtherElement2 a:hover {
	font-family: Century Gothic, Trebuchet MS, Helvetica, Verdana;
	color: #000000;
	text-decoration: none;
	background: #ffffff;
}		

div#myOtherElement3 {
	width: 115px;
	height: 20px;
	overflow: hidden;
	float: left;
	color: #ffffff;
	border-right: 1px solid #ffffff;
	background-color: #000000;
}

div#myOtherElement3 span {
	font-family: Century Gothic, Trebuchet MS, Helvetica, Verdana;
	color: #ffffff;
	font-size: 17px;
	text-decoration: none;
	padding: 0 20px;
} 


div#myOtherElement3 a {
	font-family: Century Gothic, Trebuchet MS, Helvetica, Verdana;
	color: #c7c7c7;
	font-size: 12px;
	text-decoration: none;
	padding: 0 8px;
}

div#myOtherElement3 a:hover {
	font-family: Century Gothic, Trebuchet MS, Helvetica, Verdana;
	color: #000000;
	text-decoration: none;
	background: #ffffff;
}					

div#myOtherElement4 {
	width: 110px;
	height: 20px;
	overflow: hidden;
	float: left;
	color: #ffffff;
	border-right: 1px solid #ffffff;
	background-color: #000000;
}

div#myOtherElement4 span {
	font-family: Century Gothic, Trebuchet MS, Helvetica, Verdana;
	color: #ffffff;
	font-size: 17px;
	text-decoration: none;
	padding: 0 20px;
} 


div#myOtherElement4 a {
	font-family: Century Gothic, Trebuchet MS, Helvetica, Verdana;
	color: #c7c7c7;
	font-size: 12px;
	text-decoration: none;
	padding: 0 8px;
}

div#myOtherElement4 a:hover {
	font-family: Century Gothic, Trebuchet MS, Helvetica, Verdana;
	color: #000000;
	text-decoration: none;
	background: #ffffff;
}