@import url(reset.css);


/*
*********************************************

    (c) www.covitec.de

*********************************************
*/


/*
*********************************************

    Allgemeine Angaben

*********************************************
*/
html {
        background: url("bg.jpg") no-repeat fixed center center;
        background-size: cover;
}

body {
        position: relative;
        width: 100%;
}

/*
*********************************************

    Zusaetze
        border: 1px solid #FF0000;

*********************************************
*/

strong, .fett {
        font-weight: bold;
        color: #00489A;
}

.orange {
        color: #F4982D;
}

a.pdf {
        position: relative;
        height: 17px;
        font-size: 11px;
        margin: 5px 0px 0px 0px;
        padding: 0px 0px 0px 25px;
        font-weight: bold;
        color: #205B9E;
        display: block;
        background: transparent url(pdf_logo.png) no-repeat;
}

/*
*********************************************

    Container
        border: 1px solid #FF0000;

*********************************************
*/
#web_banner {
        position: relative;
        width: 100%;
        height: 333px;
        margin: auto;
        background: #B0CA34;
        float: left;
}

#web_menue {
        position: relative;
        width: 100%;
        margin: auto;
        float: left;
        z-index: 100;
}

#web_main {
        position: relative;
        width: 100%;
        margin: auto;
        float: left;
        z-index: 50;
}

#web_bildleiste {
        position: relative;
        width: 100%;
        margin: 0px auto 0px auto;
        padding: 0px 0px 40px 0px;
        background: #F3F7E1;
        float: left;
}

#web_footer {
        position: relative;
        width: 100%;
        margin: 0px auto 0px auto;
        padding: 0px 0px 20px 0px;
        background: #B0CA34;
        float: left;
}

/*
*********************************************

    Banner
    border: 1px solid #FF0000;

*********************************************
*/

#banner {
        position: relative;
        width: 975px;
        margin: auto;
}

/*        top: 112px;
*/
#banner_head {
        position: absolute;
        top: 112px;
        width: 975px;
        height: 120px;
        float: left;
        background: #FFFFFF;
        opacity: 0.8;
        filter:Alpha(Opacity=80);
}

#banner p {
        position: absolute;
        top: 160px;
        left: 87px;
        font-size: 30px;
        font-weight: normal;
        color: #00489A;
        float: left;
}

#banner img.test {
        position: absolute;
        top: 120px;
        left: 600px;
        float: left;
}

/*
*********************************************

    Menue Links
    border: 1px solid #FF0000;

*********************************************
*/
#menue {
        position: relative;
        width: 975px;
        margin: auto;
}

#menue ul {
        position: relative;
        width: 888px;
        margin: 0px;
        padding: 0px 0px 0px 87px;
        list-style-type: none;
        float: left;
        background: #FFFFFF;
}

#menue ul li {
        position: relative;
        margin: 0px 0px 0px 0px;
        float: left;
}

#menue ul li a, #menue ul li a:hover.aktiv {
        position: relative;
        width: 146px;
        margin: 0px 0px 0px 2px;
        padding: 16px 0px 16px 0px;
        font-size: 12px;
        font-weight: normal;
        color: #00489A;
        background: #E0EAAE;
        text-align: center;
        float: left;
}

#menue ul li a:hover, #menue ul li a.aktiv {
        position: relative;
        font-weight: bold;
        color: #FFFFFF;
        background: #C0D55C;
        float: left;
}

#menue ul li ul {
        position: absolute;
        width: 738px;
        top: 50px;
        margin: 0px 0px 0px 2px;
        padding: 0px 0px 12px 0px;
        list-style-type: none;
        background: #C0D55C;
        float: left;
}

#menue ul li ul li {
        position: relative;
        margin: 0px 0px 0px 0px;
        float: left;
}

#menue ul li ul li a, #menue ul li ul li a:hover.aktiv {
        position: relative;
        width: 140px;
        margin: 0px 0px 0px 0px;
        padding: 12px 12px 0px 12px;
        font-size: 12px;
        text-align: left;
        font-weight: normal;
        color: #FFFFFF;
        background: none;
        float: left;
}

