
/* maCMS-Bearbeitungshinweise  */

#pageWrapper .functionHeader { /* Hinweis ueber dem Keyvisual */
    width: 727px;
    float: none;
    position: absolute;
    left:-1px;
    top:-53px;
}

*+html #pageWrapper .functionHeader { top:-56px; left: -1px; }

#content .functionHeader { /* Hinweise im Content */
    width: 476px;
    float: none;
    position: absolute;
    left:-1px;
    top:-53px;
}

*+html #content .functionHeader { top:-56px; left: -1px; }

#content.startseite .functionHeader { /* Hinweise im Content */
    width: 726px;
} 

#context .functionHeader { /* Hinweis in der Kontextspalte */
    width: 227px;
    float: none;
    position: absolute;
    left:-1px;
    /*top:-86px;*/
    top:-65px;
}

*+html #context .functionHeader { top:-87px; left: -1px;}

#subnavigation .functionHeader { /* Teaserbox in der linken Kontextspalte */
    width: 19.5em;
    float: none;
}

#keyvisual-start .functionHeader { /* Teaserbox in der linken Kontextspalte */
    width: 726px;
    position: absolute;
    left:-1px;
    top:-53px;
}

#pageWrapper .functionHeader,
#keyvisual-start .functionHeader {
	background:#f4f4f4 url(../images/maCMS_common/square.gif) no-repeat 5px 9px;
	height: auto;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 4px 2px 2px 2px;
	border:1px solid #999999;
	border-bottom:1px dotted #999999;
}

#pageWrapper .functionHeader a {
	padding: 0;
	margin: 0;
	background: none;
	display: inline;
}

#pageWrapper .functionHeader a.OpenContainer,
#pageWrapper .functionHeader a.CloseContainer,
#keyvisual-start .functionHeader a.OpenContainer,
#keyvisual-start .functionHeader a.CloseContainer {
color: #ff0000;
display: block;
float: right;
margin: 0 5px 0 0;
padding: 0 0 0 13px;
font-size: 10px;
line-height: 13px;
clear: none;
background: url(../images/common/link-arrow.gif) no-repeat 0 4px;
}

/*Funtional header for referenced content*/
#pageWrapper .functionHeaderRef { /* Hinweis ueber dem Keyvisual */
    width: 727px;
    float: none;
    position: absolute;
    left:-1px;
    top:-13px;
}

#content .functionHeaderRef { /* Hinweise im Content */
    width: 476px;
    float: none;
    position: absolute;
    left:-1px;
    top:-14px;
}

*+html #content .functionHeaderRef { top:-17px; }
*html #content .functionHeaderRef { top:-17px; }

#content.startseite .functionHeaderRef { /* Hinweise im Content */
    width: 726px;
}

#context .functionHeaderRef { /* Hinweis in der Kontextspalte */
    width: 227px;
    float: none;
    position: absolute;
    left:-1px;
    top:-50px;
}

*+html #context .functionHeaderRef { top:-34px; }
*html #context .functionHeaderRef { top:-34px; }

#subnavigation .functionHeaderRef { /* Teaserbox in der linken Kontextspalte */
    width: 19.5em;
    float: none;
}

#keyvisual-start .functionHeaderRef { /* Teaserbox in der linken Kontextspalte */
    width: 726px;
    position: absolute;
    left:-1px;
    top:-13px;
}

#pageWrapper .functionHeaderRef,
#keyvisual-start .functionHeaderRef {
	background:#f4f4f4 url(../images/maCMS_common/square.gif) no-repeat 5px 9px;
	height: auto;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 4px 2px 2px 2px;
	border:1px solid #999999;
	border-bottom:1px dotted #999999;
}

#pageWrapper .functionHeaderRef a {
	padding: 0;
	margin: 0;
	background: none;
	display: inline;
}

