body {
	border:0;
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	font-size:13pt;
	color:#3b3b3b;
	font-weight:300;
	/* overflow-y: scroll; */ /* Jquery sortable scroll off */
	/* overflow-x:hidden; */
}
.body-start-1{
	background-image:URL('../images/bg01.jpg');
}
.body-start-2{
	background-image:URL('../images/bg02.jpg');
}
.body-start-3{
	background-image:URL('../images/bg03.jpg');
}
.body-start-4{
	background-image:URL('../images/bg04.jpg');
}
.body-start-5{
	background-image:URL('../images/bg05.jpg');
}
.body-page{
	background-image:none;
}
#root {
    width:94%;
    margin-left:3%;
    float:left;
	box-sizing:border-box;
}
#top{
	float:left;
	width:100%;
	height:104px;
	background-color:#f2f2f2;
	margin-bottom:50px;
}
.top-logo{
	float:left;
	margin-top:20px;
	margin-left:3%;
}
.top-logged-in{
	position:absolute;
	top:15px;
	right:3%;
	font-size:0.8rem;
	color:#7e7e7e;
}
#menu{
	float:left;
	width:60%;
	height:50px;
	margin-top:53px;
	box-sizing:border-box;
	margin-left:5%;
}

.menu-button{
	float:left;
	padding:15px;
	padding-left:25px;
	padding-right:25px;
	color:#434343;
	font-size:1rem;
}
.menu-button-aktiv{
	background-color:#b4b4b4;
	color:#ffffff;
}
.menu-button-inaktiv{
	opacity:0.5;
	cursor: not-allowed !important;
}

.onlyvisible{
	opacity:0.5;
}
input[disabled],select[disabled],input.readonly,select.readonly {
	opacity:0.7;
}
input.readonly,select.readonly{
	pointer-events:none;
}
input::placeholder{
	font-style:italic;
}

#submenu{
	float:left;
	width:100%;
	box-sizing:border-box;
	border-bottom:1px solid #bfbfbf;
	margin-bottom:30px;
}
#logout{
	float:right;
	width:120px;
	height:50px;
	margin-right:3%;
	margin-top:53px;
	box-sizing:border-box;
}

/* START */
.start-box{
	width:1000px;
    left:-500px;
    margin-left:50%;
    float:left;
    position:relative;
    padding-top:20px;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:50px;
	box-sizing:border-box;
	background:rgba(255,255,255,0.8);
	margin-top:10%;
	border-radius:15px;
}
.start-box-icon{
	float:left;
	box-sizing:border-box;
	padding:15px;
	background:rgba(255,255,255,0.5);
	margin-right:10px;
	transition:0.3s;
	cursor:pointer;
}
.start-box-icon:hover{
	background:rgba(255,255,255,0.9);
}

/* TERMINUEBERSICHT */
.termine-topbar{
	float:left;
	width:100%;
	box-sizing:border-box;
	margin-bottom:40px;
}
.termine-topbar-left{
	float:left;
	width:60%;
	box-sizing:border-box;
}
.termine-topbar-right{
	float:right;
	min-height:45px;
	width:40%;
	text-align:right;
	box-sizing:border-box;
	padding-bottom:10px;
	border-bottom:1px solid #babcbf;
}
.termine-jahre-container{
	display:inline-block;
	width:300px;
	overflow:hidden;
	vertical-align:middle;
}
.termine-jahre{
	position:relative;
	width:10000px;
	text-align:left;
	vertical-align:middle;
}
.termine-jahr{
	display:inline-block;
	width:53px;
	text-align:center;
}
.termine-jahre-prev, .termine-jahre-next {
	display:inline-block;
	width:30px;
	cursor:pointer;
	vertical-align:middle;
}
#kalender{
	float:left;
	width:100%;
	transition:1s;
	margin-left:0px;
}
#kalender-neuereintrag{
	position:absolute;
	width:400px;
	height:550px;
	border-left:2px solid #9d9d9d;
	right:3%;
	margin-top:100px;
	display:none;
	box-sizing:border-box;
	padding-left:30px;
	background-color:#ffffff;
	font-weight:300;
}
.kalender-month{
	float:left;
	width:15.8%;
	margin-bottom:30px;
	box-sizing:border-box;
}
.kalender-month-spacer{
	margin-right:1%;
}
.kalender-month-head{
	float:left;
	width:100%;
	height:42px;
	font-size:1.4rem;
}
.kalender-month-content{
	float:left;
	width:100%;	
	height:200px;
	background-color:#f1f1f1;
	box-sizing:border-box;
	border:4px solid #f1f1f1;
	transition:0.3s;
	padding:10px;
	overflow-y: scroll;
	
}
.kalender-month-content:hover{
	border:4px solid #cacaca;
}
.kalender-month-active{
	border:4px solid #01509f;
}
.kalender-month-addentry{
	position:absolute;
	margin-top:147px;
	width:25px;
	height:25px;
	background-color:#cecece;
	cursor:pointer;
	display:none;
	opacity:0.5;
}
.kalender-month-addentry:hover{
	background-color:#789f01;
	opacity:0.9;
}
.kalender-month-content-entry{
	float:left;
	width:100%;
	box-sizing:border-box;
	font-size:0.8rem;
	padding:10px;
}
.kalender-month-content-entry:hover{
	background-color:rgba(255,255,255,0.8);
}

