html, body {
 /*   text-align: center;
    background-image: url(images/x.jpg);
    background-attachment: fixed;  */
    font-family: arial, helvetica, sans-serif, cursive;
    background-color: #DFDFDF;
    font-size:1em;
	/* line-height: 1.2em; */
    height:100%;
    min-height:100%;
 }

 * {
    margin: 0;
    padding: 0;
 }

 .txt_color{
   color: #64A92C;
 }

 /* Seitenbreite gesamt 924px*/
 header, footer, #wrapper { width: 950px; }

 /*
 #wrapper {
   min-height:100%;
   background:linear-gradient(45deg, yellow 5%, orange 90%);
 }
  */


 #wrapper{
    background-color: #FFFFFF;
    border: 2px solid #AFAFAF;
    -moz-border-radius-topleft:12px;
    border-top-left-radius:12px;
    -moz-border-radius-topright:12px;
    border-top-right-radius:12px;
    -moz-border-radius-bottomleft:12px;
    border-bottom-left-radius: 12px;
    -moz-border-radius-bottomright:12px;
    border-bottom-right-radius: 12px;
    margin: 0 auto;
    text-align: left;
    position:relative;
 }


 header {
  /*  background-image: url(../images/karneval1.jpg);
    background-image: url(../images/volti2.jpg);
    background-image: url(../images/voltigieren/v-2016-11.gif);   */
    background-image: url(../images/voltigieren/v-2016-3.jpg);
    height: 110px;
    margin: 0 auto;
    -moz-border-radius-topleft:12px;
    border-top-left-radius:12px;
    -moz-border-radius-topright:12px;
    border-top-right-radius:12px;
 }


 #logo {
    height: 110px;
    position:relative;
    top: 0px;
    left:0px;
    background-repeat:no-repeat;
    z-index:2;
 }


header p {
    background-color: orange;
    text-align: right;
    padding-right: 15px;
}

header a {
    color: white;
}

#logotext {
    padding-top: 50px;
    font-size: 1.5em;
    color: white;
}

#steuerungoben {
  /*  background-image: url(images/x.jpg); */
    height: 1em;
    text-align:center;
    margin-left:7px;

 /*   border-top: 3px solid #FF7F7F;
    border-bottom: 3px solid #FF7F7F; */
}

#steuerungoben ul {
    list-style-type: none;
    }

#steuerungoben li {
    display: inline;
}

/*  /* für 7 Stck links
#steuerungoben a {
    padding: 2px 0px 2px;
    display: block;
    height: 1.3em;
    width: 148px;
    background-color: #64A92C;
    float: left;
    border-right:3px solid black;
    text-align: center;
    color: white;
    font-size: 1em;
    font-weight: bold;
    text-decoration:none;
    border-radius: 7px;
  text-shadow: 1px 1px 0px #000, 2px 2px 0px rgba(0,0,0,0.15);
}
*/

 /* für 7 Stck links */
 #steuerungoben a {
    padding: 2px 0px 2px;
    margin-right:1px;
    display: block;
    height: 1.3em;
    width: 110px; /* 126px; */
    background-color: #64A92C;
    float: left;
    border-right:3px solid black;
    text-align: center;
    color: white;
    font-size: 0.8em; /* 1em; */
    font-weight: bold;
    text-decoration:none;
    border-radius: 7px;
  text-shadow: 1px 1px 0px #000, 2px 2px 0px rgba(0,0,0,0.15);
 }

#steuerungoben a:hover {
  /*  background-image: url(images/x.jpg); */
    background-color: #007F00;
    color: white;
}




#steuerunglinks {
    width: 140px;
    float: left;
    padding-left: 1em;
}

 #steuerunglinks ul {
   padding-top: 10px;
   list-style-type: none;
 }

 #steuerunglinks li {
   margin-bottom: 0.5em;
   border-radius: 5px;
   border-right: 2px solid black;
   border-bottom: 2px solid black;
   text-align:center;
   font-size: 0.7em; //0.8em;
 }

 #steuerunglinks ul ul {
   list-style-type: square;
 }

 #steuerunglinks a {
   display: block;
   background-color: #64A92C;
   color: white;
 /*   letter-spacing:0.1em;  */
   font-weight: bold;
   text-decoration:none;
   padding-left:5px;
   border-radius: 5px;
   text-shadow: 1px 1px 0px #000, 2px 2px 0px rgba(0,0,0,0.15);
 }

