/* Standards */
*				{margin: 0; padding: 0;	}
html, body		{min-height: 100%; height: auto; height: 100%; background: #990000;}
body			{font-size: 76%; font-family: Arial; color: #000; line-height:140%;}

a, a:visited	{text-decoration:none; color: #fff;}
a:hover	 		{text-decoration:underline; color: #fff;}

#subnavi a, #subnavi a:visited		{text-decoration:underline; color: #990000;}
#subnavi a:hover	 				{text-decoration:underline; color: #000;}

#content a, #content a:visited	{text-decoration:underline; color: #990000;}
#content a:hover	 		{text-decoration:underline; color: #000;}



p 				{font-family: Arial; font-weight:normal; padding-left:20px; padding-right:25px; font-size: 12px; color:#000;}

#content p 				{font-family: Arial; font-weight:normal; padding-left:20px; padding-right:35px; font-size: 12px; color:#000;  }

#footer2 p  	{font-family: Arial; font-weight:normal; font-size: 0.95em; color:#fff; text-align: left;}

			
.nopadding 		{padding: 0;}
.nomargin 		{margin: 0;}
.floatright		{float: right;}
.floatleft 		{float: left;}
.top  {			font-family: Arial; font-weight:normal; font-size: 0.95em; padding-left: 440px; color:#000; }
.floatbild		{float: left; padding: 20px 20px  0 0; }
.floatbild2		{float: right; padding: 20px 0  0 20px; }


/* NaviKlassen */
.navi_unten {font-family: Arial; font-weight:normal; padding-right:25px; font-size: 0.95em; color:#fff; text-align: left;}


/* Ueberschriften */
h1				{}
h2				{font-family: Arial; font-weight:bold; padding-left:20px; font-size: 14px; color:#000; line-height: 30px;}
h3				{font-family: Arial; font-weight:bold; padding-left:30px; font-size: 1em; color:#000; line-height: 20px;}
h4				{font-family: Arial; font-weight:bold; padding-left:30px; font-size: 1.2em; color:#0066FF; line-height: 20px;}
h5				{font-family: Arial; font-weight:bold; padding-left:30px; font-size: 1.2em; color:#000; line-height: 20px;}
h6				{font-family: Arial; font-weight:bold; padding-left:30px; font-size: 1.2em; color:#000; line-height: 20px;}


/* Layoutelemente */
#wrapper 		{width:820px; margin: 40px auto; padding: 0;}
#top		 	{width:778px; height:51px; background-image:url(../images/top.jpg); background-repeat:no-repeat;}
#top_news		{width:778px; height:51px; background-image:url(../images/top_news.jpg); background-repeat:no-repeat;}
#head01_news	{width:778px; height:175px; background-image:url(../images/head01_news.jpg); background-repeat:no-repeat;}
#head01		 	{width:778px; height:175px; background-image:url(../images/head01.jpg); background-repeat:no-repeat;}
#head02			{width:778px; height:175px; background-image:url(../images/head02.jpg); background-repeat:no-repeat;}
#head02_news	{width:778px; height:175px; background-image:url(../images/head02_news.jpg); background-repeat:no-repeat;}
#head03_magazine	{width:778px; height:175px; background-image:url(../images/head03.jpg); background-repeat:no-repeat;}
#head03		 	{width:778px; height:175px; background-image:url(../images/head03_magazine.jpg); background-repeat:no-repeat;}
#head04_history	{width:778px; height:175px; background-image:url(../images/head04.jpg); background-repeat:no-repeat;}
#head04		 	{width:778px; height:175px; background-image:url(../images/head04_history.jpg); background-repeat:no-repeat;}
#head05	{width:778px; height:175px; background-image:url(../images/head05.jpg); background-repeat:no-repeat;}
#head05_links		 	{width:778px; height:175px; background-image:url(../images/head05_links.jpg); background-repeat:no-repeat;}


#navi			{width:778px; height:57px;  background-image:url(../images/navi.jpg); background-repeat:no-repeat;}
#navi1			{width:184px; height:auto; background-color:transparent;}
#navi2			{width:532px; height:auto; background-color:transparent;}
#main			{width:778px; height:auto; background-image:url(../images/content.jpg); background-repeat:repeat-y;}
#subnavi		{width:184px; height:auto; background-color:transparent;}
#content		{width:532px; height:auto; background-color:transparent;}
#footer			{width:778px; height:16px; background-image:url(../images/footer.jpg); background-repeat:no-repeat;}
#footer2		{width:778px; height:70px; background-color:transparent;}


/* Navigation*/
#navi li a span		{ display:none; line-height:0;}
#navi li 			{ float:left;}
#navi li .blog		{ background: url(images/btn_blog.jpg) no-repeat;  display:block;  margin-left: 170px; width: 111px; height:166px;}					  
#navi li .about		{ background: url(images/btn_about.jpg) no-repeat;  display:block; width: 110px; height:166px;}
#navi li .work		{ background: url(images/btn_work.jpg) no-repeat; display:block; width: 110px; height:166px;}
#navi li .music		{ background: url(images/btn_music.jpg) no-repeat; display:block; width: 110px; height:166px}					  
#navi li .events	{ background: url(images/btn_events.jpg) no-repeat; display:block; width: 110px; height:166px;}
#navi li .friends	{ background: url(images/btn_friends.jpg) no-repeat; display:block; width: 115px; height:166px;}

#navi li a:hover	{ background-position:0 -166px;}
ul					{ display:inline; list-style:none;}
