﻿#tMob{}

#logo { background-image: url(/img/desktop/logo_derstandardat_blau.png); }
.ch_gesundheit #logo { background-image: url(/img/desktop/logo_derStandardat_368EC1.png); }
.ch_reisen #logo { background-image: url(/img/desktop/logo_derStandardat_6699CC.png); }
.ch_livingroom #logo { background-image: url(/img/desktop/logo_derStandardat_567994.png); }
.ch_lifestyle #logo { background-image: url(/img/desktop/logo_derStandardat_567994.png); }
.ch_familie #logo { background-image: url(/img/desktop/logo_derStandardat_3C1E3C.png); }
.ch_diestandard #logo { background-image: url(/img/desktop/logo_diestandardat.png); background-position:0 0 }
.ch_dastandard #logo { background-image: url(/img/desktop/logo_dastandardat.png); background-position:0 0 }
.ch_sales #logo { background-image: url(/img/desktop/logo_derStandardat_C3006B.png); }


/* Page Parts */
body.iframe {
	padding: 0 }
#pageTop {
	position: absolute;
	top: 20px;
	z-index: 200;
	width:100%;
	min-width: 975px; 
	height: 8.1em }
body.iframe #pageTop {
	top: 0 }

#breadcrumb {
	position:absolute;
	z-index:210;
	top:11px;
	left:8px;
	font-family: Arial, Sans-Serif;
	font-size: 1.8em;
	white-space:nowrap; 
}
#breadcrumb h1
{
	position:relative;
	display:inline;
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:normal;
}
#breadcrumb a {
	text-decoration: none;
}
#breadcrumb a:hover {
	text-decoration: underline; }
#breadcrumb .item {
	position: relative;
	margin:0 0.4em; }
#breadcrumb a#logo.item {
	display:block;
	float:left;
	width:146px;
	height:30px;
	background-repeat:no-repeat;
	background-position:0;
	margin: -2px 0.5em 0 0; }
#breadcrumb a#logo.item:hover {
	text-decoration: none; }
#breadcrumb a#logo.item span {
	visibility:hidden; }

#breadcrumb .godotLink {
	position: absolute;
	top: -10px;
	right: 0px;
	display:none }
#breadcrumb .godotLink img {
	border: 0 }
#breadcrumb .item:hover .godotLink {
	display:inline }

#navigation {
	position: absolute;
	top: 45px;
	left:0;
	z-index: 200;
	width:100%;
	overflow: hidden;
	font-size: 1.2em;
	height:3em;
	border-bottom-style:solid;
	border-bottom-width: 1px }
#navHome {
	display: inline;
	position:absolute;
	z-index:300;
	background-image:url(/img/desktop/nav_home_derstandardat.png);
	background-repeat:no-repeat;
	background-position:0 0;
  width:30px;
  height:30px;
  left:8px;
  top:3px;
  overflow:hidden; }
.ch_diestandard #navHome { background-image:url(/img/desktop/nav_home_diestandardat.png); left:9px; }
.ch_dastandard #navHome { background-image:url(/img/desktop/nav_home_dastandardat.png); left:9px; }
#navHome a {
	padding-left:30px;
	line-height:30px;
	font-size:28px }
#navigation ul {
	list-style-type: none }
#navigation li {
	float: left; }
#navigation li.right {
	float:right; }
#navigation a.special {
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:0.917em; }
#navigation li span.delimiter-char {
		color:#ccc;
		margin-right:-5px;
}
#navigation a.special.delimiter {
		padding:0 4px 0 10px;
}
#navLine1, #navLine2, #navLine1 ul ul, #navLine2 ul ul {
	position: absolute;
	width:100%;
	height: 1.5em;
	line-height: 1.5em;
	left:0;
	top: 1.5em;
	background-repeat:no-repeat;
	background-position:8px 0;
	padding-left:45px; }
#navLine1.active, #navLine2.active {
	top: 0;
	z-index: 31;
	background-image:none; }
