/* ----- mathias-stocki ----- */

/* #FFFFFF = rgb(255,255,255)  weiss             */
/* #000000 = rgb(0,0,0)        schwarz           */
/* #1D4AA7 = rgb(29,74,167)    schrift blau      */
/* #D6E3FE = rgb(214,227,254)  hintergrund  blau */
/* #FFFFC0 = rgb(255,255,192)  hintergrund gelb  */
/* #1D4AA7 = rgb(29,74,167)    rahmen blau       */

/* <-<background-aussen>->  #FFFFC0 = rgb(255,255,192) */
/* <-<background-eintrag>-> #D6E3FE = rgb(214,227,254) */
/* <-<background-button>->  #D6E3FE = rgb(214,227,254) */
/* <-<background-menu>->    #D6E3FE = rgb(214,227,254) */
/* <-<background-bild>->    #FFFFFF = rgb(255,255,255) */
/* <-<border-eintrag>->     #1D4AA7 = rgb(29,74,167)   */
/* <-<border-menu>->        #1D4AA7 = rgb(29,74,167)   */
/* <-<border-input-dick>->  #1D4AA7 = rgb(29,74,167)   */
/* <-<border-input-schmal>->#001A50 = rgb(?,?,?)   */
/* <-<schrift-eintrag>->    #1D4AA7 = rgb(29,74,167)   */
/* <-<schrift-menu>->       #1D4AA7 = rgb(29,74,167)   */
/* <-<shadow-button>->      rgba(30,75,168,0.5)        */
/* <-<shadow-menu>->        rgba(30,75,168,0.5)        */
/* <-<border-radius-menu>-> 6px                        */
/* <-<border-radius-button>-> 6px                      */
/* <-<border-radius-eintrag>-> 8px                     */
/* <-<border-error>->       #FF2D2D = rgb(255,45,45)   */
/* <-<schrift-error>->      #FF0000 = rgb(255,0,0) rot */
/* <-<background-error>->   #FFFFFF = rgb(255,255,255) */


/* struktur:
   alles (div id) umfasst alle inhalte

   alles->logo (div id)

   alles->header (div id)

   header->kopfmenu2 (div class)
   header->kopfmenu2->h1
   header->kopfmenu2->ul

   alles->hauptmenu (div id)
   alles->hauptmenu->h1
   alles->hauptmenu->h3 (class oben)
   alles->hauptmenu->bilderstreifen (div id)
   alles->hauptmenu->ul
   alles->hauptmenu->ul (class expandable)
   alles->hauptmenu->ul->li->ul (class submenu)
   alles->hauptmenu->ul->li->ul (class submenu)->li (class subtitel)
   alles->hauptmenu->ul->li->ul (class submenu)->li (class sublink)

   alles->inhalt_aussen (div id)
   alles->inhalt_aussen->inhalt (div id)

   inhalt->h1
   inhalt->textblock (div class)
   inhalt->h6
   inhalt->inhalt_bild (div id)


   inhalt->inhalt_bild->bild_aussen_links (class id)
   inhalt->inhalt_bild->bild_aussen_rechs (class id)
                                         ->textblock (div class)


*/




/*----- grundsaetzliche dinge -----*/
* {
margin:0;
padding:0;
list-style-type:none;
}
/*----- allgemeine sachen -----*/
.hidden {
display: none;
}
.clear {
clear:both;
height: 0;
}
.nofloat { 
clear: both;
visibility: hidden;
height: 0;
}

