/* DATEI: tarrasch.css                              			*/
/*      CSS Style Sheet für Tarrasch Homepage       			*/
/*																												*/
/*  Änderungsindex                                  			*/
/*  Version		Datum 		Wer     Was             					*/
/*  V1.10     25.09.11  RHu     kein Zugriff auf /pict2  	*/
/*  V1.00     17.06.10  RHu     neu             					*/
/*  V1.01     08.06.16  RHu     kleinere Formatänderungen	*/
/**********************************************************/

/*******************************************************************************
** Formate für Seiteninhalt
*******************************************************************************/

/* aus form2.css */
a:link    { color: #BB2255 }
a:visited { color: #990033 }
a:active  { color: #BB2255 }


body /* aus form2.css */
  {
  color:         #000000;
  background:    #FFFFE4;
  font-family:   Arial,Helvetica,sans-serif;
  font-size:     10pt;
  padding:       0;
  margin:        0;
  }

h1 {
	text-align:center;
	padding-top:12pt;
	font-family:Arial,Helvetica,sans-serif;
	font-size:20pt;
	color:#660033;
}

h2 {
	text-align:center;
	padding-top:12pt;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14pt;
	font-weight:bold;
	color:#660033;
	width: 550pt;
	margin-left: 20pt;
}


h3 {
	text-align:center;
	padding-top:10pt;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12pt;
	font-weight:bold;
	color:#660033;
	width: 550pt;
	margin-left: 20pt;
}

h5
  {
  clear:         both;
  color:         #660033;
  font-family:   'Book Antiqua','Times New Roman',Times,serif;
  font-size:     12pt; /* 120%; */
  font-weight:   bold;
  text-align:    left;
  margin:        15px 20px 1px 85px;
  text-indent:   -75px;
  }

/****************************************************/
img  /* aus form2.css */
  {
  border:  0;
  margin:  0;
  }

img.logo
{
	float: left;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 0px
}

img.picleft   /* aus form2.css */

{
	float:left;
	width:auto;
	margin:4px 10px 0px 0px;
	font-family:'Microsoft Sans Serif','MS Sans Serif',Verdana,Arial,Geneva,sans-serif;
	font-size:8pt;
	text-align:center;
}

img.picright  /* aus form2.css */

{
	float:right;
	width:auto;
	margin:4px 0px 0px 10px;
	font-family:'Microsoft Sans Serif','MS Sans Serif',Verdana,Arial,Geneva,sans-serif;
	font-size:8pt;
	text-align:center;
}

/****************************************************/
p
  {
  font-family:  Arial,Helvetica,sans-serif;
  line-height:  120%;
  margin:       2px 2px 6px 2px;
  font-size:		10pt;
  text-align:   justify;
  }

p.runde {
	font-weight:bold;
	color:#000;
	background-color:#EDEBDE;
  	text-align: center;
}

p.melde
  {
  margin: 4px 20px 5px 40px;
  }
  
p.utklein
  {
  margin:      1px 1px 1px 1px;
  font-family: 'Microsoft Sans Serif','MS Sans Serif',Verdana,Arial,Geneva,sans-serif;
  line-height: normal;
  font-size:   8pt;
  text-align:  center;
  }
  

.justify {
    padding: 2pt;
	text-align:justify;
}

.linksb { /* aus form2.css */
  text-align: left;
}

.rechtsb { /* aus form2.css */
  text-align: right;
}

.center 
  {
  text-align: center;
}

.fett
  {
  font-weight:bold;
}


.pt12
  {
  font-size:		12pt;
}

/* nicht weiterverwenden -> .rechtb */
.rb
	{
		text-align:right;
	}

/* nicht weiterverwenden -> .zentr */
.z
	{
		text-align:center;
	}

/****************************************************/

table.t1 {
	border:1px;
	border-color:#800080;
	border-collapse: collapse;
	border-style:solid;
	width: 650pt;
	margin: auto;
}

table.t2 {
	border:1px;
	border-color:#800080;
	border-collapse: collapse;
	border-style:solid;
	width: 550pt;
	margin: auto;
}

table#wertetab   {
	margin:0px 0px 0px 25px;
	background-color: #990033;
}

th {
	font-family:Arial,Helvetica,sans-serif;
	font-size:12pt;
	text-align:left;
	border:1px;
	border-color:#800080;
	border-collapse: collapse;
	border-style:solid;
	padding: 5px;
}

tr.ungerade  {
	background-color:#FFFFE4;
  text-align: center;
	}

tr.gerade {
	background-color:#EDEBDE;
/*	background-color:#FFE3CC; */
  text-align: center;
	}

tr.kopfzeile {
	font-size:12pt;
  font-weight: bold;
	background-color:#EDEBDE;
	height: 50px;
  }

tr.tabkopf { 
	font-size:12pt; 
	color:#FFF; 
	text-align:center; 
	background-color:#BB2255; 
}


td {
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt;
	text-align:left;
	border:1px;
	border-color:#800080;
	border-collapse: collapse;
	border-style:solid;
	padding: 5px;
}

td.gelb {
	background-color:#EDEBDE;
	text-align:center;
	vertical-align:center;
}


/* =========================== aus forms2.css ==================================*/

div
  {
  z-index:      10;
  font-weight:  normal;
  font-style:   normal;
  text-align:   justify;
  color:        #000000;
  width:        auto;
  height:       auto;
  padding:      0;
  margin:       auto;
  border:       0 solid #000000;
  position:     relative;
  }

/* Um das Ausgabefenster in allen Browsern exakt zu treffen,
** brauchen wir zwei geschachtelte DIVs: basis und ausgabe */
div.basis  /* Alles unterm Kopf */
  {
  background:  #FFFFE4;
  position:    absolute;
  top:         0px;
  left:        0;
  width:       100%;
  padding:     20px 0 20px 0;
  }

div.ausgabe  /* der eigentlich beschreibbare Bereich, muss in basis sein  */
  {
  margin:     0;
  padding:    0;
  height:     100%;
  }

div.bild-links
  {
  display:  inline;
  width:    auto;
  float:    left;
  top:      0;
  margin:   4px 5px 1px 40px;
  }
  
div.bild-rechts
  {
  display:  inline;
  width:    auto;
  float:    right;
  top:      0;
  margin:   4px 5px 1px 40px;
  }

div.link
  {
  width :      220px;
  position:    absolute;
  background:  #FFC4FF;
  border:      1px solid #AA80AA;
  }

/*******************************************************************************
** Formate für Terminübersicht termine.htm
*******************************************************************************/

td.tabkopf { 
	font-weight:bold; 
	font-size:12pt; 
	color:#FFF; 
	text-align:center; 
	background-color:#BB2255; 
}

td.monat { 
	background-color:#EDEBDE; 
	font-weight:bold; 
	color:#660033; 
	font-size:12pt; 
	height:50px; 
	vertical-align: middle; 
	text-align: center;
}

td.col_jahr { 
	text-align:center; 
	width:40px;
	vertical-align:center;
}

td.col_tag { 
	text-align:center; 
	width:55px;
	vertical-align:center;
}

td.col_zahl { 
	text-align:center; 
	width:30px;
	vertical-align:center;
}
td.col_datum  { 
	text-align:center;
	width:70px;
	vertical-align:center;
}
td.col_uhrzeit { 
	text-align:center; 
	width:55px;
	vertical-align:center;
}
td.col_termin { 
	text-align:left; 
	width:550px;
	vertical-align:center;
}

td.noframe {
	  border-width: 0;
	}

/*******************************************************************************
** Formate für Navbar
*******************************************************************************/
#navcontainer { 
   width:100%;
   margin:23px 20px 0px 20px;
   border:0px;
   padding:0px;
   line-height:normal;
   text-align:left; }
#navcontainer ul { 
   margin:0px 0px 0px 6px;
   padding:0px;
   background:transparent; }
