/* CSS Document */
html, body {
  background-color: rgb(255,255,255);
  margin: 0px;
  padding: 0px;
  width: 1000px;
}

#header {
  background-color: rgb(200,255,36);
  width: 1000px;
  height: 140px;
  padding: 0px;
  margin: 0px;
}
#navigation {
  position: absolute;
  background-color: rgb(200,255,36);
  top: 140px;
  left: 0px;
  width: 200px;
  margin: 0px;
  padding: 0px;
}

#top_navigation {
        position:absolute;
        top:97px;
        left:274px;
        height:35px;
   width: 410px;
}

#content {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 200px;
  /*background-color: rgb(200,255,36);*/
}

#features {
  position: absolute;
  background-image: url("images/features-hintergrund.jpg");
  background-repeat: no-repeat;
  background-color: white;
  top: 140px;
  left: 800px;
  width: 200px;
  margin: 0px;
  padding: 0px;
}

#logo {
  position: absolute;
  top: 5px;
  left: 0px;
  /*height: 100px;
  /*width: 87px;
  height: 87px;*/
}
.grossbild {
   position: fixed;
   top: 140px;
   left: 20px;
   width: 600px;
   height: 400 px;
   background-color: #C0C0C0;
   border: 2px solid white;
   padding: 15px;
   visibility: hidden;
   z-index: 10;
}

#info_sublink {
   visibility: hidden;
   position: absolute;
   padding: 5px;
   top: 133px;
   left: 569px;
   width: 155px;
   border: 1px solid white;
   z-index: 10;

}
.sub_link {
        display: block;
   width: 150px;
   text-align: left;
   height: 20px;
   font-family: "MS Sans Serif", sans-serif;
   font-size: 14px;
   font-weight: bold;
   padding-top: 1px;
   padding-left: 5px;
   text-decoration: none;
   background-color: white;
   border-bottom: 1px solid white;
   color: rgb(48,82,27);
}
a.top_link {
        display: block;
   position: absolute;
   text-align: center;
   height: 35px;
   font-family: "MS Sans Serif", sans-serif;
   font-size: 14px;
   font-weight: bold;
   padding-top: 1px;
   text-decoration: none;
   top: 8px;
   color: rgb(48,82,27);
}
a:hover {
        color: red;
}
a#home {
        left: 3px;
   width: 45px;
}
a#Galerie {
        bottom: 0px;
   left: 55px;
   width: 55px;
}
a#Anfahrt {
        bottom: 0px;
   left: 115px;
   width: 61px;
}
a#Mitglied {
        bottom: 0px;
   left: 181px;
   width: 111px;
}
a#info {
   bottom: 0px;
   left: 299px;
   width: 112px;
   /*border: 1px solid black; */
}

ul {
   padding-left: 15px;
}


li {
   list-style-type:square;
}

h1, h2, h3,p, ul, ol, table {
  margin-left: 15px;
  margin-right: 5px;
  font-family: "MS Sans Serif", sans-serif;
  font-size: 14px;
}

h1 {
  font-weight: bold;
  font-style: normal;
  font-size: 130%;
  line-height: 1.1 em;
  border-left: #808000 solid 20px;
  border-bottom: #808000 solid 4px;
  padding-left: 12px;
  margin-top: 32px;
}

h2 {
  color: #333300;
  font-weight: bold;
  font-style: normal;
  font-size: 110%;
  line-height: 1.1em;
  border-bottom: #808000 solid 2px;
  margin-top: 24px;
}

p.intro {
  text-align: left;
  font-weight: normal;
  font-style: italic;
  font-size: 100%;
  line-height: 1.1em;
  margin-left: 48px;
  color: black;
}

p.text {
  text-align: justify;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1.1em;
  color: black;
}

p.kommentar {
  text-align: left;
  font-size: 120%;
  line-height: 1.1em;
  color: red;
}
p.alert {
  text-align: justify;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1.1em;
  color: red;
   }

li {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1.1em;
  color: black;
}

td, th {
  text-align: left;
  font-style: normal;
  font-size: 100%;
  line-height: 1.1em;
  color: black;
  border-bottom: 1px solid green;
}

th {
  font-weight: bold;
}

td.BNV {
  text-align: justify;
  font-weight: normal;
  font-style: normal;
  font-family: "MS Sans Serif", sans-serif;
  font-size: 16px;
  line-height: 1.1em;
  color: black;
}

div.box_title {
  margin-top: 16px;
  margin-left: 8px;
  margin-right: 8px;
  background-color: rgb(130, 130, 130);
  color: white;
  font-family: "MS Sans Serif", sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 1px;
}

div.box_title_news {
  margin-top: 16px;
  margin-left: 8px;
  margin-right: 8px;
  background-color: red;
  color: white;
  font-family: "MS Sans Serif", sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding: 1px;
}
div.box_titleNews {
  margin-top: 16px;
  margin-left: 8px;
  margin-right: 8px;
  background-color: red;
  color: white;
  font-family: "MS Sans Serif", sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 1px;
}

div.box_content {
  margin-left:8px;
  margin-right: 8px;
  margin-bottom: 8px;
  background-color: white;
  border: rgb(130, 130, 130) solid 1px;
  color: black;
  font-family: "MS Sans Serif", sans-serif;
  font-size: 14px;
  font-weight: normal;
  padding: 3px;
}
div.box_content_news {
  margin-left:8px;
  margin-right: 8px;
  margin-bottom: 2px;
  background-color: white;
  border: rgb(130, 130, 130) solid 1px;
  color: black;
  font-family: "MS Sans Serif", sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 130%;
  padding: 3px;
}

.daumennagel {
   border: 1px solid white;
   padding: 15px;
   width: 29%;
}

.pause {
    border: 1px solid black;
    padding: 15px;
    width: 29%;
}