@CHARSET "UTF-8";
	
	/*
		Schiefergrau: #4f5358

	*/

/*
-----------------------------------------------------------------------------------------------------------------------
											Defaults für HTML-Elemente
-----------------------------------------------------------------------------------------------------------------------
*/	
	
	body
	{
		margin: 0;
		padding: 0;
		font-size: 16px;
		padding-right: 20px;
		/*
		padding-left: 20px;
		*/		
	}

	select,
	textarea,
	input
	{
		font-size: inherit;
		padding: 7px;
	}
	
	.article h1,
	h1
	{
		font-size: 2em;
		color: #4f5358;
	}
	
	input[type=submit],
	input[type=button],
	a.button
	{
		background-color: #54945c;
		color: white;
		padding: 10px;
		font-size: 16px;
		border: none;
		margin: 2px;
	}


		
	select,
	textarea,
	input[type=text],
	input[type=password]
	{
		padding: 10px;
		border-radius: 5px;
	}

	textarea,
	input[type=text]
	{
		min-width: 60ch;
	}
	select
	{
		min-width: 62.5ch;
		background-color: white;
	}
	textarea
	{
		min-height: 5em; 
	}
	
	a.button,
	input[type=submit],
	input[type=button]
	{
		border: 2px solid #54945c;
		border-radius: 4px;
		min-width: 100px;
	}
	a.button:hover,
	input[type=submit]:hover,
	input[type=button]:hover
	{
		background-color: white;
		color: #54945c;
	}
	a.button
	{
		text-align: center;	
	}
	

	
	#debug
	{
		display: none;
	}
	
/*
---------------------------------------------------------------------------------------------------------------------
											Defaults fuer Seitenaufbau
-----------------------------------------------------------------------------------------------------------------------
*/	
	
	#maincontainer
	{
		background-color: white;
		
		padding: 0;
		margin: 0;
		
		width: 100%;
		text-align: left;
	}
	.toparea
	{
		height: 60px;
		position: fixed;
		z-index: 999;
		/*
		background-color: #0c9da6;
		*/
		background-color: white;
		top: 0;
		/*
		#7cff6a;
		*/
		width: 100%;
		/*
		
		box-shadow: 180px 3px 8px silver;
		*/
	}

	.content_left
	{
		width: 1890px;
		max-width: 180px;
		position: fixed;
		top: 60px;
		background-color: white;
		/*
		background-color: #0c9da6;
		*/
		min-height: 100%;
		box-shadow: 2px -3px 8px silver;
	}

	.content_right
	{
		width: 240px;
		max-width: 240px;
	}

	.content_middle
	{
		width: inherit;
		min-width: 0;
		max-width: calc(100% - 200px);
		margin-left: 20px;
		margin-right: 0;
		float: left;
		position: relative;
		left: 180px;
		top: 80px;
	}
/*	
	@media (max-width: 1400px)
	{
		.content_right
		{
			display: none;
		}
		.content_middle
		{
			width: inherit;
			min-width: calc(100% - 260px);
			max-width: calc(100% - 260px);
		}
	}
*/


/*
---------------------------------------------------------------------------------------------------------------------
											InfoItem
-----------------------------------------------------------------------------------------------------------------------
*/	
	.infoitem
	{
		font-size: inherit;
		margin: 0;
		padding: 0;
	}
	.infoitem h1
	{
		font-size: 24px;
	}
	.infoitem.logo
	{
		float: left;
		width: 200px;
		padding-left: 10px;
	}
	
	.infoitem.pagecaption
	{
		float: left;
		width: calc(100% - 240px)
		/*
				padding-left: 10px;
		*/
				
	}
	.infoitem.pagecaption h1
	{
		text-align: center;
	}
	


/*
---------------------------------------------------------------------------------------------------------------------
											Page
-----------------------------------------------------------------------------------------------------------------------
*/	
/*
	.page.activeitem h1:first-type-of
	{
		position: fixed;
		top: 30px;
	}
*/
	.page .gallery
	{
		width: calc(100% - 20px);
		padding: 10px;
	}