/*----- (background-)farben -----*/
.gelb { background-color:#FFFFC0; }
.blau { background-color:#D6E3FE; }
/*----- (schrift-)farben -----*/
.text_blau { color:#1D4AA7; }
/*----- (schrift-)groessen -----*/
.text_18  { font-size:18pt; }
.text_14  { font-size:14pt; }
.text_12  { font-size:12pt; }
.text_11  { font-size:11pt; }
.text_10  { font-size:10pt; }
.text_9   { font-size:9pt; }
.text_8   { font-size:8pt; }

/*----- voreinstellungen -----*/
/*----- titel -----*/
h1 {font-size: 1.4em;text-align: center;}
h2 {font-size: 1.1em;font-weight: normal;text-align: center;}
/*----- linien -----*/
hr { background: #1D4AA7; size:1pt; color:#1D4AA7; }                                                             
/*----- verweise -----*/
a { font-weight: normal; color:#1D4AA7; text-decoration: none;}
a:link,a:visited,a:active {color:#1D4AA7;}
a:hover { font-weight: bold; color:#1D4AA7;}

/*----- formulare -----*/
form { margin-top:0px; margin-bottom:0px; }
form {
background-color:#D6E3FE;
border:1px solid #1D4AA7;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}

input, textarea, select {
font:normal 0.91em Verdana,Arial,Helvetica,sans-serif;
color: #1D4AA7;
border-left: 2px solid #001A50;
border-top: 2px solid #001A50;
border-right: 1px solid #1D4AA7;
border-bottom: 1px solid #1D4AA7;
}
.submit {
font:bold 0.91em Verdana,Arial,Helvetica,sans-serif;
color: #1D4AA7;
background-color: #D6E3FE;
border-left: 1px solid #1D4AA7;
border-top: 1px solid #1D4AA7;
border-right: 2px solid #001A50;
border-bottom: 2px solid #001A50;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow: -1px -1px 4px rgba(30,75,168,0.5) inset;
-moz-box-shadow: -1px -1px 4px rgba(30,75,168,0.5) inset;
box-shadow: -1px -1px 4px rgba(30,75,168,0.5) inset;
}

/*----- tabelle -----*/
#ergebnis { 
font:normal 0.8em Verdana,Arial,Helvetica,sans-serif;
border:0px solid #1D4AA7;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
border-spacing: 1px 1px;
margin-top:5px; 
margin-bottom:10px;
}
#ergebnis td, #ergebnis th {
text-align: left;
vertical-align: top;
border: 1px solid #1D4AA7;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
padding: 3px;
}
#ergebnis th {
text-align: center;
}



/*----- seite allgemein -----*/
body {
font-size: 11pt;
font:normal 100.01% Verdana, Arial, Helvetica, sans-serif;
color: #1D4AA7;
margin: 0;
padding: 0;
background-color: #FFFFC0;
}
/*----- äusserer rahmen -----*/
#alles { margin: .5em;}

#header {
}
#laufstreifen {
margin: 2px 2px;
padding-bottom: 1px;
border: 1px solid #1D4AA7;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow: -1px -1px 4px rgba(30,75,168,0.5) inset;
-moz-box-shadow: -1px -1px 4px rgba(30,75,168,0.5) inset;
box-shadow: -1px -1px 4px rgba(30,75,168,0.5) inset;
}
/*----- menu oben / unten -----*/
.kopfmenu2 {
display: table;
width: 100%;
}
.kopfmenu2 h1 {
display:none;
}
.kopfmenu2 ul {
display: table-row;
}
.kopfmenu2 li {
display: table-cell;
vertical-align: top;
text-align: center;
}
.kopfmenu2 ul li a{
display: block;
margin: 0 2px;
background-color: #D6E3FE;
border: 1px solid #1D4AA7;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow: -1px -1px 4px rgba(30,75,168,0.5) inset;
-moz-box-shadow: -1px -1px 4px rgba(30,75,168,0.5) inset;
box-shadow: -1px -1px 4px rgba(30,75,168,0.5) inset;
}
.kopfmenu2 ul .erste {
width: 11.5em;
}
.kopfmenu2 ul li a:hover{
color: #1D4AA7;
-webkit-box-shadow: 1px 1px 4px rgba(30,75,168,0.5) inset;
-moz-box-shadow: 1px 1px 4px rgba(30,75,168,0.5) inset;
box-shadow: 1px 1px 4px rgba(30,75,168,0.5) inset;
}
.kopfmenu2 ul li a:visited{
color: #1D4AA7;
}

/*----- menu links öffentlich -----*/
#hauptmenu {
float: left;
font:normal 0.9em Verdana,Arial,Helvetica,sans-serif;
display: block;
margin: 3px 2px;
width: 12.5em;  /*--- identisch mit margin-left inhalt! ---*/
min-height: 90%;
clear: left;
}
#hauptmenu h1 {
display:none;
}
#hauptmenu h3 {
text-align: center;
font-style: italic;
font-family: Verdana,Arial,Helvetica,sans-serif;
padding: .5em .2em;
margin: 1em 0 0.2em 0;
border: 1px solid #1D4AA7;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow: -1px -1px 4px rgba(30,75,168,0.5) inset;
-moz-box-shadow: -1px -1px 4px rgba(30,75,168,0.5) inset;
box-shadow: -1px -1px 4px rgba(30,75,168,0.5) inset;
}

