@charset "UTF-8";

body {
  padding:0px;
  margin:0px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  color:rgb(135,63,23);
  font-size:14px;  
  background-color:rgb(230,230,230);
  background-image:url(bilder/hintergrund/back42.jpg);
  background-size: 100%;
  background-attachment:fixed;
}

body#mail {
  padding:0px;
  margin:0px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  color:rgb(135,63,23);
  font-size:14px;  
  background-color:rgb(230,230,230);
  background-image:url();
  background-size: 100%;
  background-attachment:fixed;
}

a:link { font-size:14px; font-family:sans-serif,Arial; color:rgb(180,0,0); text-decoration:none; }
a:visited { font-size:14px; font-family:sans-serif,Arial; color:rgb(180,0,0); }
a:hover { font-size:14px; font-family:sans-serif,Arial; color:rgb(235,0,0); }
a:active { font-size:14px; font-family:sans-serif,Arial; color:rgb(180,0,0); }

.n { font-size:14px; font-family:sans-serif,Arial; color:rgb(135,63,23);}
.nb { font-size:14px; font-family:sans-serif,Arial; font-weight:bold; color:rgb(135,63,23);}
.k { font-size:11px; font-family:sans-serif,Arial; color:rgb(135,63,23);}
.kb { font-size:11px; font-family:sans-serif,Arial; font-weight:bold; color:rgb(135,63,23);}
.k  a:link { font-size:11px; font-family:sans-serif,Arial; color:rgb(180,0,0); text-decoration:none; }
.k  a:visited { font-size:11px; font-family:sans-serif,Arial; color:rgb(180,0,0); }
.k  a:hover { font-size:11px; font-family:sans-serif,Arial; color:rgb(235,0,0); }
.k  a:active { font-size:11px; font-family:sans-serif,Arial; color:rgb(180,0,0); }
.rot-n { font-size:14px; font-family:sans-serif,Arial; color:rgb(235,0,0);}
.rot-nb { font-size:14px; font-family:sans-serif,Arial; font-weight:bold; color:rgb(235,0,0);}
#klein a { font-size:11px; font-family:sans-serif,Arial; color:rgb(235,0,0);}


/* Kopfleiste */
#kopf {
  position:fixed;
  top:0px;
  z-index:101;
  width:100%;
}
#kopf800 {
  position:relative;
  margin:auto;
  width:800px;
  height:118px;
  background-color:rgb(220,220,220);
  border-top:2px solid rgb(250,250,250);
  border-left:2px solid rgb(250,250,250);
  border-right:2px solid rgb(250,250,250);
}
#kopf_login {
  position:absolute;
  top:105px;
  right:-15px;
  min-width:80px;
  max-width:200px;
  border:1px solid rgb(250,250,250);
  background-color:rgb(220,220,220);
  text-align:right;
  padding:3px;
  font-size:10px;
/*  margin:auto;
  width:800px;
  height:118px;
  background-color:rgb(220,220,220);
  border-top:2px solid rgb(250,250,250);
  border-left:2px solid rgb(250,250,250);
  border-right:2px solid rgb(250,250,250);*/
}
#logo_top {
  border:0;
  height:100px;
  width:800px;
}
#linie_top {
  height:1px;
  width:100%;
}
  /* Menü Login */
#navlog nav {
  position: relative;
}
#navlog ul {
    padding: 0px;
    margin: 0px;
    display: block;
    padding:0px;
}
#navlog ul li{/*Unterpunkte*/
    float: none;
	height:25px;
	list-style: none;
	background-color:rgb(150,150,150);
	border: 1px solid rgb(220,220,220);
	width: 198px;
	text-align: center;
}
#navlog ul li:hover {
  background-color:rgb(100,100,100);
}
#navlog a:hover{
  color:rgb(250,250,250);
}
#navlog a{
  color:rgb(220,220,220);
  font-size: 14px;
  font-weight: bold;
  font-family: sans-serif,Arial;
  text-decoration: none;
  display: block;
  padding: 5px;
  /*font-style: italic;*/
}