#menue ul li ul li a:hover, #menue ul li ul li a.aktiv {
        position: relative;
        color: #F4982D;
        float: left;
        z-index: 100;
}

#menue ul li ul.home {
        position: absolute;
        width: 147px;
        float: left;
}

#menue ul li ul.home li a:hover, #menue ul li ul.home li a.aktiv {
        position: relative;
        width: 123px;
}

/*
*********************************************

    Banner
    border: 1px solid #FF0000;

*********************************************
*/

#main {
        position: relative;
        width: 975px;
        margin: auto;
}

#inhalt {
        position: relative;
        width: 838px;
        margin: auto;
        padding: 150px 50px 30px 87px;
        background: #FFFFFF;
        float: left;
}

#inhalt h1 {
        position: relative;
        width: 790px;
        margin: 0px 0px 20px 0px;
        font-size: 30px;
        font-weight: normal;
        color: #00489A;
        float: left;
}

#inhalt h2 {
        position: relative;
        width: 790px;
        margin: 20px 0px 10px 0px;
        font-size: 18px;
        font-weight: normal;
        color: #00489A;
        float: left;
}

#inhalt h3 {
        position: relative;
        width: 790px;
        margin: 10px 0px 10px 0px;
        font-size: 18px;
        font-weight: normal;
        color: #00489A;
        float: left;
}

#inhalt .spalten2 {
        position: relative;
        width: 790px;
        column-count: 2;
        -moz-column-count:2;
        -webkit-column-count:2;
        column-gap:80px;
        -webkit-column-gap:80px;
        -moz-column-gap:80px;
        float: left;
}

#inhalt .startseite {
        position: relative;
        width: 540px;
        float: left;
}

#inhalt .startseite p strong {
        color: #F4982D;
}


#inhalt p.spruch {
        position: relative;
        width: 900px;
        margin: 50px 0px 0px 0px;
        font-size: 18px;
        color: #00489A;
        float: left;
}

#inhalt p.spruch img {
        position: relative;
        margin: 0px 30px 0px 0px;
        float: left;
}

#inhalt p.spruch .quelle {
        font-size: 11px;
        color: #F4982D;
}

.schatten {
        -webkit-box-shadow: 5px 5px 10px grey;
        -moz-box-shadow: 5px 5px 10px grey;
        box-shadow: 5px 5px 10px grey;
}

#inhalt #infobox {
        position: relative;
        width: 200px;
        margin: 0px 0px 170px 40px;
        padding: 10px 10px 30px 10px;
        -webkit-box-shadow: 5px 5px 10px grey;
        -moz-box-shadow: 5px 5px 10px grey;
        box-shadow: 5px 5px 10px grey;
        float: left;
}

#inhalt #infobox img.infobox{
        position: absolute;
        bottom: -170px;
        left: 0px;
}

#inhalt #infobox h2 {
        position: relative;
        width: 180px;
        margin: 0px 0px 20px 0px;
        font-size: 20px;
        font-weight: normal;
        color: #F4982D;
        float: left;
}

#inhalt #infobox p {
        position: relative;
        width: 180px;
        margin: 0px 0px 0px 0px;
        float: left;
}

#inhalt #infobox p strong {
        color: #F4982D;
}

#inhalt p {
        position: relative;
        font-size: 12px;
        color: #000000;
        line-height: 170%;
        float: left;
        clear: left;
}

#inhalt p .liste {
        position: relative;
        float: left;
        clear: left;
}

#inhalt p .zeile {
        position: relative;
        margin: 0px 0px 7px 0px;
        padding: 0px 0px 0px 15px;
        background: transparent url(liste.png) no-repeat 0px 6px;
        float: left;
        clear: left;
}

#inhalt p img {
        position: relative;
        margin: 0px 0px 30px 0px;
        float: left;
}

#inhalt p img.maennchen {
        position: relative;
        margin: 30px 0px 0px 0px;
        float: left;
        clear: both;
}

