charset "UTF-8";



*{
   margin:0;
   padding:0;
}


html {
  margin:5px;
  padding:0;
  height:100%;
  box-sizing: border-box;

}

body{
  margin:0;
  padding:0;
  height:100%;
  margin-left:auto; 
  margin-right:auto; 
  text-align:center; /*For IE6 Shenanigans*/
  background:#E8E8E8 ;

}

.warning{
	background-color: white;
	border: 5px solid red;
}

#wrapper{

box-sizing: border-box;
  width:960px;
  margin:0 auto;
  text-align:left;
  padding: 40px;
  padding-top:0;
	min-height:100%;
	position:relative;
	
}
#content{
  padding-bottom: 100px;
  background:#C8C8c8;
  padding-top:20px;
  padding-left:20px;
}

#footer{
  position: absolute;
  margin: 0; 
  width:880px;
  bottom: 0;
  text-align: center;
    background-color: #A8A8A8;
    text-align: center;
    font-size: 12px;
    padding-top: 0.5em;
	text-decoration:none; 
}
address{
font-style:normal;
}
#footer a{
	text-decoration:none; 

    color: #000000;

}


@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
	height: auto;
	
	#content {
     padding-bottom: 0;

	}
	
#wrapper {
     padding: 0;
}


body{
	height: auto;
	background-color:#FFFFFF; 
	font:1em Georgia, serif;

}

body {
    margin: 0 0 0 0;
}

 html, body { height: 99%; } 
}



	
tr:nth-child(odd)		{ background-color:#DDDDDD; }
tr:nth-child(even)		{ background-color:#AAAAAA; }
table, td, th,caption  {
     border: 1px solid;
padding: 2px;
margin: 5px;


 }
h1{
  font:3em Georgia, serif, bold;
  padding: 5px;
margin-bottom: 0px;
}
.logo
{
display: block;
    margin-left: auto;
    margin-right: auto;
margin-bottom: -40px;
width: 400px;
}




#menu{
  list-style:none;  /*--- Makes the bullets go away ---*/
  padding:0;  /*--- Take out any default padding on the UL tag ---*/
  text-align:center;
  background:#C8C8c8 ;
  epadding-top:-50px;
}

.menu ul {
  display:inline-block;
  list-style:none;
  text-align:center;
  margin: 0;
  margin-top: 50px;
  padding: 0;

  width:100%;

}
* html #menu ul { /* Target IE6 */
display:inline;
}
*+html #menu ul { /* Target IE7 */
display:inline;
}

.menu li {
  display:inline-block;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 7px;
 

    background-color :#A8A8A8;
    color: #ffffff;
    box-shadow: 0 3px 3px rgba(255,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.menu li:hover {
    background-color: #E8E8E8;
}

#menu li a{
display:block;
	font:1.5em Georgia, serif;
	color: #000000;
	text-decoration:none; 
  padding: 10px;
  padding-left: 55px;  /*Abstand Rand Fisch*/

}


th,caption {
     background-color: black;
     color: white;
 }

/*Fische*/

#menu li a {
  background-image: url('images/fischgruen.gif');
  background-position: left center;
  background-repeat: no-repeat;
background-position-x: 15px;
}

#menu li a:hover {
  background-image: url('images/fischgruenblinzel.gif');
}


#menu li a.current {
  background-image: url('images/fischgelb.gif');
}

/*Ende Fisch*/

.clear{
	clear:both;  /*--- Clears the float of the list items to restore normal document flow ---*/
}


#menu li a.current{
	foent:1.5em Georgia, serif;
	cursor:default;  /*--- Show pointer instead of hand cursor for the current page ---*/
}


.today{ font: bold;}
.day span{
	font:bold 1em Georgia;
}
.day img{

	margin: 0px;
	padding: 0px 5px 0px 5px;

}

@media only screen and (max-width: 960px) {
    /* For Tablets*/
#wrapper{
   width:100%;
   margin:0 auto;
   text-align:left;
   padding: 5px;
}
.menu li{
   width:100%;
 float: none;
text-align:left;
margin-left:0;
    }
	
#footer{
   width:unset;
   margin:0 auto;
   padding: 5px;
   
       left: 0px;
    right: 0px;
    margin-left: 5px;
    margin-right: 5px;
}
}


@media only screen and (max-width: 431px) {
    /* For Phones: */
.logo{
   width:100%;
   }

}