/* Die einzelnen Elemente des CSS werden jeweils nur mit einem Wert belegt. Die
 * Einteilung ist in Abschnitte unterteilt wie: Groesse, Farbe oder Ausrichtung
 */

/* Schriftart
 */
h1,h2,h3,div,p,td,th,a,em,input,textarea {
   font-family: Arial;
}

/* Ausrichtung
 */
.headertitle,.headertitle_shade,.headerfg_shade,.headerfg,.td_desc_cell,.headerdropdown {
   text-align: right;
}
td {
   vertical-align: top
}

/* Farbwahl wie in der farbtabelle.htm definiert
 */
.black,.black:hover,.headerfg_shade {
   color: #000000;
}
.grau,.headertitle_shade {
   color: #999999;
}
a,.rot {
   color: #DD0000;
}
.gruen {
	color: #00DD00;
}
a:hover,.gelb,.headerfg,h1 {
   color: #FFCC33;
}
th,.bg-gelb,input,textarea,select {
   background-color: #FFCC33
}
.bg-grau {
   background-color: #EEEEEE;
}

legend {
	color: #000000;
}

/* Schriftgroesse und -variation
 */
h1 {
   font-size: 25px;
   text-shadow: #000000 2px 2px 2px;
}
h2 {
   font-size: 20px;
   text-shadow: #FFCC33 1px 1px 1px;
}
h3 {
   font-size: 15px;
}
tfoot td, .verysmall {
   font-size: 11px;
}
.grau,.small,.menu {
   font-size: 12px;
}
p,div,td,th,input,textarea {
   font-size: 13px;
}
.headerfg,.headerfg_shade {
   font-size: 30px;
}
.headertitle,.headertitle_shade {
   font-size: 20px;
}

/* Schriftausstattung
 */
h3,th,tfoot td {
   font-weight: bold;
}

/*
h1 {
   font-weight: normal;
}
*/

a {
   text-decoration: none;
}
.black:hover {
   text-decoration: underline;
}
label {
   text-decoration: underline;
}

/* Rahmen, Abstände
 */
body {
   margin: 1px;
}
.headerfg {
   margin-top: -37px;
   margin-right: 2px;
}
.headerfg_shade {
   margin-top: 25px;
   margin-right: 0px;
}
.headertitle {
   margin-top: -25px;
   margin-right: 2px;
}
.headertitle_shade {
   margin-top: -14px;
   margin-right: 0px;
}
.headerdropdown {
   margin-top: 0px;
   margin-right: 0px;
}
input,textarea,select {
	border:solid #CCCCCC;
	border-width:1px;
}
acronym {
   border-bottom: 1px dotted #FF0000;
}
fieldset {
   border: #FFCC33 solid;
   border-width: 1px;
   padding-left: 5px;
}

fieldset#sitemap {
	margin-top: 2px;
	border: 1px #000000 solid;
	padding-left: 10px;
}

fieldset#sitemap legend {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	color: #000000;
	font-weight: bold;
	background-color: #FFCC33;
	border: 1px #000000 solid;
}

/* Einzelne TAGs speziell definiert
 */

input:focus,input:hover {
   border: 1px solid #000000;
}

input.radio {
   border: none;
   background-color:transparent;
}

/* Diese Link-TAGs funktionieren nicht mit dem Microdoof Internet Explodierer */
a[href^="http:"] {
   background: transparent url('/bilder/outside.gif') 100% 50% no-repeat;
   padding-right: 10px;
}
a[href^="mailto:"] {
   background: transparent url('/bilder/email.gif') 100% 50% no-repeat;
   padding-right: 10px;
}
a[href^="http://sgersingen"],
a[href^="http://www.sgersingen.de"] {
   background: transparent;
   padding-right: 0px;
}
a.download {
   background: transparent url('/bilder/downld.gif') 0% 0% no-repeat;
   padding-left: 20px;
}
.menu-table {
   width: 100%;
   border: 0px;
   spacing: 0px;
   padding: 0px;
}
.bg-all {
   border: 1px solid;
   border-color: #000000;
   padding: 5px;
   spacing: 0px;
}
.bg-top-bottom {
   border-left: 1px solid;
   border-right: 1px solid;
   border-color: #000000;
   background-color: #EEEEEE;
   padding: 0px;
   spacing: 0px;
}
.bg-top-bottom-left{
   border-left: 1px solid;
   border-color: #000000;
   background-color: #EEEEEE;
   padding-top: 10px;
   padding-left: 10px;
   padding-right: 0px;
   padding-bottom: 10px;
   spacing: 0px;
}
.bg-top-bottom-right{
   border-right: 1px solid;
   border-color: #000000;
   background-image: url('/bilder/rightfade.jpg');
   background-repeat: repeat-y;
   background-color: #EEEEEE;
   padding: 0px;
   spacing: 0px;
}
.bg-top-bottom-main{
   background-image: url('/bilder/leftfade.jpg');
   background-repeat: repeat-y;
   background-color: #FFFFFF;
   padding-top: 20px;
   padding-left: 40px;
   padding-right: 20px;
   padding-bottom: 10px;
   spacing: 0px;
}
.bg-dynamic-menu{
   border-left-width:1px;
   border-right-width:1px;
   border-top-width:0px;
   border-bottom-width:1px;
   border-style:solid;
   border-color:#000000;
   spacing: 0px;
   padding: 0px;
   background-color:#282828;
   background-image:url('/bilder/mainbk.png');
   background-repeat:repeat;
}

hr {
   align: center;
   width: 75%;
   color: #EEEEEE;
}
ul {
   list-style-image: url('/bilder/ul_mark.gif');
}
td#body table {
   margin-top: 20px;
   margin-bottom: 20px;
}
th a {
   text-decoration: underline;
}
th a:link,th a:visited {
   color: #000000;
}
th a:hover {
   color: #999999;
}
th a:active {
   color: #DD0000;
}

