/***************************************************************
*  Copyright notice
*
*  (c) 2012 Janine Lennefer (info@janine-lennefer.de)
*  All rights reserved
*
*  This copyright notice MUST APPEAR in all copies of the script!
***************************************************************/

body {
        padding: 0;
        background-color: #e0e0e0;
        font-size: 100.01%;
        border: 0;                        /* This removes the border around the viewport in old versions of IE */
        text-align: center;
}

body, input, textarea {
        color: #ffffff;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        margin: 0;
}

a,
div,
img,
form,
table {
        margin: 0;
        padding: 0;
        border: 0;
}

a {
        color: #999999;
        text-decoration: none;
}

a:hover {
                color: #99cc33;
        text-decoration: underline;
}

a img {
  border: 0;
}

table {
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        empty-cells: show;
}

p,
th,
td,
ul,
li,
dd,
dl,
span {
        color: #ffffff;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        margin: 0;
        padding: 0;
        border: 0;
        text-align: left;
        line-height: 15px;
}

.cl {
        clear: both;
        height: 0;
        width: 0;
        overflow: hidden;
        display: block;
}

h1 {
        font-size: 18px;
        padding: 0;
        margin: 0;
}

h2 {
        font-size: 18px;
        padding: 0;
        margin: 0;
        font-weight: normal;
        font-style: italic;
}


/*
        |---------------------------------------------------------------------------------
        |
        |  ELEMENTE DES HAUPT-LAYOUTGERUESTS:
        |
        |---------------------------------------------------------------------------------

*/

#page {
        width: 100%;
        margin: auto;
}


/* Head */

#head {
        width: 1007px;
        height: 160px;
        padding: 0;
        margin: 0;
        text-align: left;
        background-color: #ffffff;
        margin: auto;
}

#head .hLeft {
        width: 377px;
        margin: 62px 0 0 36px;
        padding: 0;
        text-align: left;
        float: left;
}

#head .hRight {
        width: 594px;
        margin: 107px 0 0 0;
        padding: 0;
        color: #99cc33;
                font-size: 16px;
                font-weight: bold;
        text-align: left;
        float: left;
}

#head .hRight a {
                font-size: 13px;
                font-weight: normal;
}

#head .hRight a.active {
                color: #99cc33;
}


/* Content */

#main {
        width: 100%;
        margin: 0;
        padding: 0;
        height: 367px;
}

#content {
        width: 1007px;
        height: 367px;
        padding: 0;
        margin: 0;
        text-align: left;
        margin: auto;
        background-color: #999999;
}

#content .cLeft {
        width: 380px;
        margin: 0 5px 0 28px;
        padding: 0;
        text-align: left;
        float: left;
}

#content .cRight,
#content .cRightLeistungen {
        width: 515px;
        height: 367px;
        margin: 0;
        padding: 0 8px 0 8px;
        text-align: left;
                background-image: url('../img/zentral/bg_content.png');
                background-position: 0 0;
                background-repeat: no-repeat;
        float: left;
}

#content .cRight .profilTop  {
        width: 495px;
        height: 160px;
        margin: 0 0 10px 0;
        padding: 10px 8px 0 12px;
        text-align: left;
                background-image: url('../img/zentral/bg_content_profil_top.png');
                background-position: 0 0;
                background-repeat: no-repeat;
}

#content .cRight .profilBottom  {
        width: 501px;
        height: 177px;
        margin: 0;
        padding: 10px 2px 0 12px;
        text-align: left;
                background-image: url('../img/zentral/bg_content_profil_bottom.png');
                background-position: 0 0;
                background-repeat: no-repeat;
}

#content .cRight .profilTop p,
#content .cRight .profilBottom p {
                font-size: 12px;
                line-height: 16px;
               color: #999999;
}

#content .cRight .profilTop label {
                width: 66px;
                padding: 0;
                margin-right: 15px;
                font-size: 12px;
        line-height: 16px;
               color: #999999;
               text-align: right;
               float: left;
}


#content .cRightLeistungen {
        height: 340px;
        padding: 27px 8px 0 8px;
        background-image: url('../img/zentral/bg_content_leistungen.png');
}

#content .cRightLeistungen p {
                width: 383px;
                padding-bottom: 15px;
                font-size: 12px;
        line-height: 14px;
               color: #999999;
               float: left;
}

#content .cRightLeistungen label {
                width: 110px;
                padding: 0 4px 0 8px;
                margin-right: 5px;
                font-size: 12px;
                font-weight: bold;
        line-height: 14px;
               color: #999999;
               float: left;
}

#content .cBorder {
        width: 63px;
        margin: 5px 0 0 0;
        padding: 0;
        text-align: left;
        line-height: 18px;
        float: right;
}

/* Footer */

#footer {
        width: 971px;
        height: 110px;
        padding: 2px 0 0 36px;
        margin: 0;
        color: #99cc33;
        font-size: 16px;
        font-weight: bold;
        text-align: left;
        background-color: #ffffff;
        margin: auto;
}

#footer .fLeft {
        width: 377px;
        margin: 0;
        padding: 0;
        text-align: left;
        float: left;
}

#footer a {
                font-size: 13px;
                font-weight: normal;
}

#footer a.active {
                color: #99cc33;
}

#footer .fRight {
        width: 479px;
        margin: 0;
        padding: 10px 26px 0 26px;
        text-align: left;
        float: left;
}

#footer .fRight p {
        color: #999999;
        font-size: 12px;
        font-weight: normal;
        text-align: center;
}