@import url("../individual/stylesheet.css");

#boxs{width:100%;min-height: 250px;clear:both;margin-top:-1em}
#boxs ul {
	margin-top: -5px;
	list-style-type: none;
	margin-left: -3px;
	list-style-image: url(images/list.png);
}
.news{
	font-size:90%;
	min-height: 450px;
	padding-top:0;
	margin-top:1em;
	
}


.block {width: 48%;
	font-size:90%;
	min-height: 350px;
	padding-top:0;
	margin-top:1em;}


@media screen and (max-width: 480px) {
#content {display:none;}
.news{display:none;}
#boxs{clear:both;width:100%}
.block {width: 100%;visibility:visible}

#menu2{visibility:hidden;height: 1px; overflow: hidden}

.news {visibility: hidden;}
#locator{visibility:hidden;height: 1px; overflow: hidden}
ul.menulevel1 {display:none}
#menu:hover ul.menulevel1 {display:block;}
#slogan  {display: none}
#header{height:65px}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
#header{height:120px}
#content {display:none;}
.news{display:none;}
#boxs{clear:both;width:100%; margin-top: 1em}
#content{margin-top:0px;}
#menu2{visibility:hidden;height: 1px; overflow: hidden}
.news{visibility:hidden;height: 1px; overflow: hidden}
.block {visibility: visible;}
#locator{visibility:hidden;height: 1px; overflow: hidden}
#locator{visibility:hidden;height: 1px; overflow: hidden}
ul.menulevel1 {display:none}
#menu:hover ul.menulevel1 {display:block}

}

@media screen and (min-width: 769px) and (max-width: 979px) {
#navi{display: none}
#content {display:none;}
.news{display:none;}
.block {visibility: visible;}
#iconmenu {visibility:hidden;}
#boxs{clear:none;margin-left: 1%;width:100%;overflow: auto}

}

@media screen and (min-width: 980px) {

#navi{display: none}
#content {display:none;}
#boxs{clear:none;margin-left: 1%;width:100%;overflow: auto}
.news {width:30%;margin-left: 1%;margin-right: 1.5px;visibility: visible; float: left;overflow: auto}
.block{visibility:hidden; display: none; height: 1px; overflow: hidden}

}