/* Ende Kopfleiste */


/* Hauptteil */
#mitte {
  position:relative;
  margin:auto;
  margin-top:120px; /*muss mindestens Höhe kopf sein*/
  margin-bottom:0px; /*muss mindestens als Abstand auf jeder Seite eingefügt werden*/
  width:800px;
  height:100%;
  min-height:1500px;
  background-color:rgba(220,220,220, 0.9);
  border-left:2px solid rgb(250,250,250);
  border-right:2px solid rgb(250,250,250);
  /*border:1px solid red;*/
}
#mitte table {
  margin:auto;
  margin-top:30px;
  margin-bottom:30px;
}
#wetteronline{
  text-align:center;
  margin-top:30px;
  margin-bottom:30px;
}
#wetteronline iframe{
  margin-left:10px;
  margin-right:10px;
}
#gaestebuch{
  text-align:center;
  margin-top:30px;
  margin-bottom:30px;
}
#absatz{
  text-align:center;
  margin-top:30px;
  margin-bottom:10px;
  clear:both; /* wichtig, damit Elemente vorher nicht weiter umflossen werden (float) */
}
#absatz li{
  list-style:none;
  margin-bottom:20px;
}
#zeilenhoehe30{
  line-height:30px;
  /*border:1px solid red;*/
}
#abstand10{
  height:10px;
}
#abstand30{
  height:30px;
}
#abstand150{
  height:150px;
}
#links {
  float:left;
  text-align:right;
  width:48%;
  margin:0px;
  padding:0px;
}
#rechts {
  text-align:left;
  margin-left:52%;
  padding:0px;
}
/* Ende Hauptteil */


/* Fußleiste */
#fuss {
  position:fixed;
  bottom: 0px;
  z-index:100;
  width:100%;
  text-align:center;
  /*height:auto;
  padding-bottom:0px;
  margin-bottom:0px;
  background-color:rgb(230,230,230);*/
}
#fuss800 {
  position:relative;
  margin:auto;
  width:800px;
  height:auto;
  background-color:rgb(220,220,220);
  border-left:2px solid rgb(250,250,250);
  border-right:2px solid rgb(250,250,250);
  border-bottom:2px solid rgb(250,250,250);
}
#fuss_info{
  padding:2px;
}

  /* Menü */
nav {
  width: 800px;
}
nav ul {
    padding: 0px;
    margin: 0px;
}
nav ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
    nav ul,nav ul li{
    background-color:rgb(150,150,150);
}
    nav ul li { /*Oberpunkte*/
    list-style: none;
    float:left;
	width:198px;
	border: 1px solid rgb(220,220,220);
	position:relative;
	height:25px;
}
nav ul li a {
    text-decoration: none;
    display: block;
    padding: 5px;
}
nav ul li:hover > ul {
    visibility: visible;
}
nav ul li:hover {
  background-color:rgb(100,100,100);
}
nav ul li ul{/*Untermenüs*/
    display: inline;
    visibility: hidden;
    position: absolute;
    padding:0px;
	left:-1px;
	bottom:25px;
}
nav ul li ul li{/*Unterpunkte*/
    float: none;
	height:25px;
}
#nav_a:hover{
  color:rgb(250,250,250);
}
#nav_a{
  color:rgb(220,220,220);
  font-size: 14px;
  font-weight: bold;
  font-family: sans-serif,Arial;
  /*font-style: italic;*/
}

#zaehler {
  display:none;
}
#menu {/*
  position:relative;
  width:800px;
  margin:auto; zentriert das Element, Breite muss aber fest angegeben werden
  height:auto;*/
}
#menu-button  a{
  display:none;
}
/* Ende Fußleiste */


