/* Stylesheet fuer TYPO3 angepasst */
/* Typo3 mit EXT: css_styled_content */
/*

Farbschema hundesport-effretikon.ch
-----------------------------------

Verschiedene Farben f�r die Hauptinhalt-Gruppen von hell nach dunkel in 4 Stufen

Vier Farbstufen
---------------
Neutral.Stufe1			204/204/204	#CCCCCC
Neutral.Stufe2			152/152/152	#989898
Neutral.Stufe3			76/76/76	#4C4C4C
Neutral.Stufe4			61/61/61	#3D3D3D

Training in orange
Training.Stufe1			255/204/102	#FFCC66
Training.Stufe2			255/128/0	#FF8000
Training.Stufe3			128/64/0	#804000
Training.Stufe4			103/51/0	#673300

Verein in gelb
Verein.Stufe1			255/255/102	#FFFF66
Verein.Stufe2			255/255/0	#FFFF00
Verein.Stufe3			128/128/0	#808000
Verein.Stufe4			101/101/0	#656500

Kontakt in gr�n
Kontakt.Stufe1			102/255/102	#66FF66
Kontakt.Stufe2			128/255/0	#80FF00
Kontakt.Stufe3			64/128/0	#408000
Kontakt.Stufe4			51/102/0	#336600

Unbekannt in blau
Unbekannt.Stufe1		102/204/255	#66CCFF
Unbekannt.Stufe2		0/0/255		#0000FF
Unbekannt.Stufe3		0/0/128		#000080
Unbekannt.Stufe4		0/0/102		#000066

Content.Text			78/78/78	#4E4E4E

Elemente
---------
Navigation.L1.Button.Hintergrund	Stufe2
Navigation.L1.Button.Schrift		Stufe4
Navigation.L1.Button.Punktlinie		Stufe4
Navigation.L1.Button.Rand		Stufe3

Navigation.L2.Link.Over			Stufe1
Navigation.L2.Link.Act			Stufe1

Navigation.L3.Link.Over			Stufe3
Navigation.L3.Link.Act			Stufe3

Content.Seitentitel		Stufe3
Content.Seitentitel.Strich	Stufe3
Content. 9berschrift		Stufe3

Content.Tabelle.Hintergrund	Stufe1
Content.Tabelle.Zeile.Rand	Stufe3

Content.Text.Link.Over		Stufe3


/* global tags, TYPO3 unabhaengig */
body { background-color: white; margin: 0; padding: 0; z-index: 1; width: 100%; height: 100%; border: 0 }
img { border: 0 }

/* layout, TYPO3 unabhaengig */
#frameStripe  { background-color: #000080; position: fixed; z-index: 51; top: 0; left: 0; width: 130px; height: 100% }
#frameHideScroll { background-color: #ffffff; position: fixed; z-index: 71; top: 0px; left: 130px; width: 700px; height: 90px }
#frameEyes  { position: fixed; z-index: 91; top: 20px; left: 89px }
#frameLogo  { position: fixed; z-index: 91; bottom: 18px; left: 23px }
#frameHSE { position: fixed; z-index: 61; bottom: 2px; right: 2px }

/* layout homepage */
#frameHomeClaim { position:fixed; z-index: 21; top: 82px; left: 307px }
#frameHomeRandomImage { position:fixed; z-index: 21; top: 140px; left: 307px }
#frameFadingScroller { color: #000080; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 21px; text-align: center; vertical-align: middle; position: absolute; z-index: 21; top: 544px; left: 307px; width: 506px; height: 21px; border-bottom: 2px solid #000080; border-top: 2px solid #000080 }
#frameFadingScroller a { color: #000080; text-decoration: none }

