@charset "UTF-8";

/* ####### ####### ####### ####### ####### ####### ####### *\

	Projekt "balaydo - my sweet home"
	====
	CSS-Datei

/* ####### ####### ####### ####### ####### ####### ####### */



/* ####### ####### ####### ####### ####### ####### ####### *\
	imports
/* ####### ####### ####### ####### ####### ####### ####### */



/* ####### ####### ####### ####### ####### ####### ####### *\
	TAGs
/* ####### ####### ####### ####### ####### ####### ####### */



/* ####### ####### ####### ####### ####### ####### ####### *\
	CLASSes
/* ####### ####### ####### ####### ####### ####### ####### */

/* ======= ======= ======= ======= ======= ======= ======= *\
	Allgemeines
/* ======= ======= ======= ======= ======= ======= ======= */


/* ======= ======= ======= ======= ======= ======= ======= *\
	Schriften und Farben
/* ======= ======= ======= ======= ======= ======= ======= */

/* ####### ####### ####### ####### ####### ####### ####### *\
	IDs
/* ####### ####### ####### ####### ####### ####### ####### */

/* ======= ======= ======= ======= ======= ======= ======= *\
	Galerie, allgemein
/* ======= ======= ======= ======= ======= ======= ======= */
div#galerie_ground
{
	float: left;
	width: 100%;
	padding-bottom: 30px;
	background: url(../images/de/profile/bg_gruen_hell.jpg) top repeat-x #fff;
	position: relative;
}
div#galerie_content
{
	float: left;
	overflow: hidden;
	position: relative;
	width: 947px;				/* = 969 -11 -11 */
	margin-left: 20px;
	font: 12px Verdana, sans-serif;
	color: #696967;
	/* DEVELOP: */
	/*
		background-color: #ffff00;
	*/
}
	div#galerie_content .font_headline_big
	{
		margin: 20px 0px 10px 0px; padding: 0px;
		/* height: 40px; */ height: auto;
		font: 22px Arial,sans-serif;
		text-transform: uppercase;
		color: #fff;
	}
	div#galerie_content div#tab_navigation
	{
		margin-left: 0px;
	}
	div#galerie_content div#tab_navigation_border
	{
		margin-left: 0px;
	}

/* ======= ======= ======= ======= ======= ======= ======= */

div#galerie_ground #topteaser
{
	padding: 20px 0px 0px 70px;
	width: 320px; height: 70px;
	position: absolute; right: 0px;
	font: 11px Verdana, sans-serif; color: #fff;
	background: url(../images/de/profile/bg_gruen_dunkel.jpg) top repeat-x;
}

/* ======= ======= ======= ======= */

div#galerie_ground div#infobox_galerie
{
	position: absolute; top: 15px; left: 45px;
	z-index: 1000;
}
div#galerie_ground div#infobox_tags
{
	position: absolute; top: -10px; left: -40px;
	z-index: 1000;
}

/* ======= ======= ======= ======= ======= ======= ======= *\
	Galerie, Listenansicht
/* ======= ======= ======= ======= ======= ======= ======= */
div#galerie_list_ground
{
	position: relative;
	left: 145px;
	width: 796px;
	padding: 0px;
	margin: 0px;
}

	/*
	div#galerie_ground .browser .prev .on span
	{
		background: url(../images/de/basic/ic_pfeil_gruen_links.gif) no-repeat; #### left top no-repeat; ####
	}
	div#galerie_ground .browser .next .on span
	{
		background: url(../images/de/basic/ic_pfeil_gruen_rechts.gif) no-repeat; #### left top no-repeat; ####
	}
	div#galerie_ground .browser .prev .on a,
	div#galerie_ground .browser .next .on a
	{
		background-color: #9DA83F;
		color: #fff;
	}
	div#galerie_ground .browser .prev .off a,
	div#galerie_ground .browser .next .off a
	{
		color: #9E9E9E;
	}
	div#galerie_ground .browser a,
	div#galerie_ground .browser span
	{
		color: #9DA83F;
	}
		div#galerie_ground  .browser a.active
		{
			color: #fff;
		}
	*/