/* Startseite */
#start_links {
  float:left;
  text-align:left;
  margin:0px;
  padding:0px;
}
#start_mitte {
  position:relative;
  margin:auto;
  text-align:center;
  width:460px;
  padding:0px;
}
#start_rechts {
  text-align:right;
  margin:0px;
  padding:0px;
}
/* Ende Startseite */

/* Archiv */
#archiv_links {
  float:left;
  text-align:right;
  font-weight:bold;
  width:48%;
  margin:0px;
  padding:0px;
}
#archiv_rechts {
  text-align:left;
  margin-left:52%;
  padding:0px;
}
/* Ende Archiv */

/* Termine */
#termine_links {
  float:left;
  text-align:right;
  font-weight:bold;
  width:48%;
  margin:0px;
  padding:0px;
}
#termine_rechts {
  text-align:left;
  margin-left:52%;
  padding:0px;
}
/* Ende Termine */

/* Gallery und Bildanzeige*/
#gallery_bilder img {
  width:80%;
  border:1px solid rgb(250,250,250);
}
#bilder_klein img {
  width:200px;
  border:1px solid rgb(250,250,250);
}
#bild_einblenden {
  z-index: 102;
  background-color: rgba(0, 0, 0, .8);
  height: 100%;
  width: 100%;
  min-width: 200px;
  margin: 0px;
  position: fixed;
  top: 0%;
  left: 0%;
}
#bild_einblenden1 {
  z-index: 102;
  background-color: rgba(0, 0, 0, .8);
  height: 100%;
  width: 100%;
  min-width: 200px;
  margin: 0px;
  position: fixed;
  top: 0%;
  left: 0%;
}
#bild_einblenden2 {
  z-index: 102;
  background-color: rgba(0, 0, 0, .8);
  height: 100%;
  width: 100%;
  min-width: 200px;
  margin: 0px;
  position: fixed;
  top: 0%;
  left: 0%;
}
#bild_einblenden3 {
  z-index: 102;
  background-color: rgba(0, 0, 0, .8);
  height: 100%;
  width: 100%;
  min-width: 200px;
  margin: 0px;
  position: fixed;
  top: 0%;
  left: 0%;
}
#bild_einblenden4 {
  z-index: 102;
  background-color: rgba(0, 0, 0, .8);
  height: 100%;
  width: 100%;
  min-width: 200px;
  margin: 0px;
  position: fixed;
  top: 0%;
  left: 0%;
}
#bild_einblenden5 {
  z-index: 102;
  background-color: rgba(0, 0, 0, .8);
  height: 100%;
  width: 100%;
  min-width: 200px;
  margin: 0px;
  position: fixed;
  top: 0%;
  left: 0%;
}
#bild_einblenden6 {
  z-index: 102;
  background-color: rgba(0, 0, 0, .8);
  height: 100%;
  width: 100%;
  min-width: 200px;
  margin: 0px;
  position: fixed;
  top: 0%;
  left: 0%;
}
#bild_einblenden7 {
  z-index: 102;
  background-color: rgba(0, 0, 0, .8);
  height: 100%;
  width: 100%;
  min-width: 200px;
  margin: 0px;
  position: fixed;
  top: 0%;
  left: 0%;
}
#bild_einblenden8 {
  z-index: 102;
  background-color: rgba(0, 0, 0, .8);
  height: 100%;
  width: 100%;
  min-width: 200px;
  margin: 0px;
  position: fixed;
  top: 0%;
  left: 0%;
}
#bild_einblenden9 {
  z-index: 102;
  background-color: rgba(0, 0, 0, .8);
  height: 100%;
  width: 100%;
  min-width: 200px;
  margin: 0px;
  position: fixed;
  top: 0%;
  left: 0%;
}
#bild_einblenden10 {
  z-index: 102;
  background-color: rgba(0, 0, 0, .8);
  height: 100%;
  width: 100%;
  min-width: 200px;
  margin: 0px;
  position: fixed;
  top: 0%;
  left: 0%;
}
#bild_einblenden11 {
  z-index: 102;
  background-color: rgba(0, 0, 0, .8);
  height: 100%;
  width: 100%;
  min-width: 200px;
  margin: 0px;
  position: fixed;
  top: 0%;
  left: 0%;
}
#bild_einblenden12 {
  z-index: 102;
  background-color: rgba(0, 0, 0, .8);
  height: 100%;
  width: 100%;
  min-width: 200px;
  margin: 0px;
  position: fixed;
  top: 0%;
  left: 0%;
}
#bild_einblenden13 {
  z-index: 102;
  background-color: rgba(0, 0, 0, .8);
  height: 100%;
  width: 100%;
  min-width: 200px;
  margin: 0px;
  position: fixed;
  top: 0%;
  left: 0%;
}
#bild_einblenden14 {
  z-index: 102;
  background-color: rgba(0, 0, 0, .8);
  height: 100%;
  width: 100%;
  min-width: 200px;
  margin: 0px;
  position: fixed;
  top: 0%;
  left: 0%;
}
#gallery_absatz{
  text-align:center;
  margin-top:10px;
  margin-bottom:10px;
}
/* Ende Gallery*/

