/*
 Website by gyselroth* - Agentur fuer digitale Medien und Print. :: www.gyselroth.com
 */
/* ------------------------ layout */
/* ------------------------------------------- body u.a. */
* {
    margin: 0px;
    padding: 0px;
}

body {
    padding: 0;
    border: 0;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-position: left top;
    background-repeat: repeat-x;
    font-style: normal;
    line-height: 18px;
    font-weight: normal;
    color: #000000;
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
}

hr {
    margin-top: 6px;
    margin-bottom: 6px;
}

h1 {
    width: 300px;
    font-size: 1em;
}

h2 {
    font-size: 1.6em;
}

h3 {
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
}

p {
    width: 285px;
    line-height: 18px;
}

#headerindex {
    margin: 0;
}

#header {
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 30px;
    margin-left: 20px;
}

#form-header {
    margin-bottom: 20px;
}

.noscript {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 80px;
}

#header table {
    width: 960px;
    border: 0;
    border-collapse: collapse;
}

#header td {
    padding: 0;
    border: thin solid #FFFFFF;
}

#header td#schoolname {
    width: 560px;
}

#enrolment_text {
    padding-right: 15px;
    float: left;
    width: 480px;
    padding-bottom: 15px;
    padding-left: 60px;
    padding-top: 15px;
}

#profile_name {
    font-weight: bold;
    margin-top: 5px;
    display: block;
}

/* ------------------------------------------- Titelzeile Ablaufsreihenfolge */
#logo {
    margin-top: 15px;
    padding-left: 20px;
    width: auto;
}

#order {
    float: left;
    background-image: url(../img/system/blue.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    height: 26px;
    voice-family: "\"}\"";
    voice-family: inherit;
    font-weight: bold;
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 20px;
    width: 980px;
}

.loginpage #order {
    background-image: url(../img/system/blue_pale.gif);
}

#order ul {
    display: inline;
    padding: 0;
}

#order li {
    display: inline;
}

#order a {
    font-weight: bold;
    color: #666;
    float: left;
    border-bottom: 8px solid #96C0E1;
    margin-right: 3px;
    padding: 0 0 5px 0;
    text-decoration: none;
    height: 26px;
    /*width: 146px;*/
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 13px;
}

#order a#position {
    color: #000;
}

#order a.done {
    border-color: #1C649A;
}

#order a {
    font-weight: normal;
    color: #1C649A;
    margin: 0;
    position: relative;
    top: -9px;
    left: -65px;
    text-align: center;
    padding: 3px 0 4px 0;
    background-image: url(../img/system/logout.gif);
    background-position: top left;
    background-repeat: no-repeat;
    border: 0;
    width: 62px;
    height: 24px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 17px;
}

#order {
    color: #000;
}

#logout a {
    color: #FFFFFF;
    font-weight: bold;
}

#logout {
    font-weight: bold;
    color: #FFFFFF;
    margin: 0;
    position: absolute;
    text-align: center;
    border: 0;
    width: 80px;
    height: 17px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 17px;
    background-color: #1C649A;
    left: 920px;
    top: 50px;
    padding-top: 3px;
    padding-right: 0;
    padding-bottom: 4px;
    padding-left: 0;
}

#logout:hover {
    color: #FFFFFF;
    font-weight: bold;
}

/* ---------- span statt a */
#order span {
    sfont-weight: bold;
    color: #666;
    float: left;
    border-bottom: 8px solid #96C0E1;
    margin-right: 5px;
    text-decoration: none;
    width: auto;
    height: 26px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 13px;
    padding-top: 0;
    padding-right: 46px;
    padding-bottom: 5px;
    padding-left: 0;
    display: block;
    cursor: pointer;
    cursor: hand;
}

#order span#position {
    color: #000;
}

#order span.done {
    border-color: #1C649A;
    cursor: pointer;
    cursor: hand;
}

#order .no_pointer {
    cursor: default;
}

/* ------------------------------------------- Textspalten */
#textcontent {
    padding: 20px 60px;
    float: left;
    clear: right;
    background-color: #fff;
    width: 1120px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 1000px;
}

