@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: #D6D6D6;
                border: 2px solid #C1C1C1;
                padding: 5px;
                }

        .ewcms_edit_table {                                        /* die dreizeilige Tabelle innerhalb des Formulars */
                width: 100%;
                }

        .ewcms_edit_title {                                        /* Zeile mit dem Namen des bearbeiteten Elements */
                font-size: 14px;
                font-weight: bold;
                }

        .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: #c00;
                                text-decoration: none;
                                }

                        .ewcms_edit_content a:hover {
                                color: #c00;
                                text-decoration: underline;
                                }

        .ewcms_edit_file {                                        /* iFrame zum Editieren von Dateiuploads */
                font-size: 12px;
                }

/* *************************************
        2. Buttons & Icons
************************************* */

        .ewcms_edit_submit {                                /* Zeile mit dem Abschicken-Button */
                font-size: 14px;
                padding: 2px 7px;
                background: #aaa;
                border: 1px solid #666;
                }

        .ewcms_edit_cancel {                                /* Zeile mit dem Abbrechen-Button */
                font-size: 14px;
                padding: 2px 7px;
                background: #aaa;
                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;
                }

        .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;
                }

        .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: #888;
                }

        .ewcms_loopline {                                        /* <div> für die Bearbeitungs- und Sortierungsicons in der Schleife */
                font-size: 12px;
                border-top: 2px solid #D6D6D6;
                color: #888;
                }

                                .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: #888;
                border-top: 2px solid #D6D6D6;
                }

    .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 #c00;
                font-weight: bold;
                text-align: center;
                }

        #ewcms_edit_controller:hover {
                background: #E6E6E6;
                border-bottom: 2px solid #f00;
                }

        .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 ;)
************************************* */