/*
==================================
	PAGE MAIN LAYOUT
==================================
*/

	body {
		font-size:16px;
		margin:0;
		font-family: Arial, sans-serif;
		letter-spacing: 0px;
		background: url(../images/page/bg.gif) repeat center;
		text-align:center;
		}
		
	body.iframe {
		font-size:16px;
		margin:0;
		font-family: Arial, sans-serif;
		letter-spacing: 0px;
		background: url(../images/content/box_item.gif) repeat center;
		}
		
	br.clearboth {
		clear:both;
		line-height:0px;
	}
	
	.bg_gradient {
		padding:1px 0 18px 0;
		background: url(../images/page/bg_gradient.gif) repeat-x top;
		height:600px;
	}
	
	.main {
		width:950px;
		margin: 0 auto;
		padding:0;
		text-align:left;
		
		color:#000000;
		background:#fff;
		border: 1px #3d3d3d solid;
		
		font-size:0.8em;
	}
		
	a:focus { outline: none; }
	
/*
==================================
	BANNER & FOOTER
==================================
*/
	.topline{
		float:right;
		padding:85px 18px 0 0;
		font-size:0.85em;
	}
	
	.navi {
		margin:0 0 0 18px;
		font-size:1em;
	}
	
		.start {
		background: url(../images/banner/start.gif) no-repeat center;
		height:59;width:171;
		float:left;
		cursor:pointer;
		}
		
		.start_active {
		background: url(../images/banner/start_active.gif) no-repeat center;
		height:59;width:171;
		float:left;
		cursor:pointer;
		}
		
		.members {
		background: url(../images/banner/members.gif) no-repeat center;
		height:59;width:82;
		float:left;
		cursor:pointer;
		}
		
		.members_active {
		background: url(../images/banner/members_active.gif) no-repeat center;
		height:59;width:82;
		float:left;
		cursor:pointer;
		}
		
		.mailbox {
		background: url(../images/banner/mailbox.gif) no-repeat center;
		height:59;width:70;
		float:left;
		cursor:pointer;
		}
		
		.mailbox_active {
		background: url(../images/banner/mailbox_active.gif) no-repeat center;
		height:59;width:70;
		float:left;
		cursor:pointer;
		}
		
		.pictures {
		background: url(../images/banner/pictures.gif) no-repeat center;
		height:59;width:54;
		float:left;
		cursor:pointer;
		}
		
		.pictures_active {
		background: url(../images/banner/pictures_active.gif) no-repeat center;
		height:59;width:54;
		float:left;
		cursor:pointer;
		}
		
		.reports {
		background: url(../images/banner/reports.gif) no-repeat center;
		height:59;width:70;
		float:left;
		cursor:pointer;
		}
		
		.reports_active {
		background: url(../images/banner/reports_active.gif) no-repeat center;
		height:59;width:70;
		float:left;
		cursor:pointer;
		}
		
		.dates {
		background: url(../images/banner/dates.gif) no-repeat center;
		height:59;width:69;
		float:left;
		cursor:pointer;
		}
		
		.dates_active {
		background: url(../images/banner/dates_active.gif) no-repeat center;
		height:59;width:69;
		float:left;
		cursor:pointer;
		}
		
		.groups {
		background: url(../images/banner/groups.gif) no-repeat center;
		height:59;width:120;
		float:left;
		cursor:pointer;
		}
		
		.groups_active {
		background: url(../images/banner/groups_active.gif) no-repeat center;
		height:59;width:120;
		float:left;
		cursor:pointer;
		}
		
		.search {
		background: url(../images/banner/search.gif) no-repeat top;
		height:59;width:280;
		float:left;
		}
		
	.subnavi {
		float:left;
		padding:0 0 0 100px;
		font-size:1em;
		cursor:pointer;
	}
	
	.usercontrol {
		float:right;
		width:333px;
		padding:0 18px 0 0px;
		font-size:0.85em;
		}

		
	.footer {
		background: url(../images/page/footer.gif) no-repeat top;
		width:916;
		height:36;
		margin:0 0 18px 18px;
	}
		.footer_left{
		float:left;
		margin:10px 0 0 18px;
		font-size:0.9em;
		}
		
		.footer_right{
		float:right;
		margin:10px 18px 0 0;
		font-size:0.85em;
		}
	
		/*
==================================
	CONTENT
==================================
*/
		.corTL, .corTR, 
		.corBL, .corBR {
			width: 100%;
			height: 8px;
			
		}
	
		.corTL {
		   background: url(../images/page/corTL.png) no-repeat top left;
		}
		.corTR {
		   background: url(../images/page/corTR.png) no-repeat top right;
		}
		.corBL {
		   background: url(http://tattered.r00lerz.de/download/tmp/projekte/yauno/page/themes/default/images/page/corBL.png) no-repeat bottom left;
		}
		.corBR {
		   background: url(http://tattered.r00lerz.de/download/tmp/projekte/yauno/page/themes/default/images/page/corBR.png) no-repeat bottom right;
		}
		.col_main,.col_portlets {
			float:left;
		}
		
		/* main frame */
		.box_frame {
			width:565px;
			margin:0px 18px 18px 18px;
		}

			/* split */
			.box_frame_split{
				float:left;
			}
			
			/* header stuff */
			.box_top_header {
				background: url(../images/content/box_top_header.gif) repeat center;
				width:563;
				height:36;
				color:#494c47;
			}
			
			.box_header{
				background: url(../images/content/box_header.gif) repeat center;
				width:563;
				height:36;
				color:#494c47;
			}
				
				.box_header_small {
					background: url(../images/content/box_header.gif) repeat center;
					width:281;
					height:36;
					border-right:1px white solid;
					color:#494c47;
				}
			
				.box_top_header_small {
					background: url(../images/content/box_top_header.gif) repeat center;
					width:281;
					height:36;
					border-right:1px white solid;
					color:#494c47;
				}
				
				.box_header_text_left {
					float:left;
					padding:0 0 0 10px;
				}
				
				.box_header_text_right {
					float:right;
					padding:0 10px 0 0;
				}
			
				.box_header_tab {
					float:left;
					background: url(../images/content/box_header.gif) repeat center;
					height:36;
					border-right:1px white solid;
					color:#494c47;
				}
				
				.box_header_tab_active {
					float:left;
					background: url(../images/content/box_item.gif) repeat center;
					height:36;
					border-right:1px white solid;

					color:#494c47;

				}
					
				.box_header_tab_text{
					float:left;
					padding:2px 4px 0 10px;
					font-size:0.85em;
				}
				
				.box_header_date_col {
					float:left;
					padding:0 0 0 10px;
					width: 50px;
				}
			
			/* content items */	
			
			.box_info_item {
				background: url(../images/content/box_info_item.gif) repeat center;
				width:563;
				border-right:1px #fff solid;
			}
					
			.box_top_item {
				background: url(../images/content/box_top_item.gif) repeat center;
				width:563;
				border-bottom:1px #e0e3d1 solid;
				border-right:1px #fff solid;
			}
			
			.box_item {
				background: url(../images/content/box_item.gif) repeat center;
				width:563;
				border-bottom:1px #f5f5f5 solid;
				border-right:1px #fff solid;
			}
			
			.box_item_highlight {
				background: url(../images/content/box_item.gif) repeat center;
				width:563;
				border-bottom:3px #7f2526 solid;
				border-top:3px #7f2526 solid;
				border-right:3px #fff solid;
			}

				.box_top_item_small {
					background: url(../images/content/box_top_item.gif) repeat center;
					width:281;
					height:50;
					border-right:1px white solid;
					border-bottom:1px #e0e3d1 solid;
				}
			
				.box_item_small {
					background: url(../images/content/box_item.gif) repeat center;
					width:281;
					height:65;
					overflow:hidden;
					border-right:1px #f5f5f5 solid;
					border-bottom:1px #f5f5f5 solid;
				}
				
				.box_item_small_2 {
					background: url(../images/content/box_item.gif) repeat center;
					width:281;
					height:101;
					overflow:hidden;
					border-right:1px #f5f5f5 solid;
					border-bottom:1px #f5f5f5 solid;
				}
				
				.box_item_small_3 {
					background: url(../images/content/box_item.gif) repeat center;
					width:281;
					height:50;
					overflow:hidden;
					border-right:1px #f5f5f5 solid;
					border-bottom:1px #f5f5f5 solid;
				}
				
				.box_item_check{
					background: url(../images/content/box_check.gif) no-repeat center;
					height:12;width:14;
					float:right;
					margin:4 0 4 0;
				}
				
				.box_item_date_col {
					float:left;
					padding:4px 4px 4px 10px;
					width: 42px;
				}
				
				.box_item_date_flyer {
					float:left;
					padding:6px 16px 4px 2px;
					width: 42px;
				}
				
				.box_item_text {
					float:left;
					margin:6px 0 0 10px;
					font-size:0.9em;
					width:210;
				}
				
					.box_item_text_large {
						float:left;
						margin:6px 0 0 10px;
						font-size:0.9em;
						width:550;
					}
					
					.box_item_text_large2 {
						float:left;
						margin:6px 0 0 10px;
						font-size:1.0em;
						width:400;
					}
					
					.box_item_text_large3 {
						float:left;
						margin:6px 0 0 10px;
						font-size:0.9em;
						width:300;
					}
				
					.box_item_text_news{
						margin:0px 10px 10px 180px;
						font-size:0.9em;
						height:113px;
					}
					
					.box_item_text_right{
						margin:6px 5px 0px 0px;
						font-size:0.8em;
						float:right;
      width: 90px;
      text-align: right;
					}
				
				
				.box_item_image1{
					background: url(../images/placeholder1.gif) no-repeat center;
					height:45;width:45;
					float:left;
					margin:10px 0 0 3px;
					cursor:pointer;
				}
				
				.box_item_image2{
					background: url(../images/placeholder2.gif) no-repeat center;
					height:110;width:170;
					float:left;
					margin:2px 0 0 3px;
					cursor:pointer;
				}
				
				.box_item_image3{
					background: url(../images/placeholder3.gif) no-repeat center;
					height:240;width:281;
					float:left;
					margin:0;
					cursor:pointer;
				}
				
				.box_item_image4{
					background: url(../images/placeholder4.gif) no-repeat center;
					height:70;width:70;
					float:left;
					margin:2px 0 0 3px;
					cursor:pointer;
				}
				
				.box_top_item_image_small{
					background: url(../images/placeholder1.gif) no-repeat center;
					height:45;width:45;
					float:left;
					margin:2px 0 0 3px;
					cursor:pointer;
				}
				
				.box_top_item_image_small2{
					background: url(../images/placeholder1.gif) no-repeat center;
					height:24px;width:18px;
					float:left;
					margin:2px 0 0 3px;
					cursor:pointer;
				}
			
			.box_item_picture {
				float:left;
				margin:5px 7px 5px 7px;
				font-size:0.7em;
				overflow:hidden;
			}
			
		/* portlets */
		.portlet_frame {
			width:333px;
			margin:0 0 18px 0;
		}
		
			.portlet_top_header {
				background: url(../images/content/portlet_top_header.gif) repeat center;
				width:333;
				height:36;
				color:#fff;
			}
			
				.portlet_header_text_left {
					float:left;
					padding:0 0 0 10px;
				}
			
			.portlet_header {
				background: url(../images/content/portlet_header.gif) repeat center;
				width:333;
				height:36;
				color:#494c47;
			}
			
			.portlet_header2 {
				background: url(../images/content/box_top_header.gif) repeat center;
				width:333;
				height:36;
				color:#494c47;
			}
			
			.portlet_top_item {
				background: url(../images/content/portlet_top_item.gif) repeat center;
				width:333;
				height:68;
				border-bottom:1px #841a15 solid;
				color:fff;
			}
			
			.portlet_top_item_resizeable {
				background: url(../images/content/portlet_top_item.gif) repeat center;
				width:333;
				border-bottom:1px #841a15 solid;
				color:fff;
			}
			
			.portlet_top_item_resizeable2 {
				background: url(../images/content/box_top_item.gif) repeat center;
				width:333;
				border-bottom:1px #efefef solid;
			}
			
				.portlet_top_item_check{
					background: url(../images/content/portlet_top_check.gif) no-repeat center;
					height:12;width:14;
					float:left;
					margin:10px 0 0 5px;
				}
				
				.portlet_top_item_friends{
					background: url(../images/content/portlet_top_friends.gif) no-repeat center;
					height:48;width:42;
					float:left;
					margin:8px 10px 0 12px;
					cursor:pointer;
				}
				
				.portlet_top_item_inbox{
					background: url(../images/content/portlet_top_inbox.gif) no-repeat center;
					height:48;width:42;
					float:left;
					margin:8px 10px 0 12px;
					cursor:pointer;
				}
				
				.portlet_top_item_outbox{
					background: url(../images/content/portlet_top_outbox.gif) no-repeat center;
					height:48;width:42;
					float:left;
					margin:8px 10px 0 12px;
				}
				
				.portlet_top_item_search{
					background: url(../images/content/portlet_top_search.gif) no-repeat center;
					height:48;width:42;
					float:left;
					margin:8px 10px 0 12px;
				}
				
				.portlet_top_item_link{
					background: url(../images/content/portlet_top_link.gif) no-repeat center;
					height:11;width:11;
					float:left;
					margin:20px 10px 0 20px;
				}
				
				.portlet_top_link_text{
					width:100;
					float:left;
					margin:18px 0 0 0;
				}
				
			.portlet_item {
				background: url(../images/content/portlet_item.gif) repeat center;
				width:333;
				height:65;
				border-bottom:1px #efefef solid;
			}
			
			.portlet_item2 {
				background: url(../images/content/box_top_item.gif) repeat center;
				width:333;
				height:65;
				border-bottom:1px #efefef solid;
			}
			
			.portlet_item_resizeable {
				background: url(../images/content/portlet_item.gif) repeat center;
				width:333;
				border-bottom:1px #efefef solid;
			}
			
				.portlet_item_text {
					float:left;
					margin:8px 0 0 0;
					font-size:0.9em;
					width:225;
				}
				
				.portlet_item_text_large {
					float:left;
					margin:8px 0 0 0;
					font-size:0.9em;
					width:310;
				}
				
				.portlet_item_text_small {
					float:left;
					margin:8px 0 0 0;
					font-size:0.8em;
					width:85px;
				}
				
				.portlet_item_text_left{
					height:48;width:46;
					float:left;
					margin:16px 14px 0 12px;
					font-size:1.05em;
					color:#4d4d4d;
					text-align:center;
				}
				
				.portlet_item_image{
					background: url(../images/placeholder1.gif) no-repeat center;
					height:45;width:45;
					float:left;
					margin:10px 10px 0 10px;
				}
				
				.portlet_item_date{
					background: url(../images/content/portlet_item_date.gif) no-repeat center;
					height:48;width:42;
					float:left;
					margin:8px 14px 0 12px;
				}
				
				.portlet_top_item_date{
					background: url(../images/content/portlet_top_item_date.png) no-repeat center;
					height:48;width:42;
					float:left;
					margin:8px 14px 0 12px;
				}
				
				.sort_asc{
					background: url(../images/content/sort_asc.png) no-repeat center;
					height:11;width:8;
					float:left;
					margin:4px 8px 0 0;
					cursor:pointer;
				}
				
				.sort_desc{
					background: url(../images/content/sort_desc.png) no-repeat center;
					height:11;width:8;
					float:left;
					margin:4px 8px 0 0;
					cursor:pointer;
				}
				

div.onlinepanel_box{
	margin-left: 12px;
    width:282px;
    max-height:389px;
	height:389px;    
    overflow:visible;
    border: 0px solid red;
    
   scrollbar-face-color: #CCCCCC;
	  scrollbar-highlight-color: #CCCCCC;
	  scrollbar-3dlight-color: #CCCCCC;
	  scrollbar-darkshadow-color: #CCCCCC;
	  scrollbar-shadow-color: #CCCCCC;
	  scrollbar-arrow-color: #ffffff;
	  scrollbar-track-color: #575757;
	}				

div.onlinepanel_inner{
	height:389px;
    width:320px;
    overflow:auto;
    border: 0px solid blue;
	}				
			
/*
==================================
	FONTS / LINKS
==================================
*/

#comments a,a:link,a:visited,a:hover,a:active { color:#BF9F9D; font-weight: bold; font-family:Arial,sans-serif; font-size:1em; line-height: 1.5em; text-decoration:none; }

a:link,a:visited,a:hover,a:active{ font-family: Arial, sans-serif; text-decoration: none; color: #751315; font-size: 1em;}
a.link_modul:link, a.link_modul:visited,a.link_modul:active{ font-family: Arial, sans-serif; text-decoration: none; color: #751315; font-size: 1em;}
a.link_modul:hover { text-decoration: underline; }
a.subnavi_active:link,a.subnavi_active:visited,a.subnavi_active:hover,a.subnavi_active:active {	font-family: Arial, sans-serif; text-decoration: none; color: #464545; font-size: 1em;}

a.portlet_top:link,a.portlet_top:visited,a.portlet_top:hover,a.portlet_top:active { font-family: Arial, sans-serif; text-decoration: none; color: #bf9f9d; font-size: 1.0em;line-height:1em;}
	
a.portlet_top2:link,a.portlet_top2:visited,a.portlet_top2:hover,a.portlet_top2:active {	font-family: Arial, sans-serif; text-decoration: none; color: #fff; font-size: 1em;line-height:1.3em;}

a.sublink:link,a.sublink:visited,a.sublink:active { font-weight: normal; font-family: Arial, sans-serif; text-decoration: none; color: #000000; font-size: 1em;}
a.sublink:hover { text-decoration: underline; }

i {font-size:0.9em;}