@CHARSET "UTF-8";

	.hidden 
	{
		display: none;
		visibility: hidden;
	}
	.visible
	{
		display: block;
		visibility: visible;
	}
	
	#maincontainer.fullwidth
	{
		width: 100%;
	}
	

/*
-----------------------------------------------------------------------------------------------------------------------
											allgemein
-----------------------------------------------------------------------------------------------------------------------
*/	
	
	.servermessagequeue
	{
	}
	
	.errmsg
	{
		color: red;
	}
	.itemeditor 
	{
		padding: inherit;
		margin: inherit;
		
		font-size: 16px;
		
		color: grey;
		
		text-align: left;
		min-width: 600px;
		
	}

	.itemeditor ul
	{
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
	}
	.itemeditor a
	{
	  color: #11407f;
	  text-decoration: none;
	}
	
	.itemeditor a:hover
	{
	  color: #11407f;
		text-decoration: none;
	}
    

	.itemeditor textarea
	{
		border: 1px solid silver;
		width: 100%;
		font-size: 13px;
	}
	
	.itemeditor input
	{
		border: 1px solid silver;
		font-size: 13px;
	}

	.itemeditor select
	{
		border: 1px solid silver;
	}
	
	.itemeditor p.remark
	{
		border: 1px solid;
		font-style: italic;
		padding: 5px;
	}

	span.active
	{
		display: block;
	}
	
	span.inactive 
	{
		display : none;
	}
	
	div.active
	{
		display: block;
	}
	
	div.inactive 
	{
		display : none;
	}

	li.active
	{
		color: red;
	}
	
	li.inactive
	{
		color: inherit;
	}

	
	input
	{
		border: 1px solid silver;
	}
	
	select
	{
		border: 1px solid silver;
	}
	
	textarea
	{
		border: 1px solid silver;
		/*
		font-size: 1.1em;
		*/
	}
	
	input[type=range]
	{
	   border: none;
	}
	
/*
-----------------------------------------------------------------------------------------------------------------------
											Admin Page
-----------------------------------------------------------------------------------------------------------------------
*/	

	.adminpage .folder
	{
		/*
		margin: 0;
		*/
		
	}	
	
	.linkfolder :hover
	{
		cursor: pointer;
	}

/*
-----------------------------------------------------------------------------------------------------------------------
											Tabbed Pages
-----------------------------------------------------------------------------------------------------------------------
*/	
	.tabbedpages
	{

		position: relative;
		width:	100%;
		min-height: 60em;
		top: -2px;
		margin: 0px;
		padding: 5px;

		border: 1px solid;
		
		clear:	both;
	}
	
	.tabbedpages form
	{
		width: 100%;
		margin: 0px;
		padding: 0px;
	}

	div.tabactive
	{
		clear: both;
		padding: 0px;
		margin: 0px;
		width: 100%;
	}


	div.tabinactive
	{
		clear: both;
		display: none;
	}
	
	
	li.tabactive 
	{
		border-left: 1px solid;
		border-top: 1px solid;
		border-right: 1px solid;
		border-bottom: 2px solid white;
		vertical-align: top;
		text-decoration: none;
		font-weight: bold;
		z-index: 2;
	}
	
	li.tabinactive
	{
		border-style: none;
		vertical-align: middle;
		margin: 2px;
		border: 1px solid silver;
		text-decoration: none;
		z-index:0;
	}

	.tabulator ul
	{
		position: relative;
		list-style-position: inside;
		list-style-type: none;
		left: -40px;
		overflow: visible;
		margin:0px;
	}

	.tabulator li
	{
		height: 2em;
		margin: 0px;
		padding: 5px;
		/*
		font-size: 11px;
		*/
		float: left;
	}
	
	.tabulator li span
	{
		vertical-align: middle;
	}

	.bottom_tabulator
	{
		text-align: right;
		display: block;
	}

	.bottom_tabulator ul
	{
		list-style-position: inside;
		list-style-type: none;
		display: inline-block;
	}

	.bottom_tabulator li
	{
		height: 2em;
		margin: 0px;
		padding: 5px;
		/*
		font-size: 11px;
		*/
		float: left;
	}
	
	.bottom_tabulator li span
	{
		vertical-align: middle;
	}

	.libutton span
	{
		background-color: #ddeeff;
		border-radius:3px;
		border: 1px solid;
		padding: 8px;
	}

	.tabactive
	{
		padding: 5px;
	}
	
