@charset "utf-8";
/* Responsive template "Responsive HTML" v3 2013-01-15 By Oldnema*/
/* adapted to own needs by Bernhard Dockhorn, 2016.09.17 */
*{padding:0;margin:0}
body{background:#95877E;font-family: 'Raleway', sans-serif; font-size:16px; }

a{color:#369}

#wrapper{max-width:1150px;margin:1em auto;background:#e1ccbf;padding: 10px;margin-top:1,5em;border-radius:10px; }

#header{padding:0;margin-top: 1,5em;border-top:0px solid #0080c0;height:250px;margin-bottom:1em;background-image: url(images/header.jpg); border-radius:8px; }
#headerin{width:97%;padding:0;margin:0 auto}
#header h1{font-family: 'Lustria', serif;width:auto;float:left;clear:left;color:white;font-size:40px;line-height:1.2em;text-align:left;font-weight:100;padding-top: 10px;margin:0;letter-spacing:1px;}
#header .logo{float:left;margin:0;border:0 solid #666;margin:5px;width:auto;}

#slogan {font-family: 'Lustria', serif;width:auto;float:left;clear:left;color:white;font-size:24px;line-height:1.2em;text-align:left;font-weight:100;padding-top:10px;padding-bottom:10px;margin:0;letter-spacing:1px;}

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

#navi{float:left;width:25%; }

#locator{font-family: 'Raleway', sans-serif; color:#0080c0;}

#content{width:75%;overflow:hidden; }
.content_in{padding:0 1em 1em;float:left;}
.content_in textarea {width: 90%;}
.text {max-width: 400px;background:#e1ccbf;font-family: 'Raleway', sans-serif;font-size: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:-1em}
.news{float:right;width:80%;font-size:90%;padding-top:0;margin-top:1em;padding:.6em;border-radius:5px;border:1px solid #554D48;background:#e1ccbf;}

#footer{color:#666;clear:both;margin:2em;/*border-bottom:5px solid #0080c0;*/ text-align: center;}
.footer_in{text-align:center;min-height:3em;padding:1em 0;clear:both;width:100%;border-top:1px solid #554D48}

.copyright{font-size:80%}

h1,h2,h3{font-family: 'Lustria', serif;margin:0;font-size:150%;color:#554d48;padding-top:.5em;}
h4,h5,h6{font-family: 'Lustria', serif;margin:0;font-size:130%;padding:0;color:#554d48;}

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 #0080c0 solid;padding-left:1em;padding-bottom:.6em;background:#86c2f4;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 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:#554d48;}
#menu a:hover{background:#a29389}
#menu{float:left;width:70%;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:#7b7068}
#menu ul.menulevel2 li a:hover{background:#a29389}
#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 : 1px;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 0px;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 #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:#004080;font-size: 90%;padding: 0.5em;border-top: 2px #0080c0 solid;}
.langmenu {padding-left: 0.5em;padding-top: 0.5em;}
.button a {display: inline-block;padding: 5px 10px 6px;color: #554d48;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}
}