.button{
	background-color:#788c58;
	color:#ffffff;
	padding:10px;
	padding-left:15px;
	padding-right:15px;
	border:0px;
	/* margin-top:-10px; */ /* Wo wird das verwendet? */ 
	margin-bottom:0px;
	transition:0.3s;
	cursor:pointer;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:0.85rem;
}
.button.onlyvisible{
	opacity:0.5;
	cursor:not-allowed;
}
.no-button{
	padding:0;
	background:transparent;
	border:0;
	cursor:pointer;
}
.termine-topbar-button-subarea{
	position:absolute;
	width:200px;
	box-sizing:border-box;
	overflow:hidden;
	height:37px;
	z-index:10;
}
.termine-topbar-button-subarea:hover{
	height:auto;
}
.termine-topbar-button-subarea2{
	position:absolute;
	right:0;
	width:220px;
	box-sizing:border-box;
	overflow:hidden;
	height:38px;
	z-index:10;
}
.termine-topbar-button-subarea2:hover{
	height:auto;
}
#tagesordnung-superbox{
	position:relative;
	width:100%;
}
#tagesordnung-vorbereitung{
	/* position:absolute; */
	width:100%;
	box-sizing:border-box;
}
#tagesordnung-protokoll{
	/* position:absolute; */
	width:100%;
	box-sizing:border-box;
	display:none;
}
.TO-gesperrt {
	pointer-events: none;
}
.TO-gesperrt_schatten {
	opacity: 0.7;
}
.btn_sitzungsvorlage_edit{
	cursor:pointer;
}
.btn_sitzungsvorlage_editdisabled{
	cursor:auto;
}
.papierkorb-btn{
	cursor:pointer;
}
.btn_sitzungsvorlage_papierkorbdisabled, .btn_anlage_papierkorbdisabled, .btn_zugezogene_papierkorbdisabled, .btn_befangene_papierkorbdisabled, .btn_aktenzeichen_papierkorbdisabled,
.btn_teilakte_papierkorbdisabled
{
	cursor:not-allowed;
	display:none;
}
.popup-btn{

}
.popup-btndisabled{
	cursor:not-allowed;
	display:none
}
.tagesordnung-btn-next{
	float:absolute;
	width:40px;
	height:40px;
	margin-top:600px;
	background-color:green;
}
.disabled {
	display:none;
}