/*
-----------------------------------------------------------------------------------------------------------------------
											SubElements
-----------------------------------------------------------------------------------------------------------------------
*/	

	.subelements
	{
		float: left;
	}

	.subelements ul
	{
		margin: 5px;
	}

	.subelements li
	{
		list-style-image: none;
		list-style-type: none;
		margin: 20px;
		text-align: center;
	}

	.subelements .itemctrlimage
	{
		max-width: 48px;
		margin: 5px;
		z-index: 20;
	}

	.subelementscontent
	{
	}

	.viewsubelements
	{
		width: 100%;
		padding: 0px;
		border-collapse: collapse;
	}
	.viewsubelementitems table.viewsubelements 
	{
		margin-bottom: 10px;
	}

	.viewsubelements td
	{
		width: auto;
		margin: 0px;
	}
	.viewsubelements th
	{
		border-bottom: 1px solid #f3f3f3;
		text-align: left;
	}
	.viewsubelementitems
	{
		border-top: 1px solid silver;
		border-bottom: 1px solid silver;
	}
	
	.viewsubelementitems .controls
	{
		vertical-align: middle;
	}
	
	.viewsubelementitems .itemctrlimage
	{
		max-width: 24px;
		margin: 2px;
		z-index: 20;
		float: left;
		margin-right: 10px;
	}

	.viewsubelementitems h3
	{
		background-color: #EEEEEE;
		padding: 5px;
		font-weight: normal;
	}

	.viewsubelements .itemstatus8
	{
		color: red;
	}

	.viewsubelements .itemstatus8 a
	{
		color: red;
	}

	.viewsubelements .itemstatus0
	{
		font-style: italic;
	}

	.viewsubelements .itemstatus0 a
	{
		font-style: italic;
	}

	.viewsubelements .itemstatus2
	{
		color: blue;
	}

	.viewsubelements .itemstatus2 a
	{
		color: blue;
	}
	
	img.thumbview
	{
		max-width: 100px;
		max-height: 100px;
	}


/*
-----------------------------------------------------------------------------------------------------------------------
											Editor Legend
-----------------------------------------------------------------------------------------------------------------------
*/	

	div.editor_legend
	{
		float: left;
		height: inherit;
	}

	.editor_legend ul
	{
		list-style-position: inside;
		padding: 3px;
	}

	.editor_legend li
	{
		margin: inherit;
		padding: inherit;
	}

/*
-----------------------------------------------------------------------------------------------------------------------
											Editor Content
-----------------------------------------------------------------------------------------------------------------------
*/	

	div.editor_content_box 
	{
		background-color: #fafafa;
		display: block;
		
		margin: 5px;
		margin-bottom: 1em;

		padding: 5px;
		padding-right: 10px;
		
		border: 1px solid silver;
		border-bottom: 2px solid silver;
	}
	
	.editor_content_box h2 
	{
		font-size: 1.1em;
		margin: 0px;
		margin-bottom: 0.6em;
	}
	
	.editor_content_box h2 img 
	{
		vertical-align: bottom;
		float: right;
	}
	
	.editor_content_box h3 img 
	{
		margin-top: -20px;
		float: right;
	}
	
	.editor_content 
	{
		margin: 0px;
		padding: 0px;
	}
	
	.editor_content table 
	{
		width: 100%;
	}
	
	.editor_content table tr td 
	{
		vertical-align: top;
	}
	
	.editor_content_box .boxctrlicon
	{
		width: 16px;
	}
	
	.headline_remark 
	{
		margin-top: 0px;
		margin-bottom: 5px;
	}
	
	.subline_remark 
	{
		margin-top: 5px;
		margin-bottom: 5px;
		font-size: 0.8em;
	}	

/*
-----------------------------------------------------------------------------------------------------------------------
											Sub-Editor
-----------------------------------------------------------------------------------------------------------------------
*/	
	/*
	.subeditor_hidden
	{
		display: none;
	}
	*/
	
/*
-----------------------------------------------------------------------------------------------------------------------
											Statusbar
-----------------------------------------------------------------------------------------------------------------------
*/	

	.topstatus
	{
		list-style-position: inside;
		padding: 0px;
		display: block;
		
	}

	.topstatus li
	{
		clear: both;
		float: none;
	}

	.liststatus
	{
		vertical-align: top;
		text-align: left;
	}

	.topstatus .liststatus
	{
		/*border: 1px solid black;*/
	}
	