#signup {
    background-color: #E8F1F7;
    float: left;
    width: 960px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

#signup div.foot-note {
    clear: both;
    font-weight: bold;
    padding-top: 20px;
}

/* ------------------------------------------- Textspalten, Titel und Paragraphen Einstiegsseite */
#main-information {
    width: 1010px;
}

#main-information p {
    margin-top: 15px;
    width: auto;
}

#signup650 {
    padding-bottom: 30px;
    background-color: #E8F1F7;
    float: left;
    width: 650px;
    height: 800px;
    margin-right: 10px;
}

.whiteSpace {
    height: 10px;
    background-color: #FFF;
}

.col560 {
    width: 560px;
    padding: 20px 30px 20px 30px;
}

.col560 h2, .col340 h2 {
    font-size: 18px;
    font-weight: normal;
}

#signup340 {
    padding-bottom: 30px;
    background-color: #E8F1F7;
    float: left;
    width: 340px;
    height: 800px;
    margin-right: 10px;
}

.col340 {
    width: 280px;
    padding: 20px 30px 0 30px;
}

.col340 img {
    padding-top: 5px;
}

.col200 {
    width: 177px;
    padding: 0 0 20px 30px;
    float: left;
}

.col200 ul, .col340 ul {
    padding-left: 15px;
    padding-top: 15px;
}

.col200 li, .col340 li {
    margin-bottom: 7px;
}

.loginpage #signup {
    padding: 0;
    background-color: #E8F1F7;
    float: left;
    width: 1120px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 1000px;
    padding-bottom: 20px;
}

.colwide {
    width: 960px;
    float: left;
}

.col_login {
    width: 480px;
    float: left;
}

.col_login h1 {
    width: 480px;
}

.col_login p {
    width: 350px;
}

.colwide > p {
    margin: 5px 0 0 0;
    padding: 0;
}

.col {
    width: 320px;
    float: left;
}

.col470-left, .col470-right {
    float: left;
    width: 440px;
    padding: 0 30px 0 10px;
    /*border: 1px solid #ff0000;*/
}

.col470-right {
    margin-top: -10px;
}

.col470-left p, .col470-right p {
    margin-top: 15px;
}

.summary {
    color: #1C649A;
    font-weight: bold;
}

.summary span {
    color: #000000;
    font-weight: normal;
}

.summary h1 {
    color: #000000;
    width: 320px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.summary .red {
    color: #990000;
}

.col span.info {
    padding-left: 20px;
    display: block;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #1C649A;
    width: 256px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-size: 10px;
    line-height: 13px;
}

.colright {
    width: 360px;
}

.colindex {
    width: 320px;
    float: left;
}

.col p {
    margin-bottom: 5px;
}

.col a {
    font-weight: normal;
}

.colrange {
    width: 290px;
    float: left;
}

.col_form6 {
    width: 480px;
    float: left;
}

.col_form6 h1 {
    width: 480px;
    float: left;
}

.col_form6 span.red {
    margin-bottom: 20px;
}

.profilePart {
    margin-bottom: 20px;
}

.profilePart h1 {
    font-size: 1em;
    margin: 0px;
}

.profilePart p {
    /*width: auto;*/
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}

#col_confirm {
    float: left;
    width: 550px;
    margin-top: 20px;
}

#col_confirm p {
    width: 550px;
    float: left;
    color: #000000;
}

#col_confirm strong {
    color: #000000;
}

#index .col {
    width: 311px;
}

.loginpage .col {
    width: 320px;
    padding-top: 15px;
    padding-right: 0;
    padding-bottom: 0px;
    padding-left: 60px;
}

.borderl {
    border-left: 4px solid #fff;
    float: right;
}

.borderb {
    border-bottom: 4px solid #fff;
}

#meineanmeldung .col {
    width: 370px;
    margin: 10px 0 0 0;
}

#uebermich {
}

#textcontent .col {
    margin-top: 20px;
}

/* ------------------------------------------- Texte und Titel */
div#header_login h1 {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    /*    color: #FFF; */
    position: absolute;
    left: 10px;
    top: 90px;
    height: 20px;
    width: 960px;
}