#steuerunglinks a:hover {
  /*  background-image: url(images/x.jpg); */
    background-color: #007F00;
    color: white;
}

#steuerunglinks p {
    font-size: 0.7em;
    color: #2F2F2F;
}

 #sponsoren a{
   font-size:10px;
   font-weight:normal;
   color:#000;
   border-radius:0px;
   margin:0px;
   padding:0px;
   background-color:#FFF;
   text-shadow: 0px 0px 0px #000, 2px 2px 0px rgba(0,0,0,0.15);
 }

aside {
    width: 175px;
    float: right;
    padding-top:2px;
}

aside img {
    width: 155px;
    height: 116px;
    /* margin-left: 10px;  */
    border:1px solid silver;
/*    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;   */
}

aside p {
    margin:0px;
    padding:0px 5px 10px 5px;
    font-size: 0.7em;
    font-weight:normal;
    color: #2F2F2F;
}

 aside div {
 /*
   -moz-border-radius-topleft:12px;
   border-top-left-radius:12px;
   -moz-border-radius-topright:12px;
   border-top-right-radius:12px;
   -moz-border-radius-bottomleft:12px;
   border-bottom-left-radius:12px;
   -moz-border-radius-bottomright:12px;
   border-bottom-right-radius:12px;
   border:1px solid black;
   */
   width:160px;
   padding:0px;
   margin-top:0px;
   margin-bottom:15px;
 }


 /* 3 Spalten */
 section {
   /* min-height: 680px; */
    margin-left: 170px;
    margin-right: 190px;
/*
    margin-left: 180px;
    margin-right: 200px;
*/
    padding-top: 20px;
    font-size: 0.8em;
 }
 
	.trenn {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;

		hyphenate-limit-chars: auto 5;
		hyphenate-limit-lines: 2;
		-webkit-hyphens: auto;
		-webkit-hyphenate-limit-chars: auto 3;
		-webkit-hyphenate-limit-lines: 4;
		-ms-hyphens: auto;
		-ms-hyphenate-limit-chars: auto 3;
		-ms-hyphenate-limit-lines: 4;   
	}


 section p {
    padding-bottom: 0.1em;
    color: #2F2F2F;
    text-align: justify;
    font-weight:normal;
    font-size: 1em; /* 0.9em; */
/*    font-style:italic;  */
	line-height:20px;
 }

 section h1 {
    position:relative;
    top:-15px;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    color: #64A92C; /* #dd9661;   */
    font-size: 1em;
    text-align:center;
    border:1px solid silver;
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;
 }

 section h2 {
    color: #dd9661;
    padding-top: 1em;
    padding-bottom: 0.6em;
 }

 section ul {
    padding-left: 2em;
 }

 section li {
    padding-bottom: 0.7em;
    color: #2F2F2F;
 }

 section li span{
    float:left;
    font-size:0.7em;
    font-weight:bold;

    width:90px;
 }

 section .box {
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;
 }

 section video{
   border:1px solid silver;
   -moz-box-shadow: 10px 10px 5px #888;
   -webkit-box-shadow: 10px 10px 5px #888;
   box-shadow: 10px 10px 5px #888;
 }


/* 1 Spalte */
sectionfull {
    padding-left: 0px;
    padding-right: 0px;
}

sectionfull p {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0.1em;
    color: #2F2F2F;
    text-align: justify;
}

sectionfull h1 {
    padding-top: 30px;
    padding-left: 20px;
    padding-bottom: 0.4em;
    font-size: 1.5em;
    color: #64A92C; /* #dd9661;  */
}

sectionfull h2 {
    color: #dd9661;
    padding-top: 1em;
    padding-bottom: 0.6em;
    font-size: 1em;
}

