/*******************************************************************************
* Editmode
*******************************************************************************/


/*******************************************************************************
* Die Klasse editmode umfasst im Edimode einen kompletten Flexmodulaufruf
*******************************************************************************/

.editmode {
    margin: 10px;
    font-family: arial, helvetica, "sans serif";
    width: 95%;
    max-width: 1000px;
}

.editmode a {
    color: #f03;
    text-decoration: none;
}

.editmode a:hover {
    text-decoration: underline;
}

/*******************************************************************************
* Die Klasse editmode umfasst im Edimode ein einzelnes Flexmodul
*******************************************************************************/

.flex {
    border: 2px dotted white;
}

.flex:hover {
    border: 2px dotted blue;
    background-color: #e2ebed; 
}


/*******************************************************************************
* Editmode Styles
*******************************************************************************/

.editBlock {
    margin:5px 0 5px 0;
    font-size: 0.8em;
}

div.flexHint {
	color:#000033;
	margin-bottom:5px;
	margin-top:-3px;
	padding:2px 8px 2px 8px;
	border-left:4px solid #4e72a4;
	background-color:#eee;
	cursor: help;
}

.ganz {
    width: 95%;
}

.halb {
    float: left;
    width: 45%;
    padding-right: 5%;
}
.halb2 {
    float: left;
    width: 50%;
}

.viertel {
    float: left;
    width: 20%;
    padding-right: 5%;
}
.viertel2 {
    float: left;
    width: 25%;
}

.dreiviertel {
    float: left;
    width: 70%;
    padding-right: 5%;
}
.dreiviertel2 {
    float: left;
    width: 75%;
}

.drittel {
    float: left;
    width: 28.33%;
    padding-right: 5%;
}
.drittel2 {
    float: left;
    width: 33.33%;
}

.zweidrittel {
    float: left;
    width: 61.66%;
    padding-right: 5%;
}
.zweidrittel2 {
    float: left;
    width: 66.66%;
}


/*******************************************************************************
* Editmode - Formularfelder
*******************************************************************************/

input.content, input.reset, textarea.content {
    width: 95%;
    text-align: left;
}

input.content, select.content {
    background-image:url(/imperia/skin/images/login/loginback.gif);
}

textarea.content {
	height: 180px;
	background-image: url(/imperia/skin/images/login/loginback2.gif);
	background-repeat:repeat-x;
}

textarea.content, input.content, input.reset {
    width: 95%;
    text-align: left;
}

select.content {
    width: auto;
}

textarea.content:hover, input.content:hover, select.content:hover {
    border: 2px dotted #4e72a4;
}

input.content[type=text][readonly] {
    background-color: #ddd;
}


/*******************************************************************************
* Editmode - Generalklassen
*******************************************************************************/

.left      {float: left;}
.right     {float: right;}
.clear     {clear: both; height: 0px;}
.hide      {display: none;}
.invisible {display:none;}


/*******************************************************************************
* speziell für Module mit Konfiguration für Pop-Up-Fenster
*******************************************************************************/

div.popup_window {
    display: none;
}

div.popup_window div.left {
    width: 100px;
    font-size: 9px;
}

/*******************************************************************************
* Fehlermeldungen
*******************************************************************************/

div.error {
    color: red;
    font-weight: bold;
    margin-bottom: 20px;
}

div.error a {
    text-decoration: underline;
}