/***********************/
/***** used colors *****/
/***********************/
/*
4F4F4F: - sidebar font, incl. agenda
        - naviTop font
        - dropdown font
        - naviTop dashed
        - sponsoren dashed

6F6F6F: - agenda 'sunday'
        - guestbook date & entry no.
        - news author & art. no.

8F8F8F: - webservice footnote
        - bottomLine gif
        - bottom copyright wildpigs

AFAFAF: - tooltip frame
        - dropdown frame
        - design by thomas gif

DDDDDD: - table title background
        - tooltip background
        - dropdown background

EFEFEF: - agenda alternate background

EBDFBE: - sidebar background

FF7F00: - font for links (orange)
*/


/*****************************/
/***** general formating *****/
/*****************************/
a:visited { text-decoration:none; font-weight:normal; color:#FF7F00; }
a:link { text-decoration:none; font-weight:normal; color:#FF7F00; }
a:hover { text-decoration:underline; font-weight:normal; color:#FF7F00; }
a:active { text-decoration:none; color:#FF7F00; }
a:focus { text-decoration:underline; color:#FF7F00; }

html {
    overflow-x:hidden; /* horizontaler Scrollbar im IE wird vermieden */
    overflow-y: scroll; /* Damit Scrollbar in Firefox immer angezeigt wird */
}
body {
    color:black; background-color:white;
    font-size:13px;
    font-family: 'Trebuchet MS',Arial,sans-serif;
    margin:0; padding:0;
    text-align:justify;
}
option, select, input, textarea {
    font-size:13px;
    font-family: 'Trebuchet MS',Arial,sans-serif;
}
table {border-collapse:collapse; width:100%;}
table#fotogalerie { font-size:15px; }
td {padding:0px; vertical-align:top;}
th {padding:0px; margin:0px; vertical-align:top;}
img {border-color:black;}
h1 {
   font-size:14px; font-weight:bold; text-align:left;
   margin:0px; padding:0px; padding-bottom:3px;
}
h2 {
   font-size:14px;
   margin-top:40px; margin-bottom:10px; padding:0px;
}
h2#space {
   margin-bottom:0px; font-size:13px; font-weight:normal;
}
h3 {
   font-size:12px;
   margin-top:20px; margin-bottom:10px; padding:0px;
}
.center {text-align:center;}
.right {text-align:right; padding-right:10px;}


/*******************/
/***** tooltip *****/
/*******************/
.bgClass table {
   width:200px; background-color:white;
}
.captionClass {
   background-color:#DDDDDD;
   font-weight:bold; font-size:11px; color:blue; text-align:left;
   padding:5px;
   border-left:2px solid #AFAFAF; border-top:2px solid #AFAFAF;
}
.closeClass {
   background-color:#DDDDDD;
   font-size:10px; vertical-align:top; text-align:right;
   padding:5px;
   border-right:2px solid #AFAFAF; border-top:2px solid #AFAFAF;
}
.textClass {
   font-size:11px; text-align:left;
   padding:5px;
   border-right:2px solid #AFAFAF; border-left:2px solid #AFAFAF; border-bottom:2px solid #AFAFAF;
}


/****************/
/***** head *****/
/****************/
.widthLeft {width:auto;}
.widthCenter {width:760px;}
/* head height is given by the div & pixel.gif (in head.php) and the line-hight (dropdown.css) of the menu */
.widthRight {width:auto;}
.head_trc_menu { /* top right corner menu */
    text-align:right; padding-top:3px; padding-right:5px; padding-bottom:0px;
    height:30px; vertical-align:top;
    font-family:Arial; color:#FFFFFF; font-size:10px;
}
.head_trc_menu a:visited, .head_trc_menu a:link, .head_trc_menu a:hover, .head_trc_menu a:active, .head_trc_menu a:focus {
    color:#FFFFFF;
}
.head_bg {
    background-repeat:no-repeat; background-position:top left;
    border-top:10px white solid; /* white space on top of page */
}


/*******************/
/***** content *****/
/*******************/
.content {
    background-repeat:no-repeat; background-position:top left;
    vertical-align:top; padding:15px; width:520px;
}

/*  header background is 760px wide */
.spacerLeft {height:1px; width:100px;} /* plus 10 padding (.sidebar) makes 120px per side bar */
.spacerCenter {height:1px; width:520px;} /* no padding (bottom.php) */
.spacerRight {height:1px; width:100px;}
/* spacers turn visible when adding background:red; */


/***** side bar left / right *****/
.sidebar {
    text-align:left; vertical-align:top; width:120px;
    padding-left:10px; padding-right:10px; padding-top:15px;
    background-color:#EBDFBE;
}
.sidebar#left {background-repeat:no-repeat; background-position:top left;}
.sidebar#right {
    text-align:center;
    background-image:url(../Bilder/bg_sbR.gif); background-repeat:no-repeat; background-position:top left;
}
.sb_eyecatcher {
    padding-top:35px;
    color:#FF7F00; font-weight:bold;
    text-align:center;
}
.sb_eyecatcher a, .sb_eyecatcher a:hover {color:blue; font-weight:bold;}
.sidebar#bgBottom {
    padding:0px;
    background-color:white;
    background-image:url(../Bilder/sidebarBottom.gif);
    background-repeat:no-repeat; background-position:top left;
}
.sidebar#bgBottom a img { /* 'design by Thomas Bühler' position */
    position:relative; bottom:50px; right:-120px;
    _right:-40px; /* underline for IE only, all other browser interprete this as comment - brilliant */
}
.sidebar th, .sidebar th a:visited, .sidebar th a:link, .sidebar th a:hover, .sidebar th a:active, .sidebar th a:focus {
    font-size:12px; font-weight:bold; color:#4F4F4F;
}
.advertisement img {
    margin-bottom:20px;
}
.advertisement a img {
    position:static; /* normal */
}


/*** bottom ***/
.bottom {
    font-size:10px; color:#8F8F8F;
    margin-left:0; margin-right:0; /* center for FireFox */
    margin-top:70px; padding-top:5px; padding-bottom:5px;
}
* html .bottomLine {
    margin-top:10px; margin-bottom:5px;
}


/*** Sitemap ***/
.sitemap h2 {margin-bottom:0px;}
.sitemap h2 a {font-weight:bold;}
.sitemap ul#first {padding-left:20px; padding-top:15px; margin:0px;}
.sitemap ul#second {padding-left:15px; margin:0px;}
.sitemap a:visited, .sitemap a:link, .sitemap a:hover, .sitemap a:active, .sitemap a:focus {color:black;}
.sitemap a:hover {text-decoration:underline;}


/*** News (index.php) ***/
.news td#artNr { /* article number of each entry */
    font-size:11px; font-weight:normal; padding:0px; border-bottom:1px dashed blue; color:#6F6F6F;
}
.news th { /* title line of 'news' */
    font-weight:normal;
    padding-top:32px; /* to be on the same height as 'h2' */
}
th#newsTitle {padding:0px; width:85%;}
th#newsTitle img {float:left; margin-top:-3px; margin-right:10px;}
th#icon {width:5%;}
.news td { /* content line of 'news' */
    padding-bottom:15px; border-bottom:0px dashed black;
}
.news p, .rightLink {margin-bottom:0px; text-align:right;}
.news h2 {color:#0000FF;}


/*** Teams, Resultate ***/
.wsSubH2 {font-weight:bold; font-size:12px; padding-bottom:3px;}
.results th {background-color:#DDDDDD;}
.results th, .results td {padding-left:5px; vertical-align:top;}
.wsFootNote {font-size:10px; color:#8F8F8F;} /* ws: webservice */

/*** Teams, Kader ***/
.kader {text-align:left;}
.kader td {vertical-align:top;}

/*** Teams, Fotos ***/
.pict {
    padding-top:5px; padding-bottom:5px;
    padding-left:30px; width:10px; /* => pictures chose the width */
}
.pictTitle {margin-bottom:0px;}
.pictDescr {text-align:left; padding-left:20px;}


/*** Verein, Kontakt ***/
.kontakt {width:auto;}
.kontakt a:visited, .kontakt a:link, .kontakt a:hover, .kontakt a:active, .kontakt a:focus {font-weight:bold;}
.kontakt th {font-weight:normal; text-align:right; white-space:nowrap;}
.kontakt td {padding-left:5px; width:200px;}
.kontakt th#adresse, .kontakt td#adresse {text-align:left; vertical-align:top; padding-left:0px;}
.agenda td {padding-top:10px; padding-left:10px; padding-right:10px; vertical-align:top;}


/*** Sponsoren ***/
.sponsoren th {font-weight:normal;}
.sponsoren td {text-align:center; padding-top:10px; padding-bottom:10px; border-bottom:1px dashed #4F4F4F;}


/*** Gästebuch ***/
.gb td {
    padding:0px; padding-top:10px; padding-bottom:10px; text-align:left; vertical-align:top;
}
.gb td p { /* userLink: mail & page, but also the comment */
    padding-top:5px; margin:0px;
}
.gb td p#comment { /* comment */
    margin:0px; padding:0px; border-spacing:0px; margin-left:70px; margin-top:10px; border-top:1px solid #0040FF;
}
.gb td div#commentTime { /* comment time & date */
    font-size:10px; text-align:right; color:#6F6F6F; padding:0px;
}
.gb td span { /* club */
    font-size:11px; color:black;
}
.gb td span ul { /* club */
    margin:0px; padding:0px; padding-left:10px; border-spacing:0px;
}
.gb th { /* bottom with date and time */
    font-size:11px; font-weight:normal; border-bottom:1px dashed blue; color:#6F6F6F
}
.gb td a img { /* mail and page icon */
    padding-right:10px;
}
.gbLeft { /* column of the name etc. */
    width:35%; color:blue; border-top:1px dashed blue;
}
.gbLeftBottom { /* empty field left beside the date */
    width:35%; border:0px;
}
.gbRight { /* column of the text */
    width:65%;  border-top:1px dashed blue;
}
.gbRightBottom { /* date & time */
    width:65%;  border:0px;
}
.gbNavi { /* gb page navigation */
    font-size:12px; font-weight:normal; text-align:center; word-spacing:0.5em; margin-top:30px; margin-bottom:15px;
}


/*** agenda ***/
.naviSchedule {text-align:center; font-size:10px; color:#4F4F4F; margin-top:5px;}
.naviSchedule tr#monthTitle {font-size:11px;}
.naviSchedule tr#sunday {color:#6F6F6F; font-style:italic;}


/*** navi top (sub menu of each page) ***/
.naviTop td {
    color:#4F4F4F; border:0px solid red;
    text-align:right; border-bottom:1px dashed #4F4F4F;
}
.naviTop span {
    font-size:11px; font-weight:normal; color:#4F4F4F; padding-left:20px;
}
.naviTop select, .naviTop option {
    font-size:11px; font-weight:normal; color:#4F4F4F;
}
.naviTop a:visited, .naviTop a:link, .naviTop a:hover, .naviTop a:active, .naviTop a:focus {
    font-size:11px; font-weight:normal; color:#4F4F4F;
}
.headingActive, .headingActive a:visited, .headingActive a:link, .headingActive a:hover, .headingActive a:active, .headingActive a:focus {
    color:#FF7F00;
}