.tagesordnungsbox-head{
	float:left;
	width:100%;
}
.tagesordnungsbox, .personentypenbox-head{
	float:left;
	width:100%;
	display:none;
	margin-bottom:40px;
}
.tagesordnungsbox-arrow, .personentypenbox-arrow{
	float:left;
	margin-left:3px;
	width:30px;
	height:30px;
	background-color:grey;
	margin-right:20px;
	cursor:pointer;
	padding-top:5px;
	box-sizing:border-box;
	background-image:URL('../images/icon-arrow-open-off.png');
	background-position:center;
	background-repeat:no-repeat;
	opacity:0.6;
	transition:0.3s;
}
.tagesordnungsbox-arrow:hover, , .personentypenbox-arrow:hover{
	opacity:1;
}
.tagesordnungsbox-arrow-down, , .personentypenbox-arrow-down{
	background-image:URL('../images/icon-arrow-open-on.png');
	opacity:1;
}
.btn_top-edit, .btn_person-edit, .btn_gremium-edit, .btn_wahlperiode-edit, .btn_gremienzuordnung-edit, .btn_amt-edit, .btn_standardtop-edit {
	cursor:pointer;
	float:left;
}
.btn_top-move{
	float:right;
	margin-top:5px;
}
.tagesordnung-edit-content{
	float:left;
	height:150px;
	width:100%;
	display:none;
	margin-bottom:30px;
	padding-left:15px;
	box-sizing:border-box;
}
.tagesordnung-table{
	float:left;
	width:100%;
	box-sizing:border-box;    
	padding:15px;
}
.tagesordnung-table-element{
	border-bottom:1px solid #d2d2d2;
	padding-bottom:20px;
	box-sizing:border-box;
}
.tagesordnung-table-head{
	background-color: #6e6e6e;
    color: #ffffff;
	box-sizing:border-box;
}
.tagesordnung-table-element-1{
	float:left;
	width:8%;
	box-sizing:border-box; 
}
.tagesordnung-table-element-2{
	float:left;
	width:8%;
	box-sizing:border-box;
}
.tagesordnung-table-element-3{
	float:left;
	width:52%;
	box-sizing:border-box;
}
.tagesordnung-table-element-4{
	float:left;
	width:8%;
	box-sizing:border-box;
}
.tagesordnung-table-element-5{
	float:left;
	width:8%;
	box-sizing:border-box;
}
.tagesordnung-table-element-6{
	float:left;
	width:8%;
	box-sizing:border-box;
}
.tagesordnung-table-element-7{
	float:right;
	width:8%;
	box-sizing:border-box;
}

.tagesordnung-zugezogene, .tagesordnung-befangene, .tagesordnung-anwesendeverwaltung{
	display:none;
	height:60px;
}
.tagesordnung-aktenzeichen{
	display:none;
	height:60px;
}
.tagesordnung-teilakte{
	display:none;
	height:60px;
}
.tagesordnung-anlagen{
	display:none;
	height:60px;
}

.content-gremium_person{
	display:block;
}

.content_anlagen{
	/* overflow-x:auto; */
}
.content-stellvertreter, .content-verwaltung, .content-gemeinderat{
	display:none;
	width:100%;
}
.displayblock{
	display:table-row;
	width:100%;
}
.table-bottom{
	border-bottom:1px solid #d2d2d2;
}
.table-top{
	border-top:1px solid #d2d2d2;
}
/*
.table-bgrow td{
	padding-top:20px;
	padding-bottom:20px;
}
.table-bgrow tr:nth-child(odd){
	background-color:#f2f2f2;
}
*/

/* BLACKOVERLAY */
#blackoverlay{
	position:fixed;
	z-index:100;
	width:100%;
	height:100%;
	top: 0; 
	left: 0;
	right: 0;
	bottom: 0;
	background-color:rgba(0,0,0,0.5);
	display:none;
}
.blackoverlay-content{
	position:relative;
	width:90%;
	height:90%;
	margin:0 auto;
	background-color:#ffffff;
	margin-top:2%;
	margin-bottom:2%;
	box-sizing:border-box;
	padding:40px;
	overflow-y: scroll;
}
.blackoverlay-content-close{
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	opacity:0.8;
	height:38px;
}
.blackoverlay-content-close:hover{
	opacity:1;
}
.blackoverlay-top-left{
	position:absolute;
	top:10px;
	left:10px;
}
.blackoverlay-content-safe{
	position:absolute;
	top:10px;
	right:60px;
	cursor:pointer;
}
.blackoverlay-content-safe:hover{
	opacity:1;
}
.blackoverlay-content,.black-sitzungsvorlage,.black-editformular{
	width:840px;
	padding-top:60px;
}
.blackoverlay-content, .blackoverlay-content.black-personentypenoverlay, .blackoverlay-content.black-gremientypenoverlay.black-gremienoverlay.black-wahlperiodenoverlay.black-textbausteinoverlay.black-amtoverlay.black-sitzungsteilvorbereitungoverlay.black-sitzungsteiloverlay, .black-gremienzuordnungoverlay{
	width:840px;
	padding-top:60px;
}
.blackoverlay-content.black-personenoverlay, .black-topoverlay{
	width:90%;
	padding-top:60px;
}

