/* default btd kosten-senken style */

body {
    font-family:    Arial, Helvetica, sans-serif;
    font-size:      100%;
    background:     #003777 url(../img/back.jpg) no-repeat;	
}

body, div, span, li, p, a {
    font-family:    Arial, Helvetica, sans-serif;
}

img {
    border:    none;
}

/* main content, holds logo and centered content */
div.content {
    margin:     35px auto 0px auto;
    width:      1033px;
    height:     633px;
}

div.content div.logo {
    float:     left;
    height:    108px;    
}

div.content div.maincontent {
    float:          left;
    margin-left:    88px;
    width:          866px;
    height:         525px;
    background:     url(../img/back_innen.png) no-repeat;
}

div.content div.maincontent div.header {
    margin-left:     30px;
    margin-top:      17px;
    color:           #000377;
}

div.content div.maincontent div.header h1 {
    font-weight:    bold;
    font-size:      38px;
    padding:        0px;
    margin:         0px;
}

div.content div.maincontent div.header h2 {
    font-weight:    normal;
    font-size:      27px;
    padding:        0px;
    margin:         0px;
}

div.content div.maincontent div.box {
    float:          left;
    width:          266px;
    height:         305px;
    margin-left:    13px;
    margin-top:     47px;
    margin-right:   7px;
    color:          #000000;
    line-height:    18px;
    font-size:      12px;
}

div.content div.maincontent div.box p,
div.content div.maincontent div.box h4 {
    padding: 10px;
}

div.content div.maincontent div.box p.small {
    font-size:    10px;
    line-height:  12px;
}

div.content div.maincontent div.box a,
div.content div.maincontent div.box a:link,
div.content div.maincontent div.box a:visited,
div.content div.maincontent div.box a:active {
    text-decoration:    underline;
    color:              #000377;
}

div.content div.maincontent div.box span.mail,
div.content div.maincontent div.box span.telephone {
    float:          left;
    width:          250px;
    font-weight:    bold;
    font-size:      20px;
    padding:        10px; 
    padding-left:   50px;
    color:          #000377;
}

div.content div.maincontent div.box span.mail {
    background:     url(../img/icon_mail.png) 10px 0px no-repeat;
}

div.content div.maincontent div.box span.telephone {
    background:     url(../img/icon_phone.png) 10px 0px no-repeat;
    padding-bottom: 20px;
}

div.content div.maincontent div.box h4 {
    font-weight:    bold;
    font-size:      14px;
    line-height:    20px;
    margin:         0px;
}

div.content div.maincontent div.box h4.imp {
    font-weight:    bold;
    font-size:      20px;
    line-height:    26px;
    margin:         0px;
    color:          #000377;
}

div.content div.maincontent div.footer {
    width:         821px;
    position:      relative;
    top:           39px;    
    left:          20px;
    color:         #ffffff;
    font-size:     12px;
}

div.content div.maincontent div.footer span.copy {
    float: left;
}

div.content div.maincontent div.footer span.info {
    float: right;
}

div.content div.maincontent div.footer a,
div.content div.maincontent div.footer a:active,
div.content div.maincontent div.footer a:visited,
div.content div.maincontent div.footer a:link {
    color:    #ffffff;
}

/* accordion specific */
div.content div.maincontent div.accordion {
    width:          265px;
    margin-left:    14px;
}
div.content div.maincontent div.accordion div.header {
    margin:        0px;
    padding:       0px;
    height:        28px;
}

div.content div.maincontent div.accordion div.header h4 {
    padding:        0px;
    padding-top:    3px;
    padding-left:   5px;
    color:          #ffffff;
    font-size:      14px;
}

div.content div.maincontent div.accordion div.copy {
    margin:   0px;
    padding:  5px;
    height:   180px;
}

div.content div.maincontent div.accordion div.copy h5 {
    font-size:    12px;
    line-height:  18px;
    margin:       0px;
    padding:      0px;
}

div.content div.maincontent div.accordion div.copy ul {
    margin-left:  18px;
    padding:      0px;
    margin-top:   5px;
    margin-bottom:5px;
}

div.content div.maincontent div.accordion div.copy span {
    margin-left:  18px;
    padding:      0px;
    float:        right;
}


div.content div.maincontent div.accordion div.copy span a {
    color:              #003777;
    text-decoration:    none;
    font-weight:        bold;
}

/* overlay */
div.overlayBG {
    position:      absolute;
    width:         100%;
    height:        100%;
    left:          0px;
    top:           0px;
    right:         0px;
    bottom:        0px;
    margin:        0px;
    background:    #000000;
    visibility:    hidden;
}

div.contactFormWrapper {
    position:      absolute;
    visibility:    hidden;
    width:         717px;
    height:        436px;
    top:           0px;
    left:          0px;
    overflow:      visible;
    
}

div.contactFormWrapper div.contactForm {
    float:         left;
    background:    url(../img/back_layer.png) no-repeat;
    width:         717px;
    height:        412px;
    left:          0px;
    overflow:      visible;
}

div.contactFormWrapper div.closeBtn {
    float:        right;
    margin-right: 20px;
}

div.contactFormWrapper div.contactForm div.left {
    float:          left;
    width:          300px;
    height:         300px;
    margin-left:    10px;
    padding:        10px;
}

