/*   C h e e r n a g e l - B ü ü n i   */
/*                                     */
/*   Genrelles Style-Sheet             */
/*   (c) 2010 Homepapa.ch              */

/* Formatierungen in XStandard         */
@import "cbstyle_x.css" ;
@import "tickets_style.css" ;

/* =================================== */
/* Allgemeine Definitionen             */
/* =================================== */

div.debug            { border-top: 2px solid red ; padding-top: 10px }
table.debug          { border: none ; border-collapse: collapse }
table.debug td       { border: 1px solid black ; padding: 2px 4px }


p.err                { border: 2px solid red ;
                       padding: 3px ;
					   background-color: #fcc ;
					 }

/* das Nötige für den "sticky Footer"  */
html, body           { height: 100% }
.wrapper             { min-height: 100% ;
                       height: auto !important ;
                       height: 100% ;
                       margin: 0 auto -5em auto ;
                     }
.footer, .push       { height: 1 ; margin: 1em 0 }
.footer              { border-top: 10px solid red ;
					   padding-top: 4px ;
                       text-align: center ;
                     }
.footer a            { text-decoration: none }
.footer a:link       { text-decoration: none ; color: black }
.footer a:visited    { text-decoration: none ; color: black }
.footer a:hover      { text-decoration: underline ; color: black }
.footer a:active     { text-decoration: underline ; color: red }

footer               { position: fixed ;
                       bottom: 0 ; left: 0 ;
					   height: 75px ;
					   width: 100% ;
					   border-top: 1px solid red ;
					   background: lightyellow ;
					   padding-left: 90px ;
					   background-image: url("goldsponsoren.png") ;
					   background-position: left center ;
					   background-repeat: no-repeat ;
					 }
footer img			 { padding: 4px 10px 0 10px }

/* die überall gültigen:               */
body                 { background: #ccc ;
                       color: black ;
                       font-size: 10px ;
                       font-family: Verdana, Helvetica, Arial, sans-serif ;
                       margin: 0 1em ;
                       padding: 0 0 102px 0 ;
                     }

li					 { margin-top: .5em ;
					   margin-bottom: .5em ;
					 }
/* =================================== */
/* Spezielle Definitionen              */
/* =================================== */

/* Die Seite als solche.               */
/* Sie kriegt eine fixe Breite         */
/* und wird zentriert.                 */
div#seite            { width: 740px ; padding: 10px ;
                       background: white ;
                       margin: 10px auto ;
                     }

/* Der Seitenkopf mit seinen Elementen */
div#kopf             { position: relative ; height: 150px ;
                     }
div#logo             { position: absolute ; top: 0 ; right: 0 ;
                       width: 530px ; height: 100px ;
                       margin: 0 ;
                       border-top: 10px solid red ;
                       background: url(/bilder/CB_Logo.png) bottom right no-repeat ;
                     }
div#teaser           { position: absolute ; top: 10px ; left: 0 ;
                       width: 360px ; height: 90px ;
                       border: 1px solid black ;
                     }
div#teaser img		 { width: 360px ; height: 90px ; }
div#navig            { position: absolute ; top: 20px ; left: 0 }
#navig a             { display: block ;
                       padding: .1em ;
                       border: 1px solid black ;
                       width: 160px ;
                       text-align: center ;
                       margin: 4px 0 ;
                     }
#navig a.navi1       { color: black }
#navig a.nava1       { color: red }
#navig a:link        { text-decoration: none ;
                       font-weight: bold ;
                     }
#navig a:visited     { text-decoration: none ;
                       font-weight: bold ;
                     }
#navig a:hover       { text-decoration: none ;
                       font-weight: bold ;
                       border-top-color: red ;
                     }


div#subnavig         { position: absolute ; bottom: 0 ; left: 0 ;
                       height: 24px ; width: 100% ;
                       padding-top: 6px ;
                     }
#subnavig a.stufe1   { color: black }
#subnavig a.stufa1   { color: red }
#subnavig a:link     { padding: 4px 10px ;
                       border: 2px solid #ccc ;
                       text-decoration: none ;
                     }
#subnavig a:visited  { padding: 4px 10px ;
                       border: 2px solid #ccc ;
                       text-decoration: none ;
                     }
#subnavig a:hover    { padding-top: 0 ;
                       border-top: 6px solid red ;
                       text-decoration: none ;
                     }

div#content          { padding-top: 40px }
div#inhalt           { background: #eeeeee ; padding: 20px 10px 10px 10px }