#navLine1, #navLine2 li ul {
	background-color:#FFF;
	/*background-image:url(/css/GreyHalfCircle.png)*/ }
#navLine1 a { color:#555; padding:0 10px; }
#navLine1 a:hover, #navLine1 li.active a { color:#000; text-decoration:none; }
#navLine2, #navLine1 li ul { background-color:#666; }
#navLine2 a { color:#DDD; padding:0 10px; }
.ch_diestandard #navLine2 a, .ch_dastandard #navLine2 a { color: #555 }
#navLine2 a:hover, #navLine2 li.active a { color:#FFF; text-decoration:none; }
.ch_dastandard #navLine2 a:hover, .ch_dastandard #navLine2 li.active a { color:#000; text-decoration:none; }
.ch_diestandard #navLine2 a:hover, .ch_diestandard #navLine2 li.active a { color:#000; text-decoration:none; }
#navLine1 ul, #navLine2 ul { width:930px; }
#navLine1 li ul, #navLine2 li ul { display:none; }
#navLine1 li.active ul, #navLine2 li.active ul { display:block; width: 4000px }
#navLine2 { border-bottom-width: 1px; border-bottom-style: solid }

/* Widgets */
#widgets {
	position:absolute;
	top:0;
	left:467px;
	width:500px;
	height:45px;
	list-style-type:none; }

/* Suchbox */
#siteSearch {
	position:relative;
	float:right;
	margin-top:10px;
	height:23px;
	width:200px;
	z-index: 201;
	border-width: 1px;
	border-style: solid;
	background-color:#FFF; }
/*#siteSearch form { position:relative; height:22px; width:190px; margin:5px; overflow:hidden; font-size:1em; background-color:red; }*/
#siteSearchQuery {
	position:absolute; 
	top:3px;
	left:3px;
	width:166px;
	height:17px;
	border:0;
	color:#000;
	background:#FFFFFF;
	font-size: 1.3em; }
#siteSearchButton {
	position:absolute;
	top:1px;
	right:1px;
	width:26px;
	height:21px;
	overflow:hidden;
	border-width:0;
	cursor:pointer;
	background: #fff url('searchLupe.gif') center center no-repeat;
	border-left: 1px solid #ccc; }
#siteSearchButton span { display:none; }

/* Wetter */
#wetterWidget {
	float:right;
	margin-top:9px;
	margin-right:17px;
	height:26px;
	overflow:hidden;
	cursor:pointer; }
#wetterWidget .bild { float:left; }
#wetterWidget .bild img {
	border-width:1px;
	border-style:solid;
	margin-top:2px; }
#wetterWidget .stadt {
	height:12px;
	font-size:10px;
	white-space:nowrap;
	margin-left: 38px; }
#wetterWidget .temp {
	height:14px;
	font-size:13px;
	font-weight:bold;
	line-height:13px;
	margin-left: 38px; }



/* Toolbar */
#toolbar {
	position:absolute;
	left:0;
	top:0;
	height:1.8181em;
	width:100%;
	min-width:975px;
	z-index:1000;
	font-weight:bold;
	font-size:1.1em;
	color: #333;
}
#toolbarBG {
  position: absolute;
  width: 100%; 
  height: 100%;
  border-bottom-style: solid;
  border-bottom-width: 1px; 
}
#toolbar a {
    color: #333;
    border: none 0; 
    text-decoration: none; 
    padding: 0 8px;
    cursor: hand;
}
#toolbar a:hover { 
    color: #333;
    border: none 0; 
    cursor: hand;
}
#toolbar img { 
    border: none 0; 
}
#toolbarProfile {
	position:absolute;
	left:485px;
	width:480px;
	text-align:right;
	font-size:10px;
	line-height:20px;
}
#TBFirstName {
	padding: 0 5px 0 0;
}

#TBUser { 
	list-style-type: none;
}

#toolbarProfile.anonymous #TBUserprofile,
#toolbarProfile.anonymous #TBLogout,
#toolbarProfile #TBLogin {
	display:none;
}
#toolbarProfile.anonymous #TBLogin {
	display:inline;
}

