body{
    margin:0;
    padding:0;
    background-color:#929BC1; /*40% Dunkelblau*/
    font-family:Arial,Helvetica,sans-serif;
    line-height:1.5;
}
.center{
    margin:auto;
    width:1000px;
}

img {
    width:100%;
    height:100%;
}


h1{
    font-family:"Arial Narrow",Helvetica,sans-serif;
    font-size:25px;
    color:#003978; /*100% Dunkeblau*/
    text-align:left;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:35px;
    padding-right:35px;
    line-height:150%;
}

h2{
    font-size:20px;
    color:#003978; /*100% Dunkeblau*/
    text-align:left;
    margin-top:70px;
    padding-bottom:10px;
    line-height:1.2;
    padding-left:30px;
}



h3{
    /* text-align:justify; */
    font-size:18px;
    color:#000000;
    text-align:left;
    margin-top:20px;
    margin-bottom:15px;
    line-height:1.2;
    padding-left:45px;
    padding-right:45px;
}

div.box {
    width:35%;
    margin:20px;
    margin-top:0px;
    background-color:#C5C9DF; /*20% Dunkelblau*/
    color:#003978; /*100% Dunkeblau*/
    line-height:1;
/*     font-size:18px; */
/*     border-radius:30px; */
}


div.text{
    float:left;
    width:100%;
}



div.thumbnail{
    float:left;
    width:238px;
    height:255px;
    margin-left:4px;
    margin-right:4px;
    margin-top:0px;
    margin-bottom:15px;
    /*border-radius*/:30px;
    border-style:solid;
    border-width:2px;
    border-color:#C5C9DF; /*20% Dunkelblau*/
}

ul.navigation_bar{
    background-color:#003978; /*100% Dunkeblau*/
    font-family:"Arial Narrow",Helvetica,sans-serif;
    font-size:20px;
    text-align:left;
    margin:0px;
    margin-top:-10px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:0px;
    list-style-type:none;
/*     color:white; */
}

li.navigation_bar {
    display:inline;
    padding-left:35px;
    font-stretch:expanded;
}


li.navigation_bar > a{
    text-decoration:none;
    color:white;
    font-weight:bold;
}
li.navigation_bar > a:hover,a:active{
/*     font-weight:bold; */
}


iframe.gallery{
    width:900px;
    height:800px;
    border:none;
    margin-left:50px;
    margin-right:50px;
    margin-top:0px;
    margin-bottom:50px
}


p{
    margin:0;
    font-size:16px;
    padding-bottom:10px;
    padding-top:0;
    padding-left:20px;
    padding-right:20px;
}

p.box_header{
    font-size:16px;
    margin-top:10px;
    margin-bottom:5px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:20px;
    font-weight:bold;
}

p.box_text{
    font-size:14px;
    margin-top:0;
    padding-top:0;
    margin-left:30px;
    margin-bottom:0px;
    padding-left:0;
}

p.clear
{
clear:both;
}

p.text{
    font-size:16px;
/*     text-indent:15px; */
    line-height:1.5;
    text-align:left;
    margin-left:20px;
    margin-right:20px;
}

p.impressum{
    font-size:16px;
/*     text-indent:15px; */
/*     line-height:1.5; */
    text-align:left;
    margin-left:20px;
    margin-right:20px;
    margin-top:0px;
    margin-bottom:0px;
    padding-left:30px;
    padding-right:30px;
    padding-top:0px;
    padding-bottom:0px;
/*     padding:0px; */
}

p.object_path{
    font-size:16px;
    font-family:"Arial Narrow",Helvetica,sans-serif;
    background-color:#6375A6; /*60% Dunkelblau*/
    color:white;
    margin:0;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:35px;
    font-weight:bold;
}

a.object_path{
    color:white;
    font-family:"Arial Narrow",Helvetica,sans-serif;
    text-decoration:none;
/*     font-weight:bold; */
}

h2.footer{
    font-size:14px;
    color:#008b9d;
    line-height:1.5;
    margin-top:10px;
    margin-bottom:0px;
}

h2.footer > a:link, h2.footer > a:hover, h2.footer > a:active, h2.footer > a:visited{
    color:#008b9d;
}

.footer > a:link, .footer > a:hover, .footer > a:active, .footer > a:visited{
    color:#ffffff;
}

p.footer{
    font-size:12px;
}

div.footer{
    float:left;
    width:50%;
    background-color:#003978; /*100% Dunkeblau*/
    color:#ffffff;
}

.flag{
    width:32px;
    float:left;
/*     margin-top:0.5em; */
    margin-right: 0.2em;
}

.digitization_type{
    margin-left:5px;
    opacity: 1;
    width: 32px;
    height: auto;
}

.flag_footer{
    width:25px;
    margin-left:-20px;
    padding-right:10px;
}


td {
    width: 100px;
}

div.collection_images{
    float:right;
    width: 40%;
    padding-left:30px;
    padding-right:10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

img.collection_images{
    width: 95%;
    padding-top: -10px;
    padding-bottom: 20px;
}


@media only screen and (max-width: 1000px) {
    .flag {
        width: 50px;
    }
    .digitization_type{
        width: 50px;
    }

    p.box_header{
        font-size:20px;
    }

    p.box_text{
        font-size:18px;
    }