@charset "utf-8";
/* Responsive template "Responsive HTML" v3 2013-01-15 By Oldnema*/
*           {padding:0;margin:0}

@font-face  {
             font-family: engscrpt;
             src: url("./fonts/engscrpt.woff") format('woff');
             }


body        {background: #ebcfb7; font:100% Arial;}
body        {background: #edd3ba url(images/theme1.jpg) right 140px no-repeat;
             vertical-align: top;
             height: 500px;
             font:100% Arial;}

a           {color:#6b412b;}
#wrapper    {max-width:1200px;
             margin:1em auto;
             background:#fff; background:transparent;
             padding: 10px;
             }

#header     {padding:0;margin:0;
             border-top:5px solid #976230;
             height:100px;
             margin-bottom:1em;
             background:#fff; background:transparent;
             }
#headerin   {width:97%;
             padding:0;
             margin:0 auto}
#header h1  {width:auto; float:right; clear:right;
             color:#0080c0; color:#222222;
             font-size:350%;
             line-height:1.2em; line-height:1.0em;
             text-align:right;
             font-weight:100;
             margin:0;
//           padding:0.5em; 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:#6b412b;
             font-size:16px;
             line-height:1.2em;text-align:right;font-weight:100;
             padding-bottom:10px;margin:0;letter-spacing:1px;}

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

#navi       {float:left;width:30%}
#locator    {font:70% Arial;color:#0080c0;}
#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;}

.transp     {background: transparent;}

#boxs       {width:100%;clear:both;margin-top:-1em}
.news       {font-size:100%;
             padding-top:0;
             margin-top:1em;
             padding:.6em;
             border-radius:5px;
             border:1px #c68f59 solid;
             border-top: 1em solid #c68f59;
             background: white;

             }
#footer     {color:#666;clear:both;margin:2em;border-bottom:5px solid #976230}
.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-family: engscrpt;
             font-size:130%;color:#815138;
             font-size:300%;color:brown; font-weight: 500;
             padding-top:.5em;
             padding-top:0px;
          // text-shadow:0 1px 1px gray;
            }
h2,h3       {background: url(images/h2_bg.png) no-repeat; font-size:250%;}

.h1,.h2,.h3 {font-family: engscrpt;}

h4,h5,h6    {margin:0;
             font-size:110%;
             padding:0;
             color:#815138;
         //  text-shadow:0 1px 1px gray;
             }

input[type="submit"]
            {background:#013F7F;
             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 #976230 solid;
             padding-left:1em;
             padding-bottom:.6em;
             background:#e3b68b;
             height:40px;}

#iconmenu   {float: left;
             margin-top: -25px; margin-top: 10px;
             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          {list-style-image: url(images/inhlist.gif); margin: 6px 0;}

ul li       {line-height:1.2;
             border:0;
             padding:5px 0;
             margin:0 0 0 25px;}

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

#menu a     {display:block;
             color:#fff;
             text-decoration:none;
             line-height:200%;
             padding-left:1em;
             padding-right:1em;
             border-radius:5px;
             background:#004080; background:#444444;
             border:0px #976230 solid}

#menu a:hover{background:#0080ff;
              background:#666666;
}


#menu       {float:left;width:100%;font-size:90%;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:1px 0}
#menu ul.menulevel2        {margin:1px 0;}
#menu ul.menulevel2 li     {line-height:1em; margin:1px 0}
#menu ul.menulevel2 li a      {background:#976230; padding-left: 30px}
#menu ul.menulevel2 li a:hover{background:#c68f59}
#menu ul.menulevel3        {margin:1px 0}
#menu ul.menulevel3 li a      {background:#08a}
#menu ul.menulevel3 li a:hover{background:#0080ff}
#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 : #004080;
             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: #80ffff;}

.lastupdate {font-size : 90%;border-top : 1px solid #0080c0;}
.block      {width: 48%;
             margin:0 1%;
             float: left;
             box-shadow: 0 8px 6px -6px black;
             border-top: 1em solid #c68f59;
             background: white;
             border-radius: 5px;
             margin-top: -3em; margin-top: 1em;
             }

.blockin    {padding: 0.5em;
             font-size:100%;
             border-bottom-left-radius: 10px;
             border-bottom-right-radius: 10px;}

.lastupdate {color:#004080;font-size: 90%;padding: 0.5em;border-top: 2px #0080c0 solid;}
.langmenu   {padding-left: 0.5em;padding-top: 0.5em;}
.button a   {background: #c68f59;
             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 and (max-width: 480px) {
#content,#navi,#boxs{clear:both;width:100%}
#menu2      {visibility:hidden;height: 1px; overflow: hidden}
.block      {visibility:hidden;height: 1px; overflow: hidden}
.news       {visibility: visible;}
#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) {
#content,#navi,#boxs
            {clear:both;width:100%}
#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       {width:30%}
#content    {width:70%}
.news       {visibility:hidden;height: 1px; overflow: hidden}
.block      {visibility: visible;}
#iconmenu   {visibility:hidden;}
#boxs       {clear:none;width:100%}
}

@media screen and (min-width: 980px) {
#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}
}