/* Musiktheater Friedrichshafen e.V. */
/* Guenter Reich */

/* DATEI: formate.css */

body { margin-top:4px; 
       margin-bottom:4px;
       margin-left:4px;
       margin-right:auto;
       background-color:#FFFFCC; }


/* margin-top = Abstand zwischen Fensterrand und Inhalt oben */
/* margin-bottom = Abstand zwischen Fensterrand und Inhalt unten */

/* Header 1  fuer Seitenueberschriften */
h1 { font-family:Times, serif;
       font-size:17pt;
       font-style:italic;  
       margin:0px;
       padding: 0px 0px 4px 4px;
       color:#330000 }

/* Header 2 fuer Zwischenueberschriften */
h2 { font-family:Times, serif;
       font-size:15pt;
       font-style:italic;  
	   margin:6px 0px 0px 0px;
       padding: 0px 0px 0px 4px;
       color:#330000 }

/* Header 3 fuer diverses */
h3 { font-family:Times, serif;
       font-size:14pt;
       font-style:normal;  
       text-align:left;
       margin:0px;
       padding: 0px 0px 0px 4px;
       color:#AF0000 }

/* Header 4 fuer Vorverkaufsort, Mitgliedsbeitraege, Konto */
h4 { font-family:Times, serif;
       font-size:12pt;
       font-style:normal;  
       text-align:center;
       color:#AF0000 }

/* Header 5 fuer diverses */
h5 { font-family:Times, serif;
       font-size:13pt;
       font-style:normal;  
       text-align:left;
       margin:0px;
       padding: 0px 0px 0px 4px;
       color:#330000 }

/* Header 6  fuer Menue-Eintraege */
h6 { font-family:Arial, sans-serif; 
       font-size:10pt;
       font-weight:bold;
       text-align:right;
       line-height:8pt;
       color:#A52A2A;  }

/* Standardtext fuer alles Uebrige */
p,ul,ol,li,td,div,address
   { font-family:Arial, sans-serif;
     font-size:11pt;
     font-style:normal;
     font-weight:normal;
     text-align:left;
 	 vertical-align:top;
     margin:0px;
     padding: 4px 4px 4px 4px;
     color:#330000; }

/* Listen einruecken */
li { list-style-position:inside; }
     
/* Datum fuer linksbuendige Vorstellungstermine */
p.datum { font-family:Times, serif;
          font-size:12pt;
          font-style:normal; 
          font-weight:bold;
          text-align:left;
		  vertical-align:top;
          padding: 4px 4px 4px 4px;
          color:#AF0000; }

/* fuer heute */
p.heute { font-family:Times, serif;
          font-size:17pt;
          font-style:italic;
          font-weight:bold;
          text-align:left;
          padding: 0px 2px 0px 2px;
          color:#0000AF }
          
/* Hervorhebung fuer Himmel ueber dem Bodenseee */
p.himm   { color:#0000AF; }
          
/* fuer Index bzw. Titelseite */
h1.titel { 	text-align:center;
 			font-size:2em;}
h5.titel { text-align:center; }
p.titel  { text-align:center; }

/* fuer Besetzungen etc: Linke Spalte rechtsbuendig und rechte Spalte linksbuendig */
.std {  text-align:left; 
		margin:0px;
    	padding: 4px 2px 4px 2px;  
		border-width:1px;
  		border-style:solid;
  		border-color:blue; 
  		vertical-align:top;}

/* fuer grauen Hintergrund, z.B. bei Bankverbindung */
.grau { background-color:#e6e6e6;  }

/* fuer lange Besetzungsliste */
tr.bgc { background-color:#FFFF66; }

/* fuer lange Besetzungsliste */
tr.plak { height:84px; }

/* fuer Anbieter */
td.anb { 	width:6em; }

/* fuer Jahreszahlen in der History */
td.jaz {  font-weight:bold;
     	  width:3em; }

/* fuer Links, Dank, Anbieter */
td.lrb { 	width:13em; }

/* fuer Programm Neujahrskonzert */
td.prog {	width:9em; }
			
/* fuer Plakatmotive */
td.plak {	width:84px; }
			

/* Bilder ohne Rahmen, bei Bedarf kleiner als ihre Groesse skalieren */
img {	border:0px;
		max-width:100%; }

/* Fotos und Zeitungsausschnitte mit Schatten */
img.fot { 	border:0px;
			padding: 0px;
			margin: 0px 0px 4px 0px;
			-webkit-box-shadow: 6px 6px 12px #333;
			-moz-box-shadow: 6px 6px 12px #333;
			box-shadow: 6px 6px 12px #333;
			-webkit-border-radius:10px;
			-moz-border-radius:10px;
			border-radius:10px;
			max-width:100%; }

/* fuer Bilder, die links oben stehen und von Text umflossen werden sollen */
img.liob {  float:left; 
			margin:2px 12px 4px 2px; 
			padding: 1px;
			border: 1px solid #CCC;
			-webkit-box-shadow: 3px 3px 6px #333;
			-moz-box-shadow: 3px 3px 6px #333;
			box-shadow: 3px 3px 6px #333;
			-webkit-border-radius:8px;
			-moz-border-radius:8px;
			border-radius:8px;}

/* fuer Bilder, die rechts oben stehen und von Text umflossen werden sollen */
img.reob {  float:right; 
			margin:2px 8px 4px 12px; 
			padding: 1px;
			border: 1px solid #CCC;
			-webkit-box-shadow: 3px 3px 6px #333;
			-moz-box-shadow: 3px 3px 6px #333;
			box-shadow: 3px 3px 6px #333;
			-webkit-border-radius:8px;
			-moz-border-radius:8px;
			border-radius:8px;}

/* fuer Bilder, die links oben stehen und von Text umflossen werden sollen */
img.lob {  float:left; 
			margin:2px 12px 4px 2px; 
			padding: 0px;
			border: 0px;
			-webkit-box-shadow: 3px 3px 6px #333;
			-moz-box-shadow: 3px 3px 6px #333;
			box-shadow: 3px 3px 6px #333;
			-webkit-border-radius:8px;
			-moz-border-radius:8px;
			border-radius:8px;}

/* fuer Bilder, die rechts oben stehen und von Text umflossen werden sollen */
img.rob {  float:right; 
			margin:2px 8px 4px 12px; 
			padding: 0px;
			border: 0px;
			-webkit-box-shadow: 3px 3px 6px #333;
			-moz-box-shadow: 3px 3px 6px #333;
			box-shadow: 3px 3px 6px #333;
			-webkit-border-radius:8px;
			-moz-border-radius:8px;
			border-radius:8px;}

/* ditto mit Trauerrand */
img.mem {  float:left; 
			width:160px;
			height:160px;
			border-style:solid; 
			border-width:medium;
			border-color:#333333;
			margin-top:2px;
			margin-right:8px;
            margin-bottom:4px;
            margin-left:2px; }

/* fuer Trauerrand Index-Seite */
img.tmem { border-style:solid; 
			border-width:medium;
			border-color:#333333;
			width:160px;
			height:160px;
			margin:2px; }

/* fuer Bilder der Plakate */
img.plak {  border:0px;
			width:80px;
			height:80px;
			margin-top:2px;
			margin-right:2px;
            margin-bottom:2px;
            margin-left:2px; }

/* fuer Programm-Icons u.ae. in Dank */
img.icn {	margin-top:0.4em;
			margin-right:1.6em;
            margin-bottom:0.4em;
            margin-left:0em;
            border:0px;
            text-align:left;
            vertical-align:bottom; }

/* Abstaende fuer teilen-Icons */
img.flg  { 	padding:4px 2px 0px 12px;}

/* Links */     
    a:link    { color:#A52A2A; text-decoration:underline }
    a:visited { color:#330000; text-decoration:underline }
    a:active  { color:#AF0000; text-decoration:underline }