body {
    font-family: 'Raleway', sans-serif;
    font-size: 0.9em;
    line-height: 1.3em;
    color:#555555;
}	   
	
h3 {
 color: #0a5d2f;
 font-size: 1.0em;
 font-weight: bold;
}

hr {
 width:150px;
 margin: 0px auto;
 margin-bottom:10px;
 border-width:2px;
 border-color:#555555; 	
}	
	
#imds {
	display:none;
}
	
	
	
.Menublock {
    width:98%;
    padding:0;
    margin:0;
    margin:30px auto;
    margin-bottom:50px;
    overflow:hidden;
}

.Menublock .M1, 
.Menublock .M2,
.Menublock .M3{
    float:left;
    width:33%;
    color:#000000; 
    font-weight:bold; 
}

.Menublock .M1 {
    text-align:left;
}

.Menublock .M2 {
    text-align:center;
}

.Menublock .M3 {
    text-align:right;
}


.Menublock .M1,
.Menublock .M2,
.Menublock .M3{
    color:#000000; 
    cursor:pointer;
}


.Menublock .M1{
    color:#0a5d2f;
    cursor:pointer;
}

.Menublock .M1:hover,
.Menublock .M2:hover,
.Menublock .M3:hover{
    color:#0a5d2f; 
    cursor:pointer;
}
   
    
    
    .ZimmerBlock1 {
		width:800px;
		margin: 0 auto;
		display: -ms-grid;
        display: grid;
        grid-gap: 10px;
        -ms-grid-columns:  [col1-start] auto  [col2-start] auto  [col3-start] auto [col4-start] auto [col4-end];
        -ms-grid-rows: [row1-start] auto [row2-start] auto [row2-end];
        grid-template-columns: [col1-start] auto  [col2-start] auto  [col3-start] auto [col4-start] auto [col4-end];
        grid-template-rows: [row1-start] auto [row2-start] auto [row2-end];
        background-color: #fff;
        color: #444;
    }

    .ZimmerBlock2 {
	    width:800px;
		margin: 0 auto;
		display: -ms-grid;
        display: grid;
        grid-gap: 10px;    
        -ms-grid-columns:  [col1-start] auto  [col2-start] auto  [col3-start] auto [col4-start] auto [col4-end];
        -ms-grid-rows: [row1-start] auto [row2-start] auto [row2-end];
        grid-template-columns: [col1-start] auto  [col2-start] auto  [col3-start] auto [col4-start] auto [col4-end];
        grid-template-rows: [row1-start] auto [row2-start] auto [row2-end];
        background-color: #fff;
        color: #444;
    }

    .ZimmerBlock3 {
		width:800px;
		margin: 0 auto;
		display: -ms-grid;
		display: grid;
        grid-gap: 10px;
 //       -ms-grid-columns: [col1-start] auto  [col2-start] auto  [col3-start] auto [col3-end];
 //       -ms-grid-rows: [row1-start] auto [row2-start] auto [row3-start] auto [row3-end];
 //       grid-template-columns: [col1-start] auto  [col2-start] auto  [col3-start] auto [col3-end];
 //       grid-template-rows: [row1-start] auto [row2-start] auto [row3-start] auto [row3-end];

       -ms-grid-columns:  [col1-start] auto  [col2-start] auto  [col3-start] auto [col4-start] auto [col4-end];
        -ms-grid-rows: [row1-start] auto [row2-start] auto [row2-end];
        grid-template-columns: [col1-start] auto  [col2-start] auto  [col3-start] auto [col4-start] auto [col4-end];
        grid-template-rows: [row1-start] auto [row2-start] auto [row2-end];

        background-color: #fff;
        color: #444;
    }

    .box {
        position:relative;
        background-color: #fff;
        color: #fff;
        border-radius: 0px;
        padding: 0;
        font-size: 12px;
        overflow:hidden;
    }

