@-ms-viewport {
        width: device-width;
}
@viewport {
        width: device-width;
}


.filters {
    float: left;
    width: 100%;
}

.msgnofilters {
    float: left;
    height: 100%;
    width: 100%;
}

.msgwithfilters {
    float: left;
    height: 100%;
    margin-left: 0;
    width: 100%;
}

@media screen and (max-device-width: 500px) {

body { text-align:left; margin: 0px; font-size: 36pt;}

.filters {
    float: left;
    width: 100%;
}

.msgnofilters {
    float: left;
    height: 100%;
    width: 100%;
}

.msgwithfilters {
    float: left;
    height: 100%;
    margin-left: 0;
    width: 100%;
}

}


@media screen and (min-device-width: 500px) {
.filters {
    float: left;
    width: 30%;
}

.msgnofilters {
    float: left;
    height: 100%;
    width: 100%;
}

.msgwithfilters {
    float: left;
    height: 100%;
    margin-left: 2%;
    width: 68%;
}
}



.notice {
	background-color: #ff6060;
	margin: 0px;
	padding: 0px;
}

.topmenu {
	min-width: 100%;
	width: 100%;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 3rem;
	border-bottom: 2px solid #C0C0C0;
	background-color: #E0E0E0;
	display: inline-block !important;
}
.menuitem {
	float: left;
	display: inline-block;
	position: relative;
	line-height: 3rem;
	margin: 0px;
}

.menuitem a {
	display: inline-block;
	position: relative;
	padding: 0 1rem 0 1rem;
	text-decoration: none;
	line-height: 3rem;
}

.navitems {
	display: inline-block;
	position: relative;
	line-height: 3rem;
	margin: 0px;
}

a.navitems, .navitems a, .navitems p {
	padding: 0.5rem 2rem 0.5rem 2rem;
	line-height: 3rem;
	display: inline-block;
	position: relative;
}

.navitems p {
	margin: 0px;
}

.opened {
	background-image: url('../images/filter-opened.png');
	background-repeat: no-repeat;
	background-size: 1em;
	padding-left: 1em;
	height: 1.1em;
	background-color: #E0E0E0;
	display: block;
}
.closed {
	background-image: url('../images/filter-closed.png');
	background-repeat: no-repeat;
	background-size: 1em;
	padding-left: 1em;
	height: 1.1em;
	background-color: #E0E0E0;
	display: block;
}

table {
	border-collapse: collapse;
	margin-left: 3px;
	margin-right: 3px;
}

table, th, td {
	border: 1px solid #e8e8e8;
	vertical-align: top;
}
