/*	
	www.tagblatt.ch CSS
	Internet Tagblatt Medien - Oliver Andermatt, Stefano Cardinale
*/

/*************************** EBENEN ***************************/
/************************** Fundament *************************/
#inhalt-schmal {
    z-index: 1;
    position: absolute;
    left: 7px;
    top: 15px;
    width: 430px;
}
#popup {
    z-index: 2;
    position: absolute;
    left: 7px;
    top: 15px;
    width: 376px;
}
#kopf {
    z-index: 10;
    position: absolute;
    left: 7px;
    top: 10px;
    width: 728px;
    height: 138px;
}
#kopf-linie-links {
	z-index: 11;
	position: absolute;
	left: 0px;
	top: 13px;
	width: 149px;
	height: 1px;
	background-image: url(/graph/lin/1x1_333333.gif);
	background-repeat: repeat-x;
}
#kopf-links {
    z-index: 12;
    position: absolute;
    left: 0px;
    top: 14px;
    width: 120px;
    height: 118px;
}
#kopf-links-2 {
    z-index: 12;
    position: absolute;
    left: -7px;
    top: -15px;
    width: 149px;
    height: 147px;
}
#kopf-mitte {
    z-index: 12;
    position: absolute;
    left: 149px;
    top: 0px;
    width: 430px;
    height: 132px
}
#kopf-linie-rechts {
	z-index: 13;
	position: absolute;
	left: 579px;
	top: 13px;
	width: 149px;
	height: 1px;
	background-image: url(/graph/lin/1x1_333333.gif);
	background-repeat: repeat-x;
}
#kopf-rechts {
	z-index: 14;
	position: absolute;
	left: 579px;
	top: 14px;
	width: 149px;
	height: 118px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	color: #333;
	text-align: right;
	padding-top: 4px;
}
#kopf-linie-fuss {
	z-index: 15;
	position: absolute;
	left: 0px;
	top: 132px;
	width: 728px;
	height: 6px;
	background-image: url(/graph/lin/2x6_lindot_333333.gif);
	background-repeat: repeat-x;
}
/************************** Werbung **************************/
#werbung-a { /* Halfbanners */
    z-index: 20;
    position: absolute;
	left: 7px;
    top: 271px;
    width: 728px;
    height: 73px;
}
#werbung-a-1 { /* Halfbanner 1 */
    z-index: 21;
    position: absolute;
    left: 0px;
    top: 6px;
    width: 234px;
    height: 60px;
}
#werbung-a-2 { /* Halfbanner 2 */
    z-index: 21;
    position: absolute;
    left: 247px;
    top: 6px;
    width: 234px;
    height: 60px;
}
#werbung-a-3 { /* Halfbanner 3 */
    z-index: 21;
    position: absolute;
    left: 494px;
    top: 6px;
    width: 234px;
    height: 60px;
}
#werbung-a-linie {
    z-index: 22;
    position: absolute;
    left: 0px;
    top: 73px;
    width: 728px;
    height: 1px;
	background-image: url(/graph/lin/2x1_dot_333333.gif);
	background-repeat: repeat-x;
}
#werbung-b { /* Fullbanner - Leaderboard - Maxiboard */
    z-index: 130;
    position: absolute;
    left: 7px;
    top: 7px;
    width: 994px;
	height: 118px;
}
/*************************** Pop-up ***************************/
#kopf-mitte-popup {
    z-index: 12;
    position: absolute;
    left: 26px;
    top: 0px;
    width: 430px;
    height: 132px;
}
#kopf-linie-fuss-popup {
	z-index: 15;
	position: absolute;
	left: 7px;
	top: 132px;
	width: 468px;
	height: 6px;
	background-image: url(/graph/lin/2x6_lindot_333333.gif);
	background-repeat: repeat-x;
}
#inhalt-popup {
    z-index: 50;
	position: absolute;
    left: 14px;
    top: 227px;
    width: 468px;
}
#banner-popup {
    z-index: 131;
    position: absolute;
    left: 6px;
    top: 145px;
    width: 468px;
    height: 60px;
}
/************************** Inhalt **************************/
#navigation {
    z-index: 40;
    position: absolute;
    left: 7px;
    top: 150px;
    width: 140px;
}
#navigation-admin {
    z-index: 40;
    position: absolute;
    left: 7px;
    top: 159px;
    width: 140px;
}
#navigation-tagblattheute {
    z-index: 41;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 140px;
    height: 230px;
}
#inhalt {
    z-index: 50;
	position: absolute;
    left: 156px;
    top: 150px;
    width: 700px;
}
#inhalt-breit {
	z-index: 50;
	position: absolute;
	left: 156px;
	top: 344px;
	width: 579px;
}
#inhalt-breit-admin {
	z-index: 50;
	position: absolute;
	left: 159px;
	top: 159px;
	width: 504px;
}
#inhalt-bild-q { /* Querformat */
    z-index: 51;
	float: right;
	width: 200px;
	margin: 0px 7px 0px 7px;
	border-bottom: 1px solid #999;
}
#inhalt-bild-h { /* Hochformat */
    z-index: 51;
	float: right;
	width: 140px;
	margin: 0px 7px 0px 7px;
	border-bottom: 1px solid #999;
}
#infospalte-1 {
    z-index: 60;
    position: absolute;
    left: 150px;
    top: 344px;
    width: 196px;
}
#infospalte-2 {
    z-index: 70;
    position: absolute;
    left: 742px;
    top: 150px;
    width: 196px;
}
#infospalte-2-admin {
    z-index: 70;
    position: absolute;
    left: 670px;
    top: 159px;
    width: 294px;
    height: 500px;
}
#statistik {
    z-index: 90;
	position: absolute;
}
#werbung-extern {
    z-index: 100;
	position: absolute;
}
#html-erkennung {
	z-index: 110;
	position: absolute;
	left: 1px;
	top: 1px;
    width: 1px;
    height: 1px;
	background-image: url(/graph/lin/1x1_333333.gif);
	background-repeat: no-repeat;
}
/*************************** ENDE EBENEN ***************************/