sectionfull ul {
    padding-left: 1em;
}

sectionfull li {
    padding-bottom: 0.7em;
    color: #2F2F2F;
}


 footer {
    background-color: #64A92C;
    font-size: 0.7rem;
    color: white;
    text-align: center;
    clear: both;
    -moz-border-radius-bottomleft:12px;
    border-bottom-left-radius: 12px;
    -moz-border-radius-bottomright:12px;
    border-bottom-right-radius: 12px;

    /* neu am 16.5.15   */
	margin-top: 1em;
    padding: 0px 0px 3px;
    position:relative;
    bottom:0px;
 }

 footer a {
  /*  display: block;  */
    background-color: #64A92C;
    color: white;
    text-decoration:none;
 }

 footer a:hover {
  /*  background-image: url(images/x.jpg); */
    background-color: #007F00;
    color: white;
 }

 .verweis{
  text-decoration-style: dotted;
  font-style:italic;
  font-size: 1.0em;
  font-weight:bold;
  background-color: #FFF !important;
  color:#000000;
 }

 .verweis_video{
  width:20px;
  height:15px;
  position:relative;
  top:3px;
  border:0px;
 /* background-image: url(../images/video.jpeg);
  repeat:no-repeat; */
 }

 .verweis_kamera{
  width:20px;
  height:15px;
  position:relative;
  top:2px;
  border:0px;
/*  background-image: url(../images/kamera.gif);
  repeat:no-repeat;  */
 }

 .vorstand{
  text-align:center;
  font-weight:bold;
box-shadow: 10px 0 10px #999 inset;
 /*  box-shadow: -10px -10px 10px #ccc inset, 10px 10px #aaa;
  box-shadow: 0 175px #eed inset, 0 0 0 5px red inset;     */
 }

 .tblimpressum{
  font-size: 0.9em;
  padding: .5em;
 }

 .butt_anmelden{
  background-color:#ff3300;
  padding-left:13px;
  padding-right:13px;
  padding-top: 5px;
  padding-bottom:5px;
  color: white;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 1em;
  font-weight:600;
  text-align:center;
  border-right:black 2px solid;
  border-bottom:black 2px solid;
  border-top:#e0e0e0 2px solid;
  border-left:#c0c0c0 2px solid;
  border-radius:8px;
  text-decoration:none;
 }

 .tooltip_error{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:1em;
  font-weight:bold;
  border: 1px solid black;
  color:black;
  background-color:#fff;
  padding:5px;
  position:absolute;
  z-index:1;
  display:none;
  filter: Alpha(opacity=70);
  opacity:0.8;
  moz-opacity:0.8;
 }


 .tooltip{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:1em;
  text-align:left;
  position:absolute; z-index:10;
  display:none;
  border:1px #000000 solid;
  border-radius:10px;
  padding:5px;
  background:#FFFFCC;
  color:#000000;
  width:250px; z-index:100;
 }

 .tooltip_nav{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:0.7em;
  text-align:left;
  position:absolute; z-index:10;
  display:none;
  border:1px #000000 solid;
  border-radius:10px;
  padding:5px;
  background:#FFFFCC;
  color:#000000;
  width:200px;
 }

 .tooltip_pic{
  position:absolute; z-index:10;
  display:none;
 }

 .tooltip_visible_index{
  position:absolute;
  top:45px;
  left:0px;
  width:100%;
  height:25px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-style: italic;
  font-size:1.2em;
  font-weight:bold;
  color:black;
  text-align:center;
  margin:0px auto;
  z-index:1;
  filter: Alpha(opacity=50);
  opacity:0.4;
  moz-opacity:0.4;
  background-color: #DBE5F1;
 }

 .tooltip_visible{
  position:relative;
  top:-60px;
/*  left:100px; */
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-style: italic;
  font-size:1.2em;
  font-weight:bold;
  color:black;
  text-align:left;
  margin:0px auto;
  padding-left:10px;
  padding-right:10px;
  z-index:1;
  width:680px;
  height:55px;
  filter: Alpha(opacity=50);
  opacity:0.4;
  moz-opacity:0.4;
  background-color: #DBE5F1;
 }

 .tooltip_video{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-style: italic;
  color:black;
  font-weight:bold;
  padding-left:10px;
  padding-right:10px;
  font-size:1.2em;
  text-align:left;
  z-index:1;
  width:680px;
  height:22px;
  filter: Alpha(opacity=50);
  opacity:0.4;
  moz-opacity:0.4;
  background-color: #DBE5F1;
  position:relative;
  top:-100px;
 }




