@charset "utf-8";
/* Responsive template "Responsive HTML" v3 2013-12-13 By Rudloff*/
*{
 padding:0;
 margin:0
}
Body{
 background:#ffffcc;
 font-family: Trebuchet MS, Geneva, Arial, Helvetica,  sans-serif;
 font-size: 12px;
}
}
a{
 color:#369
}
#wrapper{
 width:985px;
 background:#ffffcc;
 padding: 10px;

 margin-left: auto; 
 margin-right: auto;
 text-align: left;
}
#header{
 padding:0;
 margin:0;
 border-top:5px solid #ffffcc;
 height:100px;
 margin-bottom:1em;
 background:#ffffcc
}
#headerin{
 width:100%;
 padding:0;
 margin:0 Auto
}
#header h1{
 width:auto;
 float:right;
 clear:right;
 color:#0040c0;
 font-size:24px;
 line-height:1.2em;
 text-align:right;
 font-weight:100;
 padding:0.5em;
 margin:0;
 letter-spacing:1px;
}
#header .logo{
 float:left;
 margin:0;
 border:0 solid #666;
 margin:5px;
 width:auto;
}
#slogan {
 width:auto;
 float:right;
 clear:right;
 color:#0080c0;
 font-size:15px;
 line-height:1.2em;
 text-align:right;
 font-weight:100;
 padding-bottom:10px;
 margin:0;
 letter-spacing:1px;
}
#content,#boxs{
 float:left;
 background:#ffffcc;
 min-height:300px;
 overflow:auto
}
#navi{
 float:left;
 width:30%
}
#locator           {color:#547C3D; font-size: 90%;}
#locator a:link    {color:orange; }
#locator a:visited {color:#547C3D; }
#locator a:active  {color:orange; }
#locator a:hover   {color:orange;}



#content{
 width:70%;
 overflow:hidden;
}
.content_in{
 padding:0 1em 1em
}
.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:0em
}
.news{
 font-size:90%;
 padding-top:0;
 margin-top:1em;
 padding:.6em;
 border-radius:5px;
 border:1px #547C3D solid;
 background:#547C3D
}
.news a:link    {color:orange;}
.news a:visited {color:orange;}
.news a:active  {color:orange;}
.news a:hover   {color:black; }

.news h4 {color: white;}

#footer{
 color:#666;
 clear:both;
 margin:2em;
 border-bottom:5px solid #547C3D
}
.footer_in{
 text-align:center;
 min-height:3em;
 padding:1em 0;
 clear:both;
 width:100%
}
.copyright{
 font-size:80%
}
h1,h2,h3{
 margin:0;
 font-size:130%;
 color:#547C3D;
 padding-top:.5em;
 text-shadow:0 1px 1px gray
}
h4,h5,h6{
 margin:0;
 font-size:110%;
 padding:0;
 color:#547C3D;
 text-shadow:0 1px 1px gray
}
input[type="submit"]{
 background:#547C3D;
 color:#fff;
 display:inline-block;
 height:24px;
 position:relative;
 text-align:center;
 text-decoration:none;
 margin-left:5px;
 margin-top:11px;
 padding:2px 10px 10px;
 border-radius:5px;
 font-variant:normal;
 font-weight:normal;
 font-size:70%;
}
input[type="text"],input[type="text"]:focus,input[type="password"]:focus{
 border:#006432 inset 1px;
 border-radius:5px;
 font-size:70%;
}
#search{
 margin-bottom:.4em;
 border-radius:5px;
 border:1px #547C3D solid;
 padding-left:1em;
 padding-bottom:.6em;
 background:#547C3D;
 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: #383838;
}
blockquote:before {
 display: block;
 content: "\201C";
 font-size: 80px;
 position: absolute;
 left: -5px;
 top: -20px;
 color: #7a7a7a;
}
blockquote a,blockquote a:visited{color:maroon;}
blockquote a:after{content:"\00BB";}
img{
 max-width:100%;
 height:auto;
 width: auto; /* 3 */
}
.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.3
}
ol{
 margin:6px 0
}
ol li{
 line-height:1.2;
 border:0;
 padding:0;
 margin:0 0 0 22px
}
ul{
 list-style-position:inside;
 margin:6px 0 6px 10px
}
ul li{
 line-height:1.2;
 border:0;
 padding:5px 0;
 margin:0 0 0 17px
}
#menu{
 float:left;
 width:100%;
 font-size:90%;
 color:#fff;
}

#menu a{
 display:block;
 color:#fff;
 text-decoration:none;
 line-height:200%;
 padding-left:1em;
 padding-right:1em;
 border-radius:5px;
 background:#547C3D;
 border:1px #547C3D solid
}
#menu a:hover {
 background:#000000
}

#menu li,#menu ul{
 list-style-type:none;
 margin:0;
 padding:0
}

#menu li{
 list-style-type:none;
 list-style-image:none;
 padding:5
}
#menu li a:hover {
 color: orange;
}

#menu ul.menulevel1 li{
 line-height:1em;
 margin:1px 0;
}
#menu ul.menulevel2{
 margin-left:10px ;
}
#menu ul.menulevel2 li{
 line-height:1em;
 margin:1px 0;
}

#menu ul.menulevel3{
 margin-left:10px;
}

#menu ul.menulevel3 li {
 line-height:1em;
 margin:1px 0;
}


#menu ul ul.menulevel3 li{
 margin:1px 0
}
#menu2 {
 float:left;
 width: 100%;
 font-size:90%;
 color:#fff;
}
#menu2 a {
 display : block;
 color: #fff;
 text-decoration: none;
 line-height:200%;
 padding-left:1em;
 padding-right:1em;
 border-radius:5px;
 background:#547C3D;
 border:1px #547C3D solid
}
#menu2 a:hover {
 background: #000000;
}
#menu2 li,#menu2 ul{
 list-style-type:none;
 margin:0;
 padding:0
}
#menu2 li {
 list-style-type:none;
 list-style-image:none;
 padding:5
 line-height:1em;
 margin:1px 0
}
#menu2 li a:hover {
 color: orange;
}
.lastupdate {
 font-size : 90%;
 border-top : 1px solid #547C3D;
}
.block {
 width: 48%;
 margin:0 1%;
 float: left;
 box-shadow: 0 8px 6px -6px black;
 border-top: 1em solid #0080c0;
 background-color: #f5f5f5;
 border-radius: 5px;
 margin-top: -3em;
}
.blockin {
 padding: 0.5em;
 font-size: 80%;
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
}
.lastupdate {
 color:#547C3D;
 font-size: 90%;
 padding: 0.5em;
 border-top: 2px #0080c0 solid;
}
.langmenu {
 padding-left: 0.5em;
 padding-top: 0.5em;
}
.button a {
 background: #547C3D;
 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;
}

@media screen {
 #iconmenu {visibility:hidden;}
 #navi{width:20%}
 #content{width:60%}
 #boxs{clear:none;width:20%;overflow: auto}
 .news {visibility: visible;overflow: auto}
 .block{visibility:hidden;height: 1px; overflow: hidden}
}