@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./css/fonts/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

html {
height:100%;
overflow:hidden;

}

body {
     margin:0;
      padding:0;
      font-family: 'Open Sans';
      font-size: 1rem;
      line-height:1.3em;
      color: #FFFFFF;
      font-weight: 400;
      height:100%;
}

* {
      margin:0;
      padding:0;
}
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}



a{color:#FFFFFF; text-decoration:none;}
a:active, a:focus{background:transparent;text-decoration:none;}
a:hover{color: #7FDBFF;background:transparent;text-decoration:none;}
.text_normal {

}
.text_hilfe {
     font-size: 0.875rem !important;
     line-height:1.25em !important;

}
.text_hilfetop {
     font-size: 1rem !important;
     line-height:1.25em !important;

}
.pw_warn {
     font-size: 1rem !important;
     line-height:1.25em !important;
     text-aliggn:center;
     color: #FF0000;

}
.pw_nowarn {
     font-size: 1rem !important;
     line-height:1.25em !important;
     text-aliggn:center;
     color: #FFFFFF;

}

/** -------------------------------------------------------------------------------------------------------------------------------buttons---------- **/

.cssbutton {
      font-size: 0.875rem;
      background-color:#636363;
      color: #EEEEEE;
      width:150px;
      text-shadow: 1px 1px #000000;
      padding:1px 7px 2px 7px;
      text-align:center;
      border: 1px solid #CDCDCD;
      border-radius: 5px;

}
.cssbutton:hover {
      background-color:#B8B8B8;
      color: #000000;
      text-shadow: 1px 1px #FFFFFF;
      text-decoration:none;
}

.hinweisbutton {
      font-size: 0.875rem;
      background-color:#000000;
      color: #EEEEEE;

      text-shadow: 1px 1px #000000;
      padding:0px 15px 0px 15px;
      text-align:center;
      border: 1px solid #CDCDCD;
      border-radius: 5px;

}
.hinweisbutton:hover {
      background-color:#FFFFFF;
      color: #000000;
      text-shadow: 1px 1px #AAAAAA;
      text-decoration:none;
}

.hinweisendbutton {
      font-size: 0.875rem;
      background-color:#000000;
      color: #EEEEEE;
      margin-bottom:10px;

      text-shadow: 1px 1px #000000;
      padding:0px 15px 0px 15px;
      text-align:center;
      border: 1px solid #CDCDCD;
      border-radius: 5px;

}
.hinweisendbutton:hover {
      background-color:#FFFFFF;
      color: #000000;
      text-shadow: 1px 1px #AAAAAA;
      text-decoration:none;
}



.storebutton {
          font-size: 0.875rem;
      background-color:#EEEEEE;
      color: #000000;
      width:100%;
      text-shadow: 1px 1px #676767;
      padding:0px 15px 0px 15px;
      text-align:center;
      border: 1px solid #CDCDCD;
      border-radius: 5px;

}
.storebutton:hover {
      background-color:#000000;
      color: #FFFFFF;
      text-shadow: 1px 1px #676767;
      text-decoration:none;
}
.z01button {
          font-size: 1rem;
      background-color:#EEEEEE;
      color: #000000;
      width:200px;
      text-shadow: 1px 1px #676767;
      padding:0px 15px 0px 15px;
      text-align:center;
      border: 1px solid #CDCDCD;
      border-radius: 5px;

}
.z01button:hover {
      background-color:#000000;
      color: #FFFFFF;
      text-shadow: 1px 1px #676767;
      text-decoration:none;
}



.downorm_hid {display:none}

 input[type="number"] {padding-right:5px; color:#000000; font-size:1rem;}
input[type="button"], input[type="submit"], input[type="reset"] {
      font-family: 'Open Sans';
      margin:3px 0 3px 0;
      font-size: 12px;
      background-color:#636363;
      color: #EEEEEE;
      width:150px;
      text-shadow: 1px 1px #000000;
      padding:1px 7px 2px 7px;
      text-align:center;
      border: 1px solid #CDCDCD;
      border-radius: 5px;
}

input[type="submit"]:hover {
     background-color:#B8B8B8;
      color: #000000;
      text-shadow: 1px 1px #FFFFFF;
      border: 1px solid #000000;
      border-radius: 5px;
}
input[type="button"]:hover {
      background-color:#B8B8B8;
      color: #000000;
      text-shadow: 1px 1px #FFFFFF;
      border: 1px solid #000000;
      border-radius: 5px;
}


/** ------------------------------------------------------------------------------------------------------------allgemein------------------------------ **/

.smallsize001 {
     font-size: 0.875rem;
}

.logo {
      padding:5px 0 0 5px;
}
.logo img {
      width:83px;
      height:100px;
}

header {
      padding: 2px;
      margin: -5px auto; 0 auto;
      text-align:center;
      border-radius: 20px;
      border:none;
}
nav {
      width: 100%;
}

.with-right-sidebar {
      margin-right: 1%;
      border:transparent;
}
.headline {
      margin: 1px auto 2px auto;
      font-family: 'Open Sans';
      font-size: 18px;
      color: #FFFFFF;
      text-shadow: 1px 1px 1px #000000;
      font-weight: 700;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      padding:2px 0 5px 0;
      text-align:center;
      border: 1px solid #AFAFAF;
      border-radius:10px;
      cursor: default;
}
p {
      text-align: justify;
      cursor: default;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
}
.firstpagetxt {
      font-family: 'Open Sans';
      color: #FFFFFF;
      font-size:14px;
      line-height: 18px;
      margin-bottom: 5px;
      text-align: justify;
      cursor: default;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
}
.firstpagetxt p {
      margin-top: 4px;
}


.autor_et {
      font-family: 'Open Sans';
      color: #FFFFFF;
      font-size:12px;
      text-align:right;
      cursor:ointer;

}
.space {
      font-family: 'Open Sans';
      font-size:8px;
      color:#FFFFFF;
      line-height: 8px;

}
.right-sidebar {
      float: right;
}
.clear {
      clear: both;
}
article {
    padding: 10px 2px 10px 0px;
 }
aside {
      width:auto;
      padding:0;
      border:none;
}
#content {
    float: left;
}
footer  {
      padding:2px 0  2px 0;
      margin-top: 0px;
      text-align: center;
      border:none;
}
.txt_login {
      font-size: 0.75rem;
      text-align:center;
      cursor: default;
      line-height:1.2em;
      color: #AEAEAE;
}
.wrapper {
      position:relative;
      max-width: 1000px;
      margin: 5px auto;
      border:none;
      border:none;
}
#loginlogo {
      margin:0.2em 0 0 0.2em;
      z-index: 5;


}

/** -------------------------------------------------------------------------------------------------------------------------------login---------- **/
.nowarn {

      width:100%;
      font-weight:700;
      font-size:1rem;
      text-align:center;
      color: #DFDFDF;
}


.warn {

      width:100%;
      font-weight:700;
      font-size:1rem;
      text-align:center;
      color: #FF0000;
}
.logintop {
      margin-top:15px;
      width:100%;
      font-weight:700;
      font-size:1.25rem;
      text-align:center;
      color: #DFDFDF;
}

.loginsecline {
      margin-top:2px;
      width:100%;
      font-weight:700;
      font-size:1rem;
      text-align:center;
      color: #DFDFDF;
}


.loginhinweis {
      width:100%;
      font-weight:400;
      font-size:1rem;
      line-height:1.3em;
      color: #FFFFFF;
      border:none;
}

/** ------------------------------------------------------------------------------------------------------------navigation------------------------------ **/

.list-group.panel > .list-group-item {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}


/** -------------------------------------------------------------------------------------------------------------------------------header---------- **/


.headerfirst {
      width:100%;
      font-weight:700;
      font-size:1.25rem;
      text-align:center;
      color: #EFEFEF;
}
.headersecond {
      width:100%;
      font-weight:700;
      font-size:1.125rem;
      text-align:center;
      color: #EFEFEF;
}



/** -------------------------------------------------------------------------------------------------------------------------------index---------- **/

.marquee {
  height: 25px;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.marquee div {
      display: block;
      width: 200%;
      height: 30px;
      position: absolute;
      top:3px;
      font-family: 'Open Sans';
      font-size:14px;
     color: #FFFFFF;
     overflow: hidden;
     animation: marquee 15s linear infinite;
}

.marquee span {
  float: left;
  width: 50%;
}

@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}

#massa_line {
      margin:0;
      width:100%;

}