.personentyp-table{
	display:none;
}
.personentyp-table td{
	border-bottom:1px solid #cccccc;
}
.zugriff-item{
	display:inline-block;
	background:#f5f5f5;
	padding:3px 10px;
	border:1px solid #cccccc;
	cursor:pointer;
}
.zugriff-item.active{
	font-weight:700;
}
.zugriff-item.active._item0{
	background:#ffaaaa;
}
.zugriff-item.active._item1{
	background:#aaffaa;
}
.zugriff-item.active._item2{
	background:#ffffaa;
}


/*.popup{
	position:absolute;
	background-color:#ffffff;
	box-sizing:border-box;
	padding:30px;
}
.popup-close{
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
}
.popup-buttons{
	text-align:center;
}
.popup-buttons div{
	display:inline-block;
	padding:8px 20px;
	text-align:center;
	color:#ffffff;
	font-weight:700;
	background-color:#cccccc;
	cursor:pointer;
	transition:filter 0.3s;
	filter:brightness(100%);
	border-radius:0;
}
.popup-buttons div:hover{
	filter:brightness(110%);
}
div.popup-button-yes, div.popup-button-ok{
	background-color:#a4c541;
}
div.popup-button-all{
	background-color:#8c8a58;
}
div.popup-button-no{
	background-color:#923737;
}*/

#popup{
	position:fixed;
	z-index:110;
	width:100%;
	height:100%;
	top: 0; 
	left: 0;
	right: 0;
	bottom: 0;
	background-color:rgba(0,0,0,0.5);
	display:none;
}
.popup-content{
	position:relative;
	width:100%;
	max-width:700px;
	height:auto;
	margin:0 auto;
	background-color:#ffffff;
	margin-top:2%;
	margin-bottom:2%;
	box-sizing:border-box;
	padding:40px;
	position: relative;
	top: 45%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	max-height:90%;
	overflow-y:auto;
}
.popup-content-close{
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	opacity:0.6;
}
.popup-content-close:hover{
	opacity:1;
}
.popup-content._wide{
	width:900px;
}

.textfeld{
	padding:6px;
	border-radius:8px;
	border:1px solid #9d9d9d;
	width:100%;
	box-sizing:border-box;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	background-color:#fff;
}

.textfeld-margintop{
	margin-top:10px;
}
.textfeld.greyedout{
	pointer-events:none;
	opacity:0.7;
	background-color:#cccccc;
}

/* STATISTIK */
#piechart {
	float:left;
	width: 400px;
	height: 400px;
	/* margin-left: 80px; */
	/* margin-top: 100px; */
	/* transform:scale(1.5); */
	box-sizing:border-box;
} 
.piece {
	position: absolute;
	width: 250px;
	height: 250px;
	clip: rect(0px, 250px, 250px, 125px);
	border-radius: 125px;
	background: #ac9556;
} 
.piece-inner {
    position: absolute;
    width: 250px;
    height: 250px;
    clip: rect(0px, 125px, 250px, 0px);
    border-radius: 125px;
    -webkit-backface-visibility: hidden;
}

/* GREMIENBESETZUNG */
.gremien-tab{
	float:left;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	box-sizing:border-box;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	background-color:#bcbcbc;
	text-align:center;
	cursor:pointer;
	font-size:0.8rem;
	margin-right:5px;
}

/* WAHLPERIODEN */
.wahlperioden-left{
	float:left;
	width:20%;
	margin-right:2%;
}
.wahlperioden-center{
	float:left;
	width:20%;
	margin-right:2%;
}
.wahlperioden-right{
	float:left;
	width:56%;
}
.wahlperiode-status-0{
	opacity:0.2;
}
.wahlperiode-status-1{
	opacity:1;
}

/* Spezifische Einstellungen */
#piece1 {
    transform: rotate(0deg);
}
#piece1 > .piece-inner {
    background: #ac9556;
    transform: rotate(72deg);
}
 
#piece2 {
    transform: rotate(72deg);
}
 
#piece2 > .piece-inner {
    background: #6d8da2;
    transform: rotate(126deg);
}
 
#piece3 {
    transform: rotate(198deg);
}
#piece3 > .piece-inner {
    background: #92a26d;
    transform: rotate(168deg);
}
.statistik-right{
	float:right;
	width:20%;
	margin-left:4%;
	margin-top:30px;
}

