@CHARSET "UTF-8";
/**
 * Stylesheet for seeqgrafix.de
 * 
 * @author Karin Kohlbrenner-Lange
 * @copyright Copyright ©2012, Karin Kohlbrenner-Lange seeQgrafix
 * 
 */

/* ******************** Layout *********************** */
div#content
{
    line-height: 1.75em;
}

form
{
    position: absolute;
    top: 155px;
    left: 190px;
}

form label
{
    float: left;
    width: 7em;
    margin-right: 1em;
}

#name, #email, #message
{
    border: solid 1pt #007d64;
    font-family: Helvetica, Arial, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
    font-weight: lighter;
    font-size: 10pt;
    padding: 0.25em;
    width: 325px;
}

input#send
{
    width: 7em;
    margin-top: 0.6em;
    float: right;
}

form div.success
{
    background: transparent url("../img/success.gif") no-repeat right;
}

form div.error
{
    background: transparent url("../img/error.gif") no-repeat right;
}

form div.validation-advice
{
    font-style: italic;
    font-size: 9pt;
    line-height: 1em;
    color: #eb6909;
    margin-left: 8em;
    padding-top: 0.25em;
    width: 325px;
}

/* ******************** Status Area ******************** */
div#statusArea
{
    text-align: left;
    line-height: 1.5em;
    float: left;
    border-left: solid 1pt #007d64;
    width: 240px;
    margin-top: 1em;
    margin-left: 8em;
    padding: 0 0.5em;
}

div#statusArea div
{
    padding-left: 25px;
}

div#statusArea div.pogress
{
    background: transparent url("../img/spinner.gif") no-repeat top left;
}

div#statusArea div.success
{
    background: transparent url("../img/success.gif") no-repeat left;
}

div#statusArea div.error
{
    background: transparent url("../img/error.gif") no-repeat left;
    font-style: italic;
    color: #eb6909;
}

/* ******************** Headlines ******************** */
h1
{
    color: #007d64;
    margin-bottom: 3em;
}

h2
{
    font-size: 9pt;
    font-weight: bold;
	text-align: right;
	padding-top: 0.5em;
}
/* ******************** Paragraphs ******************** */
p
{
	margin-bottom: 0.5em;
}