/* page.css  T V M U T T E N Z . C H   */
/* Archiv Berichteseiten */
/* Karl Flubacher - September 2017, Februar 2024 */
/* Webseite 980px, in der Browsermitte dargestellt */
/*
/* ------- C S S ------- */

/* reset */
* {
	padding: 0;
	margin: 0;
	border: 0;
}
/* global */
html {
	background-color: #666666; }
	
body {
	font-family: Open Sans, Verdana , arial, helvetica, sans-serif; }
	
html>body {
}
/* ------- S T A N D A R D F O R M A T I E R U N G E N ------- */
a:link    {color: #333; font-weight: 500; text-decoration: none;}
a:visited {color: #333; font-weight: 500; text-decoration: none;}
a:hover   {color: #f30; font-weight: 500; text-decoration: none;}
a:active  {color: #333; font-weight: 500;}
/*a:focus   {outline: none; font-weight: 500;}*/

h1    {font-size: 28pt; color: #333; font-weight: 500; margin: 30px 10px 10px 10px; }
h2    {font-size: 20pt; color: #333; font-weight: 500; margin: 20px 10px 10px 10px; }
h3    {font-size: 18pt; color: #333; font-weight: 500; margin: 10px; }
h4    {font-size: 14pt; color: #333; font-weight: 500; margin: 10px; }
p     {font-size: 12pt; color: #000; font-weight: 400; margin: 10px; }

ul    {margin: 0px 0px 0px 25px;}
li    {font-size: 10pt; color: #333; font-weight: 500; }
td    {font-size: 10pt; color: #333; font-weight: 500; }
tr    {font-size: 10pt; color: #333; font-weight: 500; }
small {font-size: 10pt;	color: #333; font-weight: 400; }
verysmall {font-size:  8pt;	color: #333; font-weight: 400; }


/* ----- F O R M A T I E R U N G E N ------- */

.small {font-size: 10pt; }
.breadcrumb {font-size: 10pt; color: #666; border-bottom : #fff solid 20px; }

/* Spezielle Schrift */
.times {text-align: center; font-size: 16pt; color: #333; font-weight: 500; font-style: italic; font-family: 'Times New Roman', Times, serif;}
.gross {text-align: left;   font-size: 12pt; color: #333; font-weight: 500; }
.jahr  {text-align: left;   font-size: 36pt; color: #333; font-weight: 500; }

/* Position */
.rightpos {float:right;}

/* Bilder und verlinkte Bilder mit Rahmen; radius=abgerundete Ecken */ 
img   {border: 0; border-radius: 4px; }
a img {border: 0; border-radius: 4px; }
.radius   {border: 0; border-radius: 0px;background: #9c0;}

/* Bilder ausrichten */
.imgleft  {float:left;  margin-top: 5px; margin-right: 20px;}
.imgright {float:right; margin-top: 5px; margin-right: 10px;}
.borderimage  {border-color: #999; border-style: solid; border-width: 1px; }

.pagenumber {float:right; margin-top: 5px; margin-right: 20px; font-size: 14pt; color: #f30; font-weight: 500;}
.centergrey   {text-align: center; background-color: #ccc; }

/* Schriftfarben */
.red    {color: #f30;}
.blue   {color: #09f; background-color: gold}
.grey   {color: #999;}
.green1 {color: #9c0}

/* Weitere Formatierungen */
.header {font-size: 9pt;  color: #ccc; font-weight: 900; margin: 2px; text-align: right; font-variant: small-caps; }
.titel  {font-size: 20pt; color: #000; background-color: #fff; font-weight: 900; margin: 10px; text-align: center; }
.big    {font-size: 28pt; font-weight: 500; text-align: center;}

/* #toplink {position: fixed; bottom: 0; right: 0; } */
/*.smallcenter  {color: #333; font-weight: 500; } */

/* Positionierungen */
.left    {text-align: left;  }
.center  {text-align: center;}
.bottom1 {vertical-align: bottom;}
	
.right   {text-align: right; }
.justify {text-align: justify;}
.box     {font-size: 11pt; color: #333; font-weight: 500; text-align: justify; margin-bottom: 5px;}

/* Kerning */
.eng {letter-spacing: -1px; }
.weit {letter-spacing: 1px; }

/* ------- S O N D E R F O R M A T E ------- */
.tx {border: #ccc solid 1px; border-radius: 5px; width: 135px; height:90px;}


/* ------- B U T T O N S ------- */
/*
/* button fixed, rechter Rand unten */
.fixed-button a{
	position: fixed;
	bottom: 25px;
	right: -4px;
	background-color: #ccc;
	height: 50px;
	width: 60px;
	/*border: solid 1px #fff;*/
	border-radius: 4px;
	text-decoration: none; 
    display: inline-block;}
/*	cursor: pointer; }*/
.fixed-button a:hover{
	/*border: solid 1px #fff;*/
	background: #f30; }

/* button (rot, angepasste Breite, padding 10) */
.button a{
	font-size: 14pt;
	font-weight: 400;
	color: #fff;
	background-color: #f30;
	height: 28px;
	text-align: center;
	align-content: center;
	margin: 10px 0 10px 0;
	padding: 0 10px 0 10px;
	border: #f30 solid 1px;
	border-radius: 4px;
	text-decoration: none;
	display: inline-block; }
.button a:hover{
	color: #fff;
	background: rgba(255,51,0,0.6); }

/* buttona (hellrot/aktiv, angepasste Breite, padding 10) */ 
.buttona {
	font-size: 14pt;
	font-weight: 400;
	background-color: #fff;
	height: 28px;
	text-align: center;
	align-content: center;
	margin: 10px 0 10px 0;
	padding: 0 10px 0 10px;
	border: #f30 solid 1px;
	border-radius: 4px;
	text-decoration: none;
  	display: inline-block;
	color: #fff;
	background: rgba(255,51,0,0.6); } 
	
/* button1 (weiss, angepasste Breite, padding 10) */ 
.button1 a{
	font-size: 14pt;
	font-weight: 400;
	color: #f30;
	background-color: #fff;
	height: 28px;
	text-align: center;
	align-content: center;
	margin: 10px 0 10px 0;
	padding: 0 10px 0 10px;
	border: #f30 solid 1px;
	border-radius: 4px;
	text-decoration: none;
  	display: inline-block; }
.button1 a:hover{
	color: #fff;
	background: rgba(255,51,0,0.6); } 
	
/* button2 (GRAU, width50, für index-Seite) */
.button2 a{
	font-size: 14pt;
	font-weight: 400;
	color: #999;
	background-color: #fff;
	width: 50px;
	height: 28px;
	text-align: center;
	align-content: center;
	margin: 0;
	padding: 0;
	border: #ccc solid 1px;
	border-radius: 4px;
	text-decoration: none;
	display: inline-block; }
.button2 a:hover{
	color: #fff;
	background: rgba(255,51,0,0.6); }


/* buttonsmall (weiss, angepasste Breite, padding 10) */ 
.buttonsmall a{
	font-size: 9pt;
	font-weight: 400;
	color: #f30;
	background-color: #fff;
	height: 18px;
	text-align: center;
	align-content: center;
	margin: 0;
	padding: 0 10px 0 10px;
	border: #f30 solid 1px;
	border-radius: 3px;
	text-decoration: none;
  	display: inline-block; }
.buttonsmall a:hover{
	color: #fff;
	background: rgba(255,51,0,0.6); } 


/* ------- C O N T A I N E R   B E R I C H T E  (NEU) -------- */
#cont100 {
	float: left;
	width: 920px;
	text-align: center;
	padding: 0 20px;
	background: #fff; }

#cont {
	float: left;
	width: 150px;
	height: 120px;
	padding: 0 0 25px 0;
	margin: 0;
	background: #fff; 
	font-size: 9pt;  color: #333; font-weight: 500; }
	
/* -------  T E X T B O X E N ------- */
/* context */
.context {
	float: left; 
	width: 125px;
	margin: 5px 10px;
	padding: 5px;
	color: #fff;
	border: thin;
	border-radius: 5px;
	border-style: solid;
	border-color: #999;
	background-color: limegreen; }

/* ------- T A B E L L E N -------*/
/* --- table: noline --- */
table.noline {
	background:#fff;
	width: 940px;
	margin: 10px; }
table.noline td {
	vertical-align: top;
	text-align: left;
	padding: 1px 4px 0px 4px; }
	
/* --- table: standard0, weiss ohne Rahmen (neu 940) --- */
table.standard0 {
	background:#fff;
	margin: 10px;
	width: 940px; }
table.standard0 td {
	vertical-align: top;
	padding: 1px 4px 0px 4px;
	margin: 0px; }
	
/* --- table: standard1, weiss mit grauem Rahmen  (neu 940) --- */
table.standard1 {
	background:#fff;
	border-collapse: collapse;
	border: 1px solid #999;
	margin: 10px;
	width: 940px; }
table.standard1 td {
	vertical-align: top;
	padding: 1px 4px 0px 4px;
	margin: 0px;
	border: 1px solid #999; }

/* ------- G A L L E R Y -------  (z.B. in tu1103b-d) */
#gallery {width:940px; 	float: left; display: inline; height: 480px; margin: 10px; background: #ddd; }
#gallery ul {list-style:none; padding:0; margin:0; width:200px; position:relative; float:left;}
#gallery ul li {display:inline; width:60px; height:45px; float:left; margin:2px;}
#gallery ul li a {display:block; width:60px; height:45px; text-decoration:none; border:1px solid #999;}
#gallery ul li a img {display:block; width:60px; height:45px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#c00;}
#gallery ul li a:hover img {position:absolute; left:198px; top:0; width:auto; height:auto; border:1px solid #999;}


/* ------- L A Y O U T ------- */
/* Webseite in der Browser-Mitte dargestellt */

/* Seite mit Rand */
#page {
	background: #fff;
	border-top: #eee solid 30px;
	margin: -10px auto;
	height: 170px;
	width: 960px; }

/* Standardseite mit 800px Inhalt */
#header {
	background:url(tvlogos/tvarchivlogo940.gif) no-repeat #fff; 
	float: left;
	display: inline;
	height: 150px;
	width: 940px;
	border-bottom :#ccc solid 3px;	
	padding-bottom: 5px;
	margin: 5px 10px 0 10px; }

/* Standardseite mit 800px Inhalt */
#content {
	float: left;
	display: inline;
	width: 960px;
	background: #fff; }
	
/* Footer zum Teil auch leer, Abschluss der Seite, 960px */
#footer {
	clear: both;
	border-top :#fff solid 20px;	
	background:url(tvlogos/footer.gif) no-repeat center #333; 
	height: 40px;
	padding: 10px;	}

/*
/* ------- E N D E ------- */