/* DOTS */
.dot{
	float:left;
	width:36px;
	height:36px;
	border-radius:8px;
	margin-right:20px;
}
.dot-termine{
	background-color:#941b80;
}
.dot-statistik{
	background-color:#94701b;
}
.dot-vorbereitung{
	background-color:#01509f;
}
.dot-protokoll{
	background-color:#b59a3e;
}
.dot-gemeinderatsmitglied{
	background-color:#3e9ab5;
}
.dot-admin, .dot-einstellungen{
	background-color:#b53e3e;
}
.dot-sitzunganlegen{
	background-color:#788c58;
	width:30px;
	height:30px;
	margin-left:9px;
	margin-right:15px;
}

/* TAGESORDNUNG */
#tagesordnung-sitzung-bearbeiten{
	float:left;
	width:100%;
	border:2px dashed grey;
	box-sizing:border-box;
	border-radius:10px;
	padding:10px;
	padding-top:30px;
	padding-bottom:0px;
	margin-bottom:30px;
	display:none;
}
.tagesordnung-sitzungsteil-bearbeiten{
	/*float:left;
	width:100%;
	border:2px dashed grey;
	box-sizing:border-box;
	border-radius:10px;
	padding:10px;
	padding-top:30px;
	padding-bottom:0px;
	margin-bottom:30px;
	display:none;*/
	position:absolute;
	right:0px;
	top:0px;
	margin-top:-5px;
	display:none;
	width:580px;
}
.tagesordnung-sitzungsteil-bearbeiten-close{
	margin-top:-50px;
	background-color:#ffffff;
	width:40px;
	padding-left:10px;
	float:right;
	cursor:pointer;
}
.tagesordnung-sitzungsteil-bearbeiten-headline{
	margin-top:-45px;
	background-color:#ffffff;
	width:240px;
	padding-left:10px;
}

.tagesordnung-sitzungsteil-noe-bearbeiten{
	float:left;
	width:100%;
	border:2px dashed grey;
	box-sizing:border-box;
	border-radius:10px;
	padding:10px;
	padding-top:30px;
	padding-bottom:0px;
	margin-bottom:30px;
	display:none;
}
.tagesordnung-sitzungsteil-noe-bearbeiten-close{
	margin-top:-50px;
	background-color:#ffffff;
	width:40px;
	padding-left:10px;
	float:right;
	cursor:pointer;
}
.tagesordnung-sitzungsteil-noe-bearbeiten-headline{
	margin-top:-45px;
	background-color:#ffffff;
	width:240px;
	padding-left:10px;
}

.tagesordnung-sitzung-bearbeiten-headline{
	margin-top:-45px;
	background-color:#ffffff;
	width:190px;
	padding-left:10px;
}
.tagesordnung-sitzung-bearbeiten-close{
	margin-top:-50px;
	background-color:#ffffff;
	width:40px;
	padding-left:10px;
	float:right;
	cursor:pointer;
}
.tagesordnungs-container{
	clear:both;
}

