/* CSS Document */

/* grundsaetzliche Formatierungen */
body { margin: 0; padding: 0; text-align: center; font-family: Monotype Corsiva, Trebuchet MS, Verdana, Lucida Sans Unicode; color: #333333; background-color: #FFFFEA; }

/* Box fuer Titelbild oben */
#gesamt { margin: 0px auto 0px auto; width: 975px; height: 125px; text-align: left; background: url(../images/K1975125.png); }

/* ueberschrift Boxen fuer Seitentitel und Anno1881 */
#header1 { position: absolute; top: 0px; margin: 78px 0px 0px 162px; width: 332px; height: 40px; text-align: left; background: url(../images/K633240.png); }
#header2 { position: absolute; top: 0px; margin: 82px 0px 0px 745px; width: 100px; height: 25px; text-align: left; background: url(../images/K710025.png); }

/* Hintergrundbilder Linke und Rechte Leiste */
#hintergrund1 { position: absolute; top: 0px; margin: 125px 0px 0px 0px; width: 100px; height: 450px; text-align: left;
				background: url(../images/L1100450.png); }
#hintergrund2 { position: absolute; top: 0px; margin: 125px 0px 0px 875px; width: 100px; height: 450px; text-align: left;
				background: url(../images/R1100450.png); }

/* Verschiedene Textboxen */
/* 1 grosse Box */
#inhalt10 {
	position: absolute;
	top: 0px;
	margin: 150px 0px 0px 105px;
	width: 765px;
}
#inhalt11 { position: absolute; top: 0px; margin: 125px 0px 0px 105px; width: 765px; background-color: #FFFFEA; }
/* 1 Box*/
#inhalt30 { float: left; margin: 0px; width: 764px; padding: 5px 0px 5px 0px; background-color: #FFFFEA; }
#inhalt30b { float: left; margin: 0px; width: 764px; padding: 5px 0px 5px 0px; background: url(../images/Hin107575.png);
			 border-style: solid; border-color: #999999; border-width: 1px; }

/* fuer 2 Boxen */
#inhalt31 { float: left; margin: 0px; width: 382px; padding: 5px 0px 5px 0px; background-color: #FFFFEA; }
/* fuer 3 Boxen */
#inhalt32 { float: left; margin: 0px; width: 254px; padding: 5px 0px 5px 0px; background-color: #FFFFEA; }
/* fuer 4 Boxen */
#inhalt33 { float: left; margin: 0px; width: 191px; padding: 5px 0px 5px 0px; background-color: #FFFFEA; }
/* fuer 5 Boxen */
#inhalt34 { float: left; margin: 0px; width: 153px; padding: 5px 0px 5px 0px; background-color: #FFFFEA; }
/* fuer 6 Boxen */
#inhalt35 { float: left; margin: 0px; width: 127px; padding: 5px 0px 5px 0px; background-color: #FFFFEA; }
/* fuer 7 Boxen */
#inhalt36 { float: left; margin: 0px; width: 109px; padding: 5px 0px 5px 0px; background-color: #FFFFEA; }

/* Boxen fuer die Navigationselemente Senkrecht und Waagerecht */
#navigation10 { position: absolute; margin: 121px 0px 0px 0px; width: 100px; height: 250px; }
#navigation20 { position: absolute; margin: 121px 0px 0px 875px; width: 100px; height: 250px; text-align: left; }
#navigation30 { position: absolute; margin: 124px 0px 0px 162px; width: 708px; height: 20px; text-align: center; }

/* Formatierungen fuer Senkrechte und Waagerechte Navigationsleisten */
ul#nav10 { position: absolute; margin: 0px; padding: 0px; text-align: center; }
ul#nav30 { list-style-type: none; display: inline; margin: 0px; padding: 0px; }

/* Grundformatierungen fuer Linke und Rechte Navigationsleiste */
li#hauptnav11, li#hauptnav12, li#hauptnav13, li#hauptnav21, li#hauptnav22, li#hauptnav23 {
				top: 0px; padding: 0px; height: 24px; font-size: 16px; list-style-type: none; text-align: center; }