.linetoptext {
      font-weight:400;
      font-size:1rem;
      color: #EFEFEF;
}
.datschutoptext {
      font-weight:400;
      font-size:1rem;
      color: #EFEFEF;
}





ol.out {
     font-size:1rem;
      margin-left: 0.6em;
      margin-top: -1.25em;
      padding-left: 0.6em;
      padding-bottom:3px;
      list-style-type: disc;
      color:#FFFFFF;

      cursor:default;
      text-align: justify;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
}


/** -------------------------------------------------------------------------------------------------------------------------------Veranstaltungen---------- **/
.anmeldintop {
      margin-top:5px;
      width:100%;
      font-weight:700;
      font-size:1.125rem;
      text-align:center;
      color: #DFDFDF;
}
.anmelslno {
      font-size: 1rem;
      font-weight:400;
      text-align:right;
      cursor:default;
      color:#FF0000;
      border:none;
}
.anmelslgood {
      font-size: 1rem;
      font-weight:400;
      text-align:right;
      cursor:default;
      color:#FFFFFF;
      border:none;
}

.verantopnext {
      position:relative;
      margin:-590px auto 0px auto;
      width:100%
      font-size: 16px;
      font-weight:400;
      text-align:left;
      cursor:default;
      color:#FFFFFF;
      border:none;
}
.veran_entrie01 {
      font-family: 'Open Sans';
      font-size: 14px;
      font-weight: 400;
      color: #FFFFFF;
      padding:2px 0 2px 5px;
      text-align: left;
      cursor: default;
}
.veran_entrie02 {
      font-family: 'Open Sans';
      font-size: 14px;
      font-weight: 400;
      color: #FFFFFF;
      width:10px;
      padding-bottom:2px;
      padding-top:2px;
      padding-right:3px;
      text-align: right;
      cursor: default;
}
.veran_entrie03 {
      font-family: 'Open Sans';
      font-size: 14px;
      font-weight: 400;
      color: #FFFFFF;
      padding:2px 0 2px 5px;
      text-align: left;
      cursor: default;
}
.veran_entrie04 {
      font-family: 'Open Sans';
      font-size: 14px;
      font-weight: 400;
      color: #FFFFFF;
      padding-bottom:2px;
      padding-top:2px;
      padding-right:3px;
      text-align: left;
      cursor: default;
}
.anmeldinfo {
      font-family: 'Open Sans';
      margin:5px auto;
      width: 770px;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      text-align:center;
      color: #EEEEEE;
      cursor:default;
      text-shadow: 1px 1px #565656;
}
.anmeldinfotext {
      width: 100%;
      font-size: 1rem;
      font-weight: 400;
      padding:0 5px 0 5px;
      color: #FFFFFF;
}
/** ------------------------------------------------------------------------------------------------------------Anmeldung Veranstaltung------------------------------ **/
.z01_anmeldtop {
      font-family: 'Open Sans';
      font-size: 1.25rem;
      font-style: normal;
      font-weight: 700;
      line-height:1.3em;
      text-align:center;
      color: #FFFFFF;
      cursor:default;
      text-shadow: 1px 1px #888888;
}
.z01_anmeldsec {
      font-family: 'Open Sans';
      font-size: 1rem;
      font-style: normal;
      line-height:1.7em;
      font-weight: 400;
      color: #FFFFFF;
      cursor:default;
}



