@charset "utf-8";
/* CSS Style Standard für alle Myface Seiten */
/* ©myface 2010 
   Änderungen: 08.07.2010
               19.07.2010
   ©Prem Markus
*/

#meldung
{
	width:651px;
	height:351px;
	margin:0 auto;
	margin-top:50px;
	background-image:url(img/background_meldung_welcome_myface.png);
	padding:25px;
	font-size:15px;
}
.meldung_header
{
	margin-top:10px;
	margin-bottom:15px;
}
#meldung_active
{
	position:fixed;
	z-index:600;
	width:100%;
	height:100%;
	background-image:url(img/background_durchsichtig.png);
	background-repeat:repeat;
	float:left;
}
body
{
	padding: 0px;
	margin: 0px;
	background-color:#C9D1FC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
hr
{
	color:#CCC;
	margin-top:10px;
	margin-bottom:10px;
}

ol
{
	clear:right;
	padding:0px;
	display:block;
	list-style:none outside none;
	float:left;
	margin:0px;
}

img
{
	border:none;
}
div#menue a
{
	text-decoration:none;
}

a, a:visited, a:active, a:focus
{
	color:#03F;
	text-decoration:none;
}
a:hover
{
	color:#C60;
}

h3
{
	background-color:#03C;
	margin:0px;
	padding-left:23px;
	padding-top:2px;
	padding-bottom:2px;
	color:#FFF;
}
h6
{
	padding:0px;
	margin:0px;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
	font-size:16px;
}
.view_friend
{
	float:left;
	height:180px;
	margin:5px;
	overflow:hidden;
	text-align:center;
	width:123px;
}
.view_besucher
{
	float:left;
	height:150px;
	margin:5px;
	overflow:hidden;
	text-align:center;
	width:123px;
}

.online
{
	color:#0C0;
	padding:1px;
	font-weight:bold;
	font-size:12px;
	clear:both;
}
#left
{
	float:left;
	width:240px;
}
#middle
{
	float:left;
	height:100%;
	/*background-color:#F4F4F4;*/
}
#right_x
{
	float:left;
	height:100%;
}
#box
{
	width:1000px;
	margin: 0px auto;
}
#all
{
	float:left;
	background-color:#FFF;
}
#header
{
	background-color:#03C;
	float:left;
	width:100%;
	height:50px;
	background-image:url(img/myface_logo_normal.png);
	background-repeat:no-repeat;
	background-position:left;
}
#menue
{
	background-color:#FFF;
	width:240px;
	float:left;
}

#inhalt
{
	width:560px;
	float:left;
	height:100%;
	min-height:440px;
}

#menue_right
{
	background-color:#FFF;
	width:200px;
	float:left;j
	height:100%;
	min-height:440px;
}

#menue_intem
{
	width:225px;
	border-top: 1px solid #666;
	height:25px;
	font-size:18px;
	padding-left:15px;
	padding-top:2px;
	background-color:#00C;
	color:#FFF;
	font-size:17px;
}
#menue_intem:hover
{
	background-color:#009;
	color:#CCC;
}

#box_left
{
	width:240px;
	min-height:300px;
	height:100%;
	float: left;
	background-color:#FFF;
}
#footer
{
	width:1000px;
	height:60px;
	float:left;
	background-color:#E5E5E5;
}

#text_inhalt
{
	padding:5px;
	padding-top:0px;
	float:left;
	width:550px;
	height:100%;
}

#user_box
{
	margin: 0px auto;
	border:3px solid #03C;
	-moz-border-radius: 8px 8px 0px 0px;
	-khtml-border-radius: 8px;
	background-color:#FFF;
	width:93%;
	margin-top:10px;
}
#user_box_first
{
	margin: 0px auto;
	border:3px solid #03C;
	-moz-border-radius: 8px 8px 0px 0px;
	-khtml-border-radius: 8px;
	background-color:#FFF;
	width:545px;
	margin-top:30px;
}

#user_box_inhalt
{
	padding:5px;
}
.facebook
{
	background-image:url(img/facebook.png);
	background-position:left;
	background-repeat:no-repeat;
}
.myspace
{
	background-image:url(img/myspace.png);
	background-position:left;
	background-repeat:no-repeat;
}
.user_neuigkeiten
{
	color:#F00;
}
#right
   {   background-image:url(symbols/right.png);
       background-position:left;
	   background-repeat:no-repeat;
	   background-color:#0C0;
	   border:1px solid #090;
	   padding-left:40px;
	   min-height:40px;
	   margin-top:10px;
	   width:509px;
   }
 #fail
   {   background-image:url(symbols/false.png);
       background-position:left;
	   background-repeat:no-repeat;
	   background-color:#F60;
	   border:1px solid #F00;
	   padding-left:40px;
	   min-height:40px;
	   margin-top:10px;
	   width:509px;
   }

.button_ok
   {
	    padding-left:30px;
		height:30px;
		border:1px solid #2338F8;
		font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
		font-size:11px;
		background-image:url(img/ok.png);
		background-position:left;
		background-repeat:no-repeat;
		float:left;
		background-color:#F0F0F0;
	}
.button_ok:hover
   {
	   	   border: 1px solid #A997FF;
   }

#abbrechen
   {     
        margin-left:20px;
	    padding-left:30px;
		padding-top:8px;
		padding-right:5px;
		height:20px;
		border:1px solid #2338F8;
		font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
		font-size:11px;
		background-image:url(img/false.gif);
		background-position:left;
		background-repeat:no-repeat;
		float:left;
		background-color:#F0F0F0;
		color:#000;
		cursor:default;
   }
 
 #header_login_box
    {
		float:right;
		width:314px;
		height:50px;
	} 
  #login
    {
		width:164px;
		float:right;
		height:50px;
	}
#login_text
    {
		width:150px;
		float:left;
		height:50px;
	}
  div#login input
    {
		 width:150px;
		 background-color:#F3F3F3;
		 border: 1px solid #CCC;
		 float:left;
		 margin-top:3px;
		 margin-right:10px;
	}
  .input_login_pass
    {
		width:101px !important;
		border-right: 0px !important;
		margin-right:0px !important;
	}
  .login_button
    {
		width:49px!important;
		border-left: 0px !important;
		margin-right:0px !important;
	}
  .li_login
    {
		list-style: none outside none;
		margin:0px;
		padding:0px;
		line-height:25px;
	}
  .ol_login	
    {
		padding:0px;
		margin:0px;
		color:#FFF;
	}
  .text_header_login
    {
		color:#FFF !important;
	}
  .right
    {
		text-align:right;
		float:right;
	}
#design_menue
   {
	   float:right;
	   width:30%;
	   text-align:center;
	   background-color:#E1E1E1;
	   -moz-border-radius: 0px 0px 6px 6px;   
	   margin-bottom:5px;
	}
#design_menue:hover
   {
	   background-color:#CCC;
   }

 #show_designs
   {
	   display:none;
	   border:3px solid #E1E1E1;
	   -moz-border-radius: 6px 6px 0px 6px;
	   margin-top:10px;
	   width:544px;
	   float:left;
   }  
  
 #design_vorschau
   {
	   width:110px;
	   float:left;
	   text-align: center;
	   margin:10px;
   }
   
.foto 
   {   text-align:center;
	   border:1px solid #FFF;
	   width:200px;
	   margin:0px auto;
	   margin-top:10px;
   }
.foto:hover
{      
       background-color:#EBEDED;
	   border:1px solid #0090E0;
}

.foto:active
{
       background-color:#9FA6F0;
	   border:1px solid #000;
}

.status_textarea
{
	width:522px;
	border:1px solid #CCC;
	height:70px;
	margin:0px auto;
	padding:4px;
}
#user_stimmung_text
{
	width:458px;
	float:left;
}
.stimmung_text
{
	width:380px;
	border:1px solid #CCC;
	height:26px;
}

#user_comment_box
{
	float:left;
	width:532px;
	display:none;
}
#user_comment_before
{
	width:532px;
	border:1px solid #CCC;
	height:20px;
	margin-bottom:3px;
	display:block;
	cursor:text;
}
.text_user_comment_before
{
	color:#000;
}
.text_user_comment_before:hover
{
	color:#000;
}
#user_state_bottom
{
	height:35px;
	width:530px;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	font-size:12px;
}
.button_user_state
{
	float:right;
	width:70px;
	height:30px;
	border:1px solid #00C;
	padding:1px;
}

.info_left
{
	font-size:12px;
	color:#666;
	line-height:1.5em;
	margin-bottom:10px;
	float:left;
}

#im
{
	bottom:0;
	height:20px;
	width:90%;
	position:fixed;
	background-color:#00F;
	left:5%;
	-moz-border-radius:5px 5px 0px 0px;
	z-index:1000;
}