/* CSS Document */
body
{
        background-image: url(hintergrund.jpg);
        background-repeat: no-repeat;
        background-size: 100% auto;
        position: absolute;
        font-family: "Times New Roman", Times, serif;
        margin: auto;
        padding: auto;
        border-width: 0px;
        width: 100%;
        height: 100%;
}


div.main
{
        position: relative;
        margin: 20px auto;
        width: 1200px;
        height: auto;
}


div.logo
{
        background-color: transparent;
        position: absolute;
        margin-left: 90px;
        margin-top: 10px;
        width: 890px;
        height: 220px;
}


div.stripe
{
        background-color: transparent;
        background-image: url(stripe.png);
        background-repeat: no-repeat;
        position: absolute;
        width: 70px;
        height: 870px;
}


div.content
{
        background-color: transparent;
        position: absolute;
        margin-top: 230px;
        margin-left: 90px;
        padding: 25px;
        width: 890px;
        height: 560px;
}

div.sitecontent
{
        background-color: transparent;
        background-image: url(contentback.png);
        background-repeat: no-repeat;
        position: absolute;
        margin-top: 230px;
        margin-left: 90px;
        padding: 25px;
        width: 890px;
        height: 560px;
}

div.inhalt
{
        background-color: transparent;
        position: absolute;
        font-family: Arial;
        font-size: 130%;
        font-weight: normal;
        color: #000E69;
        margin: 0px;
        width: 840px;
        height: 510px;
        line-height: 30px;
}


div.footer
{
        background-color: transparent;
        background-image: url(footerback.png);
        background-repeat: no-repeat;
        position: absolute;
        font-family: Arial;
        font-size: 110%;
        font-weight: normal;
        color: #000E69;
        margin-top: 805px;
        margin-left: 90px;
        padding-top: 20px;
        padding-left: 22px;
        width: 890px;
        height: 60px;
}

div.advert
{
        background-color: transparent;
        background-image: url(advertback.png);
        background-repeat: no-repeat;
        position: absolute;
        margin-top: 0px;
        margin-left: 1000px;
        width: 200px;
        height: 870px;
        padding-left: 21px;
        padding-top: 15px;
}



/* Hauptlinks */
a:link, a:visited, a:active
{
        color: #000E69;
        text-decoration: none;
        font-weight: bolder;
}


a:hover
{
        color: #FF7300;
        text-decoration: underline;
        font-weight: bolder;
}

/* Logo */
img.logo
{
        margin-left: 50px;
        width: 315px;
        height: 220px;
}



/* ---------------------------------------- */
/* Menupunkte */
#myMenu
{
        list-style-image: url(listenpunkt.png);
        background-color: #008040;
        position: relative;
}

#myMenu:hover
{
        list-style-image: url(listenpunkt2.png);
        background-color: #0080c0;
        position: relative;
}


/* menulinks */
a.menu:link, a.menu:visited, a.menu:active
{
        color: #000E69;
        text-decoration: none;
        font-weight: bolder;
        font-size: 40px;
        letter-spacing: 1px;
}


a.menu:hover
{
        color: #FF7300;
        text-decoration: underline;
        font-weight: bolder;
        font-size: 40px;
        letter-spacing: 1px;
}

a.detail:link, a.detail:visited, a.detail:active
{
        color: #000E69;
        text-decoration: none;
        font-weight: normal;
        font-weight: bolder;
        padding-left: 102px;
}


a.detail:hover
{
        color: #FF7300;
        text-decoration: underline;
        font-weight: normal;
        font-weight: bolder;
        padding-left: 102px;
}

li.menu
{

        list-style-position: outside;
        padding-left: 25px;
        margin-left: 50px;
}


/* Kontakt Container */
div.zurueck
{
        background-color: transparent;
        position: absolute;
        font-size: 18px;
        font-style: italic;
        text-align: center;
        font-weight: lighter;
        width: 80px;
        height: 25px;
}

div.kontakt
{
        background-color: transparent;
        position: absolute;
        margin-left: 180px;
        margin-top: 80px;
        width: 550px;
        height: 400px;
        text-align: justify;
        line-height: 30px;
}

div.impressum
{
        background-color: transparent;
        position: absolute;
        margin-left: 180px;
        margin-top: 80px;
        width: 600px;
        height: 400px;
        text-align: justify;
        line-height: 30px;
}

div.sofortkontakt
{
        background-color: transparent;
        position: absolute;
        margin-left: 180px;
        margin-top: 80px;
        width: 550px;
        height: 400px;
        text-align: justify;
        line-height: 30px;
        overflow-y: auto;
}

div.capella
{
        background-color: transparent;
        position: absolute;
        margin-left: 50px;
        margin-top: 70px;
        width: 740px;
        height: 430px;
        text-align: justify;
        overflow: auto;
}

div.dienstleistungen
{
        background-color: transparent;
        position: absolute;
        margin-left: 50px;
        margin-top: 60px;
        width: 740px;
        height: 430px;
        text-align: left;
        overflow: auto;
}

div.kontaktgrafik
{
        background-color: transparent;
        position: absolute;
        margin-left: 580px;
        margin-top: 100px;
        width: 64px;
        height: 55px;
}

div.impressumgrafik
{
        background-color: transparent;
        position: absolute;
        margin-left: 600px;
        margin-top: 75px;
        width: 64px;
        height: 55px;
}

div.linksgrafik
{
        background-color: transparent;
        position: absolute;
        margin-left: 600px;
        margin-top:400px;
        width: 64px;
        height: 55px;
}

div.clogo
{
        background-color: transparent;
        position: absolute;
        margin-left: 340px;
        margin-top: 340px;
        width: 740px;
        height: 100px;
}

div.xplatz
{
        margin-top: 15px;
}

div.ta
{
        position: relative;
        margin-left: 0px;
        margin-top: 20px;
        width: 100px;
        height: 30px;
}

hr
{
        position: relative;
        border-color: #000E69;
        width: 100%;
        height: 1px;
        margin-top: 15px;
        margin-bottom: 15px;
}


h1
{
        background-color: transparent;
        position: absolute;
        text-align: center;
        font-size: 25px;
        margin-left: 180px;
        margin-top: 10px;
        width: 550px;
        height: 30px;
}

iframe.pdf
{
        position: relative;
        width: 700px;
        height: 430px;
        border: none;
}

li.leistungen
{
        list-style:circle outside;
        padding-left: 15px;
        padding-top: 4px;
}

img.finger
{
        width: 70px;
        height: 21px;
}

input.ema
{
        font-family: Arial;
        font-size: 75%;
        font-weight: normal;
        width: 372px;
        height: 25px;
}

input.sb
{
        position: absolute;
        font-family: Arial;
        font-size: 80%;
        font-weight: normal;
        left: 171px;
        top: 340px;
        width: 150px;
        height: 40px;
}

textarea.ta2
{
        position: absolute;
        font-family: Arial;
        font-size: 75%;
        font-weight: normal;
        left: 171px;
        top: 58px;
        width: 372px;
        height: 250px;
}