.datschuinfo {
      font-family: 'Open Sans';
      margin:8px auto;
      width: 760px;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      text-align:justify;
      padding:0 5px 0 5px;
      color: #FFFFFF;
      cursor:default;
      text-shadow: 1px 1px #565656;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
}

.for_anmeld01 {
      font-family: 'Open Sans';
      font-size: 14px;
      font-weight: normal;
      color: #FFFFFF;
      padding-top:2px;
      padding-bottom:2px;
      padding-right:3px;
      padding-left:3px;
      text-align: center;
      cursor: default;
}




.anabbrbutt {
      margin:15px auto 0 auto;
}
.cssbuttonpos {
      margin:-48px 0 0 10px;
}



#anmeye00_fra {
      margin:10px auto 5px auto;
      margin:15px auto 5px auto;
      width: 400px;
      height:175px;
      border:2px solid #9A9A9A;
      background:transparent;
      border-radius:10px;
}
#anmeye01_fra {
      margin:10px auto 5px auto;
      width: 350px;
      height:140px;
      border:2px solid #9A9A9A;
      background:transparent;
      border-radius:10px;
}
#anmeye02_fra {
      position:relative;
      margin:10px auto 5px auto;
      width: 330px;
      height:180px;
      border:2px solid #9A9A9A;
      background:transparent;
      border-radius:10px;
}
#anmeye04_fra {
      position:relative;
      margin:10px auto 5px auto;
      width: 360px;
      height:200px;
      border:2px solid #9A9A9A;
      background:transparent;
      border-radius:10px;
}
.putin_msc {
      font-family: 'Open Sans';
      font-size: 16px;
      font-weight: normal;
      color: #000000;
      width:300px;
      background-color: #EEEEEE;
      border-top: 1px solid #FFFFFF;
      border-left: 1px solid #FFFFFF;
      padding-right:2px; text-align:left;
      border-bottom: 1px solid #000000;
      border-right: 1px solid #000000;
}
.frabottom {
margin:3px auto 1px auto;
      text-align:center;
}

