/* BASIC FUNKTIONEN FÜR ALLE MODULE UND DAS SYSTEM */
.module-h1{
	margin-bottom:0px;
}
.module-sidemenu-left{
	float:left;
	position:relative;
	width:25%;
	margin-right:3%;
	padding-right:40px;
	box-sizing:border-box;
	border-right:2px dashed grey;
}
.module-sidemenu-left._fixed{
	position:fixed;
	width:21%;
	top:80px;
}
.module-sidemenu-left-hint{
	float:right;
	width:33px;
	height:18px;
	text-align:right;
	margin-top:6px;
}
.module-maincontent-both{
	float:right;
	width:1206px;
}
.module-maincontent{
	float:right;
	width:72%;
}
.module-sidemenu-right{
	float:right;
	width:316px;
}
.module-newelement{
	float:right;
	background-color:#4f5b5e;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	width:200px;
	padding:10px;
	color:#ffffff;
	font-size:1.2rem;
	font-weight:300;
	transition: 0.3s;
	cursor:pointer;
	text-align:center;
}
.module-newelement._active{
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}
.module-newelement:hover{
	background-color:#6a8187;
}
.module-settings-content{
	float:left;
	padding:20px;
	width:100%;
    border: 2px dotted #5b5b5b;
    margin-bottom: 30px;
    display: none;
    padding: 35px;
	box-sizing:border-box;
}
.module-settings-content-green{
	float:left;
	padding:20px;
	width:100%;
    border: 4px solid #bbc7a6;
    margin-bottom: 30px;
    display: none;
    padding: 35px;
	box-sizing:border-box;
}
.module-settings-content-box {
	float:left;
	min-height:200px;
	box-sizing:border-box;
}
.module-settings-content-box:nth-child(1){
	padding-left:0px;
	padding-right:50px;
	width:32%;
}
.module-settings-content-box:nth-child(2){
    border-left:1px dashed grey;
    border-right:1px dashed grey;
	padding-left:50px;
	padding-right:50px;
	width:36%;
}
.module-settings-content-box:nth-child(3){
	padding-right:0px;
	padding-left:50px;
	width:32%;
}
@media(max-width:1200px){
	.module-settings-content-box:nth-child(1){ padding-right:30px; }
	.module-settings-content-box:nth-child(2){ padding-left:30px; padding-right:30px; }
	.module-settings-content-box:nth-child(3){ padding-left:30px; }
}						 

.module-settings-right{
	float:left;
	background-color:#eeeeee;
	padding:20px;
	width:276px;
	margin-bottom:40px;
}
.module-settings-titlebar{
	float:left;
	width:100%;
	/* height:35px; */
	margin-top:20px;
	margin-bottom:20px;
}
.module-settings-titlebar:after{
	display:block;
	content:'';
	clear:both;
}
.module-settings-titlebar-short{
	margin-bottom:0px;
}
.module-settings-titlebar-icon{
	float:left;
	width:43px;
	height:35px;
}
.module-settings-titlebar-text{
	float:left;
	height:22px;
	margin-top:13px;
}
.module-settings-titlebar-small{
	width:137px;
	margin-bottom:0px;
}
.module-settings-titlebar-text-small{
	width:94px;
}
.module-settings-titlebar-hint{
	float:right;
	width:33px;
	height:18px;
	margin-top:17px;
	text-align:right;
}
.module-settings-titlebar-input{
	-moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #bcbcbc;
	height:35px;
	width:100%;
	box-sizing:border-box;
	background-color:#f7f7f7;
	padding:5px;
	padding-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#4b4b4b;
}
.module-settings-titlebar-select{
	-moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #bcbcbc;
	height:35px; 
	width:100%;
	box-sizing:border-box;
	background-color:#f7f7f7;
	padding:5px;
	padding-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#4b4b4b;
}
.module-settings-titlebar-input-small{
	width:80px;
	margin-top:10px;
}
.module-settings-radiobtn{
	float:left;
	margin-top:21px;
	margin-left:15px;
}
.module-settings-overlaytitel{
	position:absolute;
	margin-top:-11px;
	margin-left:15px;
	background-color:#ffffff;
	padding-left:20px;
	padding-right:20px;
	font-size:1.2rem;
	font-weight:300;
	color:#6a7a4f;
}
.module-settings-overlaybutton, .module-settings-overlaymore{
	float:right;
	background-color:#ffffff;
	font-size:1.2rem;
	font-weight:300;
	right:0px;
	margin-top:-55px;
	margin-right:40px;
	background-color:#84914a;
	border-radius:8px;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	cursor:pointer;
	transition:0.3s;
}
.module-settings-overlaybutton:hover{
	background-color:#9ca963;
}
.module-settings-overlaymore{
	margin-right:170px;
	background-color:#6b64c4;
}
.module-settings-overlaymore:hover{
	background-color:#7a75c4;
}
.module-settings-content-more{
	display:none;
}