/* ======= ======= ======= ======= ======= ======= ======= */

div.galerie_list
{
	float: left;
	position: relative;
	margin-left: 18px;
	margin-bottom: 20px;
}
table.galerie_list
{
	float: left;
	width: 179px;
	border: 1px solid #C9D096;
	margin: 0px; padding: 0px;
}
	table.galerie_list td.galerie_list_pict
	{
		height: 151px;
		vertical-align: middle; text-align: center;
	}

	table.galerie_list td.galerie_list_text
	{
		text-align: center; padding-bottom: 2px;
	}
		table.galerie_list td.galerie_list_text a
		{
			font: 10px Verdana, sans-serif; font-weight: bold;
			color: #89954A;
			text-decoration: none;
		}
			table.galerie_list td.galerie_list_text a:hover
			{
				font: 10px Verdana, sans-serif; font-weight: bold;
				background-color:#89954A; color: #fff;
				text-decoration: none;
			}
		table.galerie_list td.galerie_list_text span
		{
			font: 10px Verdana, sans-serif; font-weight: normal;
			color: #61604E;
		}

	table.galerie_list td.galerie_list_foot
	{
		background-color: #D3D7A8; text-align: center; font: 10px Verdana, sans-serif; font-weight: normal; color: #61604E; height: 13px; padding-top: 1px;
	}
		table.galerie_list td.galerie_list_foot img
		{
			margin-left: 20px; margin-right: 5px;
		}
		table.galerie_list td.galerie_list_foot img.first
		{
			margin-left: 0px; margin-right: 5px;
		}

div.galerie_list img.commercial
{
	position: absolute; right: 4px; top: 4px;
}

/* ======= ======= ======= ======= ======= ======= ======= */

div.galerie_toplist
{
	float: left;
	position: relative;
	margin-left: 0px; margin-bottom: 20px;
}
table.galerie_toplist
{
	float: left;
	width: 381px;						/* 381 == 1 + 379 + 1 */
	border: 1px solid #C9D096;
	margin: 0px; padding: 0px;
}

	table.galerie_toplist td.galerie_toplist_rating_head
	{
		width:  98px;	/* 12 +  98 == 110 */ 
		font: 74px Arial, Helvetica, sans-serif; color: #9DA83F;
		padding: 0px 0px 0px 12px;
	}
	table.galerie_toplist td.galerie_toplist_rating_foot
	{
		width:  98px;	/* 12 +  98 == 110 */ 
		padding: 0px 0px 4px 12px;
		vertical-align: bottom;
		font: 10px Verdana, sans-serif; font-weight: normal;
		line-height: 15px;
		color: #61604E;
	}

	table.galerie_toplist td.galerie_toplist_pict
	{
		width: 143px; height: 151px;
		vertical-align: middle; text-align: center;
	}

	table.galerie_toplist td.galerie_toplist_text
	{
		width: 114px;	/* 12 + 114 == 126 */
		padding: 0px 0px 40px 12px;
		vertical-align: bottom;
		font: 10px Verdana, sans-serif; font-weight: normal;
		line-height: 10px;
		color: #61604E;
	}
		table.galerie_toplist td.galerie_toplist_text a
		{
			font: 10px Verdana, sans-serif; font-weight: bold;
			color: #89954A;
			text-decoration: none;
		}
			table.galerie_toplist td.galerie_toplist_text a:hover
			{
				font: 10px Verdana, sans-serif; font-weight: bold;
				background-color:#89954A; color: #fff;
				text-decoration: none;
			}
		table.galerie_toplist td.galerie_toplist_text span
		{
		}

	table.galerie_toplist td.galerie_toplist_foot
	{
		background-color: #D3D7A8; text-align: center; font: 10px Verdana, sans-serif; font-weight: normal; color: #61604E; height: 13px; padding-top: 1px;
	}
		table.galerie_toplist td.galerie_toplist_foot img
		{
			margin-left: 20px; margin-right: 5px;
		}
		table.galerie_toplist td.galerie_toplist_foot img.first
		{
			margin-left: 0px; margin-right: 5px;
		}