#meineanmeldung h1 {
    margin: 25px 0 0 0;
    width: 100%;
}

h2 span {
    font-size: 0.9em;
    font-weight: normal;
}

#index p {
    width: 233px;
    margin: 20px 0 20px 0;
}

#index .col > p {
    margin: 0 0 20px 0;
}

.loginpage .colwide {
    line-height: 1.5em;
    padding-bottom: 30px;
}

#uebermich p, #meineeltern p, #meineschulen p, #korrektor p {
    height: 45px;
}

#meineanmeldung .col p {
    width: 340px;
}

#korrektor p.auto, #besonderes p.auto {
    height: auto;
}

.colindex p {
    width: 320px;
}

.colwide p {
    width: 1000px;
    margin-top: 20px;
}

.colwide .col p {
    width: 300px;
}

#index p.textwide {
    width: 800px;
    margin: auto;
}

a {
    text-decoration: none;
    color: #1C649A;
}

#index a {
    color: #000;
    text-decoration: none;
}

span#sorgerecht {
    margin: 0 0 0 40px;
}

span#invoice {
    margin-left: 57px;
}

/* ------------------------------------------- Formulare */
form {
    clear: both;
    margin: 0;
    padding: 0;
}

input, select {
    width: 277px;
    border: 0;
    margin-top: 5px;
}

.auto {
    width: auto;
    margin-right: 10px;
}

input {
    border: 1px solid #96C0E1;
}

radio {
    border: 0;
}

input.radio, input.checkbox {
    border: 0;
    margin-right: 5px;
}

textarea {
    margin-top: 5px;
    border: 1px solid #96C0E1;
    width: 279px;
    height: 102px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 277px;
    height: 100px;
}

.radio {
    width: auto;
}

/* neu: AHV-Nummer Bsp: 112.60.313.114  */
div.social_security_number #social_security_number_1 {
    width: 25px;
    margin-top: 5px;
    text-align: left;
    padding: 0px 1px 0px 1px;
}

div.social_security_number #social_security_number_2 {
    width: 33px;
    margin-top: 5px;
    text-align: left;
    padding: 0px 1px 0px 1px;
}

div.social_security_number #social_security_number_3 {
    width: 33px;
    margin-top: 5px;
    text-align: left;
    padding: 0px 1px 0px 1px;
}

div.social_security_number #social_security_number_4 {
    width: 20px;
    margin-top: 5px;
    text-align: left;
    padding: 0px 1px 0px 1px;
}

.colwide .radio {
    margin: 0 10px 0 15px;
}

#korrektor .checkbox {
    margin-left: 10px;
}

a.search {
    padding: 2px 5px 3px 5px;
    background-color: #1C649A;
    color: #fff;
    font-weight: bold;
}

div.search {
    padding-bottom: 5px;
}

.checkbox {
    width: 15px;
    float: left;
    margin-top: 13px;
    font-weight: normal;
}

#hms_double, #fms_double, #ims_double, #orchestra, #chorus, #bigband {
    width: 15px;
    margin-right: 8px;
}

.plz-ort {
    float: left;
}

.plz {
    width: 30px;
    float: left;
}

.streetnumber {
    width: 30px;
    margin-left: 5px;
    float: left;
}

.streetnumber input {
    width: 30px;
}

.lockbox {
    width: 277px;
}

.lockbox input {
    width: 277px;
}

.street {
    width: 245px;
    float: left;
    height: 63px;
}

.street input {
    width: 242px;
}

.ort {
    width: 196px;
    float: left;
    margin-left: 5px;
}

.ort input {
    width: 196px;
}

/* ort*/
.ortwide {
    width: 245px;
    float: left;
    margin-left: 5px;
    height: 63px;
}

.ortwide input {
    width: 242px;
}

/* plz */
.plz input {
    float: left;
    width: 30px;
}

/* kanton */
.kanton input {
    width: 40px;
}

.kanton {
    width: 40px;
    float: left;
    margin-left: 5px;
}