/* MODULE
 *********************************************************************** */
.modul-arrow-back{
	float:left;
	margin-right:20px; 
	margin-top:2px;
	opacity:0.6;
	transition:0.3s;
}
.modul-arrow-back:hover{
	opacity:1;
}

/* MODULE */
.modul-box{
	float:left;
	padding:20px;
	width:235px;
	margin-bottom:30px;
	width:100%;
	box-sizing:border-box;
}
.modul-box:after{
	content:'';
	display:block;
	clear:both;
}
.modul-box-noentry{
	min-height:50px;
	border:1px dashed #c7c7c7;
	cursor:pointer;
	transition:0.3s;
}
.modul-box-noentry:hover{
	background-color:#f9f9f9;
}
.modul-box-spacer{
	margin-right:15px;
}
.modul-box-image{
	float:left;
	top:-8px;
	left:-10px;
	margin-right:30px;
}
.modul-box-image img{
	float:left;
}
.modul-box-kategorie{
	float:left;
	width:20px;
	height:20px;
	margin-right:15px;
	margin-top:2px;
}
.modul-box-text{
	float:left;
	width:135px;
	height:90px;
}
.modul-box-text-noentry{
	float:left;
	width:60%;
	/* height:60px; */
}
.modul-box-text-noentry-already-in-use{
	width:130px;
	float:left;
}
.modul-box-newcontent{
	float:right;
	width:20px;
}
.modul-box-content{
	float:left;
	width:235px;
	margin-top:-10px;
	font-size:0.7rem;
	line-height:1.4rem;
}
.modul-box-headline{
	float:left;
	font-size:16px;
	color:#3c3c3c;
	font-weight:700;
	margin-bottom:5px;
}
.modul-box-subline{
	float:left;
	font-size:9pt;
	color:#8498a7;
	clear:left;
	font-style:italic;
	font-weight:400;
}
.modul-table-header {
    background-color: #5e5e5e;
    color: #ffffff;
    font-weight: 700;
}
.module-startansicht{
	float:left;
	width:603px;
}
.module-startansicht-4teilig{
	float:left;
	width:23.5%;
	margin-right:2%;
}
.module-box-cube{
	width:20px;
	float:left;
	width:20px;
	height:20px;
	margin-right:10px;
	margin-top:3px;
}
.module-box-bg1{
	/* Blau */
	background-color:#60a4d3;
}
.module-box-bg2{
	/* Ocker */
	background-color:#d3ae60;
}
.module-box-bg3{
	/* Grün */
	background-color:#a4d360;
}
.module-box-bg4{
	/* Lila */
	background-color:#9160d3;
}
.module-box-bg5{
	/* Rot */
	background-color:#e97d7d;
}
.module-box-bg6{
	background-color:#82dadd;
}


