@charset "UTF-8";
	/* 
	* ============================================================== 
	* 
	*
	* @copyright       
	* @author  
	* @file						 global.css
	* @version         0.1
	*
	* ============================================================== 
	*/

  /* 
	* ============================================================== 
	* =BROWSER RESET
	* Nur nötig, wenn die master.css nicht eingbunden wird
	* ============================================================== 
	*/
	
	
	/* Alle Schriftgrößen auf Standardgröße (16 Pixel) zurüsetzen */
	html { height: 100% }
	html, body { border: 0; }
	html * { font-size: 100.01%; }
	 
	body {
		font-size: 75.00%;
		font-family:Arial, Helvetica, sans-serif;
		color: #666;
	}
	fieldset, img { border: 0 solid; }
	
  p { line-height: 1.5em; margin: 0 0 1em 0; }
	
	.clearfix:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
	}
	
	.clearfix { display: inline-block; }
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	/* End hide from IE-mac */
	
	.floatbox { overflow: hidden; }
	
	form { display: inline; }
	input, select, textarea { font: 1em arial, helvetica, sans-serif; }
	textarea { line-height: 1.25; }
	label {}

	#wrapper_margins {
		margin: 0 auto; 
		text-align: left;
		width: 1120px;
	}

	#wrapper {
		width: auto;
		position: static;
	}

	#hiddenNav {
		position: absolute;
		margin-left: -1000px;
	}

	.left { float: left; display: inline; }
	.right { float: right; display: inline; }
	.center { display:block; text-align:center; margin: 0 auto; }
	
	.clear { clear: both; }
	
	.textRight { text-align: right; }
	.textLeft { text-align: left; }
	.textCenter { text-align: center; }
	
	strong { font-weight:bold; }
	em { font-style:italic; }
	
	.underline { border-bottom:1px solid; }
	
	.orange { color: #f4821f; }
	.grey { color: #666; }
	
	.marginTop10 { margin-top: 10px; }
	.marginTop20 { margin-top: 20px; }
	
	#wrapper { color: #000000; }
	#wrapper a { text-decoration: none; }
	#wrapper a:hover { text-decoration: underline; }

	a.ic-arrow { background: url(http://static.goolive.org/media/static/images/common/ic_arrow_orage.gif) no-repeat left 50%; font-size: 11px; padding: 0 0 0 9px; }	
  /* 
	* ============================================================== 
	* END BROWSER RESET
	* ============================================================== 
	*/

  /* 
	* ============================================================== 
	* =Header
	* ============================================================== 
	*/
	
	#header {  font-size: 11px; width: 940px; padding: 0; margin: 0; }
	#header a { color: #f4821f; text-decoration: underline; }	
	#header a:hover { text-decoration: none; }
	
	#logo, #login, #logoff { float: left; display: inline; }
	
	#login { width: 372px; padding-top: 15px; }
	#logoff { width: 372px; padding-top: 15px; }
	
		#login .usercount { font-size: 12px; }
		#login h3 { font-size: 12px; color: #B1B3B4; margin: 5px 0 0 0; padding-bottom: 5px; }
		#login p { padding: 0; margin: 0; }
		#login p span { float: left; display: inline; }
		
		#login span.input-txt-login { background: url(http://static.goolive.org/media/static/images/common/login_input.gif) no-repeat left top; width: 139px;	height: 16px; padding: 3px 5px 0 5px; }
		#login span.input-txt-password { background: url(http://static.goolive.org/media/static/images/common/login_input.gif) no-repeat left top; width: 139px;	height: 16px; padding: 3px 5px 0 5px; }
		
		#login span.input-txt-login input { background: url(http://static.goolive.org/media/static/images/common/nickname.gif) no-repeat left top; width: 45px;	height: 15px; border: 0px #FFF solid; line-height: 11px; font-size: 11px; color: #666; width: 129px; padding: 0; margin: 0;}
		#login span.input-txt-password input { background: url(http://static.goolive.org/media/static/images/common/passwort.gif) no-repeat left top; width: 46px;	height: 15px; border: 0px #FFF solid; line-height: 11px; font-size: 11px; color: #666; width: 129px; padding: 0; margin: 0;}
		#login label.input-check { font-size: 11px; float: left; }	
		#login label.input-check input { float: left; margin: 2px 6px 0 0; padding: 0; width: 13px; height: 13px; }
		#login span.input-link { float: right; display:inline; margin-right:86px; }
		
		#emoticons { display:none; position: absolute; top:100px; left:270px; }
		#radio  { font:bold; float:right; width: 200px; }
		#topuserpart { clear: both; }

	#comment { background: url(http://static.goolive.org/media/static/images/common/comment.gif) no-repeat left -6px; padding: 19px 0 0 13px; width: 266px; height: 80px; float: right; }
	
		/* Bilder für die Kommentarfunktion und die Meets-Einstiegsseite */
	
		#comment .image, .box-meets .image { float: left; display: inline; }
		#comment .image, #comment .border, .box-meets .image, .box-meets .border { width: 50px; height: 50px; position: relative; }
		#comment .border, .box-meets .border { position: absolute; top: 0; left: 0; font-size: 1px; }
		#comment .border a, .box-meets .border a { float: left; width: 50px; height: 50px; }
		#comment .female .border, .box-meets .female .border { background: url(http://static.goolive.org/media/static/images/common/profile_small_border-f.gif) no-repeat left top; }
		#comment .male .border, .box-meets .male .border { background: url(http://static.goolive.org/media/static/images/common/profile_small_border-m.gif) no-repeat left top; }
		
		#comment .comment-txt { font-size: 11px; float: left; width: 194px; height: 62px; display: inline; padding: 0 14px 10px 6px; }
		#comment a.ic-arrow { display: block; }

  	/* 
	* ============================================================== 
	* =Navigation
	* ============================================================== 
	*/
	
	/* Menu */
	#navi_none { position:relative; height: 40px; clear: both; padding-bottom: 10px; }
	
	/* Menu */
	#navi * { padding: 0; margin: 0; }
	#navi { position:relative; background: url(http://static.goolive.org/media/static/images/common/navi.gif) no-repeat left top; height: 40px; clear: both; padding-bottom: 10px; }
	
		#navi ul { margin: 0; list-style: none; }
		#navi li { position:relative; margin: 0; padding: 0 2px 0 0; float: left; display: inline; background: url(http://static.goolive.org/media/static/images/common/navi_li_border.gif) repeat-y right top; }
		#navi li a { padding: 9px 10px; color: #FFF; font-size: 12px; line-height: 12px; float: left; display: inline; text-decoration: none; }
		#navi li a.first { padding-left: 35px; }
		#navi li a:hover,
		#navi li.active a { background: url(http://static.goolive.org/media/static/images/common/navi_li_hover.gif) repeat-x left top; }
		#navi li a.first:hover,
		#navi li.active a.first { background: url(http://static.goolive.org/media/static/images/common/navi_li_hover_left.gif) repeat-x left top; }

		/* Menu Icons */
		#navi li div { position:absolute; display:none; top:-50px; left:0; width:50px; height:50px; background: url(http://static.goolive.org/media/static/images/common/m_icons.png) no-repeat; }
		#navi li:hover div { display:block;}
		#navi .m1 div { background-position: 0 0; left:40px;}
		#navi .m2 div { background-position: -50px 0; left:15px;}
		#navi .m3 div { background-position: -100px 0; left:10px;}
		#navi .m4 div { background-position: 0 -50px; }
		#navi .m5 div { background-position: -50px -50px; left:15px;}
		#navi .m6 div { background-position: -100px -50px; left:5px;}
		#navi .m7 div { background-position: 0 -100px;}
		#navi .m8 div { background-position: -50px -100px;}
		#navi .m9 div { background-position: -100px -100px; left:15px;}
			
		/* Mail Icon */
		#navi .mail-icon { position:absolute; top: -2px; left:-6px; background:url(http://static.goolive.org/media/static/images/common/menu_mail_icon.png) no-repeat; width:33px; height:38px;}
		#navi .mail-icon a { width:33px; height:38px; display:block;}
		#navi .mail-flag { visibility:hidden; position: absolute; top:-15px; left:20px; width:25px; height:25px; padding:1px 0 0 1px; text-align:center; font-size:11px; color:#fff; background:url(http://static.goolive.org/media/static/images/common/menu_mail-flag-inv.png) no-repeat;  }

	/* Suche */
	#search { padding: 5px 2px 0 0; }
		#search span { float: left; }
		#search span.input-txt { background: url(http://static.goolive.org/media/static/images/common/search_input.gif) no-repeat left top; width: 134px;	height: 16px; padding: 2px 5px 0 5px; margin: 1px 0 0 0; }
		#search span.input-txt input { border: 0px #FFF solid; line-height: 11px; font-size: 11px; color: #666; width: 124px; }
		#search span.select-txt { background: url(http://static.goolive.org/media/static/images/common/search_select.gif) no-repeat left top; width: 100px;	height: 16px; padding: 1px 5px 2px 5px; margin: 1px 0 0 0; }
		#search select { border: 0px #fff solid; line-height: 11px; font-size: 11px; color: #666; width: 94px; height: 17px;}
	
	#container { float: left; }
	
	/* Abgerundete Ecken */
	
	.box-round { position: relative; border: 1px #d5d6d7 solid; }
	.box-round .corner-top-l { background: url(http://static.goolive.org/media/static/images/common/corner-content-top-l.png) no-repeat; position: absolute; left: -1px; top: -1px; width:11px; height:11px; }
	.box-round .corner-top-r { background: url(http://static.goolive.org/media/static/images/common/corner-content-top-r.png) no-repeat; position: absolute; right: -1px; top: -1px; width:11px; height:11px; }
	.box-round .corner-bottom-l { background: url(http://static.goolive.org/media/static/images/common/corner-content-bottom-l.png) no-repeat; position: absolute; left: -1px; bottom: -1px; width:11px; height:11px; }
	.box-round .corner-bottom-r { background: url(http://static.goolive.org/media/static/images/common/corner-content-bottom-r.png) no-repeat; position: absolute; right: -1px; bottom: -1px; width:11px; height:11px; }
	
	#col1 .box-round { margin-bottom: 20px; }

	.box-round {
		border:1px solid #D5D6D7;
		position:relative;
	}


	.box-round h3 { margin: 0; padding: 5px 10px; background: #dedede; font-size: 12px; color: #333; }

		.box-kat .box-content { padding: 4px; margin: 0px; background: #f7f7f7; }
		.box-kat .box-content ul { list-style: none; margin: 0; padding: 0;}
		.box-kat .box-content li { margin: 0; padding: 0; background: url(http://static.goolive.org/media/static/images/common/ic_arrow_black.gif) no-repeat 3px 8px; }
		
		.box-user .box-content-user { padding: 4px;  margin: 0px; background: #f7f7f7;}
		
		.box-user .box-content-user .user { float: left; width:140px; padding: 2px 2px 2px 2px;}
		.box-user .box-content-user .user .user-name { float: left; }
		.box-user .box-content-user .user .messangerIcon { float: right; }
		
		.box-user .box-content-user a {
			font-size: 11px;
			text-decoration: none;
			color: #333;
			line-height: 11px;
			padding: 3px 3px 3px 3px;
			block;
		}
		
	#wrapper .box-kat .box-content a {
			font-size: 12px;
			text-decoration: none;
			color: #333;
			line-height: 11px;
			padding: 5px 5px 5px 13px;
			background: url(http://static.goolive.org/media/static/images/common/line_dotted.gif) repeat-x bottom left; display: block;
		}
		
	#wrapper .box-kat .box-content a:hover { color: #f4821f; }
	#wrapper .box-user .box-content a:hover { color: #f4821f; }
	
	.box-user .box-content-user .user .m { color: #003399; }
	.box-user .box-content-user .user .w { color: #ff3300; }

	h1.headline span { display:none; }
	
	.meet-links { float:left; }
	.clear { clear:both; }
	.meets-details { float:left; margin: 20px 0px 0px 0px; }
	.meets-list { margin: 20px 0px 0px 0px; }
	
	/* Box: Meets */

		.box-search .box-content { background: #f7f7f7; padding: 10px 10px 0 10px; }
		.box-search .box-content p { margin: 0; padding: 0 0 10px 0; }
		.box-search .box-content .input-radio { float: left; display: inline; font-size: 11px; color: #333; padding-right: 20px; line-height: 15px; cursor: pointer; }
		.box-search .box-content input { float: left; display: inline; margin-right: 20px; }
		.box-search .box-content .input-radio input { margin-right: 10px; height: 13px; }
		.box-search .box-content .input-txt input { border: 1px #999 solid; line-height: 12px; font-size: 11px; height: 12px; padding: 3px 5px 5px 5px; width: 300px; }
	
	/* Box: Invite Friends */

		.box-invite .box-content { background: #f7f7f7; padding: 10px 10px 0 10px; }
		.box-invite .box-content p { margin: 0; padding: 0 0 10px 0; }
		.box-invite .box-content .input-image { float: right; font-size: 11px; color: #333; padding-right: 5px; line-height: 15px; }
		.box-invite .box-content .input-txt { float: left; font-size: 11px; color: #333; padding-right: 5px; line-height: 15px; }
		.box-invite .box-content .input-txt-link { float: left; font-size: 12px; color: #003399; text-decoration: underline; padding-right: 5px; line-height: 15px; }
		.box-invite .box-content .input-txt-right { float: right; font-size: 11px; color: #333; padding-right: 5px; line-height: 15px; }
		.box-invite .box-content .input-txt input { border: 1px #999 solid; margin-right: 5px; margin-left: 5px; line-height: 12px; font-size: 11px; height: 12px; padding: 3px 5px 5px 5px; width: 150px; }
		.box-invite .box-content .input-txt input.invite-link { width: 250px; }	
		
	/* Box: Bookmark Icons */
		.social-bookmark { width: 300px; float: right; background: #dedede; }
		.box-bookmark h3 { margin: 0; padding: 5xp; background: #dedede;  color: #333; }
		.box-bookmark h3 .intro-text {  font-size: 12px; float: left;}
		.box-bookmark h3 .icons {  float: right; }
	
	
	.box-meets .box-content { padding: 2px 1px 2px 2px; }
		
		.box-meets table { height: auto; margin: 0; padding: 0; }
		.box-meets table tr td { border-right: 1px #FFF solid; border-bottom: 2px #FFF solid; padding: 6px; }
		.box-meets table tr.row1 td { background: #EEE; }
		.box-meets table tr.row2 td { background: #f7f7f7; }
		.box-meets table thead tr td { color: #333; padding: 8px 6px; }
		
		.box-meets .event span { display: block; font-size: 10px; }
		.box-meets .event span.topic { font-size: 12px; font-weight: bold; }
		.box-meets .event span.text { float: left; width: 360px; height: 24px; }
		.box-meets .date .info { display: block; font-size: 11px; }
		.box-meets .date .member { float: left; }
		.box-meets .date .chat { float: right; }
		.box-meets .date .member a, .box-meets .date .chat a { height: 20px; padding: 5px 0 0 30px; display: inline; margin-top: 8px; }
		.box-meets .date .member a { float: left; background: url(http://static.goolive.org/media/static/images/common/ic_member.png) no-repeat left top; }
		.box-meets .date .chat a { float: right; background: url(http://static.goolive.org/media/static/images/common/ic_chat.png) no-repeat left top; padding-right: 6px; }
		.box-meets .date .member a, .box-meets .date .chat a,	.box-meets .event .from a, .box-meets .date .info a { text-decoration: none !important; }
	
/*
	.list-highlight {}
		
		.list-highlight h3 { margin: 0; padding: 5px 10px; font-size: 12px; color: #333; }
		
		#wrapper .list-highlight div { background: url(../img/list_highlight_ul_bottom.gif) no-repeat bottom left; padding-bottom: 6px; }
		#wrapper .list-highlight ul { list-style: none; margin: 0; background: url(../img/list_highlight_ul_top.gif) no-repeat top left; padding: 5px 2px 0 2px; }
		#wrapper .list-highlight li { margin: 0; background: #FFF url(../img/list_highlight_li.gif) repeat-x bottom left; width: 156px; }
		#wrapper .list-highlight li a { display: block; font-size: 11px; text-decoration: none; color: #333; line-height: 13px; padding: 4px 6px 6px 6px; width: 144px; }
		
		#wrapper .list-highlight li:hover a { color: #FFF; background: #fe7407 url(../img/list_highlight_li_hover.gif) repeat-x bottom left; }
		
		#wrapper .list-highlight ul ul { display: none; }		
		#wrapper .list-highlight ul li:hover ul { display: block; padding: 0; background: #ff7508; padding: 0 1px 1px 1px; }
		#wrapper .list-highlight ul li:hover li { padding: 0; width: auto; margin: 0; width: 154px; background: #FFF url(http://static.goolive.org/media/static/images/common/ic_arrow_black.gif) no-repeat 6px 8px; }
		#wrapper .list-highlight ul li:hover li:hover { background: #FFF url(http://static.goolive.org/media/static/images/common/ic_arrow_orage.gif) no-repeat 6px 8px; }
		#wrapper .list-highlight ul li:hover li a { width: 134px; padding: 0; background: url(http://static.goolive.org/media/static/images/common/line_dotted.gif) repeat-x 1px bottom; padding: 4px 4px 4px 16px; color: #333; }
		#wrapper .list-highlight ul li:hover li a:hover { color: #fe7407; }
		#wrapper .list-highlight ul li:hover li.last a { background-image: none; }
		

	
	*/

  /* 
	* ============================================================== 
	* =Footer
	* ============================================================== 
	*/
	
	#footer {
		border-top: 1px #999 solid;
		border-bottom: 1px #999 solid;
		color: #999;
		font-size: 11px;
		padding: 5px 0 0px 0;
		margin: 20px 0 5px 0;
		width: 940px;
		height: 20px; 
	}
	
		#wrapper #footer a { color: #999; text-decoration: none; }
		#wrapper #footer a:hover { text-decoration: underline; }

  /* 
	* ============================================================== 
	* =Banner
	* ============================================================== 
	*/
	.banner { position: relative;}
	.banner span { position: absolute; top:5px; left:5px; font-size:10px; color:#999}
	.banner-type1 { background:url(http://static.goolive.org/media/static/images/common/banner_type1_bg.gif) no-repeat top left; float: left; text-align:center; width:940px; margin-bottom:20px; padding:5px 0; }
	.banner-type2 { background:url(http://static.goolive.org/media/static/images/common/banner_type2_bg.gif) no-repeat top left; float: right; text-align:center; width:170px; padding:20px 0}
	#col3 .banner-type2 { position: relative; top: auto; right: auto; float:right; }