/* Linke Navigationsleiste */
li#hauptnav11 { background: url(../images/N109024.png) no-repeat; margin: 2px 2px 3px 8px; width: 90px; }
li#hauptnav12 { background: url(../images/N108024.png) no-repeat; margin: 2px 5px 3px 15px; width: 80px; }
li#hauptnav13 { background: url(../images/N107024.png) no-repeat; margin: 2px 9px 3px 21px; width: 70px; }
/* Rechte Navigationsleiste */
li#hauptnav21 { background: url(../images/N109024.png) no-repeat; margin: 2px 8px 3px 2px; width: 90px; }
li#hauptnav22 { background: url(../images/N108024.png) no-repeat; margin: 2px 15px 3px 5px; width: 80px; }
li#hauptnav23 { background: url(../images/N107024.png) no-repeat; margin: 2px 21px 3px 9px; width: 70px; }
/* Formatierung des 1.Buchstaben in der Linken und Rechten Navigationsleiste */
li#hauptnav11:first-letter, 
li#hauptnav12:first-letter, 
li#hauptnav13:first-letter, 
li#hauptnav21:first-letter, 
li#hauptnav22:first-letter, 
li#hauptnav23:first-letter { color: #CC0000; font-size: 19px; font-weight: bolder; }

/* Formatierung der Senkrechten Navigations Links */
#hauptnav11 a:link, #hauptnav12 a:link, #hauptnav13 a:link,
#hauptnav21 a:link, #hauptnav22 a:link, #hauptnav23 a:link { text-decoration: none; text-align: center; color: #333333; font-size: 16px; }
#hauptnav11 a:visited, #hauptnav12 a:visited, #hauptnav13 a:visited,
#hauptnav21 a:visited, #hauptnav22 a:visited, #hauptnav23 a:visited { text-decoration: none; color: #333333; }
#hauptnav11 a:hover, #hauptnav12 a:hover, #hauptnav13 a:hover,
#hauptnav21 a:hover, #hauptnav22 a:hover, #hauptnav23 a:hover { text-decoration: none; color: #CC0000; }
#hauptnav11 a:active, #hauptnav12 a:active, #hauptnav13 a:active,
#hauptnav21 a:active, #hauptnav22 a:active, #hauptnav23 a:active { text-decoration: none; color: #CC0000; }
#hauptnav11 a:first-letter, #hauptnav12 a:first-letter, #hauptnav13 a:first-letter,
#hauptnav21 a:first-letter, #hauptnav22 a:first-letter, #hauptnav23 a:first-letter { color: #CC0000; font-size: 20px; font-weight: bolder; }

/* Grundformatierung fuer Waagerechte Navigationsleiste */
li#hauptnav31, li#hauptnav32 { list-style-type: none; display: inline; float: left; top: 0px; height: 20px; font-size: 16px; }
/* Waagerechte Navigationsleiste */
li#hauptnav31 { background: url(../images/N1019020.png) left top no-repeat; top: 0px; height: 20px; padding: 0px 1px 0px 2px; margin: 0px; text-align: left; list-style-type: none;
				display: inline; float: left; font-size: 16px; }
li#hauptnav32 { background: url(../images/N111020.png) right no-repeat; top: 0px;  height: 20px; padding: 0px 2px 0px 0px; margin: 0px;  list-style-type: none; width: 2px; float: left; }
/* Formatierung des 1.Buchstaben in der Waagerechten Navigationsleiste */
li#hauptnav31:first-letter { color: #CC0000; font-size: 16px; font-weight: bold; }

/* Formatierung der Waagerechten Navigations Links */
#hauptnav31 a:link {  text-decoration: none; text-align: left; color: #333333; font-size: 16px; padding: 0px 1px 0px 2px; }
#hauptnav31 a:visited { text-decoration: none; color: #333333; padding: 0px 1px 0px 2px; }
#hauptnav31 a:hover { text-decoration: none; color: #CC0000; font-size: 16px; padding: 0px 1px 0px 2px; }
#hauptnav31 a:active { text-decoration: none; color: #CC0000; padding: 0px 1px 0px 2px; } 
#hauptnav31 a:first-letter { color: #CC0000; font-size: 16px; font-weight: bold; }

