@charset "utf-8";

body {
    font-family:Arial, sans-serif;
    font-size: 10pt;
    color: black;
    background-color: #ccc3af;
    text-align: center;
    margin: 0px;
    background-image: url("../Bilder/hintergrund2.jpg"); box-shadow: none;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    }

table {
    font-family: Arial, sans-serif;
   font-size:1.0em;
    }

h2 { font-weight:normal; font-size:1.5em; color:#404040; text-align:center; }
h3 { font-weight:normal; font-size:1.25em; color:#404040; text-align:center; }
h4 { font-weight:bold; font-size:1.1em; color:#484848; }
h5 { font-weight:bold; font-size:1em; color:#484848; }

a:link { color:#b00000; }
a:visited { color:#b00000; }
a:hover { text-decoration:none; color:#202020; }

div {box-sizing: border-box;}

div#logo {
    width:100%;
    height:104px;
    background-image: url("../Bilder/titelbild/1.jpg");
   background-size: cover;
    background-repeat:no-repeat;
   background-position: center bottom;
    text-align:right;
}

div#wrapper {
   width:82%;
   min-width: 1024px;
   max-width: 1250px;
   margin: 0px auto;
margin-top:15px;
   margin-bottom: 85px;
   text-align: left;
   background-color: #f8f4e8;
   box-shadow: 0px 0px 10px 6px #987;
  }

div#inhalt_breit {
   margin-left:60px;
   margin-right:60px;
   margin-top: 10px;
   margin-bottom: 30px;
   font-size: 1.0em;
  }


div#inhalt {
   max-width:900px;
   margin: 0 auto;
   margin-top: 10px;
   margin-bottom: 30px;
   font-size: 1.0em;
}

.zweispaltig {
  -moz-column-width:    27em;
  -webkit-column-width: 27em;
    column-width:         27em;
  -moz-column-count:    auto;
  -webkit-column-count: auto;
    column-count:         auto;
  -moz-column-gap:      2em;
  -webkit-column-gap:   2em;
    column-gap:           2em;
      }

.darkred {color:#b00000;}

.zentriert {text-align:center;}

.linkcolor a:visited { color:#ff4040; }
.linkcolor a:hover { color:#000000; }

span#info {
    font-size:0.9em;
    text-align:left; 
   }

#topbutton {
  display: none;
  position: fixed;
  bottom: 120px;
  right: 0;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #999;
  background-color: rgba(96,96,96,.6);
  color: white;
  cursor: pointer;
  padding: 0.2em 0.4em;
  border-radius: 0.3em 0 0 0.3em;
  font-size: 2.5em;
  font-weight: bold;
-webkit-transition: 0.5s;

-moz-transition: 0.5s;

transition: 0.5s;


}

#topbutton:hover {
  background-color: #666;
  background-color: rgba(96,96,96,1.0);
}

div#Fusszeile {
    width: 100%;
    text-align: center;
    padding:1.8em 0;
    background-color: #dcd8d8;
}
div#Fusszeile a { margin:0 4em;}
div#Fusszeile hr {width:60%; margin:0 auto; margin-top:1.5em; margin-bottom:1.5em;}
div#Fusszeile .copyright {font-size: .9em;}


.NewsVerbandsrunde, .NewsEigeneTurniere, .NewsExterneTurniere, .NewsSonstiges { text-align:left; }

* html div#inhalt_1, * html div#inhalt_2 {  /* Korrektur Layout Startseite fuer den IE 5 und 6 */
   display:inline;
   zoom:1;
}
*:first-child+html div#inhalt_1, *:first-child+html div#inhalt_2 {  /* Korrektur fuer den IE 7 */
   display:inline;
   zoom:1;
}


/* - - - - - - responsiv - - - - - - */


.float_left, .float_mobile_left { float: left; margin:0.5em 1.5em 0.5em 0.5em;}
.float_right, .float_mobile_right { float: right; margin:0.5em 0.5em 0.5em 1.5em;}
.clear {clear: both;}


@media only screen and (max-width: 1024px) {
div#wrapper { min-width: 200px; width:100%; margin-bottom:0; margin-top:0; border:0; box-shadow:none;}
div#inhalt, div#inhalt_breit {width:90%; margin:0 auto; margin-top:10px; margin-bottom:30px; font-size:1.0em;}
}

@media only screen and (max-width: 900px) {
div#logo { background-image:url("../Bilder/titelbild/1a.jpg");}
div#Fusszeile a {margin:0 2.5em;}
.nomobile900 {display:none;}
}

@media only screen and (max-width: 600px) {
div#inhalt, div#inhalt_breit {width:95%; margin:0 auto; margin-top:10px; margin-bottom:30px}
div#logo { background-image:url("../Bilder/titelbild/1b.jpg"); width:100%; box-shadow:2px 2px 12px #998;}
#topbutton {font-size:1.8em;}
.copyright {display:block;}
.float_left, .float_right {float:none; display:block; text-align:center; margin:0.6em 0;}
.nomobile, span#info {display:none;}
}

@media only screen and (max-width: 420px) {
div#logo {background-image:url("../Bilder/titelbild/1c.jpg"); width:100%;}
div#Fusszeile a {margin:0 1.5em;}
}