html, body				{top: 					0; 
						left: 					0; 
						right: 					0; 
						min-height: 			100%; 
						margin: 				0; 
						padding: 				0; 
						width: 					100%; 
						font-family: 			Verdana; 
						font-size: 				9pt; 
						}

.small					{font-size: 			7pt; 
						}
						
.smallest				{font-size: 			1pt; 
						}
						
a						{text-decoration: 		none; 
						font-weight: 			bold; 
						color: 					#999999; 
						}
						
a:hover					{text-decoration: 		none; 
						font-weight: 			bold; 
						color: 					#00cc00;
						}

.ueberschrift       	{font-weight: 			bold; 
						font-size: 				13pt; 
						color: 					#999999; 
						margin-bottom: 			10px  }

hr                  { size: 1; color: #0000b7 }


.kasten             { border: 1px dashed #0000B7; padding: 10px; margin-bottom: 20px; background: #f9f9fa  }
.kastenintern       { border: 1px dashed #0000B7; background: #eeeef3 }

.bigger             { font-weight: bold; font-size: 11pt; color: #5761B3 }
.today              { color: #00cc00; font-weight: bold }
						
						
						

						
#sidemenuList:after 	{
						content: 				".";
						height: 				0;
						display: 				block;
						visibility: 			hidden;
						overflow: 				hidden;
						clear: 					both;
						}

#sidemenuList 			{
						display:	 			inline-block;
						}
						
						
.menu 					{
						font-size:				8pt;
						
						}

.pfad 					{
						font-size:				8pt;
						
						}
						
.ueberschrift 					{
						font-size:				10pt;
						
						}

.anzahl					{
						font-size:				8pt;
						
						}

.bild					{
						font-size:				8pt;
						
						}

#meniu 					{
						font-size:				8pt;
						color: 					#999999;
						display:	 			block;
						padding:				0 0 0 0;
						margin: 				0px 0px 0px 0px;
						text-align: 			left;
						top: 					220px;
						width: 					100%;
						height: 				auto;
						font-weight:			normal;
						}

.sidetable				{
						width:					100%;
						background:		 		#ffffff;
						border: 				1px;
						border-color:			#000000;
						margin: 				0px 0px 0px 17px;
						}

#ConnectStatus 			{
						background-color:	 	#333333;
						width: 					200px;
						font-weight: 			bold;
						padding-left: 			16px;
						padding-right: 			16px;
						}

#sidemenu 				{
						display: 				block;
						}

#sidemenu ul 			{
						margin: 				1;
						padding: 				1;
						border: 				0;
						list-style-type: 		none;
						}

#sidemenu li 			{
						margin: 				1;
						padding:	 			1;
						border: 				0;
						display: 				block;
						float: 					left;
						position:	 			relative;
						}

#sidemenu a 			{
						font-size:				8pt;
						display: 				block;
						height: 				15px;
						padding-top:	 		5px;
						padding-bottom: 		5px;
						padding-left: 			13px;
						padding-right: 			13px;
						color: 					#999999;
						text-decoration:		none;
						font-weight:			normal;
						}

#sidemenu a:hover 		{
						weight:					bold;
						color:					#999999;
						}

#sidemenu h2 			{
						padding-left: 			27px;
						color: 					#999999;
						font-size: 				8pt;
						weight:					bold;
						}	

#sidemenu ul li ul a 	{
						width: 					200px;
						}

#sidemenu ul li ul a:hover {
						weight:					bold;
						color:					#999999;
						}


#sidemenu li li 		{
						width: 					100%;
						float: 					none;
						}

#sidemenu li li ul 		{
						top:	 				0px;
						left: 					0;
						}

#sidemenu li li:hover ul {
						left: 					100%;
						weight:					bold;
						color:					#999999;
						}

/* initialy hide all sub sidemenus */
#sidemenu li ul 		{
						display:	 			none;
						position: 				absolute;
						z-index: 				10;
						}