/* Bürgerort*/
.citizenship {
    width: 175px;
    float: left;
}

.citizenship input {
    width: 175px;
}

/* Bürgerort Kanton*/
.citizenship_canton {
    width: 93px;
    margin-left: 10px;
    float: left;
}

.citizenship_canton select {
    width: 93px;
    float: left;
}

/* AHV Nummer */
.social_security_number {
    float: left;
    width: 277px;
}

.zeug {
    text-align: right;
    padding: 0 0px 0 0;
    width: 20px;
}

.zeug input {
    width: 20px;
}

.essay {
    text-align: right;
    padding: 0 0px 0 0;
    width: 40px;
}

.essay input {
    width: 40px;
}

.colrange input {
    width: 190px;
    float: right;
    margin-top: 20px;
}

.button {
    width: 200px;
}

a.question {
    float: right;
    background-image: url(../img/system/questionmark.gif);
    background-repeat: no-repeat;
    margin-right: 45px;
    text-decoration: none;
    width: 14px;
    height: 14px;
    margin-top: 10px;
}

a.info {
    /*float: right;*/
    background-image: url(../img/system/questionmark.gif);
    background-repeat: no-repeat;
    margin-left: 3px;
    text-decoration: none;
    width: 14px;
    height: 14px;
}

label {
    display: block;
    margin-top: 10px;
    margin-right: 10px;
    font-weight: bold;
}

.radiobutton {
    display: inline;
    font-weight: normal;
}

.block {
    display: block;
}

.unbold {
    font-weight: normal;
}

.help {
    color: #1C649A;
    width: 280px;
}

.placeholder {
    width: 300px;
    height: 23px;
}

.indication {
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #1C649A;
    margin-top: 40px;
    font-weight: bold;
    color: #1C649A;
}

label input {
    width: auto;
    height: auto;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    margin-right: 5px;
}

#prep_level_info {
    float: left;
    padding: 20px 10px;
    font-weight: bold;
}

#prep_immersion_info, #immersion_info {
    padding: 20px 0;
}

/* ------------------------------------------- Footer, vor-und-rueckwaerts-Navigation */
#footer {
    width: 1000px;
    background-color: #fff;
    margin-bottom: 20px;
    /*float: left;*/
}

/* START CC Modul */
#footer_buttons {
    float: left;
    width: 1000px;
}

#steps {
    display: block;
    background-color: green;

}

div#steps ul {
    list-style-type: none;
}

div#steps li {
    width: 200px;
    display: inline;
    list-style-type: none;
    margin-left: 40px;
}

/* ENDE CC Modul */

#backandforth {
    margin: 0 0 0 5px;
    padding: 0px 5px 3px 5px;
    background-color: #1C649A;
    color: #fff;
    float: right;
    white-space: nowrap;
    text-align: center;
    width: 140px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 140px;
}

#alert {
    /*background-color: #E8F1F7;*/
    color: #c00;
    float: left;
    margin-left: 660px;
    padding: 0px 5px 3px 5px;
    text-align: center;
    width: 150px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 140px;
}

.loginpage #alert {
    margin-left: 85px;
}

#account #alert, #password #alert {
    margin-left: 423px;
}

#pinlogin {
    background-color: #1C649A;
    float: left;
    /*margin-left: 187px;*/
    margin-left: 30px;
    padding: 0px 5px 3px 5px;
    text-align: right;
    color: #fff;
    width: 150px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 140px;
}

#login {
    margin: 0 0 0 325px;
    padding: 0px 5px 3px 5px;
    background-color: #1C649A;
    color: #fff;
    float: left;
    white-space: nowrap;
    text-align: right;
    width: 150px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 140px;
}

.loginpage #login {
    margin: 0 0 0 80px;
}

#backandforth a, #login a, #pinlogin a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

/* ------------------------------------------- Tabellen */
td {
    padding: 3px 2px 4px 2px;
    border-bottom: 4px solid #E8F1F7;
    border-right: 4px solid #E8F1F7;
}

tr.row0 td {
    background-color: #fff;
}

tr.row1 td {
    /*background-color: #b3c8ed;*/
    background-color: #fff;
}

