/* Generals
 ************************************************************************************************************/
html { overflow-y:scroll; } 
body { background-color: white; background-image: url(../images/hintergrund.png); background-position: top left;
	 background-repeat: repeat-x; margin: 0; padding: 0; font-family: 'MS Farsi'; text-align: right; color: #4B4B4B; font-size: 12px; line-height: 25px; }
img { border: 0; padding: 0; margin: 0; }

div.clear { clear: both; }

input, select { background-color: #F9F9F9; border: 1px #7F7F7F solid !important; }
input.selectedfield, select.selectedfield {  background-color: #FBF8E7; border: 1px #000 solid !important; }

button { border:none; background:none; padding:0; margin:0; width:auto; overflow:visible; text-align:center; white-space:nowrap; 
	height:21px; line-height: 20px; cursor: pointer; }
button span, button em{ display:block; height:21px;	margin:0; color:#000000; line-height: 20px; }
button.cancel span{ padding-left:20px; background:url(../images/common_buttons.png) no-repeat 0 -20px; }	
button.cancel em{ font-style:normal; padding-right:20px; background:url(../images/common_buttons.png) no-repeat 100% -20px; margin-right: -4px; }	

button.ok span{ padding-left:20px; background:url(../images/common_buttons.png) no-repeat 0 0; }	
button.ok em{ font-style:normal; padding-right:20px; background:url(../images/common_buttons.png) no-repeat 100% 0; margin-right: -4px; }	


/* Header
 ************************************************************************************************************/
#fixedsize_centered_layout_wrapper { width: 999px; padding: 0 !important; margin:0 auto;}
/* #header_wrapper { height: 157px; width: 999px; background-image: url(../images/mensch.png); position: absolute;
	background-repeat: no-repeat; z-index: 1; }
*/	

#header_wrapper { height: 157px; width: 999px; position: absolute; 	background-repeat: no-repeat; z-index: 1; }


#navigation_wrapper { height: 38px; position: absolute; top: 116px; width: 999px; background-image: url(../images/menuhintergrund.png); 
	background-position: top left; background-repeat: repeat-x; z-index: 0; padding: 0px; }
#navigationToolbarLeftEdge { float: left; border: 0; padding: 0; margin: 0;}
#navigationToolbarRightEdge { float: right; border: 0; padding: 0; margin: 0;}
#header { margin: 0; padding: 0; }
#logo { position:absolute; top: 0px; right:0px; }
#aziz { position:absolute; top: 0px; left: 3px; width: 159px; height:120px}
#lyrics { position:absolute; top: 0px; left: 162px; width: 300px; height:120px}

#navigation_toolbar { position: absolute; top: 116px; width:999px; height: 38px; vertical-align: middle;  z-index: 2; }
#navigation_toolbar ul { display: inline; list-style:none; }
#navigation_toolbar ul li { display: inline; list-style:none; padding: 0 8px; float: left;}
#navigation_toolbar a, #navigation_toolbar a:visited { font-size: 16px; color: white; font-weight: bold; text-decoration: none;}
#navigation_toolbar a.selected, #navigation_toolbar a:active, #navigation_toolbar a:hover { font-size: 16px; color: #FFCC66 !important; font-weight: bold; text-decoration: none; }

#menu_type { float: left; margin: 3px 0 0 50px; padding: 5px 10px ; font-size: 14px; color: white; font-weight: bold; width: 300px; }
#menu_main { float: right; margin: 3px 50px 0 0 ; padding: 5px 10px ; font-size: 14px; color: white; font-weight: bold; }

/* Content
 ************************************************************************************************************/
#content { margin: 0; padding: 10px 0; width: 999px; height: 600px; position:relative; top: 154px; }
	/**#content_position_wrapper { height: 154px; width: 999px;}**/
	#content div.contentheader { padding: 0 22px; }
	#content h1 { font-size: 23px; color: #375898; padding: 5px 0; margin: 0 0;}
	#content h2 { font-size: 16px; color: #4B4B4B; }
	#content div.seperator_hr { padding: 3px 0; margin: 0; height:15px; }
	#content div.seperator_hr hr { height: 1px; color: #e2e2e2; border-bottom: 1px solid #ffffff; width: 95%; text-align: left; float:left; display:block; margin: 0;}

	/* Profile
	 ******************************************************************************/

	/** two column wrapper:   profiledata | help box **/
	#profile_wrapper { width: 996px; float:left; }
	#help_wrapper { width: 0px; float:left; }
	#help_wrapper div.help_carrier { position: absolute; top: 315px; left: -6px;}
	#help_wrapper div.help_carrier img { vertical-align: middle;  float:left;}
	#help_wrapper div.help_text { padding-left: 4px; width: 170px; float:left; }

	/** profiledata is structured into sections, called 'profileblock'. Every section has 
	    a header and a content. Next lines define generics for these. **/
	#profile_wrapper div.profileblock_header {  margin: 0;}
	#profile_wrapper div.profileblock_content { padding: 20px 22px; }

	/** settings for a block header/content in general **/
	#profile_wrapper div.profileblock_header {  border:none;  padding: 0;  margin: 0; 
		overflow:visible; }
	#profile_wrapper div.profileblock_header div { margin:0; }
	#profile_wrapper div.profileblock_header div.r1 { background: url(../images/header2.png) no-repeat; height: 28px; padding-left: 10px; }
	#profile_wrapper div.profileblock_header div.r2 { background: url(../images/header2.png) no-repeat; height: 28px; padding-right: 10px; 
		margin-right: -4px;	overflow:visible; white-space:nowrap; }
	#profile_wrapper div.profileblock_header span {  display: block; height: 28px;  line-height: 28px; }
	#profile_wrapper div.profileblock_header span.statusindicator { float: right; margin: 0; } 
	#profile_wrapper div.profileblock_header span.statusindicator span.r3 { background: url(../images/header2.png) no-repeat; padding-left: 10px;}
	#profile_wrapper div.profileblock_header span.statusindicator em {  background: url(../images/header2.png) no-repeat; padding-right: 10px; 
		font-style: normal; height: 28px; display:block; margin-right: -9px; }

    /** settings for non-editing mode of a block **/ 
	#profile_wrapper div.showview div.profileblock_header div.r1 { background-position: 0 0; }
	#profile_wrapper div.showview div.profileblock_header div.r2 { background-position: 100% 0;}
	#profile_wrapper div.showview div.profileblock_header span.statusindicator span.r3 { background-position: 0 -128px;}
	#profile_wrapper div.showview div.profileblock_header span.statusindicator em { background-position: 100% -128px;}

    /** settings for editing mode of a block **/ 
	#profile_wrapper div.editview div.profileblock_header div.r1 { background-position: 0 -28px; }
	#profile_wrapper div.editview div.profileblock_header div.r2 { background-position: 100% -28px;}
	#profile_wrapper div.editview div.profileblock_header span.statusindicator span.r3 { background-position: 0 -155px;}
	#profile_wrapper div.editview div.profileblock_header span.statusindicator em { background-position: 100% -155px;}
	#profile_wrapper div.editview div.profileblock_content { }

	/** specific settings for block: privatedata **/
	#privatedata.showview div.profileblock_content { height: 185px; }
	#privatedata.showview div.profileblock_content div { margin-left: 10px; padding-top: 0px;}
	#privatedata.showview div.profileblock_content table td { padding: 1px 8px; margin: 0; vertical-align: top; }
	#privatedata.showview div.profileblock_content h6 { text-align: center; padding: 30px 10px; margin: 0; font-size: 32px; color: #000000; }
	#privatedata.showview div.profileblock_content h1 { text-align: right; vertical-align: top; font-size: 17px; color: #000000;}
	#privatedata.showview div.profileblock_content img { float: left; }

	#privatedata2.editview div.profileblock_content table { width: 636px; padding: 0; margin: 0; }
	#privatedata2.editview div.profileblock_content table td { padding: 2px 0; margin: 0; vertical-align: top;}
	#privatedata2.editview div.profileblock_content table tr td { padding: 2px 0; margin: 0; vertical-align: top;}
	#privatedata2.editview div.profileblock_content table tr td.desc { width: 167px; }
	#privatedata2.editview div.profileblock_content table tr td.foto img { float: left; border: 1px solid black; }
	#privatedata2.editview div.profileblock_content table tr td.save_buttons { padding-top:50px;}
	#privatedata2.editview div.profileblock_content table tr td.save_buttons button { margin-right: 10px; }
	#privatedata2.editview div.profileblock_content input { width: 214px; }
	#privatedata2.editview div.profileblock_content select { width: 218px; }
	#privatedata2.editview div.profileblock_content select.short{ width: 90px; }
	#privatedata2.editview div.profileblock_content select.date_day { width: 50px; }
	#privatedata2.editview div.profileblock_content select.date_month { width: 100px; }
	#privatedata2.editview div.profileblock_content select.date_year { width: 60px; }

	#privatedata_foto { position: relative; left: 20px;}
	#privatedata_foto div { margin-top: 20px;}
	#privatedata_foto button { margin-bottom: 5px; margin-top: 5px; }
	

/* Header
 ************************************************************************************************************/
#footer { width: 980px; height: 20px; background-image: url(../images/footertop.png); background-position: top left; background-repeat: repeat-x;
	margin: 0px 10px; padding-top:13px; padding-right: 10px; padding-left: 10px; font-size: 11px; color: #999999; }
#footer ul { float:right; display: inline; list-style:none; margin: 0; padding: 0; }
#footer ul li { display: inline; list-style:none; padding: 0 2px; margin: 0;}


/* Experimental
 ***********************************************************************************************************/
/** h1 Für Text "ihre Vorteile": { font-size: 14px; color: #375898; } **/