body { margin: 0px; background: #fff;
       font-family: roboto, Arial, Helvetica, Times; font-size: .9em; }

/* General text */
p { font-size: .9em; }
a { text-decoration: none; color: #000; }

/* Search results */

div.searchgridtile { overflow: hidden; display: inline-block; width: 188px; max-width: calc(45% - 20px); margin: 0px 12px 12px 0px; padding: 10px; border: 1px solid #ddd; text-align: center; vertical-align: top; border-radius: 3px; transition: background .5s, box-shadow .5s; }
div.searchgridtile:hover   { background: #eee; box-shadow: 0 1.5px 2px rgba(0,0,0,.06),0 1.5px 1.5px rgba(0,0,0,.06); }
div.searchpreviewimage     { width:100%; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
div.searchpreviewimage img { max-width: calc(100% - 4px); max-height: 180px; margin: 2px; padding: 0px;
                             text-align: center; vertical-align: middle; }
div.searchgridtile h3      { min-height: 2em; margin: 0px; padding: 10px 0px 5px 0px; color: #ada090;
                             font-weight: bold; line-height: 1.5em; }
div.searchgridtile h3 a    { color: #006599; }
div.searchgridtile p       { margin: 0px; padding: 0px; font-size: .82em }

@media screen and (width: 1920px) {
    div.searchgridtile { width: calc((100% - 80px) / 8); }
}

ul.searchlistview { margin: 0px; padding: 0px; }
ul.searchlistview li { list-style-type: none; display: inline-block; width:100%; height: auto;
                       margin: 0px; padding: 10px 0px 5px 0px;
                       border-top:1px solid #ddd; border-bottom:1px solid #fff; font-size: 1em;
                       line-height: 1.2em; transition: background .5s, border-color .5s; }
ul.searchlistview li:hover { background: #f3f3f3; border-color: #aaa; }
ul.searchlistview li p  { margin: 0px; padding: 0px; }
ul.searchlistview li h3 { margin: 0px; padding: 0px 0px 5px 0px; }
ul.searchlistview li h3 a { color: #333; font-weight: normal; font-size: 1.1em; line-height: 1.2em; }
ul.searchlistview li h3 a img{ padding: 0px 5px 0px 0px; }
ul.searchlistview li div.imagect { float: left; width: 154px; height: 102px; margin: 0px 20px 5px 0px; padding: 2px; text-align:center; border: 1px solid #ddd; }
ul.searchlistview li div.imagect img { width: auto; max-width: 150px; height:100px; margin: 0px; padding: 0px; }


div.navigationsleiste               { display: block; margin: 0px 0px 1em 0px; padding: 0px;
                                      background: #eee; font-family: arial; text-align: center; font-size: .9em; }
div.navigationsleiste a             { display: inline-block; padding: .6em .5em; color: #222; transition: background .6s; }
div.navigationsleiste a.navicurrent { color: #006599; font-weight: bold; }
div.navigationsleiste a.lnav        { display: inline-block; color: #006599; font-weight: bold; }
div.navigationsleiste a:hover,
div.navigationsleiste a.lnav:hover  { background: #aaa; }