table#korrektoren {
    width: 895px;
}

th {
    text-align: left;
    padding-bottom: 3px;
}

tr.row0 td.empty, tr.row1 td.empty {
    background-color: #E8F1F7;
}

#liste a {
    color: #1C649A;
    text-decoration: none;
    margin: 0 5px 0 5px;
}

#liste a:hover {
    color: #000;
    border-bottom: 1px solid #000;
}

.jump {
    font-weight: bold;
    color: #FFFFFF;
    /*position: absolute;*/
    text-align: center;
    border: 0;
    width: 80px;
    height: 17px;
    height: 17px;
    voice-family: "\"}\"";
    voice-family: inherit;
    background-color: #1C649A;
    /*left: 920px;
     top: 320px;*/
    padding-top: 3px;
    padding-right: 4px;
    padding-bottom: 3px;
    padding-left: 4px;
    margin-top: 15px;
    clear: both;
    float: left;
    display: block;
    margin-top: 15px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.jump:hover {
    color: #FFFFFF;
    font-weight: bold;
}

/* ------------------------------------------- Bilder */
img {
    border: 0;
}

#index .col img {
    padding-bottom: 10px;
}

/* ------------------------------------------- HACK */
#header table td {
    font-size: 11px;
}

table.footertable {
    display: inline;
    text-align: right;
    width: 100%;
    border-collapse: collapse;
    color: #fff;
}

table.footertable td {
    font-size: 11px;
}

td.footertable {
    padding: 2px 9px 4px 11px;
    border: 0;
    background-color: #1C649A;
    font-weight: bold;
    text-align: center;
    border-left: 2px solid #fff;
}

textarea.small {
    height: 50px;
}

table#stats {
    width: 220px;
}

#stats caption {
    text-align: left;
    font-weight: bold;
    margin-bottom: 5px;
}

#stats tr, #stats td {
    border: none;
    padding: 0;
    text-align: left;
}

input.param {
    width: 50px;
}

.clear {
    clear: right;
}

.clear_both {
    clear: both;
    background-color: pink;
}

.float_right {
    float: right;
}

.test {
    height: 23px;
    float: none;
    clear: right;
    width: 250px;
    font-weight: normal;
}

#data {
    margin-top: 15px;
}

.fontweight {
    font-weight: normal;
}

.red {
    border-color: #990000;
    background-color: #FFDFDF;
    color: #990000;
}

#red { /* .radiobutton input[type="radio"] */
    border-color: #990000;
    background-color: #FFDFDF;
    color: #990000;
}

.orange {
    border-color: #CC6600;
    background-color: #FFF1CC;
    color: #CC6600;
}

.bb {
    font-weight: bold;
    color: #FFFFFF;
    width: 100px;
    background-color: #1C649A;
    height: 20px;
    float: left;
    text-align: center;
}

/*new zap2009*/
.hidden {
    display: none;
}

input.buttonSelected {
    border-color: #ff0000;
}

.school_choice {
    font-size: 20px;
    font-weight: normal;
    line-height: 25px;
}

.schoolType, .schoolType_level2, .schoolType_level3 {
    font-weight: bold;
    background-color: #1C649A;
    color: #FFFFFF;
    height: 20px;
    margin-bottom: 7px;
    text-align: left;
    cursor: pointer;
}

.schoolType.buttonSelected, .schoolType_level2.buttonSelected, .schoolType_level3.buttonSelected {
    font-weight: bold;
    background-color: #FFFFFF;
    color: #1C649A;
    border: 1px solid #1C649A;
    height: 20px;
    margin-bottom: 7px;
    text-align: left;
}

.submit {
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    border: 0;
    width: 80px;
    height: 17px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 17px;
    background-color: #1C649A;
    padding: 3px 0 4px 0;
    margin-bottom: 20px;
    margin-left: 0;
    display: block;
}

.submit a {
    color: #FFFFFF;
    font-weight: bold;
}

a:hover.submit {
    color: #CCC;
    font-weight: bold;
    text-decoration: none;
}

/*#header_login {
 margin-bottom: 70px;
 }*/

