/* ----------------------------------------------------
					Default-Definitionen
------------------------------------------------------- 
Diese Definitionen finden dann Anwendung, wenn keine 
weiteren Definitionen verfügbar sind.
Sie können von den spezifischen css-Dateien überschrieben werden
*/
 
#naviBox{
	margin: 10px 5px 0px 25px;
	overflow:hidden;
}



/* ----------------------------------------------------------
				Edit-Wrapper und -Button
Diese Klassen beschreiben Elemente, die den Administratoren
Editierfunktionen für Webseiten-Objekte bieten.
------------------------------------------------------------ */

/* JQuery-Sortierung */
ul#sortable , #sortable li.sortableDiv{
	list-style-type: none;
	margin:0px;
	padding:0px;
}


.wrapBox{
 border: 1px solid #d3dee7;
 margin: 0 0 5px 0;
}


/* Diese Klasse wird angewendet, wenn sich der Mauszeiger über die Hauptbox bewegt */
.wrapBoxMOUSEOVER{
 border: 1px solid #d3dee7;
 background-color: transparent;
 margin: 0 0 5px 0;
}


/* Kopfzeile der wrapBox */
.wrapBoxHeader{
 height:20px;
 
 background-color: #EEEEEE;
 background-image: url(systemBGlight.jpg);
 background-position: 50% 50%;
 
 overflow:hidden;
 font-size:0.9em;
}


.wrapBoxHeader div, 
.wrapBoxHeader a, 
.wrapBoxHeader select{
 margin:1px;
 color:#555555;
 font-weight:normal;
 text-decoration: none;
}

div.wrapBoxHeader select{
	font-size:0.9em;
}

#content div.wrapBoxHeader img{
	border:0px;
}

/* Links: bearbeiten, löschen, kopieren und ausschneiden */
div.wrapBoxLinkEdit,
div.wrapBoxLinkCopyCutPaste,
div.wrapBoxLinkDelete{
 float:left;
 margin:auto;
 white-space:nowrap;
 overflow:hidden;
}

div.wrapBoxLinkEdit{			width:13%;}
div.wrapBoxLinkCopyCutPaste{	width:22%;}
div.wrapBoxLinkDelete{			width:10%;}


/* wrapBox Titel*/
div.wrapBoxTitle{
 float:left;
 width:27%;
 overflow:hidden;
 margin:0px 2px 0px 2px;
}



/* In diesem Element befinden sich die Buttons zur Sortierung der Webseiten-Objekte */
.wrapBoxOrderButtons{
 float:right;
 width:25%;
 overflow:hidden;
 margin:0px 2px 0px 2px;
 text-align:right;
 white-space:nowrap;
}

/* Fusszeile der wrapBox */
.wrapBoxFooter{
 background-color: #F5F5F5;
 height:14px;
 overflow:hidden;
 clear:both;
}

.wrapBoxFooter, .wrapBoxFooter a{
 color:#AAAAAA;
 font-weight:normal;
 font-size:0.9em;
}





/* ------------------------------------------------------------------
 *						Page Administration
 * ------------------------------------------------------------------
 *
 * In diesem <div> befinden sich die Administrations-Elemente für die
 * aktuelle Seite */


div.pageAdminBox{
 margin:0px 0px 15px 0px;
 border:1px solid #d3dee7;
 background-color: #f2f6f9;
}

div.pageAdminBoxHeader{
 margin:0px;
 background-color: #E1E1E1;
 background-image: url(systemBGlight.jpg);
 background-position: 50% 50%;
 
 color:#555555;
 font-weight: bold;
}

div.pageAdminBoxContent{
 margin:3px;
 color:#555555;
 font-size:0.9em;
}

/* neues Objekt erstellen */
div.createObject{
 margin: 0px 100px 10px 100px;
 padding: 3px 0px 3px 0px;
 
 border:1px solid #E0E0E0;
 background-color: #E0E0E0;
 background-image: url(systemBGlight.jpg);
 background-position: 50% 50%;
 
 text-align:center;
 
 overflow:hidden;
}

div.createObject a{
 text-decoration:none;
 font-weight: bold;
}




/* ----------------------------------------------------------
				Info-Boxen
------------------------------------------------------------ */
/* editInfo wird verwendet, wenn Eingabehilfen angezeigt werden */
.editInfo{
 background: url(info.gif) no-repeat;
 padding:3px 1px 8px 28px;
 text-align:left;

}

.editInfo, .editInfo a{
 font-size:8pt;
 font-weight:normal;
 color:#555555;
}


/* ------------ Layout der info-Boxen function displayInfo() -------- */
/* Die Box, welche Überschrift und Text umgibt */
.infoBox{
 margin:10px 1px 10px 1px;
 width: 100%;
 border: 1px solid #009391;
}


/* Überschrift der InfoBox */
.infoBoxHeader{
 margin:0;
 padding:2px;
 background-color:#EAEFF5;
 font-weight:bold;
}


/* Text der Infobox */
.infoBoxContent{
 margin:0;
 padding:2px;
 background-color:#FFFFFF;
}


/* --------- Layout der infoUpdate-Boxen function displayUpdateInfo() ------ */
/* Die Box, welche Überschrift und Text umgibt */
.updateInfoBox{
 margin:10px 0 10px 0;
 border: 1px solid #73A145;
}

/* Überschrift der Box */
.updateInfoBoxHeader{
 margin:0;
 padding:2px;
 background-color:#73A145;
 color:#E7F2DD;
 font-weight:bold;
}

/* Text der Box */
.updateInfoBoxContent{
 margin:0;
 padding:2px;
 background-color:#E7F2DD;
 color:#006600;
}