#anmeyeno_fra {
      position:relative;
      margin:15px auto 0 auto;
      width: 550px;
      height:155px;
      border:2px solid #9A9A9A;
      background:transparent;
      border-radius:10px;
}

.for_anmelddat {
      font-family: 'Open Sans';
      margin: 3px auto 1px auto;
      font-size: 16px;
      font-weight: normal;
      background:transparent;
      color: #FFFFFF;
      padding-top:2px;
      padding-bottom:2px;
      padding-right:3px;
      padding-left:3px;
      text-align: center;
      text-shadow: 1px 1px #FFFFFF;
      cursor: default;
}

.anmeldtxt {
      font-family: 'Open Sans';
      font-size:16px;
      width: 90%;
      margin: 1px auto 0 auto;
      text-align:center;
      color: #FFFFFF;
      font-weight:400;
      padding: 1px 0 1px 0;
      border:none;
      cursor:default;
}
.anmeldtxtleft {
      font-family: 'Open Sans';
      font-size:16px;
      width: 90%;
      margin: 1px auto 0 auto;
      text-align:center;
      color: #FFFFFF;
      font-weight:400;
      padding: 1px 0 1px 0;
      border:none;
      cursor:default;
}

/** --------------------------------------------------------------------------------------------------------------------------------------------mitglieder---------- **/
.for_fieldset {
     position:relative;
     float:left;
     margin-right:-8px;
     margin-bottom:6px;
     border:none;

 }






.topheadl {
      font-family: 'Open Sans';
      margin:2px 0 6px 0;
      width: 100%;
      font-size: 14px;
      font-style: normal;
      font-weight: normal;
      text-align:left;
      color: #FFFFFF;
      cursor:default;
}


#Menue08 a:link, #Menue08 a:visited {
      margin-left:2px;
      margin-right:2px;
      background:transparent;
      color: #FFFFFF;
      text-decoration: none;
      font-family: 'Open Sans';
      font-size: 15px;
      text-transform: none;
      text-align:left;
      padding-top:1px;padding-right:2px;padding-bottom:1px;padding-left:3px;
      text-shadow: 1px 1px #000000;
}

#Menue08 a:hover {
      color: #000000;
      background-color: #F8F8F8;
      font-weight: normal;
      font-family: 'Open Sans';
      padding-top:1px;padding-right:2px;padding-bottom:1px;padding-left:2px;
      font-size: 15px;
      text-shadow: 1px 1px #DDDDDD;
}
#Menue08 .nomenlist {
      margin-left:2px;
      margin-right:2px;
      background:transparent;
      color: #FFFFFF;
      text-decoration: none;
      font-family: 'Open Sans';
      font-size: 15px;
      text-transform: none;
      text-align:left;
      padding-top:1px;padding-right:2px;padding-bottom:1px;padding-left:3px;
      text-shadow: 1px 1px #000000;
      cursor:default;
}
#Menue08 .nomencent {
      white-space: nowrap;
      margin-left:2px;
      background-color: #636363;
      color: #FFFFFF;
      text-decoration: none;
      font-family: 'Open Sans';
      font-size: 15px;
      text-transform: none;
      text-align:center;
      padding-top:1px;padding-right:2px;padding-bottom:1px;padding-left:3px;
      text-shadow: 1px 1px #000000;
      border-right:4px solid #FFFFFF;
      cursor:default;
}

