/* General Overwrites */
#tMob{}
a.offset { display: block; margin-top: -100px; padding-top: 100px; width: 1px; height: 1px }

/* Overwrites für page_parts.css */

/* Header */
body { padding: 8.5em 0 45px 0 }
#pageTop { top: 0 }
#pageTop #navLine2 { border-bottom-width: 0 }
#pageTop.fixed { position: fixed }
#pageTop.fixed #navigation { background: transparent url('/css/dropshadow.png') repeat-x; background-position: 0 3em; height: 3.333em; border-bottom-width:0 }

/* Toolbar */
#toolbar {
	position:fixed;
	bottom:0;
	top:auto;
	height:35px
}

/* User */
#toolbarProfile {
	position:absolute;
	left:0;
	top:0;
	width:420px;
	height:35px;
}
#toolbarProfile a {
	display:block;
	float:left;
	height:35px;
	margin:0 4px;
	font-size:11px;
	line-height:35px;
	max-width:333px;
	overflow:hidden;
}
#toolbarProfile a:hover,
#toolbarProfile a:hover span {
	text-decoration:none;
	color:#FFF;
}
#TBUser 
{
	display:block;
	height:35px;
	margin:0 10px 0 0;
	line-height:33px;
	text-align:left;
	white-space:nowrap;
	font-size:11px;
}
#TBUserprofile {
	background: transparent url('/img/ui/tb_user.png') 4px 8px no-repeat;
	padding:0;
	max-width:210px;
}
#TBFirstName {
	margin-left:23px;
	color:#BBBBBB;
}
#TBLastName {}
#TBLogin,
#TBLogout {
	padding-left:15px;
	background:url('/img/ui/tb_key.gif') 4px 50% no-repeat;
}

#toolbarProfile.anonymous a#TBUserprofile,
#toolbarProfile.anonymous a#TBLogout,
#toolbarProfile a#TBLogin {
	display:none;
}
#toolbarProfile.anonymous a#TBLogin {
	display:block;
}


/* Service menus */
#toolbarMenu {
	position:absolute;
	left:353px;
	width:610px;
	height:35px;
	overflow:visible;
}
#userFollow 
{
	position:relative;
	float:left;
}
#toolbarMenu li.entry,
#userFollow li.entry
{
	display:block;
	float:none;
	position:absolute;
	height:35px;
	margin:0;
	overflow:visible;
}
#toolbarMenu li.entry a.button
{
	float:none;
	height: 35px;
	width: 61px;
	border:none;
	background-repeat:no-repeat;
	background-position:0 0;
}
#toolbarMenu li.entry:hover a.button,
#userFollow li.entry:hover a.button
{
	background-position:right 0;
	border:none;
	background-color:transparent !important;
}

#toolbarMenu li.entry a.button span
{
	display:block;
	position:absolute;
	bottom:5px;
	width:100%;
	text-align:center;
	line-height:100%;
	cursor:pointer;
	cursor:hand
}

#TBExpress, #TBServices,#TBUserFollow { display:block; }

/* */
#TBUserFollow { left:0; }
#TBExpress { left:61px }
#TBMobile { left:122px }
#TBPaper { left:183px }
#TBRadio { left:244px }
#TBTV { left:305px }
#TBFeeds { left:366px }
#TBSales { left:427px }
#TBCommunity { left:488px }
#TBServices { left:549px }
/* */

#TBUserFollow:hover #TBUserFollowButton  { background: transparent url('/img/ui/tb_follow_gradient.png') repeat-x top left }
#TBExpressButton { background-image: url('/img/ui/tb_express2.png') }
#TBMobileButton { background-image:url('/img/ui/tb_mobile.png') }
#TBPaperButton { background-image:url('/img/ui/tb_paper.png') }
#TBRadioButton { background-image:url('http://images.derstandard.at/static/img/ui/tb_radio.png') }
#TBTVButton { background-image:url('/img/ui/tb_tv.png') }
#TBFeedsButton { background-image:url('/img/ui/tb_feeds.png') }
#TBSalesButton { background-image: url('/img/ui/tb_sales.png') }
#TBCommunityButton { background-image:url('/img/ui/tb_community.png') }
#TBServicesButton { background-image: url('/img/ui/tb_services.png') }