/* display them on hover */
#sidemenu li:hover>ul 	{	
						display: 				block;
						}

/* this is needed if you want to style #sidemenu div - force containment of floated LIs inside of main UL */
#sidemenuList:after 	{
						content: 				".";
						height: 				0;	
						display: 				block;
						visibility: 			hidden;
						overflow: 				hidden;
						clear: 					both;
						}

#sidemenuList 			{
						display: 				inline-block;
						}

#sidemenu ul li .monthsMenu a{
						width: 					auto;
						height: 				auto;
						padding: 				0 0 0 0;
						margin: 				0 0 0 0;
						}

/* define the consecutive colors */
#sidemenu ul li a		{
						background:				#ffffff;
						border:					1px;
						border-color:			#000000;
						border-style:			solid;
						}

#sidemenu ul li a:hover {
	/* background: #333333; */
	/* background: #000000; */
						background: 			#ffffff;
						color:					#00cc00;
						weight:					bold;
						}

#sidemenu ul li ul li a	{
						background: 			#ffffff;
/*						background: 			#000000;  */
/*						filter:alpha(opacity=90);  for IE */
/*						-moz-opacity:0.9;  for mozilla  */
/*						opacity: 0.9;  for safari 	  */
/*						khtml-opacity: 0.9  for konquerer and older safari */ 
						}

#sidemenu ul li ul li a:hover {
						background: 			#ffffff;
						color:					#00cc00;
						weight:					bold;
						}

#sidemenu ul li ul ul li a{
						background: 			#ffffff;
						}

#sidemenu ul li ul ul li a:hover {
						background: 			#ffffff;
						color:					#00cc00;						
						weight:					bold;
						}
						
html>body .entry ul 	{
						margin-left: 			0px;
						padding: 				0 0 0 30px;
						list-style: 			none;
						padding-left: 			10px;
						text-indent: 			-10px;
						} 

html>body .entry li 	{
						margin: 				7px 0 8px 10px;
						}

.entry ul li:before 	{
						content: 				"\00BB \0020";
						}

.entry ol 				{
						padding: 				0 0 0 25px;
						margin: 				0;
						}

.entry ol li 			{
						margin: 				0;
						padding: 				0;
						}

#lyrLine1				{ 
						position: 				absolute; 
						width: 					90%; 
						height:  				11px; 
						z-index: 				9; 
						left: 					5%; 
						top:    				0px; 
						background: 			#ffffff; 
						font-size:				1pt;
						}
						
#lyrLine2				{ 
						position: 				absolute; 
						width: 					90%; 
						height:  				21px; 
						z-index: 				8; 
						left: 					5%; 
						top:    				0px; 
						background: 			#999999;
						}
						
#lyrLine3 				{ 
						position: 				absolute; 
						width: 					90%; 
						height:  				27px; 
						z-index: 				7; 
						left: 					5%; 
						top:    				0px; 
						background: 			#ffffff;
						}

#lyrLine4				{ 
						position: 				absolute; 
						width: 					90%; 
						height:  				31px; 
						z-index: 				6; 
						left: 					5%; 
						top:    				0px; 
						background: 			#00cc00;
						}

#lyrLine5				{ 
						position: 				absolute; 
						width: 					100%; 
						height:  				31px; 
						z-index: 				6; 
						left: 					0%; 
						bottom:    				0px; 
						background: 			#00cc00;
						}

#lyrLine6				{ 
						position: 				absolute; 
						width: 					100%; 
						height:  				27px; 
						z-index: 				7; 
						left: 					0%; 
						bottom:    				0px; 
						background: 			#ffffff;
						}

#lyrLine7				{ 
						position: 				absolute; 
						width: 					100%; 
						height:  				21px; 
						z-index: 				8; 
						left: 					0%; 
						bottom:    				0px; 
						background: 			#999999;
						}