#hauptmenu h3 .oben {
margin: 0 0 0.8em 0;
}

#hauptmenu ul {
text-align: left;
margin: 0;
}

#hauptmenu li, #hauptmenu #bilderstreifen, #hauptmenu #loginstatistik {
margin: .2em 0;
border: 1px solid #1D4AA7;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow: -1px -1px 4px rgba(30,75,168,0.5) inset;
-moz-box-shadow: -1px -1px 4px rgba(30,75,168,0.5) inset;
box-shadow: -1px -1px 4px rgba(30,75,168,0.5) inset;
}
#hauptmenu li a {
display: block;
padding: .2em .2em;
background:#D6E3FE;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow: -1px -1px 4px rgba(30,75,168,0.5) inset;
-moz-box-shadow: -1px -1px 4px rgba(30,75,168,0.5) inset;
box-shadow: -1px -1px 4px rgba(30,75,168,0.5) inset;
}
#hauptmenu li a:hover{
color: #1D4AA7;
background:#D6E3FE;
}
#hauptmenu li a:visited{
color: #1D4AA7;
background:#D6E3FE;
}

#hauptmenu li .sublink {
background:#D6E3FE;
margin: .1em .2em .1em .2em;
}

#hauptmenu .subtitel {
text-align: left;
font-weight: bold;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding-left: .4em;
}

.submenu a {
overflow: visible;
display: block;
}

.expandable {
background:#D6E3FE;
}

#hauptmenu #abmelden  {
display: block;
margin: 2em 0;
border: 2px solid #FF2D2D;
background-color:#FFFFFF;
}

/* ----- bilderstreifen reste ----- */
#hauptmenu #bilderstreifen {
display: block;
vertical-align: top;
text-align: center;
margin-top: 3px; 
margin-bottom: 3px; 
}
#hauptmenu #bilderstreifen {
padding-top: 10px;
padding-bottom: 10px;
}
#hauptmenu #bilderstreifen h5 {
font:normal 0.8em Verdana,Arial,Helvetica,sans-serif;
margin-top: -10px;
}
#hauptmenu iframe {
width: 12.0em;
}
#hauptmenu ul #erste {
padding-bottom: 15px;
}

/* ----- loginstatistik reste ----- */
#loginstatistik {
text-align: left;
background:#D6E3FE;
font-size: small;
padding: 3px 0 3px 0;
}
#loginstatistik a, #loginstatistik a:hover, #loginstatistik  a:visited {
color:#1D4AA7;
background:#D6E3FE;
}
#loginstatistik table {
width:90%;
margin:auto;
border: 0;
border-spacing: 0;
}
#loginstatistik .tag {
text-align: left;
padding: 0 1em 0 1em;
}
#loginstatistik .besucher {
text-align: right;
padding: 0 1em 0 1em;
}

/* ----- inhalt ----- */
#inhalt_aussen {
/*--- diese klammer ist notwendig wegen des mischbetriebs von variablen und festen abstandswerten: 
  menu soll sich verbreitern, sonst aber nix ---*/
margin-left: 12.5em;  /*--- identisch mit width hauptmenu! ---*/
}

#inhalt {
display: block;
margin: 3px 20px 3px 2px;
padding: 1px;
width: 99%;
min-height: 90%;
vertical-align: top;
text-align: center;
}

#inhalt h1 {
margin-top: .5em;
margin-bottom: 1em;
}

#footer {
clear: both;
}