/* Definitionen für das Menue
 */
div#menu {
   padding-top: 10px;
   width: 140px;
   text-align: center;
}
div#menu a {
   color: #000000;
   padding: 2px;
   text-align: center;
   text-decoration: none;
   display: block;
}
div#menu br {
   font-size: 5px;
}
div#menu a:link {
   border: 1px solid #999999;
}
div#menu a:visited {
   border: 1px solid #999999;
}
div#menu a:hover {
   color: #000000;
   background-color: #FFCC33;
   border: 1px solid #000000;
}
div#menu a:active {
   color: #999999;
   background-color: #EEEEEE;
   border: 1px solid #000000;
}

/* Definitionen für Fussballtabellen
 */
div#ranking img {
   padding: 0px;
}

div#ranking table{
   border: 2px solid #000000;
   border-collapse: collapse;
   margin-top: 0px;
}
div#ranking td {
   text-align: ":";
   background: #FFFFFF;
   border: 1px solid #999999;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-right: 5px;
   padding-left: 5px
}
div#ranking td.sgerang {
   text-align: ":";
   background: #FFCC33;
   border: 1px solid #999999;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-right: 5px;
   padding-left: 5px
}
div#ranking tfoot td {
   font-weight: normal;
   text-align: right;
   border: 2px solid #000000;
   border-top: 2px solid #FFCC33;
   padding: 5px;
}
div#ranking caption {
   caption-side: top;
   text-align: left;
   font-size: 11px;
}
div#ranking input {
   border: none;
   background-color:transparent;
}
h1 {
   background: transparent url('/bilder/h1_mark.gif') 0% 0% no-repeat;
   padding-left: 25px;
}
h2 {
   background: transparent url('/bilder/h2_mark.gif') 0% 0% no-repeat;
   padding-left: 20px;
}

/*
h1:first-letter {
   color: #FFCC33;
   font-weight: bold;
}
h2:first-letter {
   color: #000000;
   font-weight: bold;
}
*/

/* Definition für den Terminkalender
 */
div#termin {
   width: 140px;
}
div#termin table {
   width: 100%;
   border: 1px solid #999999;
   border-collapse: collapse;
}
div#termin thead {
   text-align: center;
}
div#termin td {
   padding-top: 1px;
   padding-left: 2px;
   padding-right: 2px;
   padding-bottom: 1px;
   border: 1px solid #999999;
}
div#termin a {
   color: #000000;
   text-decoration: none;
   font-size: 11px;
   display: block;
}

/* Definitionen für die Spielberichte
 */
div#report table{
   display: inline;
   float: right;
   margin-top: 5px;
   margin-right: 0px;
   margin-left: 10px;
   margin-bottom: 5px;
   border: 2px solid #000000;
   border-collapse: collapse;
}

div#report td table{
   margin: 0px;
   border: none;
}

div#report td.statistik {
   text-align: center;
   font-size: 11px;
   background: #FFCC33;
   border: 1px solid #999999;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-right: 5px;
   padding-left: 5px;
}

/* Definitionen für die Mitteilungen
 */
div#news table{
   border-top: 1px solid #999999;
   border-bottom: 1px solid #FFCC33;
   border-right: 1px solid #FFCC33;
   border-left: 1px solid #999999;
   margin-top: 0px;
}
div#news td {
   background: #FFFFFF;
   border: none;
}
div#news span.kopf {
   font-size: 14px;
   font-weight: bold;
}
div#news span.autor {
   font-size: 10px;
   font-weight: normal;
   color: #C0C0C0;
}
div#news span.abt {
   font-size: 11px;
   font-weight: normal;
}

div.fototxt {
	padding-top: 5px;
}

/* Definition für Fehlerboxen
*/
div.rot, div.gruen {
	border-width: 1px;
	border-style: solid;
/* Innenabstand von Text zu Rahmen */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
/* Aussenabstand von Rand zu nächstem Element */
	margin-top: 15px;
	margin-bottom: 15px;
	color: #000000;
}

div.rot {
	border-color: #DD0000;
	background-color: #FFEEEE;
}

div.gruen {
	border-color: #00DD00;
	background-color: #EEFFEE;
}

img.newsimg{
   margin-right: 5px;
   margin-bottom: 5px;
}

input.reg_on{
   background-color: #FFCC33;
}

input.reg_off{
   background-color: #999999;
}

/**
* Fuer die Tooltipbox
*/
#tooltip {
   font-family: Arial;
}

#tooltip table {
   background-color: #FFFFFF;
   border: 1px solid #DD0000;
}

#tooltip td {
   font-size: 10pt;
}

/**
* Fuer TabstripTabelle
*/
.headTable, .bodyTable {
    border-spacing: 0pt;
    margin: 0pt;
}

.headTable {
    padding-top: 10pt;
}

.tabSelected, .tabNormal {
    border-top: 1px solid #999999;
    border-right: 1px solid #666666;
    border-bottom: none;
    border-left: 1px solid #999999;
    -moz-border-radius-topleft: 5pt;
    -moz-border-radius-topright: 5pt;
    padding: 2pt 4pt 2pt 4pt;
}

.tabSelected {
    background-color: #FFCC33;
}

.tabNormal {
    background-color: #EEEEEE;
}

.tabLink {
    text-decoration: none;
    color: #000000;
    display: block;
}

.bodyTable {
	width: 100%;
	vertical-align: top;
}

.tdbodyTable {
    vertical-align: top;
    padding: 10pt 4pt 10pt 4pt;
    border-top: 1px solid #999999;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    border-left: 1px solid #999999;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
}