#Menflieg a:link, #Menflieg a:visited {
      display:block;
      margin-left:2px;
      margin-right:2px;
      background-color: #636363;
      color: #FFFFFF;
      text-decoration: none;
      font-family: 'Open Sans';
      font-size: 14px;
      text-transform: none;
      text-align:center;
      padding-top:1px;padding-right:2px;padding-bottom:1px;padding-left:3px;
      text-shadow: 1px 1px #000000;
}

#Menflieg a:hover {
      color: #000000;
      background-color: #F8F8F8;
      font-weight: normal;
      font-family: 'Open Sans';
      padding-top:1px;padding-right:2px;padding-bottom:1px;padding-left:2px;
      font-size: 14px;
      text-shadow: 1px 1px #DDDDDD;
}
#Menflieg .nomencent {
      white-space: nowrap;
      margin-left:2px;
      backgroundtransparent;
      color: #FFFFFF;
      text-decoration: none;
      font-family: 'Open Sans';
      font-size: 14px;
      text-transform: none;
      text-align:center;
      padding-top:1px;padding-right:2px;padding-bottom:1px;padding-left:3px;
      text-shadow: 1px 1px #000000;
      cursor:default;
}

.tab_entrie01 {
      font-family: 'Open Sans';
      font-size: 14px !important;
      font-weight: normal;
      color: #FFFFFF;
      padding:3px 0 3px 3px;
      text-align: left;
      cursor: default;
}
.tab_entrie02 {
      font-family: 'Open Sans';
      font-size: 14px !important;
      font-weight: normal;
      color: #FFFFFF;
      padding:3px 15px 3px 3px;
      text-align: right;
      cursor: default;
}
.bot_entrie05 {
      font-family: 'Open Sans';
      margin:8px 0 6px 0;
      font-size: 15px;
      font-weight: normal;
      color: #FFFFFF;
      padding: 2px 4px 2px 0;
      text-align:left;
      cursor: default;
}
.tab_pass01 {
      font-family: 'Open Sans';
      font-size: 16px !important;
      font-weight: normal;
      color: #FFFFFF;
      padding:1px 5px 1px 3px;
      text-align: right;
      cursor: default;
}
.tab_pass02 {
      font-family: 'Open Sans';
      font-size: 14px !important;
      font-weight: normal;
      color: #FFFFFF;
      padding:1px 1px 1px 0;
      text-align: left;
      cursor: default;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
}
.putinpass01 {
      display:block;
      width:200px;
      font-family: 'Open Sans';
      font-size: 16px;
      font-weight: normal;
      color: #000000;
      background-color: #EEEEEE;
      border-top: 1px solid #FFFFFF;
      border-left: 1px solid #FFFFFF;
      border-bottom: 1px solid #000000;
      border-right: 1px solid #000000;
      cursor:default;
}
.putinpass02 {
      display:block;
      width:200px;
      font-family: 'Open Sans';
      font-size: 16px;
      font-weight: normal;
      color: #000000;
      background-color: #EEEEEE;
      border-top: 1px solid #FFFFFF;
      border-left: 1px solid #FFFFFF;
      border-bottom: 1px solid #000000;
      border-right: 1px solid #000000;
}


.feadbackname {
      font-family: 'Open Sans';
      font-size: 16px;
      font-style: normal;
      font-weight: normal;
      text-align:left;
      cursor:default;
}

#mainleft {
      width:49%;
      float:left;
      height: 510px;
      border:1px solid #ff0000;
      -webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.75);
      -moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.75);
      box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.75);
      background:transparent;
}

