table.modal, table.modal>tbody>tr, table.modal>tbody>tr>td { border: 0px; border-spacing:0px; padding:0px; border-collapse: collapse; position:relative;}

table.modal td.modal_t .modal_info { display:none; }
table.modal td.modal_t .modal_info2 { display:none; }

table.modal td.modal_t .modal_menu, table.modal td.modal_t .modal_info2 { float:left; position:relative; width:100%; height:28px; font-size:10px; }

table.modal td.modal_t .modal_menu a, table.modal td.modal_t .modal_info2 a.button  {display:block; padding:5px 10px; margin:0px; float:left; text-decoration:none; text-transform:uppercase; color:#fff !important; font-weight:bold; line-height:10px;}
table.modal td.modal_t .modal_info2 a.button:hover { background: #339A31 !important; }

table.modal td.modal_t .modal_menu a.close { height:20px; right: 15px; padding:8px 8px 8px 28px; background: #333 url(/tramino/gfx/modal/modal_close.png) 10px 6px no-repeat; position:absolute; }

table.modal td.modal_t .modal_menu a.prev {background: #333 url(/tramino/gfx/modal/modal_prev.png) 10px 6px no-repeat; position:absolute; left: 25px; width: 44px; height:12px; padding:8px 8px 8px 28px; }
table.modal td.modal_t .modal_menu a.next {background: #333 url(/tramino/gfx/modal/modal_next.png) 55px 6px no-repeat; position:absolute; left: 115px; width: 64px; height:12px; padding: 8px 2px 8px 12px; }

table.modal td.modal_t .modal_menu a:hover { background-color: #000; }

table.modal td.modal_t .modal_menu a.prev.hidden, table.modal td.modal_t .modal_menu a.next.hidden {display:none; }
table.modal td.body { background:#fff;}

#traminobox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15092;
  text-align: left;
}

#traminobox *{
/*   z-index: 20000; */
}

#traminobox .content {
	position:relative;
}

#traminobox .popup {
  position: relative;
}

#traminobox .body {
  padding: 20px 25px 20px 25px;
  background: #fff;
  width: 500px;
  position:relative;
  border-radius: 10px;
  box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
}

#traminobox .body.wideform {
	width: 785px;
	padding: 0;
}

#traminobox .body.wide {
	width: 920px;
	padding: 0;
}

#traminobox .body.tiny {
	width: 300px;
	padding: 0;
}

#traminobox .body.medium {
	width: 600px;
	padding: 0;
}

#traminobox .body .element{
	padding-bottom:15px;
}

#traminobox .body h4 {
	font-size:14px;
}

/*
#traminobox .body h4, .input, #traminobox .body .input div{
	padding:0px;
	margin:0px;
}
*/

#traminobox .body span{

}

#traminobox .loading {
  text-align: center;
}

#traminobox .image {
  text-align: center;
}

#traminobox img {
  border: 0;
  margin: 0;
}

#traminobox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
  z-index: 15091;
}

.traminobox_hide {
  z-index:-100;
}

.traminobox_overlayBG {
  background-color: #000;
  z-index: 19999;
}

#traminobox .TraminoVorlage {
  padding: 0px;
  margin: 0px;
}

* html #traminobox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#traminobox #traminobox_tags_tags span {
	font-size:13px !important;
}



.dnd-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
.dnd-okay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0.1);
  opacity: 1;
  transition: transform .5s ease, opacity .5s ease;
}
.dnd-okay.finished {
  opacity: 0;
  transform: scale(1.5);
}

.file-loader,
.file-loader:after {
  border-radius: 50%;
  width: 6em;
  height: 6em;
}
.file-loader {
  margin: 0 auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}