/*************************** NAVIGATION ***************************/
.navigation-level-1 {
	margin: 1px 7px 0px 7px;
}
.navigation-level-2 {
	margin: 1px 7px 0px 14px;
}
.navigation-level-3 {
	margin: 1px 7px 0px 21px;
}
.navigation-linie {
	margin: 1px 7px 0px 7px;
}
.navigation-level-1-abschluss-7 {
	margin: 1px 7px 5px 7px;
}
.navigation-level-2-abschluss-7 {
	margin: 1px 7px 5px 14px;
}
.link-navigation-level-1-0 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666;
	text-transform: none;
}
.link-navigation-level-1-1 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	text-transform: none;
}
.link-navigation-level-1-2 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #b92323;
	text-transform: none;
}
.link-navigation-level-3-1 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333;
	text-transform: none;
}
.link-navigation-level-3-2 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #b92323;
	text-transform: none;
}
.td-navigation {
	border-bottom: 1px solid #ccc;
}
.tabelle-navigation {
	margin-top: 0px;
	margin-bottom: 7px;
	margin-left: 7px;
}
/************************* ENDE NAVIGATION ************************/

/****************************** INHALT *****************************/
/****************************** Werbung ****************************/
.werbung-b-1 { /* Fullbanner - Leaderboard - Maxiboard */
	vertical-align: middle;
	height: 118px;
}
/**************************** Titelbalken **************************/
.titelbalken-blau {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background-color: #657cb3;
	border: 1px solid #3e5ba0;
	text-indent: 6px;
	height: 16px;
}
.titelbalken-grau {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background-color: #ccc;
	border: 1px solid #999;
	text-indent: 6px;
	height: 16px;
}
.titelbalken-rot {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background-color: #c74f4f;
	border: 1px solid #b92323;
	text-indent: 6px;
	height: 16px;
}
.titelbalken-orange {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background-color: #e5954e;
	border: 1px solid #e58027;
	text-indent: 6px;
	height: 16px;
}
/**************************** Newsticker ***************************/
.newsticker-pfeil-0 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 15px;
	color: #c74f4f;
	padding-left: 6px;
}
.newsticker-pfeil-1 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 15px;
	color: #b92323;
	padding-left: 6px;
}
.newsticker-homepage {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 15px;
	color: #333;
	text-transform: none;
}
.link-newsticker-homepage {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 15px;
	color: #666;
	text-transform: none;
}
a:hover.link-newsticker-homepage {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 15px;
	color: #b92323;
}
/**************************** Anriss ***************************/
.anriss-ressort {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
	line-height: 14px;
	font-weight: normal;
    color: #333;
	text-transform: capitalize;
	margin: 0px 6px 6px 6px;
}
.ressort-miniliste-0 {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
	line-height: 14px;
	font-weight: normal;
    color: #666;
	text-transform: capitalize;
	margin: 0px 0px 0px 6px;
}
.ressort-miniliste {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
	line-height: 14px;
	font-weight: normal;
    color: #333;
	text-transform: capitalize;
	margin: 0px 0px 0px 6px;
}
.ressort-nichtredaktionell {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
	line-height: 14px;
	font-weight: normal;
    color: #333;
	margin: 0px 6px 6px 6px;
}
.ressort-nichtredaktionell-unten {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
	line-height: 14px;
	font-weight: normal;
    color: #333;
	margin: 0px 6px 11px 6px;
}
.link-weiter-0 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #657cb3;
	text-transform: none;
}
.link-weiter, .link-weiter-1, .oton /* oton: [Originalton hören] Kurznachrichten */ {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #3e5ba0;
	text-transform: none;
}
.link-weiter-pfeil-0 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #c74f4f;
	text-transform: none;
}
.link-weiter-pfeil, .link-weiter-pfeil-1 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #b92323;
	text-transform: none;
}
.anriss-bild {
    margin: 0px 6px 0px 0px;
}
/**************************** Detailseite ***************************/
.navigationsleiste {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #333;
	margin: 0px 6px 0px 6px;
}
.inhalt-hinweis-rot {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #b92323;
	margin: 0px 6px 17px 6px;
}
/**************************** Börsenkurse ***************************/
.info-tabelle-2 {
	color: #333;
	margin-left: 7px;
	border: 1px solid #999;
}
.info-td-kopf {
	background-color: #ccc;
	border-bottom: 1px solid #999;
}
.info-td-body {
	border-bottom: 1px solid #ccc;
}
.info-td-text {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	margin: 0px 7px 0px 7px;
}
.info-td-textgross {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 7px;
}
/************************** sanktgallernetz *************************/
.txtnormal-zebra {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #3e5ba0;
	margin: 6px 6px 0px 6px;
	background-color: #e5e5e5;
}
/******************************* Fuss *******************************/
.inhalt-fuss {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #333;
	vertical-align: middle;
	padding: 0px 6px 0px 6px;
	height: 35px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
.inhalt-fuss-rot {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #333;
	vertical-align: middle;
	padding: 0px 6px 0px 6px;
	height: 35px;
	border-left: 1px solid #b92323;
	border-right: 1px solid #b92323;
	border-bottom: 1px solid #b92323;
}
.inhalt-fuss-orange {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #333;
	vertical-align: middle;
	padding: 0px 6px 0px 6px;
	height: 35px;
	border-left: 1px solid #e58027;
	border-right: 1px solid #e58027;
	border-bottom: 1px solid #e58027;
}
/**************************** Info-Spalte ***************************/
.titel-infospalte-0 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999;
}
.titel-infospalte-1 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333;
}
.text-infospalte-0 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	margin: 1px 6px 5px 6px;
}
.text-infospalte-1 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333;
	margin: 1px 6px 5px 6px;
}
.link-infospalte-0 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #657cb3;
	text-transform: none;
}
.link-infospalte-0:visited {
	color: #657cb3;
	text-decoration: none;
	text-transform: none;
}
.link-infospalte-1 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #3e5ba0;
	text-transform: none;
}
.link-service-0 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999;
	text-transform: none;
}
.link-service-1 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #3e5ba0;
	text-transform: none;
}
.link-service-2 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #b92323;
	text-transform: none;
}
.info-linie {
	margin: 0px 7px 0px 7px;
}
.rahmen-service {
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #e5e5e5;
}
.rahmen-service-1 {
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #ccc;
}
/************************* ENDE INHALT ************************/

