/* remove paddings 4 the editor */
#subject {
	padding-left: 15px;
	padding-right: 10px;
}
	* html #subject { padding-right: 15px; }
	*+html #subject { padding-right: 15px; }

	* html #content.wide #subject { padding-right: 10px; }
	*+html  #content.wide #subject { padding-right: 10px; }

	#subject #layoutContainer {
		width: 485px;
		height: auto;
		padding: 0px;
		margin: 0px;
	}	#content.wide #layoutContainer{
			width: 685px;
		} 
		#content .contentborderless #layoutContainer{
			width: 485px;
		}	#subject #layoutContainer #container {
			/* Area 4 widgets */
		}	#container .widgetPlaceholder {
				width: 100%;
				height: auto;
				padding: 0px;
				margin: 0px 0px 10px 0px;
				clear: right;
			}	#content.wide #container .widgetPlaceholder{
					width:100%;
				}.widgetPlaceholder .widgetContainer {
					/* Widget container */					
					height: 95px;
					background-image: url('../images/editor/widget_bg.png');
					background-position: top left;
					background-repeat: repeat-x;
					border: 1px solid #cfcfcf;
					padding: 5px 5px 5px 5px;
				}	.widgetContainer.c11 {}
					
					.widgetContainer.c12 {width:228px;float:left;}
					* html .widgetContainer.c12 {width:240px;} /* @ <= IE 6 */
					.widgetContainer.c22 {margin-left:5px;width:228px;float:left;}
					* html .widgetContainer.c22 {width:240px;} /* @ <= IE 6 */
					
					.widgetContainer.c13 {width:146px;float:left;}
					* html .widgetContainer.c13 {width:158px;} /* @ <= IE 6 */
					.widgetContainer.c23 {margin-left:5px;width:146px;float:left;}
					* html .widgetContainer.c23 {margin-left:5px;width:158px;} /* @ <= IE 6 */
					.widgetContainer.c33 {margin-left:6px;width:146px;float:left;}
					* html .widgetContainer.c33 {margin-left:6px;width:158px;} /* @ <= IE 6 */
					
					#content.wide .widgetContainer.c13 {width:212px;float:left;}
					* html #content.wide .widgetContainer.c13 {width:230px;} /* @ <= IE 6 */
					#content.wide .widgetContainer.c23 {margin-left:6px;width:212px;float:left;}
					* html #content.wide .widgetContainer.c23 {margin-left:6px;width:230px;} /* @ <= IE 6 */
					#content.wide .widgetContainer.c33 {margin-left:7px;width:212px;float:left;}
					* html #content.wide widgetContainer.c33 {margin-left:7px;width:230px;} /* @ <= IE 6 */
					
					.widgetContainer.c12left {width:128px;float:left;}
					* html .widgetContainer.c12left {width:140px;} /* @ <= IE 6 */
					.widgetContainer.c12right {margin-left:5px;width:328px;float:left;}
					* html .widgetContainer.c12right {width:340px;} /* @ <= IE 6 */
					
					.widgetContainer.c21left {width:328px;float:left;}
					* html .widgetContainer.c21left {width:340px;} /* @ <= IE 6 */
					.widgetContainer.c21right {margin-left:5px;width:128px;float:left;}
					* html .widgetContainer.c21right {width:140px;} /* @ <= IE 6 */
					
					#subject.splitted .widgetContainer.c21left {width:328px;float:left;}
					* html #subject.splitted .widgetContainer.c21left {width:339px;} /* @ <= IE 6 */
					#subject.splitted .widgetContainer.c21right {margin-left:5px;width:128px;float:left;}
					* html #subject.splitted .widgetContainer.c21right {width:143px;} /* @ <= IE 6 */
					
					.widgetContainer .widgetHeaderContainer {
						float: left;
						margin-bottom: 5px;
					}	.widgetHeaderContainer .widgetHeader  {
							height: 17px;
							float: right;
							
						}
							.widgetHeader a {
								width: 18px;
								height: 17px;
								background-position: center center;
								background-repeat: no-repeat;
								float:left;
							}	.widgetHeader a.closeButton {
									background-image: url('../images/editor/btn_close.png');
								}	a.closeButton:hover {
										background-image: url('../images/editor/btn_close_active.png');
									}
								.widgetHeader a.downButton {
									background-image: url('../images/editor/btn_down.png');
								}	a.downButton:hover {
										background-image: url('../images/editor/btn_down_active.png');
									}
								.widgetHeader a.upButton {
									background-image: url('../images/editor/btn_up.png');
								}	a.upButton:hover {
										background-image: url('../images/editor/btn_up_active.png');
									}
						.widgetContainer span {
							float: left;
							line-height: 17px;
						}
						.widgetContainer .widgetContent  {
							width: 100%;
							height: 71px; /* 168 ohne hover border */
							float: left;
							overflow: hidden;
						}	.widgetContainer .widgetContent.hover {
								border-style: groove;
								border: 1px dashed #41bafd;
							}
						.widgetHeaderContainer .widgetHeaderStatus {
							height:17px;
							float:right;
						} 
							.widgetHeaderStatus a {
								width: 18px;
								height: 17px;
								background-position: center center;
								background-repeat: no-repeat;
								float:left;
							}
							.widgetHeaderStatus a.disabledButton{
								background-image: url('../images/editor/btn_visible_active.png');
							}	a.disabledButton:hover {
									background-image: url('../images/editor/btn_visible.png');
								}
							.widgetHeaderStatus a.enabledButton{
								background-image: url('../images/editor/btn_visible.png');
							}	a.enabledButton:hover {
									background-image: url('../images/editor/btn_visible_active.png');
								}
				.ui-draggable{
					z-Index: 10000;
				}
				.ui-widget-header, .droppableOneCell, .ui-sortable, .ui-droppable {
					background-color: Transparent;
					background-image: none;
					float: none;
					border: none;
				}
		#subject #layoutContainer #selector {
			background-image: url('../images/editor/layoutselector_bg.png');
			background-position: top left;
			background-repeat: repeat-x;
			border: 1px solid #cfcfcf;
		} 	#selector #selectorTitle {
				border-bottom: 1px solid #cfcfcf;
				padding: 1px 6px 1px 6px;
				color: #8f8f8f;
			}
			#selector #selectorAction {
			
			}	#selectorAction a.ui-state-default, a.ui-corner-all, a.add {
					background-color: Transparent;
					padding: 0px;
					margin: 0px;
				}
				#selectorAction a {
					display:  inline-block;
					background-position: center center;
					background-repeat: no-repeat;
					width: 95px;
					height: 28px;
					border: none;
					border-right: 1px solid #c1c1c1; }
				* html #selectorAction a {
					width: 96px; /* @ <= IE 6 */
				}	#selectorAction a.l1 {
						background-image: url('../images/editor/btn_layout_c1.png');
					}
					#selectorAction a.l2 {
						background-image: url('../images/editor/btn_layout_c2.png');
					}
					#selectorAction a.l3 {
						background-image: url('../images/editor/btn_layout_c3.png');
					}
					#selectorAction a.l12 {
						background-image: url('../images/editor/btn_layout_c12.png');
					}
					#selectorAction a.l21 {
						background-image: url('../images/editor/btn_layout_c21.png');
						border-right: none;
					}
					
					