/* Grundformatierung fuer die ueberschriften der einzelnen Seiten */
#startseite,
#termine,
	#fasnacht,
	#herbstfest,
	#stadtfest,
	#sonstige,
#chronik,
	#kurzum,
	#gruendung,
	#damals,
	#heute,
	#narrenbaum,
	#rueckblick,
#texte,
	#badnerlied,
	#burgerwehrlied,
	#sprueche,
	#download,
#galerie,
#links,
	#links2,
	#links3,
#kontakt,
#impressum,
#intern { position: absolute; top: 0px; margin: 78px 0px 0px 162px; width: 332px; height: 40px; text-align: left; }
/* ueberschriften der einzelnen Seiten */
#startseite { background: url(../bilder/startseite/startseite.png); }
#termine { background: url(../bilder/termine/termine.png); }
	#fasnacht { background: url(../bilder/termine/terminefasnacht.png); }
	#herbstfest { background: url(../bilder/termine/termineherbstfest.png); }
	#stadtfest { background: url(../bilder/termine/termineschweizerfeiertag.png); }
	#sonstige { background: url(../bilder/termine/terminesonstige.png);}	
#chronik { background: url(../bilder/chronik/chronikgrusswort.png); }
	#kurzum { background: url(../bilder/chronik/chronikkurzum.png); }
	#gruendung { background: url(../bilder/chronik/chronikgruendung.png); }
	#damals { background: url(../bilder/chronik/chronikzimmerer.png); }
	#heute { background: url(../bilder/chronik/chronikzimmerer.png); }
	#narrenbaum { background: url(../bilder/chronik/chroniknarrenbaum.png); }
	#rueckblick { background: url(../bilder/chronik/chronikrueckblick.png); }	
#texte { background: url(../bilder/texte/textezunftlied.png); }
	#badnerlied { background: url(../bilder/texte/textebadnerlied.png); }
	#burgerwehrlied { background: url(../bilder/texte/texteburgerwehrlied.png); }
	#sprueche { background: url(../bilder/texte/textespruecheundreime.png); }
	#download { background: url(../bilder/texte/textedownload.png);}
#galerie { background: url(../bilder/galerie/galerie.png); }
#links { background: url(../bilder/links/links.png); }
	#links2 { background: url(../bilder/links/mehrlinks.png); }
	#links3 { background: url(../bilder/links/utilities.png); }
#kontakt { background: url(../bilder/kontakt/kontakt.png); }
#impressum { background: url(../bilder/impressum/impressum.png); }
#intern { background: url(../bilder/intern/intern.png); }

