@import "normalize.min.css";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,600italic,400italic,700italic");


html
{

/* background-color: #f7efda;  */
background-attachment:fixed;"
background-repeat:no-repeat;
background-size: cover;
background-color: #454a4d ;
overflow-x: hidden;
}


body {

/* background: url(../hintergrund.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center; */
font-family: "Open Sans", "Droid Sans", sans-serif;
    max-width: 1180px;
    min-width: 320px;
    margin: 10px auto;
	background-color: #fff;
    overflow-x: hidden;
}

#seite {
background-color: white;
}



h1, h2, h3, h4, h5, h6, th, dt, b {
    font-weight: 600; /* halbfett */
}

ul  {
margin:0px;
}

strong {
    font-weight: 700; /* fett */
}

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
	border-image-width: 0 0 0 0;
}

.beleganz  {
   /* border: 1px solid silver; */
     display: flex;
  align-items: center;
  justify-content: center;
}


       .belegungskalenderbrise  {
   /*  border: 1px solid silver;   */
     display: flex;
  align-items: center;
  justify-content: center;
  background: #e3e2df;
}

#header, #footer {
    padding: 20px 35px;
    /* opacity: 0.8;*/
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    figure {
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}

 #kopfbild   {

}





#main   {
    padding-top: 50px;
    padding-bottom: 20px;
    padding-right: 35px;
    padding-left: 35px;
    /* opacity: 0.8;*/
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: white;
}




#footer {
    background: #a2a29f;
    color: #fff;
}


 #menu   {
    background: #a2a29f;
    color: #fff;
    /* line-height: 1;  */
}

.ausgabe   {
    font-size: 0.8em;
}

 .kalenderdes {
font-family:Verdana;
background-color:#E1E1E1;
/*  font-size:8.5pt;  */
 font-size: 11px;
}

   .beschreibung {
 font-size: 0.9em;
}


.fusscenter {
   text-align: center;
    font-size: 0.9em;
    color: white;
       background-color: #a2a29f;
       margin-top: -12px;
       padding-top: 4px;
       padding-bottom: 20px;
       height: 36px;
       font-family: "Open Sans", "Droid Sans", sans-serif;
       /* border-style: solid;
    border-width: 1px 1px 1px 1px;  */


}



#main {
    width: 100%;
    /*  float: right;  */
}

#menu {
    width: 100%;
 float: left;
}


#footer {
    clear: both;
}

#menu h2 {
    display: none; /* Element nicht anzeigen */
}

#menu ul {
    list-style: none;
    margin-left: 0;
    padding-left: 26px;
    margin: 16px;

}

#menu li {
display: inline;
}

#menu a {

	margin-bottom: 1px;
    background: #ddd;
    color: #000;
padding: 16px 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

/* Aktuelle Browser */
#menu a.local-link {
    font-weight: 600;
}
/* Kommende Browser (CSS4) */
#menu a:local-link {
    font-weight: 600;
}

/* Standardmenü */

#menu.standard ul ul {
    margin: 0;
    font-size: 0.9em; 
}

#menu.standard ul ul a {
    padding-left: 20px; /* nur padding links ändern */ 
}

/* Ausklappmenü */

#menu.popup li {
    position: relative; /* Nachfahren können jetzt anhand dieses Elementes absolut positioniert werden. */
	/* background: #00ff00 url("/grafik/hg-01n.jpg") no-repeat fixed center;   */
}

#menu.popup li > ul {
    position: absolute;
    margin: 0;
    padding-left: 1px;
    left: 100%;
    top: 0;
    white-space: nowrap;
    display: none;
}

#menu.popup li:hover > ul {
    display: block;
}

#menu a:link {
    
}

#menu a:visited {
    
}

#menu a:hover {
    background: #fff;
}

#menu a:focus {
    background: #fff;    
}

#menu a:active {
    color: #f00 !important;
}


#main article figure img {
    display: block;
    width: 100%;
    height: auto;
}


  .elastic-video {
position: relative;
padding-bottom: 55%;
padding-top: 15px;
height: 0;
overflow: hidden;
}
.elastic-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.flexframe {
position: relative;
padding-bottom: 55%;
padding-top: 15px;
height: 0;
overflow: hidden;
}

.flexframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
}


a.verlin:link
{
    color: inherit;
	 text-decoration: none
}

a.verlin:visited
{
    color: #645B55;
}

a.verlin:hover
{
    color: #3170D3;
}

a.verlin:focus
{
    color: #645B55;
}

a.verlin:active
{
   color: #645B55;
}

.rechts
{
text-align: right;
}

				
a.unten:link
{
    color: #ffffff; 
	 text-decoration: none
}

a.unten:visited
{
    color: #ffffff; 
}

a.unten:hover
{
    color: #C1D3E4;   
}

a.unten:focus
{
    color: #ffffff;  
}

a.unten:active
{
   color: #ffffff; 
}


.beleg {
border: 0;
align: center 
font-size: 10px; 
font-family:Verdana;
bgcolor: #E1E1E1;
padding: 5px;

}




   #menu-control,
            #menu-switch {
                display: none;
                cursor: pointer;
            }


            @media screen and (max-width: 680px) {

            figure {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

                   #main {
  padding-top: 0px;
       margin-top: -10px;
padding-right: 10px;
padding-left: 10px;
            }

            figure {
  margin-bottom: 0px;
}

                #menu-control {
                    display: block;
                    float: right;
                    font-size: 2em;
                    line-height: 1;
                }

                #menu {
                    display: none;
          /*	background: #112233 !important; */
                }

        #menu a {
    margin-bottom: 1px;
    display: block
  }


                #menu-switch:checked + #menu {
                    display: block;
                    position: absolute;
                    top: 50px;
                    left: 3px;
                    right: 10px;
                    box-shadow: 0 0 10px rgba(0,0,0,0.5);
                    border-radius: 0px;
                    border: medium solid white;
                    width: 80%;
                }
                #menu ul ul {
                    position: static !important;
                    display: block !important;
                    font-size: 0.9em;
                    padding-left: 10px !important;
                }


          #header {
  padding: 10px 15px;
  opacity: 0.8;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

     .kalenderdes {
font-size:5px;

}



.belegungsplan
{
text-align: center;
}

   .beschreibung {
 font-size: 9px;
}
}


.eigenetable {
	display: table;
	border: 1px solid #DDDDE0;
  border-collapse:collapse;
	width: 100%;
}

.eigenetable-row {
	display: table-row;
	border: 1px solid #DDDDE0;
}

.eigenetable-cell {
	display: table-cell;
	border: 1px solid #DDDDE0;
	padding: 15px;
}

.eigenethead {
	font-weight: bold;
	background:#eee;
}
 @media only screen and (max-width: 800px) {

	.eigenetable {border:none;}

	.eigenetable-row,
	.eigenetable-cell {
		display: block;
		border: 1px solid #DDDDE0;
	}

	.eigenetable-row { margin-bottom: 20px; }

}