charset "utf-8";
*{padding:0;margin:0}
#bodys{font:95% PT Serif, serif;
background-image: url(images/gradient.jpg);
background-repeat: no-repeat;
background-position: right top;
background-color: #BCD962;
margin-top:0.5em;
background-attachment: fixed}





body {font:95% PT Serif, serif;background-color: #6F001C;color: #ffffff; margin-top:0.5em;}
a{color: #ffffff;}
a:hover {color: #fff;}

#wrapper{max-width:1000px;margin: auto;padding: 0px;background-image: url(images/wrapbg.png);background-repeat: repeat;box-shadow: 0px 0px 0px 2px #fff;}

#header{padding:0;margin:0;border-top: 5px #0#4a6105 solid;margin-bottom:1em;background-image: 
url(images/1000x200.png);background-repeat: no-repeat;background-position: left top; height: 220px}
#headerin{width:97%;padding:0;margin:0 auto;}

#header h1{width:auto;float:right;clear:right;color: #ffffff;font-size:42px;line-height:0.7em;text-align:right;font-weight:100;padding:0.5em;margin:0;margin-top:75px;letter-spacing:1px;}

#slogan {width:auto;float:right;color:#fff;font-size:18px;line-height:0.5em;text-align:right;font-weight:100;padding-bottom:5px;margin:0;letter-spacing:1px;width:100%;margin-right:19px}


#content,#boxs{float:left;min-height:300px;overflow:auto}

#navi{float:left;width:30%;margin-top: -4em;}

#locator{font:70% Arial;color:#000;}

#content{width:70%;overflow:hidden;}
/* .content_in{padding: 0 15px 15px 30px;}  */
.content_in{padding: 0 15px 10px 30px;}
.content_in h1:first-of-type {
	margin-top: -10px;
	padding-top: 0;
}









.content_in textarea {width: 90%;}
table.edit {background: #004080; font-size: 100%; line-height: 1.2em; margin: 1px 0;}
table.edit td {padding: 3px;}
table.edit a:link, table.edit a {color: #fff;}

#boxs{
width:100%;
clear:both;
margin-top:-1.0em;
overflow:hidden;
display: none;}





.news{font-size:80%;padding-top:0;margin-top:1.4em;padding:.6em;border-radius:5px;border: 1px #ffffff solid;background-image: url(images/news.png);background-repeat: repeat;}
.block {width: 48%;margin:0 1%;float: left;box-shadow: 0 8px 6px -6px black;border-radius: 5px;margin-top: -3em;}
.blockin {padding: 0.5em;font-size: 80%;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;background-image: url(images/wrapbg.png);background-repeat: repeat;}
.lastupdate {font-size: 90%;padding: 0.5em;color:#000;}
.langmenu {padding-left: 0.8em; padding-top: 8em;}
.langMenu {float: right; padding-right: 0.8em; padding-top: 1em;}
.button a {background: #640021;display: inline-block;padding: 5px 10px 6px;color: #fff;text-decoration: none;border-radius: 6px;box-shadow: 0 1px 3px rgba(0,0,0,0.6);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);position: relative;cursor: pointer;}
.button a:after {display: inline;content: "  \2191";font-weight: bold;}
#footer{clear:both;margin:2em;border-bottom: 5px #AA002B solid}
.footer_in{text-align:center;min-height:3em;padding:1em 0;clear:both;width:100%}
.copyright{font-size:80%}

h2,h3{margin:0;font-family: Oswald, sans-serif;font-size:250%;color:#ffffff;padding-top:.5em;text-shadow:0 1px 1px black}

h1{margin:0;line-height: 1.8em;font-family: PT Serif, serif;font-size:160%;color:#ffffff;padding-top:.5em;text-shadow:0 1px 1px black}


h4,h5,h6{margin:0;font-size:100%;text-shadow:0 1px 1px gray;color:#fff;overflow: hidden;}
.news h4 {color: #819F24;}
.blockin h4  {color: #819F24;}
input[type="submit"]{background: #231910;color: #fff;display:inline-block;height:20px;position:relative;text-align:center;text-decoration:none;margin-left:5px;margin-top:10px;padding:2px 10px 10px;border-radius:3px;font-variant:normal;font-weight:normal;font-size:75%;}

input[type="text"],input[type="text"]:focus,input[type="password"]:focus{border:#006432 inset 1px;border-radius:3px;font-size:80%;}
#search{margin-bottom:.6em;padding-left:1em;padding-bottom:.6em;height:40px;}
#iconmenu {float: right;margin-top: -25px;padding-right: 5px;}
blockquote {font-family: Georgia, serif;font-size: 100%;font-style: italic;width: 80%;margin: 0.25em 0;padding: 0.25em 40px;line-height: 1.45;position: relative;color: #000;}
blockquote:before {display: block;content: "\201C";font-size: 80px;position: absolute;left: -5px;top: -20px;color: #005B00;}
blockquote a,blockquote a:visited{color:maroon;}
blockquote a:after{content:"\00BB";}





img{max-width:100%;height:auto}

.video{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%}
p{margin:1em 0;line-height:1.4}
ol{margin:6px 0}
ol li{line-height:1.2;border:0;padding:0;margin:0 0 0 22px}
ul{list-style-type:square;list-style-position:outside;margin:6px 0 6px 10px}
ul li{line-height:1.2;border:0;padding:5px 0;margin:0 0 0 17px}



#menu li,#menu ul{list-style-type:none;margin:5;padding:0}
#menu a{display:block;color:#fff;text-decoration:none;line-height:250%;padding-left:1em;padding-right:1em;border-radius:5px;background:#880022;border:1px #fff solid}

#menu a:hover{background:#640021;color: #ffffff;}

#menu{float:left;width:100%;font-family: Arial;font-size:95%;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.7)}





#menu li{list-style-type:none;list-style-image:none;padding:0}
#menu ul.menulevel1 li{line-height:1em;margin:3px 0}
#menu ul.menulevel2{margin:1px 0}
#menu ul.menulevel2 li{line-height:1em;margin:1px 0}
#menu ul.menulevel2 li a{background:#6D523A;}
#menu ul.menulevel2 li a:hover{background:#977251;color: #ff0000;}
#menu ul.menulevel3{margin:1px 0}
#menu ul.menulevel3 li a{background:#816245;}
#menu ul.menulevel3 li a:hover{background:#977251;color: #ff0000;}
#menu ul ul.menulevel3 li{margin:1px 0}
#menu2 {padding-top : 0px;padding-bottom : 5px;margin-top: -6px;padding-bottom: 3px;width: 100%;font-size:90%;}
#menu2 li {list-style : none;padding : 0;display : block;text-decoration : none;line-height : 200%;padding-left : 1em;padding-right : 1em;border-radius : 5px;background : #819F24;border : #fff solid 1px;margin-left: -10px;margin-bottom: 1px;font-size: 100%;}
#menu2, #menu2 a {text-decoration : none;display : block;list-style : none;color: #fff;line-height : 200%;font-family: arial, sans-serif;}
#menu2 li a:hover {color: #ffff00;}




@media screen and (max-width: 480px) {
#bodys {background-image: none;}
#header{padding:0;margin:0;border-top: 0px #4A6105 solid;margin-bottom:1em;background-image: url(images/head480.png);background-repeat: no-repeat;background-position: left top; height: 150px}
#content,#navi,#boxs{clear:both;width:100%}
#menu2{visibility:hidden;height: 1px; overflow: hidden}
.block{visibility:hidden;height: 1px; overflow: hidden}
.news {visibility: visible;}
#slogan {display:none}
#header h1 {display:none}
#locator{visibility:hidden;height: 1px; overflow: hidden}
ul.menulevel1 {display:none}
#menu:hover ul.menulevel1 {display:block;}
}









@media screen and (min-width: 481px) and (max-width: 768px) {
#header{padding:0;margin:0;border-top: 0px #4A6105 solid;margin-bottom:1em;background-image: url(images/768x200.png);background-repeat: no-repeat;background-position: left top; height: 200px}
#content,#navi,#boxs{clear:both;width:100%}
#menu2{visibility:hidden;height: 1px; overflow: hidden}
.news{visibility:hidden;height: 1px; overflow: hidden}
#locator{visibility:hidden;height: 1px; overflow: hidden}
#locator{visibility:hidden;height: 1px; overflow: hidden}
#slogan {display:none}
#header h1 {display:none}

ul.menulevel1 {display:none}
#menu:hover ul.menulevel1 {display:block}
}

@media screen and (min-width: 769px) and (max-width: 979px) {
#navi{width:30%}
#content{width:70%}
.news{visibility:hidden;height: 1px; overflow: hidden}
#iconmenu {visibility:hidden;}
#boxs{clear:none;width:100%}
}

@media screen and (min-width: 980px) and (max-width: 1599px) {
#iconmenu {visibility:hidden;}
#navi{width:25%}
#content{width:50%}
#boxs{clear:none;width:25%;overflow: auto
}


.news {visibility: visible;overflow: auto}



.block{visibility:hidden;height: 1px; overflow: hidden}
}


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

#iconmenu {visibility:hidden;}
#navi{width:25%}
#content{width:70%}
#boxs{clear:none;width:25%;overflow: auto}
.news {visibility: visible;overflow: auto}
.block{visibility:hidden;height: 1px; overflow: hidden 
}













.videoWrapper {
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 0;
 height: 0;
}
 
.videoWrapper iframe{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

table {
    border-collapse: collapse;
}