/* navigation, TYPO3 unabhaengig */
#frameNaviL1 { position: fixed; z-index: 91; top: 140px; left: 0px }
.naviElemL1 { position: relative }
#frameNaviL2 {position: relative; margin-left: 10px }
.naviElemL2  { color: #ffffff; font-size: 9px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 17px; position: relative; border-top: 1px dotted #ffffff; width: 120px; height: 17px  }
.naviElemL2 a { color: #ffffff; text-decoration: none; vertical-align: middle }
.naviElemL2 a:hover { color: #CCCCCC }
.naviElemL2Act  { color: #CCCCCC; font-size: 9px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 17px; position: relative; border-top: 1px dotted #ffffff; width: 120px; height: 17px  }
.naviElemL3 { color: #4e4e4e; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; position: relative; z-index: 21; margin-bottom: 20px }
.naviElemL3 a { color: #4e4e4e; text-decoration: none; border-bottom: 1px dotted #4e4e4e }
.naviElemL3 a:hover { color: #4C4C4C }

/* content, TYPO3 unabhaengig */
#frameContent  { position: absolute; z-index: 21; left: 307px; top: 147px; width: 506px }
#pageTitle { color: #4C4C4C; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 24px; border-bottom: 2px solid #4C4C4C; margin-bottom: 24px }

/* headers, TYPO3 angepasst */
DIV.csc-header { color: #4C4C4C; font-size: 11px; font-family: Arial, Helvetica, sans-serif;  font-weight: bold; line-height: 18px; margin-bottom: 4px }

/* bodytext, TYPO3 angepasst */
P {  color: #4e4e4e; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; margin-top: 0; margin-bottom: 24px }
P A { color: #4e4e4e; text-decoration: none; border-bottom: 1px dotted #4e4e4e }
P A:hover { color: #4C4C4C }

/* images, TYPO3 angepasst */
TABLE.imgtext-table { border: 0 }
TABLE.imgtext-nowrap { border: 0 }
TABLE.imgtext-table[align=left] { position: relative; margin-left: -72px }

/* tables, TYPO3 angepasst */
TABLE.contenttable { border-top: 1px dotted #4C4C4C; border-bottom: 1px dotted #4C4C4C; border-collapse: collapse; border-spacing: 0; vertical-align: middle; width: 100%; margin-bottom: 24px }
TABLE.contenttable TR { border-top: 1px dotted #4C4C4C; border-bottom: 1px dotted #4C4C4C; border-collapse: collapse }
TABLE.contenttable TR.tr-even { background-color: #CCCCCC }
TABLE.contenttable TR.tr-0 { background-color: #CCCCCC}
TABLE.contenttable TD.td-0 { padding-left: 6px }
TABLE.contenttable P { margin: 0 }

/* bulletlists, , TYPO3 angepasst */
UL.csc-bulletlist { margin-top: 0; margin-bottom: 20px; list-style-type: circle; padding-left: 0 }
UL.csc-bulletlist LI { color: #4e4e4e; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 18px }
UL.csc-bulletlist LI A { color: #4e4e4e; text-decoration: none; border-bottom: 1px dotted #4e4e4e }
UL.csc-bulletlist LI A:hover { color: #4C4C4C }

/* uploads, TYPO3 angepasst */
TABLE.csc-uploads { border-spacing: 0; vertical-align: middle; margin-bottom: 24px }
TABLE.csc-uploads TD.csc-uploads-icon { padding-right: 6px }
TABLE.csc-uploads TD.csc-uploads-fileName { padding-right: 6px }
TABLE.csc-uploads TD.csc-uploads-fileSize { text-align: right }
TABLE.csc-uploads P { margin: 0 }
TABLE.csc-uploads P A { color: #4e4e4e; text-decoration: none; border-bottom: 1px dotted #4e4e4e }
TABLE.csc-uploads P A:hover { color: #4C4C4C }

/* formulare, TYPO3 angepasst */
.csc-mailform { border-spacing: 0; width: 100%; margin-bottom: 24px }
.csc-mailform-field { margin-bottom: 5px;}
.csc-mailform INPUT, TEXTAREA { color: #4e4e4e; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; border: 1px #4C4C4C dotted }
.csc-mailform P { margin: 0; }

/* lz_gallery (extension), , TYPO3 angepasst */
DIV.tx-lzgallery-pi1 { color: #4e4e4e; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; margin-bottom: 20px }
DIV.tx-lzgallery-pi1 A { color: #4e4e4e; text-decoration: none; border-bottom: 1px dotted #4e4e4e }
DIV.tx-lzgallery-pi1 A:hover { color: #4C4C4C }
TABLE#tx-lzgallery-pi1-fotos { margin-bottom: 8px; border-spacing: 0; width: 100% }
TABLE#tx-lzgallery-pi1-fotos TD { text-align: center; padding: 0 }
TABLE#tx-lzgallery-pi1-fotos TD A { text-align: center; border: 0 }
DIV.tx-lzgallery-pi1-3x3 IMG { border: 1px solid #808080; margin-bottom: 2px }
DIV.tx-lzgallery-pi1-1x1 { text-align: center }
DIV.tx-lzgallery-pi1-1x1 IMG { border: 2px solid #808080 }
DIV#tx-lzgallery-pi1-fotonav { text-align: center }
DIV#tx-lzgallery-pi1-fotonav A { text-decoration: none; border-bottom: 0 }
DIV#tx-lzgallery-pi1-fotonav A:hover { color: #4C4C4C }
DIV#tx-lzgallery-pi1-title { color: #4C4C4C; font-size: 11px; font-family: Arial, Helvetica, sans-serif;  font-weight: bold; line-height: 18px; margin-bottom: 4px }
UL.tx-lzgallery-pi1-listing { list-style-type: circle; padding-left: 0 }