/* Module Schnellzugriff / module-quickuse.php */
.module-quick-box{
	float:left;
	width:18%;
	border:2px dotted #9e9e9e;
	min-height:157px;
	padding:20px;
	margin-bottom:20px;	
	text-align:center;
	cursor:pointer;
	box-sizing:border-box;
	margin-right:2.35%;
}
.module-quick-box:nth-child(5n){
	margin-right:0%;
}
.module-quick-box._active{
	background-color:#dbe5ed;
}
.module-quick-box:hover{
	border:2px dotted #3c7aba;
}
.module-quick-box._set{
	border:2px dashed #85af47;
}
.module-quick-box-number{
	position:absolute;
	width:15px;
	height:15px;
	padding:10px;
	padding-top:5px;
	padding-bottom:12px;
	margin-top:-20px;
	margin-left:-20px;
	background-color:#a3b1b5;
	color:#ffffff;
	font-size:1rem;
}
.module-quick-box._set .module-quick-box-number{
	background-color:#85af47;
}
.module-quick-auswahl{
	float:left;
	width:100%;
}
.module-quick-auswahl-module{
	float:left;
	width:79%;
	box-sizing:border-box;
}
.module-quick-auswahl-right{
	float:right;
	width:19%;
	border-left:2px dashed #479fac;
	box-sizing:border-box;
}
.module-quick-auswahl-content{
	float:left;
	width:100%;
	padding-top:20px;
	padding-left:20px;
	padding-bottom:20px;
	box-sizing:border-box;
}
.module-quick-button{
	float:left;
	padding:8px;
	width:180px;
	margin-left:30px;
	margin-bottom:10px;
	border:1px dashed #c7c7c7;
	cursor:pointer;
	transition:0.3s;
	font-size:0.85rem;
}
.module-quick-button._set{
	background-color:#9db777;
	color:#ffffff;
}
.module-quick-button:hover{
	background-color:#a3b1b5;
	color:#ffffff;
}
.module-quick-box-image{
	margin-bottom:20px;
}
.module-quick-box-name{
	margin-bottom:0px;
}
.module-quick-5teilig{
	float:left;
	width:20%;
	margin-right:6%;
	box-sizing:border-box;
}
.module-quick-5teilig:nth-child(4n){
	margin-right:0%;
}

/* VON DER ALTEN SEITE */
.newpage-input-drop input[readonly]{
	background:none;
	border:none;

}
.newpage-input-drop{
	font-weight:400;
	position:relative;
	margin-bottom:15px;
	background-image:url('../images/sort-down-off.png');
	background-position:right center;
	background-repeat:no-repeat;	
}

.newpage-input-drop{
	border-radius: 4px;
    border: 1px solid #bcbcbc;
    height: 35px;
    box-sizing: border-box;
    background-color: #f7f7f7;
    padding: 5px;
    padding-left: 10px;
    color: #4b4b4b;
}
.newpage-input-drop:hover{
	background:url('../images/sort-down-off.png'),linear-gradient(to left, #d0d0d0 40px, #f7f7f7 40px);
	background-position:right center;
	background-repeat:no-repeat;	
}

.newpage-input-list{
	display:none;
	position:absolute;
	top:28px;
	left:0;
	background-color:#ffffff;
	border-radius:10px;
	border-top-left-radius:0;
	box-sizing:border-box;
	box-shadow: 4px 4px 3px #8b8b8b;
	z-index:102;
	max-height:300px;
	overflow-y:scroll;
}
.newpage-input-list ul{
	padding:20px;
	margin:0;
}
.newpage-input-list li{
	background-color:#ffffff;
	list-style-type:none;
	padding:5px 10px;
	cursor:pointer;
}
.newpage-input-list li:hover, .newpage-input-list li.active{
	background-color:#ffffcc;
}

/* Addbox */

.addbox{
	float:left;
	opacity:0.3;
	transition:0.2s;
	cursor:pointer;
	text-align:center;
	width:100%;
	box-sizing:border-box;
	border:2px solid #000000;
	border-radius:10px;
}
.addbox-front{
	height:100%;
	width:25%;
	opacity:0;
	transform-origin:50% 50%;
	transition:0.2s;
	display:inline-block;
	background-image:url('../images/addbox-arrow-left.png');
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
	right:-50px;
}
.addbox-plus{
	height:100%;
	width:25%;
	opacity:0.5;
	transform-origin:50% 50%;
	transition:0.2s;
	display:inline-block;
	background-image:url('../images/addbox-plus.png');
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
}
.addbox-back{
	height:100%;
	width:25%;
	opacity:0;
	transform-origin:50% 50%;
	transition:0.2s;
	display:inline-block;
	background-image:url('../images/addbox-arrow-right.png');
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	left:-50px;
}
.addbox:hover .addbox-plus{
	opacity:0.7;
}
.addbox:hover .addbox-front{
	opacity:0.2;
	right:0;
}
.addbox:hover .addbox-back{
	opacity:0.2;
	left:0;
}
.addbox:hover .addbox-front:hover{
	opacity:0.7;
}
.addbox:hover .addbox-back:hover{
	opacity:0.7;
}
.module-single-boxes .modul-box{
	width:23.5%;
	margin-right:1.5%;
}
.modul-box-inaktiv{
	opacity:0.4;
}
._template{
	display:none;
}