/* remove paddings 4 the editor */
#sidebar {
	/*padding-left: 15px;
	padding-right: 10px;*/
}	#sidebar #layoutContainerTeaser {
		width: 185px;
		height: auto;
		padding: 0px;
		margin: 0px;
	}	#sidebar #layoutContainerTeaser #containerTeaser {
			/* Area 4 widgets */
		}	#containerTeaser .widgetPlaceholder {
				width: 100%;
				height: auto;
				padding: 0px;
				margin: 0px 0px 10px 0px;
				clear: right;
			}	.widgetPlaceholder .widgetContainer {
					/* Widget container */					
					height: 95px;
					background-image: url('../images/editor/widget_bg.png');
					background-position: top left;
					background-repeat: repeat-x;
					border: 1px solid #cfcfcf;
					padding: 5px 5px 5px 5px;
				}	.widgetContainer.c11 {}
					
					.widgetContainer.c12 {width:228px;float:left;}
					* html .widgetContainer.c12 {width:240px;} /* @ <= IE 6 */
					.widgetContainer.c22 {margin-left:5px;width:228px;float:left;}
					* html .widgetContainer.c22 {width:240px;} /* @ <= IE 6 */
					
					.widgetContainer.c13 {width:146px;float:left;}
					* html .widgetContainer.c13 {width:158px;} /* @ <= IE 6 */
					.widgetContainer.c23 {margin-left:5px;width:146px;float:left;}
					* html .widgetContainer.c23 {margin-left:5px;width:158px;} /* @ <= IE 6 */
					.widgetContainer.c33 {margin-left:6px;width:146px;float:left;}
					* html .widgetContainer.c33 {margin-left:6px;width:158px;} /* @ <= IE 6 */
					
					.widgetContainer.c12left {width:128px;float:left;}
					* html .widgetContainer.c12left {width:140px;} /* @ <= IE 6 */
					.widgetContainer.c12right {margin-left:5px;width:328px;float:left;}
					* html .widgetContainer.c12right {width:340px;} /* @ <= IE 6 */
					
					.widgetContainer.c21left {width:328px;float:left;}
					* html .widgetContainer.c21left {width:340px;} /* @ <= IE 6 */
					.widgetContainer.c21right {margin-left:5px;width:128px;float:left;}
					* html .widgetContainer.c21right {width:140px;} /* @ <= IE 6 */
					
					.widgetContainer .widgetHeaderContainer {
						float: left;
						margin-bottom: 5px;
					}	.widgetHeaderContainer .widgetHeader  {
							height: 17px;
							float: right;
							
						}	.widgetHeader a {
								width: 18px;
								height: 17px;
								background-position: center center;
								background-repeat: no-repeat;
								float:left;
							}	.widgetHeader a.closeButton {
									background-image: url('../images/editor/btn_close.png');
								}	a.closeButton:hover {
										background-image: url('../images/editor/btn_close_active.png');
									}
								.widgetHeader a.downButton {
									background-image: url('../images/editor/btn_down.png');
								}	a.downButton:hover {
										background-image: url('../images/editor/btn_down_active.png');
									}
								.widgetHeader a.upButton {
									background-image: url('../images/editor/btn_up.png');
								}	a.upButton:hover {
										background-image: url('../images/editor/btn_up_active.png');
									}
						.widgetContainer span {
							float: left;
							line-height: 17px;
						}
						.widgetContainer .widgetContent  {
							width: 100%;
							height: 71px; /* 168 ohne hover border */
							float: left;
							overflow: hidden;
						}	.widgetContainer .widgetContent.hover {
								border-style: groove;
								border: 1px dashed #41bafd;
							}
				.ui-draggable{
					z-Index: 10000;
				}
				.ui-widget-header, .droppableOneCell, .ui-sortable, .ui-droppable {
					background-color: Transparent;
					background-image: none;
					float: none;
					border: none;
				}
		#sidebar #layoutContainerTeaser #selectorTeaser {
			background-image: url('../images/editor/layoutselector_bg.png');
			background-position: top left;
			background-repeat: repeat-x;
			border: 1px solid #cfcfcf;
		} 	#selectorTeaser #selectorTitleTeaser {
				border-bottom: 1px solid #cfcfcf;
				padding: 1px 6px 1px 6px;
				color: #8f8f8f;
			}
			#selectorTeaser #selectorActionTeaser {
			
			}	#selectorActionTeaser a.ui-state-default, a.ui-corner-all, a.add {
					background-color: Transparent;
					padding: 0px;
					margin: 0px;
				}
				#selectorActionTeaser a {
					display:  inline-block;
					background-position: center center;
					background-repeat: no-repeat;
					width: 95px;
					height: 28px;
					border: none;
					border-right: 1px solid #c1c1c1; }
				* html #selectorActionTeaser a {
					width: 96px; /* @ <= IE 6 */
				}	#selectorActionTeaser a.l1 {
						background-image: url('../images/editor/btn_layout_c1.png');
					}



