body{	
	background-color: #fffde5;
	font-family:monospace;
	color:#456;
	margin: 0;
	background-image: url("../images/bg_01.png");
	background-size :cover;
	background-attachment:fixed;
	background-repeat: no-repeat;
}
a, a:active, a:visited{	
	color: #484;	
	text-decoration: none;
}
#debug{
	position: fixed;
	left: 45px;
	width: 15%;
	
}
#dialog{
	position: absolute;
	margin: 0 auto;
	width: 100%;
	height: 500px;
	background-color: #345;
	z-index: 5;
}
ul{
	list-style: none;
	margin:0 0 0 0px;
	padding:0;
}
li{
	display: inline-flex;
	margin:5px;
}
.mo{
	cursor: pointer;
}

#header{
	
 	background-color: #444; 
	font-size:10px;
	line-height:25px;
	position: fixed;
	top:0;
	width: 100%;
	z-index: 8;
}
#content{
	width:90%;
	margin: 0 auto 0 auto;
	position: relative;
	top: 20px;
	/* font-weight:bold; */
	/* text-transform:uppercase; */	
	}
.rec{
	height:20px;
}
.fl2{
/* 	float: left; */
}
.fr{
/* 	float: right; */
}
.fr2{
 	float: right; 
}
.ml2{
	margin-left:8px;
}
.mr2{
	margin-right: 8px;
}
.w100p{
	width:100%;
}
.txts{
	font-size: 12px;
}
.txt{
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	}
.txtmed{
	font-size:20px;
	letter-spacing:10px;
}
.titletxt:hover{
	color:#888;
}
.titletxt{
	font-size:25px;
	letter-spacing:10px;
	color: #555;
}
.bol{
	font-weight: bold;
}
.ku{
	font-style: italic;
}
.col2{
  color: #ddd;
}
.formdivs{
	width: 100%;
	height: 55px;
	margin: 15px auto 0px auto;
	/*border: solid 2px #aaa;
	border-radius: 5px;*/
	overflow: hidden;
	position:relative;
		-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
	background-color: rgba(255,253,229,0.75);
}
.imgul{
	background-color: yellow;
}
.bgimage{
	visibility: hidden;
	width: 100%;
	height: 100%;
	/* border: none; */
	background-size: cover;
	display: block;
}
.imgcontainer{
	width:100%%;
	/*float: right;
	 height: 125px;
	position: absolute;
	bottom: 0; 
	overflow-y: hidden;*/
	
	}
.imgdiv{
	width:100px;
	height:100px;
	/* float: left; */
	background-size: cover;
}
.log_date{
	position: absolute;
	color: orange;
	font-size: 20px;
	font-family: Lucida Console;
	left: 35;
	/* bottom:0px; */
}
.log_notes{
	position: absolute;
/* 	background-color: rgba(200,200,200,0.8); */
	width:100%;
	 height:100% 
}
.log_code{
	/* position: absolute; */
}
.more{
	position: absolute;
	bottom: 0px;
	z-index: 5;
/*	width: 100%;
 	height: 100%; */
	background-color: white;
	padding: 2px 5px 2px 5px;
	right: 0px;
}

.project_bigpics{
	background-size: contain;
	background-repeat: no-repeat;
	background-color: rgba(220,220,220,0.5);
	background-position:center;
	width: 100%;
	height: 600px;
	border: solid 10px ;
	}
.active{
	width: 100%;
	position: absolute;
}
#inhalt {
/* 	width:65%; */
}
#inhaltcon {
	width:65%;
	margin: 35px auto 0 auto;
}
.projectrec{
	position: absolute;
	width:100%;
	color: #456;
/* 	background-color: #fff; */
	top: 0;
}
.pro_notesdivs{
	margin: 10px 0 0 20px;
}
.pro_notesdivs img{
	margin: 5px;
	border: solid 1px black;
	height: 100px;
	cursor: pointer;
}
/* .pro_notesdivs p{
	text-align: center;
} */
.links{
	font-style: italic;
	float: right;
}
.cate{
	/*background-color: #fff;
	 position:absolute; 
	padding:5px;
	height:100%;
	width:40px;
	color:#fff;*/
}
#delete{
	/* position:absolute; */
}
.editdivs{
	position: absolute;
	bottom:0;
	right:0;
	
	z-index: 7;
	}
#add_project_div{
	position: fixed;
	z-index: 8;
	top: 0px;
	width: 350px;
	background-color: #345;
	margin-left:20%;
	color: white;
}
.editor{
	background-color: #fff;
	width: 95%;
	height: 480px;
	background-color: #fff;
	position: absolute;
	z-index: 10;
	margin-left: -15%;
	overflow: hidden;
}
.edittable{
	height: 100%;
	background-color: #ccc;
}
.textareainput{
	width:100%;
}
#editform{
	background-color: #148;
}
.tooltip{
	position: absolute;
	bottom: 0;
	left: 300px;
	width: 200px;
	max-height: 200px;
	z-index: 15;
	background-color: white;
	padding: 10px;
}
#gallery_bg{
	position: fixed;
	top:0;
	width: 100%;
	height: 100%;
	background-color: #444;
	z-index: 10;
}
#gallery_next{
	right: 25px;
	text-align: right;
}
.gallery_button:hover{
	color:yellow;
	font-size: 20px;
	font-weight: bold;
}
.gallery_button{
	position:absolute;
	top:0;
	width: 15%;
/* 	background-color: #888; */
	height: 100%;
	padding: 33px;
	/* border: dotted thin grey; */
	color:white;
}
#gallery_previous{
	left: 25px;
}
#gallery{
/* 	visibility:hidden; */
	position:relative;
	width: 90%;
	height: 90%;
	background-position:center;
	background-size: contain;
	background-repeat: no-repeat;
	top:5%;
	margin: 0 auto;
/* 	cursor: url(../images/bg_01.gif), auto; */
}
#organize_tag{
	margin-top: 50px;
}
#organize{
	position: fixed;
	right: 0;
	width: 15%;
	text-align: right;
	margin-right: 45px;
/* 	border: solid thin #444; */
}
.tagquery:hover, .catquery:hover, .slideTrigger:hover{
	font-weight:bolder;
	color: black;
}
.tagquery{
 	font-weight: bold; 
/*	font-size: 14px;*/
	padding:2px;
	margin:2px;
}
.activetag{
	letter-spacing: 10px;
}
#organize_links{
	margin-top: 50px;
	padding:10px;
	border-radius: 10px;
	background-color: #234;
}
#organize_links img{
	width: 100%;
	margin: 5px 0 5px 0;
}
.slideRL{
	position: absolute;
	top: 0;
	left: 0;
	margin: 20px 0 30% 12%;
	width: 76%;
	background-color:#456;
}
.slideTrigger{
	
}

#imgUpload{
	width:50%;
}
#submit-btn{
	float:right;
	margin-right: 10px;
}
#imgUploadForm{
	background-color: white;
	margin: 1%;
}
#imgUploadOutput{
	position: absolute;
	background-color:white;
	width: 96%;
	padding: 2%;
	
}
#imgUploadOutput img{
	margin: 10px;
}
#imgUploadOutput img:last-child{
	width: 60%
}
#loading-img{
	width:16px;
}
#logindiv{
	z-index: 200;
	position:absolute;
	right: 0;
	padding: 10px;
	background-color: #444;
	
}