/*************************** GLOBAL ***************************/
/*************************** Hacks ***************************/
.tabelle-unten-korrektur {
	margin-bottom: 4px;
}
.h-abstand-7px {
	margin: 0px 0px 0px 7px;
}
.v-abstand-7px {
	margin: 0px 0px 7px 0px;
}
.h-v-abstand-7px {
	margin: 7px 7px 7px 7px;
}
/**************************** Inhalt ***************************/
.rahmen {
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
}
.rahmen-geschlossen {
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
.rahmen-rot {
	border-left: 1px solid #b92323;
	border-right: 1px solid #b92323;
	border-bottom: 1px solid #b92323;
}
.rahmen-orange {
	border-left: 1px solid #e58027;
	border-right: 1px solid #e58027;
	border-bottom: 1px solid #e58027;
}
.link-klein-0 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #657cb3;
	text-transform: none;
}
.link-klein-1 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #3e5ba0;
	text-transform: none;
}
.link-klein-fett-0 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #657cb3;
	text-transform: none;
}
.link-klein-fett-1 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #3e5ba0;
}
.schrift-klein-gruen {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #458045;
}
.schrift-gross-gruen {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #458045;
}
.schrift-klein-rot {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #b92323;
}
.schrift-gross-rot {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #b92323;
}
.galerie-bild {
	margin: 14px 6px 0px 6px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #999;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #333;
}
.galerie-2-bild {
	margin: 4px 6px 10px 6px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #999;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #333;
}
/*************************** ENDE GLOBAL **************************/