.ttip {
    position: relative;
    display: inline-block;
 /*   border-bottom: 1px dotted black;   */
}

.ttip .ttiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    /*font-size:8px;  */
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
}

.ttip .ttiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.ttip:hover .ttiptext{
    visibility: visible;
}







 .Fehlermeldung {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 0.8em;
  font-weight:bold;
  color: #FFF;
  background-color: red;
  border:1px solid #9f9f9f;
  margin-right:3px;
 }

 .form-input{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size : 0.9em;
  font-weight : normal;
  color : #000;
  border-top : 1px;
  border-left : 1px;
  border-bottom : 1px;
  border-right : 1px;
  border-style : solid;
  border-color : #7F7F7F;
  background-color: #fff;
  padding-left:3px;
 /* padding-top:3px;
  padding-bottom:3px; */
 }

/* 10.9.2018
 .form-txt{
  line-height: 1.8em;
  font-weight:bold;
  font-size: 14px;
 }
*/

 .form-txt2{
  font-weight:bold;
 }

 .form-input-route{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size : 1.1em;
  font-weight : normal;
  color : #000;
  border: 1px solid black;
  border-radius:5px;
  background-color: #FFFFFF;
  padding-left:3px;
  line-height: 1.2em;
 }

 .form-txt-route{
  font-weight:normal;
  font-size: 1.0em;
 }

 .galerie{
  width: 700px;
  height: 400px; /* 500px */
  /* margin-left: 10px; */
  border:1px solid silver;
  -moz-box-shadow: 10px 10px 5px #888;
  -webkit-box-shadow: 10px 10px 5px #888;
  box-shadow: 10px 10px 5px #888;
  margin-top:5px;
  margin-bottom:10px;
 }

 .submit{
  font-size:1.4em;
  text-decoration:none;
 }

 .submit_big{
  text-align:center;
  font-size: 1.4em;
  font-weight:bold;
  letter-spacing: 0.1em;
  width:430px;
  height:30px;
  background-color:red;
  color:#fff;
  border-radius:8px;
  text-shadow: 1px 1px 0px #000, 2px 2px 0px rgba(0,0,0,0.15);
/* text-shadow: 1px 1px 0px #AFAFAF, 2px 2px 0px rgba(0,0,0,0.15); */

 }

 .style_dist{
  color:#000;
  font-weight:400;
 }

 .nojava{
  color:white;
  font-size: 1em;
  text-align:center;
  background-color:red;
 }

 /* Links extern, Sitemap, Service etc. */
 ul.sitemap{
  list-style-type: none;
  margin-top:20px;
  margin-left:0px;
  padding-left:30px;
  font-size:20px;
 }

 .list{
  list-style-type: square;
 }

 #navmap li a{
  font-weight:bold;
  border-bottom: 1px solid #CFCFCF;
  display: block;
  color:black;
  text-decoration: none;
  width:450px;
  padding-left:5px;
  font-size:14px;
 }

 #navmap li a:hover{
  background: #64A92C; /*#99CC66;*/
  color:#FFF;
 }

 #navmap_extern li a{
  font-weight:bold;
  border-bottom: 1px solid #CFCFCF;
  display: block;
  color:black;
  text-decoration: none;
  width:500px;
  padding-left:5px;
  font-size:14px;
 }

 #navmap_extern li a:hover{
  background: #64A92C; /*#99CC66;*/
  color:#FFF;
 }
 /*  // */




 /* BMI */

 .form-pullup{
  font-weight: normal;
  color: #000;
  border-top: 1px;
  border-left: 1px;
  border-bottom: 1px;
  border-right: 1px;
  border-style: solid;
  border-color: #7f7f7f;
  background-color: #fff;
  width:188px;
 }

 .form-txt{  /* Text rechtsbündig! */
  padding-right:10px;
  padding-bottom:10px;
  text-align:right;
  font-weight: normal;
  font-size:0.9em;
  color:#000;
 }

 .InputText{  /* Text rechtsbündig! */
  font-weight: normal;
  color: #000;
  border-top: 1px;
  border-left: 1px;
  border-bottom: 1px;
  border-right: 1px;
  border-style: solid;
  border-color: #000;
  background-color: #fff;
  padding-right: 2px;
 }

 .label_kontakt{
  display:inline-block;
  width:95px;
 }

 .label_bmi{
  display:inline-block;
  width:45px;
 }

 .termin, .archiv {
  text-align: left;
  font-weight:bold;
  font-size: 1.1em;
  padding:2px 00px 2px 10px;
  margin-bottom:15px;
  border-top:1px solid black;
  border-bottom:1px solid black;
/*  background:linear-gradient(to right, #00FF00 55%, #007F00 100%);
  background:linear-gradient(45deg, yellow 5%, orange 90%);  */
  background:linear-gradient(45deg, grey 85%, #64A92C 15%);
  color:#FFF;
 }
 
 .termin_end{
	margin-bottom: 25px;
 }

 .termin_{
  background-color:#FFFFFF;
  height:35px;
 /* margin-bottom:40px; */
 }

 .archiv_{
  margin-top:15px;
  background-color:#AFAFAF;
  height:35px;
  margin-bottom:40px;
 }

 /* Content-right.inc.php, nav-galerie.inc.php */
 .div_top{
 /*
  border-radius:12px;
  border:1px solid black;
*/

  width:140px;
  padding:0px;
  margin-top:5px;
 }

 .msg_top{
 /*
  -moz-border-radius-topleft:12px;
  border-top-left-radius:12px;
  -moz-border-radius-topright:12px;
  border-top-right-radius:12px;
  */

  padding:0px;
  margin:0px;
  font-weight:bold;
  background-color: #64A92C;
  color:#FFFFFF;
  text-align:center;
  text-shadow: 1px 1px 0px #000, 2px 2px 0px rgba(0,0,0,0.15);
 }

 .msg_div{
   background-color:#EFEFEF;
 }

 .msg_link{
  text-decoration:none;
  color: #64A92C;
 }

 .msg_txt{
  padding-top:5px;
  text-align:justify;
 }

 .msg-feiertag{
  padding:5px;
  margin:0px;
  font-style:italic;
  font-size:12px;
  color:#FFF; /* #FFBF00; */
  text-align:justify;
  background-color: #64A92C;
/*
  -moz-border-radius-bottomleft:12px;
  border-bottom-left-radius:12px;
  -moz-border-radius-bottomright:12px;
  border-bottom-right-radius:12px;
*/
  border-top:1px solid black;
 }

 .counter_div{
  position:relative;
  text-align:center;
    background-color: #DFDFDF;
 }

 .counter_txt{
  font-size:0.7em;
 }

 .counter_table{
  width:100%;
  margin-top:0px;
  border:1px solid black;
  padding:2px;
  background-color:#EFEFEF;
 }

 .sponsoren{
  font-style:italic;
  font-weight:normal;
  padding:10px;
  color:#000000;
  border:4px dotted #64A92C;
  background-color:#EFEFEF;;
  margin-bottom:30px;
 }

 /* Geburtstage */
 .geburtstag_div{
  position:fixed;
  top:120px;
  margin-left:auto;
  margin-right:auto;
  width:400px;
  height:270px;
  border:2px solid #64A92C;
  background-color:#FFFFFF;
  text-align:center;
  z-index:1;
  -moz-box-shadow:1px 1px 26px #292929;
  -webkit-box-shadow:1px 1px 26px #292929;
  -khtml-box-shadow:1px 1px 26px #292929;
  box-shadow:1px 1px 156px #292929;
 }

 .geburtstag_head{
  padding:10px;
  font-weight:bold;
  font-size:12px;
  color:white;
  background-color: #64A92C;
 }

 .geburtstag_names{
  position:relative;
  top:50%;
  transform:translate(0, -50%);
  font-weight:bold;
 }

 .geburtstag_txt{
  text-align:justify;
  margin-top:20px;
  padding:15px;
  font-weight:bold;
  font-size:12px;
 }

 .image_to_top{
  position:relative;
  float:right;
  padding-right:10px;
  width:15px;
  height:15px;
 }

 /* Suche */
 #sbutton{
  position:absolute;
  right:5px;
  top:3px;
  border: none;
  background-image: url("../images/suche1.jpg");
  background-repeat: no-repeat;
  padding:2px;
  width:18px;
  height:18px;
  cursor: pointer;
  cursor: hand;
 }

 .suche-input{
  padding-left:3px;
  width:170px;
  height:24px;
 }

 #qr-code{
  float:left;
 /*  position:relative;
 top:10px;
  left:10px;
  margin-bottom:10px;  */
  width:120px;
  height:120px;
  background-image: url("../images/qr-code-alteadresse.png");
  background-repeat: no-repeat;  
 }

 a.pinwand span{
  display: none;
 }

 a.pinwand:hover span{
  display:block;
  position:absolute;
  top:-1em;
  left:2em;
 }

 a.index span{
  display: none;
 }

 a.index:hover span{
  display:block;
  position:absolute;
  top:-70px;
  left:20px;
 }

 a.kalender span{
  display: none;
 }

 a.kalender:hover span{
  display:block;
  position:absolute;
  top:100px; /*350px; */
  left:200px;
  z-index:20;
  border:8px solid #AFAFAF;
 }


 a[href^="tel"]:link,
 a[href^="tel"]:visited,
 a[href^="tel"]:hover{
   text-decoration: none;
   color: #000;
 }

 .msg_sponsoren{
  width:140px;
  font-size:10px;
  padding:3px;
  margin:0px;
  color:#FFF;
  font-weight:bold;
  background-color: #64A92C;
  text-align:center;
 }


 .kalender_tbl{
  font-size: 0.7em;   
  width:90%;
  background-color:#FFF;
 }

 .kalender_head{
  font-family: arial, helvetica;
  /* font-size:0.8em; */
  font-weight: bold;
  color: #000;
  text-align: center;
  background-color:#CFCFCF;
 }

 .kalender_monat{
  font-family: arial, helvetica;
  font-size:1em;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  border: 1px solid black;
  background-color: #64A92C;
  text-shadow: 1px 1px 0px #000, 2px 2px 0px rgba(0,0,0,0.15);
 }

 .kalender_days{
  font-family: arial, helvetica;
  /* font-size:0.7em; */
   font-weight:normal;
  color: #000;
  text-align:center;
 }

 a.but_galerie {
    padding: 2px 0px 2px;
    margin-right:1px;
    display: block;
    height: 1.3em;
    width: 100px;
    background-color: #64A92C;
    float: left;
    border-right:3px solid black;
    text-align: center;
    color: white;
    font-size: 0.8em;
    font-weight: bold;
    text-decoration:none;
    border-radius: 7px;
  text-shadow: 1px 1px 0px #000, 2px 2px 0px rgba(0,0,0,0.15);
 }

 a:hover.but_galerie{
  /*  background-image: url(images/x.jpg); */
    background-color: #007F00;
    color: white;
}

 .dropd{
   font-size: 11px;
   width:50px;
 }

 .kalender_tag, .kalender_span{
   border: 2px solid #AFAFAF;
   -moz-border-radius-topleft:4px;
   border-top-left-radius:4px;
   -moz-border-radius-topright:4px;
   border-top-right-radius:4px;
   -moz-border-radius-bottomleft:4px;
   border-bottom-left-radius:4px;
   -moz-border-radius-bottomright:4px;
   border-bottom-right-radius:4px;
  font-family: arial, helvetica;
  font-weight:bold;
  text-align:center;

 }

 .kalender_tag{
  border: 1px solid black;
  font-size:16px;
  color: black;
  background-color:#EFEFEF;
  width:32px;
  box-shadow: 2px 2px;
  margin-right:8px;
  padding:0px;
 }

 .kalender_span{
  background-color:red;
  color:white;
  font-size:12px;
  margin-top:0px;
  padding-left:3px;
  padding-right:3px;
 }


 #legende{ visibility:hidden}

