.iframe-container {
	margin-top: 10px;
}

#messagesborder{  
border: 1px solid lightgray;
}@media (max-width: 778px) {
	#messagesborder  {    
		display: none;
	}
}
		#keyonIFrame{
    width: 100%;
    height: 700px;
    border-style: none;
    overflow: hidden;
    margin: 0;
		}
			#messages{ 
				width: 100%;
				}
			.message{ 
				float: left;
				width: 32%;
				padding: 4px;
				margin-bottom: 40px;
			}
			.rahmen {
			border: 1px solid lightgray;
				padding: 10px;
			}
			@media (max-width: 778px) {
				#keyonIFrame{
    			height: 750px;
				}
				.message {    
					box-sizing: border-box;    
					clear: left;    
					display: block;    
					float: left;    
					width: 100%;
				}
        .rahmen {
          box-sizing: border-box;
          border: 1px solid lightgray;
          padding: 10px;
          width: 100%;
        }
			}	
			
.hidden2 {
  display: none;
}

#dialogdiv {
  position: absolute;
  left: 40%;
  top: 30%;
  background: #ffffff;
  z-index: 200;
  width: 300px;
  padding: 40px 40px 10px;
}
@media (max-width: 778px) {
	#dialogdiv  {    
		box-sizing: border-box;    
		top: -40px;
		left: 0;
		width: 100%;
		height: calc(100% + 40px);
		padding: 40px 20px 10px;
		position: fixed;
	}
}
#dialogdiv ul {
  display: table;
}


#dialogdiv li {
  display: table-row;
}

#dialogdiv ul li span {
  display: table-cell;
  padding:3px;
  width: 50%;
}

#softout {
  background: black none repeat scroll 0 0;
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0.4;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 100;
}
			
			
/*  Gemeindeübersicht */
#inhalt {
     margin-top: 10px;
     overflow: auto;
     padding-top: 10px;
     z-index: 20;
}

.gemeinde {
	   margin-right: 50px;
	   border-bottom: 1px solid #b1b1b1;
	   border-top: 1px solid #b1b1b1;
     background-color: #ffffff;
     float: left;
     height: 55px;
     left: 30px;
     margin-bottom: 20px;
     overflow: hidden;
     padding-top: 2px;
     position: relative;
     width: 300px;
}

.gmd_titel {
/*     background-color: #1d3e9f; */
     color: white;
     display: block;
     font: italic 15px Arial;
     left: 90px;
     padding-bottom: 3px;
     padding-left: 5px;
     padding-top: 3px;
     position: absolute;
     width: 260px;
}

.gmd_abk {
     background-color: #dddddd;
     color: #ffffff;
     display: block;
     font: italic 40px Arial;
     left: 0px;
     position: absolute;
     text-align: center;
     width: 80px;
}

.gmd_link a {
     color: #96979f;
     display: block;
     font: italic 10px Arial;
     left: 90px;
     position: absolute;
     top: 30px;
     width: 350px;
}

.gmd_link a:hover {
     color: #000000;
}

.rahmen a {
	cursor: pointer;
}

.hidden2 button {
	cursor: pointer;
}	


#dialogdiv{
padding: 30px;
}

#dialogdiv h2 {
    margin-top: 0;
}

.dialogbtns {
margin-top: 24px;
text-align: center;
}