.tablehead{
	background-color:#6e6e6e;
	color:#ffffff;
}
#tagesordnung-new{
	position:fixed;
	width:100%;
	left:0px;
	height:50px;
	bottom:0px;
	box-sizing:border-box;	
	padding:15x;
	transition: height 0.3s ease-in-out;
	background:rgba(255,255,255,1);
}
#tagesordnung-new:hover{
	height:50%;
}
.tagesordnung-new-head{
	float:left;
	width:100%;
	left:0px;
	height:50px;
	bottom:0px;
	box-sizing:border-box;	
	background-color:#789f01;
	cursor:pointer;
	font-size:1.3rem;
	color:#ffffff;
	margin-bottom:20px;
}
.tagesordnung-addentry{
	float:left;
	width:50px;
	height:50px;
	margin-left:3%;
	background-color:#a4c541;
	cursor:pointer;
	padding:12px;
	box-sizing:border-box;
	margin-right:15px;
}
.tagesordnung-addentry2{
	float:left;
	width:30px;
	height:30px;
	background-color:#a4c541;
	cursor:pointer;
	padding:7px;
	box-sizing:border-box;
	margin-right:15px;
}
.tagesordnung-addentry-small{
	float:left;
	width:30px;
	height:30px;
	margin-top:-30px;
	background-color:#789f01;
	cursor:pointer;
	padding:3px;
	box-sizing:border-box;
}
.add-icon{
	float:left;
	width:30px;
	height:30px;
	margin-top:-30px;
	background-color:#789f01;
	cursor:pointer;
	padding:3px;
	box-sizing:border-box;
	opacity:0.6;
	transition:0.3s;
}
.add-icon:hover{
	opacity:1;
}
.add-icondisabled{
	float:left;
	width:30px;
	height:30px;
	margin-top:-30px;
	background-color:#c0c0c0;
	cursor:not-allowed;
	padding:3px;
	box-sizing:border-box;
}
.tagesordnung-addentry-small:hover{
	background-color:#a4c541;
}
.stellvertreter-addentry-small{
	float:left;
	width:30px;
	height:30px;
	background-color:#789f01;
	cursor:pointer;
	padding:3px;
	box-sizing:border-box;
}
.stellvertreter-addentry-small:hover{
	background-color:#a4c541;
}
.tagesordnung-content{
	float:left;
	width:94%;
	margin-left:3%;
}
.tagesordnung-completewidth{
	float:left;
	width:100%;
	margin-top:10px;
	margin-bottom:80px;
}
.tagesordnung-more{
	float:left;
	width:22.75%;
	box-sizing:border-box;
}
.tagesordnung-more-spacer{
	margin-right:3%;
}
.tagesordnung-save{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:55px;
	background-color:#789f01;
}
.tagesordnung-button{
	background-color:#a4c541;
	color:#2d3a05;
	padding:10px;
	padding-left:15px;
	padding-right:15px;
	border:0px;
	margin-top:-10px;
	margin-bottom:0px;
	transition:0.3s;
	cursor:pointer;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:0.85rem;
}
.tagesordnung-button:hover{
	background-color:#c1e15f;
}


/* GEMEINDERATSMITGLIED */
.mitglied-left{
	float:left;
	width:25%;
	margin-right:3%;
	box-sizing:border-box;
}
.mitglied-right{
	float:left;
	width:44%;
	box-sizing:border-box;
}

/* ADMIN */
.admineinstellungen-addentry{
	float:left;
	width:30px;
	height:30px;
	background-color:#a4c541;
	cursor:pointer;
	padding:7px;
	box-sizing:border-box;
	margin-right:15px;
}
.akkordeon{
	float:left;
	width:100%;
	border-bottom:1px solid grey;
	margin-bottom:20px;
	cursor:pointer;
}
.akkordeon-head{
	float:left;
	height:30px;
}
.akkordeon-arrow{
	float:left;
	width:19px;
	height:16px;
	background-image:URL('../images/icon-arrow-right-full.png');
	margin-top:2px;
	margin-right:10px;
}
.akkordeon-arrow-down{
	background-image:URL('../images/icon-arrow-down-full2.png');
}
.akkordeon-content{
	float:left;
	width:100%;
	display:none;
}

.sv-view-container{
	max-height:100%;
	overflow-y:scroll;
}
.sv-preview{
	display:none;
}
.indeximage{
	/* overflow:hidden; */
	/* float:left; */
	width:100%;
	clear:both;
}
.indeximage img{
	width:100%; 
	height:auto; 
	border:1px solid #cccccc;
	transform:scale(1);
	transform-origin:50% 50%;
	pointer-events:none;
}
/*.indeximage:hover img{
	transform:scale(2.2);
}*/


#toast{
	position:fixed;
	width:100%;
	bottom:0;
	z-index:110;
}
#toast-box{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:20px;
	background-color:#92b359;
	color:#ffffff;
	position:relative;
	display:none;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
#toast-box.green{
	background-color:#92b359;
}
#toast-box.blue{
	background-color:#55757f;
}
#toast-box.red{
	background-color:#af6060;
}
#toast-content{
	text-align:center;
}
#toast-close{
	position:absolute;
	cursor:pointer;
	top:10px;
	right:10px;
}
.toast-me{
	display:none;
}
.sort-icon{
	float:left;
	margin-right:20px;
	cursor: move;
	opacity:0.5;
}
.sort-icon img{
	width:30px;
	height:30px;
}
.top_sortable tr:nth-child(n+2) td:first-child{
	padding-left:30px;
}
.placeholder{
	display: table-row;
	background-color:#ff0000;
}



.clear{
	clear:both;
}
.left{
	float:left;
}
.right{
	float:right;
}
.noform{
	display:inline;
}

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