/*###############################*/
/*      Top Navigation           */
/*###############################*/

a {
        color: #333;
}
#nav {
        font-family: Arial, Helvetica, sans-serif;
        font-size:15px;
        /* width: 100%; am 5.7.23 */
		width: 946px; /*gesamte Navigationsleiste */

        margin: 0;
        padding: 2px 2px 0;
        background: #64A92C; /* url(../images/gradient.png) repeat-x 0 -110px; */
        line-height: 20px;  /* 20%; Navigation */
/*

        border-radius: 1em;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
*/
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}
#nav li {
        margin: 2px 2px;
        padding: 1px 1px;
        float: left;
        position: relative;
        list-style: none;
        border-right:1px solid #FFF;
}


/* main level link */
#nav a {
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
        display: block;
        padding:5px 10px;  /* Abstand der MainLinks */
        margin: 0;

        -webkit-border-radius: 1.6em;
        -moz-border-radius: 1.6em;
        border-radius: 0.5em; /*für Firefox jk ######*/
  /*    text-shadow: 0 1px 1px rgba(0,0,0, .3); */
        text-shadow: 1px 1px 0px #000, 2px 2px 0px rgba(0,0,0,0.15);

}
#nav a:hover {
        background: #000;
        color: #fff;
}

/* main level link hover */
#nav .current a, #nav li:hover > a {
        background: #666 url(../images/gradient.png) repeat-x 0 -40px;
        color: #444;
        border-top: solid 1px #f8f8f8;

        -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
        -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
        box-shadow: 0 1px 1px rgba(0,0,0, .2);

        text-shadow: 0 1px 0 rgba(255,255,255, 1);
   /*  width:30px; geht nicht */

 }

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
        background: none;
        border: none;
        padding: 10px 0 10px 10px;
        color: #666; /* Textfarbe Sublinks
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
/*      width:80px;         */

		border-bottom:2px solid green;

       position:relative;
       top: 5px;
}

