/* Basics */

@charset "utf-8";

* {
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-family: Arial, Tahoma, sans-serif;
    color: #555;
}

body    {
    background: rgb(255,255,255) url(../layout/bg-top.png) repeat-x;
}

img {
    border: none;
}

p,a, table, tr, td  {
    font-size:12px;
}

h1  {
    float: left;
    width: 800px;
    font-size: 16px;
    font-weight: bold;
    color: #007629;
    margin: 0 0 30px 0;
    padding: 30px 0 10px 0;
    border-bottom: 1px solid #c5e0ce; 
}

h2  {
    font-size:14px;
    font-weight: bold;
    color: #333;
    margin: 0 0 10px 0;
}
    h2#nr1  {
        background: transparent url(../layout/nr1.gif) no-repeat;
        padding: 4px 0 8px 30px;
        margin-left: -30px;
    }
    h2#nr2  {
        background: transparent url(../layout/nr2.gif) no-repeat;
        padding: 4px 0 8px 30px;
        margin-left: -30px;
    }
    h2#nr3  {
        background: transparent url(../layout/nr3.gif) no-repeat;
        padding: 4px 0 8px 30px;
        margin-left: -30px;
    }
    h2#nr4  {
        background: transparent url(../layout/nr4.gif) no-repeat;
        padding: 4px 0 8px 30px;
        margin-left: -30px;
    }

h3  {
    font-size:12px;
    font-weight: bold;
    color: #555;
    margin: 0 0 5px 0;
    text-transform: uppercase;
    border-bottom: 1px solid #555;
}

a:link, a:visited, a    {
    color: #093;
    text-decoration: none;
}
a:hover{
    color: #093;
    text-decoration: underline;
}

div, img    {
    overflow: hidden;
    text-align: left;
    z-index: 10;
}

input, select, option, textarea {
    color: #555;
    font-size: 12px;
    border: 1px solid #c5e0ce;
    padding: 2px;
    background: #fff;
    margin-top: 5px;
}
input:hover, input:focus, select:hover, textarea:hover, select:focus, textarea:focus {
    border: 1px solid #007629;
}
input.submit:hover {
    border: none;
}
option  {
    padding: 0px;
    width: 150px;
    border: 0px;
}

.right  {
    float: right;
}

.left   {
    float: left;
}

.highlight  {
    border: 1px solid #f66 !important;
}


.main   {
    width: 800px;
    height: auto;
    border: 0px solid red;
}

.head   {
    float: left;
    width: 800px;
    height:94px;
    background: transparent;
}
    div.logo a  {
        color: #fff;
        font: 48px Georgia;
        float: left;
        width: auto;
        margin-top: 20px;
        background: transparent;
    }

.foot   {
    float: left;
    width: 100%;
    height: 80px;
    background: #fff url(../layout/bg-bottom.png) repeat-x;
    margin-top: 30px;
}
    .foot p {
        margin-top: 30px;
    }

.content    {
    float: left;
    width: 800px;
    height: auto;
}

.field  {
    float: left;
    width: 800px;
    height: auto;
    margin-top: 30px;
}

.info   {
    float: left;
    width: 340px;
    padding: 0 30px;
    height: auto;
}

.box    {
    float: left;
    width: 358px;
    padding: 20px;
    height: auto;
    border: 1px solid #c5e0ce;
    background: #e6f8ed url(../layout/bg-box.gif) repeat-x;
}



p.requiredfield   {
    filter: alpha(opacity=60); 
    -moz-opacity: 0.6;  
    opacity: 0.6;   
}

p.moreoptions {
    font-size: 10px;
    text-align: center;
}

p.error {
    background: transparent url(../layout/delete.png) no-repeat;
    height: 30px;
    padding-left: 45px;
    padding-top: 10px;
    margin: 10px;
    color: #ce2c09;
}

p.success   {
    background: transparent url(../layout/check.png) no-repeat;
    height: 30px;
    padding-left: 45px;
    padding-top: 10px;
    margin-top: 5px;
    color: #248200;
}

option.form {
    padding: 0px;
    width: 150px;
    border: 0px;
    width: auto;
}
input.form, select.form, textarea.form {
    width: 350px;
    height: auto;
}
input.form, select.form, textarea.form {
    width: 350px;
}
input.formsubmit    {
    width: auto;
}

#ein,#aus   {
    display: none;
}