@charset "UTF-8";

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

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

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



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



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



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

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


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

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

/* ======= ======= ======= ======= ======= ======= ======= *\
	Steckbrief
/* ======= ======= ======= ======= ======= ======= ======= */
div#profil_ground
{
	float: left;
	width: 100%;
	padding-bottom: 30px;
	background-color: #fff;
}
	div#profil_steckbrief_top,
	div#profil_steckbrief_foot,
	div#profil_pinnwand
	{
		float: left;
		width: 947px;				/* = 969 -11 -11 */
	
		margin-top: 22px; margin-left: 11px;
		font: 12px Verdana, sans-serif;
		color: #696967;
		/* DEVELOP: */
		/*
			background-color: #ffff00;
		*/
	}
	div#profil_steckbrief_prof
	{
		float: left;
		width: 945px;				/* = 969 -11 -1  -11 -1 */
	
		margin-top: 20px;
		margin-left: 11px;
		padding-bottom: 18px;
		font: 12px Verdana, sans-serif;
		color: #696967;
		border: 1px solid #02A5CF;
		/* DEVELOP: */
		/*
			background-color: #ffff00;
		*/
	}

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

table.profil_table
{
	width: 936px;				/* = 969 -11 -10 -11 */
	margin-left: 10px;
	/* DEVELOP: */
	/*
		background-color: #ffff00;
	*/
}
	table.profil_table td
	{
		font: 11px Verdana, sans-serif;
		color: #02A5CF;
		/* DEVELOP: */
		/*
			border: 1px solid red;
		*/
	}
	table.profil_table td.col_01 { width: 195px; padding-right: 10px; vertical-align: top; padding-top: 7px; text-align: right; text-transform: uppercase; }
	table.profil_table td.col_02 { width: 455px; padding-right:  5px; vertical-align: top; padding-top: 7px; }
	table.profil_table td.col_03 { width: 267px; vertical-align: top; padding-top: 7px; } /* +20? */

	form#profil_form input.checkbox { width: 12px; height: 12px; background-color: #fff; position: relative; top: 1px; border: 0px; }

	form#profil_form input,
	form#profil_form select,
	form#profil_form textarea
	{
		background-color: #4DC0DD;
		height: 18px;
		border: 0;
		font: 11px Verdana, sans-serif;
		color: #fff;
		padding: 3px 5px 0px 5px;
		width: 438px;
	}

	form#profil_form #multiple_spracheinstellungen
	{
		width: 210px;
		height: auto;
	}
		table#profil_spracheinstellungen div.scroll
		{
			float: left;
			margin-left: 17px;
			padding: 5px 0px 0px 10px;
			background-color: #4DC0DD;
			overflow: auto;
		}
			table#profil_spracheinstellungen div.scroll a
			{
				display: block;
				color: #fff;
				text-decoration: none;
				margin-bottom: 3px;
			}
		table#profil_spracheinstellungen div.auswahl { height: 125px; width: 198px; background-color: #fff; border: 1px solid #4DC0DD; }
		table#profil_spracheinstellungen div.auswahl a.auswahl_show { float: left; color: #7A7A78; width: 165px; }
		table#profil_spracheinstellungen div.auswahl a.auswahl_del { float: left; color: #7A7A78; width: 15px; position: relative; top: 3px; }


	form#profil_form a#profil_form_submit
	{
		width: 220px;
		margin-right: 10px;
	}

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

table.profil_steckbrief_table
{
	width: 937px;				/* = 969 -11 -10 -11 */
	margin-left: 10px;
	/* DEVELOP: */
	/*
		background-color: #ffff00;
	*/
}
	table.profil_steckbrief_table td
	{
		font: 11px Verdana, sans-serif;
		color: #02A5CF;
		height: 30px;
		/* DEVELOP: */
		/*
			border: 1px solid red;
		*/
	}
	table.profil_steckbrief_table td.col_01 { width: 165px; padding-right: 10px; vertical-align: top; padding-top: 7px; text-align: right; text-transform: uppercase; }
	table.profil_steckbrief_table td.col_02 { width: 438px; padding-right: 5px; vertical-align: top; padding-top: 7px; }
	table.profil_steckbrief_table td.col_03 { width: 297px; vertical-align: top; padding-top: 7px; } /* +20? */

	table.profil_steckbrief_table td.textarea { height: 47px; }

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

	form#profil_steckbrief_form #multiple_steckbrief_themen,
	form#profil_steckbrief_form #multiple_steckbrief_branchen
	{
		/* border: 1px solid #02A5CF; */
		width: 280px;
		height: auto;
	}
	form#profil_steckbrief_form #multiple_steckbrief_themen
	{
		height: 145px;
	}


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

