* {

        margin: 0px;
        padding: 0px;
        border: 0px none;

}

html, body {
        margin: 0px;
        padding: 0px;
        padding-bottom: 0px; /*height of the footer*/
        text-align:left;
        background-color: white;
        height: 100%;
        font-family: "Verdana, Arial", sans-serif;
        font-size: 100%;
        color: #000;
}

div.wrapper {
        width: 975px;
        text-align:left;
        margin: 0px auto;
        padding: 0px;
        border: 0px solid #fff;
        min-height: 100%;
        height: 100%; /* footer rule for IE6 and IE 5.5*/
        position: relative;
}

.content {

        padding: 0px 0px 0px 0px;
        float: left;
        overflow: hidden;
        margin: 1em 0px 0px 0px;
        border: 0px solid #000;
        width: 767px;
        height: 576px;

}

ul {

        margin: 0px;
        padding: 0px;
}

li {

        list-style: none;
        margin: 0px;
        padding: 0px;
        padding-bottom: 1.3em;
        line-height= 1.4em;
}

/*---------------Hintergrundbilder-----------------*/

.bg-start {

        background-image: url("../pic/start.jpg");

}

.bg-leistung {

        background-image: url("../pic/leistung.jpg");
}

.bg-sprechzeiten {

        background-image: url("../pic/sprechzeiten.jpg");
}

.bg-aktuell{

        background-image: url("../pic/aktuell.jpg");
}

.bg-anfahrt {

        background-image: url("../pic/anfahrt.jpg");
        background-repeat: no-repeat;
        background-position: 0px 50%;
        border-left-width: 1px;
        border-left-color: #000;
        border-left-style: solid;

}

.bg-kontakt {

        background-image: url("../pic/kontakt.jpg");

}

.bg-impressum {

        border-left-width: 1px;
        border-left-color: #000;
        border-left-style: solid;

}



/*--------individuelle Seiteninhalte ------------*/

.transparent {
    position: absolute;
    z-index:2;
        border: 1px solid #000;
        background-color: #fff;
        opacity: 0.5;                                 /* modern browser*/
        filter: alpha(opacity=50, style=0);         /*IE5.x -7.0*/
        -moz-opacity: 0.5;                         /* older mozialla*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 in Standard Compliant Mode */
}



.trans-leistung {
    top: 50px;
        left: 320px;
        width: 230px;
        height: 300px;
}

.trans-sprechzeiten {

    top: 175px;
    left: 350px;
    width: 440px;
    height: 210px;
}

.trans-aktuell {
    top: 100px;
    left: 500px;
    width: 440px;
    height: 250px;
}

.trans-anfahrt {

        top: 170px;
        left: 650px;
        width: 250px;
        height: 300px;

}

.trans-kontakt {

        top: 150px;
        left: 300px;
        width: 280px;
        height: 300px;

}

.trans-impressum {

        top: 42px;
        left: 250px;
        width: 767px;
        height: 576px;

        display:block;
        overflow:auto;
        position:absolute;

}

.child {

          color: #000;
          height: 50px;   /*---------- notwendig? -------------*/
          padding: 10px;

}

.start {

        position: absolute;
        color:#006633;
        font-size: 1.8em;
        top: 105px;
        left: 265px;
        width: 570px;
        height: 600px;

}

.logo {

        position: absolute;
        top: 390px;
        left: -40px;
}

.kontakt {

        position: absolute;
        top: 57px;
        left: 305px;
        width: 500px;
        height: 400px;
        border: 1px;

}


/*-------------Navigation------------*/

div.navi {
        width: 200px;
        padding: 0px;
        float: left;
        margin: 1.8em 0px 0px 0px;
        background: #fff;
        border: 0px solid #000;
}

div.navi ul {
        margin: 0;
        padding: 0;
}

div.navi li {
        list-style: none;
        margin: 0;
        padding: 0;
        padding-bottom: 1.3em;
}

div.navi ul li ul li {
        margin-left: 0.8em;
        padding-bottom: 0.3em;
}

div.navi a {
        text-decoration: none;
        font-size: 0.9em;
}

div.navi a:link, div.navi a:visited {
        text-decoration: none;
        color: #666;
}

div.navi a:hover, div.navi a:focus {
        color: #006633;
        font-weight: bold;
}

div.navi a.active {
        color: #006633;
        font-weight: bold;
}


/*-------------Bilder------------*/

#bild1 {
position: absolute;
left: 200px;
}

#bild2 {
position: absolute;
top: 550px;
left: 200px;
}

#bild3 {
position: absolute;
top: 550px;
left: 280px;
}

#bild4 {
position: absolute;
top: 550px;
left: 360px;
}

#bild5 {
position: absolute;
top: 550px;
left: 440px;
}

#bild6 {
position: absolute;
top: 550px;
left: 520px;
}

#bild7 {
position: absolute;
top: 550px;
left: 558px;
}

#bild8 {
position: absolute;
top: 550px;
left: 638px;
}

#bild9 {
position: absolute;
top: 550px;
left: 718px;
}

#bild10 {
position: absolute;
top: 550px;
left: 798px;
}

#bild11 {
position: absolute;
top: 630px;
left: 200px;
}

#bild12 {
position: absolute;
top: 630px;
left: 280px;
}

#bild13 {
position: absolute;
top: 630px;
left: 318px;
}

#bild14 {
position: absolute;
top: 630px;
left: 398px;
}

#bild15 {
position: absolute;
top: 630px;
left: 478px;
}

#bild16 {
position: absolute;
top: 630px;
left: 558px;
}