/*	
	Mehr Zeitung - Online-Ausgabe der grössten Ostschweizer Tageszeitung
	www.tagblatt.ch - Bildschirm-CSS für dynamische Seiten
	
	Internet Tagblatt Medien - Oliver Andermatt
*/

/* GLOBAL
************************************************************************************************************************************************/
html, body, div, h1, h2, h3, h4, h5, h6, p, ol, ul, li, hr, table, caption, tr, th, td, form, fieldset, legend, label, input, textarea, select {
	font: 10px/14px verdana, arial, helvetica, sans-serif;
	color: #333;
	text-align: left;
	margin: 0;
	padding: 0;
	border: 0;
}
a:link {
	color: #005e9e;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #80afcf;
	font-weight: bold;
	text-decoration: none;
}
a:hover, a:active {
	color: #9e0b00;
	font-weight: bold;
	text-decoration: none;
}
a:link img {
	border: 1px solid #005e9e;
}
a:visited img {
	border: 1px solid #80afcf;
}
a:hover img, a:active img {
	border: 1px solid #9e0b00;
}
img {
	border: 1px solid #9e9e9e;
}
.hr { /* horizontale Linie für Anrisse */
	border-top: 1px dotted #9e9e9e;
	margin: 0 7px 0 7px;
}
.hr-infospalte { /* horizontale Linie für die Infospalte */
	border-top: 1px dotted #333;
	margin: 0 3px 0 3px;
}
.normal {
	font-weight: normal;
}
.fett {
	font-weight: bold;
}
.kursiv {
	font-style: italic;
}
.hilfe {
	color: #005e9e;
	font-weight: normal;
	cursor: help;
}
/* LAYOUT
************************************************************************************************************************************************/
body {
	background: #fff url(../graph/logo/verlauf_1x994.gif) repeat-x;
	text-align: center; /* zentriert die gesamte Site unter Microsoft Internet Explorer 6 für Windows */
	margin: 2px 0 0 0;
}
/* Hauptebenen
************************************************************************************************************************************************/
#statistik {
	display: none;
}
#aussenrahmen {
	width: 996px; /* 996px anstatt 994px für die Kompensation von "border-..." unter "#werbung-a" und "#innenrahmen" */
	margin: 0 auto 0 auto; /* zentriert die gesamte Site */
	background: #fff url(../graph/logo/verlauf_1x994.gif) repeat-x; /* Bugfix für Internet Explorer 6 für Windows */
}
#werbung-a { /* Leaderboard (728x90 Pixel), Maxiboard (994x90 Pixel) */
	float: left;
	width: 994px;
	margin: 0 0 2px 0;
	border-left: 2px solid #fff;
}
#werbung-a img { /* Leaderboard (728x90 Pixel), Maxiboard (994x90 Pixel) */
	border: 0;
}
#werbung-b { /* Skyscraper */
	float: right;
	width: 160px;
}
#werbung-b img { /* Skyscraper */
	border: 0;
}
#innenrahmen {
	float: left; /* Bugfix für Internet Explorer 6 für Windows */
	width: 832px;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	background: #fff url(../graph/logo/muster_4x4_1.gif);
}
#kopf {
	width: 832px;
	height: 90px;
}
#navigation-vertikal {
	float: left;
	width: 124px;
	background: #fff;
}
#navigation-horizontal {
	float: left;
	width: 706px;
	padding: 0 0 10px 0; /* Abstand unten */
	border-left: 2px solid #fff;
	background: #fff; /* Farbe für Abstand unten */
}
#inhalt {
	float: left;
	width: 470px;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	background: #fff;
}
#infospalte {
	float: left;
	width: 234px;
	background: #fff;
}
#fuss {
	clear: both;
	width: 832px;
	padding: 10px 0 10px 0; /* Abstand oben und unten */
	background: #fff; /* Farbe für Abstand oben und unten */
}
/* Unterebenen
************************************************************************************************************************************************/
.inhalt-anriss { /* Anriß-Hauptspalte*/
	float: left;
	width: 470px;
}
.inhalt-anriss-links { /* Anriß-Spalte links */
	float: left;
	width: 234px;
}
.inhalt-anriss-rechts { /* Anriß-Spalte rechts */
	float: right;
	width: 234px;
}
.inhalt-artikel { /* Artikel-Hauptspalte*/
	float: left;
	width: 470px;
}
.inhalt-artikel-links { /* Artikel-Spalte links */
	float: left;
	width: 234px;
}
.inhalt-artikel-rechts { /* Artikel-Spalte rechts */
	float: right;
	width: 234px;
}
.inhalt-kasten {
	float: left;
	width: 460px; /* 460 Pixel anstatt 470 Pixel wegen "border-left" */
	margin: 0 0 10px 0;
	border-left: 10px solid #80afcf;
	background: #e6eff6;
}
.inhalt-kasten-fehlermeldung {
	float: left;
	width: 450px; /* 450 Pixel anstatt 470 Pixel wegen "border-right" und "border-left" */
	margin: 0 0 10px 0;
	border-top: 1px solid #9e0b00;
	border-right: 10px solid #9e0b00;
	border-bottom: 1px solid #9e0b00;
	border-left: 10px solid #9e0b00;
	background: #f4e1e0;
}
.inhalt-kasten-wichtig {
	float: left;
	width: 450px; /* 450 Pixel anstatt 470 Pixel wegen "border-right" und "border-left" */
	margin: 0 0 10px 0;
	border-top: 1px solid #005e9e;
	border-right: 10px solid #005e9e;
	border-bottom: 1px solid #005e9e;
	border-left: 10px solid #005e9e;
	background: #e0ecf4;
}
.infospalte-inhalt {
	float: left;
	width: 234px;
	margin: 0 0 10px 0;
	background: #e6eff6;
}
.werbung-c { /* Sonderfeld (124x124 Pixel) */
	width: 124px;
}
.werbung-d { /* Medium Rectangle (300x250 Pixel) - für Anrißseiten */
	float: right;
	width: 300px;
	margin: 10px 0 10px 0;
	border-right: 8px solid #fff;
	border-left: 10px solid #fff;
}
.werbung-d-1 { /* Medium Rectangle (300x250 Pixel) - für Detailseiten */
	float: left;
	width: 300px;
	margin: 5px 0 17px 85px;
}
.werbung-e { /* Fullbanner (468x60 Pixel) */
	float: left;
	width: 468px;
	margin: 0 0 0 1px; /* zentriert den Fullbanner */
}
.werbung-f { /* Fachgeschäfte in der Region (234 Pixel Breite) */
	float: left;
	width: 234px;
}
.werbung-g { /* Halfbanner (234x60 Pixel) */
	float: left;
	width: 234px;
}
.werbung-h { /* Tagblatt Säntis (234x234 Pixel) */
	float: left;
	width: 234px;
}
/* KOPF
************************************************************************************************************************************************/
.kopf-grundschrift {
	line-height: 19px;
}
/* NAVIGATION
************************************************************************************************************************************************/
/* Kopf-Navigation
************************************************************************************************************************************************/
ul.kopfnavigation li {
	display: inline;
	line-height: 19px; 
	text-transform: uppercase;
}
/* vertikale Hauptnavigation
************************************************************************************************************************************************/
ul.hauptnavigation-vertikal {
	list-style: none;
	border-top: 1px dotted #333; /* obere Linie */
	padding: 2px 0 7px 0; /* Abstand oben zwischen Titel und Linie, Abstand unten zwischen Navigationspunkten und Linie */
}
ul.hauptnavigation-vertikal li {
	padding: 0 0 0 1px; /* Abstand links für Titel */
}
ul.hauptnavigation-vertikal li a:link, ul.hauptnavigation-vertikal li a:visited {
	display: block; /* a:hover erstreckt sich über die gesamte Breite und Höhe */
	width: 119px; /* Bugfix für "display:block;" unter Microsoft Internet Explorer 6 für Windows */
	padding: 0 0 0 4px; /* Abstand links für Navigationspunkte */
}
/* vertikale Unternavigation
************************************************************************************************************************************************/
ul.unternavigation-vertikal {
	list-style: none;
}
ul.unternavigation-vertikal li a:link, ul.unternavigation-vertikal li a:visited {
	width: 115px; /* Bugfix für "display:block;" unter Microsoft Internet Explorer 6 für Windows */
	font-weight: normal;
	padding: 0 0 0 7px; /* Abstand links für Navigationspunkte */
}
/* horizontale Hauptnavigation
************************************************************************************************************************************************/
.navigation-horizontal-inhalt {
	height: 39px;
	border-top: 1px dotted #333; /* oberste Linie */
	border-bottom: 1px dotted #333; /* unterste Linie */
	background: #fff url(../graph/logo/verlauf_1x41.gif) repeat-x center;
}
ul.hauptnavigation-horizontal {
	padding: 0 3px 0 3px;
}
ul.hauptnavigation-horizontal li {
	display: inline;
	line-height: 19px; 
}
/* Breadcrumb-Navigation
************************************************************************************************************************************************/
ul.breadcrumbnavigation {
	border-bottom: 1px dotted #9e9e9e; /* untere Linien */
	padding: 0 3px 0 3px;
}
ul.breadcrumbnavigation li {
	display: inline;
	line-height: 19px;
}
/* INHALT
************************************************************************************************************************************************/
/* Titelbalken
************************************************************************************************************************************************/
.titelbalken { /* h1 */
	line-height: 19px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	padding: 0 3px 0 3px;
	background: #80afcf;
}
.titelbalken-2 { /* h2 */
	line-height: 18px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 3px 0 3px;
	border-bottom: 1px dotted #333;
	background: #e6eff6;
}
/* Kurznachrichten
************************************************************************************************************************************************/
.kurznachrichten-titel { /* h2 */
	line-height: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 3px 6px 3px;
	border-bottom: 1px dotted #333;
}
ul.kurznachrichten {
	list-style: none;
	margin: 0 7px 7px 7px;
}
ul.kurznachrichten-2 {
	list-style: none;
	margin: -1px 7px 6px 7px;
}
ul.kurznachrichten-2 li {
	line-height: 16px;
}
/* Anrisse
************************************************************************************************************************************************/
.anriss-kopf { /* h4 */
	font-style: italic;	
	margin: 6px 7px -2px 7px;
}
.anriss-aufmacher-titel { /* h2 */
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	margin: 5px 7px 11px 7px;
}
.anriss-aufmacher-untertitel { /* h3 */
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	margin: 0 7px 9px 7px;
}
.anriss-aufmacher-grundschrift { /* p */
	font-size: 12px;
	line-height: 18px;
	margin: 0 7px 16px 7px;
}
.anriss-titel { /* h2 */
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	margin: 6px 7px 4px 7px;
}
.anriss-titel-2 { /* h3 */
	font-weight: bold;
	margin: 2px 7px 0 7px;
}
.anriss-untertitel { /* h3 */
	font-weight: bold;
	margin: 0 7px 6px 7px;
}
.anriss-grundschrift { /* p */
	margin: 0 7px 7px 7px;
}
/* Anrißliste
************************************************************************************************************************************************/
ul.anriss-liste, ol.anriss-liste {
	margin: 0 7px 7px 23px;
}
/* Artikel
************************************************************************************************************************************************/
.artikel-kopf { /* h5 */
	font-weight: bold;
	text-transform: uppercase;
	margin: 16px 7px 0 7px;
}
h4 { /* Provisorium für ".artikel-kopf" (h5) - nur im Zusammenhang mit den dynamischen Seiten zu verwenden! */
	font-weight: bold;
	text-transform: uppercase;
	margin: 16px 7px 0 7px;
}
.artikel-titel { /* h2 */
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	margin: 11px 7px 11px 7px;
}
.inhalt-titel { /* h1 - Provisorium für ".artikel-titel" (h2) - nur im Zusammenhang mit den dynamischen Seiten zu verwenden! */
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	margin: 11px 7px 11px 7px;
}
.artikel-untertitel { /* h3 */
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	margin: 0 7px 9px 7px;
}
.inhalt-untertitel { /* h2 - Provisorium für ".artikel-untertitel" (h3) - nur im Zusammenhang mit den dynamischen Seiten zu verwenden! */
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	margin: 0 7px 9px 7px;
}
.artikel-lead { /* p */
	font-size: 12px;
	line-height: 18px;
	font-style: italic;	
	margin: 0 7px 10px 7px;
}
.inhalt-lead { /* p - Provisorium für ".artikel-lead" (p) - nur im Zusammenhang mit den dynamischen Seiten zu verwenden! */
	font-size: 12px;
	line-height: 18px;
	font-style: italic;	
	margin: 0 7px 10px 7px;
}
.artikel-autor { /* p */
	line-height: 18px;
	text-transform: uppercase;
	margin: 0 7px 8px 7px;
}
.inhalt-autor { /* p - Provisorium für ".artikel-autor" (p) - nur im Zusammenhang mit den dynamischen Seiten zu verwenden! */
	line-height: 18px;
	text-transform: uppercase;
	margin: 0 7px 8px 7px;
}
.artikel-grundschrift { /* p */
	font-size: 12px;
	line-height: 18px;
	margin: 0 7px 18px 7px;
}
.inhalt-grundschrift { /* p - Provisorium für ".artikel-grundschrift" (p) - nur im Zusammenhang mit den dynamischen Seiten zu verwenden! */
	font-size: 12px;
	line-height: 18px;
	margin: 0 7px 18px 7px;
}
.artikel-grundschrift-klein { /* p */
	font-size: 10px;
	line-height: 14px;
	margin: 0 7px 19px 7px;
}
.artikel-zwischentitel { /* h4 */
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	margin: 0 7px 9px 7px;
}
.inhalt-zwischentitel { /* h2 - Provisorium für ".artikel-zwischentitel" (h4) - nur im Zusammenhang mit den dynamischen Seiten zu verwenden! */
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	margin: 0 7px 9px 7px;
}
/* Artikelliste
************************************************************************************************************************************************/
ul.artikel-liste, ol.artikel-liste {
	margin: 0 7px 18px 37px;
}
ul.artikel-liste li, ol.artikel-liste li {
	font-size: 12px;
	line-height: 18px;
}
/* Artikelbilder
************************************************************************************************************************************************/
.artikel-bild-links { /* linksbündig */
	float: left;
	width: 234px;
	margin: 5px 11px 0 8px;
}
.artikel-bild-mitte { /* mitte */
	float: left;
	width: 452px;
	margin: 5px 0 22px 8px;
}
.artikel-bild-rechts { /* rechtsbündig */
	float: right;
	width: 234px;
	margin: 5px 10px 0 11px;
}
.artikel-bildlegende { /* p */
	font-weight: bold;
	margin: 6px 0 0 0;
}
/* Kasten
************************************************************************************************************************************************/
.kasten-anriss-titel { /* h2 */
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #333;
	margin: 6px 9px 4px 9px;
}
.kasten-anriss-grundschrift { /* p */
	color: #333;
	margin: 0 9px 7px 9px;
}
.kasten-kopf { /* h1 (Fehlermeldungen), h5 (Artikel) */
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
	margin: 6px 9px 0 9px;
}
.kasten-titel { /* h2 */
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #333;
	margin: 6px 9px 4px 9px;
}
.kasten-untertitel { /* h3 */
	font-weight: bold;
	color: #333;
	margin: 0 9px 6px 9px;
}
.kasten-grundschrift { /* p */
	color: #333;
	margin: 0 9px 7px 9px;
}
.kasten-zwischentitel { /* h4 */
	font-weight: bold;
	color: #333;
	margin: 0 9px 0 9px;
}
.kasten-bild {
	float: right;
	width: 234px;
	margin: 10px 10px 0 9px;
}
.kasten-bildlegende { /* p */
	font-weight: bold;
	margin: 6px 0 0 0;
}
/* Kastenliste
************************************************************************************************************************************************/
ul.kasten-liste, ol.kasten-liste {
	margin: 0 7px 7px 25px;
}
/* Tabellen
************************************************************************************************************************************************/
table {
	width: 454px;
	margin: 0 auto 22px auto;
	background: #005e9e;
}
caption { /* Tabellentitel */
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	margin: 0 7px 14px 7px;
}
th {
	font-weight: bold;
	color: #fff;
	padding: 6px 9px 7px 9px;
	background: #80afcf;
}
td {
	padding: 6px 9px 7px 9px;
	background: #e6eff6;
}
/* Formular
************************************************************************************************************************************************/
form {
	width: 454px;
	margin: 0 auto 0 auto;
}
fieldset {
	font-size: 12px;
	line-height: 18px;
	border: 1px solid #005e9e;
	margin: 15px 0 0 0;
 	padding: 0 10px 10px 10px;
}
legend {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	padding: 0 5px 2px 0;
}
label { 
	float: left; 
	width: 136px; /* Breite der linken Spalte */
	font-size: 12px;
	line-height: 18px;
	text-align: right; 
	margin: 10px 0 0 0; /* Textausrichtung gegenüber Eingabefelder usw. */
}
input, textarea, select {
	width: 232px;
	font-size: 12px;
	line-height: 18px;
	border: 1px solid #005e9e;
	background: #e6eff6;
	margin: 10px 0 0 8px; /* Textausrichtung gegenüber "label" */
	padding: 2px;
}
textarea {
	height: 232px;
	margin: 0 0 0 144px; /* Total aus "label-width" und "input, textarea, select-margin" */
}
.formular-erforderlich {
	font-weight: bold;
	color: #fff;
	background: #80afcf;
}
.formular-schaltflaeche {
	font-weight: bold;
	text-align: center;
	color: #005e9e;
	border: 2px solid #005e9e;
	background: #80afcf;	
 	margin: 20px 0 22px 0;
}
.formular-hinweis {
	margin: 2px 0 0 144px; /* Total aus "label-width" und "input, textarea-margin" */
}
.formular-grundschrift { /* p */
	font-size: 12px;
	line-height: 18px;
	margin: 10px 0 0 0;
}
.formular-warnung { /* p */
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #9e0b00;
	margin: 15px 0 18px 0;
}
/* Formularliste
************************************************************************************************************************************************/
ul.formular-liste {
	margin: 0 0 18px 30px;
}
ul.formular-liste li {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #9e0b00;
}
/* Infospalte
************************************************************************************************************************************************/
.infospalte-kopf { /* h4 */
	font-style: italic;	
	margin: 2px 3px -2px 3px;
}
.infospalte-titel { /* h2 */
	line-height: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 3px 0 3px;
	border-bottom: 1px dotted #333;
}
.infospalte-untertitel { /* h3 */
	font-weight: bold;
	margin: 2px 3px 0 3px;
}
.infospalte-grundschrift { /* p */
	margin: 0 3px 7px 3px;
}
ul.infospalte { /* Liste */
	margin: 0 3px 7px 18px;
}
/* FUSS
************************************************************************************************************************************************/
.fuss-inhalt {
	padding: 4px 3px 3px 0;
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
	background: #fff;
}
/* BANNERVERWALTUNG, damit die Banner ohne Rahmen erscheinen
b = Banner bzw. Halfbanner
fb = Fullbanner
sf = Sonderfeld
ra = Rectangle
************************************************************************************************************************************************/
#b1 img, #b11 img, #b12 img, #b13 img, #b14 img, #b15 img, #b16 img, #fb1 img, #sf1 img, #ra1 img {
	border: 0;