/*
-----------------------------------------------------------------------------------------------------------------------
											toopFormEditor
-----------------------------------------------------------------------------------------------------------------------
*/	

	.toopformeditor
	{
		position: relative;
		z-index: 100;
	}

	.toopformeditor table
	{
		margin-top: 10px;
		width: 100%;
	}

	.toopformeditor th
	{
		background-color: silver;

		padding-top: 15px;
	}
	
	.toopformeditor td
	{
		vertical-align: top;
		padding-top: 5px;
	}
		
	.toopformeditor ul
	{
		margin-left: 0px;
		padding-left: 0px;	
	}
		
	.toopformeditor li
	{
		clear: both;
	}
	
	.toopformeditor .newlink
	{
		padding-bottom: 1em;
	}
	
	.toopformeditor textarea
	{
		width: 99.5%;
		/*margin-right: -1em;*/
	}
	.toopformeditor textarea.description
	{
		height: 5em;
	}
   .toopformeditor select[multiple]
   {
       width: 99.5%;
       min-height: 10em;
   }

	.toopformeditor ul
	{
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
	}

	.toopformeditor.modulefilter
	{
		border-bottom: 1px solid silver;
		padding-bottom: 10px;
		margin-bottom: 20px;
		width: auto;
	}

/*
-----------------------------------------------------------------------------------------------------------------------
											Typeeditor
-----------------------------------------------------------------------------------------------------------------------
*/
	.typeeditor
	{
		position: relative;
		z-index: 100;
	}
	.typeeditor .itpicon
	{
		max-width: 190px;
	}

/*
-----------------------------------------------------------------------------------------------------------------------
											Templateeditor
-----------------------------------------------------------------------------------------------------------------------
*/	


