/* =============================== Globals ====================================================*/
* {
    margin:0;
    padding:0;
    border:none;
}

ol, ul {
	list-style:none;
}

body {
    font-size:13px;
    font-family:Arial,Helvetia,serif ;
    line-height:1.4em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    border:0;
    text-decoration:none;
}



/*================================= Container Modules (Wrapper) ===============================*/
#idPageWrap {
  margin:90px 0 0;
  overflow:hidden;

}
#idMainWrap {
    clear:both;
    float:left;
    overflow:hidden;
}
#idBarWrap {
    float:left;
    overflow:hidden;
}
#idBannerWrap {
	clear:both;
    overflow:hidden;
}
#idBreadcrumbWrap  {
    clear:both;
    overflow:hidden;
}
#idContentWrap {
    overflow:hidden;
}
#idBasicWrap, .idBasicWrap {
    clear:both;
    float:left;
    overflow:hidden;
}
#idSmallWrap, .idSmallWrap {
    float:left;
    overflow:hidden;
}
#idBoxesWrap, .idBoxesWrap {
    float:left;
    overflow:hidden;
}
#idNavigationWrap {
    clear:both;
    overflow:hidden;
}
#idHeaderWrap {
    left:10px;
    overflow:hidden;
    position:absolute;
    top:100px;
}
#idFooterWrap {
    overflow:hidden;
}

















/* TODO: patch for horoscope, remove when horoscope has fixed code */
#idPageWrap {
  margin-top: 0 !important;
}
.idPDGY *, .idDDC * {
    margin:0;
    padding:0;
    border:none;
}
#idHeaderWrap ol, #idNavigationWrap ol, #idFooterWrap ol, #idLoginBarWrap ol, #idBarWrap ol, #idBannerWrap ol,
#idHeaderWrap ul, #idNavigationWrap ul, #idFooterWrap ul, #idLoginBarWrap ul, #idBarWrap ul, #idBannerWrap ul {
	list-style:none;
}

a.idImgLink, a:hover.idImgLink {
    border:0;
    text-decoration:none;
}
#idHeaderWrap, #idNavigationWrap, #idFooterWrap, #idLoginBarWrap, #idBarWrap, #idBannerWrap {
    color:#29292A;
    font-size:13px;
    font-family:Arial,Helvetia,serif ;
    line-height:1.4em;
}


/*================================= Standard Tags ===============================*/
#idMainWrap h1 {
    float:left;
    font-size:11px;
}
#idMainWrap h3 {
    color:#378BC5;
    font-weight:400;
    font-size:18px;
    margin:0 0 10px;
}
#idMainWrap h3 a, #idMainWrap h3 a:hover {
    color:#004b99;
    padding:3px 3px 3px 0;
}
#idMainWrap h4 {
    font-size:16px;
    font-weight:700;
    line-height:1.1em;
}
#idMainWrap h4 a {
    color:#004b99;
}
#idMainWrap h5 {
    font-size:11px;
    font-weight:700;
}
#idMainWrap h6 {
    font-size:13px;
}


/*================================= Container Modules (Wrapper) ===============================*/
#idMainWrap {
    background:white !important;
    margin:10px 10px 0 0;
    width:790px;
}
#idBreadcrumbWrap {
    height:48px;
    width: 480px;
}
#idBreadcrumbWrap h1 {
    float: none;
    display: inherit;
}
#idContentWrap {
    width:790px;
}
#idBasicWrap, .idBasicWrap {
    width:468px;
}
#idBoxesWrap, .idBoxesWrap {
    margin:0 0 0 10px;
    width:300px;
}

/*================================= Breadcrumb Items ===============================*/
.idEnhance, .idNorm {
    color:#378BC5;
    font-size:11px;
    margin:137px 0 0;
}
.idEmpty {
    margin:87px 0 0;   /*später 137*/
}
.idEnhance a, .idNorm a {
    border-bottom:1px dotted #004b99;
    color:#004b99;
    text-decoration:none;
}
.idEnhance a:hover, .idNorm a:hover {
    border-bottom:1px solid #004b99;
}
.idEnhance h1, .idNorm h1 {
    font-size:11px;
    padding:6px 0 0;
}
.idNorm {
    margin:115px 0 0;
}


/*================================= Layout Modules ===============================*/
.idLay {
    margin:0 0 15px;
}
/*Layer in Boxengasse*/
#idBoxesWrap .idLay {
    margin:0 0 22px;
}
.idTxtLay {
    border:1px solid #d2d2d2;
    padding:9px;
    width:280px;
}
#idBoxesWrap .idLay h4 {
    margin:0 0 5px;
}
#idBasicWrap .idTxtLay {
   background:#f1f1f1;
   border:1px solid #d2d2d2;
   width:455px;
}
.idFullWrap {
    float:left;
    margin:0 0 40px;
}


