
.ui-layout-pane { /* all 'panes' */
	background: #FFF;
	border: 1px solid #BBB;
	padding: 10px;
	overflow: auto;
}

.ui-layout-content {
	padding: 10px;
	position: relative; /* contain floated or positioned elements */
	overflow: auto; /* add scrolling to content-div */
}

.layout-child-container,.layout-content-container {
	padding: 0;
	overflow: hidden;
}

.layout-child-container {
	border: 0;
}

.layout-scroll {
	overflow: auto;
}

.layout-hide {
	display: none;
}

.ui-layout-resizer {
	background: #DDD;
	border: 1px solid #BBB;
	border-width: 0;
}

.ui-layout-resizer-drag {
	
}

.ui-layout-resizer-hover { 
	
}

.ui-layout-resizer-open-hover,
	.ui-layout-resizer-dragging { 
	background: #C4E1A4;
}

.ui-layout-resizer-dragging {
	border: 1px solid #BBB;
}

.ui-layout-resizer-dragging-limit {
	background: #E1A4A4; /* red */
}

.ui-layout-resizer-closed-hover { 
	background: #EBD5AA;
}

.ui-layout-resizer-sliding {
	opacity: .10;
	filter: alpha(opacity = 10);
}

.ui-layout-resizer-sliding-hover { 
	opacity: 1.00;
	filter: alpha(opacity = 100);
}

.ui-layout-resizer-north-sliding-hover {
	border-bottom-width: 1px;
}

.ui-layout-resizer-south-sliding-hover {
	border-top-width: 1px;
}

.ui-layout-resizer-west-sliding-hover {
	border-right-width: 1px;
}

.ui-layout-resizer-east-sliding-hover {
	border-left-width: 1px;
}

.ui-layout-toggler {
	border: 1px solid #BBB; /* match pane-border */
	background-color: #BBB;
}

.ui-layout-resizer-hover .ui-layout-toggler {
	opacity: .60;
	filter: alpha(opacity = 60);
}

.ui-layout-toggler-hover, /* need when NOT resizable */
	.ui-layout-resizer-hover .ui-layout-toggler-hover {
	/* need specificity when IS resizable */
	background-color: #FC6;
	opacity: 1.00;
	filter: alpha(opacity = 100);
}

.ui-layout-toggler-north,.ui-layout-toggler-south {
	border-width: 0 1px; /* left/right borders */
}

.ui-layout-toggler-west,.ui-layout-toggler-east {
	border-width: 1px 0; /* top/bottom borders */
}
/* hide the toggler-button when the pane is 'slid open' */
.ui-layout-resizer-sliding  .ui-layout-toggler {
	display: none;
}
/*
	 *	style the text we put INSIDE the togglers
	 */
.ui-layout-toggler .content {
	color: #666;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
	padding-bottom: 0.35ex;
	/* to 'vertically center' text inside text-span */
}

/*
 *	PANE-MASKS
 *	these styles are hard-coded on mask elems, but are also 
 *	included here as !important to ensure will overrides any generic styles
 */
.ui-layout-mask {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	position: absolute !important;
	opacity: 0 !important;
	filter: Alpha(Opacity = "0") !important;
}

.ui-layout-mask-inside-pane {
	/* masks always inside pane EXCEPT when pane is an iframe */
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

//
Global settings
body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #6b6b6b;
}

input {
	background: none repeat scroll 0 0 #f8f8f8;
	border-color: #C6C6C6 #DADADA #EAEAEA;
	border-radius: 4px 4px 4px 4px;
	-moz-box-sizing: border-box;
	padding-left: 7px;
	border-style: solid;
	border-width: 1px;
	vertical-align: middle;
	height: 25px;
	font-size: 14px;
	line-height: 25px;
}

#container {
	padding: 0px;
	margin: 0px;
}

#canvas {
	padding: 0px;
	margin: 0px;
}

#navigation {
	padding: 0px;
	margin: 0px;
	background: #333333;
	text-align: center;
}

#navigation h1 {
	font-family: Arial,sans-serif; 
	font-size: 12pt;
	color:#AAAAAA;
	padding:0px;
	padding-top:2px;
	width: 100px;
	float:left;
	clear:left;
}

#navigation .new {
	width:20px;
	font-weight: bold;
	text-align: center;
	float:right;
	clear:right;
}

#toolbar {
	background: url("/WEB-CONTENT/IMAGES/gradient.png") repeat-x scroll 0 -70px #7D7D7D;
	padding: 5px;
	padding-top:10px;
	margin: 0px;
	border: 0px;
}

#relationshipTypeTextLabel span {
	padding:0px;
}

/******************************************************************
 * Einstellungen der PropertyViews im Editmodus der "Form".
 ******************************************************************/
#propertypane {
	padding: 0px;
	margin: 0px;
	width: 120px;
	background-color: #7D7D7D;
	border-top: 0px;
}

/*container of a single property entry*/
.property_container {
	padding: 5px;
	padding-bottom: 15px;
}

.toolbar_delimiter {
	margin-left: 40px;
}

#content {
	padding: 0px;
	margin: 0px;
}

.palette_node_element {
	border: 1px solid gray;
	background-color: #f3f3f3;
	padding: 5px;
	cursor: move;
	margin: 5px;
	text-align: center;
	align: center;
	border-radius: 5px;
	text-align: left;
	clear:both;
	
}

.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,
		Color='#000000' );
}

#toolbar span {
	padding: .2em 1em .2em 1em;
}

#toolbar .text {
	padding: .2em .2em .2em 1em;
}