#controlSelection {
	height: auto;
	width: 183px;
	background:url(../Images/Editor/contentselector_bg.png);
	background-position: top left;
	background-repeat: repeat-x;
	padding: 0px;
	border: 1px solid #bcbbbb;
	color: #8f8f8f;
}	
* html #controlSelection {
	width: 183px;
}	#controlSelection #controlSelectionSearch {
		border-bottom: 1px solid #c1c1c1;
		padding: 6px;
		
	}	#controlSelectionSearch span.title {
			text-decoration: underline;
		}
		#controlSelectionSearch div.selectionSearchContainer {
			position:relative;
			width: 165px;
		}
		#controlSelectionSearch div.selectionSearch {
			position:relative;
			display: inline-block;
			height:18px;
			width: 148px;
			background:url(../images/editor/search_bg_left.png);
			background-repeat:no-repeat; 
			background-position: left top;
		}
		#controlSelectionSearch input.selectionSearch {
			margin-left:10px;
			border:0;
			font-size:12px;
			font-family:"Trebuchet MS", Arial, Sans;
			background-color:transparent;
			color:#9d9d9d;
			width: 132px;
		}
		#controlSelectionSearch button.selectionSearch {
			position:absolute;
			right:0;
			top:0;
			border:0;
			width:19px;
			height:18px;
			background-image:url(../images/editor/search_bg_right.png);
			background-repeat:no-repeat; 
			background-position: left top;
			background-color:transparent;
			text-indent:-9999px;
			overflow:hidden;
		}
		* html .searchfield button.submit { 
			right:-1px; 
		}	.searchfield button.submit:hover { 
				background-position:bottom left; 
			}
			* html .searchfield button.hover { 
				background-position:bottom left; 
			}
		#controlSelection #controlSelectionResult {
			padding: 5px;
		
	}