/* Formular-Eingaben                   */
table.formular       { margin: 1em 0 ; border: 2px solid #ccc ; border-collapse: collapse }
table.formular th    { vertical-align: top ; text-align: right ;
                       font-weight: bold ;
                       padding: .2em .5em ; border: 1px solid white }
table.formular td    { vertical-align: top ; text-align: left ;
                       padding: .2em .5em ; border: 1px solid white }

input.i2             { width: 3ex }
input.i25            { width: 25ex }
input.i32            { width: 32ex }
input.iplz           { width: 6ex }
input.iort           { width: 25ex ; float: right }
textarea.ta0860      { height: 8em ; width: 60ex }

/*********************************/
/* Mitglieder-Anzeige            */
/*********************************/
div.mitglied          { height: 240px ; margin: 1em 0 ;
                        background: white ;
                        border: 4px #ddd outset ;
                        padding: 1em }
div.mitglied img      { float: left ;
                        margin: 0 2em 0 0 }
div.mitglied p.mglwer { font-size: 150% ; font-style: italic ;
                        border-bottom: 2px solid red ;
                        padding: 0 0 .5em 0 ;
                        margin:  0 0 1em  0 ;
                      }

table.beteiligte      { margin: 1em 0 ;
                        border: none ;
                        border-collapse: collapse ;
                      }
table.beteiligte tr   { border-top: 3px solid red ;
                        margin-top: 1em ;
                      }
table.beteiligte td   { padding: .5em ;
                        vertical-align: top ;
                      }

/*********************************/
/* Anzeige eines Einsatzes       */
/*********************************/
div.einsatz           { margin-top: 1em ;
                        border-top: 3px solid red ;
                      }

/*********************************/
/* Gästebuch-Einträge            */
/*********************************/
/*                                        ________________      */
/*                                       |#gbookinp     X |     */
/*   ____________________________________|   _____________|__   */
/*  |  #gbook                            |  |#gbdank       X |  */
/*  |   _________________________________|  | Dank-Fenster   |  */
/*  |  |#gbinvite                        |  |________________|  */
/*  |  | Einleitungstext und Button zum  | Input-         |     */
/*  |  | Einblenden des Eingabeformulars | Fenster        |     */
/*  |  |_________________________________|                |     */
/*  |                                    |________________|     */
/*  |   ____________________________________    |               */
/*  |  |.gbookent                           |   |               */
/*  |  | Gästebucheintrag mit               |   |               */
/*  |  | __________                ________ |   |               */
/*  |  ||.gbookwho |              |.gboktim||   |               */
/*  |  ||__________|              |________||   |               */
/*  |  |____________________________________|   |               */
/*  |   ...                                     |               */
/*  |___________________________________________|               */
div#gbook              { position: relative ;
                         margin: 1em 0 ;
                       }
div#gbinvite           { margin: .5em 0 ;
                         border: 2px #ccc solid ;
                         padding: .5em ;
                       }
div#gbookinp           { position: relative ;
                         display: none ;
                         margin: .5em 0 ;
                         border: 2px #ccc solid ;
                         padding: .5em ;
                       }
button.gbclose         { position: absolute ;
                         top: 5px ; right: 5px
                       }
div#gbookinp td        { vertical-align: top }
div#gbookinp textarea  { width: 30em ; height: 10em }
div#gbookinp input.fld { width: 30em }
div#gbdank             { position: absolute ;
                         top: 10px ; left: 20px ;
                         margin: .5em 0 ;
                         border: 2px #ccc solid ;
                         border-top: .5em solid red ;
                         padding: .5em 5em .5em .5em ;
                         background: white ;
                       }
div.gbookent           { position: relative ;
                         margin: 1em 5em 1em 10em ;
                         border-top: 5px red solid ;
                         padding: .5em 0 0 0
                       }
.gbookwho              { float: left ;
                         margin-left: -10em ;
                       }
.gbooktim              { float: right ;
                         margin-right: -5em ;
                       }

/* Bestellungen */
  table.b  { border: 2px solid #4F4D7C ; border-collapse: collapse ; font-family: Calibri, "Arial Narrow", Verdana, sans-serif }
  .b td    { border: 1px solid #4F4D7C ; padding: .1em .5em ; color: black ; background-color: white }
  .b th    { border: 1px solid white ; padding: .1em .5em ; color: white  ; background-color: #4F4D7C}
  .b td.n  { background-color: transparent }
  .b td.r  { text-align: right }

/* Datum-Tabellchen zur Illustration */
table.datepad          { margin: .5em 0 ; border: 2px outset #ccc ; border-collapse: collapse }
table.datepad caption  { background: #ccc ; border: 2px solid white }
table.datepad th       { padding: 2px ; border: 2px solid white }
table.datepad td       { width: 20px ; text-align: center ; padding: 2px 0 ; border: 2px solid white }
table.datepad td.spiel { width: 20px ; text-align: center ; padding: 2px 0 ; border: 2px solid white ; background: #ccc }

/* Sponsorenliste */
table.spons              { margin: 1em 0 ; border-collapse: collapse }
table.spons td           { padding: .5em 1em ; vertical-align: top ; border-top: 2px solid red }
table.spons th           { padding: .5em 1em ; vertical-align: top ; border-top: 2px solid white }

/* Flohmarkt-Angebot */
table.flohmarkt          { border: none ; border-collapse: collapse }
table.flohmarkt td       { border-left:   3px solid #ccc ;
                           border-right:  3px solid #ccc ;
                           border-top:    3px solid red ;
                           border-bottom: 3px solid red ;
                           padding: 3px 10px ;
                           vertical-align: top }
table.flohmarkt td.r     { text-align: right }
table.flohmarkt h2       { margin-top: 0 }
div#fullview_outer       { position: relative ; overflow: visible }
div#fullview_inner       { position: absolute ; top: 0 ; left: 0 ; padding: 2px ; border: 1px solid black ; display: none ; background: white }
img#fullview_pict        { display: none }
img#fullview_close       { position: absolute ; top: -20px ; right: -20px ; display: none }
form.flohform            { display: none ; border: 30px outset black }

div.zitat                { width: 33% ;
                           margin: 0 0 0 auto ;
                           border: 4px #ccc outset ;
                           padding: 1em ;
                         }
div.zitat blockquote     { text-align: right ;
                           font-style: italic ;
                         }
div.zitat p.quelle       { text-align: right ;
                           font-size: 80% ;
                         }

div.randomspons          { float: right ;
                           width: 200px ;
						   background-color: white ;
                           padding: 10px ;
                           border: 1px solid black ;
                           margin: 0 0 10px 10px ;
                         }