#nav ul a:hover {
        background: #64A92C url(../images/gradient.png) repeat-x 0 -100px !important;
        color: #fff !important;

        -webkit-border-radius: 0;
        -moz-border-radius: 0;

        text-shadow: 0 1px 1px rgba(0,0,0, .1);
   /*    width:80px;      */

}

/* dropdown */
#nav li:hover > ul {
        display: block;
        z-index: 10;
}

/* level 2 list */
#nav ul {
        display: none;
        margin: 0;
        padding: 0;
        width: 185px; /*Abstand der 2. Navigationsebene von der 1. */
        position: absolute;
        top: 33px; /*Abstand der 1. Navigationsebene vom oberen Link */
        left: 0;
        background: #ddd url(../images/gradient.png) repeat-x 0 0;
        border: solid 1px #b4b4b4;

        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px; /*Radius Aufklappmenu */

        -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
        box-shadow: 0 1px 3px rgba(0,0,0, .3);

        line-height: 10px; /* Abstand einzelner Links im Untermenu */
}

#nav ul li {
        float: none;
        margin: 0;
        padding: 0;
}

#nav ul a {
        font-weight: normal;
        text-shadow: 0 1px 0 #fff;
}

/* level 3+ list */
#nav ul ul {
        left: 181px;
        top: -3px;
}