@media all and (-ms-high-contrast:none)
{
		.box {
			padding: 4px;
			padding-left: 2.5px;
			padding-right: 2.5px;
		}
		
		hr {
			width:150px;
			margin: 0px auto;
			margin-bottom:10px;
			border-width:1px;
			border-color:#555555; 	
		}
		
}


    
    .textBox {
      position:absolute;
      z-index:10;
      left: 0;
      top: 0;
      width:100%;
      height:100%;
      padding:0px;
      overflow: hidden;
      display: block;
      display:none;
    }
		
    .text {
      color:#000;
      width:94%;
      height:94%;
      margin:0 auto;
      background-color:#fff;	
      opacity: 0.7;
      transition: opacity .7s;
    }
    
    
    

    .text2 {
      color:#000;
      width:90%;
      height:94%;
      margin:0 auto;
      background-color:#fff;	
      opacity: 0.7;
      transition: opacity .7s;
    }

    .content {
		position: relative;
		top: 45%;
		-webkit-transform: translateY(-45%);
		-ms-transform: translateY(-45%);
		transform: translateY(-45%);
	    text-align:center;	
	}
	
    .content2 {
		position: relative;
		top: 40%;
		-webkit-transform: translateY(-40%);
		-ms-transform: translateY(-40%);
		transform: translateY(-40%);
	    text-align:center;	
	}


    .a1 {
		-ms-grid-column: 1;
        -ms-grid-row: 1;
        -ms-grid-column-span: 4;
        grid-column: 1/4;
        grid-row: 1;

    }
    .b1 {
		-ms-grid-column: 3;
        -ms-grid-row: 1;
        -ms-grid-column-span: 2;
        grid-column: 4;
        grid-row: 1;
    }
    .c1 {
		-ms-grid-column: 1;
        -ms-grid-row: 2;
        -ms-grid-column-span: 4;
        grid-column: 1/3; 
        grid-row: 2; 
    }
    .d1 {
		-ms-grid-column: 3;
        -ms-grid-row: 2;
        -ms-grid-column-span: 1;		
        grid-column: 3/5; 
        grid-row: 2; 
    }

    .e1 {
		-ms-grid-column: 1;
        -ms-grid-row: 3;
        -ms-grid-column-span: 4;
        grid-column: 1/4;
        grid-row: 3 ;
    }
    .f1 {
		-ms-grid-column: 3;
        -ms-grid-row: 3;
        -ms-grid-column-span: 1;
        grid-column: 4;
        grid-row: 3;
    }



    .a2 {
		-ms-grid-column: 1;
        -ms-grid-row: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/3;
        grid-row: 1;

    }
    .b2 {
		-ms-grid-column: 2;
        -ms-grid-row: 1;
        -ms-grid-column-span: 2;
        grid-column: 3;
        grid-row: 1;
    }
    .c2 {
		-ms-grid-column: 1;
        -ms-grid-row: 2;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        grid-row: 2;
    }
    .d2 {
		-ms-grid-column: 2;
        -ms-grid-row: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        grid-row: 2;
    }

    .e2 {
		-ms-grid-column: 3;
        -ms-grid-row: 2;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        grid-row: 2;
    }
  


   .a3 {
		-ms-grid-column: 1;
        -ms-grid-row: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/3;
        grid-row: 1;

    }
    .b3 {
		-ms-grid-column: 2;
        -ms-grid-row: 1;
        -ms-grid-column-span: 2;
        grid-column: 3;
        grid-row: 1;
    }
    .c3 {
		-ms-grid-column: 1;
        -ms-grid-row: 2;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        grid-row: 2;
    }
    .d3 {
		-ms-grid-column: 2;
        -ms-grid-row: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        grid-row: 2;
    }

    .e3 {
		-ms-grid-column: 3;
        -ms-grid-row: 2;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        grid-row: 2;
    }
    .f3 {
		-ms-grid-column: 1;
        -ms-grid-row: 3;
        -ms-grid-column-span: 1;
        grid-column: 1;
        grid-row: 3;
     }
    .g3 {
		-ms-grid-column: 2;
        -ms-grid-row: 3;
        -ms-grid-column-span: 3;
        grid-column: 2/4;
        grid-row: 3;
     }



   img {
     width:100%;
     height:110%;
   }