/*
---------------------------------------------------------------------------------------------------------------------
											content
-----------------------------------------------------------------------------------------------------------------------
*/	

	.pagemenu
	{
		position: inherit;
	}
	
	.pagemenu ul
	{
		display: inline;
		border: none;
	}
	
	.pagemenu ul li
	{
		float: left;
		width: auto;
		margin-left: 0;
		margin-right: 5px;
	}

	.valuetable
	{
		float: left;
		margin: 10px;
	}
	
	.valuetable table
	{
		font-size: 0.7em;
		border: 1px solid;
	}
	
	.valuetable .even
	{
		background-color: #eeeeee;
	}

	.valuetable tr:hover
	{
		background-color: yellow;
	}	
	
	.valuetable .footer:hover,
	.valuetable .header:hover
	{
		background-color: inherit;
	}	

	
	
	/*
	.absminlist .Moment,
	.absmaxlist .Moment
	{
		background-color: #aaaaaa;
	}
	*/
	
	.valuetable td,
	.valuetable th
	{
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	
	.lnk_linklist
	{
		width: 200px;
		min-height: 15em;
		max-height: 15em;
		overflow: auto;
		float: left;
		display: inline-block;
		margin-bottom: 2em;
	}

	.lnk_linklist h1
	{
		background-color: silver;
		width: 100%;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		color: inherit;
	}
	
	.lnk_linklist h1 .newitemcaption
	{
		float: right;
		margin-right: 10px;
	}	
	
	.lnk_linklist h1 .edititemcaption
	{
		float: right;
		margin-right: 10px;
	}	

	
	.lnk_linklist ul
	{
		list-style: none;
		margin-left: 0px;
		padding-left: 0px;
		margin-top: 0px;
	}
	
	.lnk_linklist li
	{
		clear: both;
		
	}
	
	.lnk_linklist .newitem
	{
		margin-top: 5px;
	}
	
	.pwsafeeditor input
	{
		width: 80%;
	}
	
	.pwsafeeditor .title
	{
		width: 80%;
	}
	
	.pwsafeeditor select
	{
		width: 80%;
	}
	
	.statusrange
	{
	   border: none;
	   width: 40px;
	}
	
	div .checklist
	{
	   border-bottom: 1px solid silver;
	   padding-bottom: 1em;
	   margin-bottom: 2em;
	   text-align: left;
	}
	
	.checklist ul
	{
		clear: both;
		width: 100%;
		list-style: disc;
		list-style-position: outside;
		
		display: inline-block;
		margin-bottom: 0;
	}
	
	.checklist li
	{
		clear: both;
		width: 100%;
		margin-bottom: 0.5em;
	}

    .checklist li span
    {
        float: left;
        margin-left: 1em;
    }	

	.listelementeditor
	{
		border-top: 1px dotted #11407f;

	}
	.checklistswitcheditor
	{
		float: right;
	}
    .toopchecklist_table
    {
        width: 100%;
    }
    
	.checklistcaption
	{
		width: 20em;
	}
	.checkliststatus
	{
		float: left;
		width: 5em;
	}	
	
	.checkliststatusrange
	{
		width: 5em;
		border: none;
		/*
		min: 0;
		max: 100;
		step: 10;
		*/
	}	
	.checklistdescription
	{
		float: left;
		width: 90%;
		font-size: smaller;
		margin-bottom: 1em;
	}
	
	.checklistdue .checklistcaption
	{
		color: red;
	}
	
    .checklistdue .checklistcaption a
    {
        color: inherit;
    }	

	.toopchecklist_table td input[type=text] 	
	{
		width: 90%;
	}
    .toopchecklist_table td input[type=date]    
    {
        width: 90%;
    }
    .toopchecklist_table td input[type=button]    
    {
        width: 8em;
    }
    .toopchecklist_table td input[type=submit]    
    {
        width: 8em;
    }
    
	.toopchecklist_table th
	{
		font-weight: normal;
	}
	
	.toopchecklist_id_col
	{
		width: 2em;
	}
	.toopchecklist_prio_col
	{
		width: 2em;
	}    
	/*
	.toopchecklist_caption_col
	{
		width: 30em;
	}
	*/
	.toopchecklist_due_col
	{
		width: 6em;
	}
	.toopchecklist_table .toopchecklist_description
	{
		width: 90%;
		height: 5em;
	}	
	
	.checklist_showdone
	{
	}
	
/*
---------------------------------------------------------------------------------------------------------------------
											Login-Dialog
-----------------------------------------------------------------------------------------------------------------------
*/	
	
	.article.logindialog
	{
		text-align: center;
	}
	.article.logindialog h1
	{
		float: none;
		text-align: center;
		font-size: 2em;
	}
	.article.logindialog input
	{
		margin-bottom: 15px;
		width: 20em;
		min-width: 20em;
	}
	.article.logindialog input[type=submit]
	{
		width: 21em;
	}
		
/*
---------------------------------------------------------------------------------------------------------------------
											Main-Menu
-----------------------------------------------------------------------------------------------------------------------
*/	
		
	.infoitem .mainmenu
	{
		font-size: inherit;
	}
	
	.mainmenu li
	{
		transition: all 0.4s;
		padding-left: 10px;
		color: #2f483e;	
	}	

	.mainmenu li:hover
	{
		background-color: #4f5358;
		color: white;
		/*
		box-shadow: 2px 2px 8px white;
		*/
	}
	
		
/*
---------------------------------------------------------------------------------------------------------------------
											Dialog
-----------------------------------------------------------------------------------------------------------------------
*/	
		
	.tcms_dialog
	{
		z-index: 1000;
	  background: rgba(0, 0, 0, 0.95);
	}
	
	

/*
-----------------------------------------------------------------------------------------------------------------------
											Tiles
-----------------------------------------------------------------------------------------------------------------------
*/	

	.tooptile ul.functiontilelist li
	{
		display: inline-block;
		margin-bottom: 15px;
		margin-top: 15px;
	}