#toolbarMenu,
#toolbarProfile  { 
    float:left; 
    list-style-type:none; 
    font-size:10px; 
    height:100%; 
}
#toolbarMenu li,
#toolbarProfile li { 
    float:left; 
    width:auto; 
}
#toolbarMenu li a.button,
#toolbarProfile li a.button { 
    float:left; 
    position: relative; 
    display:block; 
    width:auto; 
    height:20px; 
    text-decoration:none; 
}
#toolbarMenu li a.button:hover,
#toolbarProfile a.button:hover { 
    text-decoration: none; 
}
#toolbarMenu li a.button span { 
    line-height:20px; 
    cursor: pointer; 
    cursor: hand; 
}
#toolbarMenu a.button:hover span,
#userFollow a.button:hover span { 
    text-decoration: none; 
}
#toolbarMenu .flyout,
#userFollow .flyout, 
#toolbarMenu .close,
#userFollow .close,
#TBExpress, #TBServices, #TBUSerFollow { 
    display: none; 
}
#notLoggedIn a img { 
    display: none; 
}
.access { 
    position: absolute; 
    left: -1000px; 
}
.hidden { 
    display: none; 
}

/* Top-Gelesen / Top gepostet */

.top5-teaser {
	background: transparent url('/img/ui/bg_000_20.png') repeat top left;
	padding: 1px;
}
.kursInfoLeft .top5-teaser
{
	font-size:1.2em;
	margin-bottom:16px;
}
.top5-teaser .container {
	width: 300px;
}

/*.embed .ranking-container .tabs {
	float:left;
	width:100%;
	margin:0;
	padding:0;
} */

.top5-teaser h3 {
	float: left;
	margin: 0 0 1px 0;
	padding:0 4px;
	width: 142px;
	height: 23px;
	font-size:10px !important;
	line-height: 24px !important;
	font-weight: bold;
	text-transform: uppercase;
	text-align:left;
	background: transparent url('/img/ui/bg_FFF_10.png') repeat top left;
	color:#333;
}
.top5-teaser .tab1 h3.tab1,
.top5-teaser .tab2 h3.tab2
{
	background: transparent url(/img/ui/tab_pointer_FFF.png) no-repeat bottom left;
	height: 24px;
	margin-bottom: 0;
	color:#000;
}

.top5-teaser .tab1  h3.tab2:hover,
.top5-teaser .tab2  h3.tab1:hover {
	background-color: #666 !important;
	color: #fff;
	cursor: pointer;
	cursor: hand;
}

.top5-teaser h3 .icon {
	height: 24px;
	width: 20px;
	margin:0 4px 0 0;
	display: block;
	float: left;
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url('/img/ui/sprite_top5.png');
}

.top5-teaser .popular .icon {
	background-position:0 center;
}
.top5-teaser .latest .icon {
	background-position:-20px center;
}
.top5-teaser .discussed .icon {
	background-position:-40px center;
}
.top5-teaser ol {
	clear: both;
	display: none;
	list-style-type: none;
}
.top5-teaser .tab1 ol.tab1,
.top5-teaser .tab2 ol.tab2 { 
	display: block; 
}
.top5-teaser li,
.featureBlocks .embed .top5-teaser li {
	float: left;
	display: block;
	width: 100%;
	margin: 0 0 1px 0 !important;
	line-height: normal ! important;
	background: transparent url('/img/ui/bg_FFF_80.png') repeat top left;
}
.top5-teaser li.last,
.featureBlocks .embed .top5-teaser li.last {
	margin: 0 !important;
}

.top5-teaser li .rank {
	float: left;
	display: block;
	width: 20px;
	height: 100%;
	padding: 5px 0;
	color: #666;
	text-align: center;
}

.top5-teaser li a {
	float: right;
	display: block;
	width: 268px;
	padding: 5px 6px;
	text-align:left;
	background: #fff;
}