div.galerie_toplist img.commercial
{
	position: absolute; right: 4px; top: 4px;
}


/* ======= ======= ======= ======= ======= ======= ======= *\
	Galerie, Detailansicht
/* ======= ======= ======= ======= ======= ======= ======= */

div#galerie_ground #topteaser_left
{
	padding: 10px 0px 0px 0px;
	width: 215px; height: 70px;
	position: absolute; right: 310px;
	font: 11px Verdana, sans-serif; color: #fff;
}

div#galerie_ground div#pictdetail_legende
{
	font: 10px Verdana, Arial, Helvetica, sans-serif; color: #9DA83F; font-weight: bold; padding: 5px;
}
	div#galerie_ground div#pictdetail_legende a
	{
		font: 10px Verdana, Arial, Helvetica, sans-serif; color: #9DA83F; font-weight: bold; text-decoration: none;
	}


div#galerie_ground #topteaser_right
{
	padding: 10px 0px 0px 10px;
	width: 310px; height: 70px;
	position: absolute; right: 0px;
	font: 11px Verdana, sans-serif; color: #fff;
	background: url(../images/de/profile/bg_gruen_dunkel.jpg) top repeat-x;
}

	table.my_info_02 { font: 11px Verdana, sans-serif; color: #565731; float: left; } 
	table.my_info_02 td { padding-bottom: 5px; }
	table.my_info_02 td * { float: left; }
	/* table.my_info_02 td img { margin-left: 5px; position: relative; top: 2px; } */
	table.my_info_02 td div.ground { background-color: #E4E7CA; color: #9DA83F; font-weight: bold; padding-right: 10px; text-align: right; margin-left: 10px; margin-right: 25px; }
	table.my_info_02 td div.user { font: 10px Verdana, sans-serif; font-weight: bold; color: #9DA83F; }
	table.my_info_02 td div.system { font: 10px Verdana, sans-serif; color: #565731; }

	/* ======= ======= ======= ======= */

	div.my_action_box { margin-bottom: 20px; position: relative; }
	div.my_action_box div.headline { font: 16px Arial, sans-serif; color: #4D4B46; padding: 4px 0px 4px 0px; text-transform: uppercase; margin-bottom: 10px; }
	div.my_action_box div.system { font: 12px Verdana, sans-serif; color: #61604E; float: left; margin-left: 10px; }
	div.my_action_box div.link { float: right; margin-right: 15px; }
	div.my_action_box div.link * { float: left; }
	div.my_action_box div.link img { margin-right: 5px; position: relative; top: 2px; }

	/* ======= ======= ======= ======= ======= ======= ======= */

	div.my_info_box { height: auto; position: relative; margin-top: 20px; border: 1px solid #9A958D; padding: 10px; }
	div.my_info_box div.headline { font: 16px Arial, sans-serif; color: #4D4B46; text-transform: uppercase; margin-bottom: 15px; }
	div.my_info_box div.link { }
	div.my_info_box div.link * { float: left; }
	div.my_info_box div.link img { margin-right: 5px; position: relative; top: 2px; }

	div.my_info_box table.bookmarks { margin-bottom: 5px; }
	div.my_info_box table.bookmarks td { padding-right: 5px; }

	/* ======= ======= ======= ======= */

	div.galerie_list_verysmall
	{
		float: left;
		position: relative;
		width: 64px;
		margin-right: 10px; margin-bottom: 15px;
	}
	table.galerie_list_verysmall
	{
		float: left;
		width: 64px;
		margin: 0px;
		padding: 0px;
		border: 2px solid #FFF;
	}
		table.galerie_list_verysmall td.galerie_list_verysmall_pict
		{
			height: 64px;
			vertical-align: middle; text-align: center;
			border: 1px solid #9A958D;
		}
	div.galerie_list_verysmall table.active,
	table.galerie_list_verysmall:hover
	{
		margin: 0px;
		padding: 0px;
		border: 2px solid #9DA83F;
	}

	/* ======= ======= ======= ======= */

	div.galerie_list_profilsmall
	{
		float: left;
		position: relative;
		width: 70px;
		margin-right: 15px; margin-bottom: 10px;
	}
	table.galerie_list_profilsmall
	{
		float: left;
		width: 50px;
		margin: 0px auto 0px auto; padding: 0px;
	}
		table.galerie_list_profilsmall td.galerie_list_profilsmall_pict
		{
			height: 64px;
			vertical-align: middle; text-align: center;
			border: 1px solid #8B9A35;
		}
	
	div.galerie_list_profilsmall div.galerie_list_profilsmall_text
	{
		text-align: center; padding-bottom: 2px;
	}
		div.galerie_list_profilsmall div.galerie_list_profilsmall_text a
		{
			font: 10px Verdana, sans-serif; font-weight: bold;
			color: #8B9A35;
			text-decoration: none;
		}
			div.galerie_list_profilsmall div.galerie_list_profilsmall_text a:hover
			{
				font: 10px Verdana, sans-serif; font-weight: bold;
				background-color:#8B9A35; color: #fff;
				text-decoration: none;
			}
		div.galerie_list_profilsmall div.galerie_list_profilsmall_text span
		{
			font: 10px Verdana, sans-serif; font-weight: normal;
			color: #61604E;
		}

	/* ======= ======= ======= ======= ======= ======= ======= */
	
	div.galerie_list_small
	{
		float: left;
		width: 110px;
		position: relative; left: -15px;
		margin-right: 0px; margin-bottom: 0px;
		text-align: center;
	}
	table.galerie_list_small
	{
		width: 64px;
		margin: 0px auto 0px auto; padding: 0px;
	}
		table.galerie_list_small td.galerie_list_small_pict
		{
			height: 64px;
			vertical-align: middle; text-align: center;
			border: 1px solid #8B9A35;
		}
	
	div.galerie_list_small div.galerie_list_small_text
	{
		font: 10px Verdana, Arial, Helvetica, sans-serif; color: #61604E;
		text-align: center; padding-bottom: 2px;
	}
		div.galerie_list_small div.galerie_list_small_text a
		{
			font: 10px Verdana, sans-serif; font-weight: bold;
			color: #8B9A35;
			text-decoration: none;
		}
			div.galerie_list_small div.galerie_list_small_text a:hover
			{
				font: 10px Verdana, sans-serif; font-weight: bold;
				background-color:#8B9A35; color: #fff;
				text-decoration: none;
			}

	/* ======= ======= ======= ======= ======= ======= ======= */

	#galerie_content div.my_info_placecomment
	{
		font: 10px Verdana, sans-serif; color: #59593E;
		margin-bottom: 5px;
	}
		#galerie_content div.my_info_placecomment div.text
		{
			float: left;
			width: 372px;
		}
		#galerie_content div.my_info_placecomment span.user
		{
			font: 11px Verdana, sans-serif; color: #59593E;
		}
		#galerie_content div.my_info_placecomment span.author
		{
			font: 10px Verdana, sans-serif; color: #8B9A35;
			font-weight: bold;
		}

			/* ======= ======= ======= ======= */

			#galerie_content div.my_info_placecomment div.galerie_list_profilsmall
			{
				width: 50px;
				margin: 0px 0px 0px -1px;
			}
				#galerie_content div.my_info_placecomment div.even
				{
					background-color: #EBEDD8;
					height: 54px; /* 64 -10 == 49 */
					padding: 10px 5px 0px 5px;
				}
				#galerie_content div.my_info_placecomment div.odd
				{
					height: 54px; /* 64 -10 == 49 */
					padding: 10px 5px 0px 5px;
				}

		#galerie_content table.my_info_placecomment
		{
			width: 100%;
			margin-left: 10px;
		}
			#galerie_content table.profil_table td
			{
				font: 11px Verdana, sans-serif;
			}
			#galerie_content table.profil_table td.col_01 { width: 50%; vertical-align: top; padding-top: 7px; }
			#galerie_content table.profil_table td.col_02 { width: 50%; vertical-align: top; padding-top: 7px; }
		
			#galerie_content form.my_info_placecomment textarea
			{
				background-color: #EBEDD8;
				height: 57px; width: 420px;
				border: 1px solid #9A958D;
				font: 11px Verdana, sans-serif;
				color: #59593E;
				padding: 3px 5px 0px 5px;
				margin-bottom: 10px;
			}
		

	/* ======= ======= ======= ======= ======= ======= ======= *\
		Tagging
	/* ======= ======= ======= ======= ======= ======= ======= */
	div#galerie_content	div.tags 
	{
		background-color: #9DA83F;
	}
		div#galerie_content	div.tags div.headline
		{
			color: #4D4B46;
			text-transform: uppercase;
			padding-bottom: 15px;
		}

		div#galerie_content	div.tags div.headline span
		{
			margin: 10px;
		}

	div#galerie_content	div.tags a.tagsize01,
	div#galerie_content	div.tags a.tagsize02,
	div#galerie_content	div.tags a.tagsize03
	{
		color: #fff;
		/* cursor: default; */
	}
	div#galerie_content	div.tags a.tagsize01:hover,
	div#galerie_content	div.tags a.tagsize02:hover,
	div#galerie_content	div.tags a.tagsize03:hover
	{
		color: #fff; background-color: #4D4B46;
	}

	/* ======= ======= ======= ======= ======= ======= ======= */

	div.my_info_place
	{
		background-color: #ECECE4; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #61604E; padding: 5px 10px 5px 7px;
	}
		div.my_info_place span.user
		{
			font-weight: bold;
		}
		div.my_info_place div.user
		{
			background-color: #fff;
			color: #61604E;
			font-weight: bold;
			padding: 3px 3px 3px 5px;
		}

	/* ======= ======= ======= ======= ======= ======= ======= *\
		Browser (Anpassung)
	/* ======= ======= ======= ======= ======= ======= ======= */
	
	div#galery_ground div#galery_ground .browser
	{
	}
		div#galery_ground .browser a,
		div#galery_ground .browser span
		{
			color: #9DA83F;
		}
			div#galery_ground .browser a.active
			{
				background-color: #9E9E9E;
			}
		div#galery_ground .browser .prev .off a
		{
			color: #9E9E9E;
		}
		div#galery_ground .browser .prev .off span
		{
			background: url(../images/de/basic/ic_pfeil_grau_links.gif) no-repeat; /* left top no-repeat; */
		}
	
		div#galery_ground .browser .prev .on a
		{
			background-color: #9DA83F;
		}
		div#galery_ground .browser .prev .on span
		{
			background: url(../images/de/basic/ic_pfeil_blau_links.gif) no-repeat; /* left top no-repeat; */
		}
	
		div#galery_ground .browser .next .off a
		{
			color: #9E9E9E;
		}
		div#galery_ground .browser .next .off span
		{
			background: url(../images/de/basic/ic_pfeil_gruen_rechts.gif) no-repeat; /* left top no-repeat; */
		}
	
		div#galery_ground .browser .next .on a
		{
			background-color: #9DA83F;
		}
		div#galery_ground .browser .next .on span
		{
			background: url(../images/de/basic/ic_pfeil_gruen_rechts.gif) no-repeat; /* left top no-repeat; */
		}


/* ======= ======= ======= ======= ======= ======= ======= *\
	galerie_infoline
/* ======= ======= ======= ======= ======= ======= ======= */
div.galerie_infoline
{
	margin-left: 18px;
	margin-bottom: 10px;
	font: 11px Verdana, Arial, Helvetica, sans-serif; color: #7A7A78;
}
	div.galerie_infoline select#galerie_list_sortselect,
	div.galerie_infoline select#galerie_list_jumpselect
	{
		border: 1px solid #9DA83F; background-color: #DBDFB9; color: #65702C; font: 11px Verdana, sans-serif;
	}
	div.galerie_infoline select#galerie_list_sortselect
	{
		width: 150px;
	}


/* ======= ======= ======= ======= ======= ======= ======= *\
	galerie_archive_ground
/* ======= ======= ======= ======= ======= ======= ======= */
div#galerie_archive_ground
{
	float: left;
	width: 796px;
	padding: 0px; margin: 0px;
}

	div#galerie_archive_ground .browser .prev .on span
	{
		background: url(../images/de/basic/ic_pfeil_gruen_links.gif) no-repeat; /* left top no-repeat; */
	}
	div#galerie_archive_ground .browser .next .on span
	{
		background: url(../images/de/basic/ic_pfeil_gruen_rechts.gif) no-repeat; /* left top no-repeat; */
	}
	div#galerie_archive_ground .browser .prev .on a,
	div#galerie_archive_ground .browser .next .on a
	{
		background-color: #9DA83F;
		color: #fff;
	}
	div#galerie_archive_ground .browser .prev .off a,
	div#galerie_archive_ground .browser .next .off a
	{
		color: #9E9E9E;
	}
	div#galerie_archive_ground .browser a,
	div#galerie_archive_ground .browser span
	{
		color: #9DA83F;
	}
		div#galerie_archive_ground  .browser a.active
		{
			color: #fff;
		}

/* ======= ======= ======= ======= ======= ======= ======= *\
	galerie_archive_table
/* ======= ======= ======= ======= ======= ======= ======= */
table.galerie_archive_table
{
	width: 760px;
	margin-left: 18px;
	margin-bottom: 10px;
}
	table.galerie_archive_table tr.even
	{
		background-color: #ECECE4;
	}
	table.galerie_archive_table tr.odd
	{
		background-color: #fff;
	}
	table.galerie_archive_table tr.first td
	{
		padding: 5px 0px 0px 11px; 
	}
	table.galerie_archive_table tr.last td
	{
		padding: 0px 0px 5px 11px; 
	}
table.galerie_archive_table span.user
{
	font: 10px Verdana, sans-serif; font-weight: bold; color: #9DA83F;
}
table.galerie_archive_table span.tags
{
	font: 11px Verdana, sans-serif; color: #9DA83F;
}
table.galerie_archive_table span.system
{
	font: 11px Verdana, sans-serif; color: #59593E;
}


/* ======= ======= ======= ======= ======= ======= ======= *\
	ArchiveDock
/* ======= ======= ======= ======= ======= ======= ======= */
#ArchiveDock
{
	float: left;
	overflow: hidden;
	width: 150px;
	background: transparent;
}
	#ArchiveDock a,
	#ArchiveDock a:hover
	{
		display: block;
		text-decoration: none;

		color: #89954a;
		font-family: Arial, Verdana, sans-serif;
		font-size: 7pt;
		text-transform: uppercase;

		padding-top: 2px;
		padding-bottom: 2px;

		outline: none;
	}
	#ArchiveDock a img
	{
		margin-right: 5px;
	}
	#ArchiveDock span.year
	{
		padding-left: 10px;
		font-size: 11px;
		color: #61604E;
	}


/* ======= ======= ======= ======= ======= ======= ======= *\

/* ======= ======= ======= ======= ======= ======= ======= */
div#overpict_left
div#overpict_right
{
	height: 456px; width: 228px;
}

table.overpict
{
	width: 200px; height: auto;
	border: 1px solid #fff;
}

table.overpict a.overpict
{
	display: block;
	width: 194px; height: 25px;
	padding: 3px 0px 3px 4px;
	font: 11px Arial, sans-serif; font-weight: bold;
	text-decoration: none; text-transform: uppercase;
	color: #fff; background-color: #8B9A35;
	border-bottom: 3px solid #E4E2E2;
}
	table.overpict a.overpict:hover
	{
		background-color: #2A2926;
	}
table.overpict a.overpict_off
{
	display: block;
	width: 194px; height: 25px;
	padding: 3px 0px 3px 4px;
	font: 11px Arial, sans-serif; font-weight: bold;
	text-decoration: none; text-transform: uppercase;
	color: #fff; background-color: #B9B7B3;
	border-bottom: 3px solid #E4E2E2;
}


table.top
{
	width: 50px;
	border: 0px;
}
table.top a.overpict
{
	width: 48px; height: auto;
	background-color: #9DA83F;
	border: 0px;
	padding: 0px;
}