#toolbarMenu .flyout,
#userFollow .flyout
{
	display:block;
	visibility:hidden;
	position:absolute;
	bottom:35px;
	right:0;
	width:160px;
	margin-right:-8px;
	z-index:310;
	background:transparent url('http://images.derstandard.at/static/img/ui/tb_menu_top.png') top center no-repeat;
}
#toolbarMenu .flyout .wrapper,
#userFollow .flyout .wrapper {
	margin:11px 0 0;
	padding:10px 0 0;
	background:transparent url('http://images.derstandard.at/static/img/ui/tb_menu_body.png') 0 0 repeat-y;
}
#toolbarMenu .entry:hover .flyout,
#userFollow .entry:hover .flyout {
	visibility:visible;
}
#toolbarMenu .entry:hover a.button,
#userFollow .entry:hover a.button {
	color:#FFFFFF;
}
#toolbarMenu .flyout p,
#userFollow .flyout p {
	margin:0 16px 0;
	padding:0 0 16px;
}
#toolbarMenu .flyout em,
#userFollow .flyout em {
	display:block;
	width:100%;
	padding:0;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#FFFFFF;
	text-align:center;
}
#toolbarMenu .flyout ul,
#userFollow .flyout ul {
	display:block;
	margin:0 8px;
	padding:0;
	border-bottom:4px solid #3B3B3B;
	list-style:none;
}
#toolbarMenu .flyout ul ul,
#userFollow .flyout ul ul {
	margin:0;
	border-bottom:none;
}
#toolbarMenu .flyout li,
#userFollow .flyout li {
	margin:0;
	padding:0;
	border-top:1px solid #444;
}
#toolbarMenu .flyout li a,
#userFollow .flyout li a {
	display:block;
	padding:0.5em 4px 0.5em 8px;
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
}
#toolbarMenu .flyout ul.indent li a,
#userFollow .flyout ul.indent li a,
#toolbarMenu .flyout li li a,
#userFollow .flyout li li a {
	padding-left:16px;
}
#toolbarMenu .flyout ul.indent li.default a,
#userFollow .flyout ul.indent li.default a {
	padding-left:8px;
}
#toolbarMenu .flyout li.default,
#userFollow .flyout li.default {
	min-height:4px;
	border-top-color:#888888;
	background:#3B3B3B;
}
#toolbarMenu .flyout li.default.empty,
#userFollow .flyout li.default.empty {
	font:0/0 monospaced;
}
#toolbarMenu .flyout li a:hover,
#userFollow .flyout li a:hover {
	background:#3B3B3B;
}

/* follow users */
#userFollow li.entry.hidden
{
	display:none;
}
#userFollow #TBUserFollowButton
{
	height:35px;
	line-height:35px;
	padding: 0 8px;
}
#userFollow #TBUserFollowButton span
{
	display:block;
	height:35px;
	line-height:35px;
	padding-left:21px;
	background:transparent url(/img/ui/tb_follow_unread.png) no-repeat top left;
}
#userFollow #TBUserFollow:hover #TBUserFollowButton span { background-position:bottom left }
#userFollow #TBUserFollowButton span.count
{
	display:inline;
	padding:0;
	color:#FF00FF;
	line-height:35px;
	background:none;
}
#userFollow #TBUserFollow .flyout
{
	width:210px;
	left:-4px;
	background-image: url(/img/ui/tb_follow_top.png);
}
#userFollow #TBUserFollow.fixed .flyout
{
	visibility:visible;
}
#userFollow #TBUserFollow .flyout .wrapper
{
	padding:0;
	background-image:url(/img/ui/tb_follow_body.png);
}
#userFollow #TBUserFollow .flyout .wrapper p
{
	padding:0;
}
#userFollow #TBUserFollow .scroller
{
	max-height:286px;
	margin:0 8px;
	overflow:auto;
}
#userFollow #TBUserFollow .default
{
	height:19px;
	margin:0 8px;
	padding:0.5em 8px;
	background:#3B3B3B;
	border-top: 1px solid #888;
}
#userFollow #TBUserFollow .default a
{
	display:block;
	float:left;
	font-size: 11px;
	font-weight:normal;
	height:19px;
	line-height:19px;
	color:#fff;
	cursor:pointer;
	cursor:hand;
}
#userFollow #TBUserFollow .default span
{
	display:block;
	overflow:hidden;
	float:right;
	width:12px;
	height:15px;
	text-indent:-10000px;
	background: transparent url(/img/ui/icn_follow-refresh.png) no-repeat top left;
	cursor:pointer;
	cursor:hand;
}
#userFollow #TBUserFollow .scroller ul
{
	margin:0;
	border-bottom:none;
}
#userFollow #TBUserFollow .scroller li
{
	position:relative;
	height:25px;
}
#userFollow #TBUserFollow .scroller li a
{
	float:left;
	display:block;
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:0;
	width:100%;
	height:15px;
	line-height:15px;
	cursor:pointer;
	cursor:hand;
}
#userFollow #TBUserFollow ul span.unread
{
	display:block;
	float:left;
	margin:0 8px;
	width:20px;
	height:15px;
	text-align:right;
	color:#fff;
	text-decoration:none;
}
#userFollow #TBUserFollow ul span.name
{
	float:left;
	width:113px;
	height:15px;
	overflow:hidden;
	white-space:nowrap;
	text-decoration:none;
}
#userFollow #TBUserFollow .flyout li a.remove
{
	display:block;
	position: absolute;
	top:7px;
	right:8px;
	width:12px;
	height:12px;
	padding:0;
	text-indent: -10000px;
	background: transparent url(/img/ui/icn_follow-remove.png) no-repeat top left;
}
#userFollow #TBUserFollow .flyout li a.remove:hover
{
	background-color:transparent;
	background-position: bottom left !important;
}

/* Weiterlesen Spalte */
#weiterLesen
{
	position:fixed;
	bottom:43px; 
	overflow:hidden;
}
/*
.moreContentScroll 
{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:235px;
	overflow:auto;
}
*/
#weiterLesen:hover { width:235px; }
.moreContentScroll
{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:235px;
	overflow:auto;
}