#navlist li  { 
	display:inline;
   list-style-type: none;
   margin:-1.5px;
   padding:0px;
   font-family:'Microsoft Sans Serif','MS Sans Serif',Arial,Helvetica,sans-serif;
   font-size:12px; }
#navlist a { 
	float:left;
   background:url('images/Rahmen/tablinks.gif') no-repeat left top;
   margin:0px;
   color:#FFF;
   text-decoration:none; padding-left:5px; padding-right:0px; padding-top:0px; padding-bottom:0px }
#navlist a span { 
	float:left;
   display:block;
   background:url('images/Rahmen/tabrechts.gif') no-repeat right top;
   color:#FFF; padding-left:5px; padding-right:14px; padding-top:5px; padding-bottom:4px }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navlist a span  {float:none;}

/* End IE5-Mac hack */

#navlist a:hover span { color:#FFF; }
#navlist a:hover { background-position:0% -42px; }
#navlist a:hover span { background-position:100% -42px; }
    
    
/*******************************************************************************
** Formate für Rahmen und Menüsteuerung über Javascript
*******************************************************************************/
  
div.pos  {
  position: absolute;
  }

div.pos-ur  {
  position: absolute;
  right:    0;
  bottom:   0;
  }

div.rkopf  {
  background:    url(/admin/images/Grafik/tarrasch1.jpg) no-repeat left center;
  font-family:   "Book Antiqua", "Times New Roman", "Times", serif;
  position:      absolute;
  top:           0;
  width:         680px;
  height:        90px;
  margin:        0 0 0 20px;
  }

div.rkopf-i  {
  background:    url(/admin/images/Grafik/tarrasch1i.jpg) no-repeat left center;
  font-family:   "Book Antiqua", "Times New Roman", "Times", serif;
  position:      absolute;
  top:           0;
  width:         680px;
  height:        90px;
  margin:        0 0 0 20px;
  }

div.rmenu  {
  background:  #EDEBDE url(/admin/images/Rahmen/rahmen_menu.jpg) no-repeat top right;
  z-index:     20;
  position:    absolute;
  top:         100px;
  left:        0;
  height:      auto;
  width:       120px;
  padding-top: 30px;
  }

div.rfuss  {
  height:      1.2em;
  margin-top:  0;
  padding-top: 2px;
  z-index:     99;
  font-size:   80%;
  background:  #E1E0D2;
  position:    fixed;
  top:         auto;
  right:       auto;
  bottom:      0;
  left:        0;
  width:       100%;
  }

div.rfuss-kern  {
  width:       95%;
  position:    relative;
  background:  #DDBB99;
  }

p.rmenu  {
  margin-bottom:  10px;
  text-align:     center;
  }

p.rfuss  {
  position:absolute;
  top:0;
  margin:0;
  }

a.rmenu  {
  text-decoration: none;
  }