#lyrLine8				{ 
						position: 				absolute; 
						width: 					100%; 
						height:  				11px; 
						z-index: 				9; 
						left: 					0%; 
						bottom:    				0px; 
						background: 			#ffffff;
						font-size:				1pt;
						}

#lyrLine9				{ 
						position: 				absolute; 
						width: 					100%; 
						height:  				41px; 
						z-index: 				5; 
						left: 					0%; 
						bottom:    				0px; 
						background: 			#ffffff;
						font-size:				1pt;
						}

#lyrLine10				{ 
						position: 				absolute; 
						width: 					90%; 
						height:  				110px; 
						z-index: 				5; 
						left: 					5%; 
						top:    				0px; 
						background: 			#ffffff;
						font-size:				1pt;
						}

#containerHeader		{ 
						position: 				fixed; 
						width:					100%;
						top:      				0px; 
						margin: 				0px; 
						height:  				70px; 
						z-index: 				7; 
						}

#containerFooter		{ 
						position: 				fixed;
						bottom:					0px; 
						width:					90%;
						left:					5%;
						margin: 				0px; 
						height:  				32px; 
						z-index: 				30;
						background:				#ffffff; 
						}

#containerMenu			{ 
						width:					86%;
						position:				fixed;
						padding-left:			0px;
						top:      				70px; 
						left: 					5.5%; 
						margin: 				0 0 0 0; 
						height:  				20; 
						z-index: 				11; 
						background:				#ffffff;
						}
						
#lyrHeadim1				{ 
						position: 				fixed; 
						width: 					349px; 
						height:  				60px; 
						z-index: 				11; 
						right: 					10%; 
						top:    				0px;
						margin:					0px; 
						background: 			#ffffff; 
						}

#lyrHead2				{ 
						position: 				fixed; 
						width: 					400px; 
						height:  				20px; 
						z-index: 				11; 
						left: 					8%; 
						top:    				45px;
						margin:					0px;
						font-size:				7pt;
						color:					#999999;
						}


#lyrFoot1				{ 
						position: 				absolute; 
						width: 					80%; 
						height:  				24px; 
						z-index: 				11; 
						left: 					10%; 
						bottom:    				0px;
						margin:					0px;
						font-size:				7pt;
						background:				#ffffff;
						color:					#999999;
						padding-top:			3px;
						text-align:				center;
						}

#containerContent		{
						margin-top:      		135px; 
						margin-bottom:     		10px;
						z-index:				5;
						padding-bottom:			50px; 
						padding-right:			7%; 
						padding-left:			7%; 
						}
						
.content				{font-size:				9pt;
						}

.akt					{font-size:				8pt;
						color:					#999999;
						font-style:				italic; 
						}

#containerHinweis		{right:					0; 
						margin: 				5px;
						padding:				5px;
						margin-left:			50px; 
						z-index: 				11; 
						border:					1px dashed #00cc00;
						background:				#ffffff;
						}
						
.Hinweis		       	{font-weight: 			bold; 
						font-size: 				11pt; 
						color: 					#999999; 
						margin-bottom: 			8px;
						}

#containerGuest			{width:					100%;
						margin: 				0px;
						padding:				0px;
						z-index: 				11; 
						border:					1px dashed #00cc00;
						background:				#ffffff;
						}
						
.text					{font-family: 			Verdana; 
						font-size: 				9pt; 
						color:					black;
						}
						
.textein				{font-family: 			Verdana; 
						font-size: 				9pt; 
						color:					black;
						padding-left:			20px;
						padding-top:			3px;
						}
						
.textein2				{font-family: 			Verdana; 
						font-size: 				9pt; 
						color:					black;
						padding-left:			40px;
						padding-top:			3px;
						}
						
.textb					{font-family: 			Verdana; 
						font-size: 				9pt; 
						color:					black;
						color:					#999999;
						font-weight: 			bold; 												
						}
						
.textbg					{font-family: 			Verdana; 
						font-size: 				9pt; 
						color:					black;
						color:					#00cc00;
						font-weight: 			bold; 												
						}
						