h1{
	color:#3b3b3b;
	font-size:2.2rem;
	font-weight:300;
}
h2{
	color:#606060;
	font-size:1.4rem;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	padding-bottom:20px;
	margin:0px;
}
h3{
	color:#606060;
	font-size:1.2rem;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	padding-bottom:20px;
	margin:0px;
}
h4{
	color:#49656a;
	font-size:1.1rem;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	padding-bottom:5px;
	margin:0px;
}
.headline{
	color:#3b3b3b;
	font-size:2rem;
	font-weight:300;
	float:left;
}

.bold{
	font-weight:500;
}
.strong{
	font-weight:700;
}

a{
	color:#3b3b3b;
	text-decoration:none;
}
a:hover{
	color:#01509f;
	text-decoration:none;
}

td{
	font-weight:300;
}

.wtf{
	font-size:2rem;
	color:red;
}

.hoverimg{
	opacity:0.5;
	transition:0.3s;
}
.hoverimg:hover{
	opacity:1;
}

hr{
	float:left;
	width:100%;
	border:0px;
	height:1px;
	background-color:#b3b3b3;
	padding:0px;
	margin:0px;
	margin-bottom:30px;
}

/* BUTTONS */
.button-logout{
	float:left;
	padding:15px;
	width:100%;
	color:#ffffff;
	background-color:#923737;
	font-size:1rem;
	transition:0.3s;
	cursor:pointer;
	box-sizing:border-box;
	text-align:center;
}
.button-logout:hover{
	background-color:#c14e4e;
	color:#fff;
}
.button-menu{
	float:left;
	padding:15px;
	padding-left:25px;
	padding-right:25px;
	color:#434343;
	font-size:1rem;
}
.button-menu:hover{
	background-color:#d7d7d7;
}
.button-menu-aktiv{
	background-color:#b4b4b4;
	color:#ffffff;
}
.button-menu-inaktiv{
	opacity:0.5;
}
.button-submenu{	
	float:left;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	box-sizing:border-box;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	background-color:#e8e8e8;
	text-align:center;
	cursor:pointer;
	font-size:0.9rem;
	margin-right:5px;
	transition:0.3s;
}
.button-submenu-aktiv{
	background-color:#9c9c9c;
	color:#ffffff;
}
.button-submenu:hover{
	background-color:#cfcfcf;
	color:#ffffff !important;
}
.button{
	background-color:#788c58;
	color:#ffffff;
	padding:10px;
	padding-left:15px;
	padding-right:15px;
	border:0px;
	margin-bottom:0px;
	transition:0.3s;
	cursor:pointer;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:0.85rem;
	height:37px;
	box-sizing:border-box;
}
.button-grey{
	background-color:#aeaeae;
}
.button-grey:hover{
	background-color:#727272;
}
.button-green{
	background-color:#788c58;
}
.button-greendisabled{
	background-color:#788c58;
	cursor:not-allowed;
	display:none
}
.button-green:hover{
	background-color:#92aa6d;
}
.button-red{
	background-color:#923737;
}
.button-red:hover{
	background-color:#ba4f4f;
}
.button-white{
	background-color:#ebebeb;
	color:#3d3d3d;
}
.button-white:hover{
	background-color:#cfcfcf;
	color:#3d3d3d;
}
.button-blue{
	background-color:#374492;
}
.button-blue:hover{
	background-color:#4858be;
}
.submenu-container{
	width:190px;
	display:inline-block;
	position:relative;
	vertical-align:top;
	z-index:2;
}
.submenu-container input{
	display:block;
	width:100%;
}
.submenu-container .submenu-list{
	display:none;
	position:absolute;
	top:100%;
	width:100%;
}
.submenu-container:hover .submenu-list{
	display:block;
}
.sortarrow{
	opacity:0.5;
	transition:0.3s;
	cursor:pointer;
}
.sortarrow:hover{
	opacity:1;
}
.white-bg{
	background-color:#ffffff;
}
#saving{
	background-color:rgba(0,0,0,0.5);
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	bottom:0;
	right:0;
	text-align:center;
	display:none;
	z-index:5001;
}
.saving-content{
	display:inline-block;
	vertical-align:middle;
	font-size:24px;
	font-weight:100;
	color:#ffffff;
}
.saving-content small{
	font-size:12px;
}
#saving:after{
	content:'';
	display:inline-block;
	height:100%;
	vertical-align:middle;
	width:1px;
}
block{
	display:block;
}
inline{
	display:inline;
}