body {
        margin:0;
        padding:0;
        border:0;                        /* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#eee;
        min-width:800px;                /* Minimum width of layout - remove line if not required */
                                        /* The min-width property does not work in old versions of Internet Explorer */
        font-size:100%;
        font-family:"Verdana";
        overflow-y: scroll;              /* Lässt vertikale scrollbars zu */
        overflow-x: hidden;              /* verhindert horizontale scrollbars zu */
}

a {
        color:#0000FF;
}
a:hover {
        color:#0000FF;
        background:#ffbf00;
        text-decoration:none;
}
h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
        color: #595959;
}
p {
        text-align:justify;
        margin:.4em 2em .8em 0;
        padding:0;
        color: #595959;
        line-height: 1.5;

}

#p_links {                           /* Wird nur auf der Seite Vorteile.html gebraucht.  */
        text-align:left;
        margin:.4em 2em .8em 0;
        padding:0;
}

#p_bild {                           /* Wird nur auf der Seite Bilder.html gebraucht.  */
        text-align: center;
        margin:.4em 2em .8em 0;
        padding:0;
        color: #595959;
        line-height: 1.5;
}

img {
        margin:0px 0px 0px 0px;
        padding-top:10px;
        padding-bottom:0px;
}


#box6 img {
        margin:0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 100%
}




#ads img {
        display:block;
        padding-top:10px;
}



/* Header styles */
#header {

        clear:both;
        float:left;
        width:100%;
        border-bottom:2px solid #0000FF;
        padding: 15px 15px 15px 15px;
        background:#ffffff;
        /*background:#ffbf00; */

}


#headerA {

        clear:both;
        width:102%;
        border-bottom:2px solid #0000FF;
        padding: 0px 0px 0px 0px;
        background:#ffbf00;
        /*background:#eee;*/
}





#header p,
#header h1,
#header h2 {
        padding:.0em 15px 0px 15px;
        margin:0;
        color: #eee;
}

/* 'widths' sub menu */

#layoutdims {
        clear:both;
        background:#0000FF;
        border-top:4px solid #000;
        margin:0;
        padding:6px 15px !important;
        text-align:left;

}
/* column container */
.colmask {
        position:relative;        /* This fixes the IE7 overflow hidden bug */
        clear:both;
        float:left;
        width:100%;                        /* width of whole page */
        overflow:hidden;                /* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
        float:left;
        width:100%;                        /* width of page */
        position:relative;
}
.col1,
.col2,
.col3 {
        float:left;
        position:relative;
        padding:0 0 1em 0;        /* no left and right padding on columns, we just make them narrower instead
                                        only padding top and bottom is included here, make it whatever value you need */
        overflow:hidden;

}
/* 3 Column settings */
.threecol {
        background: #fff;               /* right column background colour */
}
.threecol .colmid {
        right:16%;                        /* width of the right column */
        background:#fff;                /* center column background colour */
}
.threecol .colleft {
        right:68%;                        /* width of the middle column */
        background:#fff;                 /* left column background colour */
}
.threecol .col1 {
        width:66%;                        /* width of center column content (column width minus padding on either side) */
        left:102%;                        /* 100% plus left padding of center column */
}
.threecol .col2 {
        width:11%;                        /* Width of left column content (column width minus padding on either side) */
        left:31%;                        /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
        width:11%;                        /* Width of right column content (column width minus padding on either side) */
        left:85%;                        /* Please make note of the brackets here:
                                        (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
        clear:both;
        background:#ffbf00;
        float:left;
        width:100%;
        border-top:1px solid #000;
        margin:0;
        padding: 10px 10px 10px 10px;
}

#footer p {
        padding:10px;
        margin:0;
        font-family:"Verdana";
        color: #595959;
        text-align: center;
}

#footer a {
         color:#595959;
}

#footer a:hover {
        color:#0000FF;
        background:#ffbf00;
        text-decoration:none;
}

#box6 a {
        color:#595959;
}
#box6 p {
        color:#595959;
        font-size:100%;
        text-align: left;
        /*margin:.4em 2em .8em 0; */
        margin: 0 0 0 5px;
        padding:5px;
        color: #595959;
        line-height: 1.2;

}

/* Test 3 Divs   */
.box1 {
     float: left;
     width: 31%;
     margin-left: 3%;
     margin-right: 2%;
     padding: 5px;
     background: #ffbf00;
     box-sizing: border-box;

}

.box2 {
     float: left;
     width: 31%;
     margin-right: 2%;
     margin-left: 3%;
     padding: 5px;
     background: #ffbf00;
     box-sizing: border-box;
}

.box3 {
     float: left;
     width: 28%;
     margin-right: 0%;
     padding: 5px;
     background: #ffbf00;
     box-sizing: border-box;
}

.box4 {          /* style für Inhaltsboxen auf der Seite Fundorte */
     float: left;
     width: 45%;
     height: 300px;
     margin-right: 2%;
     margin-left: 1.5%;
     margin-top: 3%;
     padding: 5px;
     background: #eee;
     box-sizing: border-box;
     border: 2px solid #0000FF;
     border-radius: 8px;

}
.box5 {          /* style für Inhaltsboxen auf der Seite ??? */
     float: left;
     width: 45%;
     height: 300px;
     margin-right: 2%;
     margin-left: 1.5%;
     margin-top: 3%;
     padding: 5px;
     background: #fff;
     box-sizing: border-box;
     border: 2px solid #eee;
     border-radius: 8px;
}

#box6 {          /* style für Inhaltsboxen auf der Seite Exponate */
     float: left;
     width: 31%;
     height: 500px;
     margin-right: 1%;
     margin-left: 1%;
     margin-top: 3%;
     padding: 5px;0px;0px;0px
     background: #fff;
     box-sizing: border-box;
     border: 2px solid #ffbf00;
     max-width: 300px;

     /* border-radius: 8px;    */
}




/*Navigation  */

ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: #ffbf00;

}

li {
        float: left;

}



li a {
        display: block;
        color: black;
        text-align: center;
        padding: 10px 25px;
        text-decoration: none;

}


li a:hover {
        background-color: #111;
        color: white;
}




/* Slideshow code beginn */

        /* .fling-minislide {width:350px; height:300px; overflow:hidden; position:relative; } */
        /* .fling-minislide {width:900px; height:300px; overflow:hidden; position:relative; } */
        .fling-minislide {width:97%; height:0px; padding-bottom: 50%; overflow:hidden; position:relative; }
        .fling-minislide img{ position:absolute; animation:fling-minislide 25s infinite; opacity:0; width: 100%; height: auto;}

        @keyframes fling-minislide {25%{opacity:1;} 40%{opacity:0;}}
        .fling-minislide img:nth-child(6){animation-delay:0s;}
        .fling-minislide img:nth-child(5){animation-delay:5s;}
        .fling-minislide img:nth-child(4){animation-delay:10s;}
        .fling-minislide img:nth-child(3){animation-delay:15s;}
        .fling-minislide img:nth-child(2){animation-delay:20s;}
        .fling-minislide img:nth-child(1){animation-delay:25s;}

/* Slideshow code ende */