@import url("norm.css");
@import url("typo.css");
@import url("colors.css");

/* Höhen (z.B. #wrapper) sollten ggf. durch 28 teilbar sein (entspricht der Pattern-Höhe) */

body {
    background-image: url(../imgs/hg-mitte.jpg) ;
    background-repeat: repeat;
    }
div#hg-top {
    background-image: url(../imgs/hg-oben.jpg) ;
    background-repeat: repeat-x;
    height: 84px;
    }
div#hg-bottom {
    background-image: url(../imgs/hg-unten.jpg) ;
    background-repeat: repeat-x;
    height: 84px;
    }

h1 {
    margin-bottom: 28px;
    }
p + h1 {
    margin-top: 42px;
    }
h2  {
    margin-top: 42px;
    margin-bottom: 6px;
    }
h1 + h2 {
    margin-top: 0px;
    }
p {
    margin-bottom: 12px;
    }

.nach_oben {
    clear: both;
    }
.hervorhebung {
    margin-left: -14px;
    margin-right: -14px;
    margin-bottom: 12px;
    padding: 10px 14px 12px;
    }
.hervorhebung > h2 {
    margin-top: 0px;
    }
.begriff {
    cursor: help;
    border-bottom: 1px dotted #4F4F4F;
    }
/*
Reihenfolge
=========== */
div#wrapper {
    width: 756px;
    height: 1008px;     /*  Höhe sollte durch 28 (entspricht der Pattern-Höhe) teilbar sein.
                            Zum Teil in den Dateien angepasst.  */
    margin: 0 auto 0 42px;
    position: relative;
    }

div#logo {
    float: left;
    width: 141px;
    height: 93px;
    padding: 19px 28px 28px 27px;
    }
div#logo-lpz {
    position: absolute;
    top:96px;
    left:160px;
    z-index: 500;
    }
/*
Hauptnavi
========= */
div#navi {
    position: absolute;
    right: 0px;
    top: 112px;
    clear: both;
    width:476px;
    padding-left: 28px;
    padding-right: 28px;
    height: 28px;
    }
div#navi h1  {
        /*Die Überschrift der Navigation verschwindet aus dem Sichtfeld des Browsers */
    text-indent: -9999px;
    height: 0;
    border:0;
    margin: 0;
    padding:0;
    }
div#navi ul {
    padding-left: 14px;
    }
div#navi li {
    float:left;
    }
div#navi a {
    display: block;
    padding: 6px 14px 0px;
    }
/*
Nebennavi
========= */
div#navi2 {
    position: absolute;
    left: 0px;
    top: 168px;
    width: 141px;
    height: 192px;
    padding: 32px 28px 28px;
    }
div#navi2 li {
    text-align: right;
    margin-bottom: 6px;
    }
div#navi2 a {
    display: block;
    }


div#content {
    position: absolute;
    right: 0px;
    top: 168px;
    width:420px;
    min-height: 330px;
    padding: 28px 56px 56px;
    }


/*  Seite Newsletter:
    =================   */
label {
    display: inline-block;
    width: 125px;
    }
.url {
    display: none;
    }
.row {
    margin-bottom: 6px;
    }

#newsletter form,
#newsletter p {
    margin-left: 0px;
    }

#newsletter input {
    border: 1px solid #006ab2;
    padding: 2px;
    }

#newsletter .submit {
    margin-left: 129px;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #006ab2;
    color: #006ab2;
    }
#newsletter .submit:hover {
    cursor: pointer;
    color: #cd007b;
    }

/*  Seite Anfahrt:
    ==============   */
#anfahrt input {
    border: 1px solid #adadad;
    padding: 2px;
    }
#anfahrt .submit {
    background-color:#fff;
    color:#006ab2;
    margin-bottom: 5px;
    }
#anfahrt .submit:hover {
    cursor: pointer;
    color: #cd007b;
    }