body {
    color:#29292a;
    font-family:Arial,Helvetica,sans-serif;
}
a {
    border-bottom:1px dotted #004b99;
    color:#004b99;
    text-decoration:none;
    outline:0;
    -moz-outline:0;
}
a:hover {
    border-bottom:1px solid #004b99;
}















h1 {
	font-family:"Arial Narrow", "Helvetica Narrow", Arial, Verdana;
	font-weight:bold;
	font-size:3em;
	line-height:1.2em;
	padding:0.15em 0px!important;
}
h2 {
	font-size:18px;
	font-weight:normal;
}
h2 a,
h2 a:hover {
	color:inherit;
	color:expression('#29292a');
	text-decoration:none;
}
h3 {
	font-size:1.5em;
	font-style:italic;
	margin:0.3em 0px 0.5em 0px!important;
}
.solidHeader {
	background-image:url(http://www.heute.at/img/solidbgrd_red40.png);
	padding:0.2em 0.5em;
}
.active .solidHeader {
	background-color:#c4c4c4;
}
h1 span.darkText {
	color:#dc1c38;
}
.unterhaltung span.darkText {
	color:#f4d5ad;
}
.jobs span.darkText {
	color:#adf4b7;
}
.news span.darkText {
	color:#f4adb8;
}
.freizeit span.darkText {
	color:#94d8e1;
}
.sport span.darkText {
	color:#acacac;
}
.starspromis span.darkText {
	color:#d9a5f7;
}
div.tabHeaderLeft,
div.tabHeaderRight,
div.tabTopLeft,
div.tabTopRight,
div.tabBottomLeft,
div.tabBottomRight,
.tabMiddle,
.tabMiddleRight {
	background-image:url(http://www.heute.at/img/teaserbgrd.png);
	background-repeat:no-repeat;
}
.panelHeader,
.panelHeader>* {
	background-image:url(http://www.heute.at/img/teaserbgrd.png);
	background-repeat:no-repeat;
}
div.tabHeaderLeft {
	font-size:1px;
	background-position:left top;
}
div.tabHeaderRight {
	background-position:right top;
	font-size:1px;
	height:6px;
	margin-left:5px;
}
div.tabHeader div.tab {
	margin-left:6px;
}
div.tabHeader ul li:first-child div.tab {
	margin-left:0px;
}
div.tabHeader ul {
	background-color:#e7e4e0;
	overflow:hidden;
	padding:0px 6px;
}
div.tabHeader ul li {
	list-style-type:none;
	float:left;
	cursor:pointer;
	overflow:expression('hidden');
}
div.tabTopLeft,
div.tabBottomLeft {
	background-position:left -300px;
	padding-left:4px;
	height:4px;
	width:expression((parentNode.offsetWidth-4)+'px');
}
div.tabTopRight {
	background-position:right -300px;
	height:4px;
}
div.tabBottomLeft {
	background-position:left -396px;
	margin-bottom:6px;
}
div.tabBottomRight {
	background-position:right -396px;
	height:4px;
}
.active div.tabBottomLeft,
.active div.tabBottomRight {
	background-image:url(http://www.heute.at/img/tab_bottom.gif);
	position:relative;
	height:10px;
}
.active div.tabBottomLeft {
	left:-6px;
	margin-bottom:0px;
}
.active div.tabBottomRight {
	background-position:right -20px;
	left:12px;
}
.tabMiddle {
	background-position:left -304px;
}
.tabMiddleRight {
	display:block;
	color:#ffffff;
	background-position:right -304px;
	margin-left:5px;
	padding:0px 10px 0px 5px;
	text-align:center;
	height:2em;
	line-height:1.8em;
	white-space:nowrap;
}
a.tabMiddleRight:hover {
	text-decoration:none;
}
div.tabLine {
	height:7px;
}
div.tabTopLeft,
div.tabBottomLeft,
div.tabTopRight,
div.tabLine {
	font-size:1px;
}
.tabHeader.align3 li {
}
div.tabHeader div.tabLine.unterhaltung {
	background-color:#a85325;
}
div.tabHeader div.tabLine.jobs {
	background-color:#465014;
}
div.tabHeader div.tabLine.news {
	background-color:#700c1b;
}
div.tabHeader div.tabLine.freizeit {
	background-color:#003c52;
}
div.tabHeader div.tabLine.sport {
	background-color:#212121;
}
div.tabHeader div.tabLine.starspromis {
	background-color:#572954;
}
.panelHeader {
	position:relative;
	background-position:left top;
}
.panelHeader.jobs,
.panelHeader.freizeit,
.panelHeader.unterhaltung,
.panelHeader.news,
.panelHeader.sport,
.panelHeader.starspromis{
	color:#ffffff!important;
}
.panelHeader>* {
	background-position:right top;
	margin-left:0.4em;
	padding-right:0.3em;
	height:1.5em;
	line-height:1.4em;
}
.active .panelHeader {
	cursor:pointer;
}
h1 span.darkText {
	font-size:0.8em;
	margin-left:0.1em;
}

/*** GREEN ***/
.panelHeader.jobs,
li.jobs div.tabTopLeft,
li.jobs.active:hover div.tabTopLeft {
	background-position:left -100px;
}
.panelHeader.jobs>*,
li.jobs div.tabTopRight,
li.jobs.active:hover div.tabTopRight {
	background-position:right -100px;
}
li.jobs div.tabBottomLeft {
	background-position:left -196px;
}
li.jobs div.tabBottomRight {
	background-position:right -196px;
}
.active .panelHeader.jobs,
li.jobs:hover div.tabTopLeft {
	background-position:left -700px;
}
.active .panelHeader.jobs>*,
li.jobs:hover div.tabTopRight {
	background-position:right -700px;
}
li.jobs:hover div.tabBottomLeft {
	background-position:left -796px;
}
li.jobs:hover div.tabBottomRight {
	background-position:right -796px;
}
li.jobs:hover .tabMiddle {
	background-position:left -704px;
}
li.jobs:hover .tabMiddleRight {
	background-position:right -704px;
}
li.jobs .tabMiddle,
li.jobs.active:hover .tabMiddle {
	background-position:left -104px;
}
li.jobs .tabMiddleRight,
li.jobs.active:hover .tabMiddleRight {
	background-position:right -104px;
}
li.jobs.active div.tabBottomLeft {
	background-position:left top;
}
li.jobs.active div.tabBottomRight {
	background-position:right top;
}

/*** BLUE ***/
.panelHeader.freizeit,
li.freizeit div.tabTopLeft,
li.freizeit.active:hover div.tabTopLeft {
	background-position:left -200px;
}
.panelHeader.freizeit>*,
li.freizeit div.tabTopRight,
li.freizeit.active:hover div.tabTopRight {
	background-position:right -200px;
}
li.freizeit div.tabBottomLeft {
	background-position:left -296px;
}
li.freizeit div.tabBottomRight {
	background-position:right -296px;
}
.active .panelHeader.freizeit,
li.freizeit:hover div.tabTopLeft {
	background-position:left -800px;
}
.active .panelHeader.freizeit>*,
li.freizeit:hover div.tabTopRight {
	background-position:right -800px;
}
li.freizeit:hover div.tabBottomLeft {
	background-position:left -896px;
}
li.freizeit:hover div.tabBottomRight {
	background-position:right -896px;
}
li.freizeit:hover .tabMiddle {
	background-position:left -804px;
}
li.freizeit:hover .tabMiddleRight {
	background-position:right -804px;
}
li.freizeit .tabMiddle,
li.freizeit.active:hover .tabMiddle {
	background-position:left -204px;
}
li.freizeit .tabMiddleRight,
li.freizeit.active:hover .tabMiddleRight {
	background-position:right -204px;
}
li.freizeit.active div.tabBottomLeft {
	background-position:left -10px;
}
li.freizeit.active div.tabBottomRight {
	background-position:right -10px;
}

/*** BEIGE ***/
.panelHeader.unterhaltung,
li.unterhaltung div.tabTopLeft,
li.unterhaltung.active:hover div.tabTopLeft {
	background-position:left -300px;
}
.panelHeader.unterhaltung>*,
li.unterhaltung div.tabTopRight,
li.unterhaltung.active:hover div.tabTopRight {
	background-position:right -300px;
}
li.unterhaltung div.tabBottomLeft {
	background-position:left -396px;
}
li.unterhaltung div.tabBottomRight {
	background-position:right -396px;
}
.active .panelHeader.unterhaltung,
li.unterhaltung:hover div.tabTopLeft {
	background-position:left -900px;
}
.active .panelHeader.unterhaltung>*,
li.unterhaltung:hover div.tabTopRight {
	background-position:right -900px;
}
li.unterhaltung:hover div.tabBottomLeft {
	background-position:left -996px;
}
li.unterhaltung:hover div.tabBottomRight {
	background-position:right -996px;
}
li.unterhaltung:hover .tabMiddle {
	background-position:left -904px;
}
li.unterhaltung:hover .tabMiddleRight {
	background-position:right -904px;
}
li.unterhaltung .tabMiddle,
li.unterhaltung.active:hover .tabMiddle {
	background-position:left -304px;
}
li.unterhaltung .tabMiddleRight,
li.unterhaltung.active:hover .tabMiddleRight {
	background-position:right -304px;
}
li.unterhaltung.active div.tabBottomLeft {
	background-position:left -20px;
}
li.unterhaltung.active div.tabBottomRight {
	background-position:right -20px;
}

/*** RED ***/
.panelHeader.news,
li.news div.tabTopLeft,
li.news.active:hover div.tabTopLeft {
	background-position:left -400px;
}
.panelHeader.news>*,
li.news div.tabTopRight,
li.news.active:hover div.tabTopRight {
	background-position:right -400px;
}
li.news div.tabBottomLeft {
	background-position:left -496px;
}
li.news div.tabBottomRight {
	background-position:right -496px;
}
.active .panelHeader.news,
li.news:hover div.tabTopLeft {
	background-position:left -1000px;
}
.active .panelHeader.news>*,
li.news:hover div.tabTopRight {
	background-position:right -1000px;
}
li.news:hover div.tabBottomLeft {
	background-position:left -1096px;
}
li.news:hover div.tabBottomRight {
	background-position:right -1096px;
}
li.news:hover .tabMiddle {
	background-position:left -1004px;
}
li.news:hover .tabMiddleRight {
	background-position:right -1004px;
}
li.news .tabMiddle,
li.news.active:hover .tabMiddle {
	background-position:left -404px;
}
li.news .tabMiddleRight,
li.news.active:hover .tabMiddleRight {
	background-position:right -404px;
}
li.news.active div.tabBottomLeft {
	background-position:left -30px;
}
li.news.active div.tabBottomRight {
	background-position:right -30px;
}

/*** BLACK ***/
.panelHeader.sport,
li.sport div.tabTopLeft,
li.sport.active:hover div.tabTopLeft {
	background-position:left -500px;
}
.panelHeader.sport>*,
li.sport div.tabTopRight,
li.sport.active:hover div.tabTopRight {
	background-position:right -500px;
}
li.sport div.tabBottomLeft {
	background-position:left -596px;
}
li.sport div.tabBottomRight {
	background-position:right -596px;
}
.active .panelHeader.sport,
li.sport:hover div.tabTopLeft {
	background-position:left -1100px;
}
.active .panelHeader.sport>*,
li.sport:hover div.tabTopRight {
	background-position:right -1100px;
}
li.sport:hover div.tabBottomLeft {
	background-position:left -1196px;
}
li.sport:hover div.tabBottomRight {
	background-position:right -1196px;
}
li.sport:hover .tabMiddle {
	background-position:left -1104px;
}
li.sport:hover .tabMiddleRight {
	background-position:right -1104px;
}
li.sport .tabMiddle,
li.sport.active:hover .tabMiddle {
	background-position:left -504px;
}
li.sport .tabMiddleRight,
li.sport.active:hover .tabMiddleRight {
	background-position:right -504px;
}
li.sport.active div.tabBottomLeft {
	background-position:left -40px;
}
li.sport.active div.tabBottomRight {
	background-position:right -40px;
}

/*** PURPLE ***/
.panelHeader.starspromis,
li.starspromis div.tabTopLeft,
li.starspromis.active:hover div.tabTopLeft {
	background-position:left -600px;
}
.panelHeader.starspromis>*,
li.starspromis div.tabTopRight,
li.starspromis.active:hover div.tabTopRight {
	background-position:right -600px;
}
li.starspromis div.tabBottomLeft {
	background-position:left -696px;
}
li.starspromis div.tabBottomRight {
	background-position:right -696px;
}
.active .panelHeader.starspromis,
li.starspromis:hover div.tabTopLeft {
	background-position:left -1200px;
}
.active .panelHeader.starspromis>*,
li.starspromis:hover div.tabTopRight {
	background-position:right -1200px;
}
li.starspromis:hover div.tabBottomLeft {
	background-position:left -1296px;
}
li.starspromis:hover div.tabBottomRight {
	background-position:right -1296px;
}
li.starspromis:hover .tabMiddle {
	background-position:left -1204px;
}
li.starspromis:hover .tabMiddleRight {
	background-position:right -1204px;
}
li.starspromis .tabMiddle,
li.starspromis.active:hover .tabMiddle {
	background-position:left -604px;
}
li.starspromis .tabMiddleRight,
li.starspromis.active:hover .tabMiddleRight {
	background-position:right -604px;
}
li.starspromis.active div.tabBottomLeft {
	background-position:left -50px;
}
li.starspromis.active div.tabBottomRight {
	background-position:right -50px;
}


.panelHeader.linkbox {
	background-position:left -200px;
	color: #ffffff;
}
.panelHeader.linkbox>* {
	background-position:right -200px;
}