/**
    Formulare

    <div class="ce_form tableless block">
        <form action="die-kanzlei.html" id="f1" method="post" enctype="application/x-www-form-urlencoded">
            <div class="formbody">
                <input name="FORM_SUBMIT" value="auto_formular-kontakt" type="hidden">
                <input name="REQUEST_TOKEN" value="f7cec151033c1aa3fa6c662d2cac50be" type="hidden">

                <label for="ctrl_1" class="mandatory">
                    <span class="invisible">Pflichtfeld</span>
                    Name<span class="mandatory">*</span>
                </label>
                <input name="name" id="ctrl_1" class="text mandatory" value="" required="" placeholder="Ihr Name" type="text">
                [textarea,select,etc]
                <br>

                <fieldset>
                    <legend>Wann möchten Sie angerufen werden?</legend>
                    <label for="ctrl_4">Wenn ja, bitte Datum und Uhrzeit angeben.</label>
                    <input name="rueckruf" id="ctrl_4" class="text" value="" placeholder="Datum / Uhrzeit" type="text">
                    <br>
                </fieldset>
    
                <label for="ctrl_8" class="mandatory">
                    <span class="invisible">Pflichtfeld</span> Spam-Schutz<span class="mandatory">*</span>
                    <span class="invisible">Bitte rechnen Sie 9 plus 2.</span>
                </label>
    
                <input id="ctrl_8" class="captcha mandatory" value="" maxlength="2" required="" type="text">
                <span class="captcha_text">Bitte rechnen Sie 9 plus 2.</span>
                <br>

            </div>

            <div class="submit_container">
                <input id="ctrl_9" class="submit" value="Anfrage senden" type="submit">
            </div>
        </form>
    </div>
----------------------------------------------------------------------------- */


.formbody{}
.formbody br{ 
    clear         : both;
    margin-bottom : 5px;
}

.form-input,
.widget{
    margin-bottom: 5px;
    clear:both;
/*
   outline: 1px solid red;
*/
}
label{
    display : block;
    cursor  : pointer;
    float   : left;

    width   : 25%;
    width   : 120px;

    padding-top : 6px; /* Padding der Formularfelder */
/*
    outline: 1px solid red;
*/
}

textarea,
select,
input{ 
    width       : 70%;
    width       : 480px;
    margin-left : 125px;
    padding     : 5px 5px;

    font-family: inherit;
    font-size  : inherit;
    
    border: 1px solid #ccc;

/*
    outline: 1px solid blue;
*/
    display: block;
}
select, input[type="submit"]{  
    width:491px;
}
input[type="submit"]{ 
	text-transform:uppercase;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	padding: 8px 0;
	cursor:pointer;
}


/**
    Sternchen <span class="mandatory">*</span>
*/
span.mandatory{
    font-weight : 700;
    color       : #690;
}

.captcha_text{
    display     : block;
    color       : #690;

    margin-left : 26%;
    margin-left : 125px;
	margin-top  : 6px;
}


/**
    <div class="explanation">
        <p>Wenn Sie einen Rückruf wünschen, tragen Sie bitte ein Datum/Termin sowie Ihre Telefon-Nr. ein.</p>
    </div>
*/
.explanation{
    width       : 50%;
    margin-left : 125px;
}
.explanation p{
    margin-bottom : 0;
}

/**
   p.form-error-message
*/
.form-error-message{
    width       : 400px;
    padding     : 2px 10px;

    border           : 0;
    border           : 1px solid #690;
    background-color : transparent;
    color            : #690;
    margin-bottom    : 4px;

    margin-left      : 125px;
}

.submit-container {
    padding-top: 20px;
}
.submit {
    padding: 4px;
}


/**
    Suchseite
----------------------------------------------------------------------------- */
.suche .formbody{margin-bottom: 25px;}
.suche input{ margin-left: 0; }
.suche input.text{
    width: 80%;
    float:left;
    margin-right: 15px;
}
.suche input.submit{
    width: 80px;
    padding: 6px;
}