.kontakt_list{
	width: 100%;
	margin: 0 auto;
}

.kontakt_list h1{
	margin: 0 1.5%;
}

.mitarbeiter_list{
	width: 100%;
	margin: 0 auto;
	
}

.mitarbeiter_list .gruppe{
	padding: 30px 0;
	
}

.mitarbeiter_list .gruppe .gruppentitel{
	/*text-align: center;*/
	font-size: 1.5em;
	color: #00519E;
	font-weight: bold;
	margin: 0 1.5%;
}

.mitarbeiter_list .row{
	display: inline-block;
	vertical-align: top;
	width: 30%;
	margin: 1.5%;
	box-sizing: border-box;
	border: 1px solid rgba(236,236,236,0);
	border-left: 4px solid #00519E;
	background-color: #ECECEC;
	transition: background-color 0.5s;
	position:relative;
}

.mitarbeiter_list .row:hover{
	background-color: #ffffff;
}

.mitarbeiter_list .row .cell{
	padding: 10px;
	font-size: 1.3em;
}

.mitarbeiter_list .row .cell:nth-of-type(4n){
	
}

.mitarbeiter_list .row .cell:nth-of-type(4n+1){

}

.mitarbeiter_list .row .cell a{
	text-decoration: none;
	font-size: 1em;
	color: #00519E;
}

.kuerzel{
	font-size: 1em;
	/*font-weight: bold;*/
	color: #00519E;
}
.mitarbeiter_list .pic_cell{
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
	z-index: 20;
}
.mitarbeiter_list .pic_cell{
	display: block;
	margin: 0;
}

/*---CMS-------------------------------------------------------------------------*/



.row.add{
	display: none;
	
}

.row.add a{
	display:block;
	text-align: center;
	padding: 20px 0;
}
.row.add a img{
	display: inline-block;
	vertical-align: top;
	height: 60%;
	margin: 0 auto 20px;
}

.gruppe:hover .row.add{
	display: inline-block;
}

.gruppe:hover .row.clicked{
	display: none;
}

.row.new{
	display: none;
}

.row.new input{
	width: 100%;
	border: none;
	padding: 10px;
}

.row.new select{
	width: 100%;
	border: none;
	padding: 5px;
}

.row.new input[type=submit]{
	display: inline-block;
	vertical-align: top;
	width: 49%;
	margin-left: 1%;
	box-sizing: border-box;
	background-color: #00519E;
	color: #ffffff;
	cursor: pointer;
}

.row.new .reset{
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 49%;
	text-align: center;
	background-color: #00519E;
	color: #ffffff;
	cursor: pointer;
	padding: 10px;
}

.edit_row{
	display: none;
	position:absolute;
	right: 0;
	color: #00519E;
	cursor: pointer;
}

.edit_row.move{
	top: 0;
}

.edit_row.delete{
	bottom: 0;
}

.row:hover .edit_row{
	display: block;
}


/*@media screen and (max-width:1280px){
	.kontakt_list{
		width: 90%;
	}
	
	.mitarbeiter_list .row{
		width: 45%;
		margin: 1.5% 2.5%;
	}
	
	.kontakt_list h1,
	.mitarbeiter_list .gruppe .gruppentitel{
		margin: 0 2.5%;
	}
}*/

@media screen and (max-width:1280px){
	.mitarbeiter_list .row{
		width: 95%;
		margin: 1.5% 2.5%;
	}
}