table.profil_steckbrief_prof_top_table
{
	width: 600px;
	padding-top: 10px;
	margin-left: 10px;
		/* DEVELOP: */
		/*
			background-color: #ffff00;
		*/
}
	table.profil_steckbrief_prof_top_table td
	{
		font: 11px Verdana, sans-serif;
		color: #02A5CF;
	}
	table.profil_steckbrief_prof_top_table td.col_01 { width: 290px; padding-right: 10px; padding-top: 7px; text-align: right; text-transform: uppercase; }
	table.profil_steckbrief_prof_top_table td.col_02 { width: 295px; padding-right:  5px; padding-top: 4px; }


table.profil_steckbrief_prof_foot_table
{
	width: 905px;
	margin: 20px 0px 0px 20px;
}
	table.profil_steckbrief_prof_foot_table td
	{
		font: 11px Verdana, sans-serif;
		color: #02A5CF;
	}
	table.profil_steckbrief_prof_foot_table td.col_01 { width: 290px; padding-right: 20px; }
	table.profil_steckbrief_prof_foot_table td.col_02 { width: 290px; padding-right: 20px; }
	table.profil_steckbrief_prof_foot_table td.col_03 { width: 285px; }

	table.profil_steckbrief_prof_foot_table td.headline
	{
		font: 16px Arial, sans-serif;
		color: #02A5CF;
		text-transform: uppercase;
		padding-top: 15px;
		padding-bottom: 10px;
	}

	table.profil_steckbrief_prof_foot_table div.scroll
	{
		width: 280px;
		padding: 5px 0px 0px 10px;
		/* background-color: #4DC0DD; */
		overflow: auto;
	}
		table.profil_steckbrief_prof_foot_table div.scroll a
		{
			display: block;
			color: #fff;
			text-decoration: none;
			margin-bottom: 3px;
			width: 90%;
			
		}
	table.profil_steckbrief_prof_foot_table div.thema { height: 145px; }
	table.profil_steckbrief_prof_foot_table div.branche { height: 320px; }
	table.profil_steckbrief_prof_foot_table div.auswahl { height: 318px; width: 265px; background-color: #fff; border: 1px solid #4DC0DD; }
	table.profil_steckbrief_prof_foot_table div.auswahl a.auswahl_show { float: left; color: #7A7A78; width: 230px; }
	table.profil_steckbrief_prof_foot_table div.auswahl a.auswahl_del { float: left; color: #7A7A78; width: 15px; position: relative; top: 3px; }

		form#profil_steckbrief_form  input#profil_steckbrief_prof_form_branche
		{
			background-color: #fff;
			height: 16px;
			font: 11px Verdana, sans-serif;
			color: #7A7A78;
			padding: 3px 5px 0px 5px;
			width: 175px;
			border: 1px solid red;
			float: left;
		}

	div#link_to_Submit_branche
	{
		float: left;
		position: relative; top: 1px; left: 10px;
		padding: 5px 6px 5px 6px;
		background-color: #4DC0DD;
	}

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

div.profil_pinnwand_kommentar_text
{
	width: 426px;
	min-height: 52px;
	padding: 5px 10px 5px 10px;
	color: #59593E; background-color: #fff;
	border: 1px solid #02A5CF;
}
	div.profil_pinnwand_kommentar_text textarea#comment_text_update
	{
		width: 416px;
		height: 52px;
		margin: 0px 0px 3px -2px;
		padding: 5px;
		color: #59593E; background-color: #fff;
		border: 1px solid #02A5CF;
	}

span.profil_pinnwand_kommentar_kopf
{
	font-size: 10px;
}
span.profil_pinnwand_kommentar_autor
{
	font-weight: bold;
	color: #02A5CF;
}
div.profil_pinnwand_kommentar_summe
{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #7A7A78;
	text-transform: none;
}

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

div#ProfilbildTeaser
{
}
	div#ProfilbildTeaser img
	{
		position: relative; top: 0px;
		margin-right: 3px;
	}
div#ProfilbildTeaser_Bild
{
}
div#ProfilbildTeaser_Link1
{
}
	div#ProfilbildTeaser_Link1 a.text
	{
		text-transform: uppercase;
		color: #fff;
		background-color: #02A5CF;
		padding: 0px 20px 0px 6px;
		text-decoration: none;
	}
div#ProfilbildTeaser_Link2
{
}
	div#ProfilbildTeaser_Link2 a.text
	{
		text-transform: uppercase;
		color: #fff;
		background-color: #B9B7B3;
		padding: 0px 36px 0px 6px;
		text-decoration: none;
	}
div#ProfilbildTeaser_Link3
{
}
	div#ProfilbildTeaser_Link3 a.text
	{
		color: #02A5CF;
	}