#inhalt img.aktuelles_maennchen {
        position: absolute;
        top: 10px;
        right: 30px;
        float: right;
}

#inhalt .aktuelles {
        position: relative;
        width: 850px;
        margin: 20px 0px 20px 0px;
        float: left;
        clear: left;
}

#inhalt .aktuelles h2 {
        position: relative;
        font-size: 24px;
        font-weight: bold;
        color: #F4982D;
        float: left;
        clear: left;
}

#inhalt h5 {
        position: relative;
        font-size: 11px;
        font-weight: bold;
        color: #00489A;
        float: left;
        clear: left;
}

#team {
        position: relative;
        width: 880px;
        float: left;
}

#team a, #team a.aktiv:hover {
        position: relative;
        width: 210px;
        height: 210px;
        margin: 50px 50px 0px 0px;
        padding: 10px;
        -webkit-box-shadow: 5px 5px 10px grey;
        -moz-box-shadow: 5px 5px 10px grey;
        box-shadow: 5px 5px 10px grey;
        background: none;
        display: block;
        float: left;
}

#team a:hover, #team a:active, #team a.aktiv {
        position: relative;
        background: #C0D55C;
}

#team a img, #team a.aktiv:hover img {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 210px;
        height: 210px;
        opacity: 1;
        filter: alpha(opacity=100);
}

#team a:hover img, #team a:active img, #team a.aktiv img {
        opacity: 0.2;
        filter: alpha(opacity=20);
}

#team a p, #team a.aktiv:hover p {
        display: none;
}

#team a:hover p, #team a:active p, #team a.aktiv p {
        position: relative;
        width: 180px;
        height: 180px;
        padding: 15px;
        font-size: 12px;
        vertical-align: middle;
        display: table-cell;
        color: #FFFFFF;
        float: none;

}

#team a:hover p strong, #team a:active p strong, #team a.aktiv p strong {
        font-size: 13px;
}

.teambreit {
        position: relative;
        margin: 50px 0px 0px 0px;
        padding: 10px;
        -webkit-box-shadow: 5px 5px 10px grey;
        -moz-box-shadow: 5px 5px 10px grey;
        box-shadow: 5px 5px 10px grey;
        background: none;
        display: block;
        float: left;
}

#mitarbeiter {
        position: relative;
        width: 800px;
        padding: 30px;
        background: #C0D55C;
        -webkit-box-shadow: 5px 5px 10px grey;
        -moz-box-shadow: 5px 5px 10px grey;
        box-shadow: 5px 5px 10px grey;
        float: left;
        z-index:100;
}

#mitarbeiter img {
        position: relative;
        width: 210px;
        height: 210px;
        margin: 0px 30px 0px 0px;
        padding: 10px;
        -webkit-box-shadow: 5px 5px 10px grey;
        -moz-box-shadow: 5px 5px 10px grey;
        box-shadow: 5px 5px 10px grey;
        background: #FFFFFF;
        float: left;
}

#mitarbeiter #matext {
        position: relative;
        width: 520px;
        float: left;
}

#mitarbeiter h2 {
        position: relative;
        width: 520px;
        margin: 0px 0px 20px 0px;
        font-size: 26px;
        font-weight: bold;
        color: #00489A;
        float: left;
}
#mitarbeiter h3 {
        position: relative;
        width: 520px;
        margin: 0px 0px 0px 0px;
        font-size: 16px;
        font-weight: bold;
        color: #FFFFFF;
        float: left;
}

#mitarbeiter p {
        position: relative;
        width: 520px;
        margin: 0px 0px 10px 0px;
        font-size: 12px;
        font-weight: normal;
        color: #00489A;
        float: left;
}

/*
*********************************************

    Bildleiste
    border: 1px solid #FF0000;

*********************************************
*/

#bildleiste {
        position: relative;
        width: 975px;
        margin: auto;
        padding: 0px 0px 0px 0px;
}

#bildleiste h3 {
        position: relative;
        width: 888px;
        margin: auto;
        padding: 20px 0px 20px 87px;
        font-size: 28px;
        color: #00489A;
        float: left;
}

