/*
Example stylesheet for Calendar module

For using this "big"-class insert something like this in your page
or template;

{cms_module module='Calendar'}

*/



/* make all links red */
.calendar tr td a
{
  color: red;
}

/* highlight "today" for the small calendar */
.calendar-today
{
  font-weight: bold;
}

/* display the "upcominglist" as one line per entry (assuming default class and id names) */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
  display: none;
}

#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
  display: inline;
  margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
  color: red;
  font-size: 120%;
}
#cal-list h2, cal-upcominglist h2
{
  font-size: 110%;
}

/** large calendar rules (assuming default class and id names) **/
/* border on for #cal-calendar */
#cal-calendar{
  margin: 0px;
  border-collapse:    collapse;
  border: 1px solid black;
}

/* nice squares for the #cal-calendar table */
#cal-calendar th
{
  border: 1px solid black;
  padding: 3px;
  width: 75px;
}

#cal-calendar td {
  border: 1px solid black;
  vertical-align: top;
  padding: 3px;
  height: 75px;
  width: 75px;
}

/* format summaries nicely in #cal-calendar */
#cal-calendar ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}

#cal-calendar li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* background colours for #cal-calendar */
#cal-calendar td
{
  background-color: silver;
}

#cal-calendar .calendar-day
{
  background-color: #80ff80;
}

#cal-calendar .calendar-today
{
  font-weight: normal;
  background-color: #8080ff;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  display: none;
}
#category .row_prompt {
float: left;
border: 1px solid;
margin: 1px;
}
.row_input {
clear: left;
}
/* Stylesheet: Bosswerk_v2_Kalender Modified On 2018-11-05 22:57:37 */
body {
width: 1020px;
margin: 0px auto;
font-family: verdana, arial;
font-size: 14px;
background-color: #4c73a0;
color: #333;
}
#search {
float: right;
margin-right: 50px;
}
#header {
overflow: hidden;
background-color: #fff;
}
#header h1 {
text-align: right;
padding-right: 10px;
}

#top {
display: inline-block;
width: 105%;
}
.topmenu {
background: #ff0;
background: transparent linear-gradient(to bottom, #fff 0%, #888 100%);

}
.topmenu ul {
list-style: none;

}
.topmenu ul li {
float: left;
background: transparent linear-gradient(to bottom, #fff 0%, #999 100%);
border: 0px solid;
margin: -14px 1px 0px 0px;
height: 40px;
width: 100px;
text-align: center;
overflow: hidden;
border-radius: 2px;
}
.topmenu ul li:hover {
background: transparent linear-gradient(to bottom, #fff 20%, #666 100%);
}
.topmenu ul li a,
.topmenu ul li a:visited {
display: inline-block;
height: 40px;
width: 100px;
padding: 0px 2px;
text-decoration: none;
color: #303030;
}
.topmenu ul li a.menuactive {
color: #336699;
background: transparent linear-gradient(to Bottom, #fff 0%, #999 80%);
}
topmenu ul li ul {
display: none;
}
.topmenu ul li:hover ul {
display: block;
}
.submenu li.dummy {
visibility: hidden;
}
.submenu {
display: flex;
margin: -14px 0px;
background: transparent linear-gradient(to bottom,  #7ec0ee 0%, #333 100%);
}
.submenu ul li {
/* background: #fc0; */
}
.submenu ul li {
display: block;
float: left;
padding: 0px 2px;
height: 25px;
margin: 1px;
font-size: 12px;
background: transparent linear-gradient(to bottom, #7ec0ee 0%, #333 100%);
width: 110px;
border-radius: 2px;
height: 34px;
text-align: center;
vertical-align: middle;
overflow: hidden;
}
.submenu ul li a,
.submenu ul li a:visited,
.submenu ul li span {
text-decoration: none;
display: inline-block;
height: 100%;
color: white;
width: 100%;
}
.submenu ul li ul {
/* visibility: hidden; */
}
.submenu ul li.sectionheader {
display: block;
}
.submenu ul li.sectionheader ul {
visibility: hidden;
}
.submenu ul li:hover ul,
.submenu ul li.sectionheader:hover ul {
position: absolute;
background: transparent;
visibility: visible;
}
.submenu ul li ul {
/* background-image: linear-gradient(to bottom, #fff 0%, #369 100%); */
/* background-color: #fff !important; */
}
.submenu ul li ul li {
/* clear: both; */
width: 100px;
background-image: linear-gradient(to bottom, #008b8b 0%, #666666 100%);
height: 25px;
}

#breadcrumbs, #breadcrumbs a {
clear: both;
background: transparent linear-gradient(to bottom, #4c73a0 0%,#333 100%);
color: #999;

}

#main {
display: block;
overflow: hidden;
}

#sidebar {
float: right;
max-width: 40%;
margin: 1px 5px;
padding: 5px;
overflow: hidden;
}
#sidebar ul {
width: 200px
}
#sidebar ul li {
width: 200px;
height: 25px;
background: transparent linear-gradient(to bottom, #ccc 0%, #333 100%);
list-style: none;
display: inline-block;
font-weight: bold;
text-align: center;
margin: 1px 0px;
border-radius: 2px;
}
#sidebar ul li a {
text-decoration: none;
color: white;
display: inline-block;
width: 100%
}

#content {
float: left;
background: #fff;
width: 99%;
min-height: 600px;
padding: 0px 5px;
}

/******** News Block ********/
#news {
display: inline-block;
margin: 2em 0px 1em 0em !important;
width: 100%;
}
#news ul.list1{
display: none;
}
.NewsSummary  {
background: url("https://cms.unser-zoohause.de/uploads/ngrey/mainleft1.gif") no-repeat scroll left top;
float: left;
width: 30%;
}
/******** Forms ********/
td.hidden_date {
display: none;
}
/* Stylesheet: Bosswerk_v3 Modified On 2018-11-19 07:36:03 */