.ueber1					{font-family: 			Verdana; 
						font-size: 				11pt; 
						color:					#999999;
						font-weight: 			bold; 												
						}
						
.thumbnail 				{border:				0px;
						background-color: 		#ffffff;
						text-align: 			center;
						font-size:				9pt;
						}
						
.naviarea				{font-size:				9pt;
						padding-left: 			10px;
						padding-right: 			10px;
						padding-top: 			10px;
						padding-bottom: 		20px;
						text-align: 			left;
						}
						
.quickjump				{font-size:				9pt;
						font-weight:			bold;
						color:					#999999;
						}

.thumbnailfilenames		{
						text-align: 			center;
						font-size:				9pt;
						}

.picturedir				{border:				0px;
						}

.picture				{
						text-align: 			center;
						border:					0px;
						}

.picturefooter			{
						text-align: 			center;
						font-size:				9pt;
						}

.location				{
						text-align: 			left;
						font-size:				9pt;
						padding-left: 			10px;
						height: 				15px; 
						margin-bottom: 			15px;
						padding-right: 			10px;
						font-style: 			oblique;
						width:					100%;
						}

.thumbdir 				{
						text-align: 			center;
						border:					0px;
						}

.picture_description	{
						text-align: 			center;
						font-size:				9pt;
						color:					#999999;
						}

.mainarea{
	padding-left: 10px;
	padding-right: 10px;
}



.leftarea{
	text-align: left;
	margin-bottom: 15px;
}

ul.navi {
	list-style-type:none;
	margin:0 0 0 10px;
	padding:0;
}

li.navi {
	padding:0;
}

.mainarea{
	min-height: 400px;
	padding: 10px;
		
	text-align: center;
}

div.naviarea{
	padding-left: 4px;
	width: 250px; 
}

div.leftarea{
	float: left;
	width: 250px; 
}

div.mainarea{
	margin-left: 270px;
}

.thumbs_cell {
	vertical-align: top;
}

.annotation {
	color: #000000;
}

td.leftarea{
	width: 1%;
	padding: 0px;
	vertical-align: top;
	white-space: nowrap;
	max-width: 250px;
}

td.naviarea{
	width: 1%;
	padding: 10px;
	vertical-align: top;
	white-space: nowrap;
	max-width: 250px;
}

td.mainarea{
	width: 99%; 
	vertical-align: top;
}

div.clear{
	clear:both;
}

.thumbnailfooter{
	font-style: oblique;
}

.quickjump_showall{
	width: 2%;
}

.quickjump_left_enabled{
	font-weight: bold;
	width: 1%;
}

.quickjump_left_disabled{
	width: 1%;
}

.quickjump_right_enabled{
	font-weight: bold;
	width: 1%;
}

.quickjump_right_disabled{
	width: 1%;
}

.quickjump_page{
	width: 2%;
}

.quickjump_activepage{
	font-weight: bold;
	width: 2%;
}


.album_description{
	text-align: center;
}

.admin_panel{
	min-height: 400px;
	padding: 10px;

	border: 2px outset #FFFFFF; 
	font-family: sans-serif; 
	background-color: #DEDED5;
	text-align: left;
}

.admin_item{
	border: 1px solid #000000;
	background-color: #EEEEEE;
	padding: 5px;
	margin: 5px;
}

.admin_list
{
	float: left;
	width: 400px;
	text-align: left;
	border: 1px solid #000000;
	background-color: #DEDED5;
	padding: 5px;
	margin: 5px;
}

.login_panel{
	padding: 10px;

	border: 2px outset #FFFFFF; 
	font-family: sans-serif; 
	background-color: #9C999C;
	text-align: center;
}

.pictureDescForm {
	border: 2px outset #FFFFFF; 
	font-family: sans-serif; 
	text-align: left;
	margin: 20px 5px 5px 5px ;
	padding: 10px;
}