/*
-----------------------------------------------------------------------------------------------------------------------
											Feld-Definitionen
-----------------------------------------------------------------------------------------------------------------------
*/	
	.headline_remark
	{
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.subline_remark
	{
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 0.8em;
	}

/*
-----------------------------------------------------------------------------------------------------------------------
											Feld-Definitionen Elementeigenschaften
-----------------------------------------------------------------------------------------------------------------------
*/	
	.base_elementproperties_desc
	{
		width: 500px;
	}
	
	input.base_name
	{
		width: 100%;
	}
	input.base_classnames
	{
		width: 100%;
	}

	input.base_index
	{
		width: 3em;
	}

	input.base_index
	{
		width: 3em;
	}


/*
-----------------------------------------------------------------------------------------------------------------------
											Feld-Definitionen Keywords
-----------------------------------------------------------------------------------------------------------------------
*/	


	/*
	textarea.base_variables
	{
		width: 100%;
	}
	*/
	
	textarea.caption
	{
		font-size: 1.5em;
		font-weight: bold;
		height: 3em;
	}	
	
	textarea.caption2
	{
		font-size: 1.2em;
		font-weight: bold;
		height: 3em;
	}
			
	textarea.introduction
	{
		width: 100%;
		height: 25em;
		font-weight: bold;
	}

	textarea.description
	{
		height: 40em;
	}
	
	textarea.content
	{
		height: 40em;
	}


	textarea.footer
	{
		height: 10em;
	}
	
	textarea.keywords
	{
		height: 3em;
	}

	textarea.requesturl
	{
		height: 1.5em;
		font-size: 1em;
	}
	input.title
	{
		width: 100%;
		font-size: 1em;
	}
	input.filename
	{
		width: 100%;
		font-size: 1em;
	}

	input.zip
	{
		width: 3em;
		font-weight: bold;
	}	
	
	input.fromdate
	{
		width: 8em;
		font-weight: bold;
	}	

	input.todate
	{
		width: 8em;
		font-weight: bold;
	}	

	input.contact
	{
		width: 20em;
		font-weight: bold;
	}		

	select.switchuser
	{
		max-width: 230px;
	}
	.collectioneditor select[multiple]
	{
		min-width: 15em;
	}
	
	.imageeditor textarea.caption
	{
		font-size: 1em;
	}


/*
-----------------------------------------------------------------------------------------------------------------------
											itemEditor
-----------------------------------------------------------------------------------------------------------------------
*/	

	.itemlistadd
	{
		margin-top: 1em;
	}


/*
-----------------------------------------------------------------------------------------------------------------------
											statementEditor
-----------------------------------------------------------------------------------------------------------------------
*/	

	.statementeditor .mstdescription 
	{
		height: 5em;
	}

	.statementeditor .mststatement 
	{
		height: 15em;
	}



/*
-----------------------------------------------------------------------------------------------------------------------
											Elementbrowser
-----------------------------------------------------------------------------------------------------------------------
*/	

	.elementbrowser
	{
	  margin-bottom: 4em;
	  margin-left: 2em;
	  
	  font-size: 12px;
	}
	
	.elementbrowser .elementbrowserctrl
	{
		border-top: 1px solid;
		border-bottom: 1px solid;
		padding: 1em;
		margin-bottom: 1em;
	}
	.elementbrowser .itemeditor
	{
		margin-top: 0px;
		margin-right: 2em;
		margin-left: 2em;
		vertical-align: top;
	}
	
	.elementbrowser .notitemtoshow
	{
		position: relative;
		width: 100%;
		top: 5em;
		text-align: center;
		font-weight: bold;
	}
	
	.elementtree
	{
	   vertical-align: top;
	   min-width: 20%;
	   /*
	   font-size: 1em;
	   */
	}
	
	.elementtree ul
	{
		margin: 0px;
		padding: 0px;
	}

	.elementtree li
	{
		float: none;
		clear: both;
		margin: 0px;
		padding-left: 1em;
		
	}
  .elementtree li span
  {
  float: right;
  }

  .elementtree li .nochilds
  {
		color: gray;
  }
  
  .elementtree li .childs
  {
		color: black;
  }


	.elementcontent
	{
		min-width: 80%;
		vertical-align: top;
	}

	.elementtypelist .itemctrlimage
	{
		max-height: 16px;
		margin: 0px;
		padding: 0px;
		margin-left: 5px;
	}
	
	.elementtypelist .elementtype
	{
		border: none;
		border-left: 1px solid silver;
		color: blue;
		font-weight: bold;
	}

	.elementtypelist .elementtype a
	{
		color: inherit;
	}

	.elementtypelist .element
	{
		color: blue;
		font-weight: normal;
	}

	.elementtypelist.element.noedit
	{
		color: gray;
	}
	
	.elementtypelist .element a
	{
		color: inherit;
	}
	

	.elementtypelist.element.elemactive
	{
		color: blue;
	}
	.elementtypelist.element.elemactive.noedit
	{
		color: green;
	}

	.elementtypelist.element.eleminactive
	{
		color: silver;
		font-style: italic;
	}
	
	.elementtypelist.element.elemproof
	{
		font-style: italic;
	}

	.elementtypelist.element.elemdeleted
	{
		color: red;
		font-style: italic;
	}
	
  .elementbrowserclose
  {
      margin-left: 5em;
  }
  
  
  
/*
-----------------------------------------------------------------------------------------------------------------------
                                            toopDocumentation
-----------------------------------------------------------------------------------------------------------------------
*/  
  
	.page.toopDocumentation 
	{
		padding: 0;
		padding-left: 2em;
	}
	.page.toopDocumentation h1 
	{
		margin: 0;
	}
	.page.toopDocumentation ul
	{
		list-style: outside;
		list-style-type: disc;
	}  
	.page.toopDocumentation li
	{
		clear: both;
		float: none;
	} 
	.toopDocumentation .introductiontext
	{
		font-weight: normal;
	}
	.toopDocumentation p.detailanchor
	{
		font-weight: bold;
	}  
		

/*
-----------------------------------------------------------------------------------------------------------------------
                                            toopMaintainance
-----------------------------------------------------------------------------------------------------------------------
*/  

	.toop_maintainance textarea.description
	{
		height: 3em;
	}

	.toop_maintainance textarea.statement
	{
		height: 40em;
	}	 
  	
	.mnttableview .cxt_table
	{
		max-width: 100%;
		width: 100%;
		max-height: 550px;
		overflow: auto;
		display: inline-block;
		font-size: 10px;
	}

	.mnttableview .cxt_table table,
	.mnttableview .cxt_table tr,
	.mnttableview .cxt_table td,
	.mnttableview .cxt_table th
	{
		border: 1px solid gray;
	}  
	.mnttableview .tblvparams select
	{
		max-width: 20em;
	}
	.mnttableview .tblvparams textarea
	{
		width: 100%;
		height: 10em;
	}
		
/*
-----------------------------------------------------------------------------------------------------------------------
                                            debug
-----------------------------------------------------------------------------------------------------------------------
*/  

	.debugmsg
	{
		clear: both;
		position: fixed;
		z-index:100;
		text-align: left;
		font-size: 11px;
		font-family: courier;
		background-color: white;
		
		display: block;
		width: inherit;
		
		max-width: inherit;
		overflow: hidden;
		
		bottom: 0px;
	}

  .debugmsg table
  {
  	border: 1px solid;
  }
  .debugmsg table table
  {
    width: 100%;
  }