div.contactFormWrapper div.contactForm div.right {
    float:          left;
    width:          340px;
    height:         350px;
    margin-left:    10px;
    padding:        10px;
    padding-top:    15px;
}

div.contactFormWrapper div.contactForm div.right h4 {
    font-size:      14px;
    line-height:    18px;
    margin:         0px;
    padding:        0px;
    padding-bottom: 5px;
}

div.contactFormWrapper div.contactForm div.right p {
    font-size:    12px;
    margin:       0px;
    padding:      0px;
}

div.contactFormWrapper div.contactForm div.right fieldset {
    font-size:    12px;
    margin:       0px;
    margin-top:   15px;
    padding:      5px;
    border:       none;
    background:   #f5f5f5;
}

div.contactFormWrapper div.contactForm div.right fieldset div.left,
div.contactFormWrapper div.contactForm div.right fieldset div.right {
    margin:       0px;
    padding:      0px;
    border:       none;
    width:        auto;
    height:       auto;
}

div.contactFormWrapper div.contactForm div.right fieldset div.left {
    font-size:      12px;
    color:          #000377;
    text-transform: uppercase;
    float:          left;
    height:         50px;
    width:          120px;
}

div.contactFormWrapper div.contactForm div.right fieldset div.right {
    font-size:      12px;
    color:          #000000;
    float:          right;
    line-height:    14px;
    width:          190px;
    margin-bottom:  10px;
}

div.contactFormWrapper div.contactForm div.right fieldset div.right input {
    width:          60px;
    float:          left;
    margin-top:     5px;
}

div.contactFormWrapper div.contactForm div.right fieldset div.right label {
    float:          right;
    margin-top:     5px;
    width:          110px;
}

div.contactFormWrapper div.contactForm h1 {
    font-size:    22px;
    color:        #000377;
    margin:       0px;
    padding:      0px;
}

div.contactFormWrapper div.contactForm div.left fieldset {
    border:    none;
}

div.contactFormWrapper div.contactForm div.left fieldset label {
    font-size:    10px;
    color:        #000000;
}

div.contactFormWrapper div.contactForm div.left fieldset label.required {
    color:    #ff0000;
}

div.contactFormWrapper div.contactForm div.left fieldset div.boxes {
    float:        none;
    padding-left: 110px;
    font-size:    10px;
    margin-bottom:5px;
}

div.contactFormWrapper div.contactForm div.left fieldset div.boxes input {
    width:          auto;
    float:          none;
    clear:          both;
    vertical-align: middle;
}

div.contactFormWrapper div.contactForm div.left fieldset input,
div.contactFormWrapper div.contactForm div.left fieldset textarea {
    float:    right;
    width:    180px;
    clear:    right;
}

div.contactFormWrapper div.contactForm div.left fieldset textarea {
    width:        290px;
    height:       50px;
    font-family:  Arial, Helvetica, sans-serif;
    font-size:    10px;
    clear:        both;
    float:        left;
}

div.contactFormWrapper div.contactForm div.left fieldset label {
    float:            left;
    height:           18px;
    clear:            left;
    margin-top:       6px;
}

div.contactFormWrapper div.contactForm div.left fieldset label em {
    font-weight:  normal;
    color:        #000377;
}

div.contactFormWrapper div.closeBtn span.btnClose {
    cursor:        pointer;
    float:         left;
    width:         105px;
    height:        24px;
    background:    url(../img/schliessen.png) 0px -24px no-repeat;
}

div.contactFormWrapper div.sendBtn span.btnSend {
    cursor:        pointer;
    float:         right;
    width:         187px;
    height:        28px;
    margin-right:  24px;
    clear:         both;
    background:    url(../img/btn_absenden.png) 0px -28px no-repeat;
}

div.contactFormWrapper div.closeBtn a,
div.contactFormWrapper div.sendBtn a {
    text-decoration:    none;
}

div.contactFormWrapper div.closeBtn span.btnCloseOver {
    background:    url(../img/schliessen.png) 0px 0px no-repeat;
}

div.contactFormWrapper div.sendBtn span.btnSendOver {
    background:    url(../img/btn_absenden.png) 0px 0px no-repeat;
}

/* overlay form */

div.overlayForm {
    position:      absolute;
    background:    url(../img/back_layer.png) no-repeat;
    width:         717px;
    height:        412px;
    visibility:    hidden;
}

div.preloader {
    position:      absolute;
    background:    url(../img/preloader.gif) no-repeat;
    width:         35px;
    height:        35px;
    visibility:    hidden;    
}

div.thanks {
    text-align:    center;
    position:      absolute;
    width:         450px;
    height:        50px;
    visibility:    hidden;
    font-size:     20px;
    font-weight:   bold;
    color:         #003777;
}

/* hack that ie6 */
* html body div.content div.maincontent {
    width: 900px;
}

* html body div.content div.maincontent div.box {
    margin-left:    5px;
    margin-right:   20px;
}

* html body div.content div.maincontent div.footer {
    top:    40px;
}

* html body div.contactFormWrapper div.contactForm div.right {
    width:       360px;
}

* html body div.contactFormWrapper div.sendBtn {
    margin-top: -40px;
}

/* hacking done */