body
{
margin: 10; 
padding: 0;
font: 85% arial, hevetica, sans-serif;
text-align: center;
background-color: #333333;

	}
	
	h1
	{
		font-size:44px; font-family: "Monotype Corsiva"; color:#FFFFFF; text-align: center; margin-top: 50px;
	}
	
	h2
	{
		font-size:14px; font-family:Arial, Helvetica, sans-serif; color:red; margin-top: 110px; text-indent: -2%
	}
	
	h3
	{
		font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#bbbbbb; font-weight:300;
		text-indent: -5%; 
	}
	
	h4
	{
		font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#bbbbbb; text-indent: 0%; margin-top: 30px;
	}
	
	h5
	{
		font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;
	}
	
	h6
	{
		font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#bbbbbb; white-space:pre; margin-top:30px;
	}
	
	.nav:hover {color:#C4C769; font-weight:bold; font-size:14px}
	.gast:hover {color:#c4c769; font-size:12px; background-color:#333333; text-decoration:underline}
	.col {background-color:red}
	.NoFrame {border:0px}
	.afo {font-family:Arial, Helvetica, sans-serif; font-size: 16px; font-variant:small-caps}
	.afo1 {font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-variant:small-caps}
	.home {table-layout:fixed; width:500px}
	.intro:hover {color:#C4C769; font-weight:bold; font-size:24px}
	.abc {color:#bbbbbb; font-weight:100; font-size:20px}
	.abc:hover {color:#C4C769; font-weight:bold; font-size:20px}
	.abc:link {text-decoration:underline}
	.abc:visited {text-decoration:underline}
	.top {color:#bbbbbb; font-weight:100; font-size:14px}
	.top:hover {color:#C4C769; font-weight:bold; font-size:16px}
	.top:link {text-decoration:underline}
	.top:visited {text-decoration:underline}
	.top1 {color:#C4C769; font-weight:100; font-size:14px}
	.top1:hover {color:#C4C769; font-weight:bold; font-size:14px}
	.top1:link {color:#C4C769; text-decoration:underline}
	.top1:visited {color:#C4C769; text-decoration:underline}
	.top2 {color:#bbbbbb; font-weight:100; font-size:14px}
	.top2:hover {color:#C4C769; font-weight:bold; font-size:14px}
	.top2:link {text-decoration:underline}
	.top2:visited {text-decoration:underline}
	.top3 {color:#bbbbbb; font-weight:bold; font-size:16px; text-decoration:underline}
	.top3:hover {color:#c4c769; font-weight:bold; font-size:16px; text-decoration:underline}
	.top3:link {text-decoration:underline}
	.top3:visited {text-decoration:underline}
	.neu {font-family:Arial, Helvetica, sans-serif; font-size:12px}
	.neuarchiv {color:#67a5ff; font-weight:bold; font-size:10px}
	.neuarchiv:hover {color:#67a5ff; font-weight:bold; font-size:10px}
	
	#header
	{
		background-color: #333333 ;
	}
	
	a:link {
	color: #bbbbbb;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #bbbbbb;
}

a:hover {
	text-decoration: none;  font-size: 14px;
	color: #c4c769;
}

a:active {
	text-decoration: none;
}

#mainnaversatz
{ 
left:0px; top: 0px; width: 840px; height:30px;
padding: 0px 0;
}

#mainnav
{ 
position:absolute;
left:-35px; top: 10px; width: 840px; 
padding: 0px 0;
}

#mainnav ul
{
margin: 0 0 0 5px;
padding: 0;
list-style-type: none;
}

#mainnav li
{
display: inline;
padding: 0 35px;
border-right: 1px solid #C4C769;
}

#mainnav li a
{
text-decoration: none;
color: #c4c769;
}

#mainnav li a:hover
{
text-decoration: none; 
font-weight:bold; color:#bbbbbb; 
}

#mainnav ul { list-style-type: none; }
#mainnav li { display: inline; }

#menu
	{
		background-color:#333333;
		text-align: left;
	}

/* Querbilder */
	
#Monatsbild
	{
		position:absolute;
		left:140px; top:86px; width:560px; height:373px;
		background-color: #000000;
		border: 1px solid #C5C877;
	}

/* Querbild, das 374 breit ist. Die Texte bleiben gleich */

#Monatsbild3
	{
		position:absolute;
		left:140px; top:86px; width:560px; height:374px;
		background-color: #000000;
		border: 1px solid #C5C877;
	}
	
/* Querbild, 533 x 400 Pixel (4:3); Die Texte bleiben gleich */

#Monatsbild43
	{
		position:absolute;
		left:153px; top:70px; width:533px; height:400px;
		background-color: #000000;
		border: 1px solid #C5C877;
	}	
	
/* Querbild, 560 x 315 Pixel (16:9); Die Texte bleiben gleich */

#Monatsbild169
	{
		position:absolute;
		left:140px; top:115px; width:560px; height:315px;
		background-color: #000000;
		border: 1px solid #C5C877;
	}	

/* Querbild Ende */

#Monatsbildtextup
	{
		position:absolute;
		left:140px; top:25px; width:562px; height:20px;
		background-color:#333333;
		text-align: center;
		font-size:30px; font-family: Arial, Helvetica, sans-serif; font-variant:small-caps; font-weight:100; color:#bbbbbb; text-align: center; 
	}
	
#MonatsbildtextMotiv
	{
		position:absolute;
		left:140px; top:477px; width:562px; height:30px;
		background-color:#333333;
		text-align: center;
		font-size:24px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#bbbbbb; text-align: center; 
}

#MonatsbildtextMotiv2
	{
		position:absolute;
		left:140px; top:518px; width:562px; height:20px;
		background-color:#333333;
		text-align: center;
		font-size:16px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#bbbbbb; text-align: center;
}

#MonatsbildtextOrt
	{
		position:absolute;
		left:140px; top:552px; width:562px; height:12px;
		background-color:#333333;
		text-align: center;
		font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#bbbbbb; text-align: center; 
}

/* Hochkantbilder */

#BildHoch
	{
		position:absolute;
		left:287px; top:86px; width:266px; height:400px;
		background-color: #000000;
		border: 1px solid #C5C877;
	}

.hoch
	{
		position:absolute;
		left:287px; top:86px; width:267px; height:400px;
		background-color: #000000;
		border: 1px solid #C5C877;
	}

#BildHochtextup
	{
		position:absolute;
		left:287px; top:25px; width:267px; height:20px;
		background-color:#333333;
		text-align: center;
		font-size:30px; font-family: Arial, Helvetica, sans-serif; font-variant:small-caps; font-weight:100; color:#bbbbbb; text-align: center; 
	}
	
#BildHochtextMotiv
	{
		position:absolute; 
		left:237px; top:504px; width:367px; height:30px;
		background-color:#333333;
		text-align: center;
		font-size:24px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#bbbbbb; text-align: center;
}

#BildHochtextMotiv2
	{
		position:absolute;
		left:187px; top:545px; width:467px; height:20px;
		background-color:#333333;
		text-align: center;
		font-size:16px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#bbbbbb; text-align: center; 
}

#BildHochtextOrt
	{
		position:absolute;
		left:287px; top:579px; width:267px; height:12px;
		background-color:#333333;
		text-align: center;
		font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#bbbbbb; text-align: center;
}

/* Start 2.tes Hochkantbild, das 266 breit ist. Die Texte bleiben NICHT gleich */

#Monatsbild2
	{
		position:absolute;
		left:287px; top:86px; width:266px; height:400px;
		background-color: #000000;
		border: 1px solid #C5C877;
	}

#Monatsbildtextup2
	{
		position:absolute;
		left:287px; top:25px; width:267px; height:20px;
		background-color:#333333;
		text-align: center;
		font-size:36px; font-family: "Monotype Corsiva"; color:#bbbbbb; text-align: center; 
	}
	
#MonatsbildtextMotiv3
	{
		position:absolute; 
		left:237px; top:504px; width:367px; height:30px;
		background-color:#333333;
		text-align: center;
		font-size:24px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#bbbbbb; text-align: center;
}

#MonatsbildtextMotiv4
	{
		position:absolute;
		left:187px; top:545px; width:467px; height:20px;
		background-color:#333333;
		text-align: center;
		font-size:16px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#bbbbbb; text-align: center;
}

#MonatsbildtextOrt5
	{
		position:absolute;
		left:287px; top:579px; width:267px; height:12px;
		background-color:#333333;
		text-align: center;
		font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#bbbbbb; text-align: center; 
}

/* Ende 2.tes Hochkantbild */


/* Hochkantbild, 300 x 400 (4:3). Die Texte bleiben gleich */

#Monatsbild34
	{
		position:absolute;
		left:270px; top:86px; width:300px; height:400px;
		background-color: #000000;
		border: 1px solid #C5C877;
	}

/* Hochkantbild, 225 x 400 (9:16). Die Texte bleiben gleich */

#Monatsbild916
	{
		position:absolute;
		left:308px; top:86px; width:225px; height:400px;
		background-color: #000000;
		border: 1px solid #C5C877;
	}
	
/* Start Panormana */
/* Panormana 1 zu 3 */

#PanoramaBild
	{
		position:absolute;
		left:20px; top:86px; width:800px; height:266px;
		background-color: #000000;
		border: 1px solid #C5C877;
	}
	
#PanoramaBildTextMotiv
	{
		position:absolute;
		left:20px; top:375px; width:800px; height:20px;
		background-color:#333333;
		text-align: center;
		font-size:24px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#bbbbbb; text-align: center;  
}

#PanoramaBildTextMotiv2
	{
		position:absolute;
		left:20px; top:415px; width:800px; height:20px;
		background-color:#333333;
		text-align: center;
		font-size:16px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#bbbbbb; text-align: center;
}

#PanoramaBildTextOrt
	{
		position:absolute;
		left:20px; top:455px; width:800px; height:20px;
		background-color:#333333;
		text-align: center;
		font-size:11px; font-family: "Arial"; color:#bbbbbb; text-align: center; 
}
/* Panormana 1 zu 4 */

#PanoramaBild_4
	{
		position:absolute;
		left:20px; top:86px; width:800px; height:200px;
		background-color: #000000;
		border: 1px solid #C5C877;
	}
	
#PanoramaBildTextMotiv_4
	{
		position:absolute;
		left:20px; top:310px; width:800px; height:20px;
		background-color:#333333;
		text-align: center;
		font-size:24px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#bbbbbb; text-align: center;  
}

#PanoramaBildTextMotiv2_4
	{
		position:absolute;
		left:20px; top:350px; width:800px; height:20px;
		background-color:#333333;
		text-align: center;
		font-size:16px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#bbbbbb; text-align: center;
}

#PanoramaBildTextOrt_4
	{
		position:absolute;
		left:20px; top:390px; width:800px; height:20px;
		background-color:#333333;
		text-align: center;
		font-size:11px; font-family: "Arial"; color:#bbbbbb; text-align: center; 
}

/* Ende Panormana */


#footer	
	{
		position:absolute;
		left:330px; top:8px;
		background-color: #333333; 
		font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #bbbbbb;
	}
	
	/* Das ist neu oder geändert*/

#contents
	{
		position:absolute; overflow:auto; 
		left:-2px; top:30px; width:842px; height:600px;
		background-color:#333333;
		font:Arial, Helvetica, sans-serif; color:#bbbbbb;
}

table 
	{
		width:90%;
}

tr 
	{
		align:center; 
		vertical-align:middle;
}

a img 
	{  
  		border: 1px solid #000000;
}

a:hover img 
	{
		border-color: #c4c769;
}

BODY 
{
scrollbar-face-color: #333333; 
scrollbar-highlight-color: #000000; 
scrollbar-shadow-color: #bbbbbb; 
scrollbar-3dlight-color: #bbbbbb; 
scrollbar-arrow-color: #bbbbbb; 
scrollbar-track-color: #333333; 
scrollbar-darkshadow-color: #000000;
}

#GoBack
	{
		position: absolute; 
		left:370px; top:40px; width:30px; height:20px;
		background-color:#333333; z-index:2
}

#GoUp
	{
		position:absolute; 
		left:410px; top:30px; width:20px; height:30px;
		background-color:#333333; z-index:2
}

#GoForward
	{
		position:absolute; 
		left:440px; top:40px; width:30px; height:20px;
		background-color:#333333; z-index:2
}

/* Änderung: Neue Textbox für englische Namen in der Vogelartenübersicht
und deutsche Name statt mit Überschrift H4 auch mit Textbox*/

#VogelDeutsch
	{
		position:absolute;
		left:287px; top:80px; width:267px; height:20px;
		background-color:#333333;
		text-align: center;
		font-size:18px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#bbbbbb; text-align: center; 
}

#VogelEnglisch
	{
		position:absolute;
		left:220px; top:110px; width:400px; height:20px;
		background-color:#333333;
		text-align: center;
		font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#bbbbbb; text-align: center; 
}


/* Änderung: Lytebox CSS zum Anzeigen von Bildern in neuem Fenster */

#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #333333; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 2px solid #bbbbbb; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 12px Verdana, Helvetica, sans-serif; background-color: #333333; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 2px solid #bbbbbb; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(Lytebox/images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(Lytebox/images/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(Lytebox/images/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(Lytebox/images/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(Lytebox/images/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(Lytebox/images/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(Lytebox/images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(Lytebox/images/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(Lytebox/images/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(Lytebox/images/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(Lytebox/images/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(Lytebox/images/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #bbbbbb; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(Lytebox/images/close_grey.png) no-repeat; }
	#lbClose.red { background: url(Lytebox/images/close_red.png) no-repeat; }
	#lbClose.green { background: url(Lytebox/images/close_green.png) no-repeat; }
	#lbClose.blue { background: url(Lytebox/images/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(Lytebox/images/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(Lytebox/images/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(Lytebox/images/play_red.png) no-repeat; }
	#lbPlay.green { background: url(Lytebox/images/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(Lytebox/images/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(Lytebox/images/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(Lytebox/images/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(Lytebox/images/pause_red.png) no-repeat; }
	#lbPause.green { background: url(Lytebox/images/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(Lytebox/images/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(Lytebox/images/pause_gold.png) no-repeat; }
	
	/* Änderung: Lytebox CSS zum Anzeigen von Bildern in neuem Fenster Ende*/