.controlSelectionContainer {
}	.controlSelectionContainer ul li {
	}	.controlSelectionContainer ul li div {
			border: 1px solid #000;
			background: #fff;
			padding: 5px;
			margin-top: 5px;
			margin-bottom: 5px;	
			height: auto;
			overflow: visible;
			cursor: move;
			
		}

#editMenu {
	position: relative;
	background:url(../Images/Editor/console_bg.png);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #cdcccb;
	margin-left: 38px;
	border-left: 1px solid #8f8f8f;
	border-right: 1px solid #8f8f8f;
	border-bottom: 1px solid #8f8f8f;
}	#editMenu ul li {
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		text-transform: uppercase;
	}
	#editMenu ul li a.cross-reference {
		background:url(../images/editor/cross-reference-editor.gif) no-repeat 0 6px;
		height: inherit;
	}	#editMenu ul li a.cross-reference:hover {
			background-color: Transparent;
		}
		#editMenu div.cmdButton {
			display: block;
			height: 24px;
			background:url(../Images/Editor/console_btn_bg_right.png);
			background-position: right top;
			background-repeat: no-repeat;
			background-color: Transparent;
			padding-right: 4px;
		}
		#editMenu a.cmdButton {
			display: block;
			height: 24px;
			background:url(../Images/Editor/console_btn_bg_left.png);
			background-position: left top;
			background-repeat: no-repeat;
			line-height: 24px;
			width: 118px;
		}
	#editMenu #editMenuLive {
		/*padding: 10px;*/
	}	
	#editMenu #editMenuEdit {
		/*padding: 10px;*/
		position: relative;
	}	#editMenuEdit ul li {
			text-transform: uppercase;
		}
	#editMenu .editMenuRight {
		position: relative;
		height:95px;
		padding: 10px;
		width:130px;
		float: right;
		border-left: 1px solid #8f8f8f;
	}	* html #editMenu .editMenuRight {
			width: 143px;
		}
	#editMenu .editMenuMiddle {
		position: relative;
		height:95px;
		border-left: 1px solid #8f8f8f;
		float:left;
		width:150px;
		padding: 10px;
	}
	#editMenu .editMenuLeft {
		position: relative;
		width: 560px;
		padding: 10px;
		float: left;
	}	#editMenu .editMenuLeft .title {
			font-weight: bold;
			display: block;
			margin-bottom: 10px;
		}
		#editMenu .editMenuLeft .property {
			display: block;
		}
	#pullDownConsole {
		position: absolute;
		background-color: #cdcccb; 
		padding: 0px;
		z-Index: 100;
		right: 0px;
		width: 150px;
		border-left: 1px solid #d0cfcb;
		border-right: 1px solid #d0cfcb;
		background:url(../Images/Editor/contentselector_bg.png);
		background-position: left top;
		background-repeat: repeat-x;
	}	#pullDownConsole ul	{
		
		}	#pullDownConsole ul li	{
				border-bottom: 1px solid #d0cfcb;
				padding-top: 5px;
				padding-bottom: 5px;
				padding-left: 10px;
				padding-right: 10px;
			} #pullDownConsole ul li a.cross-reference 
			{
				background:url(../images/editor/cross-reference-editor.gif) no-repeat 0 6px;
				display: block;
			}