/* rounded corners of first and last link */
#nav ul li:first-child > a {
        -webkit-border-top-left-radius: 9px;
        -moz-border-radius-topleft: 9px;

        -webkit-border-top-right-radius: 9px;
        -moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
        -webkit-border-bottom-left-radius: 9px;
        -moz-border-radius-bottomleft: 9px;

        -webkit-border-bottom-right-radius: 9px;
        -moz-border-radius-bottomright: 9px;
}

/* clearfix */
#nav:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
}
#nav {
        display: inline-block;
}
html[xmlns] #nav {
        display: block;
}

* html #nav {
        height: 1%;
}



 /*########################*/
 /*     jquery Bereich     */
 /*########################*/

 /* Dialog Box */
 .ui-dialog-titlebar { border:0; background-color: #64A92C; color:#FFF; text-align:center; }

 .ui-widget-overlay{
  opacity: .80 !important;
  filter: Alpha(Opacity=50) !important;
  background-color: rgb(50, 50, 50) !important;
 }


 .ui-dialog-titlebar-close {
    visibility: visible; /*hidden;  */
    background-color:#FFF;
    color:#000;
 }

 .ui-dialog-titlebar-close:hover{
  background-color:#FF0000;
  color:#FFFFFF;
 }


 /*
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 21px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}
*/

.button_box {
  display: inline-block;
  padding: 5px 15px;
  font-size: 1em;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #64a92c; /* #04AA6D; */
  border: none;
  border-radius: 10px;
  box-shadow: 0 6px #999;
}

.button_box:hover {background-color: #3e8e41}

.button_box:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.button_box_small {
  display: inline-block;
  padding: 2px 15px;
  font-size: .9em;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #64a92c;
  border: none;
  border-radius: 10px;
  /* box-shadow: 0 6px #999; */
}

.button_box_small:hover {background-color: #3e8e41}

.button_box_small:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}


 /* /Dialog Box */


 /* accordion boxen */
 #accordion .ui-accordion-content {
  width: 148px;
  background-color:#EFEFEF;
  color: #777;
  font-size: 16px;
  line-height: 15px;
  padding:5px;
 }

 #accordion .ui-accordion-header {
  background-color: #64A92C; //#64A92C;
  border:none;
  margin.bottom: 5px;
  height:14px;
  color:#FFF;
  font-size:13px;
  text-shadow: 1px 1px 0px #000, 2px 2px 0px rgba(0,0,0,0.15);
  padding:5px;
 }

 /* #accordion a{color:#64A92C}
 #accordion a:hover{color:red} */

 /* //accordion boxen */


 /* wird derzeit nicht bebötigt */
 .zoomin img {
   height: 65px;
   width: 200px;
   -webkit-transition: all 2s ease;
   -moz-transition: all 2s ease;
   -ms-transition: all 2s ease;
   transition: all 2s ease;
 }

 .zoomin img:hover {
   width: 400px;
   height: 130px;
 }
 /* ######################### */


 .zoomin_rv img {
   height: 130px;
   width: 230px;
   -webkit-transition: all 2s ease;
   -moz-transition: all 2s ease;
   -ms-transition: all 2s ease;
   transition: all 2s ease;
 }

 .zoomin_rv img:hover {
   width: 450px;
   height: 270px;
 }

 /*#######  Cookie  ##############*/
 #cookie{
  width: 490px;
  margin: 0 205px 0 195px;
  position: fixed;
  top: 150px;
  border: 1px solid black;
  /* filter: Alpha(opacity=40); */
  opacity:0.9;
  moz-opacity:0.9;  

  background-color:#FAFAFA;
  color:#000;
  height: auto;
  line-height:1.3em;
  padding:1.5em;
  z-index: 0;
  font-size: 1.5em !important;
  font-style:italic;
 }

	#cookie a {
		background-color:#FAFAFA;
		text-decoration: underline dotted;
		font-weight:bold !important;
		color:#000000;
	}
 
 
	/*######### Ticker  #########*/
	.ticker{
		position:relative;
		font-weight:normal;
		width:580px;
		height:20px;
		font-size:1.2em;
		background-color:#EFEFEF;
		padding:5px 2px 5px 2px;
	}

	a.style_ticker{
		text-decoration:none;
		color:#000;
		font-weight:normal;
	}

	a.style_ticker:hover{
		color:white;
		background-color:#8F8F8F;
	}

	@media all and (max-width:520px){
		.ticker{ font-size: 1.5em !important; height:25px; }
	}	

/*###############################################*/