@charset "UTF-8";

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

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

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



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



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



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

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


/* ======= ======= ======= ======= ======= ======= ======= *\
	Schriften und Farben
/* ======= ======= ======= ======= ======= ======= ======= */
div#my_ground .font_headline
{
	height: auto;
	font: 16px Arial, sans-serif;
	color: #02A5CF;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
}

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

/* ======= ======= ======= ======= ======= ======= ======= *\
	my_ground
/* ======= ======= ======= ======= ======= ======= ======= */
div#my_ground
{
	float: left;
	width: 100%;
	padding-bottom: 30px;
	background-color: #fff;
	position: relative;
}
div#my_content,
div#my_content_overview
{
	float: left;
	position: relative;
	width: 947px;				/* = 969 -11 -11 */
	margin-top: 22px; margin-left: 11px;
	font: 12px Verdana, sans-serif;
	color: #696967;
	/* DEVELOP: */
	/*
		background-color: #ffff00;
	*/
}

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

table.my_table
{
	width: 100%;				/* = 969 -11 -11 */
}
	table.my_table td
	{
		font: 11px Verdana, sans-serif;
		color: #02A5CF;
		height: 30px;
	}
	table.my_table td.col_01 { width: 250px; padding-right: 10px; vertical-align: top; padding-top: 7px; text-align: right; text-transform: uppercase; }
	table.my_table td.col_02 { width: 350px; padding-right: 10px; vertical-align: top; padding-top: 7px; }
	table.my_table td.col_03 { width: 300px; vertical-align: top;                      padding-top: 7px; font: 11px Verdana, sans-serif; color: #61604E; }

	table.my_table td.textarea { height: 47px; }
	table.my_table td.indent { padding-top: 10px; padding-right: 20px; }

	form#my_form input,
	form#my_form select,
	form#my_form textarea
	{
		background-color: #4DC0DD;
		width: 350px; height: 18px;
		border: 0;
		font: 11px Verdana, sans-serif;
		color: #fff;
		padding: 3px 5px 0px 5px;
		
	}
	form#my_form select
	{
		width: 250px;
		padding: 3px 0px 0px 5px;
	}
	form#my_form textarea
	{
		height: 35px;
	}
	
	form#my_form input.checkbox { width: auto; height: auto; background-color: #fff; }
	form#my_form label.checkbox { position: relative; top: -2px; left: 5px; }
	form#my_form table.checkbox td { height: 20px; }
	form#my_form table.checkbox { margin-top: 5px; }
	
	form#my_form input.radiobox { float: left; width: auto; height: auto; background-color: #fff; }
	form#profil_steckbrief_form input.radiobox { float: left; width: auto; height: auto; background-color: #fff; }

	form#my_form label.radiobox { float: left; margin-right: 40px; position: relative; top: -2px; left: 2px; }
	form#profil_steckbrief_form label.radiobox { float: left; margin-right: 40px; position: relative; top: -2px; left: 2px; }

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

table.my_table_upload
{
	width: 100%; height: 64px;
}
	table.my_table_upload td
	{
		height: auto;
		padding-left: 10px;
	}
	table.my_table_upload td.my_table_upload_pictshow
	{
		width: 64px; height: 64px;
		text-align: center; vertical-align: middle;
		padding: 3px;
		border: 1px solid #02A5CF;
	}
	form#my_form table.my_table_upload td textarea
	{
		width: 270px; height: 30px;
	}
	table.my_table_upload a.my_table_upload_pictdel
	{
		text-decoration: none;
		color: red;
	}


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

	table.my_info_01 { font: 11px Arial, Helvetica, sans-serif; color: #61604E; width: 280px; margin-right: 129px; float: left; }

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

	table.my_navi_01 { width: 205px; float: left; }
	table.my_navi_01 td { padding-bottom: 5px; }
	table.my_navi_01 td * { float: left; }
	table.my_navi_01 td img { margin-right: 5px; position: relative; top: 2px; }

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

	table.my_info_02 { font: 11px Verdana, sans-serif; color: #9DA83F; margin-left: 10px; 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.disabled { background-color: #E4E7CA; color: #9DA83F; font-weight: bold; padding-right: 10px; text-align: right; margin-left: 10px; }
	table.my_info_02 td div.enabled { background-color: #9DA83F; color: #fff; font-weight: bold; padding-right: 10px; text-align: right; margin-left: 10px; }

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

	div.my_navi_02 { background-color: #EFF0DF; position: relative; padding-bottom: 20px; margin-bottom: 20px; }
	div.my_navi_02 a { font: 11px Verdana, sans-serif; color: #9DA83F; text-decoration: none; }
	div.my_navi_02 table.my_navi_02_table { margin: 20px 0px 0px 35px; }
	div.my_navi_02 table.my_navi_02_table td { padding: 0px 0px 10px 55px; }
	div.my_navi_02 table.my_navi_02_table td img { margin-right: 5px; position: relative; top: 0px; }

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

	div.my_action_box { margin-bottom: 20px; height: auto; position: relative; }
	div.my_action_box div.headline { font: 16px Arial, sans-serif; color: #02A5CF; border-bottom: 1px solid #02A5CF; padding: 4px 0px 4px 10px; 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_03 { position: relative; }
	div.my_info_03 a { font: 11px Verdana, sans-serif; color: #9DA83F; text-decoration: none; font-weight: bold; }
	div.my_info_03 table.my_navi_02_table { margin: 20px 0px 0px 10px; }
	div.my_info_03 table.my_navi_02_table td { padding: 0px 0px 10px 0px; }
	div.my_info_03 table.my_navi_02_table td img { margin-right: 5px; position: relative; top: 0px; }
	div.my_info_03 table.my_navi_02_table td div { font: 11px Verdana, sans-serif; color: #61604E; float: left; margin-left: 12px; }

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

	div.my_info_box { height: auto; position: relative; margin-top: 20px; border: 1px solid #02A5CF; padding: 4px 0px 0px 10px; }
	div.my_info_box div.headline { font: 16px Arial, sans-serif; color: #02A5CF; 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_journal
	{
		width: 300px; float: left; margin-bottom: 15px;
		font: 10px Verdana, sans-serif; color: #59593E;
	}
		div.my_info_journal span.headline
		{
			font: 11px Verdana, sans-serif; color: #02A5CF;
			font-weight: bold;
		}
		div.my_info_journal span.tags
		{
			font: 10px Verdana, sans-serif; color: #02A5CF;
		}

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

	div.my_info_placecomment
	{
		font: 10px Verdana, sans-serif; color: #59593E;
		margin-bottom: 5px;
	}
		div.my_info_placecomment div.text
		{
			float: left;
			width: 165px;
			padding: 0px 0px 0px 5px;
		}
		div.my_info_placecomment span.user
		{
			font: 11px Verdana, sans-serif; color: #02A5CF;
		}
		div.my_info_placecomment span.author
		{
			font: 11px Verdana, sans-serif; color: #02A5CF;
			font-weight: bold;
		}

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

	div.my_info_placerating
	{
		font: 10px Verdana, sans-serif; color: #59593E;
		margin-bottom: 5px;
	}
		div.my_info_placerating div.text
		{
			float: left;
			width: 200px;
			padding: 0px 0px 0px 10px;
			line-height: 15px;
		}
			div.my_info_placerating div.text img
			{
				margin-left: 20px; margin-right: 5px;
			}
			div.my_info_placerating div.text img.first
			{
				margin-left: 0px; margin-right: 5px;
			}
		div.my_info_placerating span.headline
		{
			font: 11px Verdana, sans-serif; color: #02A5CF;
			font-weight: bold;
		}

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

	div.my_info_livingplacerating
	{
		font: 10px Verdana, sans-serif; color: #59593E;
		margin-bottom: 5px;
	}
		div.my_info_livingplacerating div.text
		{
			float: left;
			width: 200px;
			padding: 0px 0px 15px 0px;
			line-height: 15px;
		}
			div.my_info_livingplacerating div.text img
			{
				margin-left: 20px; margin-right: 5px;
			}
			div.my_info_livingplacerating div.text img.first
			{
				margin-left: 0px; margin-right: 5px;
			}
			div.my_info_livingplacerating div.text div.rating
			{
				margin-left: -20px;
			}
		div.my_info_livingplacerating span.headline
		{
			font: 11px Verdana, sans-serif; color: #02A5CF;
			font-weight: bold;
		}

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

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

	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: #02A5CF;
			text-decoration: none;
		}
			table.galerie_list td.galerie_list_text a:hover
			{
				font: 10px Verdana, sans-serif; font-weight: bold;
				background-color:#02A5CF; 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
	{
		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: 18px; top: 4px;
}

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

/*
div.galerie_list_small
{
	float: left;
	position: relative;
	width: 100px;
	margin-right: 20px; margin-bottom: 20px;
	position: relative; left: -15px;
}
table.galerie_list_small
{
	float: left;
	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 #02A5CF;
	}
div.galerie_list_small div.galerie_list_small_text
{
	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: #02A5CF;
		text-decoration: none;
	}
		div.galerie_list_small div.galerie_list_small_text a:hover
		{
			font: 10px Verdana, sans-serif; font-weight: bold;
			background-color:#02A5CF; color: #fff;
			text-decoration: none;
		}
*/

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

div.galerie_list_middlesmall
{
	float: left;
	position: relative;
	width: 70px;
	margin-right: 15px; margin-bottom: 20px;
}
table.galerie_list_middlesmall
{
	float: left;
	width: 64px;
	margin: 0px auto 0px auto; padding: 0px;
}
	table.galerie_list_middlesmall td.galerie_list_middlesmall_pict
	{
		height: 64px;
		vertical-align: middle; text-align: center;
		border: 1px solid #02A5CF;
	}

div.galerie_list_middlesmall div.galerie_list_middlesmall_text
{
	text-align: center; padding-bottom: 2px;
}
	div.galerie_list_middlesmall div.galerie_list_middlesmall_text a
	{
		font: 10px Verdana, sans-serif; font-weight: bold;
		color: #02A5CF;
		text-decoration: none;
	}
		div.galerie_list_middlesmall div.galerie_list_middlesmall_text a:hover
		{
			font: 10px Verdana, sans-serif; font-weight: bold;
			background-color:#02A5CF; color: #fff;
			text-decoration: none;
		}
	div.galerie_list_middlesmall div.galerie_list_middlesmall_text span
	{
		font: 10px Verdana, sans-serif; font-weight: normal;
		color: #61604E;
	}

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

	div.galerie_list_profilsmall
	{
		float: left;
		position: relative;
		width: 70px;
		margin-right: 15px; margin-bottom: 20px;
	}
	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 #02A5CF;
		}
	
	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: #02A5CF;
			text-decoration: none;
		}
			div.galerie_list_profilsmall div.galerie_list_profilsmall_text a:hover
			{
				font: 10px Verdana, sans-serif; font-weight: bold;
				background-color:#02A5CF; 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_verysmall
	{
		float: left;
		position: relative;
		width: 64px;
		margin-right: 15px; margin-bottom: 15px;
	}
	table.galerie_list_verysmall
	{
		float: left;
		width: 64px;
		margin: 0px; padding: 0px;
		margin-top: 2px;
		margin-bottom: 2px;
	}
		table.galerie_list_verysmall td.galerie_list_verysmall_pict
		{
			height: 64px;
			vertical-align: middle; text-align: center;
			border: 1px solid #02A5CF;
		}
	div.galerie_list_verysmall table.active,
	table.galerie_list_verysmall:hover
	{
		margin-top: 0px;
		margin-bottom: 0px;
		border: 2px solid #9DA83F;
		background-color: red;
	}
*/
	div.galerie_list_verysmall
	{
		margin-right: 15px; margin-bottom: 15px;
	}
		table.galerie_list_verysmall td.galerie_list_verysmall_pict
		{
			border: 1px solid #02A5CF;
		}

/* ======= ======= ======= ======= ======= ======= ======= */
/*	Einschränkung fuer my_info_box */
/* ======= ======= ======= ======= ======= ======= ======= */

div.my_info_box div.galerie_list_middlesmall
{
	margin-bottom: 10px;
}

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

div.my_info_placecomment div.galerie_list_profilsmall
{
	width: 50px;
	margin: 0px 0px 0px -1px;
}
div.my_info_placecomment div.galerie_list_verysmall
{
	margin: 0px;
}

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

div.my_info_placerating div.galerie_list_verysmall
{
	margin: 0px;
}


/* ======= ======= ======= ======= ======= ======= ======= */
/*	my_list												   */
/* ======= ======= ======= ======= ======= ======= ======= */

div.my_list
{
	width: 937px;
	margin-left: 9px;
}
table.my_list
{
	width: 100%;
	font: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #59593E;	/* font_v11g1 */
	margin: 0px 0px 6px 0px;
	padding: 5px 0px 5px 0px;
}
	table.my_list td { padding: 3px 0px 3px 0px; }

	table.my_list td.col01 { width:  45px; text-align: center; }
	table.my_list td.col02 { width: 287px; }
	table.my_list td.col03 { width: 110px; }
	table.my_list td.col04 { width:  60px; text-align: center; }
	table.my_list td.col05 { width:  65px; text-align: center; }
	table.my_list td.col06 { width:  85px; text-align: center; }
	table.my_list td.col07 { width:  90px; text-align: center; }
	table.my_list td.col08 { width:  80px; text-align: right; }
	table.my_list td.col09 { width: 115px; }

div.even table { background-color: #fff; }
div.odd table { background-color: #ECECE3; }

div.my_list table.details
{
	margin: -6px 0px 0px 0px;
}


table.my_listsub
{
	width: 100%;
	font: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #59593E;	/* font_v11g1 */
	margin: 5px 0px -5px 0px;
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #ECECE4;
}
	table.my_listsub td.col01 { width:  10px; }
	table.my_listsub td.col02 { width: 277px; }
	table.my_listsub td.col03 { width: 110px; }
	table.my_listsub td.col04 { width:  60px; text-align: center; }
	table.my_listsub td.col05 { width:  65px; text-align: center; }
	table.my_listsub td.col06 { width:  85px; text-align: center; }
	table.my_listsub td.col07 { width:  90px; text-align: center; }
	table.my_listsub td.col08 { width:  80px; text-align: right; }
	table.my_listsub td.col09 { width: 115px; }

table.my_listsub div.galerie_list_verysmall
{
	margin: 4px 11px 1px 0px;
	padding: 0px;
}