#subject .dropdown{
	height: 60px;	
}

#subject div .dropdown{
	height: 20px;	
}
#subject .dropdown.dropdownSmall{
	height: 20px;	
}

.keywordDropdown
{
	width: 150px;
	height: 200px
}

.form-textline span.text{ 
	float:left;
	margin-right:8px;
	padding-right:8px;
	height:18px;
	background:url(../images/layout/input-text-bg.png) no-repeat top right;
	}
	.form-textline span.text span.inner-text{ 
		float:left;
		height:18px;
		padding-left:8px;
		background:url(../images/layout/input-text-bg.png) no-repeat top left;
		overflow:hidden;
		}
		.form-textline span.text input.text{
			position:relative;
			float:left;
			margin:0;
			padding:0;
			height:18px;
			width:185px;
			border:0;
			color:#333;
			background:none;
			}
			* html #subject .form-textline span.text input.text{ top:3px; }
			*+html #subject .form-textline span.text input.text{ top:3px; }
			.form-textline span.text input.hint{ color:#666; }



#divDialog h2{
	font-size:12px;
	font-weight:normal;
	color:#015;
	padding-bottom:5px;
	border-bottom:solid 1px #015; 
	}
	

/* Dialogbutton with an arrow on the right */
.dialogbutton{
	position:relative;
	float:left;
	margin-right:18px;
	height:18px;
	background:url(../images/editor/dialogbutton.gif) no-repeat 0 0;
	}
	.dialogbutton span{
		position:relative;
		display:block;
		float:left;
		left:12px;
		padding-right:18px;
		padding-top:2px;
		height:16px;
		background:url(../images/editor/dialogbutton.gif) no-repeat 100% 0;
		cursor:pointer;
		color:#666;
		}
		* html .dialogbutton span{ height:18px;  }
	.dialogbutton:hover,
	.dialogbutton-hover{
		text-decoration:none !important;
		background-position:0 -50px;
		}
		.dialogbutton:hover span,
		.dialogbutton-hover span{
			background-position:100% -50px;
			color:#fff;
			}