/* Formatierung des allgemeinen Links */
a:link { text-decoration: underline; color: #990000; }
a:visited { text-decoration: none; color: #000000; }
a:hover { text-decoration: none; color: #000000; }
a:active { text-decoration: none; color: #000000; }
/*a:link a:first-letter { text-decoration: none; color: #CC0000; font-weight: bolder; }*/

/* Aufhebung des 3 Pixel Bug im IE7 */
/*html #inhalt { height: 1%; }*/

/* Formatierung der ueberschrift H1 H2 */
h1 { 
padding: 5px 15px 5px 15px; margin: 0px; text-align: center; font-size: 17px; font-weight: bold; }
h2 { 
padding: 5px 15px 5px 15px; margin: 0px; text-align: left; font-size: 17px; font-weight: bold; }
h3 { padding: 5px 15px 5px 15px; margin: 0px; text-align: center; font-size: 17px; font-weight: bold; }
h3:first-letter { font-size: 20px; font-weight: bolder; color: #CC0000; }
/* Formatierung von Absatz */
p { padding: 2px 18px 2px 18px; margin: 0px; }

/* Formatierung eigener Schriften */
/* Schriftgroesse 22px */
.tlinks22, .trechts22, .tblock22, .tcenter22 { 
padding: 2px 18px 2px 18px; margin: 0px; font-size: 22px; }
.tlinks22 { text-align: left; }
.trechts22 { text-align: right; }
.tblock22 { text-align: justify; }
.tcenter22 { text-align: center; }

.tlinksr22, .trechtsr22, .tblockr22, .tcenterr22 { 
padding: 2px 18px 2px 18px; margin: 0px; font-size: 22px; }
.tlinksr22 { text-align: left; }
.trechtsr22 { text-align: right; }
.tblockr22 { text-align: justify; }
.tcenterr22 { text-align: center; }
.tlinksr22:first-letter, .trechtsr22:first-letter, .tblockr22:first-letter, .tcenterr22:first-letter { 
font-weight: bolder; color: #CC0000; font-size: 25px; }

/* Schriftgroesse 19px */
.tlinks19, .trechts19, .tblock19, .tcenter19 { 
padding: 2px 18px 2px 18px; margin: 0px; font-size: 19px;/ }
.tlinks19 { text-align: left; }
.trechts19 { text-align: right; }
.tblock19 { text-align: justify; }
.tcenter19 { text-align: center; }

.tlinksr19, .trechtsr19, .tblockr19, .tcenterr19 { 
padding: 2px 18px 2px 18px; margin: 0px; font-size: 19px; }
.tlinksr19 { text-align: left; }
.trechtsr19 { text-align: right; }
.tblockr19 { text-align: justify; }
.tcenterr19 { text-align: center; }
.tlinksr19:first-letter, .trechtsr19:first-letter, .tblockr19:first-letter, .tcenterr19:first-letter { 
font-weight: bolder; color: #CC0000; font-size: 23px; }

/* Schriftgroesse 17px */
.tlinks17, .trechts17, .tblock17, .tcenter17 { 
padding: 2px 18px 2px 18px; margin: 0px; font-size: 17px;/ }
.tlinks17 { text-align: left; }
.trechts17 { text-align: right; }
.tblock17 { text-align: justify; }
.tcenter17 { text-align: center; }

.tlinksr17, .trechtsr17, .tblockr17, .tcenterr17 { 
padding: 2px 18px 2px 18px; margin: 0px; font-size: 17px; }
.tlinksr17 { text-align: left; }
.trechtsr17 { text-align: right; }
.tblockr17 { text-align: justify; }
.tcenterr17 { text-align: center; }
.tlinksr17:first-letter, .trechtsr17:first-letter, .tblockr17:first-letter, .tcenterr17:first-letter { 
font-weight: bolder; color: #CC0000; font-size: 21px; }

/* Schriftgroesse 16px */
.tlinks16, .trechts16, .tblock16, .tcenter16 { 
padding: 2px 18px 2px 18px; margin: 0px; font-size: 16px; }
.tlinks16 { text-align: left; }
.trechts16 { text-align: right; }
.tblock16 { text-align: justify; }
.tcenter16 { text-align: center; }

.tlinksr16, .trechtsr16, .tblockr16, .tcenterr16 { 
padding: 2px 18px 2px 18px; margin: 0px; font-size: 16px; }
.tlinksr16 { text-align: left; }
.trechtsr16 { text-align: right; }
.tblockr16 { text-align: justify; }
.tcenterr16 { text-align: center; }
.tlinksr16:first-letter, .trechtsr16:first-letter, .tblockr16:first-letter, .tcenterr16:first-letter { 
font-weight: bolder; color: #CC0000; font-size: 20px; }

/* Schriftgroesse 15px */
.tlinks15, .trechts15, .tblock15, .tcenter15 { 
padding: 2px 18px 2px 18px; margin: 0px; font-size: 15px; }
.tlinks15 { text-align: left; }
.trechts15 { text-align: right; }
.tblock15 { text-align: justify; }
.tcenter15 { text-align: center; }

.tlinksr15, .trechtsr15, .tblockr15, .tcenterr15 { 
padding: 2px 18px 2px 18px; margin: 0px; font-size: 15px; }
.tlinksr15 { text-align: left; }
.trechtsr15 { text-align: right; }
.tblockr15 { text-align: justify; }
.tcenterr15 { text-align: center; }
.tlinksr15:first-letter, .trechtsr15:first-letter, .tblockr15:first-letter, .tcenterr15:first-letter { 
font-weight: bolder; color: #CC0000; font-size: 19px; }

/* Schriftgroesse 14px */
.tlinks14, .trechts14, .tblock14, .tcenter14, .tlcenter14 { 
padding: 0px 18px 0px 18px; margin: 0px; font-size: 14px; }
.tlinks14 { text-align: left; }
.trechts14 { text-align: right; }
.tblock14 { text-align: justify; }
.tcenter14 { text-align: center; }
.tlcenter14 { text-align: center; }

.tlinksr14, .trechtsr14, .tblockr14, .tcenterr14 { 
padding: 0px 18px 0px 18px; margin: 0px; font-size: 14px; }
.tlinksr14 { text-align: left; }
.trechtsr14 { text-align: right; }
.tblockr14 { text-align: justify; }
.tcenterr14 { text-align: center; }
.tlinksr14:first-letter, .trechtsr14:first-letter, .tblockr14:first-letter, .tcenterr14:first-letter { 
font-weight: bolder; color: #CC0000; font-size: 18px; }

/* Schriftgroesse 12px */
.tlinks12, .trechts12, .tblock12, .tcenter12, .tlcenter12 { 
padding: 0px 18px 0px 18px; margin: 0px; font-size: 12px; }
.tlinks12 { text-align: left; }
.trechts12 { text-align: right; }
.tblock12 { text-align: justify; }
.tcenter12 { text-align: center; }
.tlcenter12 { text-align: center; }

.tlinksr12, .trechtsr12, .tblockr12, .tcenterr12 { 
padding: 0px 18px 0px 18px; margin: 0px; font-size: 12px; }
.tlinksr12 { text-align: left; }
.trechtsr12 { text-align: right; }
.tblockr12 { text-align: justify; }
.tcenterr12 { text-align: center; }
.tlinksr12:first-letter, .trechtsr12:first-letter, .tblockr12:first-letter, .tcenterr12:first-letter { 
font-weight: bolder; color: #CC0000; font-size: 16px; }

.galnavil, .galnavir {
padding: 0px; margin: 0px; font-size: 14px; }
.galnavil { text-align: left; border: none; border-color: #FFFFEA; }
.galnavir { text-align: right; border: none; border-color: #FFFFEA; }
.galnavil:first-letter, .galnavir:first-letter {
font-weight: bolder; color: #CC0000; font-size: 18px; }

/* Tabellenformatierungen fuer Termine und Galerienavigation*/

table { width: 764px; border-style: none; border-color: #FFFFEA; border-width: 0px; }
.table { width: 720px; margin: 0px 22px 0px 22px; border-collapse: collapse; border: 2px solid #999999; }
.tablerahm { border: none; border-width: 0px; border-color: #FFFFEA; border-style: none; }
.tableo { width: 720px; margin: 0px 22px 0px 22px; border-collapse: collapse; border-width: 0px; }
.tablenone { width: 764px; margin: 0px 0px 0px 0px; border-color: #FFFFEA; border-collapse: collapse; border-width: 0px; }

.sp1 { width: 10%; }
.sp2 { width: 10%; }
.sp3 { width: 36%; }
.sp4 { width: 10%; }
.sp5 { width: 34%; }
.sp6 { width: 33%; }
.sp31 { width: 46%; }
.sp11 { width: 45%; }
.sp12 { width: 10%; }
.sp13 { width: 55%; }
.sp51 { width: 99%; }

.sp52l { width: 15px; text-align: left; }
.sp52r { width: 15px; text-align: right; }

.gerade {background: url(../images/Hin107575.png); color: #000000; }

tr { height: 18px; }
.trrahm { border: 0px; }
td { padding: 2px 5px 2px 5px; border: 1px solid #CCCCCC; text-align: center; }
.tdrahm { padding: 0px; border: 0px; text-align: center;}

caption { padding: 0px 0px 0px 0px; margin: 0px -10px 0px -10px; font-size: 18px; font-weight: bolder; text-align: left; 
		  font-size: 20px; }
.cap1:first-letter { font-weight: bolder; color: #CC0000; font-size: 20px; }