/*----- inhalt bilder -----*/
#inhalt h6 {
font:normal 0.81em Verdana,Arial,Helvetica,sans-serif;
text-align:center;
padding: 5px 3px;
margin:5px 0 5px 0;
background-color:#D6E3FE;
border: 1px solid #1D4AA7;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
#inhalt h5 {
font:bold 1.01em Verdana,Arial,Helvetica,sans-serif;
text-align:left;
margin:0 0 5px 0;
padding:1px 0 5px 0;
border-top: 0;
/* border-bottom: 1px dashed #1D4AA7; */
}
#inhalt .text {
margin:5px 0 0 0;
}

#inhalt_bild .textblock {
}
.bild_aussen_links,.bild_aussen_rechts {
float:left;
width: 312px;
font-size:0.81em;
background-color:#FFFFFF;
border: 1px solid #1D4AA7;
margin:5px;
}
.bild_aussen_space_links,.bild_aussen_space_rechts {
float:left;
width: 312px;
font-size:0.81em;
margin:6px;
}
#inhalt_bild img {
margin: 5px;
}

#inhalt_bild object {
margin: 5px;
}

.bild_aussen_links p,.bild_aussen_rechts p {
font-weight:normal;
}

.bild_aussen_text {
font-size:0.81em;
border: 1px solid #1D4AA7;
padding:5px;
margin:5px;
}

#bild_gross {
text-align: center;
}


#lauf_bild img {
padding: 5px;
background-color:#FFFFFF;
border: 1px solid #1D4AA7;
}
#lauf_bild {
background-color:#D6E3FE;
border-top: 1px solid #1D4AA7;
border-bottom: 1px solid #1D4AA7;
}

/*----- listen -----*/
.aussen_text {
font-size:0.81em;
text-align:left;
}
.termin, .datum {
display: inline;
font:normal 0.91em Verdana,Arial,Helvetica,sans-serif;
}
.titel, h5 {
display: inline;
font:normal 1.41em Verdana,Arial,Helvetica,sans-serif;
text-align:left;
padding-left: 10px;
}
.intro, .feld3 {
font-size: 1.11em;
margin: 5px 0 0 0;
padding: 5px 0 5px 0;
border-top: 1px solid #1D4AA7;
}
.text {
font-size: 1.01em;
margin:5px 0 0 0;
}
#zweispalter .spalte_links, #zweispalter .spalte_rechts {
vertical-align:top;
width:50%;
}

#liste .aussen_text {
padding:5px;
margin:5px;
border: 1px solid #1D4AA7;
background-color:#D6E3FE;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}

#liste .termin, #liste .datum, #detail .termin, #detail .datum {
display: none;
}
#liste .titel, #liste h5 {
padding-left: 0;
}

#detail h3 {
font:bold 0.91em Verdana,Arial,Helvetica,sans-serif;
text-align:left;
padding-left: 25px;
margin-bottom: 0;
}
#detail .aussen_text {
background-color:#FFFFC0;
border: 0;
}
#detail .intro, #detail .feld3 {
display: none;
}
#detail .text, #detail .kopf{
padding:5px;
margin:5px;
border: 1px solid #1D4AA7;
background-color:#D6E3FE;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}

.dummy_tabelle {
margin: auto;
}
.dummy_zeile {
}
.dummy_zelle {
}


/*----- fanbereich-anmelde-text -----*/
#anmelde_info {
  font-size:0.91em;
  text-align:left;
padding:0.5em 1em 0.5em 1em;
}
#anmelde_info_oben {
margin-bottom:1.5em;
border-bottom:1px solid #1D4AA7;
}
#anmelde_info_unten {
margin-top:0.5em;
border-top:1px solid #1D4AA7;
}
.anmelde_text{
padding:0.5em 0;
}

/*----- engagements -----*/
.enga_titel {
  font-size:1.11em;
margin-bottom:1em;

}
.enga_liste {
margin:0.5em 0;
}

.enga_text {
margin:0.5em 0;
}

.enga_quelle {
  font-size:0.81em;
margin-top:1.5em;
}

.enga_trenner_oben, .enga_trenner_unten {
border-top:1px solid #1D4AA7;
height:0px;
width:100%;
}

.enga_trenner_oben {
margin:0.5em 0;
}
.enga_trenner_unten {
margin:0.5em 0 1.5em 0;
}