/**********************************************************************************  */
/* STYLESHEET für FA Freiburg Homepage                                               */
/* Achim Peter, 10.07.2010                                                           */
/**********************************************************************************  */
body { font-family:arial; font-size:10pt; background:#4d87c7; }
img  { border:none; margin:0; padding:0; }
h2,h3,h4,h5,p { margin:0; padding:0; }
h2,h3,h4      { font-family:Georgia,serif; }
* { padding:0; margin:0; }

/**********************************************************************************  */
/* LAYOUT FORMATIERUNGEN */
/**********************************************************************************  */
#wrapper { margin: 20px auto 0 auto; width: 922px; background-color:#FFFFFF; border:1px solid #ccc; }
#header { width:900px; float:left; padding:30px 10px 10px 10px; margin:10px auto 0px auto; }
#header span { color:#666666; font-size:16px; }
#navigation { float: left; width: 900px; padding: 0 10px; margin:0; }
#leftcolumn { margin-bottom:20px; padding:10px; height:auto; width:718px; float:left; font-size:11pt; min-height:380px; }
#leftcolumn h2 { margin-bottom:1em; text-align:center; }
#rightcolumn { float:right; margin:0px; padding:10px; height:auto; width:160px; display:inline; border-left:1px solid #ccc; }
#footer { width:890px; clear:both; color:#666666; text-align:center; border:1px solid #ccc; background-color:#F3F2ED; margin:10px; padding:5px; }

/**********************************************************************************  */
/* MENUE: PULLDOWN-MENUE FORMATIERUNGEN */
/**********************************************************************************  */
.chromestyle{ margin-top:5px; margin-bottom:20px; }
.chromestyle:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;} /*Add margin between menu and rest of content in Firefox */
.chromestyle ul{ width:100%; background: url(menue/blockdefault.gif) center center repeat-x; padding:4px 0; margin:0; text-align:left; }
.chromestyle ul li{display:inline; }
.chromestyle ul li a{ color:white; padding:4px 7px; margin:0; text-decoration:none; border-right:1px solid white; }
/*script dynamically adds a class of "selected" to the current active menu item*/
.chromestyle ul li a:hover, .chromestyle ul li a.selected{ background: url(menue/blockactive.gif) center center repeat-x; }
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{ position:absolute; top:0; border:1px solid #AA0000; border-bottom-width:0; font:normal 12px Verdana; line-height:18px; z-index:100; background-color: white; width: 200px; visibility: hidden; }
.dropmenudiv a{ width:100%; display:block; text-indent:3px; border-bottom:1px solid #AA0000; padding:2px 0; text-decoration: none; font-weight:bold; color:black; }
.dropmenudiv a:hover{ background-color:#EBF7FF; }

/**********************************************************************************  */
/* MENUE: SIDEBAR-MENUE FORMATIERUNGEN */
/**********************************************************************************  */
#rightcolumn img { display:block; margin:0 auto 20px auto; }
#sidebar { line-height:175%; }
#sidebar h2 { font-size:110%; padding:3px 0px; text-align:center; }
#sidebar ul { list-style:none; margin:0 0 10px 0; }
#sidebar ul li a, #sidebar ul li a:visited { border-bottom:1px solid #e9e9e9; display:block; padding:2px 0px; text-align:center; text-transform:uppercase; letter-spacing:1px; font-size:10px; font-weight:bold; text-decoration: none; color:#000000; }
#sidebar ul li a:hover { background:#F3F2ED; color:#AA0000; }

/**********************************************************************************  */
/* SEITENINHALT FORMATIERUNGEN */
/**********************************************************************************  */
.startseite    { font-family:Georgia, Garamond, Times, serif; }
.startseite p  { letter-spacing:0.1em; line-height:145%; font-size:11pt; font-variant:small-caps; text-align:center; }
.startseite p:first-letter { text-transform:uppercase; }

.chronik    { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 14px; margin-left:3em; text-align:justify; }
.chronik h3 { padding:1em; margin-left:-3em; } /* JAHRESZAHLEN */
.chronik h4 { margin:0; text-align:center; color:#AA0000; padding:5px 0; }  /* Hervorhebung im Text */
.chronik p  { margin:1em 0; }
.chronik table th { font-weight:bold; text-align:left; }
.chronik table td, .chronik table th { padding:0 10px; }

.standard { text-align:center; }
.standard table td, .standard table th { padding:0 10px; }

/**********************************************************************************  */
/* SONSTIGE FORMATIERUNGEN */
/**********************************************************************************  */
.text_1{ font-family:arial; font-size:10pt; }                      /* Untertitel z.B. unter Bilder.... */
.text_2{ font-family:arial; font-size:8pt; letter-spacing:1px;  }  /* Untertitel/Beschreibung z.B. Besucher-Counter.... */
.text_3{ font-family:arial; font-size:8pt; font-style:italic; }    /* Signatur/Untertitel z.B. unter Bilder.... */

hr.trenner { margin:20px 0; background:#fff url(bilder/divider.gif) no-repeat scroll center; border:none 0px transparent; } /* <hr class="trenner" /> Grafische Trennlinie */

.fett  { font-weight:bold; }
.kursiv{ font-style:italic; }
.rot   { color:#AA0000; }

/**********************************************************************************  */
/* Mitgliederliste Clubportrait */
/**********************************************************************************  */
/* Tabelle Mitglieder */
#member tr{ vertical-align:center; text-align:left; }
#member tr:hover { background-color:#F3F2ED; }
#member td { padding:30px 0; }
#member td:first-child { font-weight:bold; width:150px; padding-left:30px; } /* NAME + Video-Link */
#member td:first-child + td { width:100px; }                                 /* BILD */
#member td:first-child + td + td { width:170px; }                            /* TEXT */
#member td:first-child + td + td + td { padding-right:30px; }                /* DATEN */
/* Credits: Dynamic Drive CSS Library */
/* URL: http://www.dynamicdrive.com/style/ */
.thumbnail{ position:relative; z-index:0; background:none; }
.thumbnail:hover{ background-color:transparent; z-index:50; }
.thumbnail span{ position:absolute; background-color:lightyellow; padding:5px; left:-1000px; border:1px dashed #AA0000; visibility:hidden; color:black; text-decoration:none; }
.thumbnail span img{ border-width:0; padding:2px; } /*CSS for enlarged image*/
.thumbnail:hover span{ visibility:visible; top:-100px; left:100px; } /* position where enlarged image should offset horizontally */

/**********************************************************************************  */
/* Standards */
/**********************************************************************************  */
/* Links: class="link" */
a.link { background:url('bilder/arrow_blue.gif') no-repeat left; text-decoration: none; padding-left:14px; }
a.link:hover { color: #ffffff; background: #AA0000 url(bilder/arrow_white.gif) no-repeat left; }

/**********************************************************************************  */
/* TABELLEN */
/**********************************************************************************  */
/* Tabelle class="tabelle": Ergebnistabelle + FA-Ergebnis farblich hervorheben */
.tabelle       { border:1px solid black; background-color:#F8F8F8; border-collapse:collapse; font-family:verdana,tahoma,sans-serif; font-size:11px;
                 margin-bottom:10px; }
.tabelle thead { background-color:#ACC5E0; text-align:left; color:#333366; font-weight:bold; }
.tabelle thead td { padding:5px 2px; }
.tabelle tbody td { padding:2px 2px; font-size:11px; }
.tabelle tr.fa { background-color:#AA0000; color:#ffffff; }

/* Ergebnistabelle Saisonspiele */
#result { border-collapse:collapse; background:#EFF4FB url('bilder/teaser.gif') repeat-x; width:95%;
          border-left:1px solid #686868; border-right:1px solid #686868; font:0.8em/145% 'Trebuchet MS',helvetica,arial,verdana; color: #333; }
#result td, th { padding:5px; }
#result caption { padding: 0 0 .5em 0; text-align: left; font-size: 1.4em; font-weight: bold; text-transform: uppercase; color: #333; background: transparent; }
/* =links
----------------------------------------------- */
#result a { color:#950000; text-decoration:none; }
#result a:link {}
#result a:visited { font-weight:bold; color:#AA0000; }
#result a:hover { border-bottom: 1px dashed #bbb; }
/* =head =foot
----------------------------------------------- */
#result thead th, tfoot th, tfoot td { background:#333 url('bilder/llsh.gif') repeat-x; color:#fff; }
#result tfoot td { text-align:right; }
/* =body
----------------------------------------------- */
#result tbody th, tbody td { border-bottom: dotted 1px #333; }
#result tbody th { white-space: nowrap; }
#result tbody th a { color:#333; }
#result .odd {}
#result tbody tr:hover { background:#fafafa }