/*  MYPAGE EDIT Formatierungen  */
	.form_bg_color{
		background-color: red;
	}

	.content_fonts_regular_plain{
		color: #000000;
		font-size: 12px;
		text-decoration: none;
	}
	.content_fonts_regular_bold{
		color: #000000;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
	}

	.content_fonts_title{
		color: #000000;
		font-weight: bold;
		font-size: 14px;
		text-decoration: none;
	}


	.mypage_uiedit_tool_link{
		color: #FF9933;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
		text-decoration:none;
		border:0px;
	}

	.mypage_uiedit_tool_link_dis{
		color:#999999;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
		text-decoration:none;
		-moz-opacity:.35;
		filter:alpha(opacity=35);
	}

	.mypage_uiedit_modul_border{
		border-style : solid;
		border-color : #FF9933;
		border-width : 1px;
	}

	.mypage_uiedit_modul_link{
		color: #FF9933;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
	}

	.mypage_uiedit_modul_link img{
		border-width:0px;
		border:0;
	}

	.mypage_uiedit_modul_link :hover{
		color: #FF3333;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
	}

	.mypage_uiedit_modul_bg{
		border-style : solid;
		border-color : #FF9933;
		border-width : 1px;
	}

	.mypage_uiedit_modul_header_bg{
		background-color:#FFE0C1;
		border-style : solid;
		border-color : #FF9933;
		border-width : 1px;
		border-bottom-width:1;
	}

	.mypage_uiedit_modul_footer_bg{
		background-color:#FFE0C1;
		border-style : solid;
		border-color : #FF9933;
		border-width : 1px;
		border-top-width:0;
	}

	.mypage_uiedit_submodul_header_bg{
		background-color:#FFFBBF;
		border-style : solid;
		border-color : #FFCC00;
		border-width : 1px;
		border-bottom-width:0;
	}

	.mypage_uiedit_submodul_border{
		background-color:#FFCC00;
	}

	.mypage_uiedit_submodul_link{
		color: #FFCC00;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 12px;
	}

	.mypage_uiedit_submodul_link :hover{
		color: #FF3333;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 12px;
	}

	.mypage_uiedit_submodul_bg{
		border-style : solid;
		border-color : #FFCC00;
		border-width : 1px;
	}

	.mypage_uiedit_modul_type_bg{
		color: #000000;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 14px;
		background-color:#FFFFFF;
	}

	.mypage_uiedit_modul_type_selected_bg{
		color: #000000;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 14px;
		background-color:#FFCC66;
		border-style : solid;
		border-color : #FF9933;
		border-width : 1px;
	}

	/* Dropdownmenus DHTML */

		/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
		.mtDropdownMenu {
			position:absolute;
			overflow:hidden;
			left:-1000px;
			top:-1000px;
			}

		/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
		.mtDropdownMenu .content {
			position:absolute;
			}

		/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
		.mtDropdownMenu .items {
			position:relative;
			left:0px; top:0px;
			border:1px solid #999;
			z-index:2;
			}

		.mtDropdownMenu.top .items {

			}

		/* each TR.item is one menu item */
		.mtDropdownMenu .item {
			color:white;
			font-size:10px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			text-decoration:none;
			/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
			border:none;
			cursor:pointer;
			cursor:hand;
			}

		/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
		/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
		.mtDropdownMenu .background {
			position:absolute;
			left:0px; top:0px;
			z-index:1;
			-moz-opacity:.9;
			filter:alpha(opacity=90);
			}

		/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
		.mtDropdownMenu .shadowRight {
			position:absolute;
			z-index:3;
			top:3px; width:2px;
			-moz-opacity:.4;
			filter:alpha(opacity=40);
			}

		/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
		.mtDropdownMenu .shadowBottom {
			position:absolute;
			z-index:1;
			left:3px; height:2px;
			-moz-opacity:.4;
			filter:alpha(opacity=40);
			}

		/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
		.mtDropdownMenu .item.hover {
			background:#FFFBBF;
				color:#000000;
			}

		/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
		.mtDropdownMenu .item img {
			margin-left:10px;
			}



.BoxA {
	border-style : solid;
	border-color : #C0BEBE;
	border-width : 1px;
}
.BoxB {
	border-style : solid;
	border-color : #C0BEBE;
	border-width : 1px;
}
.BoxBOnOver {
	border-style : solid;
	border-color : #FF6600;
	border-width : 1px;
}

.debugBox {
	background-color:#EFEFEF;
	border-width:1px;
	border-color:#8F8F8F;
	border-style:dashed;
	padding:2px;
	margin:1px;
}
.modulEditBox table{
	margin: 0;
}
/*Bugfix for hidden Editboxes in Demanditinterface*/
.modulEditBox{
	z-index: 100000000 !important;
	position: absolute !important;
}
.BoxHeadContent {
	margin-left: 8px;
	background: #5b8fcb;
	z-index: 99999999 !important;
	position: relative !important;
}

/*
	Class to fix flexbox
	Add this class inside grid to the container of a flexbox
*/
.flex-fix > div{
	width: 100%;
	flex-grow: 1;
}
.flex-fix td{
	display: flex;
}