/* Gallery_Diashow*/
#hintergrund{
  display: block;
  z-index: 102;
  background-color: rgba(0, 0, 0, .8);
  height: 100%;
  width: 100%;
  min-width: 200px;
  margin: 0px;
  position: fixed;
  top: 0%;
  left: 0%;
}

#rahmen{
  height: 90%;
  width: 80%;
  max-height: 1000px;
  min-height: 200px;
  margin: 0px;
  background-color: rgba(100, 100, 100, .8);
  border: #ffffff solid 0px;
  position: absolute;
  top: 5%;
  left: 10%;
  text-align: center;
}

#b_zurueck{
  position: absolute;
  bottom: 1px;
  left: 4px;
}
#b_zurueck a:hover {
  position: absolute;
  bottom: 0px;
  left: -3px;
}

img#bild{
  max-height: 90%;
  max-width: 80%;
  border-color: #ffffff;
  border-style: solid;
  border-width: 0px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-top-width: 1px;
}

#b_text{
  border: #ffffff solid 0px;
  font-size: 16px;
  position: absolute;
  bottom: 0px;
  left: 15%;
  width: 70%;
  color: #eeeeee;
}

#b_vor{
  position: absolute;
  bottom: 1px;
  right: 4px;
}
#b_vor a:hover {
  position: absolute;
  bottom: 0px;
  right: -3px;
}

#b_nr{
  border: #ffffff solid 0px;
  position: absolute;
  top: 50%;
  right: 0px;
  color: #eeeeee;
}

#b_schliessen{
  position: absolute;
  top: 1px;
  right: 1px;
}
#b_schliessen a:hover {
  position: absolute;
  top: 2px;
  right: 2px;
}
/* Ende Gallery_Diashow*/

/* Fluggebiet */
#fluggebiet_links {
  float:left;
  text-align:right;
  width:48%;
  margin:0px;
  padding:0px;
}
#fluggebiet_links img{
  width:100%;
  margin:0px;
  padding:0px;
}
#fluggebiet_rechts {
  text-align:left;
  margin-left:52%;
  padding:0px;
}
#fluggebiet_rechts img{
  width:100%;
  margin:0px;
  padding:0px;
}
#fluggebiet_bilder img {
  width:95%;
  border:1px solid rgb(250,250,250);
}
/* Ende Fluggebiet */

/* Impressum Datenschutz */
#impressum {
  text-align:center;
  margin:0px;
  padding:10px;
}
#impressum h1 {
  font-size:16px;
  font-weight:bold;
}
#impressum h2 {
  font-size:14px;
  font-weight:bold;
}
/* Ende Impressum Datenschutz */