#bildleiste #bilder {
        position: relative;
        width: 975px;
        margin: auto;
        float: left;
}

/*
*********************************************

    Kontakt
    border:1px solid #000000;

*********************************************
*/

#kontaktg {
        position: relative;
        width: 888px;
        margin: 0px 0px 0px 0px;
        float: left;
}

#kontaktform {
        position: relative;
        width: 380px;
        margin: 0px 0px 0px 40px;
        float: left;
}

#kontaktform ul {
        position: relative;
        width: 360px;
        margin: 25px 0px 0px 0px;
        float: left;
}

#kontaktform ul li {
        position: relative;
        width: 360px;
        padding: 0px 0px 0px 0px;
        font-weight: normal;
        float: left;
}

#kontaktform ul li .txt {
        position: relative;
        padding: 4px 10px 0px 10px;
        font-size: 11px;
        font-weight: normal;
        float: left;
}

#kontaktform ul li label {
        position: relative;
        width: 340px;
        padding: 10px 0px 2px 0px;
        font-size: 10px;
        font-weight: normal;
        color: #636568;
        text-align: left;
        float: left;
}

#kontaktform ul li input, #kontaktform ul li textarea, #kontaktform ul li select {
        position: relative;
        width: 340px;
        padding: 3px;
        font-size: 11px;
        border: solid 1px #42397D;
        float: left;
}

#kontaktform ul li input[type=submit] {
        position: relative;
        width: 100px;
        margin: 10px 0px 0px 0px;
        float: left;
}

.fehler {
        position: relative;
        margin: 0px 0px 0px 90px;
        font-size: 12px;
        color: #FF0000;
        float: left;
        clear: left;
}

#inhalt #adresse {
        position: relative;
        width: 350px;
        margin: 45px 0px 0px 30px;
        float: left;
}

#inhalt #adresse p {
        position: relative;
        width: 350px;
        margin: 0px 0px 0px 0px;
        font-size: 17px;
        float: left;
}

#inhalt #adresse p img {
        position: relative;
        margin: 0px 0px 10px 0px;
        float: left;
}

/*
*********************************************

    Footer
    border: 1px solid #FF0000;

*********************************************
*/

#footer {
        position: relative;
        width: 975px;
        margin: auto;
}


#footer p {
        position: relative;
        margin: 0px 0px 0px 87px;
        font-size: 12px;
        font-weight: normal;
        line-height: 170%;
        color: #646464;
        float: left;
        clear: left;
}

#footer p strong {
        font-size: 20px;
}

p#oeffnungszeiten {
        position: absolute;
        width: 300px;
        bottom: -154px;
        right: 87px;
        font-size: 12px;
        font-weight: normal;
        text-align: right;
        line-height: 170%;
        color: #00489A;
        float: left;
}

#footer a.top {
        position: absolute;
        top: 5px;
        left: 380px;
}

#footer img {
        position: relative;
        margin: 10px 0px 30px 87px;
        float: left;
}

/*
*********************************************

    Impressum
    border:1px solid #000000;

*********************************************
*/

#inhalt p.imp2 {
        position: relative;
        width: 800px;
        padding: 0px 0px 0px 0px;
        font-size: 13px;
        color: #000000;
        float: left;
}

#inhalt p.imp {
        position: relative;
        width: 845px;
        padding: 0px 0px 0px 0px;
        font-size: 13px;
        color: #000000;
        float: left;
}


#imp_copy {
        position: relative;
        width: 795px;
        margin: 20px 0px 20px 0px;
        padding: 20px;
        border: 1px solid #121842;
        font-size: 10px;
        font-weight: normal;
        float: left;
}

#imp_copy_links {
        width: 310px;
        font-weight: normal;
        float: left;
}

#imp_copy_rechts {
        width: 310px;
        font-weight: normal;
        float: left;
}

#inhalt table {
        position: relative;
        padding: 0px 0px 0px 40px;
}

#inhalt table tr td {
        position: relative;
        padding: 5px 10px 0px 0px;
        font-size: 10px;
}