/* --------------- Einstellung für alle Elemente ---------------*/
html * {
                        margin: 0;
                        padding:0;
                        font-size: 100.01%;
                }

body {
        background: url(images/bg_body.jpg) left top repeat-x #677992;
        text-align: center;
        font-size: 82.50%;
        font-family: Verdana, Tahoma, Arial, sans-serif;
        color: #7e7e7e;
}

/* --------------- logo ---------------*/
#logo {
        width: 852px;
        height: 75px;
}

/* --------------- page ---------------*/
#page {
        width: 852px;
        margin: 0px auto 0px auto;
        text-align: left;
}



/* --------------- Header ---------------*/
#cheader {
        clear: left;
        float: left;
        width:852px;
        height: 236px;
        background: url(images/bg_header.jpg) left top no-repeat;
}

#hm {
        clear: left;
        float: left;
        width: 145px;
        margin: 30px 0px 0px 51px;
}
#hm ul{
        list-style-type: none;
}
#hm ul li{
        padding: 4px 0px 4px 0px;
        border-bottom: 1px solid #7b8a9c;
        list-style-type: none;
}
#hm ul li a{
        padding: 0px 0px 0px 20px;
        color: #4b5c73;
        text-decoration: none;
        font-weight: bold;
        background: url(images/bg_hm.gif) 4px 3px no-repeat;
}
#hm ul li a.active{
        background: url(images/bg_hm_active.gif) 4px 3px no-repeat;
}


#slogan {
        float: left;
        width: 185px;
        margin: 140px 0px 0px 50px;
        font-family: Arial, Verdana, Tahoma, sans-serif;
        overflow: hidden;
}
#slogan h1{
        font-size: 175.00%;
        color: #394a62;
}
#slogan p{
        font-size: 82.50%;
        color: #61728a;
}


/* --------------- Content ---------------*/
#ccontent {
        clear: left;
        float: left;
        width:852px;
        background: url(images/bg_ccontent.gif) left top repeat-y;
}
#leftmenue {
        clear: left;
        float: left;
        width: 145px;
        margin: 50px 58px 0px 50px;
        padding: 0px 0px 30px 0px;
        color: #3b4c63;
}
#leftmenue h2{
        padding: 0px 0px 12px 0px;
        border-bottom: 1px solid #ccc;
        font-size: 112.50%;
        color: #eb6143;
}
#leftmenue ul{
        list-style-type: none;
}
#leftmenue ul li{
        padding: 12px 0px 12px 0px;
        border-bottom: 1px solid #ccc;
        list-style-type: none;
}
#leftmenue ul li a{
        color: #3b4c63;
        text-decoration: none;
}
#leftmenue ul li a.active{
        font-weight: bold;
}


#content {
        float: left;
        width: 570px;
        margin: 35px 0px 0px 0px;
        padding: 0px 0px 30px 0px;
        line-height: 1.7em;
}
#content h1{
        margin: 0px 0px 20px 0px;
        font-size: 200.00%;
        font-weight: normal;
        color: #eb6143;
}
#content h2{
        font-size: 112.50%;
        color: #394b62;
}
#content p{
        margin: 0px 0px 30px 0px;
}
#content a{
        color: #eb6143;
}

#content #links {
        clear: left;
        float: left;
        width: 290px;
        font-size: 82.50%;
}
#content #ressourcen {
        float: left;
        font-size: 82.50%;
}
#content #links ul ,
#content #ressourcen ul{
        list-style-type: none;
}

#content #links ul li,
#content #ressourcen ul li{
        list-style-type: none;
}

#content #links ul li a,
#content #ressourcen ul li a{
        padding: 0px 0px 0px 20px;
        background: url(images/pointer01.gif) left 4px no-repeat;
}

/* --------------- footer ---------------*/
#cfooter {
        clear: left;
        float: left;
        width:852px;
        background: url(images/bg_ccontent.gif) left bottom repeat-y;
}
#footer {
        clear: left;
        float: left;
        width: 822px;
        margin: 0px 0px 0px 15px;
        padding: 20px 0px 20px 0px;
        border-top: 1px solid #ccc;
        font-size: 82.50%;
        text-align: right;
}

#hpv24 {
        clear: left;
        float: left;
        width:852px;
        padding: 10px 0px 10px 0px;
        background: url(images/bg_cfooter.gif) left top no-repeat;
        color: #afc1ce;
        font-size: 82.50%;
}
#hpv24 a{
        color: #fff;
}

/* --------------- Formulare ---------------*/
#kontaktform {
        clear: left;
        float: left;
        line-height: normal;
        width: 560px;
        margin: 0px 0px 30px 0px;
        padding: 0px 10px 30px 10px;
        background-color: #efefef;
}
#kontaktform label {
        clear: left;
        float: left;
        width: 130px;
        margin: 10px 10px 0px 0px;
        text-align: right;
}
#kontaktform label.plabel {
        font-weight: bold;
}
#kontaktform input,
#kontaktform select,
#kontaktform textarea {
        float: left;
        width: 390px;
        margin: 10px 0px 0px 0px;
}
#kontaktform select{
        width: 395px;
}
#kontaktform input.submit {
        width: auto;
        float: right;
        margin: 10px 25px 0px 0px;
}
#kontaktform input.reset {
        width: auto;
        float: right;
        margin: 10px 0px 0px 0px;
}