#pageWrapper .functionHeaderRef a.OpenContainer,
#pageWrapper .functionHeaderRef a.CloseContainer,
#keyvisual-start .functionHeaderRef a.OpenContainer,
#keyvisual-start .functionHeaderRef a.CloseContainer {
color: #ff0000;
display: block;
float: right;
margin: 0 5px 0 0;
padding: 0 0 0 13px;
font-size: 10px;
line-height: 13px;
clear: none;
background: url(../images/common/link-arrow.gif) no-repeat 0 4px;
}

#pageWrapper .headline {
	padding: 0 0 0 15px;
	margin: 0;
	color: #666;
	font-size: 10px;
	line-height: 13px;
	display: block;
	float: left;
}

#pageWrapper .contentSection {
	height: auto;
	width: auto;
	padding: 0px;
	margin: 0px;
}

#pageWrapper .contentSectionDisabled {
	height: auto;
	width: auto;
    padding: 0px;
	margin: 0px;
}

#pageWrapper .contentSectionEdit {
	height: auto;
	width: auto;
    padding: 0px;
	margin: 0px;
}

#pageWrapper .contentSectionElement {
	height: auto;
	width: auto;
    padding: 0px;
	margin: 0px;
}

#pageWrapper .contentSectionEditElement {
	height: auto;
	width: auto;
    padding: 0px;
	margin: 0px;
}

#pageWrapper .functionButtons {
    text-align: right;
	padding: 10px 0 0 0;
	margin: 0;
	clear: both;
}

#pageWrapper .functionButtons a { margin: 0 5px 0 0; padding:0; }

#pageWrapper .errorSection {
	border: 1px solid #EE0000;
	background: #FFEEEE;
	color: red;
	font-size: 10px;
	padding: 5px;
}

.modalBackground {
	background: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup {
	background-color:#fff;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding:5px;
	/*width:250px;*/ 
}

			.modalPopup table td {
				padding: 0 0 5px 0;
				}

			.modalPopup label {
				padding: 0 0 0 5px;
				margin: 0;
			}
			

#pageWrapper .contentSectionEdit .enterleave {
border:1px dotted #999999;
height: auto;
width: auto;
float:left;
padding:0;
margin: 0 0 10px 0;
position:relative;
}

#content .contentSectionEdit .enterleave {
    width: 480px;
}

#content.startseite .contentSectionEdit .enterleave {
    width: 730px;
}

#context .contentSectionEdit .enterleave {
  
}

    #pageWrapper .contentSectionEdit .enterleave:hover {
    border:1px solid #FF0000;
    }
    
#pageWrapper .contentSectionDisabled .enterleave {
border:1px dotted #999999;
height: auto;
width: auto;
float:left;
padding:0;
margin: 0 0 10px 0;
position:relative;
}

#content .contentSectionDisabled .enterleave {
    width: 480px;
}

#content.startseite .contentSectionDisabled .enterleave {
    width: 730px;
}

#context .contentSectionDisabled .enterleave {
    width: 230px;
}

    #pageWrapper .contentSectionDisabled .enterleave:hover {
    border:1px solid #FF0000;
    }
    
.enterleave { clear:both; }


/* Zurueck-Link im Edit-Modus */
#editMode {
	background: #999999 url(../images/maCMS_common/arrow_edit_zurueck.gif) no-repeat 10px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: auto;
	width: 100%;
	margin: 0;
	padding: 1px 0 2px 0;
	position:absolute;
	z-index: 9999;
}

	#editMode a.zuruecklink {
		color: #FFFFFF;
		padding: 0 0 0 25px;
		margin: 3px 0 0 0;
		background: none;
		display: block;
		float: left;
	}

	#editMode a.vorschaulink {
		margin: 0;
		vertical-align: middle;
		display: block;
		float: left;
	}
	
	    #editMode a.vorschaulink img {
		margin-right: 5px;
	    }
	
	#editMode span.masterLanguage {
		color: #FFFFFF;
		display: block;
		float: left;	
		margin: 3px 0 0 0;
	}
