@charset "utf-8";
/* CSS Document */

/* *************************************
	Inhaltsverzeichnis
****************************************
	EurowebCMS-CSS

	1. Formulare
	2. Buttons & Icons
	3. Standard HTML-Tags
	4. Weitere Text-Tools
	5. Schleifen
	6. Controller (Abmelden)

****************************************
	1. Formulare
************************************* */
	
	.ewcms_form {						/* das Formular */
		background: #ccc;
		border: 1px solid #999;
		padding: 5px;
		margin: 20px 0;
		position: absolute;
		z-index: 9999;
		width: 350px;
		text-align: left;
		}
		
	.ewcms_edit_table {					/* die dreizeilige Tabelle innerhalb des Formulars */
		width: 100%;
		}
	
	.ewcms_edit_title {					/* Zeile mit dem Namen des bearbeiteten Elements */
		font: 1.6em "trebuchet ms", verdana, arial, sans-serif;
		font-weight: bold;
		color: #d43e33;
		padding: 0 0 0 20px;
		background: url(../images/required.png) 0 0 no-repeat;
		}
		
	.ewcms_edit_content {				/* Zeile mit dem Input-Feld/der Textarea */
		font-size: 12px;
		color: #515151;
		width: 100%;
		border: 1px solid #666;
		background: #fff url(../images/form-hg.png) 0 0 repeat-x;
		text-align: left;
		padding: 0 0 0 2px;
		}
		
			.ewcms_edit_content a {
				color: #d43e33;
				text-decoration: none;
				}
				
			.ewcms_edit_content a:hover {
				color: #d43e33;
				text-decoration: underline;
				}
		
	.ewcms_edit_file {					/* iFrame zum Editieren von Dateiuploads */
		font-size: 12px;
		}
	
	iframe { height: 200px!important; width: 400px!important;}
	
/* *************************************
	2. Buttons & Icons
************************************* */

	.ewcms_edit_submit {				/* Zeile mit dem Abschicken-Button */
		font-size: 14px;
		padding: 2px 7px;
		background: #999;
		border: 1px solid #666;
		}
		
	.ewcms_edit_submit:hover,
	.ewcms_edit_cancel:hover {
		background: #aaa;
		}
		
	.ewcms_edit_submit a,
	.ewcms_edit_cancel a {
		width: 100%;
		height: 100%;
		display: block;
		color: #333!important;
		text-decoration: none!important;
		}
		
	.ewcms_edit_submit a:hover,
	.ewcms_edit_cancel a:hover {
		background: none!important;
		}
		
	.ewcms_edit_cancel {				/* Zeile mit dem Abbrechen-Button */
		font-size: 14px;
		padding: 2px 7px;
		background: #999;
		border: 1px solid #666;
		}
		
	.ewcms_edit_img {					/* Grafik für das Bearbeiten-Icon (<img>-Tag) */
		background: none;
		}
		
	.ewcms_edit_link {					/* Link für das Bearbeiten-Icon (<a>-Tag) */
		font-size: 14px;
		}
	
/* *************************************
	3. Standard HTML-Tags
************************************* */

	.ewcms_h1 {							/* Überschrift 1 */
		width: 100%;
		background: none;
		padding: 3px;
		}
	
	.ewcms_h2 {							/* Überschrift 2 */
		width: 100%;
		background: none;
		padding: 3px;
		color: #515151;
		}
	
	.ewcms_h3 {							/* Überschrift 3 */
		width: 100%;
		background: none;
		padding: 3px;
		}
	
	.ewcms_h4 {							/* Überschrift 4 */
		width: 100%;
		background: none;
		padding: 3px;
		}
	
	.ewcms_h5 {							/* Überschrift 5 */
		width: 100%;
		background: none;
		padding: 3px;
		}
	
	.ewcms_h6 {							/* Überschrift 6 */
		width: 100%;
		background: none;
		padding: 3px;
		}
	
	.ewcms_p {							/* Absatz */
		width: 100%;
		background: none;
		padding: 3px;
		color: #515151;
		}
	
	.ewcms_ul {							/* Ungeordnete Liste  */
		width: 100%;
		background: none;
		padding: 3px;
		}
	
	.ewcms_ol {							/* Geordnete Liste */
		width: 100%;
		background: none;
		padding: 3px;
		}

/* *************************************
	4. Weitere Text-Tools
************************************* */

	.ewcms_shorttext {					/* <input type=”text”> */
		width: 100%;
		background: none;
		padding: 3px;
		}
	
	.ewcms_longtext {					/* <textarea> */
		width: 100%;
		background: none;
		padding: 3px;
		}
	
	.ewcms_editor {						/* noch nicht editierbar */
		}
	
/* *************************************
	5. Schleifen
************************************* */
	
	.ewcms_loopstart {					/* <div> für den Schleifenanfang (enthält nur Text) */
		font-size: 12px;
		color: #515151;
		}
	
	.ewcms_loopline {					/* <div> für die Bearbeitungs- und Sortierungsicons in der Schleife */
		font-size: 12px;
		border-top: 2px solid #D6D6D6;
		color: #515151;
		float: none;
		clear: both;
		}
		
				.ewcms_loopline_delimg {					/* Icon zum Löschen eines Schleifenabschnittes */
					}
				
				.ewcms_loopline_dellink {					/* Link zum Löschen eines Schleifenabschnittes (enthält das Icon) */
					}
				
				.ewcms_loopline_upimg {						/* Icon zum Sortieren nach oben */
					}
				
				.ewcms_loopline_uplink {					/* Link zum Sortieren nach oben (enthält das Icon) */
					}
				
				.ewcms_loopline_downimg {					/* Icon zum Sortieren nach unten */
					}
				
				.ewcms_loopline_downlink {					/* Link zum Sortieren nach unten (enthält das Icon) */
		}
	
	 .ewcms_loopend {					/* <div> für das Schleifenende (enthält den Button für einen neuen Schleifenabschnitt) */
		font-size: 12px;
		color: #515151;
		border-top: 2px solid #D6D6D6;
		float: none;
		clear: both;
		margin-bottom: 70px;
		}
	
    .ewcms_loopend_newimg {				/* Icon zum Erstellen eines neuen Schleifenabschnitts */
		}
		
    .ewcms_loopend_newlink {			/* Link zum Erstellen eines neuen Schleifenabschnitts (enthält das Icon) */
		}
	
/* *************************************
	6. Controller (Abmelden)
************************************* */

	#ewcms_edit_controller {			/* <div>-Element (Achtung: Dies ist eine ID, keine Klasse!) */
		position: absolute;
		top: 0;
		left: 0;
		background: #D6D6D6;
		filter:alpha(opacity=85);
		-moz-opacity: 0.85;
		opacity: 0.85;
		width: 100%;
		height: 30px;
		z-index: 1000;
		border-bottom: 2px solid #E17970;
		font-weight: bold;
		text-align: center;
		}
		
	#ewcms_edit_controller:hover {
		background: #ddd;
		border-bottom: 2px solid #D43E33;
		}
		
	.ewcms_edit_logout {				/* Klasse des <a>-Elements, das den Logout-Text und das Icon enthält */
		color: #888;
		font-size: 1.4em;
		text-decoration: none;
		display: block;
		width: 100%;
		height: 20px;
		padding: 5px 0;
		}
		
	.ewcms_edit_logout:hover {
		color: #515151;
		}

/* *************************************
	Ende ;)
************************************* */