#header_login {
    position: relative;
    /*background-color: #1C649A; */
    background-image: url(../images/logo_ahb.png);
    background-repeat: no-repeat;
    height: 130px;
    /* text-indent:-999px;  Was für ein unsinn!!!!!! <p> Tag und Inhalt aus dem head template genommen!!!! */
    width: 1000px;
}

#header_frontend {
    position: relative;
    width: 1000px;
}

#langmenu {
    text-indent: 0;
    position: absolute;
    top: 10px;
    right: 20px;
}

#langmenu, #langmenu a {
    /*color: #000;*/
    color: #666;
}

#langmenu a.selected {
    /*color: #9ECBE9;*/
    color: #1C649A;
    text-decoration: underline;
}

#langmenu a.selected:hover {
    text-decoration: none;
}

.col#fms input, .col#hms input, .col#ims input {
    width: auto;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    margin-right: 5px;
}

/*
span#memo {
    float: left;
}

strong.memo {
    display: block;
    padding-left: 90px;
}
*/

span#hms_science {
    color: #005389;
}

label.box input {
    width: auto;
    border-style: none;
}

label.box {
    height: 20px;
}

.tech_req p {
    margin-top: 5px;
}

.tech_req a, .noscript a {
    color: #005389;
}

.tech_req a:hover, .tech_req a:active, .noscript a:hover, .noscript a:active {
    text-decoration: underline;
    color: #005389;
}

.forgotton_pw {
    font-weight: normal;
    font-size: 10px;
}

.forgotton_pw a, .forgotton_pw a:visited, .forgotton_pw a:hover, .forgotton_pw a:active {
    text-decoration: underline;
    color: #005389;
}

/* -------------------------------------------- Klassen Einstiegsseite */
/* --------- whiteBox */
.whiteBox {
    font-weight: bold;
    margin: 15px 0;
}

.whiteBox span {
    background-color: #FFF;
    padding: 5px 10px;
}

/* --------- Icons für Links (pdf und externer Link) und Paddings */
.pdf_file {
    background-image: url(../images/pdf-1.gif);
    background-repeat: no-repeat;
    background-position: 2px;
}

.extern_link {
    background-image: url(../images/extern_link.png);
    background-position: 2px;
    background-repeat: no-repeat;
}

.padding_left {
    padding-left: 18px;
}

.padding_left_2 {
    padding-left: 25px;
}

/*********** POST Finance *******************************/
#post_finance_input {
    display: none;

}

/*********  Erweiterung CSS  form4 ****************/
div.immersion-advice {
    /*background-color: #FFBBBB;*/
    width: 280px;
    color: #ff0000;
}

/********   Impressum    *********************************/

div#impressum {
    width: 750px;
    padding: 10px 40px;
    background-color: #E8F1F7;
}

div#impressum h1 {
    position: static;
    float: none;
    font-size: 18px;
    color: #000;
    margin-left: -10px;
    margin-top: 20px;
    font-weight: bold;
}

div#impressum h3 {
    margin-bottom: 4px;
    height: 1em;
}

.impress_absatz {
    margin: 10px 0px 20px 0px;
}

.impressum {
    margin-bottom: 20px;
}

/********   AGB    *********************************/
div#agb {
    position: relative;
    display: block;
    width: 750px;
    margin-left: 120px;
    background-color: #E8F1F7;
}

div#agb h1 {
    font-size: 18px;
    color: #000;
    font-weight: bold;

}

div.absatz {
    position: relative;
    display: block;
    top: 100px;
    margin: 35px 0px 45px 0px
}

.absatz h2 {
    font-size: 14px;
    font-weight: bold;
}

.absatz p {
    font-size: 12px;
    font-weight: normal;
    margin: 12px 0px 0px 20px;
}

#content-main {
    width: 1000px;
    background-color: #E8F1F7;
}


/* form 1 */
div.zip-error-message,
div.lockbox-error-message {
    clear: both;
    background-color: #FFBBBB;
    padding: 6px;
    width: 265px;"
}

div.lockbox-error-message {
    margin-top: 14px;
}