#mainright {
      width:49%;
      float:right;
      height: 510px;
      border:1px solid #DEDEDE;
      -webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.75);
      -moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.75);
      box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.75);
      background:transparent;
}
/** -------------------------------------------------------------------------------------------------------------------------------Stammtisch---------- **/
#framecenter {
      position:relative;
      margin:0 auto;
      width:100%;
      height:630px;
      border:transparent;
      background:transparent url('../images/stammsm.png') no-repeat right bottom;

}
#forumleft {
      position:relative;
      width:69%;
      float:left;
      height: 560px;
      border:1px solid #DEDEDE;
      -webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.75);
      -moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.75);
      box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.75);
      background:transparent;
}

#forumright {
      position:relative;
      width:29%;
      float:right;
      height: 560px;
      border:1px solid #DEDEDE;
      -webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.75);
      -moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.75);
      box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.75);
      background:transparent;
}




/** -------------------------------------------------------------------------------------------------------------------------------medias---------- **/

@media screen and (max-width: 1259px) {
      .logo img{
            width:47px;
            height:60px;}
      #container {
      margin:-68px auto 0 auto;}
      nav { display: none; }

}
@media screen and (max-width: 1023px) {
      .logo img{
            width:39px;
            height:50px;}
      #container {
      margin:-58px auto 0 auto;}
      nav { display: none; }

}
@media screen and (max-width: 1023px) {
      .logo img{
            width:39px;
            height:50px;}
      #container {
      margin:-58px auto 0 auto;}
      nav { display: none; }

}




@media screen and (min-width: 960px) {
      nav { display: none; }

}
@media screen and (max-width: 959px) {
      #container {
      margin:0 auto 0 auto;}
      #body {background:transparent;}

      aside {display: none;}
      nav { display: block; }
      footer {display: none;}
      .logo {display: none;}

      body { font-size: 0.8em; }

      header h1 a, header h1 a:hover { padding: 5px; }

      div#container { width: auto; }

      footer .footer-content ul { margin-bottom: 15px; }

      footer .footer-content ul.endfooter { margin-bottom: 0px; }

      .width { width:auto; padding: 0; }

      #content, aside.sidebar { float: none; width: auto; }

      footer .footer-content ul { width: auto; float: none; }

       nav ul { margin-top: 0; padding: 0px; }

      nav ul li { float: none; text-align:center; display: block; margin-bottom: 2px;  }

      nav ul li a { float: none; margin-top: 0; display: block; }

      nav { height: auto; position: relative; }

}

@media screen and (max-width: 768px) {

      body { font-size: 0.8em; }

      header h1 a, header h1 a:hover { padding: 5px; }

      div#container { width: auto; }

      footer .footer-content ul { margin-bottom: 15px; }

      footer .footer-content ul.endfooter { margin-bottom: 0px; }

      .width { width:auto; padding: 0; }

      #content, aside.sidebar { float: none; width: auto; }

      footer .footer-content ul { width: auto; float: none; }
       nav ul { margin-top: 0; padding: 0px; }

      nav ul li { float: none; text-align:center; display: block; margin-bottom: 2px;  }

      nav ul li a { float: none; margin-top: 0; display: block; }

      nav { height: auto; position: relative; }

}

@media screen and (max-width: 740px) {

      body { font-size: 0.8em; }

      header h1 a, header h1 a:hover { padding: 5px; }

      div#container { width: auto; }

      footer .footer-content ul { margin-bottom: 15px; }

      footer .footer-content ul.endfooter { margin-bottom: 0px; }

      .width { width:auto; padding: 0; }

      #content, aside.sidebar { float: none; width: auto; }

      footer .footer-content ul { width: auto; float: none; }
       nav ul { margin-top: 0; padding: 0px; }

      nav ul li { float: none; text-align:center; display: block; margin-bottom: 2px;  }

      nav ul li a { float: none; margin-top: 0; display: block; }

      nav { height: auto; position: relative; }

}


@media screen and (max-width: 540px) {

      body { font-size: 0.8em; background-position: left -100px; }

      header, header h1 a, header h1 a:hover { text-align: center; padding: 10px 0 0 0; font-size: 1.1em; }

      nav ul { margin-top: 0; padding: 0px; }

      nav ul li { float: none; text-align:center; display: block; margin-bottom: 2px;  }

      nav ul li a { float: none; margin-top: 0; display: block; }

      nav { height: auto; position: relative; }

}